@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Ajin Lee. Sunhyeong Kim. (Weaverloft Corp.)
 * 2. Production Date: 2024-01-02
 * 3. Client: 서울대학교병원 융합의학기술원
 */

/*========== Base ==========*/
* { font-family: 'Pretendard Variable'; letter-spacing: -0.025em; } 
*,::before,::after { box-sizing: border-box; } 
html { width: 100%; font-family: 'Pretendard Variable'; font-weight: 500; font-variation-settings: 'wght' 500; color: #333; letter-spacing: -0.025em; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; } 
body { width: 100%; margin: 0; font-size: 16px; color: #333; line-height: 1.25; letter-spacing: -0.025em; } 
a { display: block; text-decoration: none; color: #333; cursor: pointer; } 
/* figure, picture {background-color: #f5f5f5;} */
img { width: 100%; max-width: 100%; object-fit: cover; vertical-align: middle; -webkit-user-drag: none; } 
img:focus-visible { outline: none; -webkit-tap-highlight-color: transparent; } 
h1,h2,h3,h4,h5,h6 { font-weight: 700; font-variation-settings: 'wght' 700; letter-spacing: -0.025em; } 
canvas * {font-family: 'Outfit Variable' !important;}
input::-ms-clear { display: none; } 
input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear { display: none; } 
input[type="number"] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; } 
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; } 
textarea { resize: none; } 
button { background: inherit; border: none; background-color: transparent; box-shadow: none; padding: 0; cursor: pointer; } 
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } 
select::-ms-expand { display: none; } 
input,textarea,button { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
a,button,input,select,textarea { -webkit-tap-highlight-color: transparent; } 
:focus, input:focus, textarea:focus,button:focus,select:focus,input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible { outline: none; -webkit-tap-highlight-color: transparent; } 
:focus-visible, button:focus-visible { outline: 1px solid #172741; } 
.disabled,:disabled { outline: none !important; } 
.none { display: none; } 
.hidden { position: absolute; left: -9999px; display: none; visibility: hidden; opacity: 0; overflow: hidden; } 
.clearfix:before,.clearfix:after { display: block; content: ""; line-height: 0; clear: both; } 

/*========== Common ==========*/
main { position: relative; } 
#sub { position: relative; padding-top: 6.25em; min-height: calc(100vh - 178px); } 
.scroll #sub { padding-top: 5em; } 
.section { padding: 7.50em 0 12.50em; } 
.full-content { width: 100%; margin: 0 auto; box-sizing: border-box; } 
.inner { max-width: 1380px; margin: 0 auto; box-sizing: border-box; } 
.section-tit { font-size: 2.50rem; font-weight: 600; font-variation-settings: 'wght' 600; color: #111; } 
.section-tit:lang(en) {font-size: 32px;}
.sub-title-bg { position: relative; aspect-ratio: 1380/360; background-image: url('../images/sub/vision-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; } 
.sub-title-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } 
.sub-title { position: relative; z-index: 1; padding: 2.00em 0 0; font-size: 3.13rem; font-weight: 400; font-variation-settings: 'wght' 400; color: #fff; } 
.sub-title.en { font-family: 'Outfit Variable'; font-weight: 300; font-variation-settings: 'wght' 300; letter-spacing: -0.025em; } 
.sub-title br.mo-only { display: none; } 
.sub-title-txt { margin: 1.31em 0 0; padding: 1.54em 0 0; border-top: 1px solid #ccc; box-sizing: border-box; font-size: 1.63rem; color: #fff; font-weight: 300; font-variation-settings: 'wght' 300; word-break: keep-all; } 
.sub-title-txt strong { font-weight: 500; font-variation-settings: 'wght' 500; } 
.sub-txt-wrap { position: relative; z-index: 2; max-width: 1260px; margin: 0 auto; margin-top: -100px; padding: 3.75em 6.50em; background-color: #fff; } 
.sub-txt-wrap > p { font-size: 1.63rem; font-weight: 300; font-variation-settings: 'wght' 300; color: #333; line-height: 1.6; text-align: center; word-break: keep-all; } 
.sub-txt-wrap > p strong { font-weight: 600; font-variation-settings: 'wght' 600; } 
.sub-txt-wrap > p:lang(en) { text-wrap: pretty;}
.mo { display: none; } 
.tb { display: none; } 
.pc { display: block; } 
/* 대체 텍스트 숨김처리 */
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; } 
.scroll-disable { height:100dvh; min-height:100dvh; overflow:hidden !important; -ms-touch-action: pan-y; touch-action: pan-y; } 
/* 비활성화 */
.disabled { opacity: 0.4; cursor: default; pointer-events: none; } 

@media screen and (max-width: 1620px) {
    #sub, .scroll #sub { padding-top: clamp(5.00em, 6.173vw, 6.25em); } 
}
@media screen and (max-width: 1480px){
    .inner { max-width: 100%; margin: 0 20px; }  
    .sub-txt-wrap { width: calc(100% - 40px); max-width: none; margin-top: clamp(-60px, -6.757vw, -100px); } 
    .sub-txt-wrap > p { font-size: clamp(20px, 1.757vw, 1.63rem); } 
}
@media screen and (max-width: 1320px) {
    #sub, .scroll #sub { padding-top: 60px; } 
    #sub { min-height: calc(100vh - 197px); } 
}
@media screen and (max-width: 1100px){
    .section-tit { font-size: clamp(1.50rem, 3.636vw, 2.5rem); } 
    .section-tit:lang(en) { font-size: clamp(1.50rem,2.909vw,32px); }
    .sub-title-inner { max-width: 100%; margin: 0; } 
    .sub-title-bg { height: 260px; aspect-ratio: initial; } 
    .sub-title { font-size: clamp(2.38rem, 4.545vw, 3.13rem); } 
    .sub-title-txt { margin: 1.31em 0 0; padding: 1.54em 0 0; font-size: clamp(1.125rem, 2.364vw, 1.63rem); } 
    .sub-txt-wrap { width: auto; padding: 3.75em 20px; } 
    .sub-txt-wrap > p { font-size: 1.125rem; } 
	.section { padding-top: max(60px,10.909vw); padding-bottom: max(160px,18.182vw); } 
}
@media screen and (max-width: 768px){
    .section { padding: 3.750em 0 10.00em; } 
    .sub-title-bg { height: auto; aspect-ratio: 360/260; } 
    .sub-title { padding: 25% 0 0; } 
    .sub-title-txt { margin: 20px 0 0; padding: 20px 0 0; line-height: 1.6; } 
    .sub-title-txt strong { display: block; } 
    .sub-txt-wrap { margin-top: -26.042vw; } 
    .sub-txt-wrap > p br { display: none; } 
    .pc { display: none; } 
    .mo { display: block; } 
}
@media screen and (max-width: 480px){
    .sub-title { padding: clamp(60px, 20.833vw, 100px) 0 0; } 
    .sub-title br.mo-only { display: block; } 
    .sub-txt-wrap { margin-top: -100px; padding: 40px 20px; } 
}
@media screen and (max-width: 466px){
	#sub { min-height: calc(100vh - 212px); } 
}
@media screen and (max-width: 380px){
    .sub-title { padding: 15.789vw 0 0; } 
    .sub-txt-wrap { margin-top: -100px; padding: 40px 20px; } 
}
@media screen and (max-width: 336px){
	#sub { min-height: calc(100vh - 227px); } 
}
@media screen and (max-width: 320px){
	#sub { min-height: calc(100vh - 223px); } 
}
@media screen and (max-width: 278px){
	#sub { min-height: calc(100vh - 238px); } 
}

/*========== error page ==========*/
#main.error {display: flex;justify-content: center;align-items: center; min-height: calc(100vh - 80px);padding: 0 16px;}
.sub.error { padding: 0 20px; }
.error-page .hidden { display: none; } 
.error-page .m-view { display: block; } 
.section.error-page {padding: 0;}
.error-page .error-cont { color: var(--main-color); text-align: center; } 
.error-page-tit { display: flex; flex-direction: column; align-items: center; } 
.error-page-tit span { font-size: 3.438rem; font-weight: 700; font-variation-settings: 'wght' 700; } 
.error-page-tit p { margin: 0.533em 0 1.733em; font-size: 0.938rem; font-weight: 700; font-variation-settings: 'wght' 700; word-break: keep-all; } 
.error-page-txt > span { display: inline-block; font-size: 1.250rem;font-weight: 700; font-variation-settings: 'wght' 700; color: #333; word-break: keep-all;} 
.error-page-txt.ma > span { display: inline-block; word-break: keep-all; line-height: 1.2; } 
.error-page-txt { text-align: center; } 
.error-page-txt p { margin: 0.857em 0 0; font-size: 0.875rem; font-variation-settings: 'wght' 400; font-weight: 400; line-height: 1.4; color: #333; word-break: keep-all; } 
.error-page-txt p span { font-variation-settings: 'wght' 800; font-weight: 800; } 
.error-page-btn { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin-top: 2.188em; } 
.error-page-btn a { display: block; width: 100%; max-width: 13.333em; padding: 0.800em 0; border-radius: 3px; font-size: 0.938rem; font-weight: 700; font-variation-settings: 'wght' 700;text-align: center; text-decoration:none; box-sizing: border-box; transition: all 300ms; } 
.error-page-btn a:first-child { margin: 0 0.667em 0 0; } 
.error-page-btn a.back,
.error-page-btn a.refresh { border: 1px solid #DDDDDD; color: #666; } 
.error-page-btn a:hover { background-color: #f5f5f5; } 
.error-page-btn a.main { background-color: var(--main-color); color: #fff; } 
.error-page-btn a.main:hover { opacity: 0.7; } 
@media screen and (min-width: 48.000em){
    #main.error {min-height: calc(100vh - 97px);}
    .error-page .m-view { display: none; } 
    .error-page-tit span { font-size: 7.161vw; } 
    .error-page-tit p { font-size: 1.953vw; } 
    .error-page-txt>span { font-size: 2.604vw; } 
    .error-page-txt p { font-size: 1.823vw; } 
    .error-page-btn { margin-top: 4.557vw; } 
    .error-page-btn a { font-size: 1.953vw; } 
    .error-page-btn a:first-child { margin: 0 1.302vw 0 0; } 
}
@media screen and (min-width: 68.750em){
    .error-page-box { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 100px 0 120px; } 
    .error-page .error-cont { width: 600px; margin-top: 0; text-align: left; } 
    .error-page-tit span { font-size: 4.375em; } 
    .error-page-tit p { margin: 0.444em 0 2.444em; font-size: 1.125rem; } 
    .error-page-txt>span { font-size: 1.500rem; } 
    .error-page-txt p { margin: 1em 0 0; font-size: 1rem; line-height: 1.4; } 
    .error-page-btn { justify-content: center; margin-top: 2.188em; } 
    .error-page-btn a { width: 8.625em; max-width: 8.625em; padding: 1em 0; font-size: 1rem; } 
    .error-page-btn a:first-child { margin: 0 0.625em 0 0; } 
}

/*========== Header ==========*/
#header { position: fixed; left: 0; width: 100%; z-index: 100; box-sizing: border-box; } 
#header.on::after { content: ""; position: absolute; top: 6.25em; left: 0; width: 100%; height: 1px; background-color: #ddd; transition: 300ms; } 
#header.search::after {display: none;}
.header-inner { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; z-index: 102; height: 6.25em; padding: 0 3.75em; background-color: #fff; box-sizing: border-box; transition: height 300ms; } 
.sub .header-inner { background-color: #fff; }  
.nav-bg { opacity: 0; visibility: hidden; position: sticky; top: 6.25em; left: 0; width: 100%; height: 0; background-color: #fff; box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03); transition: height 200ms linear; } 
#header.on .header-inner { background-color: #fff; } 
#header.on .nav-bg { opacity: 1; visibility: visible; height: 295px; transition: height 400ms; } 
#header.search .nav-bg {display: none;}
.header-logo { width: 200px; height: 100%; } 
.header-logo:lang(en) { width: 240px;}
.header-logo a { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; } 
.header-logo img { display: none; position: relative; top: -2px; opacity: 0; visibility: hidden; transition: opacity 300ms; } 
#header .header-logo img.en {display: none;}
.header-logo .logo-blue { display: block; opacity: 1; visibility: visible; } 
#header.search .header-logo img.logo-blue:not(.en) {display: block !important; opacity: 1 !important; visibility: visible !important;}
#header.search .header-logo img.logo-white:not(.en) {display: none !important; opacity: 0 !important; visibility: hidden !important;}
.sub .header-logo .logo-blue, .sub #header.on .header-logo .logo-blue:not(.en) { display: block; opacity: 1; visibility: visible; } 
.sub .header-logo .logo-white, .sub #header.on .header-logo .logo-white:not(.en) { display: none; opacity: 0; visibility: hidden; } 
/* nav */
.header-gnb-area { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; height: 100%; } 
.nav-area { height: 100%; } 
.nav-area > h2 { font-size: 0; } 
#gnb { display: flex; flex-flow: row nowrap; align-items: center; position: relative; z-index: 200; height: 100%; } 
.nav-list { position: relative; height: 100%; } 
.nav-list.disabled { pointer-events: initial; } 
.nav-list::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: var(--main-color); transition: width 300ms; } 
.nav-list > a { display: flex; justify-content: center; align-items: center; min-width: 180px; height: 100%; padding: 0 1.30em; font-size: 1.125rem; font-weight: 600; font-variation-settings: 'wght' 600; transition: padding 300ms; text-align: center; color: #333; } 
.nav-list.news > a {min-width: 114px;}
.sub .nav-list > a { color: #333; } 
.nav-list:hover::after { width: 100%; } 
.nav-list.disabled:hover::after { width: 0; } 
.nav-sub-menu { display: flex; flex-direction: column; opacity: 0; visibility: hidden; position: absolute; top: clamp(5.00em, 6.757vw, 6.25em); left: 0; width: 100%; min-height: 367px; padding: 0.9377em 0 0; transition: opacity 100ms, top 300ms; } 
#gnb.on .nav-sub-menu { opacity: 1; visibility: visible; transition: opacity 300ms, top 300ms; transition-delay: 200ms;} 
.nav-sub-list > a { padding: 0.8334em 1.30em; font-size: 1rem; transition: 300ms; text-align: center; word-break: keep-all;} 
.nav-sub-list:hover > a { font-weight: 600; font-variation-settings: 'wght' 600; color: var(--main-color); } 
.nav-sub-list:hover > a:lang(en) { font-weight: 500; font-variation-settings: 'wght' 500;}
.nav-list.disabled .nav-sub-list:hover > a { color: #333; } 
/* TOP */
#header.top .header-inner { box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03); } 
#header.top.bk .header-inner { box-shadow: none; } 
/* ON */
#header.on .nav-list > a,#header.bk .nav-list.disabled > a,#header.bk.bk-bg.on .nav-list.disabled > a { color: #333; } 
#header.bk.bk-bg .nav-list.disabled > a { color: #fff; } 
.sub #header.on .nav-list > a { color: #333; } 
/* BK */
#header.bk .header-inner,#header.bk-bg .header-inner { background-color: transparent; } 
#header.bk.on .header-inner,#header.bk-bg.on .header-inner { background-color: #fff; } 
#header.bk.search .header-inner, #header.bk-bg.search .header-inner { background-color: transparent; } 
#header.bk .nav-list > a { color: #fff; } 
#header.bk.on .nav-list > a { color: #333; } 
#header.bk .logo-white { display: block; opacity: 1; visibility: visible; } 
#header.bk .logo-blue { display: none; opacity: 0; visibility: hidden; } 
#header.bk.on .logo-white:not(.en) { display: none; opacity: 0; visibility: hidden; } 
#header.bk.on .logo-blue:not(.en) { display: block; opacity: 1; visibility: visible; } 
/* header-right-area */
.header-right-area { display: flex; justify-content: space-between; align-items: center; } 
.header-right-left { display: flex; justify-content: space-between; align-items: center; gap: 1.88em; } 
/* lang start */
.header-lang { position: relative; padding: 0 0 0 2.13em; } 
.header-lang::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1.88em; height: 1.88em; background-image: url('../images/common/icon-lang-black.svg'); background-repeat: no-repeat; background-position: left center; background-size: 100% auto; } 
#header.bk .header-lang::before { background-image: url('../images/common/icon-lang-w.svg'); } 
#header.bk.on .header-lang::before { background-image: url('../images/common/icon-lang-black.svg'); } 
.header-lang button { font-size: 1.125rem; font-weight: 500; font-variation-settings: 'wght' 500; } 
.header-lang button.on { font-weight: 600; font-variation-settings: 'wght' 600; } 
#header.bk .header-lang button { color: rgba(255, 255, 255, 0.3); } 
#header.bk .header-lang button.on { color: rgba(255, 255, 255, 1); } 
.header-lang button, .sub .header-lang button, #header.bk.on .header-lang button { color: #333; } 
.header-lang button.on, .sub .header-lang button.on, #header.bk.on .header-lang button.on { color: var(--main-color); } 
.header-lang button + button { position: relative; margin: 0 0 0 8px; padding: 0 0 0 8px; } 
.header-lang button + button::before, #header.bk.on .header-lang button + button::before { content: ''; position: absolute; top: 50%; left: -1px; transform: translate(0, -50%); width: 1px; height: 10px; background-color: #ddd; } 
#header.bk.on .header-lang button + button::before, .sub .header-lang button + button::before { background-color: #ddd; } 
.scroll #header.bk .header-inner { box-shadow: none; } 
/* lang - end */
.btn-header-search {position: relative; width: 1.88em; height: 1.88em; background-image: url('../images/common/icon-search-black.svg'); background-repeat: no-repeat; background-position: center; background-size: 100% auto; font-size: 1rem; text-indent: -9999px; } 
#header.bk .btn-header-search { background-image: url('../images/common/icon-search-w.svg'); } 
.sub .btn-header-search, #header.bk.on .btn-header-search { background-image: url('../images/common/icon-search-black.svg'); } 
#header.bk.search .btn-header-search, #header.search .btn-header-search {background-image: url('../images/common/icon-pop-close.svg'); background-size: 20px auto;}
/* menu button */
.all-menu-wrap { opacity: 0; visibility: hidden; } 
.all-menu-btn { display: none; } 
/* scroll */
.scroll #header .header-inner { height: 5.00em; box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03); } 
.scroll #header.on .header-inner { box-shadow: none; } 
#header.search .header-inner, .scroll #header.search .header-inner { background-color: transparent; box-shadow: none; }
#header.top .header-inner { height: 5.00em; } 
.scroll #header.on::after, #header.top.on::after, .scroll #gnb .nav-sub-menu, #header.top #gnb .nav-sub-menu { top: 5.00em; } 
@media screen and (max-width: 1700px) {
	.header-logo:lang(en) { width: clamp(200px, 12.941vw, 220px);}
    .nav-list:lang(en) > a { min-width: 160px;} 
}
@media screen and (max-width: 1640px) {
    #header::after, #header.on::after, .nav-bg { top: clamp(5.00em, 6.173vw, 6.25em); } 
    .header-inner, .scroll .header-inner { height: clamp(5.00em, 6.173vw, 6.25em); padding: 0 clamp(20px, 3.704vw, 60px); transition: height 300ms padding 300ms; } 
    .nav-list > a { min-width: 130px; font-size: clamp(16px, 1.111vw, 1.125rem); } 
    .nav-sub-list > a { font-size: clamp(15px, 0.988vw, 1rem); } 
    .header-lang button { font-size: clamp(13px, 1.111vw, 1.125rem); } 
    .header-lang::before { font-size: 0.988vw; } 
}
@media screen and (max-width: 1480px) {
    .header-inner, .scroll .header-inner {padding: 0 20px;}
    .nav-list:lang(en) > a { min-width: 140px;} 
}
@media screen and (max-width: 1320px){
    #header::after { display: none; } 
    #header .nav-bg { display: none; } 
    .header-inner { height: 60px; background-color: transparent; } 
    .scroll .header-inner { height: 60px; background-color: #fff; } 
    .header-logo { width: 165px; min-width: 165px; } 
	.header-logo:lang(en) { width: 198px; min-width: 198px; } 
    #header .logo-blue, .sub #header .logo-blue { display: none; opacity: 0; visibility: hidden; } 
    #header .logo-white, .sub #header .logo-white { display: block; opacity: 1; visibility: visible; } 
    #header.top:not(.bk) .logo-white { display: none; opacity: 0; visibility: hidden; } 
    #header.top:not(.bk) .logo-blue { display: block; opacity: 1; visibility: visible; } 
    .scroll #header .logo-blue, .sub #header .logo-blue { display: block; opacity: 1; visibility: visible; } 
    .scroll #header .logo-white, .sub #header .logo-white { display: none; opacity: 0; visibility: hidden; } 
    #header.top:not(.bk) .header-logo img.en {display: none;}
    .scroll #header.top:not(.bk) .header-inner, #header.top:not(.bk) .header-inner {background-color: #fff; box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03);}
    .scroll #header.top.search .header-inner, #header.search:not(.bk) .header-inner {background-color: transparent;box-shadow: none;}
    /* nav */
    .header-gnb-area { display: none; position: absolute; top: 0; right: 0; width: 100%; height: 100vh; height: 100dvh; background-color: #fff; z-index: 1; transition: 300ms ease-in; } 
    .header-gnb-area.on { z-index: 102; display: block; } 
    .nav-area > h2 { display: flex; align-items: center; position: static; height: 60px; padding: 0 20px; background-color: var(--main-color); font-size: 0; font-family: 'Outfit Variable'; font-weight: 500; color: #fff; clip: initial; letter-spacing: 0.02em; line-height: 1; } 
    #gnb { flex-direction: column; align-items: flex-start; height: auto; padding: 10px 0 0; } 
    .nav-list { width: 100%; height: auto; } 
    .nav-list > a { position: relative; justify-content: flex-start; width: 100%; min-width: auto; padding: 1.110em 1.110em 1.110em 1.67em; font-size: 1.125rem; color: #111; text-align: left; } 
    .scroll .nav-list > a, #header.on .nav-list > a, #header.bk .nav-list > a { color: #111; } 
    .nav-list::after { display: none; } 
    .nav-list > a::before { content: ""; position: absolute; top: 50%; right: 20px; width: 24px; height: 24px; background-image: url('../images/common/icon-nav-arrow-down.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translate(0, -50%); transition: background-image 200ms; } 
    .nav-list.on > a::before { background-image: url('../images/common/icon-nav-arrow-up.svg'); } 
    .nav-sub-menu { display: none; position: static; min-height: auto; padding: 8px 0; background-color: #F5F5F5; } 
    .nav-sub-menu { opacity: 1; visibility: visible; transition: top 300ms; } 
    #gnb.on .nav-sub-menu { opacity: 1; visibility: visible; } 
    .nav-sub-list > a { padding: 0.75em 1.25em 0.75em 2.50em; font-size: 1rem; text-align: left; } 
    .nav-sub-list > a:active { color: var(--main-color); } 
    /* scroll */
    .scroll #header .header-inner { height: 60px; } 
    #header.top .header-inner { height: 60px; } 
    .scroll #header.on::after,#header.top.on::after,.scroll #gnb .nav-sub-menu { height: 60px; } 
    #header.top #gnb .nav-sub-menu, .scroll #gnb .nav-sub-menu { height: auto; } 
    main:not(.sub) #header.search .logo-white:not(.en) {display: none;opacity: 0;visibility: hidden;}
    main:not(.sub) #header.search .logo-blue:not(.en) {display: block; opacity: 1; visibility: visible;}
    /* header-right-area */
    .header-lang { display: none; } 
    .header-lang.on { display: flex; position: absolute; top: 0; left: 1.88em; z-index: 103; height: 60px; } 
    .header-lang button { font-size: 1rem; } 
    .header-lang button, .sub .header-lang button, #header.bk.on .header-lang button { color: rgba(255, 255, 255, 0.3); } 
    .header-lang button.on, .sub .header-lang button.on, #header.bk.on .header-lang button.on { color: #fff; } 
    .header-lang::before { width: 1.50em; height: 1.50em; background-image: url('../images/common/icon-lang-w.svg'); font-size: 1rem; } 
    /* menu button */
    .all-menu-wrap { z-index: 110; position: relative; opacity: 1; visibility: visible; min-width: 40px; height: 60px; } 
    #header.search .all-menu-wrap {display: none;}
    .all-menu-btn { display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 100%; text-indent: -9999px; } 
    .all-menu-line-wrap { position: relative; width: 22px; height: 18px; } 
    .all-menu-line { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; transition: 300ms; } 
    .scroll .all-menu-line, .sub .all-menu-line, #header.top:not(.bk) .all-menu-btn:not(.on)  .all-menu-line { background-color: #111; } 
    .all-menu-btn.on .all-menu-line, .scroll .all-menu-btn.on .all-menu-line, .sub .all-menu-btn.on .all-menu-line { background-color: #fff; } 
    .all-menu-line.menu-line-01 { top: 0; } 
    .all-menu-line.menu-line-02 { top: 50%; transform: translate(0, -50%); } 
    .all-menu-line.menu-line-03 { left: auto; right: 0; top: 95%; width: 60%; } 
    .all-menu-btn.on .menu-line-01 { transform: translate(3px, 0) rotate(45deg); transform-origin: left center; } 
    .all-menu-btn.on .menu-line-02 { display: none; } 
    .all-menu-btn.on .menu-line-03 { width: 100%; transform: translate(3px, -1.5px) rotate(-45deg); transform-origin: left center; } 
    .scroll .btn-header-search { background-image: url('../images/common/icon-search-black.svg'); background-size: contain;} 
    #header.search .btn-header-search, .scroll #header.search .btn-header-search {background-image: url('../images/common/icon-pop-close.svg');background-size: 20px auto;}
}
@media screen and (max-width: 1100px) {
    #header.top:not(.bk) .header-inner {background-color: transparent; box-shadow: none;}
    #header.top:not(.bk) .logo-white {display: block;opacity: 1;visibility: visible;}
    #header.top:not(.bk) .logo-blue { display: none; opacity: 0; visibility: hidden; } 
    .scroll #header.top:not(.bk) .header-inner {background-color: #fff; box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03);}
    .scroll #header.top.search .header-inner {background-color: transparent;box-shadow: none;}
    .scroll #header.top:not(.bk) .logo-white:not(.en) { display: none; opacity: 0; visibility: hidden; } 
    .scroll #header.top:not(.bk) .logo-blue:not(.en) {display: block;opacity: 1;visibility: visible;}
    #header.top:not(.bk) .all-menu-btn:not(.on) .all-menu-line { background-color: #fff; }
    .scroll #header.top:not(.bk) .all-menu-btn:not(.on) .all-menu-line { background-color: #111; }
    #header.top:not(.bk) .all-menu-btn.on .all-menu-line, .scroll #header.top:not(.bk) .all-menu-btn.on .all-menu-line, .sub #header.top:not(.bk) .all-menu-btn.on .all-menu-line {background-color: #fff;}
}

/*========== Sub Title ==========*/
.sub-top { background-repeat: no-repeat; background-position: right center; background-size: cover; } 
.sub-top.intro { background-image: url('../images/common/sub-bg-intro.jpg'); } 
.sub-top.lecture { background-image: url('../images/common/sub-bg-lecture.jpg'); } 
.sub-title-wrap { padding: 7.625em 0; } 
.sub-tit-top { font-size: 1.380rem; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--main-color); } 
.sub-tit { margin: 18px 0 0; font-size: 3.750rem; font-weight: 300; font-variation-settings: 'wght' 300; color: #111; } 

/*========== Sub Page Common ==========*/
.article-tit {font-size: 40px;font-weight: 700;font-variation-settings: 'wght' 700;color: #111; } 
.article-tit:lang(en) {font-size: 32px; } 
.tit-underline {margin-bottom: 1em;padding-bottom: 0.40em;border-bottom: 1px solid #ccc; } 
@media screen and (max-width: 1100px) {
    .article-tit {font-size: 3.636vw; } 
    .article-tit:lang(en) {font-size: max(22px,2.909vw); } 
}
@media screen and (max-width: 768px) {
    .sub-top.lecture { background-image: url('../images/common/sub-bg-lecture-mo.jpg'); } 
    .article-tit {font-size: 24px; } 
    .tit-underline {margin-bottom: 20px;padding-bottom: 20px; } 
}

/*========== Lnb ==========*/
#lnb { position: relative; z-index: 95; backdrop-filter: blur(9px); background-color: rgba(0, 0, 0, 0.2); } 
#lnb .inner { position: relative; display: flex; align-items: center;} 
.lnb-list { display: flex; align-items: center; position: relative; z-index: 60; height: 60px; padding: 0 1.250em 0 0; } 
.lnb-list::before { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; transform: translate(0, -50%); background-color: #ddd; } 
.lnb-home-btn a { display: block; width: 1.500em; height: 100%; background-image: url("../images/common/icon-home-btn.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; text-indent: -9999px; transition: opacity 300ms; } 
.lnb-home-btn a:hover { opacity: 0.7; } 
.lnb-dep { min-width: 14.690em; padding: 0 1.250em; } 
.lnb-dep a { display: flex; align-items: center; position: relative; width: 100%; height: 100%; padding-right: 35px; font-size: 1rem; font-weight: 500; font-variation-settings: 'wght' 500; color: #fff; transition: opacity 300ms; } 
.lnb-dep > a::after { content: ""; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; transform: translate(0, -50%); background-image: url("../images/common/icon-lnb-arrow-down.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% auto; transition: background-image 200ms; } 
.lnb-dep > a:hover { opacity: 0.7; } 
.lnb-dep.on > a::after { background-image: url("../images/common/icon-lnb-arrow-up.svg"); } 
.lnb-dep-list { display: none; position: absolute; top: 100%; right: 0; z-index: 60; width: 100%; padding: 8px 0; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; } 
.lnb-dep-list li { position: relative; z-index: 60; } 
.lnb-dep-list a { padding: 0.750em 1.250em; color: #666; transition: color 300ms; } 
.lnb-dep-list a:hover,
.lnb-dep-list a:active { color: var(--main-color); } 
.lnb-bg { display: none; } 
/* URL 버튼 */
.btn-url { position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 98px; height: 100%; transition: opacity 300ms;}
.btn-url span { padding-left: 1.75em; font-size: 16px; font-weight: 500; font-variation-settings: 'wght' 500; color: #fff; line-height: 1.5; background-image: url("../images/common/icon-lnb-url.svg"); background-repeat: no-repeat; background-position: left center; background-size: contain;}
@media screen and (min-width: 769px){
	@media (hover:hover) {
		.btn-url:hover { opacity: 0.7;}
	}
}
@media screen and (max-width: 1480px){
    #lnb .inner { position: relative; margin: 0; padding: 0 20px; } 
	.btn-url { right: 20px;}
}
@media screen and (max-width: 1100px){
    .sub-top.intro { background-position: right 24% center; } 
    .sub-top.lecture { background-position: right 34% center; } 
    .sub-title-wrap { padding-top: clamp(5.380em, 10.909vw, 7.625em); padding-bottom: clamp(5.380em, 10.909vw, 7.625em); } 
    .sub-tit-top { font-size: clamp(1.125rem, 2vw, 1.380rem); } 
    .sub-tit { margin: 18px 0 0; font-size: clamp(2.500rem, 5.455vw, 3.750rem); } 
    .lnb-dep a { font-size: clamp(0.875rem, 1.455vw, 1rem); } 
	.btn-url { width: clamp(50px,8.909vw,98px);}
	.btn-url span { font-size: clamp(0.875rem, 1.455vw, 1rem); }
	.lnb-dep1 { display: none;}
	.lnb-dep3 { display: none;}
}
@media screen and (max-width: 768px){
    .sub-top.intro { background-position: right top; background-image: url("../images/common/sub-bg-intro-mo.jpg"); } 
    .sub-top.lecture { background-position: right 48% center; } 
    .sub-tit { margin: 8px 0 0; } 
	#lnb .inner { padding: 0 82px 0 20px; } 
    #lnb .inner.on::after { content: ""; opacity: 1; visibility: visible; position: absolute; z-index: 49; top: 50px; right: 0; width: 100vw; height: calc(100vh - 137px); background-color: rgba(0, 0, 0, 0.2); transition: opacity 300ms; } 
    .lnb-list { height: 50px; padding: 0 0.880em 0 0; } 
    .lnb-dep { width: 100%; min-width: auto; padding: 0 0 0 0.880em; } 
	.lnb-dep2::before,
	.lnb-dep3::before { display: none;}
    .lnb-dep > a:hover,
    .lnb-home-btn a:hover { opacity: 1; } 
    .lnb-dep-list { left: -38px; border: none; } 
    .lnb-bg { content: ""; position: absolute; top: 50px; left: 0; width: 100vw; background-color: #fff; z-index: 50; } 
    .lnb-dep-list { width: calc(100vw - 40px); padding: 11px 0; } 
    .lnb-dep-list a { padding: 12px 0; } 
	.btn-url { right: 10px; width: 50px;}
	.btn-url span { font-size: 14px; }
	.btn-url::before { content:''; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 1px; height: 12px; background-color: #DDD; opacity: 0.8;}
}

/*========== Top Btn ==========*/
#top-btn { display: none; position: fixed; right: 2%; bottom: 40px; width: 44px; height: 44px; z-index: 99; transition: bottom 300ms; } 
#top-btn.on { position: absolute; bottom: 40px; } 
#top-btn a { display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; border: 1px solid #E5E5E5; background-image: url("../images/common/icon-top-btn.svg"); background-repeat: no-repeat; background-position: center center; background-size: 26px auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); opacity: 1; transition: all 300ms; overflow: hidden; } 
#top-btn a:hover { background-color: #F1F5FD; border-color: #F1F5FD; } 
@media screen and (max-width: 1600px) {
    #top-btn { right: 14px; bottom: 14px; } 
    #top-btn.on { bottom: 14px; } 
}
@media screen and (max-width: 768px){
    #top-btn { width: 40px; height: 40px; } 
    #top-btn a { background-size: 24px auto; } 
    #top-btn a:hover { background-color: #fff; } 
}

/*========== Footer ==========*/
#footer { position: relative; z-index: 70; } 
.footer-conts-area {padding: 40px 0; background-color: #172741;}
.footer-top { display: flex; justify-content: space-between; align-items: center; } 
.footer-logo { opacity: 0.8; width: 200px; } 
.footer-logo:lang(en) { opacity: 0.8; width: 220px; } 
.footer-sns { display: flex; align-items: center; gap: 12px; } 
.footer-sns li a { display: block; width: 48px; height: 48px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 80% auto; background-color: #263B5D; font-size: 0; } 
.footer-sns li.footer-tel a { background-image: url('../images/common/icon-phone.svg'); } 
.footer-sns li.footer-email a { background-image: url('../images/common/icon-email.svg'); } 
.footer-bottom { opacity: 0.8; margin: 10px 0 0; font-size: 0.875rem; font-weight: 200; font-variation-settings: 'wght' 200; color: #fff; } 
.footer-address ul li { display: inline-block; position: relative; margin: 0 0 5px; padding-right: 16px; letter-spacing: 0.02em; word-break: keep-all; } 
.footer-address ul li + li { padding-left: 16px; } 
.footer-address ul li::after { content: ""; opacity: 0.4; position: absolute; top: 3px; right: 0; width: 1px; height: 10px; background-color: #fff; } 
.footer-address ul li:last-child::after { display: none; } 
.copyright-wrap { text-transform: uppercase; word-break: keep-all; } 
/* family-partners */
.footer-partner-area {padding: 20px 0; background-color: #213555; }
.footer-partner-tit {display: none; color: #fff;}
.footer-partner-area .custom-select-box {display: flex; justify-content: center; align-items: center;height: auto; cursor: default;}
.footer-partner-area .custom-select-box .init {display: none; position: relative; background: none; }
.footer-partner-area .custom-select-box ul {display: flex;width: auto;}
.footer-partner-area .custom-select-box ul li { display: block; width: auto; height: auto; padding: 0 22px; border: none; background-color: transparent; transition:opacity 300ms;}
.footer-partner-area .custom-select-box ul li:hover {opacity: 0.7; } 
.footer-partner-area .custom-select-box ul li::before { width: 1px; height: 10px; background-color: rgba(255, 255, 255, 0.3); margin: 0; left: 0; top: 50%; transform:translate(0, -50%); }
.footer-partner-area .custom-select-box ul li:first-child::before {display: none;}
.footer-partner-area .custom-select-box ul li a {font-size: 14px; color: #fff;}
@media screen and (max-width: 1100px){
    .footer-conts-area { padding: 16px 0 40px; } 
    .footer-top { padding: 0 0 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); box-sizing: border-box; } 
    .footer-logo { width: 154px; } 
	.footer-logo:lang(en) { width: 170px; } 
    .footer-sns li a { width: 36px; height: 36px; } 
    .footer-bottom { margin: 20px 0 0; font-size: 0.750rem; } 
    .footer-address ul li { display: block; padding: 0; } 
    .footer-address ul li::after { display: none; } 
    .footer-address ul li + li { padding: 0; } 
    .footer-address ul li:last-child { margin: 0; } 
    .copyright-wrap { margin: 18px 0 0; } 
    /* family-partners */
    .footer-partner-area .inner {display: flex; justify-content: space-between; align-items: center;}
    .footer-partner-tit {display: block;font-size: 14px; color: #fff;}
    .footer-partner-area .custom-select-box {display: block; position: relative; min-width: 230px; height: 34px; cursor: pointer; z-index: 2;}
    .footer-partner-area .custom-select-box .init { display: flex; align-items: center; padding: 10px 36px 10px 14px; border-color: rgba(255, 255, 255, 0.2); border-radius:4px;}
    .footer-partner-area .custom-select-box .init a {font-size: 14px; color: #fff;}
    .footer-partner-area .custom-select-box ul { display: block; overflow: hidden; overflow-y: auto; width: auto; max-height: 200px;}
    .footer-partner-area .custom-select-box.open ul {background-color: #213555;}
    .footer-partner-area .custom-select-box ul li { display: none; padding: 0;}
    .footer-partner-area .custom-select-box ul li:hover {opacity: 1; } 
    .footer-partner-area .custom-select-box ul li::before {display: none;}
    .footer-partner-area .custom-select-box ul li a {padding: 8px 14px; transition: background-image 200ms;}
    .footer-partner-area .custom-select-box ul li a:hover, .footer-partner-area .custom-select-box ul li a:focus, .footer-partner-area .custom-select-box ul li a:focus-visible { background-color: #2955CC; } 
    .footer-partner-area .custom-select-box ul::-webkit-scrollbar { width: 4px; height: 4px; } 
    .footer-partner-area .custom-select-box ul::-webkit-scrollbar-thumb { height: 30%; background: #999; border-radius: 10px;} 
    .footer-partner-area .custom-select-box ul::-webkit-scrollbar-track { background: #f2f2f2; } 
}
@media screen and (max-width: 320px){
    .footer-logo { width: 140px; min-width: 120px; } 
    .footer-sns li a { width: 32px; height: 32px; } 
}

/*========== SEARCH ==========*/
#search {position: fixed;top: 0;left: 0;display: block;opacity: 0;width: 100%;height: 100vh;visibility: hidden;overflow: hidden;z-index: 99;transition: 0s; transition-delay: 0.35s; } 
#search.on {visibility: visible; opacity: 1; transition: 0s; }
.search-box .search-wrap { position: absolute;top: calc(70px - 100%);left: 0;width: 100%;padding-top: 100px;background-image: url('../images/common/search-bg.jpg');background-position: top;background-size: cover;background-repeat: no-repeat;transition: 450ms ease;z-index: 104; } 
.search-box.on .search-wrap {top: 0px;} 
.scroll .search-box.on .search-wrap {padding-top: 80px;} 
.search-box .inner {position: relative;max-width: 775px; } 
.search-wrap.search-main .inner:not(.keyword-box) {padding-bottom: 12.50em;} 
.search-wrap.search-main .inner.keyword-box {padding-top: 40px;} 
.search-box .tit {margin-bottom: 0.77em;font-size: 1.63rem;font-weight: 600; font-variation-settings: 'wght' 600;color: #111; word-break: keep-all; } 
.search-box .tit span {color: #627AD0; } 
.search-box .tit span em {font-size: 1.533em;font-weight: 600; font-variation-settings: 'wght' 600; } 
.search-box .search-input-wrap .search-header-input { height: auto; border-radius: 10px; border: 2px solid rgba(50, 106, 255, 0.5); padding: 1.14em 4.55em 1.14em 1.36em; font-weight: 600; font-variation-settings: 'wght' 600;font-size: 1.38rem; color: #333;}
.search-input-wrap .search-header-input::placeholder {font-size: inherit; font-weight: inherit; color: #999; } 
.search-box .search-input-wrap .search-header-input:focus {border-color: #ccc;}
.search-input-wrap .input-search-btn {display: block;position: absolute; top: 50%;right: 30px;transform: translate(0, -50%); width: 2.50em;height: 2.50em; text-indent: -9999px; } 
.search-input-wrap .input-search-btn span {display: block; width: 100%;height: 100%; background-image: url('../images/common/icon-search-black.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } 
.search-input-wrap .input-delete-btn {display: none;top: 18%;right: 55px;width: 20px; height: 20px; border-radius: 50%; text-indent: -9999px;background-color: #ccc; } 
.search-input-wrap .input-delete-btn span {display: block; width: 100%;height: 100%;background-image: url('../images/common/icon-search-del.svg');background-position: center; background-size: contain; background-repeat: no-repeat; } 
.search-input-wrap .input-delete-btn.active {display: block; } 
.search-box .recommend-keyword-box {display: flex;align-items: flex-start;padding-top: 28px; } 
.search-box .recommend-keyword-box p { width: 5.800em; padding: 6px 0;font-size: 20px;font-weight: 600; font-variation-settings: 'wght' 600; line-height: 1; color: #333; } 
.search-box .recommend-keyword-box .keyword-wrap { position: relative; z-index: 1; width: calc(100% - 8.500em);display: flex;flex-flow: row wrap;align-items: center;gap: 10px; } 
.search-box .recommend-keyword-box .keyword-wrap li {padding: 0.5em 1.125em; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 50px; font-size: 1rem; font-weight: 500; font-variation-settings: 'wght' 500; line-height: 1; color: #666666;cursor: pointer;transition: 300ms; } 
.search-box .recommend-keyword-box.point {display: none;}
.search-box .recommend-keyword-box.point .keyword-wrap li { border-color: #C6CFED; background-color: #F4F7FF;}
.bg-dim {position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);opacity: 0;transition: 300ms ease-in-out;}
.on .bg-dim {opacity: 1;transition: 300ms ease;}
.input-box-wrap.basic-search-wrap .input-box input {padding: 0.44em 2.75em 0.44em 1.25em;border: 1px solid #ccc;border-radius: 28px;font-size: 1.125rem;}
.input-box-wrap.basic-search-wrap .search-input-wrap .input-search-btn {right: 15px;width: 1.88em;height: 1.88em;font-size: 1rem;}
@media (hover: hover) {
    .search-box .recommend-keyword-box .keyword-wrap li:hover {opacity: 0.7; } 
}
@media screen and (max-width: 1480px){
    .search-box .inner {margin: 0 auto; } 
}
@media screen and (max-width: 1100px){
    .search-box .tit {font-size: clamp(1.250rem, 2.364vw, 1.63rem);}
    .search-box .search-input-wrap .search-header-input {font-size: clamp(1rem, 2vw, 1.38rem);}
    .search-input-wrap .input-search-btn {font-size: 1.455vw;}
    .search-box .search-wrap {background-image: url('../images/common/search-bg-tb.jpg');}
    .search-box .recommend-keyword-box.point {display: flex;}

    .input-box-wrap.basic-search-wrap .input-box input {height: 42px; padding: 0.44em 2.85em 0.44em 1em; font-size: clamp(0.875rem, 1.636vw, 1.125rem); } 
    .input-box-wrap.basic-search-wrap .search-input-wrap .input-search-btn {right: 12px;width: 1.63em;height: 1.63em;}
}
@media screen and (max-width: 820px){
    .search-box .inner {margin: 0 20px; } 
    .search-input-wrap .input-search-btn { right: 10px; width: 30px; height: 30px; font-size: 1rem;background-size: contain; }
}
@media screen and (max-width: 768px){
    .scroll .search-box.on .search-wrap {padding-top: 60px;}
    .search-wrap.search-main .inner:not(.keyword-box) {padding: 1.88em 0 4em;}
    .search-wrap.search-main .inner.keyword-box { flex-direction: column; margin: 0; padding-top: 30px;}
    .search-box .search-wrap { min-height: 400px; padding-top: 60px; background-image: url('../images/common/search-bg-mo.jpg'); }
    .search-box .search-input-wrap .search-header-input { padding: 1em 3.75em 1em 1em; border-width: 1px; }
    .search-box .recommend-keyword-box p {padding: 0;margin: 0 0 10px; font-size: 18px;}
    .search-box .recommend-keyword-box .keyword-wrap {width: 100%;}
    .search-box .recommend-keyword-box .keyword-wrap li {font-size: 14px;}
}


/*========== 영문 ==========*/
/* gnb */
#header:lang(en) .header-logo img { aspect-ratio: 300 / 29;}
#header.top:not(.bk):lang(en) .header-inner {background-color: #fff; box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03);}
#header.on:lang(en) .header-inner {box-shadow: none !important;}
#header.search:lang(en) .header-inner {background-color: transparent !important;}
#header.on:lang(en) .nav-bg {height: 375px;}
#header:lang(en) .header-logo img.en.logo-blue {display: none;}
#header:lang(en) .header-logo img.en.logo-white {display: block;}
#header.top:lang(en) .header-logo img.en.logo-white {display: none;}
#header.top:lang(en) .header-logo img.en.logo-blue {display: block; opacity: 1; visibility: visible;}
#header.top.bk:lang(en) .header-logo img.en.logo-blue {display: none; opacity: 0; visibility: hidden;}
#header.top.bk:lang(en) .header-logo img.en.logo-white {display: block; opacity: 1; visibility: visible;}
#header.on:lang(en) .header-logo img.en.logo-blue {display: block; opacity: 1; visibility: visible;}
#header.on:lang(en) .header-logo img.en.logo-white {display: none; opacity: 0; visibility: hidden;}
main.sub #header:lang(en) .header-logo img.en.logo-blue {display: block; opacity: 1; visibility: visible;}
main.sub #header:lang(en) .header-logo img.en.logo-white {display: none; opacity: 0; visibility: hidden;}
#header.search:lang(en) .header-logo img.en.logo-blue {display: block !important; opacity: 1 !important; visibility: visible !important;}
#header.search:lang(en) .header-logo img.en.logo-white {display: none !important; opacity: 0 !important; visibility: hidden !important;}
#header.on:lang(en) .header-logo img.en.logo-blue {display: block !important; opacity: 1 !important; visibility: visible !important;}
#header.on:lang(en) .header-logo img.en.logo-white {display: none !important; opacity: 0 !important; visibility: hidden !important;}
@media screen and (max-width: 1320px) { 
    #header.top:lang(en) .header-logo img.en.logo-blue {display: block; opacity: 1; visibility: visible;}
    #header.top:lang(en) .header-logo img.en.logo-white {display: none; opacity: 0; visibility: hidden;}
    .scroll #header.top:lang(en) .header-logo img.en.logo-blue {display: block; opacity: 1; visibility: visible;}
    .scroll #header.top:lang(en) .header-logo img.en.logo-white {display: none; opacity: 0; visibility: hidden;}
}
@media screen and (max-width: 1100px) { 
    #header.top:not(.bk):lang(en) .header-inner {background-color: transparent; box-shadow: none;}
    .scroll #header.top:not(.bk):lang(en) .header-inner {background-color: #fff; box-shadow: 0 10px 10px -4px rgba(0, 0, 0, 0.03);}
    #header.top:lang(en) .header-logo img.en.logo-blue {display: none; opacity: 0; visibility: hidden;}
    #header.top:lang(en) .header-logo img.en.logo-white {display: block; opacity: 1; visibility: visible;}
    #header.top:not(.bk):lang(en) .all-menu-btn:not(.on) .all-menu-line {background-color: #fff !important;}
    .scroll #header.top:not(.bk):lang(en) .all-menu-btn:not(.on) .all-menu-line {background-color: #111 !important;}
}