@charset "UTF-8";
/** footer **/
/* footer-related-site */
footer ul,
footer ol,
footer li{list-style:none;}
.footer-related-site-wrap {display:block;width:100%;background-color:#1c236c;}
.footer-related-site { display:block;position:relative;width:100%;max-width:1172px;height:60px;margin:0 auto;}
.footer-related-site .related-site-group {position:relative;float:left;width:33.3333%;height:60px;border-left:1px solid rgba(255,255,255,0.1);padding-right:60px;box-sizing:border-box;}
.footer-related-site .related-site-group select { display:block;position:relative;width:100%;height:60px;margin-right:60px;padding:0 30px 0 20px;font-family:"Noto Sans";font-size: 17px;color:#fff;font-weight:500;background-color:#1c236c;background-image:url("../image/layout/footer-select-arw.png");background-repeat:no-repeat;background-position:95% 50%;border:0;letter-spacing:-1px}
.footer-related-site .related-site-group .btn-go { display:block;position:absolute;right:0;top:50%;margin-top:-30px;width:60px;height:60px;background-color:rgba(0,0,0,0.4);color:#fff;font-size:18px; border:2px solid transparent;}
.footer-related-site .related-site-group .btn-go:hover,
.footer-related-site .related-site-group .btn-go:focus{ color:#1c236c; background:#fff; border-color:#1c236c; }
.footer-related-site .related-site-group .btn-go:hover{ border-color:#000; }
.footer-related-site .related-site-group .btn-go span:after { display:none;} 
@media all and (max-width:768px) {
    .footer-related-site-wrap {height:auto;background-color:transparent;}
    .footer-related-site { height:auto;}
    .footer-related-site .related-site-group { float:none;background-color:#1c236c;border-left:0;margin-bottom:1px;}
    .footer-related-site .related-site-group { float:none;width:100%; }
}
.footer-wrap {position:relative;width:100%;max-width:1172px;margin:0 auto;padding:30px 0;border-top:1px solid #ddd;font-size:14px;}
.footer-inner { display:block;overflow:hidden;position:relative;padding:0 126px 28px 187px;margin-bottom:20px;border-bottom: 1px solid #ccc;}
.footer-logo { position:absolute;left:0;top:0;width:167px;height:37px;background-image:url("../image/layout/footer-logo.png");background-repeat:no-repeat;background-size:100% auto;background-position:50% 0;}
.footer-logo > a { display:block;height:100%;}
.footer-logo span { display:block;overflow:hidden;left:-9999999999999px;top:0;font-size:0;}
/* footer-nav */
.footer-nav {display:block;position:relative;margin:10px 0;}
.footer-nav ul {overflow:hidden;}
.footer-nav li { display:block;float:left;}
.footer-nav li a { display:block;position:relative;padding:4px 12px 4px 10px; outline:none; border:2px solid transparent;}
.footer-nav li a:focus{ border-color:#000; }

.footer-nav li a:after {content:"";position:absolute;right:0;top:50%;margin-top:-1px;display:block;width:2px;height:2px;border-radius:50%;background-color:#777;}
.footer-nav li:last-child a:after { display:none;}
/* footer-mark */
.footer-mark { display:inline-block;position:absolute;right:0;top:0;}
.footer-mark li { float:left;margin-right:10px;}
.footer-mark li:last-child { margin-right:0; }
.footer-mark li a { display:block;overflow:hidden;height:50px;background-repeat:no-repeat;background-size:100% auto;background-position:0 50%;}
.footer-mark li a span { display:block;overflow:hidden;left:-9999999999999px;top:0;font-size:0;}
.footer-mark .mark-callcenter a { width:116px;background-image:url("../image/layout/mark-callcenter.png");background-size:116px auto;}
.footer-mark .mark1_eprivacy_plus a { width:46px;background-image:url("../image/layout/mark1_eprivacy_plus.png");}
.footer-mark .mark-webaccessibility a { width:56px;background-image:url("../image/layout/mark-webaccessibility.png");}
.footer-mark .mark-isafe a { width:40px;background-image:url("../image/layout/mark-isafe.png");}
/* footer-address */
.footer-address { display:block;overflow:hidden;margin-top:28px;font-size:14px;}
.footer-address .address { float:left;width:70%;text-align:left;}
.footer-address .copyright { float:right;width:30%;text-align:right;}
@media all and (max-width:1171px) {
    .footer-wrap {width:auto;margin:0 4vw;}  
}      
@media all and (max-width:1024px) {        
    .footer-inner {text-align:center;padding:0;}   
    .footer-nav, 
    .footer-mark,
    .footer-address .address,
    .footer-address .copyright {display:block;overflow:hidden;position:relative;width:100%;margin:0 0 10px 0;text-align:center;line-height:1.5;}
    .footer-nav { margin-bottom:20px;}
    .footer-wrap .footer-logo { display:block;position:relative;left:auto;top:auto;margin:0 auto 10px auto;}
    .footer-address {margin-top:15px;}
    .footer-nav li { display:inline-block;float:none;}
    .footer-mark { text-align:center;}
    .footer-mark li { display:inline-block;float:none;margin:0 10px;;text-align:center;}
    .footer-mark li a { display:inline-block;}
}







.footer-mark .mark-certification a{ width:59px;height:41px; ;background-image:url("../image/layout/mark_certification.png"); }


 .container{ z-index:3; }
 .footer{ z-index:5; }

 .new_relate_site{ width:1172px; margin:0 auto; position:relative; border-top:1px solid #}
 .new_relate_site > dl{}
 .new_relate_site > dl:after{ content:"";display: block; clear:both; }
 .new_relate_site > dl dt{ width:25%;float:left; border-right:1px solid #333366; }
 .new_relate_site > dl dt:first-child{ border-left:1px solid #333366; }
 .new_relate_site > dl dt a{ display: block; color:#fff; height:60px; line-height:60px;padding:0 20px; position:relative; }
 
 .new_relate_site > dl dt a:before{ content:"";display: block; border:7px solid transparent; border-bottom-color:#fff; position: absolute; right:20px; top:50%; margin-top:-7px;border-width:7px 7px 6px; }

 .new_relate_site > dl dt.new_site a{ color:#fff !important; background:#1c236c url(http://www.incheon.go.kr/humanframe/globaltheme/assets/image/common/ico_targets.png) right 20px center no-repeat !important; }
 .new_relate_site > dl dt.new_site a:before{ display:none  !important; }
 .new_relate_site > dl dt.active { background:#fff; }
 .new_relate_site > dl dt.active a{ color:#333366;  }
 .new_relate_site > dl dt.active a:before{ border-bottom:transparent; border-top-color:#333366; margin-top:0; }


 
 .new_relate_site > dl dd{ position: absolute;left:0;bottom:60px; right:0;background:#fff; border:1px solid #ccc; padding:20px; display: none;  border-bottom:0;}
 .new_relate_site > dl dd  .tit{ display:block; color:#333366; font-size:22px; line-height:24px; padding:10px 0 15px; border-bottom:2px solid #333366; margin-top:0; }
 .new_relate_site > dl dd .relate_list{}
 .new_relate_site > dl dd .relate_list:after{ content:""; display: block; clear:both; }
 .new_relate_site > dl dd .relate_list > div{ float:left; width:60%; }
 .new_relate_site > dl dd .relate_list > div ul li{ width:33.33%; }
 .new_relate_site > dl dd .relate_list > div:first-child{ width:40%; }
 .new_relate_site > dl dd .relate_list > div:first-child ul li{ width:50%; }
 .new_relate_site > dl dd strong{ display:block; color:#333; font-size:18px; line-height:20px; margin-top:15px;  }
 .new_relate_site > dl dd ul{ overflow: hidden; padding-top:10px; }
 .new_relate_site > dl dd ul li{ line-height:16px; float:left; width:20%; }
 .new_relate_site > dl dd ul li a{ display:block; font-size:14px; line-height:16px; padding:5px 0; }
 .new_relate_site > dl dd ul li a:hover{ text-decoration:underline; }

 @media only screen and (max-width:1172px){
   .new_relate_site{ width:100%; }
 }

 @media only screen and (max-width:1024px){
   .new_relate_site > dl dd .relate_list > div{ width:100% !important; margin-top:20px; }
   .new_relate_site > dl dd .relate_list > div:first-child{ margin-top:0; }
   .new_relate_site > dl dd ul li{ width:25% !important; }
 }

 @media only screen and (max-width:824px){
   .new_relate_site { background:#1c236c; }
   .new_relate_site:before{ content:""; display: block;border-top:1px solid #fff; position: absolute;left:0;top:50%;right:0; height:1px; z-index:5;}
   .new_relate_site:after{ content:""; display: block;border-left:1px solid #fff; position: absolute;left:50%;top:0;bottom:0; width:1px; z-index:5;}
   .new_relate_site > dl dd ul li{ width:33.33% !important; }
   .new_relate_site > dl dt{ width:50%; }
   .new_relate_site > dl dd{ bottom:120px; padding:10px; border-width:1px 0; }
 }

 @media only screen and (max-width:624px){
   .new_relate_site > dl dd{ bottom:88px; }
   .new_relate_site > dl dd ul li{ width:50% !important; }
   .new_relate_site > dl dt a{ padding:0 10px; height:44px; line-height:44px; font-size:13px; }
   .new_relate_site > dl dt a:before{ border-width:5px 5px 4px; }
   .new_relate_site > dl dt.new_site a{ background-size:14px 14px; }
   .new_relate_site > dl dd ul li a{ font-size:12px; letter-spacing:-1px; }

   .new_relate_site > dl dd .tit{ font-size:20px; padding-bottom:10px; line-height:22px; }
   .new_relate_site > dl dd strong{ font-size:16px; margin-top:10px; line-height:18px; }
   .new_relate_site > dl dd ul li a{ padding:3px 0; }
 }