html, body {font-family: 'NanumSquare', '맑은고딕', '굴림', '돋움', 'Sans-serif', arial; -webkit-text-size-adjust: 100%; font-size:17px;}
@font-face {
    font-family: 'NanumSquare';
    font-weight: normal ;
    src: local('Malgun Gothic') ,
         local('맑은고딕') ,
         local('굴림') ;
    unicode-range: U+2E80-2EFF, U+3400-4DBF, U+4E00-9FBF;

}@font-face {
    font-family: 'NanumSquare';
    font-weight: bold ;
    src: local('Malgun Gothic') ,
         local('맑은고딕') ,
         local('굴림') ;
    unicode-range: U+2E80-2EFF, U+3400-4DBF, U+4E00-9FBF;

}

@media print {
  
  .mobileCard, .topBotBtnBox, .mCardBarcode {display:none !important;}
}

body{position:relative;}
.hide{position:absolute; display:block; overflow:hidden; border:0; width:1px; height:1px; clip: rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.left{text-align:left !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}
a{display:block;}

:focus{box-sizing:border-box; outline:2px dotted #c807cd !important; }
.searchLayerTitle:focus{border:none !important; outline: none;}
.pointPurple{color:#b50081 !important; }
.pointBlue{color:#014099 !important; }
.red{color:#e9310f !important; }
.blue{color:#2a6de8 !important; }
.white{color:#fff !important; }
.bold{font-weight:bold !important; }
.centerBox{width:100%; text-align:center;}
.rightBox{width:100%; text-align:right;}
.imgCenter{margin:0 auto; max-width:100%; display:block;}
.imgMax{max-width:100%; display:block;}
.imgMax2{max-width:920px; margin:0 auto; width:100%; display:block;}
.boxShadow{box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 10px;}
.borderB{border-bottom:1px solid #ddd;}
.floatClear:after{content: ''; display: block; clear: both; visibility: hidden;}
.ma0{margin-bottom:0 !important;}
.ma10{margin-bottom:10px !important;}
.ma30{margin-bottom:30px !important;}
.ma60{margin-bottom:60px !important;}
.maR20{margin-right:20px !important;}
.maR50{margin-right:50px !important;}

.gradationBg1{ background: linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    background: -webkit-linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    background: -moz-linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    background: -o-linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    -webkit-print-color-adjust:exact;
}
.gradationBg2{ background: linear-gradient(to bottom right, rgba(26, 121, 187, 1) 30%, rgba(8,49,107,1) 70%);  
                    background: -webkit-linear-gradient(to bottom right, rgba(26,121,187,1) 30%, rgba(8,49,107,1) 70%);  
                    background: -moz-linear-gradient(to bottom right, rgba(26,121,187,1) 30%, rgba(8,49,107,1) 70%);
                    background: -o-linear-gradient(to bottom right, rgba(26,121,187,1) 30%, rgba(8,49,107,1) 70%);
                    -webkit-print-color-adjust:exact;
}
.gradationBg19{ background: linear-gradient(to bottom right, rgba(1, 64, 153, 0.85) 30%, rgba(9,25,96,0.85) 70%); 
                     background: -webkit-linear-gradient(to bottom right, rgba(1,64,153,0.85) 30%, rgba(9,25,96,0.85) 70%);  
                     background: -moz-linear-gradient(to bottom right, rgba(1,64,153,0.85) 30%, rgba(9,25,96,0.85) 70%);
                     background: -o-linear-gradient(to bottom right, rgba(1,64,153,0.85) 30%, rgba(9,25,96,0.85) 70%);
                     -webkit-print-color-adjust:exact;
}
.gradationBg29{ background: linear-gradient(to bottom right, rgba(26, 121, 187, 0.85) 30%, rgba(8,49,107,0.85) 70%);  
                     background: -webkit-linear-gradient(to bottom right, rgba(26,121,187,0.85) 30%, rgba(8,49,107,0.85) 70%); 
                     background: -moz-linear-gradient(to bottom right, rgba(26,121,187,0.85) 30%, rgba(8,49,107,0.85) 70%); 
                     background: -o-linear-gradient(to bottom right, rgba(26,121,187,0.85) 30%, rgba(8,49,107,0.85) 70%); 
                     -webkit-print-color-adjust:exact;
}
.basicBtn1{color:#fff; background:#014099; }
.basicBtn2{color:#014099; background:#fff; }
input{vertical-align:middle; font-family: 'NanumSquare', '나눔스퀘어', 'malgun gothic','맑은고딕','돋움','Sans-serif',arial;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder { color: #aaa; } 
input::-moz-placeholder { color: #aaa; }
input[type=password] { font-family: 'malgun gothic','맑은고딕','돋움','Sans-serif',arial; }
/*인풋 기본 스타일*/

.bx-wrapper{margin:0 auto;} 
.bx-wrapper .bx-viewport{border:none; left:0px; box-shadow:none;}
/*슬라이더 리셋*/

#skip_navigation {position:absolute; float:left; top:0px; left:0px; width:200px; font-size:14px; font-weight:bold; padding-left:10px; height:20px; z-index:9999;}
#skip_navigation a { position:absolute; display:block; height:0; overflow:hidden;}
#skip_navigation a:hover, #skip_navigation a:focus, #skip_navigation a:active { height:auto; background:#333; color:#f9f9f9; padding:10px 10px 10px 10px; }
/*스킵네비*/


.lnbBtn, .lnbSubList span{cursor:pointer;}
.headerArea{width:100%; height:80px; background-color:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; position:relative; z-index:9000; transition-duration:0.3s; position:fixed;}
.siteNew{background: url(/images/egovframework/scourt/siteNew.png) 95% center no-repeat;}   
.headerArea header {position:relative;}

.headerArea header > .sideNav{float:right; padding:26px 20px 0 0 ; z-index:200;}
.headerArea header > .sideNav > ul{display:inline-block; padding-right:7px;}
.headerArea header > .sideNav > ul > li{display:inline-block; line-height:22px; font-size:16px; margin-left:10px;}
.myAreaBox {display:none; position:absolute; width:100%; background:#f9fbfc; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2); box-sizing:border-box; z-index:999;}
.headerArea header > .sideNav > ul > li.myArea .myAreaBox { top:80px; left:0px;  z-index:999;}
.headerArea header > .sideNav > ul > li.myArea .myAreaBox > div {width:1320px; margin:20px auto; position:relative;}
.headerArea header > .sideNav > ul > li.myArea .myAreaBox div:after{content:''; display:block; visibility:hidden; clear:both;}
.headerArea header > .sideNav > ul > li.myArea .myAreaBox div section {float:left; width: calc(50% - 10px); background:#fff; border:1px solid #ebeff3; box-shadow:1px 1px 2px #edf2f6; border-radius:10px; box-sizing:border-box; padding:15px; min-height:190px;}
.headerArea header > .sideNav > ul > li.myArea .myAreaBox div section:last-of-type {margin-left:20px; background:#fff url(/images/egovframework/scourt/myArea.png) 95% 90% no-repeat; }
.myArea .myAreaBox > div > img {position:absolute; top:0; right:-50px; cursor:pointer;}
.myAreaBox div section h4{text-align:center; font-size:20px; line-height:30px; padding-bottom:10px; font-weight:bold; border-bottom:1px solid #c3cad4; margin-bottom:15px;} 
.myAreaBox div section ul:after{content:''; display:block; visibility:hidden; clear:both;}
.myAreaBox div section ul li{float:left; width:25%; box-sizing:border-box; padding:5px; }
.myAreaBox div section ul li a{font-size:17px; text-align:center; border:1px solid #ebeff3; line-height:40px;}
.myAreaBox div section ul li a:hover{background:#014099; color:#fff; border:1px solid #014099;}
.headerArea header > .sideNav > ul > li.myArea .myAreaBox div section:last-of-type ul li:nth-of-type(3){margin-right:20px;}


.lnbBtn, a.lawOfflineBtn{margin-left:10px; display:inline-block;}

.lawOfflinerBox {position: fixed; top: 0; right: 0; bottom: 0;  left: 0; background: rgba(0, 0, 0, 0.4); 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;}
.lawOfflinerBox:target { opacity:1; pointer-events: auto; height:auto; display: block;}
.lawOfflinerBox > div > a{position:absolute; top:0px; right:0px; z-index:999; }

.lawOfflinerBox > div.lawOfflinerCon{position: absolute; left:50%; margin-left:-260px; width: 520px; height:500px; top:50%; margin-top:-250px; background-color:#fff; box-sizing:border-box;}
.lawOfflinerBox > div.lawOfflinerCon > div{ background:url(/images/egovframework/scourt/maru/maruBg3.png) center top no-repeat; background-size:contain; box-sizing:border-box; padding:240px 10px 10px 10px; height:550px; }
.lawOfflinerBox > div.lawOfflinerCon > div ul  {padding:0 10px;}
.lawOfflinerBox > div.lawOfflinerCon > div ul li {float:left; margin:0 0 30px 10px;}
.lawOfflinerBox > div.lawOfflinerCon > div ul li:nth-of-type(4n+1) { margin-left:0px;}
.lawOfflinerBox > div.lawOfflinerCon > div ul li a{display:inline-block; text-align:center; width:110px; transition-duration:0.2s;} 
.lawOfflinerBox > div.lawOfflinerCon > div ul li a img{display:block; margin:0 auto 15px auto; width:60px; }
.lawOfflinerBox > div.lawOfflinerCon > div ul li a:hover{transform: scale(1.1, 1.1);}
/*법마루레이어창*/


.footerArea{background:#212a4a;}
.footerQlist li a{color:#97a7be;} 
.footerQlist li:first-of-type a{color:#fff; font-weight:bold;} 
footer .siteList{display:inline-block; }
footer .siteList:after{content:''; display:block; visibility:hidden; clear:both;}
footer .siteList select{float:left; border:1px solid #97a7be; height:40px; line-height:40px; padding:0px 10px; width:200px; box-sizing:border-box; background:#212a4a url(/images/egovframework/scourt/FooSchBul.png) right center no-repeat; color:#97a7be;}    
footer .siteList select option{color:#97a7be; line-height:30px; padding:10px 20px; display:inline-block;}     
footer .siteList a{float:left; color:#97a7be; background-color:#212a4a; height:40px; line-height:38px; font-size:18px; width:50px; border:1px solid #97a7be; box-sizing:border-box; text-align:center; display:block; margin-left:-1px;} 
.footerSiteList > ul{display:inline-flex; align-items:flex-end;}
.footerSiteList > ul:after{content:''; display:block; visibility:hidden; clear:both;}
.footerSiteList > ul li{padding:0 7px; float:left;} 
.footerSiteList > ul li:last-of-type{padding-right:0;}
.footerWebConnection{display:none;}    
/*푸터*/

.mobileCard{display:none;}

.zoomIO{display:none;}
@media all and (max-width:505px) {     
    
    
    .lawOfflinerBox > div.lawOfflinerCon{ margin-left:-140px; width: 280px; height:500px;  margin-top:-250px; }
    .lawOfflinerBox > div.lawOfflinerCon > div{ padding:140px 25px 10px 25px; height:500px;}
    .lawOfflinerBox > div.lawOfflinerCon > div ul li { margin:0 0 15px 4%; width:48%;}
    .lawOfflinerBox > div.lawOfflinerCon > div ul li:nth-of-type(2n+1) { margin-left:0px;}
    .lawOfflinerBox > div.lawOfflinerCon > div ul li a{width:100%; font-size:15px;} 
    .lawOfflinerBox > div.lawOfflinerCon > div ul li a img{ width:40px;}
    /*법마루레이어창*/

    }
/*법마루*/
@media all and (max-width:1358px) {       

    .headerArea{height:60px;}    
    .headerArea header h1{width:140px; padding:10px 0; position:absolute; top:0; left:0;}   	 	
    .headerArea header h1 a img{width:140px;}   	
	.headerArea header nav, .headerArea header > .sideNav > ul{display:none;}
    .headerArea header > .sideNav{ padding:18px 15px 0 0 ;}
    .mobileNavList .myAreaBox { top:120px; left:0px; padding:20px 50px 20px 20px;}
    .mobileNavList .myAreaBox > div {width:100%; max-width:500px; margin:0 auto; position:relative;}
    .mobileNavList .myAreaBox div section { background:#fff; border:1px solid #ebeff3; box-shadow:1px 1px 2px #edf2f6; border-radius:10px; box-sizing:border-box; padding:15px;}
    .mobileNavList .myAreaBox div section:first-of-type { margin-bottom:8px;}
    .mobileNavList .myAreaBox div section h4{ font-size:18px; line-height:28px; margin-bottom:10px;} 
    .mobileNavList .myAreaBox div section ul li{width:50%; padding:3px; }
    .mobileNavList .myAreaBox div section ul li a{font-size:15px; line-height:36px;}
    
    .lnb {position: fixed; top: 0; bottom:0; right:0; left: 0; display: none; overflow-y: auto; background: url(/images/egovframework/scourt/siteMapBg.jpg) 90% center no-repeat; background-size:cover; z-index:9999 !important; box-sizing:border-box; padding:80px 20px 30px 20px;}
    .lnb .lnbSubList span {position:absolute; top:3px; right:3px; }
    .lnbSubList b{display:none;}
    .lnb > .lnbList > li > ol > li > a{ line-height: 40px; font-size:17px; padding-left:7px; border-bottom:1px solid #ddd;}
    .lnb > .lnbList > li > ol > li > ol {border-bottom:1px solid #ddd; padding:5px 0;}
    .lnb > .lnbList > li > ol > li > ol li a:before { content: "· "; }
    .lnb > .lnbList > li > ol > li > ol  li a{font-size:15px; line-height:18px; padding:5px 12px; color:#666; display:block; }   
    .lnb > .lnbList {max-width:500px; margin:0 auto;}
    .lnb > .lnbList > li {box-sizing: border-box; font-size: 20px; line-height: 30px; padding-top:18px; border-bottom: 2px solid #777;}
    .lnb > .lnbList > li > a{ background:url(/images/egovframework/scourt/option1.png) 96% center no-repeat; margin-bottom:15px; padding-left:7px;}
    .lnb > .lnbList > li > a.active{ background:url(/images/egovframework/scourt/option2.png) 96% center no-repeat; }
    .lnb > .lnbList > li > ol {display:none;}
    .lnb > .lnbList > li > a.active + ol {display:block; border-top:2px solid #777; background:rgba(220, 220, 220, 0.1); padding:0 10px;}
    
    .lnb .lnbSubList .mobileNavList > ul { padding-bottom:10px; text-align:center;}
    .lnb .lnbSubList .mobileNavList > ul > li{display:inline-block; margin:0 4px 5px 4px;}
    .lnb .lnbSubList .mobileNavList > ul > li  > a{line-height:24px; border:1px solid #ccc; padding:3px 7px 2px 7px;}    
    /*헤더*/
        
    }
/*태블릿모바일*/
@media all and (max-width:767px) {     
    
    .maxBox {width:calc(100% - 40px); margin:0 auto;}
       
    #skip_navigation{display:none;}
    
    .topBotBtnBox{position:fixed; z-index:8999; bottom:55px; right:5px;}
    .topBotBtnBox a {display:block; width:30px; height:30px; background:#b50081; margin:2px; }
    /*퀵이동버튼*/   

    .footerQlist {padding:20px 0 5px 0; border-bottom:1px solid #5e7493; margin-bottom:15px;} 
    .footerQlist:after{content:''; display:block; visibility:hidden; clear:both;}
    .footerQlist li{float:left; margin:0 20px 10px 0;} 
    .footerQlist li a{font-size:14px;} 
    .footerBottom > a{display:none;}
    .footerBottom > .footerAddress{ color:#97a7be; font-size:14px; line-height:18px; font-weight:100;}
    .footerBottom > .footerAddress .copyright { margin:15px 0; }
    .footerSiteListR{text-align:right;}    
    footer .siteList{display:block; margin-bottom:15px;}
    footer .siteList select{ width:calc(100% - 50px)}    
    .footerSiteList > ul{padding:0 30px 20px 0;}    
    .footerArea{padding-bottom:40px;}
    /*푸터*/  
    .mobileCard{display:block; position:fixed; bottom:0; width:100%; left:0; right:0; }
    .mobileCard a{display:block; height:50px; text-align:center; color:#fff; line-height:50px;}
    .footerWebConnection{display:none; float: left;}  
    }
/*mobile*/
@media all and (min-width:768px) and (max-width:1358px) {  
    
    .maxBox {width:calc(100% - 60px); margin:0 auto;}  
    
    .topBotBtnBox{position:fixed; z-index:8999; bottom:15px; right:15px;}
    .topBotBtnBox a {display:block; width:35px; height:35px; background:#b50081; margin:2px; }
    /*퀵이동버튼*/
    
    .footerQlist {padding:20px 0 5px 0; border-bottom:1px solid #5e7493; margin-bottom:20px;} 
    .footerQlist:after{content:''; display:block; visibility:hidden; clear:both;}
    .footerQlist li{float:left; margin:0 20px 15px 0; font-size:15px;} 
    .footerBottom > a{display:none;}
    .footerBottom > .footerAddress{ color:#97a7be; font-size:14px; line-height:18px; font-weight:100;}
    .footerBottom > .footerAddress .copyright { margin:15px 0; }
    .footerSiteListR{text-align:right;}
    .footerSiteList{ padding:0px 50px 20px 0px; margin-top:-30px;}
    .footerWebConnection{display:none; float: left;}  
    /*푸터*/
}
/*tablet*/
@media all and (min-width:1359px) {
    .maxBox {width:1320px; margin:0 auto;}

    .headerArea header h1{padding:15px 0; position:absolute; left:30px; width:180px; z-index:200; }
    .headerArea header h1 a{width:180px;}   	
    .headerArea header nav > ul{position:absolute; top:0; left:50%; margin-left:-340px; width:632px; z-index:100; height:80px;}
    .headerArea header nav > ul > li{float:left; width:auto; text-align:center; margin-left:70px;}  
    .headerArea header nav > ul > li:first-of-type{margin-left:0px;}  
    .headerArea header nav > ul > li > a{text-align:center; line-height:80px; font-size:22px; font-weight:bold; padding:0 15px;}
    .headerArea header nav > ul > li:hover > a{color:#014099; font-weight:900;}
    .headerArea header nav > ul > li > .navBg{position:absolute; top:80px; left:50%; margin-left: calc(-50vw + 32px); height:0; overflow:hidden; width:calc(100vw - 16px); z-index:50; box-sizing:border-box; background:#f5f8fb; /*box-shadow:rgba(0, 0, 0, 0.4)0px 400px 500px;*/}
    .headerArea.headerAreaMain header nav > ul > li > .navBg{position:absolute; top:80px; left:50%; margin-left: calc(-50vw + 24px); height:0; overflow:hidden; width:100vw; z-index:50; box-sizing:border-box; background:#f5f8fb;}
    .headerArea header nav > ul > li:hover > .navBg, .headerArea header nav > ul > li > .navBg.focus4{ height:450px;} 
    /*.headerArea header nav > ul > li:hover > .navBg::before, .headerArea header nav > ul > li > .navBg.focus4::before{ display:block; content:''; position: fixed; top: 430px; bottom:0; right:0; left: 0;  background: rgba(0, 0, 0, 0.4); transition-duration:0.3s;}     
    .headerAreaMainTop.headerArea header nav > ul > li:hover > .navBg::before, .headerAreaMainTop.headerArea header nav > ul > li > .navBg.focus4::before{ top: 490px;}*/ 
    .headerArea header nav > ul > li > .navBg .headerAreaCenterBox{width:1320px; margin:0 auto; z-index:60; box-sizing:border-box; position:relative;}
    .headerArea header nav > ul > li:hover > .navBg .headerAreaCenterBox, .headerArea header nav > ul > li > .navBg.focus4 .headerAreaCenterBox{height:450px;}    

    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > div{ z-index:100; background-color:#1952a3; position:absolute; box-sizing:border-box; top:0; left:-1700px; width:2000px; height:100%; padding:20px 30px; }
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > div h4{color:#fff; text-align:right; font-size:40px; line-height:40px; margin-bottom:25px;} 
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > div p{color:#fff; text-align:right; font-size:20px; line-height:32px;} 
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol{z-index:100; text-align:left; box-sizing:border-box; padding:15px 0 10px 330px;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li{margin:0 0 15px 30px; width:220px; display:inline-block; vertical-align:top;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li:nth-of-type(4n+1){margin-left:0;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > a{display:block; border-bottom:2px solid #ddd; padding:3px 6px 8px 6px; font-size:19px; box-sizing:border-box;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li:hover > a, .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > a:focus {border-bottom:2px solid #014099; color:#014099; font-weight:900;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > ol{width:220px; padding:5px 5px 0px 5px; box-sizing:border-box;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > ol li a{display:inline-block;  line-height:20px; padding:5px 12px; box-sizing:border-box; font-size:17px; position:relative;} 
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > ol li a::before{content:''; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:3px; background:#7fa8d5;}
    .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > ol li a:hover, .headerArea header nav > ul > li > .navBg > .headerAreaCenterBox > ol > li > ol li a:focus{color:#014099; font-weight:900;}
 
    .headerAreaCenterBox > ol > li.siteNew{background: url(/images/egovframework/scourt/siteNew.png) 95% 7px no-repeat;}   

    .mobileNavList{display:none;}
    .lnbSubList b{display:none;}
    
    .lnb {position: fixed; top: 80px; right:0; left: 0; display: none; background:#f7f9fb; height:680px; z-index:9999 !important; box-sizing:border-box; padding: 10px;}
    .headerAreaMainTop .lnb {top: 140px; }
    .subHScrollAc .lnb{top:0px;}
    .lnb .lnbSubList span {position:absolute; top:15px; right:10px; }    
    .lnb > ul{ width:900px; margin:0 auto;}
    .lnb > ul:after{content:''; display:block; visibility:hidden; clear:both;}

    .lnb > ul > li { box-sizing: border-box;  float:left; width:25%; padding: 0 10px;}
    .lnb > ul > li > a{font-size: 19px; line-height: 30px; border-bottom:2px solid #333; font-weight:bold; text-align:center;}

    .lnb > .lnbList > li > ol > li > a{ line-height: 30px; font-size:17px; padding-left:2px; border-bottom:1px solid #ddd; color:#014099;}
    .lnb > .lnbList > li > ol > li > ol {border-bottom:1px solid #ddd; padding:2px 0; background:#f5f7fa;}
    .lnb > .lnbList > li > ol > li > ol li a:before { content: "·"; }
    .lnb > .lnbList > li > ol > li > ol  li a{font-size:15px; line-height:18px; padding:2px 0 2px 5px; color:#666; display:block; }
    .lnb-bg { position: fixed; top: 200px; bottom:0; right:0; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.5);}
    /*헤더*/
        
    .topBotBtnBox{position:fixed; z-index:8999; bottom:28px; right:28px;}
    .topBotBtnBox a {display:block; width:50px; height:50px; background:#b50081; margin:2px; }
    /*퀵이동버튼*/

    .footerBottom{padding-left:150px; position:relative;}
    .footerBottom > a{position:absolute; left:-10px; top:55px; width:150px;}
    .footerQlist {padding:20px 0 10px 0;} 
    .footerQlist:after{content:''; display:block; visibility:hidden; clear:both;}
    .footerQlist li{padding:0 15px; border-left:1px solid #97a7be; float:left;} 
    .footerQlist li:first-of-type{border-left:none; padding-left:0;} 
    .footerBottom:after{content:''; display:block; visibility:hidden; clear:both;}
    .footerBottom > .footerAddress{float: left; width:760px; color:#97a7be; font-size:18px; line-height:28px; padding:12px 0 12px 0; font-weight:100;}
    .footerBottom > .footerAddress .copyright {font-size:14px; margin-top:10px;}
    .footerSiteList{float: left; width:200px; text-align:right; margin-top:73px;}
    footer .siteList{margin:5px 0 10px;}
    .footerWebConnection{display:block; float: left; margin-top: 10px; }  
    /*푸터*/

    .zoomIO{display:inline-block; width:26px; height:26px; box-sizing:border-box; line-height:24px; text-align:center; border:1px solid #000; font-size:20px;}
}
/*pc*/