﻿#skip_beforeBtn{display: none;}

.subSearchBox:after{content: ''; display: block; clear: both; visibility: hidden;}    
.subSearchBox > b, .subSearchBox > a:nth-of-type(2){margin-left:-2px;}

.subNav > li:first-of-type{width:60px; border:none; text-align:center; padding:0; text-align:center;  
                background: linear-gradient(to bottom, #2b76c2 10%, #2061bc 60%); 
                background: -webkit-linear-gradient(to bottom, #2b76c2 10%, #2061bc 60%); 
                background: -moz-linear-gradient(to bottom, #2b76c2 10%, #2061bc 60%); 
                background: -o-linear-gradient(to bottom, #2b76c2 10%, #2061bc 60%); }

.subNav > li > a{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; display:block; width:100%; color:#fff; background:url(/images/egovframework/scourt/sub/option1W.png) right center no-repeat; box-sizing:border-box; padding-right:20px;}
.subNav > li:first-of-type > a,.subNav > li.shareBtn > a,.subNav > li.printBtn > a{ background:none; padding:0;}
.subNav > li.subNavLast > a{color:#8dd3fd; } 
.subNav > li.active{background:#132456;} 
.subNav > li.active > a{color:#fff; background:url(/images/egovframework/scourt/sub/option2W.png) right center no-repeat;} 
.subNav > li:first-of-type.active > a,.subNav > li.shareBtn.active > a,.subNav > li.printBtn.active > a{ background:none;}    
.subNav img{padding-bottom:3px;}    
/*서브 기본폼*/ 


.subHScrollAc{height:60px; box-shadow:rgba(0, 0, 0, 0.1) 0 2px 5px ;}    
.subHScrollAc header h1{width:140px; padding:10px 0; position:absolute; top:0; left:0;}   	 	
.subHScrollAc header h1 a img{width:140px;}   	
.subHScrollAc header nav, .subHScrollAc header > .sideNav > ul{display:none;}
.subHScrollAc header > .sideNav{ padding:18px 15px 0 0 ;}
/*헤더*/


.greyBox{border:1px solid #cdd1d8; padding:20px; box-sizing:border-box; font-size:17px; line-height:25px; }
.pointBox{border:2px dashed #b50081; padding:20px; box-sizing:border-box; font-size:17px; line-height:25px; }
.basicBtn{font-size:17px; padding:15px 20px; text-align:center; display:inline-block;  border:1px solid #014099;}
.basicBtnS{font-size:17px; padding:8px 15px; text-align:center; display:inline-block;  border:1px solid #014099;}

.downBtn{ border:1px solid #014099; color:#014099; font-size:17px; padding:5px 30px 5px 9px; display:inline-block; background:url(/images/egovframework/scourt/sub/downBtn.png) right center no-repeat;}


.textType1{padding:20px 0; border-bottom:1px dashed #e5e5e5;}
.textType1 h3{padding-top:8px; font-size:21px; font-weight:bold; margin-bottom:15px; line-height:32px; position:relative;}
.textType1 h3:before{position:absolute; content:''; width:40px; height:3px; top:0; left:0;  background-color:#b50081;}
.textType1 > div{margin:0 0 15px 3px;}
.textType1 > div:last-of-type{margin:0 0 0px 3px;}
.textType1 > div h4{font-size:19px; line-height:26px; margin-bottom:5px; font-weight:bold; color:#014099;}
.textType1 > div > ul > li{padding-left:14px; font-size:17px; line-height:24px; margin-bottom:8px; position:relative;}
.textType1 > div > ul > li:after{position:absolute; content:''; top:6px; left:3px;  width: 0;  height: 0;  border-bottom: 4px solid transparent;  border-top: 4px solid transparent;  border-left: 6px solid #014099;  border-right: 6px solid transparent;}
.textType1 > div > ul > li.bulNone:after{ width:0px; height:0px;}
.textType1 > div > ul > li:last-child{margin-bottom:0px;}
.textType1 > div ol{margin:6px 0px 10px 10px; font-size:17px; line-height:22px; color:#555; }   
.textType1 > div ol > li{margin-bottom:5px;}  
/*텍스트 폼 세팅*/    


.tableBox{border-top : 2px solid #014099; margin:10px 0; background-color:#fff;}      
.tableBox + p{background:#f6fafc; padding:10px; box-sizing:border-box; color:#777; line-height:22px; border:3px dashed #b7ccdd;}         
.tableBox table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; min-width:690px; font-size:17px;}
.type1 th { background : #f7f9fc; font-weight :bold; font-size:17px;}                   
.type1 th, .type1 td { border-bottom : 1px solid #c3d0d4; border-right:1px solid #c3d0d4; padding :9px 10px 8px; line-height:24px; text-align:center; vertical-align:middle;}
.type1 th:last-child, .type1 td:last-child {border-right:none;}
.type1 th.left, .type1 td.left, .type1.left th, .type1.left td {text-align:left; padding-left:10px;}
.type1 th.rBoder, .type1 td.rBoder {border-right:1px solid #c3d0d4;}
.type1 .bg_yellow { background :#fefbf1; }
/*테이블 폼*/


.subTapBasic{margin-bottom:20px;} 
.subTapBasic li{text-align:center; display:inline-block; box-sizing:border-box; border:1px solid #014099; margin-left:5px;}
.subTapBasic li:first-of-type{margin-left:0;}
.subTapBasic li > a{display:block; font-size:18px; line-height:40px; color:#014099; box-sizing:border-box; transition-duration:0.3s; background-color:#fff; padding:0 20px;} 
.subTapBasic li.active > a{background-color:#014099; color:#fff; }   
/*서브탭*/

.sub_Intab_nav{margin-bottom:10px;} 
.sub_Intab_nav li{text-align:center; display:inline-block; box-sizing:border-box;  margin-left:3px;}
.sub_Intab_nav li:first-of-type{margin-left:0;}
.sub_Intab_nav li > a{display:block; font-size:17px; line-height:30px; color:#555; border:1px solid #555;  box-sizing:border-box; transition-duration:0.3s; background-color:#fff; padding:0 10px; border-radius:50px;} 
.sub_Intab_nav li.active > a{background-color:#555; color:#fff; }   
/*서브탭 안에*/

.slideDownLlist .slideData{display:none;}
/*슬라이드 다운*/


.layerBox {position: fixed; top: 0; right: 0; bottom: 0;  left: 0; background: rgba(0, 0, 0, 0.3); opacity:0; height:0; overflow:hidden; display: none;
-webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in;
pointer-events: none;  z-index:9999;}
.layerBox:target { opacity:1; pointer-events: auto; height:auto; display: block;}
.layerBox > div > a{position:absolute; top:0px; right:0px; z-index:999; width: 50px; height: 50px}

.layerBox > div.layerBoxIn{position: absolute; left:50%; margin-left:-300px; width: 600px; height:740px; top:50%; margin-top:-370px; background-color:#fff; box-sizing:border-box; padding:70px 30px 50px 30px; overflow-y:scroll;}
.layerBox > div.layerBoxIn h4{font-size:30px; margin-bottom:30px;}
/*레이어창*/

.mobileInfo{display:none;}

.searchInR {margin:-10px 0 5px 0;}
.searchInR input{width:auto !important; height:auto !important; }
.searchInR label{color:#fff; margin-left:5px;}
.subHScrollAc + #subTop .subSearchBox .searchInR{display:none; }




.subHScrollAc + #subTop .subSearchBox .languageBox{display:none !important;} 
.subSearchBox{position:relative;}
.languageBox{display:none; z-index:9990; position:absolute; top:77px; left:-2px; background:#fff; width:calc(100% + 4px); border:2px solid #014099; padding:15px; box-sizing:border-box;}
.language_nav:after{content: ''; display: block; clear: both; visibility: hidden;}
.language_nav{margin:20px 0; border-top:1px solid #014099; border-left:1px solid #014099;}
.language_nav li{float:left; width:101.2px;}
.language_nav li a{text-align:center; border-bottom:1px solid #014099; border-right:1px solid #014099; color:#014099; padding:10px 0;}
.language_nav li.active a{background:#014099; color:#fff;}
.languageList:after{content: ''; display: block; clear: both; visibility: hidden;}
.languageList li{float:left; width:6.38%; margin-left:-1px; margin-top:-1px;}
.languageList li a{display:block; text-align:center; line-height:42px; border:1px solid #b50081; color:#b50081; background:#f8f2f7;}
.languageList li a:hover{background: #b50081; color:#fff;}
.languageBoxCBtn{cursor:pointer; position:absolute; top:0; right:0;}
/*다국어검색*/

@media all and (max-width:767px) {        
    
    .mobileInfo{display:block; font-size:14px; line-height:18px; padding:10px; border:1px dashed #d0dae8; margin-bottom:10px;}
        
    .subSearchArea{ padding:80px 0 20px 0; box-sizing:border-box;}

    .subSearchBox{width:calc(100% - 40px); margin:0 auto;} 
    .subSearchBox > input{height:43px; line-height:25px; box-sizing:border-box; padding:10px; border:none; width:100%; font-size:15px;} 
    .subSearchBox > a{height:40px; line-height:36px; width: calc(50% + 1px); text-align:center; box-sizing:border-box; border:2px solid #fff; color:#fff; display:block; float:left; font-size:15px;}  
    .subSearchBox > b{ width: 100%; margin:-2px 0 0 0; cursor:pointer; height:40px; line-height:36px; text-align:center; box-sizing:border-box; border:2px solid #fff; color:#fff; display:block; float:left; font-size:15px;}  

    .subNavBox{box-sizing:border-box; background: rgba(6, 29, 63, 0.4);} 


    .subNav > li{display:none;}    
    .subNav {position:relative; height:40px;}
    .subNav > li.shareBtn, .subNav > li.printBtn{display:block; width:60px; padding:3px 0; text-align:center;}
    .subNav > li.shareBtn{position:absolute; right:0; border-left:1px solid #36598e; border-right:1px solid #36598e; }  
    .subNav > li.printBtn{position:absolute; right:60px; border-left:1px solid #36598e; }   
      
           
    .subNav > li > ol{position:absolute; z-index:50; display:none; background-color:#e5ecf5; width:100%; left:0; top:40px; box-shadow:1px 2px 6px rgba(31, 52, 80, 0.2) ; box-sizing:border-box;}
    .subNav > li > ol > li > a{padding:5px 0px; text-align:center; font-size:14px;}
    .subNav > li > ol > li:hover, .subNav > li > ol > li.activeList{background-color:#fff;}
    .subNav > li > ol > li > a:hover, .subNav > li > ol > li.activeList > a{font-weight:bold;}
    .subNav > li > ol > li.siteNew:hover, .subNav > li > ol > li.activeList.siteNew{background:#fff url("/images/egovframework/scourt/siteNew.png") 95% center no-repeat;}
    .subNav > li.shareBtn > ol { padding:5px 0px;}
    .subNav > li.active{background:none;} 

    .contentArea{padding:30px 0; }
    .contentArea h2{font-size:22px; font-weight:bold; line-height:30px; padding-bottom:10px; border-bottom:1px solid #b1b1b1; margin-bottom:20px;}
    /*서브 기본폼*/ 

        
    .subHScrollAc{height:95px; }    
    .subHScrollAc + #subTop .subSearchBox{position:fixed; top:57px; right:0; z-index:9001; width:100%; box-sizing:border-box; padding:0 10px;}
    .subHScrollAc + #subTop .subSearchBox > b, .subHScrollAc + #subTop .subSearchBox > a:nth-of-type(2){display:none;}    
    .subHScrollAc + #subTop .subSearchBox > input{height:30px; line-height:26px; padding:2px 5px; border:1px solid #666; width: calc(100% - 50px); float:left; background-color:transparent;} 
    .subHScrollAc + #subTop .subSearchBox > a{height:30px; line-height:28px; border:1px solid #666; color:#444; margin-left:-1px; width:50px; text-align:center;} 
    

    /*헤더 검색*/

    .greyBox{ font-size:16px; line-height:22px; } 
    .basicBtn{font-size:16px; padding:10px 13px; margin:2px 0;}
    .basicBtnS{font-size:16px; padding:5px 12px;}
    .downBtn{ font-size:16px; padding:4px 30px 4px 9px;}
    
    

    .textType1{padding:10px 0; }
    .textType1 h3{ font-size:20px; margin-bottom:10px; line-height:24px;}
    .textType1 > div{margin:0 0 10px 3px;}
    .textType1 > div h4{font-size:17px; margin-bottom:5px; }
    .textType1 > div > ul > li{ font-size:16px; }
    .textType1 > div ol{margin:6px 0px 8px 3px; font-size:14px; }   
    .textType1 > div ol > li{margin-bottom:4px;}  
    /*텍스트 폼 세팅*/    

    .tableBox{overflow-x:scroll; }   
    .tableBox p{ padding:10px; font-size:14px;}     
    .type1 th, .type1 td { padding :10px 3px; line-height:20px; font-size:16px;}
    /*테이블 폼*/     
    
    .subTapBasic{margin-bottom:15px;} 
    .subTapBasic li{margin:0 1px 2px 0px;}
    .subTapBasic li > a{ font-size:16px; line-height:30px; padding:0 10px;} 
    /*서브탭*/

    .sub_Intab_nav li{margin:0 0px 2px 0px;}
    .sub_Intab_nav li > a{ font-size:15px; line-height:22px; padding:0 5px;} 
    /*서브탭*/

    
    .layerBox > div.layerBoxIn{ left:50%; margin-left:-50%; width: 100%; height:100vh; top:0; margin-top:0px; padding:60px 30px 40px 30px; }
    .layerBox > div.layerBoxIn h4{font-size:30px; margin-bottom:30px;}
    /*레이어창*/
    
    .radioTab{box-sizing:border-box; margin-bottom:20px; border:1px solid #ccc; border-radius:15px; padding:15px;}
    .radioTab span{display:inline-block; margin-right:15px;}
    .radioTab label{margin-left: 5px; line-height:26px; font-size:15px;}
    /*라디오 탭*/
        
    
    .languageBox{top:143px; max-height:calc(100vh - 230px);}
    .language_nav{margin:10px 0;}
    .language_nav li{width:25%;}
    .language_nav li a{font-size:15px; padding:5px 0; letter-spacing:-1px;}
    .languageList li{ width:calc(10% + 1px);  }
    .languageList li a{ line-height:30px;}

    .language_tab{overflow-y:scroll; max-height:calc(100vh - 430px);}
    .languageList{border-top:1px solid #b50081; border-left:1px solid #b50081;}
    .languageBoxCBtn{width:40px; top:2px; right:2px;}
    /*다국어검색*/
}
/*mobile*/
@media all and (min-width:768px) {	
     

    .subSearchBox > input{height:55px; line-height:35px; box-sizing:border-box; padding:10px 20px; float:left; border:none; width:400px;} 
    .subSearchBox > a{height:55px; line-height:51px; box-sizing:border-box; padding:0px 21px 0 20px; border:2px solid #fff; color:#fff; display:inline-block; float:left;} 
    .subSearchBox > b{height:55px; line-height:51px; box-sizing:border-box; padding:0px 20px; border:2px solid #fff; color:#fff; display:inline-block; float:left; cursor:pointer;} 


    
    .subHScrollAc + #subTop .subSearchBox{position:fixed; top:7px; right:147px; z-index:9001; width:auto;}
    .subHScrollAc + #subTop .subSearchBox > b, .subHScrollAc + #subTop .subSearchBox > a:nth-of-type(2){display:none;}    
    .subHScrollAc + #subTop .subSearchBox > input{height:45px; padding:5px 10px; border:2px solid #666; width:320px; background-color:transparent;} 
    .subHScrollAc + #subTop .subSearchBox > a{height:45px; line-height:41px; border:2px solid #666; color:#444; margin-left:-2px; padding: 0 15px;} 

    /*헤더 검색*/

    
    .radioTab{box-sizing:border-box; margin-bottom:30px; border:1px solid #ccc; border-radius:15px; padding:20px;}
    .radioTab span{display:inline-block; margin-right:25px;}
    .radioTab label{margin-left: 5px; line-height:30px;}
    /*라디오 탭*/

    
}
/*pc/tablet*/
@media all and (min-width:768px) and (max-width:1358px) {

    .subSearchArea{height:195px; padding:100px 0 40px 0; box-sizing:border-box;}   
    
    .subSearchBox{width:740px; margin:0 auto;} 

    .subNavBox{ height:50px; box-sizing:border-box; background: rgba(6, 29, 63, 0.4);} 
    .subNav:after{content: ''; display: block; clear: both; visibility: hidden;}
    .subNav > li{border-right:1px solid #36598e; padding:0 15px; line-height:50px; width:170px; box-sizing:border-box; float:left; position:relative; font-size:15px;}

    .subNav {position:relative;}
    .subNav > li.shareBtn, .subNav > li.printBtn{width:60px; padding:0; text-align:center;}
    .subNav > li.shareBtn{position:absolute; right:0;}  
    .subNav > li.printBtn{position:absolute; right:60px; border-left:1px solid #36598e; }   

    .subNav > li > ol{position:absolute; z-index:50; display:none; background-color:#e5ecf5; width:100%; left:0; top:50px; box-shadow:1px 2px 6px rgba(31, 52, 80, 0.2) ; box-sizing:border-box;}
    .subNav > li > ol > li > a{display:block; line-height:40px; border-bottom:1px solid #d1dcea; width:100%; padding-left:10px; box-sizing:border-box; color:#54639d;}
    .subNav > li > ol > li:hover, .subNav > li > ol > li.activeList{background-color:#fff;}
    .subNav > li > ol > li > a:hover, .subNav > li > ol > li.activeList > a{font-weight:bold;}
    .subNav > li > ol > li.siteNew:hover, .subNav > li > ol > li.activeList.siteNew{background:#fff url("/images/egovframework/scourt/siteNew.png") 95% center no-repeat;}
    .subNav > li.shareBtn > ol { padding:5px 0px;}
    .subNav > li.shareBtn > ol > li > a{ line-height:normal; border-bottom:none; padding:5px 0px; text-align:center; font-size:14px;}
    .contentArea{padding:50px 0; }
    .contentArea h2{font-size:26px; font-weight:bold; line-height:35px; padding-bottom:20px; border-bottom:1px solid #b1b1b1; margin-bottom:20px;}
    /*서브 기본폼*/  

}
/*tablet*/
@media all and (min-width:1359px) {    
    
    .subSearchArea{height:215px; padding:120px 0 40px 0; box-sizing:border-box;}   
    .subSearchBox{width:740px; margin:0 auto;} 

    .subNavBox{ height:60px; box-sizing:border-box; background: rgba(6, 29, 63, 0.4);} 
    .subNav:after{content: ''; display: block; clear: both; visibility: hidden;}
    .subNav > li{border-right:1px solid #36598e; padding:0 20px; line-height:60px; width:270px; box-sizing:border-box; float:left; position:relative;}

    .subNav {position:relative;}
    .subNav > li.shareBtn, .subNav > li.printBtn{width:65px; padding:0; text-align:center;}
    .subNav > li.shareBtn{position:absolute; right:0;}  
    .subNav > li.printBtn{position:absolute; right:65px; border-left:1px solid #36598e; }   
  
    .subNav > li > ol{position:absolute; z-index:50; display:none; background-color:#e5ecf5; width:100%; left:0; top:60px; box-shadow:1px 2px 6px rgba(31, 52, 80, 0.2) ; box-sizing:border-box;}
    .subNav > li > ol > li > a{display:block; line-height:50px; border-bottom:1px solid #d1dcea; width:100%; padding-left:20px; box-sizing:border-box; color:#54639d;}
    .subNav > li > ol > li:hover, .subNav > li > ol > li.activeList{background-color:#fff;}
    .subNav > li > ol > li > a:hover, .subNav > li > ol > li.activeList > a{font-weight:bold;}
    .subNav > li > ol > li.siteNew:hover, .subNav > li > ol > li.activeList.siteNew{background:#fff url("/images/egovframework/scourt/siteNew.png") 95% center no-repeat;}
    .subNav > li.shareBtn > ol { padding:11px 0px;}
    .subNav > li.shareBtn > ol > li > a{ line-height:normal; border-bottom:none; padding:8px 0px; text-align:center; font-size:14px;}
    .contentArea{padding:50px 0; }
    .contentArea h2{font-size:26px; font-weight:bold; line-height:35px; padding-bottom:20px; border-bottom:1px solid #b1b1b1; margin-bottom:20px;}
    /*서브 기본폼*/      


    .greyBox{border:1px solid #cdd1d8; padding:30px; box-sizing:border-box;}

}
/*pc*/