@charset "utf-8";

html{width: 100%;overflow-x: hidden;}

#body_layout{overflow: hidden;position: relative;top: -100px;}
#body_layout .body_wrap{margin: 0 auto;padding-bottom:100px;background-color: #fff;font-size: 15px;}


#svisual_layout {position: relative;width:100%;height: 350px;padding: 170px 0 0;text-align: center;}
#svisual_layout .sub__background {position:absolute;left:0;top:0;width: 100%;height: 100%;background-image: url(/images/eng/common/sub_img01.jpg);background-position: center;background-size:cover;background-repeat:no-repeat;}
#svisual_layout .svisual_wrap {position:relative;z-index:2;}
#svisual_layout .svisual_wrap .subvisual-layout {position:relative;}
#svisual_layout .svisual_wrap .subvisual-layout strong {display: inline-block;position: relative;line-height: 1;font-size: 40px;font-weight:700;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color:#222;vertical-align: top;}
#svisual_layout .svisual_wrap .subvisual-layout p {display: inline-block;margin:0;vertical-align: top;}
#svisual_layout .svisual_wrap .subvisual-layout p span {display:block;font-size:16px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color:#fff;}

#svisual_layout .location_wrap {display: inline-block;margin: 30px 0 0;text-align: center;}
#svisual_layout .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#svisual_layout .location_wrap li {float:left;position: relative;margin-right: 32px;vertical-align: top;}
#svisual_layout .location_wrap li:last-child {margin:0;}
#svisual_layout .location_wrap li:after {display:block;position:absolute;top: 6px;right: -18px;content:'';width: 8px;height: 8px;border: solid #222;border-width: 1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#svisual_layout .location_wrap li:last-child:after {display:none;}
#svisual_layout .location_wrap li a {display:block;line-height: 1.5;font-size:15px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color:#222;vertical-align: top;}
#svisual_layout .location_wrap li.n1 a {width: 15px;height: 14px;margin: 3px 0 0;background: url(/images/eng/common/home2.png)no-repeat center;font-size: 0;}
#svisual_layout .location_wrap li:last-child a {font-weight:bold; text-decoration:underline;}

.krict_location {display:none;position: relative;margin: -55px 0 0;padding: 0 30px;}
.krict_location:before {display:block;position:absolute;top:0;left:30px;right:0;content:'';width:auto;height:100%;background: #089892 url(/images/eng/common/lnb_bg.png)no-repeat 96% bottom;}
.krict_location .location_wrap {width:100%; height:100%;}
.krict_location .location_wrap .inner {width:100%; height:100%;}
.krict_location .location_wrap .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.krict_location .location_wrap .inner {}
.krict_location .navi{display:block;float:left;position: relative;height: 100%;margin:0;padding:0;vertical-align: top;}
.krict_location .navi:after {display:block; position:absolute; content:'';right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#39ada8; }
.krict_location .navi .navi_menu {display: block;position:relative;z-index: 11;width: 100%;min-width: 175px;height: 100%;line-height: 70px;padding: 0 45px 0 20px;font-size: 17px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;font-weight: bold;color: #fff;}
.krict_location .navi .navi_menu span {display:block;position:absolute;right: 20px;top: 30px;z-index:10;width: 6px;height: 6px;border: solid #fff;border-width: 0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.krict_location .navi a{position:relative;vertical-align: top;}
.krict_location .navi.n1 {width:70px;height: 70px;}
.krict_location .navi.n1 a {display: inline-block;width: 100%;height: 100%;}
.krict_location .navi.n1 a span {display:inline-block;float:right;width:100%;height:100%;background: url(/images/eng/common/home.png)no-repeat center;font-size:0;}
.krict_location .navi .navi_ov{display:none;overflow-y: auto;position:absolute;top: 0;left: 0;width: 100%;z-index: 99;padding: 70px 0 0;}
.krict_location .navi .navi_ov ul {border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.krict_location .navi .navi_ov ul li{width:100%;margin:0;background: #fff;}
.krict_location .navi .navi_ov ul li a{display: block;width:100%;height:100%;line-height: 1.2;border-bottom: 1px solid #ddd;font-size: 15px;color: #555;text-align: left;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.krict_location .navi .navi_ov ul li a span {display:block;width:100%;height:100%;line-height: 1.3;padding: 13px 20px;}
.krict_location .navi .navi_ov ul li a:hover,
.krict_location .navi .navi_ov ul li a:focus {background:#f5f5f5; color:#007e79; }
.krict_location .navi.ov .navi_ov {display:inline-block;}



.contents_wrap{position:relative;float: left;width: calc(100% - 320px);font-size: 15px;}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

.lnb_wrap{display: block;position:relative;z-index:10;float: right;width: 280px;min-height: auto;margin: -35px 0 0;}
.lnb_wrap:before {display:block;position:absolute;left:100%;top:0;right: -1000%;content:'';width:auto;height:70px;background:#089892;}
.lnb_wrap .title_wrap {}
.lnb_wrap .title_wrap strong {display:block;position: relative;height:70px;line-height:70px;padding: 0 25px;background: #089892;font-size: 19px;font-weight: bold;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #fff;}
.lnb_wrap .title_wrap strong:before {display:block;position:absolute;bottom: 0;right: -25px;content:'';width:136px;height:40px;background: url(/images/eng/common/lnb_bg.png)no-repeat;}
.lnb_depth2__list{}
.lnb_depth2__list > li{position:relative;}
.lnb_depth2__list > li > a{position:relative;display:block;line-height:1.2;padding: 18px 35px 18px 25px;border-bottom: 1px solid #ddd;}
.lnb_depth2__list > li > a:after {display:block;position:absolute;right: 15px;top: 24px;content:'';width: 6px;height: 6px;border: solid #222;border-width: 2px 2px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.lnb_depth2__list > li > a.dep:before,
.lnb_depth2__list > li > a.dep:after {display:block; position:absolute; content:''; border:none; background:#222; }
.lnb_depth2__list > li > a.dep:before {top: 50%;right: 13px;width:10px;height:2px;margin-top: -1px;}
.lnb_depth2__list > li > a.dep:after {top: 50%;right: 17px;width:2px;height:10px;margin-top: -5px;transform: rotate(0);-webkit-transform: rotate(0);}
.lnb_depth2__list > li.on > a.dep:after {display:none;}
.lnb_depth2__list > li.on > a.dep:before {background:#00958f; }
.lnb_depth2__list > li > a[target="_blank"]:before,
.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: 16px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #222222;}
.lnb_depth2__list > li > a[target="_blank"] > span:after {display:inline-block;content:'';width: 12px;height: 11px;margin:0 0 0 5px;background: url(/images/eng/common/target.png)no-repeat;vertical-align:middle;}


.lnb_depth2__list > li.on > a {border-bottom: 2px solid #00958f;}
.lnb_depth2__list > li.on > a > span { color:#00958f; font-weight:bold;}

.lnb_depth2__list .lnb_depth3__list{display:none;overflow: hidden;height:0;padding: 20px 25px;border-bottom: 1px solid #ddd;background: #f8f8f8;text-align: left;transition:all .4s;-webkit-transition: all .4s;}
.lnb_depth2__list .lnb_depth3__list li {position:relative;}
.lnb_depth2__list .lnb_depth3__list li a{display:block;position:relative;z-index:2;padding: 5px 0;}
.lnb_depth2__list .lnb_depth3__list li:last-child a {border-bottom:none;}
.lnb_depth2__list .lnb_depth3__list li.on a{}
.lnb_depth2__list .lnb_depth3__list li.on a:after {display: block;position: absolute;right: 0;top: 17px;content: '';width: 13px;height: 13px;}
.lnb_depth2__list .lnb_depth3__list li span{display: inline-block;position: relative;padding-left: 20px;font-size: 16px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #333;}
.lnb_depth2__list .lnb_depth3__list li span:before {display:block;position:absolute;left: 3px;top: 11px;content:'';width: 5px;height: 1px;background: #9e9e9e;}
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"] span:after {display:inline-block;content:'';width: 12px;height: 11px;margin:0 0 0 5px;background: url(/images/eng/common/target.png)no-repeat;vertical-align:middle;}
.lnb_depth2__list .lnb_depth3__list li.on a span {color: #0e857f;font-weight: 700;}
.lnb_depth2__list .lnb_depth3__list li.on span:before {left: 2px;top: 9px;width: 4px;height: 4px;background:none;border:solid #0e857f;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.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;}

#location{position:relative;z-index: 10;width:100%;margin: 0 0 30px;text-align:left;}
#location .page__title {line-height: 1.3;padding: 35px 0 20px;padding-right: 125px;border-bottom: 1px solid #ddd;font-size: 28px;font-weight: 700;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #111;}
#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;bottom: 25px;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;}
#location .utile_wrap .print_wrap > li .tmpl_ir {background: url(/images/eng/common/sns.png)no-repeat;font-size:0;}
#location .utile_wrap .print_wrap > li > button {display:block;width: 30px;height: 30px;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:100%;height:100%;background-position: 0 -45px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: -5px;top:0;width: 150px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display: inline-block;width: 30px;height: 30px;margin: 0 5px;border-radius:50%;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position: -40px 0;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position: 0 0;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;position:relative;width:100%;height:100%;background:#fff;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span:before,
#location .utile_wrap .print_wrap > li.sns > div .clickClose span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span:before {width: 14px;height: 2px;background: #aaaaaa;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span:after {width: 2px;height: 14px;background: #aaaaaa;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width:100%;height:100%;background-position: -40px -45px;}
#location .utile_wrap .print_wrap > li.n3 {position: relative;padding-left:10px;margin-left:10px;}
#location .utile_wrap .print_wrap > li.n3:after {display:block;position:absolute;content:'';left:0;top: 5px;bottom: 5px;width:1px;height: auto;background: #ddd;}


@media screen and (max-width:1200px){   
    .krict_location {display:block;}
    
    .lnb_wrap{display:none;}   
    .contents_wrap{float:none;width:100%;padding:0;margin: 0;} 
    #location .page__title {padding: 45px 0 20px;padding-right: 125px;font-size: 26px;}
    
    #svisual_layout {height:auto;padding: 170px 0 130px;}
    #svisual_layout .location_wrap {display:none;}
    #svisual_layout .svisual_wrap .subvisual-layout strong {font-size:36px;}

}


@media screen and (max-width:767px){
    .krict_location {margin: 0;padding: 10px 0;background: #089892;}
    .krict_location:before {display:none;}
    .krict_location .navi {margin: 8px 0;}
    .krict_location .navi.n1,
    .krict_location .navi.n2 {display:none;}
    .krict_location .navi .navi_menu {min-width: 120px;line-height: 1.5;}
    .krict_location .navi .navi_menu span {top: 8px;}
    .krict_location .navi .navi_ov {padding:60px 0 0;}

    #location .page__title {padding: 45px 30px 25px;font-size: 24px;text-align: center;}
    #location .utile_wrap .print_wrap:before {display:none;}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}
    
    #svisual_layout {padding: 150px 0 50px;}
    #svisual_layout .svisual_wrap .subvisual-layout strong {font-size:32px;}
     
}


