@charset "utf-8";

#body_layout{overflow: hidden;position: relative;top: -100px;}
#body_layout .body_wrap{margin: 0 auto;padding-bottom:100px;}

#svisual_layout {position: relative;width:100%;height: 340px;padding: 180px 0 0;text-align: left;}
#svisual_layout .sub__background {position:absolute;left:0;top:0;width: 100%;height: 100%;background-image: url(/images/school/common/bg.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:#fff;vertical-align: top;text-shadow: 2px 2px 5px rgba(0,0,0,.2);}
#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;}

.krict_location {display:none;position: relative;margin: -55px 0 0;}
.krict_location:before {display:block;position:absolute;top:0;left:30px;right:0;content:'';width:auto;height:100%;background: #089892 url(/images/school/common/lnb_bg2.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: 16px;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/school/common/home2.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;vertical-align: top;}
.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;width: 100%;}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

.lnb_wrap{position:relative;z-index:10;width:100%;margin-top: -60px;}
.lnb_wrap:before {display:block;position:absolute;left:50%;top:0;right: -1000%;content:'';width:auto;height:60px;background: #159f97;}
.lnb__title{display: none;}
.lnb__title:before{display:inline-block;height:100%;content:"";vertical-align:middle;}
.lnb__title strong{color:#fff;font-size:26px;font-weight: bold;line-height:1}
.lnb_depth2__list{display: block;position: relative;width: 100%;}
.lnb_depth2__list:after {display:block; clear:both; visibility:hidden; content:'';}
.lnb_depth2__list > li{display: inline-block;float: left;width: auto;min-height: 60px;background: #159f97;}
.lnb_depth2__list > li > a{display: table;position: relative;width: 100%;height:60px;min-height: 60px;color:#fff;transition: all .3s;text-align: center;}
.lnb_depth2__list > li > a:after {display:block; position:absolute; right:0; top:50%; content:''; width:1px; height:20px; margin-top:-10px; background:rgba(255,255,255,.2);}
.lnb_depth2__list > li:last-child > a:after {display:none;}
.lnb_depth2__list > li a span{position:relative;display:block;font-size: 16px;line-height:1.2;word-wrap:break-word;word-break: break-all;color: #fff;}
.lnb_depth2__list >li>a>span{display:table-cell;position:relative;padding: 0px 12px;vertical-align: middle;font-size: 17px;letter-spacing: -0.1em;word-break: keep-all;}
.lnb_depth2__list > li > a:hover,
.lnb_depth2__list > li > a:focus,
.lnb_depth2__list >li.ov>a,
.lnb_depth2__list >li.on>a{background-color: #fff;}
.lnb_depth2__list >li > a:hover span,
.lnb_depth2__list >li > a:focus span,
.lnb_depth2__list >li.on>a span{color: #1ba2a7;font-weight: bold;}
.lnb_depth2__list .lnb_depth3__list{display: none;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list:before {display:block;position:absolute;left: 0;bottom:0;width: 100%;height:1px;background: #ddd;content:'';}
.lnb_depth2__list .lnb_depth3__list:after {display:block; clear:both; visibility:hidden;}
.lnb_depth2__list li.on .lnb_depth3__list {display: block;position: absolute;top: 60px;left: 0;width: 100%;background: none;}
.lnb_depth2__list .lnb_depth3__list li{display: inline-block;float: left;position: relative;border:none;background:none;}
.lnb_depth2__list .lnb_depth3__list li:before{position:absolute;top:50%;left:0;width:1px;height: 20px;margin-top: -10px;background-color: #ddd;content:"";}
.lnb_depth2__list .lnb_depth3__list li:first-child{padding-left: 0}
.lnb_depth2__list .lnb_depth3__list li:first-child:before{display: none;}
.lnb_depth2__list .lnb_depth3__list li a{display: block;position: relative;padding: 0 50px;min-width: 175px;border:none;background:none;text-align: center;}
.lnb_depth2__list .lnb_depth3__list li span{display:block;position:relative;padding: 0;line-height: 60px;font-size: 16px;word-wrap:break-word;word-break:keep-all;color: #211b15;}
.lnb_depth2__list .lnb_depth3__list li.on span:after {display:block; position:absolute; left:0; bottom:0; content:''; width:100%; height:2px; background:#1ba2a7; }

.lnb_depth3__list > li > a:hover span,
.lnb_depth3__list > li > a:focus span,
.lnb_depth3__list > li.on > a span,
.lnb_depth3__list > li.ov > a span{font-weight:bold; color:#1ba2a7;}

.lnb_depth2__list.n1 > li {width:100%;}
.lnb_depth2__list.n2 > li {width:50%;}
.lnb_depth2__list.n3 > li {width:33.33%;}
.lnb_depth2__list.n4 > li {width:25%;}
.lnb_depth2__list.n5 > li {width:20%;}
.lnb_depth2__list.n6 > li {width:16.666%;}
.lnb_depth2__list.n7 > li {width:14.285714%;}
.lnb_depth2__list.n8 > li {width:12.5%;}
.lnb_depth2__list.n9 > li {width:11.111%;}
.lnb_depth2__list.n10 > li {width:10%;}

.lnb_depth2__list li div {height:0;}
.lnb_depth2__list li.on .depth3_b {height: 60px;background: #fff;border: 0;}


#location{position:relative;z-index: 10;width:100%;padding: 0 0 20px;margin: 0 0 35px;border-bottom: 1px solid #ddd;text-align:left;}
#location .page__title {line-height: 1.3;padding: 70px 0 30px;font-size: 34px;font-weight: 700;font-family: 'nsr_eb','맑은고딕','Malgun Gothic',-apple-system;color: #111;text-align: center;}
#location .utile_wrap {display: block;text-align: center;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {display: inline-block;}
#location .utile_wrap .print_wrap:before {display:inline-block;float: left;content:'';width:75px;height:1px;margin: 14px 25px 0;background:#ddd;}
#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/school/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;left: -5px;top:0;z-index: 9;width: 135px;background: #fff;text-align: left;}
#location .utile_wrap .print_wrap > li.sns > div:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;left: auto;right: -6px;}
#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;}


#location .utile_wrap .location_wrap {display: inline-block;text-align: center;}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float:left;position: relative;margin-right: 32px;vertical-align: top;}
#location .utile_wrap .location_wrap li:last-child {margin:0;}
#location .utile_wrap .location_wrap li:after {display:block;position:absolute;top: 10px;right: -18px;content:'';width: 6px;height: 6px;border: solid #c2c2c2;border-width: 1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#location .utile_wrap .location_wrap li:last-child:after {display:none;}
#location .utile_wrap .location_wrap li a {display:block;line-height: 30px;font-size:15px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #666;vertical-align: top;}
#location .utile_wrap .location_wrap li.n1 a {width: 20px;height: 20px;margin: 4px 0 0;background: url(/images/school/common/home.png)no-repeat center;font-size: 0;}
#location .utile_wrap .location_wrap li:last-child a {font-weight:bold; text-decoration:underline;}


@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 0;padding-right: 100px;font-size: 24px;text-align: left;}
    #location .utile_wrap .location_wrap {display:none;}
    #location .utile_wrap .print_wrap {position:absolute; right:0; bottom:20px;}
    #location .utile_wrap .print_wrap:before {display:none;}
    #location .utile_wrap .print_wrap > li.sns > div button {float:right;}
    
    #svisual_layout {height:auto;padding: 170px 0 110px;}
    #svisual_layout .svisual_wrap .subvisual-layout strong {display: block;font-size:36px;text-align: center;}


}


@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 {top: -16px;padding:60px 0 0;}

    #location .page__title {padding: 45px 30px 10px;font-size: 24px;text-align: center;}
    #location .utile_wrap .print_wrap {bottom: 30px;}
    #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;}
     
}