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

/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('../fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {margin:0; padding:0; border:0; font-size:100%; font-family:"Pretendard Variable", Pretendard, sans-serif; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; letter-spacing:-0.45px; word-break:keep-all}
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-decoration:none; text-underline-position:under}
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
.bx-wrapper {box-shadow:none; border:none; background:none; margin:0}
.bx-wrapper .bx-controls-direction a {text-indent:0 !important; color:rgba(255,255,255,0) !important}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:999999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}


/* common */
.text-indent {text-indent:-520.7813vw; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.img-responsive {display:block; max-width:100%; height:auto}
.show-768 {display:none}
.colorGreen {color:#15471E}
.colorBlue {color:#003E85}
.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.tableResponsive {position:relative}
.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 {justify-content:flex-end}
.flex-shrink0 {flex-shrink:0}
.align-self-end {align-self:end}
.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.1250vw}
.gap70 {gap:3.6458vw}

.mt5 {margin-top:0.2604vw !important}
.mt10 {margin-top:0.5208vw !important}
.mt20 {margin-top:1.0417vw !important}
.mt30 {margin-top:1.5625vw !important}
.mt40 {margin-top:2.0833vw !important}
.mt50 {margin-top:2.6042vw !important}
.mb20 {margin-bottom:1.0417vw !important}
.mb30 {margin-bottom:1.5625vw !important}
.ml10 {margin-left:0.5208vw}
.ml20 {margin-left:1.0417vw}
.nList {margin-left:1.0417vw}
.nList > li {list-style:decimal}
.hangulList {margin-left:1.2500vw}
.hangulList > li {list-style:hangul}

/* header */
.headerTop {background-image:linear-gradient(to right, #15471E , #003E85)}
.headerTop > .inner {max-width:64.0625vw; margin:0 auto; padding:0 0.7813vw; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-end; height:1.8750vw}
.headerTopUtil {font-size:0.6250vw; font-weight:400; color:#fff; margin-left:1.5625vw}
.header > .inner {max-width:64.0625vw; margin:0 auto; padding:0 0.7813vw; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
.header > .inner > h1 {flex-shrink:0}
.headerLogo {width:100%; height:1.2500vw}
.btnSide {display:none; color:#000; font-size:1.2500vw; text-align:right; margin-top:0; margin-left:1.0417vw}
.gnb {z-index:99999; position:relative; display:flex}
.gnb > li {position:relative; font-size:0.9375vw; padding-left:1.0417vw; cursor:pointer}
.gnb > li > a {display:block; padding:0.9375vw 0.7813vw; margin:0.6771vw 0; color:#000; font-weight:500; min-width:7.2917vw}
.gnb > li:last-child {margin-right:-0.7813vw}
.gnb > li:hover > a, .gnb > li.active > a {color:#fff; text-decoration:none}
.gnb > li > ul {padding:0.5208vw 0 0.5208vw 0; list-style:none; position:absolute; top:100%; right:0; margin-top:-1.7188vw; z-index:1000; float:right; min-width:7.2917vw; display:none}
.gnb > li > ul > li > a {color:#fff; display:block; padding:0.2604vw 0.7813vw; font-size:0.7813vw; 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;}
.gnb .tit {display:none; padding:0.7813vw 1.0417vw; background:#fff; overflow:hidden; margin:0; font-size:0.9375vw}
.gnb .tit > i {float:right; font-size:1.1458vw}
#headerMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}
.gnb > li:hover > a, .gnb > li > ul {background-color:#003E85}
.gnb > li.active > a {color:#003E85}
.gnb > li.active:hover > a {color:#fff}

/* mainSwiper */
.mainSwiper .swiper-button-prev, .mainSwiper .swiper-button-next {color:#fff}
.mainSwiper .swiper-button-next:after, .mainSwiper .swiper-button-prev:after {font-size:2.6042vw}
.mainSwiper .swiper-pagination-bullet {width:0.6250vw; height:0.6250vw; background:#fff; opacity:0.5}
.mainSwiper .swiper-pagination-bullet-active {background:#fff; opacity:1}
.mainSwiper .swiper-horizontal>.swiper-pagination-bullets, .mainSwiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:1.0417vw}

/* mainConA */
.mainConA {position:relative; z-index:9}
.mainConA > .inner {max-width:64.0625vw; margin:-4.4271vw auto 0 auto; padding:0 0.7813vw; box-sizing:border-box}
.mainConA_box {background:#fff; border-radius:0.5208vw; padding:2.0833vw 2.3438vw; box-sizing:border-box; display:flex; justify-content:space-between; gap:1.5625vw}
.mainConA_tit {font-size:1.1458vw; font-weight:700; color:#000; display:flex; align-items:center; justify-content:space-between; margin-bottom:1.0417vw}
.notiBoxWrap {display:flex; gap:1.0417vw}
.notiBox {background:#F5F5F5; padding:1.5625vw; box-sizing:border-box; width:50%; height:13.0208vw; position:relative; transition:.3s}
.notiBox:hover {background:#E3EAF3}
.notiBox > .notiTit {font-size:1.0417vw; font-weight:600; line-height:1.4583vw; color:#000; margin-bottom:1.0417vw; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.notiBox > .notiTxt {font-size:0.8333vw; font-weight:300; line-height:1.1979vw; color:#000; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.notiBox > .notiDate {font-size:0.7292vw; font-weight:300; color:#666; position:absolute; bottom:1.5625vw}
.notiBox > .notiDate > i {margin-right:0.2604vw}
.mainConA_boxRight {flex-shrink:0; width:17.1875vw}
.photoSwiper .swiper-slide img {width:100%; height:13.0208vw}
.photoSwiper-stop {margin:0 0.5208vw}
.photoSwiper-prev, .photoSwiper-next, .photoSwiper-stop {transition:.3s}
.photoSwiper-prev:hover, .photoSwiper-next:hover, .photoSwiper-stop:hover {color:#1369DA}

/* mainConB */
.mainConB {background:url('../images/mainConB_bg.png') #337E81 center center no-repeat; background-size:cover; margin-top:1.0417vw}
.mainConB > .inner {max-width:64.0625vw; margin:0 auto; padding:2.6042vw 0.7813vw; box-sizing:border-box; display:flex; justify-content:space-between}
.mainConB_left {flex-shrink:0}
.mainConB_left > h3 {font-size:2.0833vw; font-weight:800; color:#fff; margin-top:0.5208vw; margin-bottom:0.5208vw}
.mainConB_left > p {font-size:0.8333vw; font-weight:400; color:#fff; opacity:0.8; line-height:1.1458vw}
.mainConB_left > .gallMoreBtn {display:flex; align-items:center; justify-content:center; width:9.3750vw; height:2.6042vw; font-size:0.8333vw; font-weight:400; color:#fff; border:0.0521vw solid #fff; transition:.3s; margin-top:2.6042vw}
.mainConB_left > .gallMoreBtn:hover {background:#fff; color:#333}
.mainConB_right {display:flex; gap:1.5625vw}
.mainConB_right > .gallThum {position:relative; display:block; overflow:hidden}
.mainConB_right > .gallThum > img {width:18.7500vw; height:13.0208vw; transition:.3s}
.mainConB_right > .gallThum:hover > img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.mainConB_right > .gallThum > .gallThumTit {display:block; padding:0.7292vw 0.5208vw; width:100%; background:rgba(0,0,0,0.7); color:#fff; font-size:0.8333vw; font-weight:400; position:absolute; bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center}

/* mainConC */
.mainConC > .inner {max-width:64.0625vw; margin:0 auto; padding:2.6042vw 0.7813vw 3.1250vw 0.7813vw; box-sizing:border-box; text-align:center}
.mainConC_tit {font-size:1.6667vw; font-weight:700; color:#000; margin-bottom:0.5208vw}
.mainConC_txt {font-size:0.8333vw; font-weight:400; color:#000; opacity:0.7}
.mainConC_list {display:flex; align-items:center; justify-content:space-between; margin-top:2.0833vw}
.mainConC_list > a {display:flex; align-items:center; justify-content:center; border:0.1042vw solid #bbb; border-radius:0.7813vw; width:9.3750vw; height:9.3750vw; color:#333}
.mainConC_list > a:hover {border:0.1563vw solid #013F83; color:#023F7F}
.mainConC_list > a > div {display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap; height:5.5729vw}
.mainConC_list > a > div > i {width:100%; font-size:2.0833vw; margin-bottom:0.7813vw}
.mainConC_list > a > div > p {width:100%; font-size:0.9375vw; font-weight:400; line-height:1.0938vw}

/* mainConD */
.mainConD {background:url('../images/mainConD_bg.png') #EFF5FE right center no-repeat; background-size:cover}
.mainConD > .inner {max-width:64.0625vw; margin:0 auto; padding:2.6042vw 0.7813vw; box-sizing:border-box; display:flex; justify-content:space-between}
.mainConD_left {flex-shrink:0; width:100%; max-width:23.4375vw}
.mainConD_left > h3 {font-size:2.0833vw; font-weight:800; color:#003E85; line-height:2.5000vw; margin-top:0.5208vw; margin-bottom:1.0417vw}
.mainConD_left > p {font-size:0.8333vw; font-weight:400; color:#003E85; opacity:0.8; line-height:1.1458vw}
.alumniMoreBtnWrap {display:flex; align-items:center; margin-top:2.6042vw}
.alumniMoreBtn {display:inline-flex; align-items:center; justify-content:center; width:9.3750vw; height:2.6042vw; font-size:0.8333vw; font-weight:400; color:#003E85; border:0.0521vw solid #003E85; transition:.3s}
.alumniMoreBtn:hover {background:#003E85; color:#fff}
.alumniSwiper-prev, .alumniSwiper-next {display:inline-flex; align-items:center; justify-content:center; width:2.6042vw; height:2.6042vw; font-size:1.3021vw; color:#003E85; border:0.0521vw solid #003E85; box-sizing:border-box}
.alumniSwiper-prev {margin-left:0.5208vw}
.alumniSwiper-next {margin-left:-0.0521vw}
.mainConD_right {width:calc(100% - 23.4375vw); display:flex}
.acList {display:flex; flex-wrap:wrap; gap:2.0833vw}
.acList-item {text-align:center; font-size:0.8333vw; font-weight:300; color:#000; width:100%; max-width:calc(33% - 1.3542vw)}
.acList-item > img {margin-bottom:0.7813vw; width:100%}

/* mainConE */
.mainConE {margin-top:2.0833vw}
.mainConE > .inner {max-width:64.0625vw; margin:0 auto; padding:0 0.7813vw; box-sizing:border-box}


/* footer */
footer {background:#20242B; margin-top:5.2083vw}
footer > .inner {max-width:64.0625vw; margin:0 auto; padding:0 0.7813vw; box-sizing:border-box}
.footerTop > section {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; box-sizing:border-box; padding:0.5208vw 0; border-bottom:0.0521vw solid rgba(255,255,255,0.3)}
.footerTop > section > ul {display:flex; align-items:center; flex-wrap:wrap}
.footerTop > section > ul > li {font-size:0.7292vw; font-weight:400; color:#fff; position:relative; padding-right:0.7813vw; margin-right:0.7813vw}
.footerTop > section > ul > li:after {content:''; display:block; width:0.0521vw; height:100%; background:#ddd; position:absolute; top:0; right:0}
.footerTop > section > ul > li:last-child {margin-right:0; padding-right:0}
.footerTop > section > ul > li:last-child:after {display:none}
.privacyStyle {color:#EBE54E}
.footerTop_right {display:flex; align-items:center; flex-wrap:wrap; border:0.0521vw solid #fff}
.footerTop_right > ul {display:flex; align-items:center; margin-bottom:0}
.footerTop_right > ul > li {font-size:0.7292vw; font-weight:500; color:#888; margin-right:1.5625vw}
.footerTop_right > ul > li i {color:#B96060; margin-left:0.1042vw}
.goSiteWrap {display:flex; align-items:center}
.goSiteWrap > li {position:relative; width:7.8125vw; margin-right:0 !important}
.goSiteWrap > li > a {display:block; width:100%; background:url('../images/siteMore.png') #fff right 0.5208vw center no-repeat; color:#7d7d7d; font-size:0.6771vw; padding:0.6250vw 0 0 0.5208vw; height:1.8750vw; box-sizing:border-box}
.goWebsite {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #545557; scrollbar-base-color: #efefef; scrollbar-Face-Color: #545557; scrollbar-Track-Color: #262727; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #545557}
.goWebsite::-webkit-scrollbar {width:0.6771vw}
.goWebsite::-webkit-scrollbar-track {background:#ddd}
.goWebsite::-webkit-scrollbar-thumb {background:#999}
.goWebsite {width:7.9167vw; height:7.8125vw; position:absolute; right:0; bottom:1.8750vw; background:#fff; border:0.0521vw solid #e0e0e0; border-bottom:none; overflow-y:scroll; padding-top:0.5208vw; box-sizing:border-box; z-index:998}
.goWebsite li {font-size:0.5729vw; padding-left:0.5208vw; margin-bottom:0.5208vw; background:url(../img/noticeDot.png) left center no-repeat}
.goWebsite li a {color:#7d7d7d}
.goSitebtn {background:#333333; color:#fff; font-size:0.6250vw; width:2.3958vw; height:1.8750vw; display:inline-flex; align-items:center; justify-content:center}
.footerBottom {padding:0.7813vw 0 2.0833vw 0}
.footerBottom address {font-size:0.8333vw; font-weight:300; color:rgba(255,255,255,0.8)}
.footerBottom .copyright {font-size:0.7292vw; font-weight:300; color:rgba(255,255,255,0.4)}
.footerBottom address span {padding:0 0.5208vw}
.copyright {margin-top:0.5208vw}


/* subVisual */
#subVisual > .inner img {width:100%}

/* subContainer */
#subContainer > .inner {max-width:64.0625vw; margin:0 auto; padding:2.6042vw 0.7813vw 7.8125vw 0.7813vw; box-sizing:border-box; display:flex}
#leftCont {flex-shrink:0; width:13.0208vw; margin-right:2.0833vw}
#leftCont > h2 {text-align:center; font-size:1.6667vw; margin:0}
.leftmenu {margin:1.5625vw 0; border:0.0521vw solid #ccc}
.leftmenu > li {border-bottom:0.0521vw solid #ccc}
.leftmenu > li:last-child {border-bottom:none}
.leftmenu > li > a {display:block; padding:0.9375vw 1.0417vw; box-sizing:border-box; font-size:0.8333vw; font-weight:400; transition:.3s}
.leftmenu > li:hover > a {background:#eee}
.leftmenu > li.active > a {background-image:linear-gradient(to right, #15471E , #003E85); color:#fff; font-weight:500}
#subContainer #bodyCon {width:100%; overflow:hidden}
#rightCont {width:100%; font-size:0.8333vw; line-height:1.1458vw; color:#333}
#rightCont h3.h3Tit {font-size:1.9792vw; font-weight:700; margin-bottom:2.6042vw; border-bottom:0.0521vw solid #ccc; padding-bottom:1.0417vw; line-height:130%}
#rightCont h4.h4Tit {font-size:1.4583vw; font-weight:700; color:#000}
#rightCont h5.h5Tit {font-size:1.0417vw; font-weight:700; color:#000; line-height:120%}
#rightCont h6.h6Tit {font-size:0.9375vw; font-weight:500; color:#000; line-height:120%}
#rightCont .pTxt1 {font-size:0.8333vw; font-weight:400; color:#333; line-height:140%}

/* tabStyle */
.tabStyle {width:100%; border-top:0.0521vw solid #e1e1e1; border-left:0.0521vw solid #e1e1e1; overflow:hidden; display:flex; flex-wrap:wrap}
.tabStyle li a {display:inline-flex; align-items:center; justify-content:center; width:100%; height:2.6042vw; font-size:0.8333vw; color:#444; border-right:0.0521vw solid #e1e1e1; border-bottom:0.0521vw solid #e1e1e1; z-index:0}
.tabStyle li.active {background:#003E85; color:#fff}
.tabStyle li.active a {color:#fff; border:none}
.tabStyle li:hover, .tabStyle li:hover a {background:#bbb}
.tabStyle.tab2 li {width:50%}
.tabStyle.tab3 li {width:33.3%}
.tabStyle.tab4 li {width:25%}
.tabStyle.tab5 li {width:20%}

.subTabStyle {display:flex; flex-wrap:wrap; border-bottom:0.0521vw solid #ddd}
.subTabStyle > li {display:flex; align-items:center; height:2.3438vw; position:relative}
.subTabStyle > li > a {width:100%; padding:0 1.0417vw; text-align:center}
.subTabStyle > li.active, .subTabStyle > li:hover {border:0.0521vw solid #ddd; border-bottom:none; border-radius:0.2604vw 0.2604vw 0 0}
.subTabStyle > li.active:before {content:''; width:100%; height:0.1563vw; background:#fff; position:absolute; bottom:-0.1042vw}

/* table */
.tbl_skin1 {margin:0.5208vw auto; width:100%; border-top:0.1042vw solid #4b4b4b; background-color:#ffffff; text-align:left; font-size:0.7813vw; color:#636363; line-height:1.0417vw; word-break:keep-all}
.tbl_skin1 thead th {padding:0.7813vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #b5b5b5; color:#363636; background:#F9F9F9}
.tbl_skin1 tbody th {padding:0.7813vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #e2e2e2; background:#F9F9F9}
.tbl_skin1 tbody th {padding:0.7813vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin1 tbody td {padding:0.7813vw; border-right:0.0521vw solid #e2e2e2; border-bottom:0.0521vw solid #e2e2e2}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 .br {border-right:0.0521vw solid #e2e2e2 !important}
.tbl_skin1 .br0 {border-right:0 !important}
.tbl_skin1 .tl {text-align:left;vertical-align:top}
.justifyAlign {display:flex; justify-content:space-between}

/* introWrap */
.introWrap {display:flex}
.introWrap_img {margin-right:1.5625vw; width:10.4167vw; flex-shrink:0}
.introWrap_con > h2 {font-family:'GmarketSansBold'; font-size:1.8750vw; line-height:110%; letter-spacing:-0.0391vw; padding-top:0.7813vw}
.introWrap_con > h2 span {font-family:'GmarketSansBold'; font-size:1.7708vw; line-height:110%; letter-spacing:-0.0391vw}
.introWrap_con > h2 > p {font-family:'GmarketSansBold'; font-size:1.7708vw; line-height:110%; letter-spacing:-0.0391vw; text-indent:1.0417vw}
.introWrap_con > h3 {font-size:1.3542vw; font-weight:700; line-height:110%; letter-spacing:-0.0391vw; margin-top:1.0417vw}
.introWrap_con > h4 {font-size:1.0417vw; font-weight:500; line-height:110%; letter-spacing:-0.0391vw; margin:1.0417vw 0 1.5625vw 1.0417vw}
.introWrap_con .introTxt {font-size:0.8333vw; font-weight:400; line-height:150%; margin-left:1.0417vw}
.introFinish {text-align:right; margin-top:1.5625vw}
.introFinish > h3 {font-size:1.0417vw; font-weight:700; margin-top:0.5208vw}
.introFinish > h4 {font-size:0.9375vw; font-weight:400}
.dList > li {display:flex; margin-left:0 !important; margin-bottom:0.2604vw}
.dList > li:before {content:''; display:inline-flex; flex-shrink:0; width:0.2604vw; height:0.2604vw; background:#777; border-radius:100%; margin-top:0.4167vw; margin-right:0.2604vw}

/* calendar */
.c_header {display:flex; align-items:center; justify-content:center}
.c_header > .c_month {font-size:1.6667vw; font-weight:700; margin:0 0.7813vw}
.wsi {background-color:#142a5b; color:#fff; font-size:0.6250vw; width:1.0417vw; height:1.0417vw; border-radius:100%; display:inline-flex; justify-content:center; align-items:center}
.wsu {background-color:#005825; color:#fff; font-size:0.6250vw; width:1.0417vw; height:1.0417vw; border-radius:100%; display:inline-flex; justify-content:center; align-items:center}

.inMore {background-image:linear-gradient(to right, #15471E , #003E85); color:#fff; display:inline-flex; align-items:center; justify-content:center; width:1.3021vw; height:1.3021vw; border-radius:100%}

.honorBoxWrap {text-align:center}
.honorBoxWrap [class*="col-"] {margin-bottom:1.5625vw}
.honorBox_text {border:solid 0.0521vw #ddd; height:3.2292vw; display:flex; align-items:center; justify-content:center}
.honorBox_text:hover {background:#f3f6ff}
.honorBox_text p {font-size:0.6250vw; color:#003E85; line-height:0.8333vw; min-height:0.8854vw; margin:0 auto}
.honorBox_text h6 {font-size:0.9375vw; font-weight:500; color:#000; line-height:0.9896vw; margin:0.2604vw}

.root_daum_roughmap .wrap_map {height:100% !important; border:0.0521vw solid #ddd}

.selectBoxStyle {position:relative; display:inline-block; width:100%}
.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; border-radius:0.2604vw}
.selectLabel.formSelect {border:0.0521vw solid #D5D5D5; border-radius:0.2083vw; color:#333; height:2.6042vw; font-size:0.8333vw; font-weight:500}
.selectLabel.active {background-color:#fff; border-color:#0e4e96}
.selectLabel:focus-visible, .selectLabel:focus {outline:none !important}
.selectLabelTit {width:100%; color:#333; font-size:0.8333vw; font-weight:500}
.selectLabelPlus {flex-shrink:0; width:0.5729vw; height:0.5729vw; background:url('https://www.wsu.ac.kr/site/main/images/selectLabelDown.svg') center center no-repeat}
.selectLabel.active .selectLabelPlus {background:url('https://www.wsu.ac.kr/site/main/images/selectLabelUp.svg') center center no-repeat}
.optionList {display:none; position:absolute; top:100%; left:0; min-width:max-content; width:100%; height:6.7708vw; overflow-y:auto; background-color:#fff; z-index:1000; list-style:none; padding:0; margin:0; border:0.0521vw solid #ccc; box-sizing:border-box}
.optionItem {padding:0}
.optionItem a {display:flex; align-items:center; width:100%; height:2.0833vw; 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}

.year {font-size:0.9375vw; font-weight:700}
.home {color:#003E85}
.home:hover {color:#002957; transition:0.3s}

.locaBtnA {background:#15471E; color:#fff; display:flex; align-items:center; justify-content:center; height:2.8646vw; font-size:0.8333vw; font-weight:500; transition:.3s}
.locaBtnA:hover {background:#093010}
.locaBtnB {background:#003E85; color:#fff; display:flex; align-items:center; justify-content:center; height:2.8646vw; font-size:0.8333vw; font-weight:500; transition:.3s}
.locaBtnB:hover {background:#033065}

.acItemTit {font-size:18px; font-weight:700; color:#000; display:flex; align-items:center; margin-bottom:10px}
.acItemTit > img {margin-right:7px}
.acItemBox {background:#F5F5F5; border-radius:15px; padding:20px 25px; box-sizing:border-box}
.acItemBox > dl {display:flex; margin-bottom:10px}
.acItemBox > dl:last-child {margin-bottom:0}
.acItemBox > dl > dt {flex-shrink:0; display:flex; justify-content:space-between; width:55px; margin-right:15px; font-size:15px; font-weight:700; color:#333}
.acItemBox > dl > dd {font-size:15px; font-weight:300; color:#333}




@media screen and (max-width:1920px) {
	.text-indent {text-indent:-9999px}
	.gap5 {gap:5px}
	.gap10 {gap:10px}
	.gap20 {gap:20px}
	.gap30 {gap:30px}
	.gap40 {gap:40px}
	.gap50 {gap:50px}
	.gap60 {gap:60px}
	.gap70 {gap:70px}
	.mt5 {margin-top:5px !important}
	.mt10 {margin-top:10px !important}
	.mt20 {margin-top:20px !important}
	.mt30 {margin-top:30px !important}
	.mt40 {margin-top:40px !important}
	.mt50 {margin-top:50px !important}
	.mb20 {margin-bottom:20px !important}
	.mb30 {margin-bottom:30px !important}
	.ml10 {margin-left:10px}
	.ml20 {margin-left:20px}
	.nList {margin-left:20px}
	.hangulList {margin-left:24px}

	/* header */
	.headerTop > .inner {max-width:1230px; padding:0 15px; height:36px}
	.headerTopUtil {font-size:12px; margin-left:30px}
	.header > .inner {max-width:1230px; padding:0 15px}
	.headerLogo {height:24px}
	.btnSide {font-size:24px; margin-top:0; margin-left:20px}
	.gnb > li {font-size:18px; padding-left:20px}
	.gnb > li > a {padding:18px 15px; margin:13px 0; min-width:140px}
	.gnb > li:last-child {margin-right:-15px}
	.gnb > li > ul {padding:10px 0 10px 0; margin-top:-33px; min-width:140px}
	.gnb > li > ul > li > a {padding:5px 15px; font-size:15px}
	.gnb .tit {padding:15px 20px; font-size:18px}
	.gnb .tit > i {font-size:22px}

	/* mainSwiper */
	.mainSwiper .swiper-button-next:after, .mainSwiper .swiper-button-prev:after {font-size:50px}
	.mainSwiper .swiper-pagination-bullet {width:12px; height:12px}
	.mainSwiper .swiper-horizontal>.swiper-pagination-bullets, .mainSwiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:20px}

	/* mainConA */
	.mainConA > .inner {max-width:1230px; margin:-85px auto 0 auto; padding:0 15px}
	.mainConA_box {border-radius:10px; padding:40px 45px; gap:30px}
	.mainConA_tit {font-size:22px; margin-bottom:20px}
	.notiBoxWrap {gap:20px}
	.notiBox {padding:30px; height:250px}
	.notiBox > .notiTit {font-size:20px; line-height:28px; margin-bottom:20px}
	.notiBox > .notiTxt {font-size:16px; line-height:23px}
	.notiBox > .notiDate {font-size:14px; bottom:30px}
	.notiBox > .notiDate > i {margin-right:5px}
	.mainConA_boxRight {width:330px}
	.photoSwiper .swiper-slide img {height:250px}
	.photoSwiper-stop {margin:0 10px}

	/* mainConB */
	.mainConB {margin-top:20px}
	.mainConB > .inner {max-width:1230px; padding:50px 15px}
	.mainConB_left > h3 {font-size:40px; margin-top:10px; margin-bottom:10px}
	.mainConB_left > p {font-size:16px; line-height:22px}
	.mainConB_left > .gallMoreBtn {width:180px; height:50px; font-size:16px; border:1px solid #fff; margin-top:50px}
	.mainConB_right {gap:30px}
	.mainConB_right > .gallThum > img {width:360px; height:250px}
	.mainConB_right > .gallThum > .gallThumTit {padding:14px 10px; font-size:16px}

	/* mainConC */
	.mainConC > .inner {max-width:1230px; padding:50px 15px 60px 15px}
	.mainConC_tit {font-size:32px; margin-bottom:10px}
	.mainConC_txt {font-size:16px}
	.mainConC_list {margin-top:40px}
	.mainConC_list > a {border:2px solid #bbb; border-radius:15px; width:180px; height:180px}
	.mainConC_list > a:hover {border:3px solid #013F83}
	.mainConC_list > a > div {height:107px}
	.mainConC_list > a > div > i {font-size:40px; margin-bottom:15px}
	.mainConC_list > a > div > p {font-size:18px; line-height:21px}

	/* mainConD */
	.mainConD > .inner {max-width:1230px; padding:50px 15px}
	.mainConD_left {max-width:450px}
	.mainConD_left > h3 {font-size:40px; line-height:48px; margin-top:10px; margin-bottom:20px}
	.mainConD_left > p {font-size:16px; line-height:22px}
	.alumniMoreBtnWrap {margin-top:50px}
	.alumniMoreBtn {width:180px; height:50px; font-size:16px; border:1px solid #003E85}
	.alumniSwiper-prev, .alumniSwiper-next {width:50px; height:50px; font-size:25px; border:1px solid #003E85}
	.alumniSwiper-prev {margin-left:10px}
	.alumniSwiper-next {margin-left:-1px}
	.mainConD_right {width:calc(100% - 450px)}
	.acList {gap:40px}
	.acList-item {font-size:16px; max-width:calc(33% - 26px)}
	.acList-item > img {margin-bottom:15px}

	/* mainConE */
	.mainConE {margin-top:40px}
	.mainConE > .inner {max-width:1230px; padding:0 15px}

	/* footer */
	footer {margin-top:100px}
	footer > .inner {max-width:1230px; padding:0 15px}
	.footerTop > section {padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.3)}
	.footerTop > section > ul > li {font-size:14px; padding-right:15px; margin-right:15px}
	.footerTop > section > ul > li:after {width:1px}
	.footerTop_right {border:1px solid #fff}
	.footerTop_right > ul > li {font-size:14px; margin-right:30px}
	.footerTop_right > ul > li i {margin-left:2px}
	.goSiteWrap > li {width:150px}
	.goSiteWrap > li > a {background:url('../images/siteMore.png') #fff right 10px center no-repeat; font-size:13px; padding:12px 0 0 10px; height:36px}
	.goWebsite::-webkit-scrollbar {width:13px}
	.goWebsite {width:152px; height:150px; bottom:36px; border:1px solid #e0e0e0; padding-top:10px}
	.goWebsite li {font-size:11px; padding-left:10px; margin-bottom:10px}
	.goSitebtn {font-size:12px; width:46px; height:36px}
	.footerBottom {padding:15px 0 40px 0}
	.footerBottom address {font-size:16px}
	.footerBottom .copyright {font-size:14px}
	.footerBottom address span {padding:0 10px}
	.copyright {margin-top:10px}

	/* subContainer */
	#subContainer > .inner {max-width:1230px; padding:50px 15px 150px 15px}
	#leftCont {width:250px; margin-right:40px}
	#leftCont > h2 {font-size:32px}
	.leftmenu {margin:30px 0; border:1px solid #ccc}
	.leftmenu > li {border-bottom:1px solid #ccc}
	.leftmenu > li > a {padding:18px 20px;font-size:16px}
	#rightCont {font-size:16px; line-height:22px}
	#rightCont h3.h3Tit {font-size:38px; margin-bottom:50px; border-bottom:1px solid #ccc; padding-bottom:20px}
	#rightCont h4.h4Tit {font-size:28px}
	#rightCont h5.h5Tit {font-size:20px}
	#rightCont h6.h6Tit {font-size:18px}
	#rightCont .pTxt1 {font-size:16px}

	/* tabStyle */
	.tabStyle {border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1}
	.tabStyle li a {height:50px; font-size:16px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
	.subTabStyle {border-bottom:1px solid #ddd}
	.subTabStyle > li {height:45px}
	.subTabStyle > li > a {padding:0 20px}
	.subTabStyle > li.active, .subTabStyle > li:hover {border:1px solid #ddd; border-radius:5px 5px 0 0}
	.subTabStyle > li.active:before {height:3px; bottom:-2px}

	/* table */
	.tbl_skin1 {margin:10px auto; border-top:2px solid #4b4b4b; font-size:15px; line-height:20px}
	.tbl_skin1 thead th {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5}
	.tbl_skin1 tbody th {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
	.tbl_skin1 tbody th {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
	.tbl_skin1 tbody td {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
	.tbl_skin1 .br {border-right:1px solid #e2e2e2 !important}

	/* introWrap */
	.introWrap_img {margin-right:30px; width:200px}
	.introWrap_con > h2 {font-size:36px; letter-spacing:-0.75px; padding-top:15px}
	.introWrap_con > h2 span {font-size:34px; letter-spacing:-0.75px}
	.introWrap_con > h2 > p {font-size:34px; letter-spacing:-0.75px; text-indent:20px}
	.introWrap_con > h3 {font-size:26px; letter-spacing:-0.75px; margin-top:20px}
	.introWrap_con > h4 {font-size:20px; letter-spacing:-0.75px; margin:20px 0 30px 20px}
	.introWrap_con .introTxt {font-size:16px; margin-left:20px}
	.introFinish {margin-top:30px}
	.introFinish > h3 {font-size:20px; margin-top:10px}
	.introFinish > h4 {font-size:18px}
	.dList > li {margin-bottom:5px}
	.dList > li:before {width:5px; height:5px; margin-top:8px; margin-right:5px}

	/* calendar */
	.c_header > .c_month {font-size:32px; margin:0 15px}
	.wsi {font-size:12px; width:20px; height:20px}
	.wsu {font-size:12px; width:20px; height:20px}
	.inMore {width:25px; height:25px}
	.honorBoxWrap [class*="col-"] {margin-bottom:30px}
	.honorBox_text {border:solid 1px #ddd; height:62px}
	.honorBox_text p {font-size:12px; line-height:16px; min-height:17px}
	.honorBox_text h6 {font-size:18px; line-height:19px; margin:5px}
	.root_daum_roughmap .wrap_map {border:1px solid #ddd}
	.selectLabel {height:34px; padding:0 15px; border:1px solid #ccc; border-radius:5px}
	.selectLabel.formSelect {border:1px solid #D5D5D5; border-radius:4px; height:50px; font-size:16px}
	.selectLabelTit {font-size:16px}
	.selectLabelPlus {width:11px; height:11px}
	.optionList {height:130px; border:1px solid #ccc}
	.optionItem a {height:40px; padding:0 15px; font-size:14px}
	.year {font-size:18px}

	.locaBtnA {height:55px; font-size:16px}
	.locaBtnB {height:55px; font-size:16px}
}
@media screen and (max-width:1200px) {
	.gnb > li {padding-left:20px}
}
@media screen and (max-width:1024px) {
	.btnSide {display:block}
	.header > .inner {height:60px}
	.header > .inner > h1 {display:flex; align-items:center; justify-content:space-between; width:100%}
	.gnb {display:none; background:#003E85; position:fixed; top:0; right:0; width:300px; height:100%; z-index:99999}
	.gnb li {float:none; padding:0 !important; margin:5px 0}
	.gnb > li > a {margin:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; padding:15px}
	.gnb > li.active > a {color:#fff}
	.gnb > li > ul {position:inherit; float:none; background:#ddd !important; margin:0}
	.gnb > li > ul > li > a {padding:7px 15px; color:#000; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(192, 192, 192,1) 50%)}
	.mainConA_box {padding:20px 25px; gap:20px}
	.mainConA_tit {font-size:20px; margin-bottom:10px}
    .notiBoxWrap {gap:15px; flex-wrap:wrap}
	.notiBox {display:none; padding:15px; width:100%}
	.notiBox:nth-child(1) {display:block}
    .notiBox > .notiTit {font-size:18px; line-height:24px}
    .notiBox > .notiTxt {font-size:15px; line-height:20px}
    .notiBox > .notiDate {bottom:15px}
    .mainConB > .inner {flex-wrap:wrap; padding:30px 15px 40px 15px}
	.mainConB_left {width:100%; text-align:center}
    .mainConB_left > h3 {font-size:32px}
    .mainConB_left > p {font-size:15px; line-height:18px}
	.mainConB_left > p br {display:none}
	.mainConB_left > .gallMoreBtn {margin:20px auto 0 auto; width:130px; height:42px; font-size:14px}
	.mainConB_right {width:100%; justify-content:center; margin-top:40px}
	.mainConC > .inner {padding:40px 15px 50px 15px}
    .mainConC_list {gap:20px}
    .mainConC_txt {font-size:15px}	
    .mainConD_left {max-width:330px}
    .mainConD_left > h3 {font-size:32px; line-height:40px}
    .mainConD_left > p {font-size:15px; line-height:18px}
	.mainConD_right {width:calc(100% - 350px)}
	.acList {gap:20px}
    .acList-item {font-size:15px; max-width:calc(33% - 13px)}
	.acList-item > img {margin-bottom:10px}

	.alumniMoreBtn {width:130px; height:42px; font-size:14px}
	.alumniSwiper-prev, .alumniSwiper-next {width:42px; height:42px; font-size:18px}
	#subContainer > .inner {flex-wrap:wrap; padding:20px 15px 150px 15px}
	#leftCont {width:100%; margin-right:0}
	#leftCont > h2 {display:none}
	.leftmenu {margin:0 0 50px 0; display:flex; flex-wrap:wrap; gap:10px; border:none}
	.leftmenu > li {border:none}
	.leftmenu > li > a {display:block; padding:18px 20px; font-size:16px; background:#eee; border-radius:5px; font-weight:500}
	.tabStyle {border:none; gap:10px}
	.tabStyle li {width:auto !important}
	.tabStyle li.active {background:none; color:#fff}
	.tabStyle li > a {height:auto; border:none; padding:10px 15px; font-size:14px; background:#fff; border:1px solid #ccc; border-radius:5px; font-weight:500}
	.tabStyle li.active > a {background:#003E85 !important; color:#fff; border:1px solid #003E85 !important}
	.tabStyle li:hover, .tabStyle li:hover a {background:none}
}
@media screen and (max-width:768px) {
	.hidden-768 {display:none}
	.show-768 {display:block}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	.tableScroll {position:relative; border:none; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableScroll table {width:910px; margin-bottom:15px}
	.tableResponsive th, .tableResponsive td {display:block; width:auto; border-right:none !important}
	.tableResponsive colgroup {display:none}
	.board-list.tableResponsive thead {display:none}
	.board-list.tableResponsive td {display:inline-block; width:30%; border-right:none !important}
	.board-list.tableResponsive td.title {width:70%}
	.responsiveMobile {display:none !important}
	.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;}
	.mainConC_list {margin-top:30px}
    .mainConC_list > a {width:100%; height:160px}
	.mainConC_list > a > div {height:80px}
    .mainConC_list > a > div > i {font-size:36px; margin-bottom:10px}
    .mainConC_list > a > div > p {font-size:16px; line-height:18px}
	.mainConD > .inner {padding:30px 15px 40px 15px; flex-wrap:wrap}
    .mainConD_left {max-width:100%; text-align:center}
    .alumniMoreBtnWrap {margin-top:30px; justify-content:center}
    .mainConD_left > p br {display:none}
    .mainConD_right {width:100%; margin-top:30px}
	.footerTop > section {justify-content:center}
	.footerTop > section > ul {width:100%; justify-content:center}
	.footerTop > section > ul > li {padding-right:10px; margin-right:10px}
	.footerTop_right {justify-content:center; margin-top:15px}
	.footerBottom {text-align:center}
	.footerBottom address, .footerBottom .copyright {line-height:120%; font-size:15px}
	.footerBottom address span {display:block; font-size:10px; opacity:0; height:8px}
	.leftmenu > li > a {padding:15px 20px; font-size:16px}
	#rightCont h3.h3Tit {font-size:34px; margin-bottom:30px; padding-bottom:20px}
	.introWrap {flex-wrap:wrap}
	.introWrap_img {margin-right:0; margin-bottom:30px}
	.introWrap_con > h2 > p {text-indent:0}
	.introWrap_con > h4 {margin:20px 0 30px 0px}
	.introWrap_con .introTxt {margin-left:0}
	.tabStyle {gap:5px}
}
@media screen and (max-width:650px) {
    .mainConA_box {flex-wrap:wrap; gap:30px; padding:25px 25px}
    .notiBox {height:auto; padding-bottom:60px !important}
    .notiBox > .notiTit {margin-bottom:10px}
    .mainConA_boxRight {width:100%}
	.mainConB_right {flex-wrap:wrap; gap:20px}
    .mainConB_left > p br {display:block}
    .mainConC_list {flex-wrap:wrap; gap:10px}
	.mainConC_list > a {height:110px; flex:1 1 40%}
	.mainConC_list > a > div {height:auto}
	.mainConC_list > a > div > i {font-size:34px}
	.mainConC_list > a > div > p {font-size:15px}
}
@media screen and (max-width:570px) {
	.introWrap_con > h2 {font-size:28px}
	.introWrap_con > h2 span {font-size:28px}
	.introWrap_con > h2 > p {font-size:28px}
	.introWrap_con > h3 {font-size:24px}
	.introWrap_con > h4 {font-size:18px}
	.subTabStyle > li {width:100%}
	.subTabStyle > li.active {border-bottom:1px solid #ddd; border-radius:5px}
	.subTabStyle > li.active:before {display:none}
	.mainConA > .inner {margin:-50px auto 0 auto}
	.leftmenu {gap:7px}
}
@media screen and (max-width:425px) {
	.mainSwiper .swiper-button-next:after, .mainSwiper .swiper-button-prev:after {font-size:40px}
	.photoSwiper .swiper-slide img {height:auto}
	.acList-item {max-width:calc(50% - 10px)}
}