@charset "utf-8";

#gnb_layout  {display:none; }
#lnb_layout {overflow:hidden;margin: 90px 0 0;border-radius:10px 10px 0 0;box-shadow: 0 0 15px rgba(0,0,0,.15);}
#lnb_layout .title_wrap {display:none;}
#lnb_layout .depth2_ul {background:#fff;}
#lnb_layout .depth2_ul:after {display:block; clear:both; visible:hidden; content:'';}
#lnb_layout .depth2_ul li {float:left;position: relative;}
#lnb_layout .depth2_ul.n2 li {width:50%;}
#lnb_layout .depth2_ul.n3 li {width:33.33%;}
#lnb_layout .depth2_ul.n4 li {width:25%;}
#lnb_layout .depth2_ul.n5 li {width:20%;}
#lnb_layout .depth2_ul.n6 li {width:16.66%;}
#lnb_layout .depth2_ul.n7 li {width:14.285714%;}
#lnb_layout .depth2_ul li:after {display:block; position:absolute; content:''; top:20px; bottom:20px; right:0; width:1px; height:auto; background:#dededf; }
#lnb_layout .depth2_ul li:last-child:after {display:none;}
#lnb_layout .depth2_ul li > a {display:block; position:relative; z-index:1; width:100%;height: 67px;line-height: 67px;text-align:center;font-size: 16px;font-weight: bold;color: #242125;}
#lnb_layout .depth2_ul li.on > a {background:#00539a; color:#fff;}

#contens {padding:0 0 130px;}
#location{position:relative;z-index: 10;width:100%;margin: 0 0 30px;padding: 0 0 30px;background: url(/images/kor/common/pattern.png)repeat-x left bottom;text-align:left;}
#location .page__title {line-height: 1.3;padding: 50px 0 10px;padding-right: 130px;font-size: 30px;font-weight: 700;font-family: 'score';color: #3e434a;}
#location .utile_wrap {display: block;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {position:absolute;right: 0;top: 58px;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;margin-left:7px; }
#location .utile_wrap .print_wrap > li .tmpl_ir {background: url(/images/kor/common/ico_ir.png)no-repeat;font-size:0;}
#location .utile_wrap .print_wrap > li > button {display:block;width: 32px;height: 20px;/* border-radius:50%; */transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#location .utile_wrap .print_wrap > li.sns {position: relative;}
#location .utile_wrap .print_wrap > li.sns > button {}
#location .utile_wrap .print_wrap > li.sns > button span {display:block;width: 17px;height:100%;background-position: 0 -108px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: 6px;top: -4px;width: 32px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display: block;width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position:0 -174px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position:0 -214px;}
#location .utile_wrap .print_wrap > li.sns > div .bl {background-position:-105px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .band {background-position:-35px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .ca {background-position:-70px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .kakao {background-position:-140px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;background: url(/images/kor/common/ico_ir.png)no-repeat -21px 0;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;width:100%;height:100%;background-position: 0 -134px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block;width: 21px;height:100%;background-position: -20px -108px;}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width: 19px;height:100%;background-position: -44px -108px;}
#location .utile_wrap .location_wrap {}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float: left;position:relative;}
#location .utile_wrap .location_wrap li:not(:last-child):after {display:inline-block;content:'';margin: 10px 12px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #c5c5c5;vertical-align: top;}
#location .utile_wrap .location_wrap li a {display:inline-block;position:relative;line-height: 25px;vertical-align: top;}
#location .utile_wrap .location_wrap li.home a {width:16px;height:17px;margin: 5px 0 0;background: url(/images/kor/common/ico_ir.png)no-repeat -21px 0;font-size: 0;}


@media(max-width:1279px){
    #lnb_layout {margin:50px 0 0;}
    #lnb_layout .depth2_ul li {width:25%;}
    #lnb_layout .depth2_ul li:nth-child(4):after {display:none;}

    #lnb_layout .depth2_ul.n5 li,
    #lnb_layout .depth2_ul.n6 li,
    #lnb_layout .depth2_ul.n7 li {width:25%;}
}

@media(max-width:1023px){   
    #location {padding:0 0 20px}
    #location .page__title  {padding-right: 0;font-size:25px;}
    #location .utile_wrap .location_wrap {float:left;margin: 0 0 10px;}
    #location .utile_wrap .print_wrap {float:right;position: static;margin-left: 20px;}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}
}

@media(max-width:767px){
    #lnb_layout .depth2_ul li {width:33.33%;} 
    #lnb_layout .depth2_ul li:nth-child(3n):after {display:none;}
    #lnb_layout .depth2_ul li:nth-child(4):after {display:block;}

    #lnb_layout .depth2_ul.n4 li,
    #lnb_layout .depth2_ul.n5 li,
    #lnb_layout .depth2_ul.n6 li,
    #lnb_layout .depth2_ul.n7 li {width:33.33%;}
}

@media(max-width:580px){
    #lnb_layout {margin:20px 0 0;}
    #lnb_layout .depth2_ul li {width:50%;} 
    #lnb_layout .depth2_ul li:after {top:15px; bottom:!5px;}
    #lnb_layout .depth2_ul li:nth-child(3n):after {display:block;}
    #lnb_layout .depth2_ul li:nth-child(2n):after {display:none;}

    #lnb_layout .depth2_ul.n3 li,
    #lnb_layout .depth2_ul.n4 li,
    #lnb_layout .depth2_ul.n5 li,
    #lnb_layout .depth2_ul.n6 li,
    #lnb_layout .depth2_ul.n7 li {width:50%;}

    #lnb_layout .depth2_ul li > a {height:50px;line-height:50px;font-size: 15px;}
}

@media(max-width:350px){
    #lnb_layout .depth2_ul li > a {font-size:14px;}
}



