@charset "utf-8";

@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz8fZwjimrq1Q_.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz-PZwjimrq1Q_.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz8_Zwjimrq1Q_.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz8vZwjimrq1Q_.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZwjimrqw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#top_layout .top_wrap {position: relative;}
#top_layout .top_wrap #logo {margin: 25px 0 0 50px;}
#top_layout .top_wrap #logo a em{width: 312px;height: 50px;background-image: url(/images/eng/common/logo.png); background-size: 100% auto;}
#top_layout .top_wrap .utile_wrap {font-size: 0; top: 43px; right: 50px;}
#top_layout .top_wrap .utile_wrap li.site_search .keyword input {font-size: 15px;}

#gnb_layout.open {min-height: auto;}
#gnb_layout.open:before,
#gnb_layout.open #gnb:before,
#top_layout.on + .gnb_bg {display: none;}

#gnb_layout .gnb_wrap {max-width: none;}
#gnb_layout .depth1_ul > li > a,
#gnb_layout .depth1_ul > li > a span {color: #333; text-align: center; font-size: 17px; font-weight: 700; line-height: 106px; letter-spacing: -0.34px;}
#gnb_layout .depth1_ul > li > a {padding: 0 15px;}
#gnb_layout .depth1_ul > li > a span {display: block;}

#gnb_layout > ul > li > a:hover span,
#gnb_layout > ul > li > a:focus span,
#gnb_layout .depth1_ul > li > a:hover span,
#gnb_layout .depth1_ul > li > a:focus span,
#gnb_layout .depth1_ul > li > a.current span {color: #e83421;}

@media screen and (max-width: 1920px) {
	#gnb_layout .gnb_wrap {padding: 0 0 0 200px;}
}

/* @media screen and (max-width: 1799px) {
	#top_layout .top_wrap .utile_wrap {top: 28px; right: 50px;}
	#top_layout .top_wrap .utile_wrap li.site_search .keyword {display: block;}
	#top_layout .top_wrap .utile_wrap li.site_search .keyword input {width: 161px;}
	#top_layout .top_wrap .utile_wrap li.site_search #site_submit {position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}
} */

@media screen and (max-width: 1690px) {
	#gnb_layout .depth1_ul > li > a,
	#gnb_layout .depth1_ul > li > a span {font-size: 16px;}
	#gnb_layout .depth1_ul > li > a {padding: 0 15px;}
}

@media screen and (max-width: 1580px) {
	#gnb_layout .gnb_wrap {padding: 0 0 0 300px;}
	#top_layout .top_wrap #logo {margin: 35px 0 0 50px;}
	#top_layout .top_wrap #logo a em {width: 218px; height: 35px;}
	#gnb_layout .gnb_wrap {padding: 0 0 0 200px;}
	#gnb_layout .depth1_ul > li > a,
	#gnb_layout .depth1_ul > li > a span {font-size: 15px;}
	#gnb_layout .depth1_ul > li > a {padding: 0 12px;}
}

@media screen and (max-width: 1420px) {
}

@media screen and (max-width: 1279px){
	#top_layout .top_wrap #logo {margin: 25px 0 0 50px;}
	#top_layout .top_wrap #logo a em {width: 312px; height: 50px;}
}

body.sub03_02_01.modal-open,
body.sub03_02_01.modal-open {overflow:visible}

#svisual_layout .subvisual-layout .subvisual-layout__title{display: block;margin-bottom: 10px;font-size: 46px;color: #fff;/* font-weight: bold; *//* font-weight:bold; *//* opacity:0; */font-family: 'score';line-height: 1.2;}
#svisual_layout .subvisual-layout p{color:#fff;font-size: 18px;opacity:0;font-family: 'score';}
.load #svisual_layout .subvisual-layout .subvisual-layout__title,
.load #svisual_layout .subvisual-layout p{opacity:1}
#svisual_layout .subvisual-layout .subvisual-layout__title.completed,
#svisual_layout .subvisual-layout p.completed{opacity:1}
#lnb_layout{margin-bottom:50px;}
#lnb_layout.action{position:fixed;left:50%;margin-left:400px;padding-top:50px;}
.lnb__title{overflow: visible;}
#lnb_layout.action .lnb__title strong{text-align:right;padding-right: 27px;}
#flink{transition:.5s ease;-webkit-transition:.5s ease;}
#flink.active{position:fixed;bottom:0;width:100%;z-index:999}
#flink.on{position: relative;bottom:auto;}
#flink [class*="btn_"]{position: absolute;top: -1.75em;right: 141px;z-index:100;width:3.5em;height:3.5em;background-color: #e83421;border-right:1px solid rgba(255,255,255,0.1);display: block;}
#flink .btn_top {border: none;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
#flink .btn_top span{opacity:0.8; content:""; display:block; position:absolute; left:calc(50% - 0.7em); top:50%; width:1.4em; height:1px;background-color:#fff;color:transparent;}
#flink .btn_top:before{content:""; display:block; position:absolute; left:calc(50% - 0.7em + 1px); top:calc(50% - 0.4em); width:0.8em; height:0.8em; border:1px solid #fff; border-right:none; border-top:none; box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#flink .btn_top span {top: 1.7em;transition: width 0.3s ease;-webkit-transition: width 0.3s ease;}
#flink .btn_top:hover span{width: 1.7em;}
@media all and (max-width:1040px){


}
@media all and (max-width:1023px){
	#flink.active{position: relative;}
	.lnb_wrap{padding-top:50px;}
	#lnb_layout.action{position: relative;left:auto;margin-left:auto}

}
.tabmenu.col4 li{width:25%;border:none !important;background: #fff;}
.tabmenu li{border:none !important;}
.tabmenu li a{border: 1px solid #d7cfcf !important;}
.tabmenu li a:hover,
.tabmenu li a:focus,
.tabmenu li.on a,
.tabmenu li.on a:active,
.tabmenu li.on a:focus,
.tabmenu li.on a:hover{background-color: #e45348 !important;border-color:#e45348 !important;color:#fff !important}
#svisual_layout{position:relative;height: 300px;background-size: cover;}
#svisual_layout.sub01{background-image: url(/images/kor/common/svisual_img01.jpg);}
#svisual_layout.sub02{background-image: url(/images/kor/common/svisual_img02.jpg);}
#svisual_layout.sub03{background-image: url(/images/kor/common/svisual_img03.jpg);}
#svisual_layout.sub04{background-image: url(/images/kor/common/svisual_img04.jpg);}
#svisual_layout.sub05{background-image: url(/images/kor/common/svisual_img05.jpg);}
#svisual_layout.sub06{background-image: url(/images/kor/common/svisual_img06.jpg);}
#svisual_layout.sitemap{background-image: url(/images/kor/common/svisual_sitemap.jpg);}


#body_layout .body_wrap:before{content:'';position:absolute;top: 157px;right: -1px;width: 250px;height: calc(100% - 157px);border: 1px solid #d2d9e5;border-top: none;border-bottom: none;}
.sub03_03_01 #body_layout .body_wrap:before,
.sub06_02 #body_layout .body_wrap:before,
.sub05_01 #body_layout .body_wrap:before{display:none;}


@media screen and (max-width: 1379px){
	#body_layout .body_wrap:before{right: 40px;}
  #lnb_layout.action{margin-left: 0;left:calc(100% - 291px);}
}
@media all and (max-width:1023px){
	#body_layout .body_wrap:before{display:none;}
}
#foot_layout .footer-info .right .item b {
	font-size: 22px;
	line-height: 1.12;
}




/* @media screen and (max-width: 1580px) {
  #gnb_layout .layout {
    padding: 0 90px 0 200px;
  }
} */

/* @media screen and (max-width: 1480px) {
  #gnb_layout .layout {
    padding-left: 180px;
  }
} */

@media screen and (max-width: 1279px) {
	#gnb_layout {display: none;}
	#top_layout .top_wrap {border-bottom: 1px solid #DDD;}
}

@media only screen and (max-width: 1200px){
  .program--search .search_inner.float-md-right {
    text-align: right;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width:480px){
  #top_layout .top_wrap #logo{width: calc(100% - 130px);}
  #top_layout .top_wrap #logo a{width: 100%;}
  #top_layout .top_wrap #logo a em{width: 100%; background-size: contain;  background-position-y: center;}
  #foot_layout .footer-link li a,#foot_layout .footer-info .utile_wrap li a{letter-spacing: -1px;font-size: 12px;}
}


#gnb_layout .gnb_wrap {height: 100%; padding: 0 80px 0 370px;}

#foot_layout {padding: 0;}
#foot_layout .layout {max-width: 1580px; padding: 0 50px;}
#foot_layout .footer-info {padding: 70px 0;}
#foot_layout .footer-info .left {width: 210px; margin: 0 60px 0 0; padding: 0;}
#foot_layout .footer-info .flogo {margin: 0; width: 210px; height: 45px;}
#foot_layout .footer-info .right {width: calc(100% - 270px); padding: 0 0 0 60px; border-left: 1px solid rgba(255, 255, 255, 0.20);}
#foot_layout .footer-info .right .item {float: none; width: 100%; padding: 0;}
#foot_layout .footer-info address,
#foot_layout .footer-info .copy {font-size: 15px; font-weight: 400; line-height: 150%;}
#foot_layout .footer-info address {margin: 0 0 4px 0; color: #FFF; font-size: 0;}
#foot_layout .footer-info address span {position: relative; display: inline-block; margin: 0 24px 0 0; font-size: 15px; font-weight: 400; line-height: 150%;}
#foot_layout .footer-info address span.addr {margin: 0 40px 0 0;}
#foot_layout .footer-info address span:last-child::before {position: absolute; left: -12px; top: 4px; display: block; width: 1px; height: 10px; background-color: rgba(255, 255, 255, 0.20); content: '';}
#foot_layout .footer-info address span em {font-weight: 700;}
#foot_layout .footer-info address span .add-text {display: inline-block; margin: 0 0 0 5px;}
#foot_layout .footer-info .copy {color: rgba(255, 255, 255, 0.50);}
#foot_layout .footer-info .copy br {display: none;}

.setting-box__group>li>button {background-color: #222434;}

.lnb__title strong {font-size: 22px;}

@media (max-width: 1920px) {
	#gnb_layout .depth1_ul > li > a,
	#gnb_layout .depth1_ul > li > a span {color: #333; text-align: center; font-size: 17px; font-weight: 700; letter-spacing: -0.34px;}
	#gnb_layout .depth1_ul > li > a {padding: 0 20px; display: inline-flex; align-items: center;}
	#gnb_layout .depth1_ul > li > a span {max-width: 230px; line-height: 130%; height: auto;}
}

@media (max-width: 1690px) {
	#gnb_layout .depth1_ul > li > a,
	#gnb_layout .depth1_ul > li > a span {font-size: 16px;}
	#gnb_layout .depth1_ul > li > a {padding: 0 15px;}
	#gnb_layout .depth1_ul > li > a span {max-width: 220px;}
}

@media (max-width: 1580px) {
	#flink [class*="btn_"] {right: 50px;}
	#gnb_layout .gnb_wrap {height: 100%; padding: 0 80px 0 270px;}
}

@media (max-width: 1480px) {
	#gnb_layout .depth1_ul > li > a,
	#gnb_layout .depth1_ul > li > a span {font-size: 15px;}
	#gnb_layout .depth1_ul > li > a span {max-width: 210px;}
}

@media (max-width: 1440px) {
	#gnb_layout .depth1_ul > li > a span {max-width: 190px;}
}

@media (max-width: 1379px) {
    #top_layout .top_wrap,
    #gnb_layout {height: 106px;}
	#gnb_layout .depth1_ul > li > a,
	#gnb_layout .depth1_ul > li > a span {font-size: 15px;}
	#gnb_layout .depth1_ul > li > a {padding: 0 15px;}
	#gnb_layout .depth1_ul > li > a span {max-width: 150px;}

	.lnb_depth2__list >li.on>a {border-right: 1px solid #d2d9e5;}

	#svisual_layout {height: 280px;}

	#foot_layout .footer-info .left {float: left; width: 210px; padding: 0; margin: 0 60px 0 0;}
	#foot_layout .footer-info .flogo {position: relative; left: auto; top: auto;}
	#foot_layout .footer-info .right {border-left: 1px solid rgba(255, 255, 255, 0.20); float: right; border-bottom: none;}
}

@media (max-width: 1279px) {
	.page__title {display: flex; justify-content: flex-start; width: 100%; font-size: 26px; text-align: left;}
	.lnb_depth2__list li a span {font-size: 15px;}
	#foot_layout .footer-info address span.addr {display: block; margin: 0 0 4px 0;}
}

@media (max-width: 1024px) {
	#top_layout .top_wrap,
	#gnb_layout {height: 90px;}
	#top_layout .top_wrap .utile_wrap li.site_search .keyword input {font-size: 15px;}
	#top_layout .top_wrap #logo a em {width: 218px; height: 35px;}
	#top_layout .top_wrap .utile_wrap {top: 35px;}
}

@media (max-width: 1023px) {
	#top_layout .top_wrap #logo {top: 17px; margin: 0; display: inline-block; left: 50px;}

	#foot_layout .footer-info {padding: 50px 0;}
	#foot_layout .footer-info .left {float: none; margin: 0 auto;}
	#foot_layout .footer-info .right {float: none; border: none; width: 100%; padding: 0; margin: 30px 0 0 0;}
	#foot_layout .footer-info address,
	#foot_layout .footer-info address span {text-align: center;}
	#foot_layout .footer-info address {margin: 0 0 6px 0;}
	#foot_layout .footer-info address span:last-child {margin-right: 0;}
	#foot_layout .footer-info .copy {margin: 0;}
}

@media (max-width: 768px) {
	#top_layout .top_wrap #logo {left: 30px; top: 24px;}
	#top_layout .top_wrap .utile_wrap {right: 30px;}

	#foot_layout .layout {padding: 0 30px;}
	#flink [class*="btn_"] {right: 30px;}

	#svisual_layout .subvisual-layout .subvisual-layout__title {font-size: 40px;}

	.page__title {font-size: 22px;}
}

@media (max-width: 767px) {
	#top_layout .top_wrap .utile_wrap {top: 36px;}
	#top_layout .top_wrap .utile_wrap li.site_search .keyword,
	#top_layout .top_wrap .utile_wrap li.site_search #site_submit {display: none;}

	#flink [class*="btn_"] {display: none;}
	#foot_layout .footer-info .right {display: block;}
}

@media (max-width: 540px) {
	#foot_layout .footer-info .copy br {display: block;}
}

@media (max-width: 500px) {
	#top_layout .top_wrap,
	#gnb_layout {height: 70px;}
	#top_layout .top_wrap #logo {top: 19px;}
	#top_layout .top_wrap #logo a em {width: 156px; height: 25px;}
	#top_layout .top_wrap .utile_wrap {top: 26px;}

	#foot_layout .footer-info {padding: 30px 0;}
}

@media (max-width: 490px) {
	#top_layout .top_wrap #logo {left: 20px;}
	#top_layout .top_wrap .utile_wrap {right: 20px;}

	#svisual_layout .subvisual-layout .subvisual-layout__title {font-size: 32px;}
}

@media (max-width: 420px) {
	#foot_layout .footer-info address span {display: block; margin: 0;}
	#foot_layout .footer-info address span:last-child::before {display: none;}
}

@media (max-width: 360px) {
	#svisual_layout .subvisual-layout .subvisual-layout__title {font-size: 26px;}
}



/* 250609 로그인 수정 : s */
.loginWrap_con {border-bottom: none; padding: 0 120px 10px 10px;}
.loginWrap .same-as {margin: 0 auto 20px; width: 460px;}

.loginWrap.nonUST {margin-top: 30px; padding: 30px;}
.loginWrap.nonUST .nu-inner {display: block; max-width: 460px; width: 100%; margin: 0 auto;}
.loginWrap.nonUST .nu-title-wrap {position: relative; display: block; width: 100%; text-align: center;}
.loginWrap.nonUST .nu-title-wrap::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 100%; height: 1px; background-color: #DDD; content: '';}
.loginWrap.nonUST .nu-title {position: relative; display: inline-block; width: auto; min-width: 127px; color: #555; font-size: 16px; font-weight: 700; line-height: 100%; letter-spacing: -0.16px; padding: 0 15px; background-color: #f9f5f5;}
.loginWrap.nonUST .nu-button-wrap {display: block; width: 100%; margin: 15px 0;}
.loginWrap.nonUST .coordi-login-btn {display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #EF3E2F; background-color: #FFF; height: 48px; color: #EF3E2F; font-size: 16px; font-weight: 700; line-height: 110%; letter-spacing: -0.16px; transition: background-color 0.3s, color 0.3s;}
.loginWrap.nonUST .nu-info-text {position: relative; display: block; width: 100%; padding: 0 0 0 20px; color: #555; font-size: 16px; font-weight: 400; line-height: 130%; letter-spacing: -0.32px;}
.loginWrap.nonUST .nu-info-text::before {position: absolute; left: 0; top: 0; display: block; content: '※';}

.loginWrap.nonUST .coordi-login-btn:hover,
.loginWrap.nonUST .coordi-login-btn:focus {background-color: #EF3E2F; color: #FFF;}

@media (max-width: 660px) {
	.loginWrap .same-as {width: 100%;}
}

@media (max-width: 640px) {
	.loginWrap.nonUST .nu-info-text {font-size: 15px;}
}

@media (max-width: 480px) {
	.loginWrap_con {padding-right: 10px; padding-bottom: 30px;}
	.loginWrap.nonUST {padding: 25px 15px;}
	.loginWrap.nonUST .coordi-login-btn {height: 38px;}
}
/* 250609 로그인 수정 : e */