@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}


/* color */
.headerTop {background:#001D3D}


/* common */
.width100 {width:100%}
.show768 {display:none}
.auto {margin:0 auto}
.margin0 {margin:0 !important}
.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}
.mb30 {margin-bottom:30px !important}
.mb50 {margin-bottom:50px !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:26px; height:26px; font-size:14px; 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:5px}
.gap10 {gap:10px}
.gap20 {gap:20px}
.gap30 {gap:30px}
.gap40 {gap:40px}
.gap50 {gap:50px}
.gap60 {gap:60px}
.gap70 {gap:70px}
.colorBlue {color:blue}
.textOver {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0}


/* header */
.headerTop > .inner {max-width:1200px; 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 25px; height:36px; font-size:14px; box-sizing:border-box}
.headerTop-left > a:nth-child(1) {background:#fff; color:#333; font-weight:300}
.headerTop-left > a:nth-child(2) {background:#007BFF; color:#fff; font-weight:300}
.headerTop-left > a:nth-child(3) {background:#0053A9; color:#fff; font-weight:300}
.headerTop-left > a:nth-child(4) {background:#003A76; color:#fff; font-weight:300}
.headerTop-left > a:nth-child(5) {background:#012853; color:#fff; font-weight:300}
.headerTop-right {display:flex}
.lanBtnWrap {position:relative; display:flex; align-items:center}
.lanBtn {font-size:14px; font-weight:300; color:#fff; margin-right:20px}
.lanBtn .fa-earth-asia {margin-right:5px}
.lanBtn .fa-caret-down {margin-left:10px}
.lanBtn.active .fa-caret-down:before {content:"\f0d8"}
.lanList {display:none; position:absolute; top:100%; z-index:9999991; width:100%; padding:5px 0; background:#F5F2FB; box-sizing:border-box}
.lanList > a {display:flex; align-items:center; font-size:14px; font-weight:300; padding-left:18px; height:25px; 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%}
.searchBtn {display:flex; align-items:center; justify-content:center; width:36px; height:36px; font-size:18px; background:#007BFF; color:#fff}
header {background:#fff; position:relative; z-index:999999}
header.fixed {position:fixed; z-index:999999; top:0; left:0; width:100%; box-shadow:0 0 5px rgba(0,0,0,0.15)}
header > .inner {max-width:1230px; padding:0 15px; box-sizing:border-box; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative}
.headerLogo > a > img {height:44px}
.gnb {display:flex; gap:5px}
.gnb > li {position:relative}
.gnb > li > a {display:block; padding:10px 15px; font-size:16px; font-weight:500; color:#333}
.gnb > li > ul {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); background:#fff; width:max-content; box-shadow:0 20px 40px rgba(0,0,0,0.1); border-top:3px solid #007BFF; border-radius:0 0 10px 10px; padding:10px 0; z-index:1000}
.gnb > li > ul > li > a {display:block; padding:10px 15px; font-size:15px; color:#666; transition:all 0.2s} 
.gnb > li > ul > li > a:hover {background:#00F5FF30; color:#007BFF; padding-left:20px}
.gnb > li:nth-child(1) > ul {width:165px}
.gnb > li:nth-child(2) > ul {width:175px}
.gnb > li:nth-child(3) > ul {width:245px}
.gnb > li:nth-child(4) > ul {width:185px}
.gnb > li:nth-child(5) > ul {width:170px}
.gnb > li:nth-child(6) > ul {width:210px}
.gnb > li:nth-child(7) > ul {width:170px}

.gnbMenu {display:none; position:absolute; top:100%; width:100%; background:#fff; padding-bottom:20px; box-shadow:0 3px 3px rgba(0,0,0,0.1)}
.gnbMenu > .inner {max-width:1230px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.gnbMenu > .inner > ul {display:flex; gap:15px}
.gnbMenu > .inner > ul > li {padding:20px 10px; background:#F7F7F7; border-radius:20px}
.gnbMenu > .inner > ul > li > a {font-size:16px; font-weight:700; color:#000}
.gnbMenu > .inner > ul > li > ul {margin-top:10px}
.gnbMenu > .inner > ul > li > ul > li {margin-bottom:5px}
.gnbMenu > .inner > ul > li > ul > li > a {font-size:14px}
.gnbMenu > .inner > ul > li:hover > a {color:#007DFD}
.gnbMenu > .inner > ul > li > ul > li > a:hover {color:#007DFD}

.hamburgerMenu {display:none; cursor:pointer; box-sizing:border-box}
.hamburgerMenu span {display:block; width:24px; height:2px; background-color:#333; margin:5px 0; transition:0.4s}
.hamburgerMenu .bar2 {width:16px}
.hamburgerMenu.active span {background:#007BFF}
.hamburgerMenu.active .bar1 {transform:rotate(-45deg) translate(-5px, 5px)}
.hamburgerMenu.active .bar2 {opacity:0}
.hamburgerMenu.active .bar3 {transform:rotate(45deg) translate(-5px, -5px)}
.hamburgerGnbWrap {display:none; position:absolute; top:100%; right:0; background:#c6fdff; width:300px; 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:40px 0}
.hamburgerGnb > li {position:relative}
.hamburgerGnb > li > a {display:flex; align-items:center; justify-content:space-between; width:100%; height:50px; padding:0 25px; box-sizing:border-box; font-size:16px}
.hamburgerGnb > li > a.active .hgArr:before {content:"\f106"}
.hamburgerGnb > li > ul {display:none; padding:10px 25px; background:#fff; box-sizing:border-box}
.hamburgerGnb > li > ul.active {display:block}
.hamburgerGnb > li > ul > li > a {display:flex; align-items:center; height:50px; font-size:22px}
.hamburgerGnb > li > ul > li > a .mNavTit {position:relative}
.hamburgerGnb > li > ul > li > a .mNavTit::after {content:''; position:absolute; left:0; bottom:-4px; width:0; height:2px; background-color:#007BFF; transition:width 0.2s ease-in-out}
.hamburgerGnb > li > ul > li > a .mNavTit:hover::after {width:100%}

/* mainVisualWrap */
.mainVisualWrap {width:100%}
.mainVisual {width:100%; height:590px; box-sizing:border-box}
.mainVisual > .inner {max-width:1200px; height:100%; margin:0 auto; position:relative}
.mainSwiper2 {overflow:hidden}
.mv01 {background:url('../images/mainVisual02.png') center bottom no-repeat; background-size:cover}
.mv02 {background:url('../images/mainVisual01_v1.png') center bottom no-repeat; background-size:cover}
.mv03 {background:url('../images/mainVisual03.png') right bottom no-repeat; background-size:cover}
.mv04 {background:url('../images/mainVisual04.png') center bottom no-repeat; background-size:cover}
.mainVisualTxtWrap {background:rgb(0 29 61 / 70%); position:absolute; top:25px; padding:25px 30px 30px 30px; border-radius:15px}
.mainVisualTxtWrap h3 {font-size:28px; font-weight:700; color:#fff}
.mainVisualTxtWrap h4 {font-size:16px; font-weight:300; color:#fff; margin-top:15px; opacity:0.8; line-height:130%}
.mV-prev, .mV-next {font-size:70px; color:#fff; opacity:0.7; position:absolute; top:calc(50% - 35px); transition:.3s; z-index:9} 
.mV-prev:hover, .mV-next:hover {opacity:1}
.mV-prev {left:20px} 
.mV-next {right:20px}
.mvThumListWrap {background:#003153}
.mvThumList {max-width:1200px; margin:0 auto; display:flex}
.mvThumList .swiper-slide {width:25%; height:120px; box-sizing:border-box; overflow:hidden; position:relative; cursor:pointer}
.mvThumList .swiper-slide::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4; z-index:1; background-size:cover; background-position:center bottom; background-repeat:no-repeat}
.mvThumList .swiper-slide.mvThum01::before {background-image:url('../images/mainVisual02.png')}
.mvThumList .swiper-slide.mvThum02::before {background-image:url('../images/mainVisual01_v1.png')}
.mvThumList .swiper-slide.mvThum03::before {background-image:url('../images/mainVisual03.png')}
.mvThumList .swiper-slide.mvThum04::before {background-image:url('../images/mainVisual04.png')}
.mvThumList .swiper-slide p {position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:300; text-align:center; padding:0 10px; box-sizing:border-box}
.mvThumList .swiper-slide-thumb-active::before {opacity:0.8}
.mvThumList .swiper-slide-thumb-active p {font-weight:900}

/* mainQuickWrap */
.mainQuickWrap {margin-top:110px}
.mainQuickWrap > .inner {max-width:1230px; padding:0 15px; box-sizing:border-box; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px}
.mainQuickWrap > .inner > div {width:100%}
.mainQuickWrap > .inner > div > a {display:flex; align-items:center; justify-content:center; width:100%; height:140px; font-size:20px; font-weight:500; color:#fff; position:relative; overflow:hidden}
.mainQuickWrap > .inner > div > a span {padding:5px 10px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(99, 0, 193,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s; text-align:center}
.mainQuickWrap > .inner > div > a:hover span {color:#fff; background-position:-100% 0}
.mainQuickWrap > .inner > div > a::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.3s ease; z-index:-1}
.mainQuickWrap > .inner > div:nth-child(1) > a::before {background:url('../images/mainQuick1.png') center center no-repeat; background-size:cover}
.mainQuickWrap > .inner > div:nth-child(2) > a::before {background:url('../images/mainQuick2.png') center center no-repeat; background-size:cover}
.mainQuickWrap > .inner > div:nth-child(3) > a::before {background:url('../images/mainQuick3.png') center center no-repeat; background-size:cover}
.mainQuickWrap > .inner > div:nth-child(4) > a::before {background:url('../images/mainQuick4.png') center center no-repeat; background-size:cover}
.mainQuickWrap > .inner > div:nth-child(5) > a::before {background:url('../images/mainQuick5.png') center center no-repeat; background-size:cover}
.mainQuickWrap > .inner > div > a:hover::before {transform:scale(1.2)}

/* conA */
.conA {margin-top:100px}
.conA > .inner {max-width:1200px; margin:0 auto; text-align:center}
.conA > .inner > h3, .conB > .inner > h3, .conC > .inner > h3 {font-size:36px; font-weight:900; color:#007BFF; text-transform:uppercase}
.conA > .inner > h4 {font-size:24px; font-weight:500; color:#333; margin-top:12px}
.conAList {display:flex; justify-content:space-between; gap:30px; margin-top:40px}
.conAList > a {display:block; width:100%; text-align:left}
.conAList > a > div {width:100%; height:230px; position:relative; overflow:hidden}
.conAList > a > div::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.3s ease; z-index:-1}
.conAList > a:nth-child(1) > div::before {background:url('../images/conAList1.png') center center no-repeat; background-size:cover}
.conAList > a:nth-child(2) > div::before {background:url('../images/conAList2.png') center center no-repeat; background-size:cover}
.conAList > a:hover > div::before {transform:scale(1.2)}
.conAList > a > h5 {font-size:30px; font-weight:900; color:#000; padding:20px 30px 0 30px; transition:.3s}
.conAList > a:hover > h5 {color:#007BFF}
.conAList > a > p {font-size:18px; font-weight:300; color:#333; margin:10px 30px 0 30px; line-height:22px}

/* conB */
.conB {margin-top:100px; background:#007bff0d}
.conB > .inner {max-width:1230px; box-sizing:border-box; margin:0 auto; text-align:center; padding:90px 15px}
.conBList {display:flex; justify-content:space-between; gap:25px; margin-top:40px}
.conBList > a {display:block; width:100%; text-align:left}
.conBList > a > div {width:100%; height:230px; position:relative; overflow:hidden}
.conBList > a > div > span {font-size:18px; font-weight:300; color:#fff; position:absolute; bottom:20px; left:20px}
.conBList > a > div::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.3s ease; z-index:-1}
.conBList > a:nth-child(1) > div::before {background:url('../images/conBList1.png') center center no-repeat; background-size:cover}
.conBList > a:nth-child(2) > div::before {background:url('../images/conBList2.png') center center no-repeat; background-size:cover}
.conBList > a:nth-child(3) > div::before {background:url('../images/conBList3.png') center center no-repeat; background-size:cover}
.conBList > a:nth-child(4) > div::before {background:url('../images/conBList4.png') center center no-repeat; background-size:cover}
.conBList > a:hover > div::before {transform:scale(1.2)}
.conBList > a > h5 {font-size:24px; font-weight:900; color:#000; padding:20px 20px 0 20px; transition:.3s}
.conBList > a:hover > h5 {color:#007BFF}

/* conC */
.conC {padding:100px 0 0 0; background:#fff}
.conC > .inner {max-width:1230px; padding:0 15px; box-sizing:border-box; margin:0 auto; text-align:center; position:relative}
.conCList {margin-top:40px}
.conCList-prev, .conCList-next {font-size:50px; color:#333; opacity:0.5; position:absolute; top:calc(50% + 20px); transition:.3s} 
.conCList-prev:hover, .conCList-next:hover {opacity:1} 
.conCList-prev {left:-40px} 
.conCList-next {right:-40px} 
.momentTop {position:relative; overflow:hidden}
.momentTop:after {content:''; position:absolute; left:50%; transform:translateX(-50%); z-index:9; width:0; height:0}
.momentTop.momentImgTopSt:after {bottom:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:16px solid #e8feff}
.momentTop.momentImgBottomSt:after {top:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:16px solid #e8feff}
.momentTop img {width:100%; transition:transform 0.3s ease;}
.conCList .swiper-slide a:hover .momentTop img {transform:scale(1.2)}
.momentBottom {background:#e8feff; height:138px; padding:20px}
.momentCate {font-size:16px; font-weight:300; color:#007BFF}
.momentTit {font-size:18px; font-weight:500; color:#001D3D; line-height:120%}

/* snsWrap */
.snsWrap {margin:80px 0}
.snsWrap > .inner {max-width:1230px; padding:0 15px; box-sizing:border-box; margin:0 auto; text-align:center; display:flex; align-items:center; justify-content:center; gap:20px}
.snsWrap > .inner > a {display:flex; align-items:center; justify-content:center; width:65px; height:65px; border-radius:5px; background:#333; color:#fff; font-size:30px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0, 125, 253,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.snsWrap > .inner > a:hover {color:#fff; background-position:-100% 0}

/* footSitemap */
.footSitemap {background:#eee; padding:50px 0}
.footSitemap > .inner {max-width:1230px; padding:0 15px; box-sizing:border-box; margin:0 auto; display:flex; flex-wrap:wrap; gap:40px}
.footSitemap > .inner > div > h3 {font-size:21px; font-weight:900; color:#333}
.footSitemap > .inner > div > ul {margin:15px 0 0 20px}
.footSitemap > .inner > div > ul > li {font-size:18px; font-weight:300; color:#333; margin-bottom:10px}
.footSitemap > .inner > div > ul > li a {background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0, 245, 255, 0.3) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.footSitemap > .inner > div > ul > li a:hover {color:#007BFF; background-position:-100% 0}

/* footer */
footer {padding:40px 0 60px 0}
footer.subFooter {border-top:1px solid #ccc}
footer > .inner {max-width:1230px; padding:0 15px; box-sizing:border-box; margin:0 auto; display:flex}
.footerLogo {margin-right:125px}
.footerLogo > a > img {height:38px}
.footerRight address {font-size:16px; font-weight:300; color:#333; line-height:26px}
.footerRight address span {padding:0 20px}
.footerRight .copy {font-size:16px; font-weight:300; color:#333; margin-top:30px}
.footerRight .copy span {padding:0 20px}
.privacyTxt {font-size:16px; font-weight:600; color:#007BFF}
.footEmail {font-size:16px; font-weight:300; color:#333; line-height:20px; margin:10px 0}
.footSns {font-size:16px; font-weight:300; color:#333; line-height:20px; margin:10px 0}
.footSns > i {width:16px; text-align:center}

.skyBtn {position:fixed; bottom:10px; right:10px; z-index:9}
.footerApplyBtn {display:flex; align-items:center; justify-content:center; width:80px; height:60px; font-size:14px; font-weight:300; color:#fff; line-height:120%; text-align:center; background:#95CF13; transition:.3s; letter-spacing:-0.75px}
.footerApplyBtn:hover {background:#7FAE04; color:#fff}
.footerApplyBtn2 {display:flex; align-items:center; justify-content:center; width:80px; height:60px; font-size:14px; font-weight:300; color:#fff; line-height:120%; text-align:center; background:#007BFF; transition:.3s}
.footerApplyBtn2:hover {background:#0053A9; color:#fff}
.footerFaqBtn {display:flex; align-items:center; justify-content:center; width:80px; height:60px; font-size:14px; font-weight:300; color:#fff; line-height:120%; text-align:center; background:#001D3D; transition:.3s}
.footerFaqBtn:hover {background:#000; color:#fff}
.footerTopBtn {display:flex; align-items:center; justify-content:center; width:80px; height:60px; font-size:22px; color:#fff; background:#333; transition:.3s}
.footerTopBtn:hover {background:#000; color:#fff}

/* searchWrap */
.searchWrap {position:fixed; top:36px; left:0; width:100%; z-index:9999999; display:none}
.searchWrap form {max-width:1200px; margin:0 auto; background:#781ac7; padding:20px 30px}
.searchBox {width:100%; position:relative; display:flex}
.searchTerm {width:100%; border:none; padding:15px 20px; height:60px; outline:none; color:#333; font-size:18px}
.searchTerm::placeholder {color:#CFCFCF; font-size:18px}
.searchButton {width:auto; height:auto; background:#fff; text-align:center; color:#192845; cursor:pointer; font-size:22px; padding:0 20px}

/* subTopCate */
.subTopCate {width:100%; height:350px; display:flex; align-items:center; justify-content:center}
.subTopCate.sv01 {background:url('../images/sv01.png') center center no-repeat; background-size:cover}
.subTopCate.sv02 {background:url('../images/sv02.png') center center no-repeat; background-size:cover}
.subTopCate.sv03 {background:url('../images/sv03.png') center center no-repeat; background-size:cover}
.subTopCate.sv04 {background:url('../images/sv04.png') center center no-repeat; background-size:cover}
.subTopCate.sv05 {background:url('../images/sv05.png') center center no-repeat; background-size:cover}
.subTopCate.sv06 {background:url('../images/sv06.png') center center no-repeat; background-size:cover}
.subTopCate.sv07 {background:url('../images/sv07.png') center center no-repeat; background-size:cover}
.subTopCate.sv08 {background:url('../images/sv01.png') center center no-repeat; background-size:cover}
.subTopCate .inner {max-width:1230px; box-sizing:border-box; margin:0 auto; text-align:center}
.subTopCateDepth1 {font-size:52px; font-weight:700; color:#fff; margin-bottom:30px}
.SubLandingTit1 {font-size:24px; font-weight:300; color:#fff; margin-bottom:30px; text-shadow:0 0 15px rgba(0,0,0,0.8)}
.SubLandingTit2 {font-size:48px; font-weight:700; color:#fff; text-shadow:0 0 20px rgba(0,0,0,0.8)}
.subTopNav {display:flex; justify-content:center; background:rgba(255, 255, 255, 0.2); border-radius:10px; padding:0 10px}
.subTopNav > li > a {display:block; font-size:16px; font-weight:300; color:#fff; padding:15px 15px}
.subTopNav > li.active > a {color:#00F5FF; font-weight:600}
.subTopNav > li > a:hover {color:#00F5FF}

/* con */
.con1200 {max-width:1230px; padding:100px 15px 180px 15px; box-sizing:border-box; margin:0 auto}
.h2Tit {font-size:38px; font-weight:700; color:#333}
.h3Tit {display:flex; align-items:center; font-size:28px; font-weight:700; color:#333}
.h3Tit:before {content:''; display:block; width:5px; height:40px; background:#333; margin-right:15px}
.h3Tit sup {font-size:18px; margin-top:7px}
.h3Tit2 {font-size:28px; font-weight:700; color:#333}
.h4Tit {font-size:22px; font-weight:700; color:#333}
.h4Tit sup {font-size:18px}
.h5Tit {font-size:20px}
.pTxt1 {margin:0; font-size:16px; font-weight:300; color:#333; line-height:24px}
.nList {margin-left:20px}
.nList > li {list-style:decimal; font-size:16px; font-weight:300; color:#333; line-height:22px; margin-bottom:5px}
.nList > li:last-child {margin-bottom:0}
.dList > li {font-size:16px; font-weight:300; line-height:22px; color:#333; display:flex; margin-bottom:7px}
.dList > li:before {content:'•'; margin-right:5px}
.bList > li {font-size:16px; font-weight:300; line-height:22px; color:#333; display:flex; margin-bottom:7px}
.bList > li:before {content:''; display:inline-block; width:7px; height:1px; background:#333; margin-top:8px; margin-right:5px}
.dList > li .bList {margin-left:3px}
.iList > li {font-size:16px; font-weight:300; line-height:22px; color:#333; display:flex; margin-bottom:7px}
.iList > li:before {content:'※'; display:inline-block; width:7px; height:1px; margin-right:5px}
.iList > li .bList {margin-left:3px}
.visionWrap {display:flex}
.boxStyle1 {width:100%; border:1px  solid #ccc; box-sizing:border-box; padding:35px}
.boxStyle2 {background:#eee; padding:20px; box-sizing:border-box; border-radius:8px}
.visionWrap .boxStyle1:last-child {margin-left:-1px}


/* timeline */
.timeline_year {background:#122984; color:#fff; font-size:32px; text-align:center; margin:0; cursor:pointer; padding:12px 0}
.timeline_year.year2026 {background:#840d96}
.timeline_year.year2025 {background:#620d96}
.timeline_year.year2024 {background:#400d96}
.timeline_year.year2023 {background:#1e0d96}
.timeline_year.year2022 {background:#0d1e96}
.timeline_year.year2021 {background:#0d3596}
.timeline_year.year2020 {background:#0d4c96}
.timeline_year.year2015-2019 {background:#0d6396}
.timeline_year.year2010-2014 {background:#0d7a96}
.timeline_year.year1954-2009 {background:#0d968f}
.timeline {position:relative}
.timeline:before {content:''; position:absolute; top:0; bottom:0; left:20px; width:2px; 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:20px 0}
.timeline_entry .columns:before {content:''; position:absolute; top:0; left:20px; width:20px; height:20px; margin:0; margin-left:-10px; background:#383b3c; border-radius:50%; border:4px solid white; box-shadow:0 10px 10px -5px rgba(56,59,60,0.375); box-sizing:border-box}
.timeline_entry .columns .column {display:flex; width:100%; padding:0 40px; 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:50px; flex-shrink:0; line-height:20px}
.timeline_entry .columns .column p {line-height:20px}
.timeline_entry .columns .column img {max-width:300px; float:right}
.timeline_entry .columns .column .btn {margin-top:10px}
.dlHorizontal {font-size:15px}
.dlHorizontal > dt {float:left; width:80px; text-align:right}
.dlHorizontal > dd {margin-left:95px}


/* tab */
.tabStyle {display:flex; border-bottom:1px  solid #007BFF; margin-left:1px}
.tabStyle > a {display:inline-flex; align-items:center; justify-content:center; width:100%; height:56px; padding:0 10px; box-sizing:border-box; font-size:16px; font-weight:500; background:#f8f8f8; border:1px solid #ddd; border-bottom:none; transition:.3s; position:relative; margin-left:-1px; text-align:center}
.tabStyle > a.active {color:#007BFF; border-color:#007BFF; border-bottom:none; background:#fff; position:relative; z-index:9}
.tabStyle > a.active:before {content:''; display:block; width:100%; height:2px; position:absolute; top:0; background:#007BFF}
.tabStyle > a.active:after {content:''; display:block; width:100%; height:3px; position:absolute; top:100%; background:#fff}

.subTabStyle {display:flex; flex-wrap:wrap; border-bottom:1px solid #007BFF; margin-left:1px}
.subTabStyle > li {display:inline-flex; align-items:center; justify-content:center; width:auto; margin-left:-1px}
.subTabStyle > li > a {display:inline-flex; align-items:center; justify-content:center; width:100%; height:50px; padding:0 12px; box-sizing:border-box; font-size:15px; font-weight:500; background:#f8f8f8; transition:.3s; border:1px solid #ddd; border-bottom:none; position:relative}
.subTabStyle > li.active > a {color:#007BFF; border-color:#007BFF; border-bottom:none; background:#fff; z-index:9; position:relative}
.subTabStyle > li.active > a:before {content:''; display:block; width:100%; height:2px; position:absolute; top:0; background:#007BFF}
.subTabStyle > li.active > a:after {content:''; display:block; width:100%; height:3px; position:absolute; top:100%; background:#fff}

.con0202a {position:relative; padding-bottom:180px}
.con0202a-left {max-width:600px}
.con0202a-right {max-width:850px; background:#F9F2FF; padding:40px; position:absolute; top:180px; right:0}

.con0202b {display:flex; gap:40px}

.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:34px; padding:0 15px; background-color:#fff; box-sizing:border-box; cursor:pointer; text-align:left; border:1px solid #ccc}
.selectLabel.formSelect {border:1px solid #D5D5D5; color:#333; height:50px; font-size:15px; font-weight:500}
.selectLabel.active {background-color:#fff; border-color:#007DFD}
.selectLabel:focus-visible, .selectLabel:focus {outline:none !important}
.selectLabelTit {width:100%; color:#333; font-size:14px; font-weight:500}
.selectLabelPlus {flex-shrink:0; width:11px; height:11px; 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:1px solid #007bff; border-top:none; box-sizing:border-box}
.optionItem {padding:0}
.optionItem a {display:flex; align-items:center; width:100%; height:38px; padding:0 15px; box-sizing:border-box; text-decoration:none; background-color:#fff; color:#333; font-size:14px; 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:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; color:#636363; line-height:20px}
.tbl_skin1 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636}
.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; color:#363636; vertical-align:middle; 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.text-center th, .tbl_skin1.text-center td {text-align:center}
.tbl_skin1.font16 th, .tbl_skin1.font16 td {font-size:16px}
.tbl_skin1 tbody td sup {font-size:13px}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.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%); position:relative}


/* input */
.inputStyle {border:1px solid #D5D5D5; border-radius:4px; color:#333; padding:0 15px; width:100%; height:50px; line-height:50px; box-sizing:border-box; font-size:15px; 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:2px solid #007DFD; background:#fff; outline:none}
.inputStyle.readonly:focus-visible {border:1px 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:18px; font-weight:600; border-radius:5px; height:50px; transition:.3s; width:100%; background:#007DFD; color:#fff}

/* APPLY NOW */
.applyBox {padding:60px 15px; 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:#007DFD; padding:15px 50px; background-image:none; box-shadow:none; margin:0 5px; 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:70px 50px}
.requestWrap .h2Tit {color:#fff}
.requestWrap .pTxt1 {color:#fff}
.requestWrap .inner {max-width:500px; margin:40px auto 0 auto}

.infoTxt {font-size:15px; font-weight:300; color:#aaa}
.infoTxt > span {display:inline-flex; align-items:center}
.infoTxt > span:after {content:''; display:block; width:2px; height:12px; background:#ccc; margin:0 10px}
.infoTxt > span:last-child:after {display:none}
.infoTxt2 {font-size:15px; font-weight:300; color:#aaa}
.infoTxt2 > span {display:inline-flex; align-items:center}
.infoTxt2 > span:after {content:''; display:block; width:2px; height:12px; background:#ccc; margin:0 10px}
.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:40px}
.galleryList .galleryList-item:last-child {margin-bottom:0}
.galleryTit {color:#007DFD}
.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:1px solid #D5D5D5; background-color:#fff; color:#A3A3A5; font-size:14px; padding:0; border-radius:4px; margin-right:1px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center}
.pagination .number.active, .pagination .number:hover {border:1px solid #333; background:#333; color:#fff}
.pagination .fa-chevron-left {border:1px solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:14px; padding:0; border-radius:4px; margin-right:1px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; margin-right:17px}	
.pagination .fa-chevron-left:hover {border:1px solid #333; color:#333}
.pagination .fa-chevron-right {border:1px solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:14px; padding:0; border-radius:4px; margin-right:1px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; margin-left:17px}	
.pagination .fa-chevron-right:hover {border:1px solid #33; color:#333}
.pagination .fa-chevrons-left {border:1px solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:14px; padding:0; border-radius:4px; margin-right:1px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center}	
.pagination .fa-chevrons-left:hover {border:1px solid #333; color:#333}
.pagination .fa-chevrons-right {border:1px solid #D5D5D5; background-color:#FBFBFB; color:#B2B2B2; font-size:14px; padding:0; border-radius:4px; margin-right:1px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center}	
.pagination .fa-chevrons-right:hover {border:1px solid #333; color:#333}


.boardInputStyle {border:1px solid #D5D5D5; border-radius:4px; color:#333; padding:0 15px; width:100%; height:40px; line-height:38px; box-sizing:border-box; font-size:14px; font-weight:500; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.boardInputStyle::placeholder {color:#B2B2B2; font-size:14px; font-weight:400}
.boardSelectStyle {border:1px solid #ddd; border-radius:4px; color:#505050; padding:0 15px; width:100%; height:40px; line-height:38px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:middle; background:url('https://english.wsu.ac.kr/site/common/image/boardSelectStyleArw.png') #fff no-repeat right 15px 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:1px solid #D5D5D5; border-radius:4px; color:#333; padding:0 15px; width:100%; height:40px; line-height:38px; box-sizing:border-box; font-size:14px; font-weight:500}
.boardSearchBox {border:1px solid #ddd; background:#f5f5f5; border-radius:5px; padding:20px}
.boardSearchBoxInner {display:flex; align-items:center; justify-content:center; max-width:400px; margin:0 auto}
.boardSearchBoxInner > .boardSelectStyle {flex-shrink:0; max-width:100px; margin-right:10px}
.boardSearchBoxInner > .boardSearchBtn {flex-shrink:0; max-width:80px; margin-left:10px}

.list-group .list-group-item {padding:15px; font-size:15px}

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

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

.leadershipStyle {background:#f5f5f5; padding:40px 30px}

blockquote {padding:10px 20px; margin:0 0 25px 0; border-left:5px solid #eee}

.leadList {display:flex; flex-wrap:wrap; gap:30px}
.leadList-item {flex:0 0 31.65%; width:100%; display:flex}
.leadList-item-left {flex-shrink:0; width:120px; height:120px; border-radius:100%; background:#eee}
.leadList-item-left > img {border-radius:100%}
.leadList-item-right {padding-left:20px}
.leadTit {font-size:20px; font-weight:700; color:#001D3D; margin-top:10px}
.leadTxt1 {font-size:15px; font-weight:400; color:#333; line-height:130%}
.leadTxt2 {font-size:14px; font-weight:400; color:#333; line-height:130%}

.applyPopStyle {z-index:999999}
.applyPopStyle .modal-dialog {width:100%; max-width:790px}
.applyPopStyle .modal-body {padding:20px}
.applyPopStyle .modal-footer {padding:20px; text-align:center}
.applyPopH2 {font-size:36px; font-weight:900; margin-bottom:10px; color:#007BFF; margin-left:15px; text-indent:-2px}
.applyPopH3 {font-size:20px; font-weight:400; margin-left:19px; text-indent:-1px}
.applyPopH4 {font-size:18px; font-weight:600; background:#ddd; padding:10px 20px}
.applyPopPtxt {font-size:18px; font-weight:400; margin-left:20px; line-height:130%}
.circleNum {margin-left:40px}
.circleNum > li {list-style:decimal; margin-bottom:5px; font-size:18px}
.circleNum > li:last-child {margin-bottom:0}
.dList2 {margin-left:22px}
.dList2 > li {display:flex; list-style:none; margin-bottom:5px; font-size:18px; line-height:130%}
.dList2 > li:before {content:'•'; margin-right:3px}
.dList2 > li:last-child {margin-bottom:0}
.applyPopBtn {display:inline-flex; align-items:center; justify-content:center; height:55px; padding:0 20px; background:#007BFF; border:1px solid #007BFF; color:#fff; transition:.3s; font-size:16px}
.applyCloseBtn {display:inline-flex; align-items:center; justify-content:center; height:55px; padding:0 20px; background:#fff; border:1px solid #333; color:#333; transition:.3s; font-size:16px}


/* FAQ */
.faq_list {border-top:1px solid #cacaca; margin-top:50px}
.faq_list > ul {margin:0; padding:0; list-style:none}
.faq_list > ul > li {position:relative; border-bottom:1px solid #cacaca; color:#636363}
.faq_list > ul > li strong.q {font-weight:500; font-size:18px; font-weight:700; color:#333}
.faq_list > ul > li strong.q, .faq_list ul li .a {display:block; padding:20px 20px 20px 45px}
.faq_list > ul > li strong.q {padding-right:10px; background:url('../images/q.png') #F2F8FF no-repeat 15px 18px}
.faq_list > ul > li > .a {overflow:hidden; position:relative; display:block; border-top:1px dashed #cacaca; background:url('../images/a.png') no-repeat 15px 21px; line-height:25px}
.faq_list > ul > li > .a .btn {position:absolute; right:10px; bottom:10px}

/* con0106 */
.con0106 {display:flex}
.con0106-left {width:400px; margin-right:30px; flex-shrink:0}


@media screen and (max-width:1600px) {
	.conCList-prev, .conCList-next {color:#fff; z-index:9}
	.conCList-prev {left:35px}
	.conCList-next {right:35px}
}
@media screen and (max-width:1400px) {
	.gnb {display:none}
	.hamburgerMenu {display:block}
}
@media screen and (max-width:1240px) {
	.leadList-item {flex:0 0 48%}
}
@media screen and (max-width:1200px) {
	.mainVisual > .inner {padding:0 20px}
	.mV-prev, .mV-next {display:none}
}
@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}
	.mainQuickWrap {margin-top:65px}
	.mainQuickWrap > .inner {gap:15px; flex-wrap:wrap}
	.mainQuickWrap > .inner > div {flex:1 1 49%}
	.conA {margin-top:125px}
	.conB {margin-top:80px}
	.conA > .inner > h3, .conB > .inner > h3, .conC > .inner > h3 {font-size:32px}
	.conA > .inner > h4 {font-size:22px}
	.conAList > a > h5 {font-size:26px}
	.conAList > a > p { font-size:16px; line-height:20px}
	.conAList > a:nth-child(1) > div::before {background-position:center center}
	.conAList > a:nth-child(2) > div::before {background-position:center center}
	.conB > .inner {padding:80px 15px}
	.conBList {flex-wrap:wrap}
	.conBList > a {margin-bottom:20px}
	.conCList {margin-top:30px}
    .momentsCate {padding:0 20px}
	.momentsTit {font-size:18px; padding:0 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:300px}
    .con0202a-right {top:300px}
	.SubLandingTit1 {font-size:20px; margin-bottom:15px}
	.SubLandingTit2 {font-size:40px} 
	.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}
	.mainQuickWrap {margin-top:110px}
	.mainQuickWrap > .inner > div > a {height:120px; font-size:20px}
	.conAList {flex-wrap:wrap; gap:50px}
	.conAList > a > div {height:180px}
	.conBList > a > div {height:180px}
	footer > .inner {flex-wrap:wrap}
	.footerLogo {margin-bottom:20px}
	.subTopCateDepth1 {font-size:46px; margin-bottom:25px}
	.subTopCate .inner {padding:15px 15px}
	.con1200 {padding:50px 15px 150px 15px}
	.h2Tit {font-size:36px}
	.h3Tit, .h3Tit2 {font-size:20px}
	.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}
	.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}
	.con0202a {padding-bottom:0}
    .con0202a-left {max-width:100%}
    .con0202a-right {max-width:100%; position:relative; top:0}
	.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 #007DFD}
	.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 #007DFD}
	.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}
	.subTopCate.sv01 {background-position:right 30% center}
	.subTopCate.sv02 {background-position:right 10% center}
	.subTopCate.sv03 {background-position:right 10% center}
	.subTopCate.sv06 {background-position:left 25% center}
	.subTopCate.sv07 {background-position:right 25% center}
	.subTopCate.sv08 {background-position:right 30% center}
	.SubLandingTit1 {font-size:18px; margin-bottom:15px}
	.SubLandingTit2 {font-size:34px; line-height:100%}
	.leadList-item {flex:0 0 100%}
	.mV-prev, .mV-next {font-size:50px; top:calc(50% - 25px)}
	.mainVisualTxtWrap {top:40px; padding:20px 20px 20px 20px; width:calc(100% - 40px)}
	.mainVisualTxtWrap h3 {font-size:24px}
	.mainVisualTxtWrap h4 {font-size:15px; margin-top:10px; line-height:120%}
	.mvThumList .swiper-slide {height:100px}
	.mvThumList .swiper-slide p {font-size:16px}
    .mainVisual {height:calc(100vh - 286px)}
	.mv01 {background:url('../images/mainVisual02_m.png') center bottom no-repeat; background-size:cover}
	.mv02 {background:url('../images/mainVisual01_m_v1.png') center bottom no-repeat; background-size:cover}
	.mv03 {background:url('../images/mainVisual03_m.png') right bottom no-repeat; background-size:cover}
	.mv04 {background:url('../images/mainVisual04_m.png') center bottom no-repeat; background-size:cover}
	.con0106 {flex-wrap:wrap}
	.con0106-left {width:100%; margin-right:0px; margin-bottom:50px}
	.con0106-right {width:100%}
}
@media screen and (max-width:600px) {
	.conA {margin-top:120px}
	.conA > .inner > h3, .conB > .inner > h3, .conC > .inner > h3 {font-size:28px}
	.conA > .inner > h4 {font-size:18px}
    .conAList {margin-top:30px}
	.conAList > a > h5 {font-size:24px}
	.conBList > a > div {height:160px}
	.conBList > a > div > span {font-size:16px}
	.momentsCate {font-size:16px}
	.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}
	.subTopCate {height:250px}
    .subTopCateDepth1 {font-size:36px}
}
@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}
	.mainQuickWrap {margin-top:60px}
	.mainQuickWrap > .inner > div > a {height:80px; font-size:16px}
	.conA {margin-top:100px}	
	.conA > .inner > h3, .conB > .inner > h3, .conC > .inner > h3 {font-size:24px}
	.conA > .inner > h4 {font-size:16px}
	.conAList {gap:40px}
	.conAList > a > h5 {font-size:18px; padding:20px 25px 0 25px}
	.conAList > a > p {font-size:14px; margin:5px 25px 0 25px}
	.conB {margin-top:60px}
	.conB > .inner {padding:60px 15px}
	.conBList {margin-top:30px; gap:35px}
	.conBList > a > div {height:140px}
	.conBList > a > div > span {font-size:15px; bottom:20px; left:20px}
	.conBList > a > h5 {font-size:18px; padding:15px 15px 0 15px}
    .conC {padding:80px 0 0 0}
	.conCList .swiper-slide {height:auto}
	.momentsCate {font-size:15px}
	.momentsTit {font-size:16px}
	.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}
	.mvThumList .swiper-slide {height:80px}
	.mvThumList .swiper-slide p {font-size:14px}
}
@media screen and (max-width:425px) {
	.lanBtnWrap {display:none}	
}
@media screen and (max-width:400px) {
	.mainQuickWrap {margin-top:90px}	
}