@charset "utf-8";

#body_layout{position: relative;}
#body_layout .body_wrap{padding-bottom: 50px;}

.contents_wrap{position:relative;float:right;width: calc(100% - 340px);}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

#svisual_layout {height:220px; background:#eee;}

.lnb_wrap{display: block;position:relative;z-index: 11;float:left;width: 270px;min-height: auto;margin: -20px 0 0;}
.lnb__title {min-height: 110px;padding: 33px 10px;background: #2c63ba url(/template/A/images/lnb_bg.png)no-repeat left top;border-radius: 15px 15px 0 0;text-align:center;}
.lnb__title strong {display:block;line-height: 1.3;color:#fff;font-size: 30px;font-weight: bold;font-family: 'score';}
.lnb_depth2__list{margin: -15px 0 20px;padding: 10px 15px 20px;border:1px solid #dadcdf;border-radius: 15px;background:#fff;}
.lnb_depth2__list > li{position:relative;border-top: 1px solid #dadcdf;}
.lnb_depth2__list > li:first-child {border-top:none;}
.lnb_depth2__list > li.on + li {border-top:none;}
.lnb_depth2__list > li > a{position:relative;display:block;line-height:1.2;padding: 15px 35px 15px 18px;}
.lnb_depth2__list > li > a:before {display:block;position:absolute;z-index: 1;right: 18px;top: 22px;content:'';width: 4px;height: 4px;border: solid #585c62;border-width: 0 1px 1px 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.lnb_depth2__list > li > a:after {display:block;position:absolute;right: 10px;top: 15px;content:'';width: 19px;height: 19px;border: 1px solid #cacaca;border-radius: 50%;}
.lnb_depth2__list > li > a[target="_blank"]:before {display:inline-block;content:'';right: 15px;width: 11px;height: 12px;border: none;background: url(/template/A/images/target.png)no-repeat;vertical-align:middle;transform:none;-webkit-transform:none;}
.lnb_depth2__list > li > a[target="_blank"]:after {display:none;}
.lnb_depth2__list > li > a > span{position:relative;display: inline-block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 17px;font-weight: 700;color: #505152;}
.lnb_depth2__list > li.on > a {border-bottom: 2px solid #4175c7;}
.lnb_depth2__list > li.on > a:before {top: 24px;border-color:#fff;border-width:1px 0 0 1px;}
.lnb_depth2__list > li.on > a:after {border:1px solid #4175c7; background:#4175c7;}
.lnb_depth2__list > li.on > a > span { color:#2f68c2;font-weight:700;}
.lnb_depth2__list .lnb_depth3__list{display:none;overflow: hidden;height:0;margin: 0 0 13px;padding: 0 10px;border-bottom: 2px solid #4175c7;text-align: left;transition:all .4s;-webkit-transition: all .4s;}
.lnb_depth2__list .lnb_depth3__list > li {position:relative;border-bottom: 1px dotted #b2b2b2;}
.lnb_depth2__list .lnb_depth3__list > li:last-child {border:none;}
.lnb_depth2__list .lnb_depth3__list > li > a{display:block;position:relative;z-index:2;line-height: 1.4;padding: 11px 25px 11px 15px;}
.lnb_depth2__list .lnb_depth3__list > li > a:after {display:block;position:absolute;right: 8px;top: 50%;content:'';width:5px;height:5px;margin-top: -4px;border:solid #cecfd1;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.lnb_depth2__list .lnb_depth3__list > li.on > a{}
.lnb_depth2__list .lnb_depth3__list > li.on > a:after {border-color: #608bd0;}
.lnb_depth2__list .lnb_depth3__list > li > a[target="_blank"]:after {right: 5px;width:11px;height: 12px;margin-top: -6px;border:none;background:url(/template/A/images/target.png)no-repeat;transform:none;-webkit-transform:none;}
.lnb_depth2__list .lnb_depth3__list > li > span{display: inline-block;position: relative;font-size: 16px;color: #3e434a;}
.lnb_depth2__list .lnb_depth3__list > li.on > a span {color: #2f68c2;}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block !important;visibility:visible;height:auto;}
.depth3_ul > li.on .depth4_ul {display:block;}
.depth4_ul {display: none;margin: 1px 0 10px;padding: 10px 20px;border-radius: 10px;background:#ebf1f9;}
.depth4_ul > li {position: relative;border-bottom: 1px dotted #b8ccea;}
.depth4_ul > li:last-child {border:none;}
.depth4_ul > li > a {display:block;position:relative;line-height:1.3;padding: 8px 15px 8px 18px;font-size: 15px;color:#3e434a;}
.depth4_ul > li > a:before {display:block;position:absolute;left: 5px;top: 15px;content:'';width:5px;height:5px;border-radius: 50%;background:#d8d8d8;}
.depth4_ul > li.on > a {color:#4175c7; }
.depth4_ul > li.on > a:before {background:#4175c7; }
.depth4_ul > li > a[target="_blank"]:after {display:block;position:absolute;content:'';top: 19px;right: 5px;width:11px;height: 12px;margin-top: -6px;border:none;background:url(/template/A/images/target.png)no-repeat;}

#location{position:relative;z-index: 21;width:100%;margin: 0 0 30px;padding: 50px 0 20px;background: url(/template/A/images/pattern.png)repeat-x left bottom;text-align:left;}
.modal-open #location {z-index:10;}
#location:after {display:block; clear:both; visibility:hidden ;content:''; }
#location .page__title {float:left;line-height: 1.3;font-size: 30px;font-weight: 700;font-family: 'score';color: #3e434a;}
#location .utile_wrap {display: block;float:right;margin: 10px 0 0 20px;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {display:inline-block;position: relative;top: -5px;}
#location .utile_wrap .print_wrap:before {display:inline-block;float: left;content:'';width:1px;height:12px;margin: 5px 10px 0;background:#c0c0c0;vertical-align: middle;}
#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(/template/A/images/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 .clickClose {width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;background: url(/template/A/images/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 {display:inline-block; position:relative;}
#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: 8px 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;font-size: 15px;}
#location .utile_wrap .location_wrap li.home a {width:16px;height:17px;margin: 4px 0 0;background: url(/template/A/images/ico_ir.png)no-repeat -21px 0;font-size: 0;}

@media screen and (max-width:1279px){  
    .lnb_wrap {display:none;}
    .contents_wrap {float:none; width:100%;}
    #location .utile_wrap .location_wrap li:not(:last-child):after {margin:8px 8px 0;}
}
  
@media screen and (max-width:1023px){   
    #location {padding: 50px 0 20px;}
    #location .page__title  {padding-right: 0;font-size: 24px;}
    #location .utile_wrap .location_wrap {}
    #location .utile_wrap .print_wrap {}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}
}

@media screen and (max-width:767px){ 
    #location .utile_wrap .location_wrap,
    #location .utile_wrap .print_wrap:before {display:none;}
}



 
/* 4차메뉴 탭 */
#tab_moType1 {display:none;}
#tab_moType1 .title{display:none}
#tab_moType1.mobile{}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;border: none;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;border-left: 1px solid #ddd;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;padding: 10px 0;font-size:16px;}
#tab_moType1.mobile ul li.on a {padding: 12px 0 10px;}
#tab_moType1.mobile .title{display:block;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}

.tabmenu__4th {overflow: hidden;position: relative;margin: 0 0 20px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tabmenu__4th:after {display:block; clear:both; visibility:hidden; content:''; }
.tabmenu__4th li{display: table;float:left;position:relative;width: 33.33%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tabmenu__4th.n2 li {width:50%;}
.tabmenu__4th li:nth-child(3n),
.tabmenu__4th li:last-child {border-right:1px solid #ddd;}
.tabmenu__4th li a{display: table-cell;position: relative;z-index:0;height: 55px;border: none;background: #fff;vertical-align: middle;transition: all 0.3s;outline: 1px solid transparent;}
.tabmenu__4th li a:hover,
.tabmenu__4th li a:focus {outline:1px dotted #777;}
.tabmenu__4th li a span{display: block;position: relative;width: 100%;padding: 0 40px 0 20px;font-size: 16px;line-height: 1.1;}
.tabmenu__4th li a span:after {position: absolute;content: "";top: 50%;right:15px;width:12px; height:2px; margin-top:-1px; background:#aeb6c4; transition: all 0.2s ease-out;}
.tabmenu__4th li.on a,.tabmenu__4th li.on a:active,.tabmenu__4th li.on a:focus,.tabmenu__4th li.on a:hover {border: 2px solid #2f68c2;background: none;color: #2f68c2;z-index:1;font-weight:bold;}
.tabmenu__4th li.on a span:after,.tabmenu__4th li.on a:active span:after,.tabmenu__4th li.on a:focus span:after,.tabmenu__4th li.on a:hover span:after{width:auto; height:auto; margin-top: -3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2f68c2;background:none;}
.tabmenu__4th li a:active,.tabmenu__4th li a:focus,.tabmenu__4th li a:hover{z-index:1;border-color:#48546d;background:none;color:#48546d}
.tabmenu__4th li a:active span:after,.tabmenu__4th li a:focus span:after,.tabmenu__4th li a:hover span:after{}
.tabmenu__4th li a[target=_blank]:after{position: absolute;right: 16px;top: 50%;width: 11px;height: 12px;margin-top: -6px;background: url(/template/A/images/target.png)no-repeat;content: '';}
.tabmenu__4th li a[target=_blank] span:after{display:none;}

@media (max-width:1279px){
    #tab_moType1 {display:block;}
    
}