@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; background:transparent; font-family:"Pretendard Variable", Pretendard, sans-serif; letter-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1 !important; word-break:break-word}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-underline-position:under}
p {outline:none}
img {border:0}
button {background:inherit; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input[type=number] {-moz-appearance:textfield}


/* common */
.show768 {display:none}
.auto {margin:0 auto}
.margin0 {margin:0 !important}
.mt5 {margin-top:0.2604vw !important}
.mt10 {margin-top:0.5208vw !important}
.mt15 {margin-top:0.7813vw !important}
.mt20 {margin-top:1.0417vw !important}
.mt30 {margin-top:1.5625vw !important}
.mt50 {margin-top:2.6042vw !important}
.mt90 {margin-top:4.6875vw !important}
.mt100 {margin-top:5.2083vw !important}
.tableScroll {position:relative}
.ToolTip {display:none; opacity:0}
.imgZoomWrap {position:relative}
.imgZoom {background:#3f51b5e8; color:#fff; border-radius:100%; align-items:center; justify-content:center; width:1.3542vw; height:1.3542vw; font-size:0.7292vw; position:absolute; top:100%; right:0; display:none}
.flex {display:flex}
.align-items-start {align-items:flex-start}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end {justify-content:flex-end}
.flex-shrink0 {flex-shrink:0}
.flex-wrap-wrap {flex-wrap:wrap}
.gap5 {gap:0.2604vw}
.gap10 {gap:0.5208vw}
.gap20 {gap:1.0417vw}
.gap30 {gap:1.5625vw}
.gap40 {gap:2.0833vw}
.gap50 {gap:2.6042vw}
.gap60 {gap:3.125vw}
.gap70 {gap:3.6458vw}
.colorBlue {color:blue}
.textOver {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0}


/* header */
.headerTop {background:#00AFCA}
.headerTop > .inner {max-width:95.8333vw; margin:0 auto; display:flex; align-items:center; justify-content:space-between}
.headerTop-left {display:flex}
.headerTop-left > a {display:flex; align-items:center; padding:0 1.3021vw; height:1.875vw; font-size:0.7292vw; box-sizing:border-box}
.headerTop-left > a:nth-child(1) {background:#fff; color:#333; font-weight:300}
.headerTop-left > a:nth-child(2) {background:#FFC800; color:#333; font-weight:300}
.headerTop-right {display:flex}
.lanBtnWrap {position:relative; display:flex; align-items:center}
.lanBtn {font-size:0.7292vw; font-weight:300; color:#fff; margin-right:1.0417vw}
.lanBtn .fa-earth-asia {margin-right:0.2604vw}
.lanBtn .fa-caret-down {margin-left:0.5208vw}
.lanBtn.active .fa-caret-down:before {content:"\f0d8"}
.lanList {display:none; position:absolute; top:100%; z-index:9999991; width:max-content; padding:0.2604vw 0; background:#F5F2FB; box-sizing:border-box}
.lanList > a {display:flex; align-items:center; font-size:0.7292vw; font-weight:300; padding:0 0.9375vw; height:1.3021vw; position:relative; overflow:hidden; z-index:1}
.lanList > a::before {content:''; position:absolute; top:0; left:0; height:100%; width:0; background:#D9CCF0; z-index:-1; transition:width 0.4s ease}
.lanList > a:hover::before {width:100%}
.lanList > a img {height:0.7292vw; margin-right:0.2083vw}
.searchBtn {display:flex; align-items:center; justify-content:center; width:1.875vw; height:1.875vw; font-size:0.9375vw; background:#003153; color:#fff}
header {background:none; position:relative; z-index:999999; background:#fff}
header.fixed {position:fixed; z-index:999999; top:0; left:0; width:100%; box-shadow:0 0 0.2604vw #ddd}
header > .inner {max-width:95.8333vwvw; padding:0 0.7812vw; box-sizing:border-box; height:5.2083vw; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative}
.headerLogo > a > img {height:2.2917vw}
.gnb {display:flex; gap:1.3021vw}
.gnb > li {position:relative}
.gnb > li > a {display:block; padding:0.5208vw 0.7812vw; font-size:0.9375vw; font-weight:700; color:#333}
.gnb > li:hover > a, .gnb > li.active > a {color:#00AFCA; text-decoration:none}
.gnb > li > ul {width:100%; padding:0.2604vw 0; list-style:none; position:absolute; top:100%; left:0; z-index:1000; float:right; min-width:max-content; background:#00AFCA; display:none}
.gnb > li > ul > li > a {color:#fff; display:block; padding:0.2604vw 0.7813vw; font-size:0.8333vw; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0}

.hamburgerMenu {display:none; cursor:pointer; box-sizing:border-box}
.hamburgerMenu span {display:block; width:1.2500vw; height:0.1042vw; background-color:#333; margin:0.2604vw 0; transition:0.4s}
.hamburgerMenu .bar2 {width:0.8333vw}
/*.hamburgerMenu.active span {background:#FFC800}*/
.hamburgerMenu.active .bar1 {transform:rotate(-45deg) translate(-0.2604, 0.2604)}
.hamburgerMenu.active .bar2 {opacity:0}
.hamburgerMenu.active .bar3 {transform:rotate(45deg) translate(-0.2604, -0.2604)}
.hamburgerGnbWrap {display:none; position:absolute; top:100%; right:0; background:#c8eff5; width:15.6250vw; height:100vh; overflow-y:auto; z-index:99}
.hamburgerGnbWrap.active {display:block}
.maskBg {display:none; width:100%; height:100vh; background:rgba(0,0,0,0.7); position:absolute; top:100%; left:0}
.maskBg.active {display:block}
.hamburgerGnb {padding:2.0833vw 0}
.hamburgerGnb > li {position:relative}
.hamburgerGnb > li > a {display:flex; align-items:center; justify-content:space-between; width:100%; height:2.6042vw; padding:0 1.3021vw; box-sizing:border-box; font-size:0.8333vw}
.hamburgerGnb > li > a.active .hgArr:before {content:"\f106"}
.hamburgerGnb > li > ul {display:none; padding:0.5208vw 1.3021vw; background:#fff; box-sizing:border-box}
.hamburgerGnb > li > ul.active {display:block}
.hamburgerGnb > li > ul > li > a {display:flex; align-items:center; height:2.6042vw; font-size:1.1458vw}
.hamburgerGnb > li > ul > li > a .mNavTit {position:relative}
.hamburgerGnb > li > ul > li > a .mNavTit::after {content:''; position:absolute; left:0; bottom:-0.2083vw; width:0; height:0.1042vw; background-color:#00AFCA; transition:width 0.2s ease-in-out}
.hamburgerGnb > li > ul > li > a .mNavTit:hover::after {width:100%}

/* mainVisualWrap */
.mainVisualWrap {width:100%; height:auto; position:relative; overflow:hidden}
.mainVisual {position:relative}
.mainVisual.mv01 {background:url('../images/mainVisual01.png') center right no-repeat; background-size:cover}
.mainVisual.mv02 {background:url('../images/mainVisual02_n2.png') center center no-repeat; background-size:cover}
.mainVisual.mv03 {background:url('../images/mainVisual01.png') center right no-repeat; background-size:cover}
.mainVisual.mv04 {background:url('../images/mainVisual04.png') center right no-repeat; background-size:cover}
.mvTxtWrap {width:100%; position:absolute; top:5.2083vw; left:7.8125vw}
.mvH2 {font-size:2.6042vw; font-weight:700; color:#00AFCA}
.mvH2a {position:relative; height:2.6042vw; font-size:0}
.mvH2a:before {content:'Woosong University Kazakhstan'; color:#fff; text-shadow:0 0 0.0521vw #000; position:absolute; top:-1.0417vw; left:-1.0417vw; z-index:1; font-size:2.6042vw; font-weight:700; opacity:0.5}
.mvH2a:after {content:'Woosong University Kazakhstan'; color:#00AFCA; position:absolute; top:0; left:0; z-index:9; font-size:2.6042vw; font-weight:700}
.mvH2b {position:relative; height:2.6042vw; margin-top:0.7813vw; font-size:0}
.mvH2b:before {content:'Central Asia’s Hub for Innovative IT Education'; color:#fff; text-shadow:0 0 0.0521vw #000; position:absolute; top:-1.0417vw; left:-1.0417vw; z-index:1; font-size:2.6042vw; font-weight:700; opacity:0.5}
.mvH2b:after {content:'Central Asia’s Hub for Innovative IT Education'; color:#00AFCA; position:absolute; top:0; left:0; z-index:9; font-size:2.6042vw; font-weight:700}
.mvH3 {font-family:"Times New Roman", Times, serif; font-size:2.0833vw; font-weight:900; font-style:italic; color:#003153; margin-top:3.1250vw}
.mvP {font-size:0.9375vw; font-weight:300; color:#333; line-height:1.25vw; margin-top:0.7813vw}
.mvList {position:absolute; width:100%; bottom:2.6042vw; z-index:9}
.mvList > .inner {max-width:68.2292vw; padding:0 0.7813vw; margin:0 auto; display:flex; gap:1.4063vw}
.mvList > .inner > a {display:block; width:100%; border-top:0.1042vw solid #fff; font-size:0.9375vw; font-weight:500; padding-top:1.0417vw; color:#fff; letter-spacing:-0.0234vw}
.mvList > .inner > a.active {color:#FFC800; border-color:#FFC800; font-weight:500}

.mainVisual.mv02 .mvTxtWrap {display:flex; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%}
.mainVisual.mv02 .mvTxtWrap > div {margin-top:-2.6042vw}
.mainVisual.mv02 .mvH2 {font-size:3.3333vw; font-weight:700; color:#fff; text-align:center; text-shadow:0 0.1563vw 0.5208vw rgba(0,0,0,0.15)}
.mainVisual.mv02 .mvH3 {font-size:1.8229vw; font-weight:400; color:#fff; text-align:center; text-shadow:0 0.1563vw 0.5208vw rgba(0,0,0,0.15); margin-top:2.6042vw}


/* mainConA */
.mainConA {background:url('../images/mainConA-bg.png') center right #00AFCA0D no-repeat; padding:4.1667vw 0; height:30.2083vw}
.mainConA > .inner {max-width:68.2292vw; padding:0 0.7813vw; margin:0 auto}
.mainConA h3 {font-family:"Times New Roman", Times, serif; font-size:3.125vw; font-weight:900; font-style:italic; color:#003153; margin-top:4.1667vw}
.mainConAList {display:flex; gap:1.5625vw; margin-top:5.2083vw}
.mainConAList > div {padding:2.0833vw  1.5625vw 1.5625vw 1.5625vw; border-radius:1.3021vw; text-align:center; width:100%}
.mainConAList > div > h4 {font-family:"Times New Roman", Times, serif; font-size:1.9792vw; font-weight:700}
.mainConAList > div:nth-child(1) {background:#FFC800}
.mainConAList > div:nth-child(1) > h4 {color:#000}
.mainConAList > div:nth-child(2) {background:#00AFCA}
.mainConAList > div:nth-child(2) > h4 {color:#fff}
.mainConA-btn {display:flex; gap:1.0417vw; margin-top:1.5625vw}
.mainConA-btn > a {width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:1.9792vw 0.5208vw; box-sizing:border-box; border-radius:1.3021vw; background:#fff; color:#003153; font-size:1.25vw; font-weight:500; line-height:130%; transition:.3s}
.mainConA-btn > a:hover {background:#003153; color:#fff}

/* mainConB */
.mainConB {padding:10vw 0 0 0}
.mainConB > .inner {display:flex; justify-content:space-between; max-width:84.8958vw; padding:0 0.7813vw; margin:0 auto}
.mainConB-txt {margin-top:3.6458vw}
.mainConB-txt > h3 {font-family:"Times New Roman", Times, serif; font-size:3.125vw; font-weight:900; font-style:italic; color:#003153; margin-bottom:2.6042vw}
.mainConB-txt > p {font-size:1.3542vw; font-weight:400; color:#003153; margin:0}
.mainConB-list {display:flex; gap:2.6042vw}
.mainConB-list > a {display:block; max-width:19.7917vw; border-radius:1.3021vw; overflow:hidden; background:#003153}
.mainConB-list > a > div {padding:2.0833vw 0.5208vw; text-align:center}
.mainConB-list > a > div > h4 {font-family:"Times New Roman", Times, serif; font-size:1.6667vw; font-weight:900; color:#fff; margin-bottom:0.5208vw}
.mainConB-list > a > div > p {font-size:0.9375vw; font-weight:300; color:#fff; opacity:0.7; margin:0; line-height:130%}
.mainConB-list > a:nth-child(1):hover {background:#FFC800}
.mainConB-list > a:nth-child(1):hover > div > h4, .mainConB-list > a:nth-child(1):hover > div > p {color:#000}
.mainConB-list > a:nth-child(2):hover {background:#00AFCA}

/* snsWrap */
.snsWrap {margin:4.1667vw 0}
.snsWrap > .inner {max-width:68.2292vw; padding:0 0.7812vw; box-sizing:border-box; margin:0 auto; text-align:center; display:flex; align-items:center; justify-content:center; gap:1.0417vw}
.snsWrap > .inner > a {display:flex; align-items:center; justify-content:center; width:3.3854vw; height:3.3854vw; border-radius:0.2604vw; background:#00AFCA; color:#fff; font-size:1.5625vw; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255, 200, 0,1) 50%); background-position:0 0; background-size:200% auto}
.snsWrap > .inner > a:hover {color:#000; background-position:-100% 0}

/* footSitemap */
.footSitemap {background:#eee; padding:2.6042vw 0 2.6042vw 0}
.footSitemap > .inner {max-width:68.2292vw; padding:0 0.7812vw;  box-sizing:border-box; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between}
.footSitemap > .inner > div {width:auto}
.footSitemap > .inner > div > h3 {font-size:1.0938vw; font-weight:900; color:#333}
.footSitemap > .inner > div > ul {margin:0.7812vw 0 0 0}
.footSitemap > .inner > div > ul > li {font-size:0.9375vw; font-weight:300; color:#333; margin-bottom:0.5208vw}
.footSitemap > .inner > div > ul > li a {background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0, 175, 202,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.footSitemap > .inner > div > ul > li a:hover {color:#fff; background-position:-100% 0}

/* footer */
footer {padding:2.0833vw 0 3.125vw 0}
footer.subFooter {border-top:0.0521vw solid #eee}
footer > .inner {max-width:64.0625vw; padding:0 0.7812vw; box-sizing:border-box; margin:0 auto; display:flex}
.footerLogo {margin-right:6.5104vw}
.footerLogo > a > img {height:1.9792vw}
.footerRight address {font-size:0.8333vw; font-weight:300; color:#333; line-height:1.3542vw}
.footerRight address span {padding:0 1.0417vw}
.footerRight .copy {font-size:0.8333vw; font-weight:300; color:#333; margin-top:0.7812vw}
.footerRight .copy span {padding:0 1.0417vw}
.privacyTxt {font-size:0.8333vw; font-weight:600; color:#00AFCA}
footer.subFooter {border-top:0.0521vw solid #ccc}
footer.subFooter > .inner {flex-wrap:wrap; justify-content:center}
footer.subFooter .footerLogo {margin:0; width:100%}
footer.subFooter .footerLogo > a > img {margin:0 auto}
footer.subFooter .footerRight {text-align:center; margin-top:1.5625vw}

.skyBtn {position:fixed; bottom:0.5208vw; right:0.5208vw; z-index:9}
.footerApplyBtn {display:flex; align-items:center; justify-content:center; width:4.1667vw; height:3.1250vw; font-size:0.7292vw; font-weight:300; color:#000; line-height:120%; text-align:center; background:#FFC800; transition:.3s}
.footerApplyBtn:hover {background:#003153; color:#fff}
.footerApplyBtn2 {display:flex; align-items:center; justify-content:center; width:4.1667vw; height:3.1250vw; font-size:0.7292vw; font-weight:300; color:#fff; line-height:120%; text-align:center; background:#00AFCA; transition:.3s}
.footerApplyBtn2:hover {background:#003153; color:#fff}
.footerTopBtn {display:flex; align-items:center; justify-content:center; width:4.1667vw; height:3.1250vw; font-size:1.1458vw; color:#fff; background:#333; transition:.3s}
.footerTopBtn:hover {background:#000; color:#fff}
.footerFaqBtn {display:flex; align-items:center; justify-content:center; width:4.1667vw; height:3.1250vw; font-size:0.7292vw; font-weight:300; color:#fff; line-height:120%; text-align:center; background:#003153; transition:.3s}
.footerFaqBtn:hover {background:#000; color:#fff}

/* searchWrap */
.searchWrap {position:fixed; top:1.8750vw; left:0; width:100%; z-index:9999999; display:none}
.searchWrap form {max-width:78.1250vw; margin:0 auto; background:#781ac7; padding:1.0417vw 1.5625vw}
.searchBox {width:100%; position:relative; display:flex}
.searchTerm {width:100%; border:none; padding:0.7813vw 1.0417vw; height:3.1250vw; outline:none; color:#333; font-size:0.9375vw}
.searchTerm::placeholder {color:#CFCFCF; font-size:0.9375vw}
.searchButton {width:auto; height:auto; background:#fff; text-align:center; color:#192845; cursor:pointer; font-size:1.1458vw; padding:0 1.0417vw}

/* subTopCate */
.subTopCate {border-top:0.0521vw solid #ddd; border-bottom:0.0521vw solid #ddd; background:#f8f8f8}
.subTopCate .inner {max-width:64.0625vw; padding:1.3021vw 0.7813vw; box-sizing:border-box; margin:0 auto; display:flex; align-items:center; justify-content:center}
.subTopCateDepth {display:flex; align-items:center; flex-wrap:wrap; flex-shrink:0}
.subTopCateDepth > li {font-size:0.9375vw; font-weight:300; color:#333}
.subTopCateDepth > li.subTopCateDepth1:after {font-family:"Font Awesome 6 Pro"; content:"\f324"; font-size:0.8333vw; font-weight:300; margin:0 0.5208vw}
.subTopNav {display:flex; align-items:center; flex-wrap:wrap}
.subTopNav > li a {display:flex; align-items:center; font-size:0.9375vw; font-weight:300; color:#333}
.subTopNav > li a:after {content:''; display:inline-block; width:0.1042vw; height:0.8333vw; background:#ccc; margin:0 1.0417vw}
.subTopNav > li a:hover {color:#00afca}
.subTopNav > li.active a {color:#00afca; font-size:1.0417vw}
.subTopNav > li:last-child a:after {display:none; margin:0}

/* con */
.con1200 {max-width:64.0625vw; padding:5.2083vw 0.7813vw 9.3750vw 0.7813vw; box-sizing:border-box; margin:0 auto}
.h2Tit {font-size:2.5000vw; font-weight:700; color:#333}
.h3Tit {display:flex; align-items:center; font-size:1.4583vw; font-weight:700; color:#333}
.h3Tit:before {content:''; display:block; width:0.2604vw; height:2.0833vw; background:#333; margin-right:0.7813vw; flex-shrink:0}
.h3Tit2 {font-size:1.4583vw; font-weight:700; color:#333}
.h3Tit3 {font-size:1.4583vw; font-weight:700; color:#333; background:#CCEFF5; text-align:center; padding:1.0417vw}
.h4Tit {font-size:1.1458vw; font-weight:700; color:#333}
.h4Tit sup {font-size:0.9375vw}
.h5Tit {font-size:1.0417vw}
.pTxt1 {margin:0; font-size:0.8333vw; font-weight:300; color:#333; line-height:1.2500vw}
.nList {margin-left:1.0417vw}
.nList > li {list-style:decimal; font-size:0.8333vw; font-weight:300; color:#333; line-height:1.1458vw; margin-bottom:0.2604vw}
.nList > li:last-child {margin-bottom:0}

.aList {margin-left:1.0417vw}
.aList > li {list-style:lower-alpha;; font-size:0.8333vw; font-weight:300; color:#333; line-height:1.1458vw; margin-bottom:0.2604vw}
.aList > li:last-child {margin-bottom:0}

.dList > li {font-size:0.8333vw; font-weight:300; line-height:1.1458vw; color:#333; display:flex; margin-bottom:0.3646vw}
.dList > li:before {content:'•'; margin-right:0.2604vw}
.bList > li {font-size:0.8333vw; font-weight:300; line-height:1.1458vw; color:#333; display:flex; margin-bottom:0.3646vw}
.bList > li:before {content:''; display:inline-block; width:0.3646vw; height:0.0521vw; background:#333; margin-top:0.4167vw; margin-right:0.2604vw}
.dList > li .bList {margin-left:0.1563vw}
.visionWrap {display:flex}
.boxStyle1 {width:100%; border:0.0521vw  solid #ccc; box-sizing:border-box; padding:1.8229vw}
.visionWrap .boxStyle1:nth-child(1) {background:#FFC800; border:none; color:#000}
.visionWrap .boxStyle1:nth-child(1) .h3Tit2 {color:#000}
.visionWrap .boxStyle1:nth-child(1) .pTxt1 {color:#000}
.visionWrap .boxStyle1:nth-child(2) {background:#00AFCA; border:none; color:#fff}
.visionWrap .boxStyle1:nth-child(2) .h3Tit2 {color:#fff}
.visionWrap .boxStyle1:nth-child(2) .pTxt1 {color:#fff}
.boxStyle2 {background:#eee; padding:1.0417vw; box-sizing:border-box; border-radius:0.4167vw}
.visionWrap .boxStyle1:last-child {margin-left:-0.0521vw}


/* momentsList */
.momentsList {margin-top:2.0833vw}
.momentsList .swiper-slide {height:23.4375vw; background:#000; position:relative; text-align:left; overflow:hidden}
.momentsList .swiper-slide > a {display:block; width:100%; height:100%; position:relative}
.momentsList .swiper-slide > a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/imgMomentFilter.png') no-repeat; background-size:cover; z-index:1}
.momentsList .swiper-slide img {width:100%; height:100%; opacity:0.7; transition:.3s}
.momentsList .swiper-slide:hover img {-webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1)}
.momentsCate {font-size:0.9375vw; font-weight:200; color:#fff; position:absolute; top:1.5625vw; left:0; padding:0 1.5625vw; box-sizing:border-box; z-index:9; width:100%}
.momentsTit {font-size:1.0417vw; font-weight:700; color:#fff; position:absolute; bottom:1.5625vw; left:0; padding:0 1.5625vw; box-sizing:border-box; z-index:9; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.momentsList-prev, .momentsList-next {font-size:2.6042vw; color:#333; opacity:0.5; position:absolute; top:calc(50% - 1.0417vw); transition:.3s; z-index:9} 
.momentsList-prev:hover, .momentsList-next:hover {opacity:1} 
.momentsList-prev {left:-2.0833vw} 
.momentsList-next {right:-2.0833vw} 


/* timeline */
.timeline_year {background:#122984; color:#fff; font-size:1.6667vw; text-align:center; margin:0; cursor:pointer; padding:0.6250vw 0}
.timeline_year.year2024 {background:#003153}
.timeline_year.year2023 {background:#005F8F}
.timeline_year.year2022 {background:#0087B5}
.timeline_year.year2021 {background:#00AFCA}
.timeline_year.year2020 {background:#55C88A}
.timeline_year.year2015-2019 {background:#B3CE00}
.timeline_year.year2010-2014 {background:#E5CA00}
.timeline_year.year1954-2009 {background:#FFC800}
.timeline {position:relative}
.timeline:before {content:''; position:absolute; top:0; bottom:0; left:1.0417vw; width:0.1042vw; transform:translateX(-50%); background:#cdcdce; box-sizing:border-box}
.timeline_entry {position:relative; z-index:2}
.timeline_entry .columns {position:relative; transition:all .5s ease-in; vertical-align:top; margin:1.0417vw 0}
.timeline_entry .columns:before {content:''; position:absolute; top:0; left:1.0417vw; width:1.0417vw; height:1.0417vw; margin:0; margin-left:-0.5208vw; background:#383b3c; border-radius:50%; border:0.2083vw solid white; box-shadow:0 0.5208vw 0.5208vw -0.2604vw rgba(56,59,60,0.375); box-sizing:border-box}
.timeline_entry .columns .column {display:flex; width:100%; padding:0 2.0833vw; vertical-align:top}
.timeline_entry .columns .column:first-child {text-align:right}
.timeline_entry .columns .column:last-child {text-align:left}
.timeline_entry .columns .column h4 {margin:0; width:2.6042vw; flex-shrink:0; line-height:1.0417vw}
.timeline_entry .columns .column p {line-height:1.0417vw}
.timeline_entry .columns .column img {max-width:15.6250vw; float:right}
.timeline_entry .columns .column .btn {margin-top:0.5208vw}
.dlHorizontal {font-size:0.7813vw}
.dlHorizontal > dt {float:left; width:3.6458vw; text-align:right}
.dlHorizontal > dd {margin-left:4.4271vw}


/* tab */
.tabStyle {display:flex; border-bottom:0.0521vw  solid #00afca; margin-left:0.0521vw}
.tabStyle > a {display:inline-flex; align-items:center; justify-content:center; width:100%; height:2.9167vw; padding:0 0.5208vw; box-sizing:border-box; font-size:0.8333vw; font-weight:500; background:#f8f8f8; border:0.0521vw solid #ddd; border-bottom:none; transition:.3s; position:relative; margin-left:-0.0521vw; text-align:center}
.tabStyle > a.active {color:#00afca; border-color:#00afca; border-bottom:none; background:#fff; position:relative; z-index:9}
.tabStyle > a.active:before {content:''; display:block; width:100%; height:0.1042vw; position:absolute; top:0; background:#00afca}
.tabStyle > a.active:after {content:''; display:block; width:100%; height:0.1563vw; position:absolute; top:100%; background:#fff}

.subTabStyle {display:flex; flex-wrap:wrap; border-bottom:0.0521vw solid #00afca; margin-left:0.0521vw}
.subTabStyle > li {display:inline-flex; align-items:center; justify-content:center; width:auto; margin-left:-0.0521vw}
.subTabStyle > li > a {display:inline-flex; align-items:center; justify-content:center; width:100%; height:2.6042vw; padding:0 0.6250vw; box-sizing:border-box; font-size:0.7813vw; font-weight:500; background:#f8f8f8; transition:.3s; border:0.0521vw solid #ddd; border-bottom:none; position:relative}
.subTabStyle > li.active > a {color:#00afca; border-color:#00afca; border-bottom:none; background:#fff; z-index:9; position:relative}
.subTabStyle > li.active > a:before {content:''; display:block; width:100%; height:0.1042vw; position:absolute; top:0; background:#00afca}
.subTabStyle > li.active > a:after {content:''; display:block; width:100%; height:0.1563vw; position:absolute; top:100%; background:#fff}

.subTabStyle2 {display:flex; flex-wrap:wrap; border-bottom:0.0521vw solid #00afca; margin-left:0.0521vw}
.subTabStyle2 > li {display:inline-flex; align-items:center; justify-content:center; width:auto; margin-left:-0.0521vw}
.subTabStyle2 > li > a {display:inline-flex; align-items:center; justify-content:center; width:100%; height:2.6042vw; padding:0 0.6250vw; box-sizing:border-box; font-size:0.7813vw; font-weight:500; background:#f8f8f8; transition:.3s; border:0.0521vw solid #ddd; border-bottom:none; position:relative}
.subTabStyle2 > li.active > a {color:#fff; border-color:#00afca; border-bottom:none; background:#00afca; z-index:9; position:relative}

.con0202a {position:relative}
.con0202a-left {max-width:49.4792vw}
.con0202a-right {max-width:36.4583vw; background:#F9F2FF; padding:2.0833vw; position:absolute; top:calc(50% - 4.6875vw); right:0}

.con0202b {display:flex; gap:2.0833vw}

.selectBoxStyle {position:relative; display:inline-block; width:100%}
.selectBoxStyle.show768 {display:none}
.selectBoxStyle:focus-visible, .selectBoxStyle:focus {outline:none !important}
.selectLabel {display:flex; align-items:center; justify-content:space-between; width:100%; height:1.7708vw; padding:0 0.7813vw; background-color:#fff; box-sizing:border-box; cursor:pointer; text-align:left; border:0.0521vw solid #ccc}
.selectLabel.formSelect {border:0.0521vw solid #D5D5D5; color:#333; height:2.6042vw; font-size:0.7813vw; font-weight:500}
.selectLabel.active {background-color:#fff; border-color:#00afca}
.selectLabel:focus-visible, .selectLabel:focus {outline:none !important}
.selectLabelTit {width:100%; color:#333; font-size:0.7292vw; font-weight:500}
.selectLabelPlus {flex-shrink:0; width:0.5729vw; height:0.5729vw; background:url('../images/selectLabelDown.svg') center center no-repeat}
.selectLabel.active .selectLabelPlus {background:url('../images/selectLabelUp.svg') center center no-repeat}
.optionList {display:none; position:absolute; top:100%; left:0; min-width:max-content; width:100%; height:auto; overflow-y:auto; background-color:#fff; z-index:1000; list-style:none; padding:0; margin:0; border:0.0521vw solid #00afca; border-top:none; box-sizing:border-box}
.optionItem {padding:0}
.optionItem a {display:flex; align-items:center; width:100%; height:1.9792vw; padding:0 0.7813vw; box-sizing:border-box; text-decoration:none; background-color:#fff; color:#333; font-size:0.7292vw; font-weight:400; cursor:pointer; transition:.2s}
.optionItem a:hover {background-color:#ddd; color:#333}
.optionItem a:focus-visible, .optionItem a:focus {outline:none !important; background-color:#002A3F}


.tbl_skin1 {margin:1.0417vw auto; width:100%; border-top:0.1042vw solid #4b4b4b; background-color:#ffffff; color:#636363; line-height:1.0417vw}
.tbl_skin1 thead th {padding:0.5208vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #b5b5b5; color:#363636}
.tbl_skin1 tbody th {padding:0.5208vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #e2e2e2}
.tbl_skin1 tbody th {padding:0.5208vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #e2e2e2; color:#363636; vertical-align:middle; font-size:0.7813vw}
.tbl_skin1 tbody td {padding:0.5208vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #e2e2e2; font-size:0.7813vw}
.tbl_skin1 .active1 th {padding:1.0417vw}
.tbl_skin1 .active2 td {padding:0.5208vw 1.0417vw}
.tbl_skin1.text-center th, .tbl_skin1.text-center td {text-align:center}
.tbl_skin1.font16 th, .tbl_skin1.font16 td {font-size:0.8333vw}
.tbl_skin1 tbody td sup {font-size:0.6771vw}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 .br1 {border-right:0.0521vw solid #e2e2e2 !important;}
.diagonal-line {background:linear-gradient(to top right, transparent calc(50% - 0.0521vw), #ccc calc(50% - 0.0521vw), #ccc 50%, transparent 50%); position:relative}


/* input */
.inputStyle {border:0.0521vw solid #D5D5D5; border-radius:0.2083vw; color:#333; padding:0 0.7813vw; width:100%; height:2.6042vw; line-height:2.6042vw; box-sizing:border-box; font-size:0.7813vw; font-weight:500; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:relative; background:#fff; text-align:center}
.inputStyle.readonly {border-color:#D8DBDE; background:#F6F8FA; color:#333}
.inputStyle::placeholder {color:#B2B2B2; font-weight:400}
.inputStyle:focus-visible {border:0.1042vw solid #00afca; background:#fff; outline:none}
.inputStyle.readonly:focus-visible {border:0.0521vw solid #D8DBDE; background:#F6F8FA; outline:none}
.btnRequest {display:flex; align-items:center; justify-content:center; background:none; border:none; box-shadow:none; box-sizing:border-box; flex:1; padding:0; min-width:auto; font-size:0.9375vw; font-weight:600; border-radius:0.2604vw; height:2.6042vw; transition:.3s; width:100%; background:#00afca; color:#fff}

/* APPLY NOW */
.applyBox {padding:3.1250vw 0.7813vw; text-align:center; vertical-align:middle; background:url('../images/APPLY_bg.jpg') center center no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center; flex-wrap:wrap}
.btn-more {text-shadow:none; color:#FFF; font-weight:700; background-color:#00afca; padding:0.7813vw 2.6042vw; background-image:none; box-shadow:none; margin:0 0.2604vw; text-align:center; white-space:break-spaces}
.btn-more:hover, .btn-more:focus {color:#fff}

.requestWrap {background:url('../images/RequestBg.jpg') center center no-repeat; background-size:cover; padding:3.6458vw 2.6042vw}
.requestWrap .h2Tit {color:#fff}
.requestWrap .pTxt1 {color:#fff}
.requestWrap .inner {max-width:26.0417vw; margin:2.0833vw auto 0 auto}

.infoTxt {font-size:0.7813vw; font-weight:300; color:#aaa}
.infoTxt > span {display:inline-flex; align-items:center}
.infoTxt > span:after {content:''; display:block; width:0.1042vw; height:0.6250vw; background:#ccc; margin:0 0.5208vw}
.infoTxt > span:last-child:after {display:none}
.infoTxt2 {font-size:0.7813vw; font-weight:300; color:#aaa}
.infoTxt2 > span {display:inline-flex; align-items:center}
.infoTxt2 > span:after {content:''; display:block; width:0.1042vw; height:0.6250vw; background:#ccc; margin:0 0.5208vw}
.infoTxt2 > span:last-child:after {display:none}

.hover_img > img {transition:.3s}
.hover_img:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.galleryList .galleryList-item {margin-bottom:2.0833vw}
.galleryList .galleryList-item:last-child {margin-bottom:0}
.galleryTit {color:#00AFCA}
.galleryTxt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}


/* pagination */
.pagination {display:block; text-align:center}
.pagination .number {border:0.0521vw solid #D5D5D5; background-color:#fff; color:#A3A3A5; font-size:0.7292vw; padding:0; border-radius:0.2083vw; margin-right:0.0521vw; width:1.6667vw; height:1.6667vw; display:inline-flex; align-items:center; justify-content:center}
.pagination .number.active, .pagination .number:hover {border:0.0521vw solid #333; background:#333; color:#fff}
.pagination .fa-chevron-left {border:0.0521vw solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:0.7292vw; padding:0; border-radius:0.2083vw; margin-right:0.8854vw; width:1.6667vw; height:1.6667vw; display:inline-flex; align-items:center; justify-content:center; margin-right:0.8854vw}	
.pagination .fa-chevron-left:hover {border:0.0521vw solid #333; color:#333}
.pagination .fa-chevron-right {border:0.0521vw solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:0.7292vw; padding:0; border-radius:0.2083vw; margin-right:0.8854vw; width:1.6667vw; height:1.6667vw; display:inline-flex; align-items:center; justify-content:center; margin-left:0.8854vw}	
.pagination .fa-chevron-right:hover {border:0.0521vw solid #33; color:#333}
.pagination .fa-chevrons-left {border:0.0521vw solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:0.7292vw; padding:0; border-radius:0.2083vw; margin-right:0.8854vw; width:1.6667vw; height:1.6667vw; display:inline-flex; align-items:center; justify-content:center}	
.pagination .fa-chevrons-left:hover {border:0.0521vw solid #333; color:#333}
.pagination .fa-chevrons-right {border:0.0521vw solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:0.7292vw; padding:0; border-radius:0.2083vw; margin-right:0.8854vw; width:1.6667vw; height:1.6667vw; display:inline-flex; align-items:center; justify-content:center}	
.pagination .fa-chevrons-right:hover {border:0.0521vw solid #333; color:#333}


.boardInputStyle {border:0.0521vw solid #D5D5D5; border-radius:0.2083vw; color:#333; padding:0 0.7813vw; width:100%; height:2.0833vw; line-height:1.9792vw; box-sizing:border-box; font-size:0.7292vw; font-weight:500; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.boardInputStyle::placeholder {color:#B2B2B2; font-size:0.7292vw; font-weight:400}
.boardSelectStyle {border:0.0521vw solid #ddd; border-radius:0.2083vw; color:#505050; padding:0 0.7813vw; width:100%; height:2.0833vw; line-height:1.9792vw; box-sizing:border-box; font-size:0.7292vw; font-weight:400; vertical-align:middle; background:url('https://english.wsu.ac.kr/site/common/image/boardSelectStyleArw.png') #fff no-repeat right 0.7813vw center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.boardSelectStyle::-ms-expand {display:none}
.boardSearchBtn {display:flex; align-items:center; justify-content:center; background:#fff; border:0.0521vw solid #D5D5D5; border-radius:0.2083vw; color:#333; padding:0 0.7813vw; width:100%; height:2.0833vw; line-height:1.9792vw; box-sizing:border-box; font-size:0.7292vw; font-weight:500}
.boardSearchBox {border:0.0521vw solid #ddd; background:#f5f5f5; border-radius:0.2604vw; padding:1.0417vw}
.boardSearchBoxInner {display:flex; align-items:center; justify-content:center; max-width:20.8333vw; margin:0 auto}
.boardSearchBoxInner > .boardSelectStyle {flex-shrink:0; max-width:5.2083vw; margin-right:0.5208vw}
.boardSearchBoxInner > .boardSearchBtn {flex-shrink:0; max-width:4.1667vw; margin-left:0.5208vw}

.list-group .list-group-item {padding:0.7813vw; font-size:0.7813vw}

.curriStyle > dt {display:flex; align-items:center; justify-content:space-between; background:#eee; padding:0.7813vw 1.0417vw; box-sizing:border-box; cursor:pointer; margin-top:0.5208vw; font-size:0.9375vw; font-weight:700; word-break:break-word}
.curriStyle > dt i {flex-shrink:0; margin-left:0.5208vw}
.curriStyle > dt.active i:before {content:"\f0d8"}
.curriStyle > dd {display:none; padding:0.7813vw 1.0417vw; box-sizing:border-box; border:0.0521vw solid #eee; word-break:break-word}
.curriStyle > dd.active {display:block}

.updatingTxt {background:#f0f0f0; width:100%; height:23.4375vw; display:flex; align-items:center; justify-content:center; font-size:1.0417vw; font-weight:700; text-align:center; color:#333}

.subCenBtn {display:flex; align-items:center; justify-content:center; gap:50px}
.subCenBtn > div {width:100%; max-width:18.2292vw}
.subCenBtn > div > a {display:flex; align-items:center; justify-content:center; height:3.6458vw; padding:0 1.0417vw; font-size:0.9375vw}
.subCenBtn > div:nth-child(1) > a {background:#FFC800; color:#000}
.subCenBtn > div:nth-child(2) > a {background:#00AFCA; color:#fff}

.mapWrap {display:flex; flex-wrap:wrap}
.mapWrap-left {width:50%}
.mapWrap-right {width:50%}
#map {width:100%; height:100%}
.leaflet-control-attribution {display:none !important}

.applyPopStyle {z-index:999999}
.applyPopStyle .modal-dialog {width:100%; max-width:41.1458vw}
.applyPopStyle .modal-body {padding:1.0417vw}
.applyPopStyle .modal-footer {padding:1.0417vw; text-align:center}
.applyPopH2 {font-size:2.0833vw; font-weight:900; margin-bottom:0.5208vw; color:#00AFCA; margin-left:0.7813vw; text-indent:-0.1042vw}
.applyPopH3 {font-size:1.0417vw; font-weight:400; margin-left:0.9896vw; text-indent:-0.0521vw}
.applyPopH4 {font-size:0.9375vw; font-weight:600; background:#ddd; padding:0.5208vw 1.0417vw}
.applyPopPtxt {font-size:0.9375vw; font-weight:400; margin-left:1.0417vw; line-height:130%}
.circleNum {margin-left:2.0833vw}
.circleNum > li {list-style:decimal; margin-bottom:0.2604vw; font-size:0.9375vw}
.circleNum > li:last-child {margin-bottom:0}
.dList2 {margin-left:1.1458vw}
.dList2 > li {display:flex; list-style:none; margin-bottom:0.2604vw; font-size:0.9375vw; line-height:130%}
.dList2 > li:before {content:'•'; margin-right:0.1563vw}
.dList2 > li:last-child {margin-bottom:0}
.applyPopBtn {display:inline-flex; align-items:center; justify-content:center; height:2.8646vw; padding:0 1.0417vw; background:#00AFCA; border:0.0521vw solid #00AFCA; color:#fff; transition:.3s; font-size:0.8333vw}
.applyCloseBtn {display:inline-flex; align-items:center; justify-content:center; height:2.8646vw; padding:0 1.0417vw; background:#fff; border:0.0521vw solid #333; color:#333; transition:.3s; font-size:0.8333vw}


/* FAQ */
.faq_list {border-top:0.0521vw solid #cacaca; margin-top:2.6042vw}
.faq_list > ul {margin:0; padding:0; list-style:none}
.faq_list > ul > li {position:relative; border-bottom:0.0521vw solid #cacaca; color:#636363}
.faq_list > ul > li strong.q {font-weight:500; font-size:0.9375vw; font-weight:700; color:#333}
.faq_list > ul > li strong.q, .faq_list ul li .a {display:block; padding:1.0417vw 1.0417vw 1.0417vw 2.3438vw}
.faq_list > ul > li strong.q {padding-right:0.5208vw; background:url('../images/q.png') #f5f9fb no-repeat 0.7813vw 0.9375vw}
.faq_list > ul > li > .a {overflow:hidden; position:relative; display:block; border-top:0.0521vw dashed #cacaca; background:url('../images/a.png') no-repeat 0.7813vw 1.0417vw; line-height:1.3021vw}
.faq_list > ul > li > .a .btn {position:absolute; right:0.5208vw; bottom:0.5208vw}



@media screen and (max-width:1920px) {
	/* common */
	.mt5 {margin-top:5px !important}
	.mt10 {margin-top:10px !important}
	.mt15 {margin-top:15px !important}
	.mt20 {margin-top:20px !important}
	.mt30 {margin-top:30px !important}
	.mt50 {margin-top:50px !important}
	.mt90 {margin-top:90px !important}
	.mt100 {margin-top:100px !important}
	.imgZoom {width:26px; height:26px; font-size:14px}
	.gap5 {gap:5px}
	.gap10 {gap:10px}
	.gap20 {gap:20px}
	.gap30 {gap:30px}
	.gap40 {gap:40px}
	.gap50 {gap:50px}
	.gap60 {gap:60px}
	.gap70 {gap:70px}

	/* header */
	header.fixed {box-shadow:0 0 5px rgba(0,0,0,0.15)}
	.headerTop > .inner {max-width:1840px}
	.headerTop-left > a {padding:0 25px; height:36px; font-size:14px}
	.lanBtn {font-size:14px; margin-right:20px}
	.lanBtn .fa-earth-asia {margin-right:5px}
	.lanBtn .fa-caret-down {margin-left:10px}
	.lanList > a {font-size:14px; padding:0 18px; height:25px}
	.lanList > a img {height:14px; margin-right:4px}
	.searchBtn {width:36px; height:36px; font-size:18px}
	header > .inner {max-width:1870px; padding:0 15px; height:100px}
	.headerLogo > a > img {height:44px}	
	.gnb {gap:25px}
	.gnb > li > a {padding:10px 15px; font-size:18px}
	.gnb > li > ul {padding:5px 0}
	.gnb > li > ul > li > a {padding:5px 15px; font-size:16px}
	.hamburgerMenu span {width:24px; height:2px; margin:5px 0}
	.hamburgerMenu .bar2 {width:16px}
	.hamburgerMenu.active .bar1 {transform:rotate(-45deg) translate(-5px, 5px)}
	.hamburgerMenu.active .bar3 {transform:rotate(45deg) translate(-5px, -5px)}
	.hamburgerGnbWrap {width:300px}
	.hamburgerGnb {padding:40px 0}
	.hamburgerGnb > li > a {height:50px; padding:0 25px; font-size:16px}
	.hamburgerGnb > li > ul {padding:10px 25px}
	.hamburgerGnb > li > ul > li > a {height:50px; font-size:22px}
	.hamburgerGnb > li > ul > li > a .mNavTit::after {bottom:-4px; width:0; height:2px}

	/* mainVisualWrap */
	.mainVisualWrap {height:auto}
	.mvTxtWrap {top:100px; left:150px}
	.mvH2 {font-size:50px}
	.mvH2a {height:50px}
	.mvH2a:before {text-shadow:0 0 1px #000; top:-20px; left:-20px; font-size:50px}
	.mvH2a:after {font-size:50px}
	.mvH2b {height:50px; margin-top:15px}
	.mvH2b:before {text-shadow:0 0 1px #000; top:-20px; left:-20px; font-size:50px}
	.mvH2b:after {font-size:50px}
	.mvH3 {font-size:40px; margin-top:60px}
	.mvP {font-size:18px; line-height:24px; margin-top:15px}

	.mainVisual.mv02 .mvTxtWrap > div {margin-top:-50px}
	.mainVisual.mv02 .mvH2 {font-size:64px; text-shadow:0 3px 10px rgba(0,0,0,0.15)}
	.mainVisual.mv02 .mvH3 {font-size:35px; text-shadow:0 3px 10px rgba(0,0,0,0.15); margin-top:50px}

	.mvList {bottom:50px}
	.mvList > .inner {max-width:1310px; padding:0 15px; gap:27px}
	.mvList > .inner > a {border-top:2px solid #fff; font-size:18px; padding-top:20px; letter-spacing:-0.45px}

	/* mainConA */
	.mainConA {padding:80px 0; height:580px}
	.mainConA > .inner {max-width:1310px; padding:0 15px}
	.mainConA h3 {font-size:60px; margin-top:80px}
	.mainConAList {gap:30px; margin-top:100px}
	.mainConAList > div {padding:40px 30px 30px 30px; border-radius:25px}
	.mainConAList > div > h4 {font-size:38px}
	.mainConA-btn {gap:20px; margin-top:30px}
	.mainConA-btn > a {padding:38px 10px; border-radius:25px; font-size:24px}

	/* mainConB */
	.mainConB {padding:192px 0 0 0}
	.mainConB > .inner {max-width:1630px; padding:0 15px}
	.mainConB-txt {margin-top:70px}
	.mainConB-txt > h3 {font-size:60px; margin-bottom:50px}
	.mainConB-txt > p {font-size:26px}
	.mainConB-list {gap:50px}

	.mainConB-list > a {max-width:380px; border-radius:25px}
	.mainConB-list > a > div {padding:40px 10px}
	.mainConB-list > a > div > h4 {font-size:32px; margin-bottom:10px}
	.mainConB-list > a > div > p {font-size:18px}

	/* snsWrap */
	.snsWrap {margin:80px 0}
	.snsWrap > .inner {max-width:1310px; padding:0 15px; gap:20px}
	.snsWrap > .inner > a {width:65px; height:65px; font-size:30px}

	/* footSitemap */
	.footSitemap {padding:50px 0}
	.footSitemap > .inner {max-width:1310px; padding:0 15px}
	.footSitemap > .inner > div > h3 {font-size:21px}
	.footSitemap > .inner > div > ul {margin:15px 0 0 0}
	.footSitemap > .inner > div > ul > li {font-size:18px; margin-bottom:10px}

	/* footer */
	footer {padding:40px 0 60px 0}
	footer.subFooter {border-top:1px solid #eee}
	footer > .inner {max-width:1310px; padding:0 15px}
	.footerLogo {margin-right:125px}
	.footerLogo > a > img {height:38px}
	.footerRight address {font-size:16px; line-height:26px}
	.footerRight address span {padding:0 20px}
	.footerRight .copy {font-size:16px; margin-top:15px}
	.footerRight .copy span {padding:0 20px}
	.privacyTxt {font-size:16px}
	footer.subFooter {border-top:1px solid #ccc}
	footer.subFooter .footerRight {margin-top:30px}

	.skyBtn {bottom:10px; right:10px}
	.footerApplyBtn {width:80px; height:60px; font-size:14px}
	.footerApplyBtn2 {width:80px; height:60px; font-size:14px}
	.footerFaqBtn {width:80px; height:60px; font-size:14px}
	.footerTopBtn {width:80px; height:40px; font-size:22px}

	.searchWrap {top:36px}
	.searchWrap form {max-width:1200px; padding:20px 30px}
	.searchTerm {padding:15px 20px; height:60px; font-size:18px}
	.searchTerm::placeholder {font-size:18px}
	.searchButton {font-size:22px; padding:0 20px}

	/* subTopCate */
	.subTopCate {border-top:1px solid #ddd; border-bottom:1px solid #ddd}
	.subTopCate .inner {max-width:1230px; padding:25px 15px}
	.subTopCateDepth > li {font-size:18px}
	.subTopCateDepth > li.subTopCateDepth1:after {font-size:16px; margin:0 10px}
	.subTopNav > li a {font-size:18px}
	.subTopNav > li a:after {width:2px; height:16px; margin:0 20px}
	.subTopNav > li.active a {font-size:20px}

	/* con */
	.con1200 {max-width:1230px; padding:100px 15px 180px 15px}
	.h2Tit {font-size:48px}
	.h3Tit {font-size:28px}
	.h3Tit:before {width:5px; height:40px; margin-right:15px}
	.h3Tit2 {font-size:28px}
	.h3Tit3 {font-size:28px; padding:20px}
	.h4Tit {font-size:22px}
	.h4Tit sup {font-size:18px}
	.h5Tit {font-size:20px}
	.pTxt1 {font-size:16px; line-height:24px}
	.nList {margin-left:20px}
	.nList > li {font-size:16px; line-height:22px; margin-bottom:5px}
	.aList {margin-left:20px}
	.aList > li {font-size:16px; line-height:22px; margin-bottom:5px}
	.dList > li {font-size:16px; line-height:22px; margin-bottom:7px}
	.dList > li:before {margin-right:5px}
	.bList > li {font-size:16px; line-height:22px; margin-bottom:7px}
	.bList > li:before {width:7px; height:1px; margin-top:8px; margin-right:5px}
	.dList > li .bList {margin-left:3px}
	.boxStyle1 {border:1px solid #ccc; padding:35px}
	.boxStyle2 {padding:20px; border-radius:8px}
	.visionWrap .boxStyle1:last-child {margin-left:-1px}

	.momentsList {margin-top:40px}
	.momentsList .swiper-slide {height:450px; background:#000; position:relative; text-align:left; overflow:hidden}
	.momentsList .swiper-slide > a {display:block; width:100%; height:100%; position:relative}
	.momentsList .swiper-slide > a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/imgMomentFilter.png') no-repeat; background-size:cover; z-index:1}
	.momentsList .swiper-slide img {width:100%; height:100%; opacity:1; transition:.3s}
	.momentsList .swiper-slide:hover img {-webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1)}
	.momentsCate {font-size:18px; font-weight:200; color:#fff; position:absolute; top:30px; left:0; padding:0 30px; box-sizing:border-box; z-index:9; width:100%}
	.momentsTit {font-size:20px; font-weight:700; color:#fff; position:absolute; bottom:30px; left:0; padding:0 30px; box-sizing:border-box; z-index:9; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
	.momentsList-prev, .momentsList-next {font-size:50px; color:#333; opacity:0.5; top:calc(50% - 20px); position:absolute; transition:.3s} 
	.momentsList-prev:hover, .momentsList-next:hover {opacity:1} 
	.momentsList-prev {left:-40px} 
	.momentsList-next {right:-40px} 

	/* timeline */
	.timeline_year {font-size:32px; padding:12px 0}
	.timeline:before {left:20px; width:2px}
	.timeline_entry .columns {margin:20px 0}
	.timeline_entry .columns:before {left:20px; width:20px; height:20px; margin-left:-10px; border:4px solid white; box-shadow:0 10px 10px -5px rgba(56,59,60,0.375)}
	.timeline_entry .columns .column {padding:0 40px}
	.timeline_entry .columns .column h4 {width:50px; line-height:20px}
	.timeline_entry .columns .column p {line-height:20px}
	.timeline_entry .columns .column img {max-width:300px}
	.timeline_entry .columns .column .btn {margin-top:10px}
	.dlHorizontal {font-size:15px}
	.dlHorizontal > dt {width:70px}
	.dlHorizontal > dd {margin-left:85px}

	/* tab */
	.tabStyle {border-bottom:1px solid #00afca; margin-left:1px}
	.tabStyle > a {height:56px; padding:0 10px; font-size:16px; border:1px solid #ddd; margin-left:-1px}
	.tabStyle > a.active:before {height:2px}
	.tabStyle > a.active:after {height:3px}

	.subTabStyle {border-bottom:1px solid #00afca; margin-left:1px}
	.subTabStyle > li {margin-left:-1px}
	.subTabStyle > li > a {height:50px; padding:0 12px; font-size:15px; border:1px solid #ddd}
	.subTabStyle > li.active > a:before {height:2px}
	.subTabStyle > li.active > a:after {height:3px}

	.con0202a {}
	.con0202a-left {max-width:950px}
	.con0202a-right {max-width:700px; padding:40px; top:calc(50% - 90px)}

	.con0202b {gap:40px}

	.selectLabel {height:34px; padding:0 15px; border:1px solid #ccc}
	.selectLabel.formSelect {border:1px solid #D5D5D5; height:50px; font-size:15px}
	.selectLabelTit {font-size:14px}
	.selectLabelPlus {width:11px; height:11px}
	.optionList {border:1px solid #00afca}
	.optionItem a {height:38px; padding:0 15px; font-size:14px}

	.tbl_skin1 {margin:20px auto; border-top:2px solid #4b4b4b; line-height:20px}
	.tbl_skin1 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5}	
	.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
	.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:15px}
	.tbl_skin1 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:15px}
	.tbl_skin1 .active1 th {padding:20px}
	.tbl_skin1 .active2 td {padding:10px 20px}
	.tbl_skin1 tbody td sup {font-size:13px}
	.tbl_skin1.font16 th, .tbl_skin1.font16 td {font-size:16px}
	.tbl_skin1 .br1 {border-right: 1px solid #e2e2e2 !important;}
	.diagonal-line {background:linear-gradient(to top right, transparent calc(50% - 1px), #ccc calc(50% - 1px), #ccc 50%, transparent 50%)}

	/* input */
	.inputStyle {border:1px solid #D5D5D5; border-radius:4px; padding:0 15px; height:50px; line-height:50px; font-size:15px}
	.inputStyle:focus-visible {border:2px solid #00afca}
	.inputStyle.readonly:focus-visible {border:1px solid #D8DBDE}
	.btnRequest {font-size:18px; border-radius:5px; height:50px}

	/* APPLY NOW */
	.applyBox {padding:60px 15px}
	.btn-more {padding:15px 50px; margin:0 5px}

	.requestWrap {padding:70px 50px}
	.requestWrap .inner {max-width:500px; margin:40px auto 0 auto}
	.infoTxt {font-size:15px; font-weight:300; color:#aaa}	
	.infoTxt > span:after {width:2px; height:12px; margin:0 10px}
	.infoTxt2 {font-size:15px; font-weight:300; color:#333}
	.infoTxt2 > span:after {width:2px; height:12px; margin:0 10px}
	.galleryList .galleryList-item {margin-bottom:40px}

	/* pagination */
	.pagination .number {border:1px solid #D5D5D5; font-size:14px; border-radius:4px; margin-right:1px; width:32px; height:32px}
	.pagination .number.active, .pagination .number:hover {border:1px solid #333}
	.pagination .fa-chevron-left {border:1px solid #D5D5D5; font-size:14px; border-radius:4px; margin-right:1px; width:32px; height:32px; margin-right:17px}	
	.pagination .fa-chevron-left:hover {border:1px solid #333}
	.pagination .fa-chevron-right {border:1px solid #D5D5D5; font-size:14px; border-radius:4px; margin-right:1px; width:32px; height:32px; margin-left:17px}	
	.pagination .fa-chevron-right:hover {border:1px solid #33}
	.pagination .fa-chevrons-left {border:1px solid #D5D5D5; font-size:14px; border-radius:4px; margin-right:1px; width:32px; height:32px}	
	.pagination .fa-chevrons-left:hover {border:1px solid #333}
	.pagination .fa-chevrons-right {border:1px solid #D5D5D5; font-size:14px; border-radius:4px; margin-right:1px; width:32px; height:32px}	
	.pagination .fa-chevrons-right:hover {border:1px solid #333}

	.boardInputStyle {border:1px solid #D5D5D5; border-radius:4px; padding:0 15px; height:40px; line-height:38px; font-size:14px}
	.boardInputStyle::placeholder {font-size:14px}
	.boardSelectStyle {border:1px solid #ddd; border-radius:4px; padding:0 15px; height:40px; line-height:38px; font-size:14px; background:url('https://english.wsu.ac.kr/site/common/image/boardSelectStyleArw.png') #fff no-repeat right 15px center}
	.boardSearchBtn {border:1px solid #D5D5D5; border-radius:4px; padding:0 15px; height:40px; line-height:38px; font-size:14px}
	.boardSearchBox {border:1px solid #ddd; border-radius:5px; padding:20px}
	.boardSearchBoxInner {max-width:400px}
	.boardSearchBoxInner > .boardSelectStyle {max-width:100px; margin-right:10px}
	.boardSearchBoxInner > .boardSearchBtn {max-width:80px; margin-left:10px}
	.list-group .list-group-item {padding:15px; font-size:15px}

	.curriStyle > dt {padding:15px 20px; margin-top:10px; font-size:18px}
	.curriStyle > dt i {margin-left:10px}
	.curriStyle > dd {padding:15px 20px; border:1px solid #eee}

	.updatingTxt {height:450px; font-size:20px}

	.subCenBtn {gap:2.6042vw}
	.subCenBtn > div {max-width:350px}
	.subCenBtn > div > a {height:70px; padding:0 20px; font-size:18px}

	.applyPopStyle .modal-dialog {max-width:790px}
	.applyPopStyle .modal-body {padding:20px}
	.applyPopStyle .modal-footer {padding:20px}
	.applyPopH2 {font-size:40px; margin-bottom:10px; margin-left:15px; text-indent:-2px}
	.applyPopH3 {font-size:20px; margin-left:19px; text-indent:-1px}
	.applyPopH4 {font-size:18px; padding:10px 20px}
	.applyPopPtxt {font-size:18px; margin-left:20px}
	.circleNum {margin-left:40px}
	.circleNum > li {margin-bottom:5px; font-size:18px}
	.dList2 {margin-left:22px}
	.dList2 > li {margin-bottom:5px; font-size:18px}
	.dList2 > li:before {margin-right:3px}
	.applyPopBtn {height:55px; padding:0 20px; border:1px solid #00AFCA; font-size:16px}
	.applyCloseBtn {height:55px; padding:0 20px; border:1px solid #333; font-size:16px}


	/* FAQ */
	.faq_list {border-top: 1px solid #cacaca; margin-top:50px}
	.faq_list > ul > li {border-bottom:1px solid #cacaca}
	.faq_list > ul > li strong.q {font-size:18px}
	.faq_list > ul > li strong.q, .faq_list ul li .a {padding:20px 20px 20px 45px}
	.faq_list > ul > li strong.q {padding-right:10px; background:url('../images/q.png') #f5f9fb no-repeat 15px 18px}
	.faq_list > ul > li > .a {border-top:1px dashed #cacaca; background:url('../images/a.png') no-repeat 15px 20px; line-height:25px}
	.faq_list > ul > li > .a .btn {right:10px; bottom:10px}
}

@media screen and (max-width:1600px) {
	.gnb {gap:5px}
}

@media screen and (max-width:1440px) {
	.gnb {display:none}
	.hamburgerMenu {display:block}
	.mvTxtWrap {top:60px; left:0; padding:0 40px}
	.mvH2 {font-size:40px}
	.mvH2a {height:40px}
	.mvH2a:before {top:-15px; left:-15px; font-size:40px}
	.mvH2a:after {font-size:40px}
	.mvH2b {height:40px; margin-top:10px}
	.mvH2b:before {top:-15px; left:-15px; font-size:40px}
	.mvH2b:after {font-size:40px}
	.mvH3 {font-size:32px; margin-top:40px}
	.mvP {font-size:16px; line-height:20px; margin-top:10px}
    .mainConA {height:480px; background-size:600px}
    .mainConA h3 {font-size:48px; margin-top:60px}
    .mainConAList {margin-top:50px}
    .mainConAList > div > h4 {font-size:32px}
    .mainConA-btn > a {padding:25px 10px; border-radius:20px; font-size:18px}
    .mainConB {padding:120px 0 0 0}
    .mainConB-txt > h3 {font-size:48px}
    .mainConB-list > a {max-width:320px}
    .mainConB-list > a > div {padding:20px 10px}
    .mainConB-list > a > div > h4 {font-size:28px}
	.mainConB-list > a > div > p {font-size:16px}
    .mvList {bottom:30px}
    .mvList > .inner > a {padding-top:15px}
}
@media screen and (max-width:1280px) {
	.momentsList-prev {left:10px; color:#fff}
	.momentsList-next {right:10px; color:#fff}
}
@media screen and (max-width:1024px) {
	.headerTop-left > a {padding:0 15px; height:26px; font-size:12px}
	.lanBtn {font-size:12px; margin-right:10px}
	.lanList > a {font-size:13px; padding-left:18px; height:24px}
	.searchBtn {width:26px; height:26px; font-size:12px}
	header > .inner {height:80px}
	.headerLogo > a > img {height:38px}
	.hamburgerGnb > li > ul > li > a {height:40px; font-size:20px}
	.footSitemap > .inner {gap:20px}
	.footSitemap > .inner > div {width:100%; flex:1 1 48%}
	.searchWrap {position:fixed; top:26px}
	.searchWrap form {padding:15px 20px}
	.searchTerm {height:50px}
	.con0202a {padding-bottom:0}
    .con0202a-left {max-width:100%}
    .con0202a-right {max-width:100%; position:relative; top:0}
	.mainVisualWrap {height:auto}
	.mainVisual.mv01 {background:url('../images/mainVisual01-m.jpg') bottom right no-repeat; background-size:cover}
	.mainVisual.mv03 {background:url('../images/mainVisual01-m.jpg') bottom right no-repeat; background-size:cover}
	.mainVisual.mv04 {background:url('../images/mainVisual04-m.png') bottom right no-repeat; background-size:cover}
	.mvTxtWrap {top:50px}
	.mvH2 {font-size:34px}
	.mvH2a {font-size:34px; font-weight:700; color:#00AFCA; height:auto}
	.mvH2a:before {display:none}
	.mvH2a:after {display:none}
	.mvH2b {font-size:34px; font-weight:700; color:#00AFCA; height:auto; margin-top:5px}
	.mvH2b:before {display:none}
	.mvH2b:after {display:none}
	.mainVisual.mv02 .mvH2a, .mainVisual.mv02 .mvH2b {color:#fff}
	.mvH3 {font-size:24px; margin-top:30px}
	.mvP {font-size:14px; line-height:18px; margin-top:10px}

	.mainVisual.mv02 .mvH2 {font-size:54px}
	.mainVisual.mv02 .mvH3 {font-size:28px; margin-top:30px}

	.mainConA {padding:40px 0; height:290px; background-size:400px}
    .mainConA h3 {font-size:38px; margin-top:40px}
	.mainConAList > div {padding:25px; border-radius:15px}
    .mainConAList > div > h4 {font-size:26px}
    .mainConB {padding:195px 0 0 0}
	.mainConB-txt > h3 {font-size:38px; margin-bottom:30px}
    .mainConB-txt > p {font-size:20px}
	.mvList > .inner > a {padding-top:10px; font-size:14px}
	.applyPopStyle .modal-dialog {margin:0 auto; padding:10px}
}
@media screen and (max-width:768px) {
	.hide768 {display:none}
	.show768 {display:block}
	.imgZoom {display:flex}
	.selectBoxStyle.show768 {display:inline-block}
	footer > .inner {flex-wrap:wrap}
	.footerLogo {margin-bottom:20px}
	.subTopCate .inner {padding:15px 15px}
	.con1200 {padding:50px 15px 150px 15px}
	.h2Tit {font-size:36px}
	.h3Tit, .h3Tit2 {font-size:20px}
	.h3Tit3 {font-size:20px; padding:15px}
	.h3Tit:before {width:4px; height:28px; margin-right:10px}
	.h4Tit {font-size:18px}
	.h4Tit sup {font-size:16px}
	.h5Tit {font-size:16px}
	.pTxt1 {font-size:15px; line-height:18px}
	.nList {margin-left:18px}
	.nList > li {font-size:15px; line-height:18px; margin-bottom:5px}
	.aList {margin-left:18px}
	.aList > li {font-size:15px; line-height:18px; margin-bottom:5px}
	.dList > li {font-size:15px; line-height:18px; margin-bottom:5px}
	.bList > li {font-size:15px; line-height:18px; margin-bottom:5px}
	.visionWrap {flex-wrap:wrap}
	.visionWrap .boxStyle1:last-child {margin-left:0; margin-top:-1px}
	.boxStyle1 {padding:25px}
	.conStyle .mt30 {margin-top:15px !important}
	.conStyle .mt50 {margin-top:30px !important}
	.conStyle .mt90 {margin-top:50px !important}
	.conStyle .mt100 {margin-top:60px !important}
	.timeline_year {font-size:24px}
	.dlHorizontal {font-size:14px}	
	.tabStyle {border-bottom:none; flex-wrap:wrap}
	.tabStyle > a {width:auto; height:50px; font-size:14px; padding:0 15px; margin-left:0; flex:1 1 40%}
	.tabStyle > a.active {border-bottom:1px solid #00afca}
	.tabStyle > a.active:before {display:none}
	.tabStyle > a.active:after {display:none}
	.subTabStyle {border-bottom:none; margin-bottom:30px}
	.subTabStyle > li {margin-left:0; flex:1 1 40%}
	.subTabStyle > li > a {font-size:14px}
	.subTabStyle > li.active > a {border-bottom:1px solid #00afca}
	.subTabStyle > li.active > a:before {display:none}
	.subTabStyle > li.active > a:after {display:none}
	.tableScroll {position:relative; border:none; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableScroll table {width:850px; margin-bottom:15px}
	.tableResponsive th, .tableResponsive td {display:block; width:auto; border-right:none !important}
	.tableResponsive colgroup {display:none}
	.ToolTip {position:absolute; width:100%; top:20px; left:0; opacity:0; display:block; padding:5px 8px; font-size:13px; color:#fff; text-align:center; letter-spacing:0.45px; margin:5px 0; -webkit-animation-name:fadeOut; -webkit-animation-duration:4s; animation-name:fadeOut; animation-duration:4s;}
	.galleryList-item .col-sm-4 {margin-bottom:20px}
	.footerApplyBtn {width:65px; height:45px; font-size:12px}
	.footerApplyBtn2 {width:65px; height:45px; font-size:12px}
	.footerFaqBtn {width:65px; height:45px; font-size:12px}
	.footerTopBtn {width:65px; height:35px; font-size:18px}
    .mvList {bottom:30px}
    .mvList > .inner {max-width:350px; gap:10px}
	.mvList > .inner > a {border-top:5px solid #fff; font-size:0; padding-top:0}
	.mainConA {height:auto; background-image:none; padding:50px 0}
	.mainConA h3 {margin-top:0; text-align:center}
	.mainConAList {flex-wrap:wrap; margin-top:30px; gap:20px}
	.mainConA-btn {margin-top:15px}
    .mainConB {padding:80px 0 0 0}
    .mainConB > .inner {flex-wrap:wrap}
    .mainConB-txt {margin-top:0; text-align:center; width:100%}
	.mainConB-txt > h3 {margin-bottom:20px}
    .mainConB-list {gap:30px; justify-content:center; width:100%; margin-top:50px}
    .mainConB-list > a {max-width:100%; width:50%}
	.mainVisual.mv02 .mvH2 {font-size:54px}
	.mainVisual.mv02 .mvH3 {font-size:28px; margin-top:30px}
	.mapWrap-left {width:100%}
	.mapWrap-right {width:100%; margin-top:50px}
	#map {height:400px}
}
@media screen and (max-width:600px) {
	.snsWrap {margin:60px 0}
	.snsWrap > .inner > a {width:60px; height:60px; font-size:26px}
	.footerLogo {margin-bottom:30px}
	.footerLogo > a > img {height:30px}
	.footSitemap > .inner > div > h3 {font-size:18px}
	.footSitemap > .inner > div > ul {margin:10px 0 0 20px}
	.footSitemap > .inner > div > ul > li {font-size:16px}
	.footerRight address {font-size:15px; line-height:24px}
	.footerRight address span {padding:0 10px}
	.footerRight .copy {font-size:14px; margin-top:20px}
	.footerRight .copy span {padding:0 10px}
	.privacyTxt {font-size:14px}
	.infoTxt2 {display:flex; flex-wrap:wrap}
    .mvTxtWrap {top:40px; padding:0 20px}
	.mvH2 {font-size:28px}
	.mvH2a {font-size:28px}
	.mvH2b {font-size:28px; margin-top:0}
	.mvH3 {font-size:20px; margin-top:20px}
	.mvP {font-size:13px; line-height:16px; margin-top:5px}
	#map {height:300px}
	.applyPopH2 {font-size:28px}
	.applyPopH3 {font-size:18px}
	.applyPopH4 {font-size:16px; padding:8px 20px}
	.circleNum {margin-left:38px}
	.circleNum > li {font-size:16px}
	.dList2 > li {font-size:16px}
	.applyPopPtxt {font-size:16px; line-height:120%}
	.applyPopBtn {height:50px; padding:0 20px; font-size:14px}
	.applyCloseBtn {height:50px; padding:0 20px; font-size:14px}
}
@media screen and (max-width:555px) {
	.mainConA h3 {font-size:32px}
	.mainConAList > div > h4 {font-size:22px}
	.mainConB-txt > h3 {font-size:32px}
    .mainConB-txt > p {font-size:18px}
	.mvList > .inner {max-width:250px; gap:10px}
}
@media screen and (max-width:500px) {
	.headerTop-left > a {padding:0 10px}
	.headerTop-left > a:nth-child(1) {display:none}
	.hamburgerGnb {padding:30px 0}
	.hamburgerGnb > li > a {height:46px; font-size:15px}
	.hamburgerGnb > li > ul > li > a {height:36px; font-size:18px}
	.snsWrap {margin:40px 0}
	.snsWrap > .inner {gap:10px}
	.snsWrap > .inner > a {width:50px; height:50px; font-size:22px}
	.footSitemap {padding:30px 0}
	.footSitemap > .inner {gap:15px}
	.footSitemap > .inner > div > h3 {font-size:16px}
	.footSitemap > .inner > div > ul > li {font-size:14px; margin-bottom:7px}
	footer {padding:30px 0 40px 0}
	.footerLogo > a > img {height:28px}
	.footerRight address {font-size:14px; line-height:22px}
	.privacyTxt {display:block; margin-bottom:5px}
	.footerRight .copy span {display:none}
	.con1200 {padding:40px 15px 120px 15px}
	.h2Tit {font-size:28px}	
    .subTabStyle > li > a {height:40px; font-size:13px}
	.requestWrap {padding:50px 20px}
	.boardInputStyle, .boardSelectStyle {padding:0 10px}
	.boardSearchBoxInner > .boardSelectStyle {max-width:75px; margin-right:5px; background-position:right 10px center}
	.boardSearchBoxInner > .boardSearchBtn {max-width:50px; margin-left:5px}
	.infoTxt2 > span {width:100%; margin-bottom:4px}
	.infoTxt2 > span:after {display:none}
	.footerApplyBtn {width:60px; height:40px; font-size:11px}
	.footerApplyBtn2 {width:60px; height:40px; font-size:11px}
	.footerFaqBtn {width:60px; height:40px; font-size:11px}
	.footerTopBtn {width:60px; height:35px; font-size:16px}
    .updatingTxt {height:350px}
	.mainConB-list {flex-wrap:wrap}
	.mainConB-list > a {width:80%}
	#map {height:250px}
}
@media screen and (max-width:425px) {
}
@media screen and (max-width:400px) {
}