@charset "utf-8";
@import url('board.css');

/* GmarketSans */
@font-face {
    font-family: 'GmarketSansLight';
    src: url('/site/common/fonts/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/site/common/fonts/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/site/common/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:'Noto Sans KR', 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.75px; 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}
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, a:focus {outline:0; text-decoration:none}
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}
/* bxslider reset */
.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:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:700; color:#fff; line-height:1; text-align:center; overflow:hidden; text-decoration:none}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

/* common */
text-indent {text-indent:-9999px; display:inline-block}
.width100 {width:100%}
header > section, .allMenu > .inner, #mainVisual > .inner, .mainInfo > .inner, #mainMiddle > section, #guide > section, #mainBottom > section, footer > .inner, #subVisual {max-width:1200px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.show550 {display:none}
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100% !important}
.maxWidth60 {max-width:60px !important}
.maxWidth100 {max-width:100px !important}
.maxHeight150 {max-height:150px !important}
.tableScroll {position:relative}
.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}
.mt2 {margin-top:2px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mr5 {margin-right:5px !important}
.ml10 {margin-left:10px}
.mb0 {margin-bottom:0}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px}
.mb90 {margin-bottom:90px}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml40 {margin-left:40px !important}
.mColor {color:#355EAE}
.bList {font-size:16px; font-weight:400; color:#666; line-height:22px}
.bList > li {display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:5px}
.bList > li:before {content:'-'; margin-right:5px}
.bList > li:last-child {margin-bottom:0}
.oList li {margin-bottom:20px}
/*.dList li {background:url(../image/listDot.png) 3px 6px no-repeat; padding-left:13px; margin-bottom:10px; line-height:18px}*/
/*.bList li {background:url(../image/listBar.png) 3px 10px no-repeat; padding-left:13px; margin-bottom:5px; line-height:18px}*/
.font14 {font-size:14px}
.img-responsive {display:block; max-width:100%; height:auto}
.width100 {width:100%}
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db}
.tabStyle li.on a {background:#355EAE; color:#fff}
.tabStyle li.active a {background:#355EAE; color:#fff}
.tabStyle li a:hover {background:#355EAE; color:#fff}
.tabStyle li:first-child a {border-left:1px solid #d8d9db}
.tabStyle li a {display:block; float:left; background:#f5f5f5; border-right:1px solid #d8d9db; padding:0 10px; border-bottom:1px solid #d8d9db; box-sizing:border-box; height:54px; display:flex; align-items:center; justify-content: center; text-align:center; font-size:14px; color:#636363; font-weight:500}
.tabStyle.tabProcess li a {padding:10px 0; font-size:15px}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab3 li:nth-child(4) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(10) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(13) a {border-left:1px solid #d8d9db}
.tab4 li a {width:25%}
.tab4 li.width50 a {width:50%}
.tab4 li:nth-child(5) a {border-left:1px solid #d8d9db}
.tab5 li a {width:20%}
.tab5 li:nth-child(6) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li.width13 a {width:14.66%}
.tab6 li.width22 a {width:20.66%}
.tab6 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab7 li a {width:14.2%; font-size:12px !important}
.tab8 li a {width:12.5%; font-size:12px !important}
.subTabStyle {text-align:center; font-size:16px}
.subTabStyle > li {display:inline-block; padding:0 20px; position:relative}
.subTabStyle > li:after {content:''; width:2px; height:16px; background:#ccc; position:absolute; right:0; top:4px}
.subTabStyle > li:last-child:after {display:none}
.subTabStyle > li > a {display:inline-block; color:#333; font-weight:400}
.subTabStyle > li.active > a, .subTabStyle > li > a:hover {color:#29366D; font-weight:500}

.tbl_skin1 {width:100%; border-top:2px solid #355EAE; background-color:#ffffff; text-align:center; font-size:15px; color:#636363}
.tbl_skin1 thead th {padding:15px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; vertical-align:middle; text-align:center; font-weight:700}
.tbl_skin1 tbody th {padding:10px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#333; vertical-align:middle; text-align:center; font-weight:500; background:#f6f6f6}
.tbl_skin1 tbody td {padding:10px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align:center}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin1 .bl {border-left:1px solid #e2e2e2 !important}
.tbl_skin1 .tl {text-align:left}

.tbl_skin1_sub {width:100%; background-color:#ffffff; text-align:center; font-size:15px; color:#636363}
.tbl_skin1_sub thead th {padding:15px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; vertical-align:middle; text-align:center; font-weight:700}
.tbl_skin1_sub tbody th {padding:15px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#355EAE; vertical-align:middle; text-align:center; font-weight:500; background:#f6f6f6}
.tbl_skin1_sub tbody td {padding:15px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align:center}
.tbl_skin1_sub tr th:last-child {border-right:none}
.tbl_skin1_sub tr td:last-child {border-right:none}
.tbl_skin1_sub .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin1_sub .bl {border-left:1px solid #e2e2e2 !important}
.tbl_skin1_sub .tl {text-align:left}

.tbl_skin2 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:15px; color:#636363}
.tbl_skin2 thead th {padding:20px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#0d3f8f; vertical-align:middle; text-align:center; font-weight:700; font-size:18px; background:#e8f2ff}
.tbl_skin2 tbody th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#333; vertical-align:middle; text-align:center; font-weight:500; font-size:14px; background:#f6f6f6}
.tbl_skin2 tbody th > span {font-size:12px; font-weight:400; line-height:14px; margin-top:2px; display:block}
.tbl_skin2 tbody td {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align:center; font-size:14px}
.tbl_skin2 tr th:last-child {border-right:none}
.tbl_skin2 tr td:last-child {border-right:none}
.tbl_skin2 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin2 .bl {border-left:1px solid #e2e2e2 !important}
.tbl_skin2 .tl {text-align:left}

.btn01 {background:#355EAE; padding:13px 20px; color:#fff; font-weight:500; font-size:14px; display:inline-block; margin-top:20px}
.btn01:hover {border-radius:10px; color:#fff; transition:0.3s}
.btn01:focus {color:#fff}
.btn01_txt {display:none}
.btn02 {background:#0E4E96; padding:13px 20px; color:#fff; font-weight:500; font-size:14px; display:inline-block; margin-top:20px; margin-left:10px}
.btn02:hover {border-radius:10px; color:#fff; transition:0.3s}
.btn02:focus {color:#fff}

.Btn03Wrap {display:flex; justify-content:space-between; width:100%}
.btn03 {background:#355EAE; padding:3px 10px; color:#fff; font-weight:700; font-size:13px; display:inline-block; margin-left:5px}
.btn03:hover {border-radius:10px; color:#fff; transition:0.3s}
.btn03:focus {color:#fff}
.red {color:red}

.viewBtn {display:inline-block; color:#117eae; border:1px solid #355EAE; padding:9px 13px; border-radius:5px; font-weight:700; font-size:14px}
.viewBtn:hover {color:#fff; background:#355EAE; border:1px solid #355EAE; padding:9px 13px; border-radius:5px; font-weight:700}

/* mainPopup */
#mainPopup {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; background:rgba(0,0,0,0.8); overflow-y:auto; text-align:center}
#mainPopup > .inner {display:block; width:100%; max-width:1210px; margin:0 auto; overflow-y:auto; box-sizing:border-box; margin-top:60px; position:relative; -ms-overflow-style:none; scrollbar-width:none}
#mainPopup > .inner::-webkit-scrollbar {display:none}
.mainPopupSwiper .swiper-slide {display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap}
.popItem {margin:0 20px; width:100%; max-width:356px; height:450px; overflow-y:overlay; overflow-x:hidden}
.popItem::-webkit-scrollbar-track {-webkit-box-shadow:none; border-radius:10px; background-color:none; opacity:0}
.popItem::-webkit-scrollbar {width:10px; background-color:none; opacity:0}
.popItem::-webkit-scrollbar-thumb {border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);	background-color:none; border:1px solid rgba(255,255,255,0.5)}
.popItem > a {display:block}
.popItem img {vertical-align:top}
.swiper-button-Wrap {position:relative; max-width:1200px; margin:0 auto}
#mainPopup .swiper-button-prev, #mainPopup .swiper-button-next {color:#fff; opacity:0.5; transition:.3s}
#mainPopup .swiper-button-prev {top:-230px}
#mainPopup .swiper-button-next {top:-230px}
#mainPopup .swiper-button-prev:after, #mainPopup .swiper-button-next:after {font-family:'Font Awesome 6 Pro'; font-size:3.75rem; font-weight:500}
#mainPopup .swiper-button-prev:after {content:'\f053'}
#mainPopup .swiper-button-next:after {content:'\f054'}
#mainPopup .swiper-button-prev:hover, #mainPopup .swiper-button-next:hover {opacity:1}
#mainPopup .swiper-button-prev {background:url('../image/mainNewsLeft.png') center center no-repeat; width:60px !important; height:60px !important; left:-60px}
#mainPopup .swiper-button-next:after, .swiper-button-prev:after {font-size:0 !important}
#mainPopup .swiper-button-next {background:url('../image/mainNewsRight.png') center center no-repeat; width:60px !important; height:60px !important; right:-60px}


.closeWrap {color:#fff; max-width:750px; margin:0 auto; margin-top:25px; display:flex; align-items:center; justify-content:center}
.closeWrap > a.subPopClose2 {border:1px solid #fff; padding:12px 32px; border-radius:10px; display:flex; align-items:center; justify-content:center}
.closeWrap > a:hover {background-color:#fff; color:#333; font-weight:500; transition:0.3s}



/* pc gnb */
header > section {display:flex; align-items:center; justify-content:space-between; height:100px}
header > section > h1 {margin:0; margin-right:70px; flex-shrink:0}
header > section > h1 > a {display:block}
header > section > h1 > a > img {width:100%; height:36px}
.gnb {display:flex; align-items:center; justify-content: space-evenly; width:100%; margin:0}
.gnb > li {position:relative}
.gnb > li > a {font-size:1.125rem; font-weight:400; padding:10px 20px}
.gnb > li > a:hover, .gnb > li > a:focus {color:#355EAE}
.gnb > li.active > a, .gnb > li.active > a:hover, .gnb > li.active > a:focus {font-weight:500; color:#355EAE}
.gnb > li > .dep02 {display:none; position:absolute; top:27px; left:0; z-index:999; padding:5px 0; min-width:max-content; font-size:0.9375rem; width:150px}
.gnb > li > .dep02 > li > a {display:block; padding:4px 15px 4px 10px; color:#fff; background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(145 179 244) 30%); background-position:0 0; background-size:200% auto; transition:.3s; background-color:#355EAE; padding:10px}
.gnb > li > .dep02 > li > a:hover {color:#000; background-position:-100% 0; text-decoration:none}
.headerRight {display:flex; align-items:center; flex-shrink:0; margin-left:100px}
.headerRight a.menuLog {display:flex; align-items:center; justify-content:center; width:80px; height:80px; background:#24292C; color:#fff; font-size:1.625rem; transition:.3s}
.headerRight a.menuLog:hover, .headerRight a.menuLog:focus {background:#000}
.headerRight a.menuSite {display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.625rem; transition:.3s; background-color:#355EAE; padding:13px 15px; border-radius:5px}
.headerRight a.menuSite:hover, .headerRight a.menuSite:focus {background:#999}

/* sitemap & mobile */
.allMenu {opacity:0; visibility:hidden; position:fixed; width:100%; height:100%; background:#fff; top:0; left:0; z-index:9999; transition:.3s}
.allMenu.active {opacity:1; visibility:visible}
.allMenuTop {display:flex; align-items:center; justify-content:flex-end}
.allMenuTop > h1 > a > img {height:40px}
.allMenuTop .menuClose {display:flex; align-items:center; justify-content:center; width:95px; height:95px; color:#000; font-size:2.875rem}
.allMenuMiddle {margin-top:50px}
.allMenuGnb {display:flex; flex-wrap:wrap}
.allMenuGnb > li {flex:auto; margin-right:70px; margin-bottom:50px}
.allMenuGnb > li > a {display:block; font-size:1.625rem; font-weight:600; padding-bottom:30px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:30px}
.allMenuGnb > li > a:hover {color:#355EAE}
.allMenuGnb > li > .dep02 {font-size:1.125rem}
.allMenuGnb > li > .dep02 > li {margin-bottom:30px}
.allMenuGnb > li > .dep02 > li > a {transition:.3s}
.allMenuGnb > li > .dep02 > li > a:hover, .allMenuGnb > li > .dep02 > li > a:focus {font-weight:500; color:#355EAE}
header section .headerRight .show-1600 i {display:flex; justify-content:center; padding:33%}
header section .headerRight .show-1600 {display:none}
header section .headerRight .sitemap {font-size:15px; color:#fff; }

/* color */
#headerWrap .gnb, #notiWrap > section > div.endNoti, .con > h5:before, .con .h5:before, .con > .col-sm-12 h5:before, .leftCont .leftmenu > li.active > a, .leftCont .leftmenu > li > a:hover, .mColorBg {background:#29488b}
#headerWrap .gnb > li > ul.dep02 > li.active a, #headerWrap .gnb > li > ul.dep02 > li > a:hover {background:#1d3261; color:#fff; text-decoration:none}
#notiWrap > section > div > h2 a:hover, #notiWrap > section > div > h2 a:hover i {color:#29488b}
#header .gnb > li > a.on, #header .gnb > li > a:hover {color:#966f43}



/* QuickList */
#Quick {position:fixed; top:150px; right:30px; z-index:99}
#Quick .QuickList li {display:flex; border-top:1px solid #DDDDDD}
#Quick .QuickList li:first-child {border-top:none}
#Quick .QuickList li a {background-color:#fff; width:100px; height:85px; text-align:center; padding:20px 0; font-size:16px; font-weight:500; color:#333; font-family:'Noto Sans CJK KR'}
#Quick .QuickList li:first-child a {border-radius:15px 15px 0 0}
#Quick .QuickList li a i {margin-bottom:10px; font-size:22px}
#Quick .QuickList li a.topBtn {background-color:#355EAE; display:block; color:#fff; height:50px; border-radius:0 0 15px 15px; padding:16px 0}
#Quick .QuickList li a:hover {opacity:0.8; transition:0.3s}


/* mainVisualWrap */
#mainVisualWrap section {position:relative}
.mainVisual > li:nth-child(1) {background:url('../image/mainVisualBg01_n.png') center center no-repeat; width:100%; height:600px; position:relative; background-size: cover;}
.mainVisual > li:nth-child(2) {background:url('../image/mainVisualBg02.jpg') center center no-repeat; width:100%; height:600px; position:relative; background-size: cover;}
.mainVisual li .mainText {position:absolute; left:20%; top:30%; display:flex; flex-direction:column; align-items:center}
.mainVisual .mainText h2 {font-family:'GmarketSansBold'; font-size:70px; font-weight:800; color:#374A71; text-align:center}
.mainVisual .mainText h3 {font-family:'GmarketSansLight'; font-size:22px; font-weight:300; color:#484848; margin-top:20px; text-align:center; line-height:1.3em}

/* mainNews */
#mainNews > section {max-width:1200px; margin:0 auto}
#mainNews > section h4 {font-family:'GmarketSansBold'; font-size:60px; font-weight:700; color:#333; opacity:0.1; letter-spacing:-2px}
#mainNews > section h5 {font-family:'GmarketSansBold'; font-size:38px; font-weight:800; color:#333; letter-spacing:-2px; margin-top:-30px}

#mainNews > section {padding:40px 0; /*display:flex; justify-content:space-between*/}
#mainNews > section .news01Wrap div {display:flex; /*justify-content:space-between;*/ position:relative}
#mainNews > section .news01Wrap div a > div {display:flex; flex-direction:column}
#mainNews > section .news01Wrap div a {margin-right:40px; padding:25px 30px; margin-top:40px; border-radius:15px; width:370px; position:relative}
#mainNews > section .news01Wrap div a:last-child {margin-right:0}
#mainNews > section .news01Wrap div a .mainText {font-size:22px; font-weight:700; color:#333; font-family:'Noto Sans CJK KR'; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#mainNews > section .news01Wrap div a .subText {font-size:15px; font-weight:400; color:#333; font-family:'Noto Sans CJK KR'; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
#mainNews > section .news01Wrap div hr {border-top:1px solid #333; opacity:0.3}
#mainNews > section .news01Wrap div a:hover {background-color:#29366D; transition:0.3s}
#mainNews > section .news01Wrap div a:hover p {color:#fff; transition:0.3s}
#mainNews > section .news01Wrap div a:hover .bar {background:#fff; transition:0.3s}
#mainNews > section .news01Wrap div a:hover i {color:#fff; transition:0.3s}
#mainNews > section .news01Wrap .bar {width:100%; height:1px; background:#333; opacity:0.3; margin:20px 0}

/*
#mainNews > section .newsWrap div {display:flex; position:relative}
#mainNews > section .newsWrap a > div {display:flex; flex-direction:column}
#mainNews > section .newsWrap a {margin-right:40px; padding:25px 30px; margin-top:40px; border-radius:15px; width:370px; position:relative; display:flex; flex-direction:column} 
#mainNews > section .newsWrap a:last-child {margin-right:0}
#mainNews > section .newsWrap a .mainText {font-size:22px; font-weight:700; color:#333; font-family:'Noto Sans CJK KR'; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#mainNews > section .newsWrap a .subText {font-size:15px; font-weight:400; color:#333; font-family:'Noto Sans CJK KR'; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
#mainNews > section .newsWrap hr {border-top:1px solid #333; opacity:0.3}
#mainNews > section .newsWrap a:hover {background-color:#29366D; transition:0.3s}
#mainNews > section .newsWrap a:hover p {color:#fff; transition:0.3s}
#mainNews > section .newsWrap a:hover .bar {border-top:1px solid #fff; opacity:0.3; transition:0.3s}
#mainNews > section .newsWrap .bar {width:100%; height:1px; background:#333; opacity:0.3; margin:20px 0}
*/
.newsWrap .swiperNews-next {font-size:28px; top:68%; color:#666; right:7px}
.newsWrap .swiperNews-prev {font-size:28px; top:68%; color:#666; left:7px}

#mainNews section {display:flex}
.news {display:flex}
.NewsTextWrap {display:flex; position:relative}
.NewsTextWrap a {margin-right:40px; padding:25px 30px; margin-top:40px; border-radius:15px; width:370px; position:relative; background-color:#EEEEEE}
.NewsTextWrap a:hover {background-color:#29366D; transition:0.3s}
.NewsTextWrap a .NewsTextWrap {display:flex; flex-direction:column}
.NewsBox {margin-right:40px; padding:25px 30px; margin-top:40px; border-radius:15px; width:370px; position: relative; display:flex}
.NewsBox .NewsTextWrap {display:flex; flex-direction:column; width:100%}
.NewsBox .NewsTextWrap .mainText {font-size:22px; font-weight: 700; color: #333; font-family: 'Noto Sans CJK KR'; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} 
.NewsBox .NewsTextWrap .subText {font-size: 15px; font-weight: 400; color: #333; font-family: 'Noto Sans CJK KR'; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}
.NewsBox .NewsTextWrap .bar {width:100%; height:1px; background:#333; opacity:0.3; margin:20px 0}
.newsWrap {position:relative}
.newsWrap div a:hover {background-color:#29366D; transition:0.3s}
.newsWrap div a:hover .mainText {color:#fff; transition:0.3s}
.newsWrap div a:hover .subText {color:#fff; transition:0.3s}
.newsWrap div a:hover .bar {background:#fff; transition:0.3s}

.NewsBoxWrap {display:flex}

.pull.gr {background-color: #EEEEEE; height:180px}
.pull.gr:after {content:""; position: absolute; right:100px; top:100%; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 30px solid #eee}
#mainNews > section > div .pull.gr:hover:after {border-top:30px solid #29366D}
.pull.gr:hover:after {border-top:30px solid #29366D}

.mainNews-left {width:100%}
.mainNews-right {flex-shrink:0; width:370px}
.swiperNews-prev {position:absolute; top:50%; left:0; z-index:9}
.swiperNews-next {position:absolute; top:50%; right:0; z-index:9}
.mainNews-right .pull.gr {background-color: #d0e3f3;}
.mainNews-right .newsWrap div a:hover {background-color:#29366D; transition:0.3s}
.mainNews-right .newsWrap:after {content:""; position: absolute; right:100px; top:100%; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 30px solid #d0e3f3}
.mainNews-right:hover .newsWrap:after {border-top:30px solid #29366D}
.mainNews-right:hover .newsWrap:after {border-top:30px solid #29366D}


#mainContents {background-color:#F2F3F7; margin-top:40px; padding:70px}
#mainContents section {max-width:1200px; margin:0 auto; display:flex; justify-content:space-between}
#mainContents section .text {background-color:#fff; border-radius:0 0 15px 15px; text-align:center; padding:20px 20px 30px 20px}
#mainContents section .text h6 {font-size:18px; word-break:break-all; font-weight:700; color:#333; font-family:'Noto Sans CJK KR'; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical}
#mainContents section .text p {font-size:16px; font-weight:300; color:#333; font-family:'Noto Sans CJK KR'; line-height:1.3em; opacity:0.8; margin-top:15px}
#mainContents section a img {border-radius:15px 15px 0 0}
#mainContents section a:hover p {opacity:0.8; transition:0.3s}
#mainContents .mySwiper2Wrap {max-width:720px; position:relative; margin-left:33px; position:relative}
#mainContents .swiper-button-prev2 {left:-30px; position:absolute; top:35%; z-index:9} 
#mainContents .swiper-button-next2 {right:-30px; position:absolute; top:35%; z-index:9}
.mySwiper2 img {height:220px} {height:210px}

#mainContents .swiper-button-prev2 {background:url('../image/mainNewsLeft.png') center center no-repeat; width:60px !important; height:60px !important}
#mainContents .swiper-button-next2:after, .swiper-button-prev:after {font-size:0 !important}
#mainContents .swiper-button-next2 {background:url('../image/mainNewsRight.png') center center no-repeat; width:60px !important; height:60px !important}


.mainBtn {width:100%; max-width:373px; margin-left:50px}
.mainBtn .Btn01 {background-color:#355EAE; border-radius:15px 0 15px 0; padding:35px; position:relative; height:100px; width:373px}
.mainBtn a img {position:absolute; bottom:0; right:0}
.mainBtn .subject {font-family:'GmarketSansBold'; font-size:30px; font-weight:700; color:#fff; letter-spacing:-2px}
.mainBtn .Btn02 {background-color:#0E4E96; border-radius:15px 0 15px 0; padding:35px; position:relative; height:210px; margin-top:15px}
.mainBtn .Btn02 img {width:103px; position:absolute; right:20px; top:20px}
.mainBtn .Btn02 ul li {font-family:'GmarketSans'; font-size:18px; font-weight:500; color:#fff; margin-top:20px}

.Btn03 .textarea {padding:25px 30px; background-color:#fff}
.Btn03 .subject {font-family:'GmarketSansBold'; font-size:30px; font-weight:700; color:#333; letter-spacing:-2px}
.Btn03 .conText {font-family:'GmarketSansMedium'; font-size:16px; font-weight:700; color:#333; letter-spacing:-2px; font-weight:100; margin-top:15px; line-height:1.3em}
.Btn03 .more {font-family:'GmarketSansMedium'; font-size:14px; font-weight:700; color:#9B9B9B; letter-spacing:-2px; font-weight:100; margin-top:25px}


/* 찾아오시는 길 */
.root_daum_roughmap_landing {width:100% !important; margin-top:20px !important}


/* footer */
footer {background:#333; padding:20px 0}
.footerTop > section {max-width:1200px; padding:0 15px; box-sizing:border-box; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; min-height:70px; box-sizing:border-box}
.footerTop > section > ul {display:flex; align-items:center; flex-wrap:wrap}
.footerTop > section > ul > li {font-size:14px; font-weight:500; color:#fff; position:relative; padding-right:15px; margin-right:15px}
.footerTop > section > ul > li:after {content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0px; right:0}
.footerTop > section > ul > li:last-child {margin-right:0; padding-right:0}
/*.footerTop > section > ul > li:last-child:after {display:none}*/
.footerTop > section > ul > li a:hover {color:#fff; opacity:0.8; transition:0.3s}
.privacyStyle {color:red}
.footerTop_right {display:flex; align-items:center; flex-wrap:wrap}
.footerTop_right > ul {display:flex; align-items:center}
.footerTop_right > ul > li {font-size:14px; font-weight:500; color:#fff; margin-right:30px}
.footerTop_right > ul > li i {color:#B96060; margin-left:2px}
.goSiteWrap {display:flex; align-items:center}
.goSiteWrap > li {position:relative; width:150px; margin-right:0 !important}
.goSiteWrap > li > a {display:block; width:100%; background:url('../image/siteMore.png') #fff right 10px center no-repeat; color:#7d7d7d; border:1px solid #e0e0e0; font-size:13px; padding:10px 0 0 10px; height:36px; 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:13px}
.goWebsite::-webkit-scrollbar-track {background:#ddd}
.goWebsite::-webkit-scrollbar-thumb {background:#999}
.goWebsite {width:150px; height:150px; position:absolute; right:0px; bottom:36px; background:#fff; border:1px solid #e0e0e0; border-bottom:none; overflow-y:scroll; padding-top:10px; box-sizing:border-box; z-index:998}
.goWebsite li {font-size:11px; padding-left:10px; margin-bottom:10px; background:url(../img/noticeDot.png) left center no-repeat}
.goWebsite li a {color:#7d7d7d}
.footerBottom {padding:0 0 40px 0}
.footerBottom > section {max-width:1200px; padding:0 15px; box-sizing:border-box; margin:0 auto}
.footerBottom address {font-size:14px; font-weight:400; color:#fff; opacity:0.8}
.footerBottom .copyright {font-size:14px; font-weight:400; color:#fff; opacity:0.6}
.footerBottom address span {padding:0 15px}
.footerBottom .copyright {margin-top:10px}

/* subVisual */
#subVisual {height:200px; box-sizing:border-box; padding:0}
#subVisual > section {height:100%; max-width:1200px; padding:15px 0px 0 50px; box-sizing:border-box; margin:0 auto}
#subVisual.sub01 > section {background:url('../image/subVisual01_bg.jpg') right bottom no-repeat}
#subVisual h2 {font-family:'GmarketSansMedium'; font-size:30px; color:#31446b; padding-top:50px; letter-spacing:-2px}
#subVisual p {font-family:'GmarketSansLight'; font-size:21px; line-height:20px; color:#6f80a2; margin-top:10px; font-weight:600}

/* subContainer */
#subContainer > section {max-width:1200px; padding:0 15px; box-sizing:border-box; margin:0 auto; overflow:hidden; padding-top:50px; padding-bottom:150px}
#leftCont {float:left; width:260px; margin-right:40px}
#leftCont > h2 {text-align:center; font-size:32px; margin:0}
.leftmenu {margin:30px 0; border:1px solid #ccc}
.leftmenu > li {border-bottom:1px solid #ccc}
.leftmenu > li:last-child {border-bottom:none}
.leftmenu > li > a {display:block; padding:18px 20px; box-sizing:border-box; font-size:16px; font-weight:400; transition:.3s}
.leftmenu > li:hover > a {background:#eee; color:#355EAE}
.leftmenu > li.active > a {background:#355EAE; color:#fff; font-weight:500}
#rightCont {float:left; width:calc(100% - 300px); font-size:16px; line-height:22px; color:#333}
#rightCont h3.h3Tit {font-size:37px; font-weight:700; margin-top:-10px; margin-bottom:50px; border-bottom:1px solid #ccc; padding-bottom:30px}
#rightCont h4.h4Tit {font-size:24px; font-weight:700; color:#000; line-height:1.2em}
#rightCont h5.h5Tit {font-size:22px; font-weight:700; color:#000}
#rightCont h6.h6Tit {font-size:20px; font-weight:700; color:#000}
#rightCont .h7Tit {font-size:18px; font-weight:700; color:#000}
.introTxt {font-size:18px; line-height:26px}
.privacyText {font-size:13px}

.btnStyle01 {display:inline; color:#fff; background:#29366D; padding:15px 25px; font-size:20px; border-radius:10px; max-width:400px; margin:0 auto; transition:.3s; margin-left:5px; margin-right:5px}
.btnStyle01 i {transition:.3s}
.btnStyle01:hover, .btnStyle01:focus {background:#004c8f; color:#fff}
.btnStyle02 {display:inline; color:#fff; background:#29366D; padding:10px 15px; font-size:16px; border-radius:10px; max-width:400px; margin:0 auto; transition:.3s; margin-left:5px; margin-right:5px}
.btnStyle02 i {transition:.3s}
.btnStyle02:hover, .btnStyle02:focus {background:#004c8f; color:#fff}
/*.btnStyle01:hover i, .btnStyle01:focus i {margin-left:10px}*/
.locaTxt {margin-top:30px; font-size:18px; font-weight:500; line-height:28px}

.appBox {background:#f6f6f6; padding:30px 15px; text-align:center}
.appBox > p {margin-top:15px; font-family:'GmarketSansMedium'; font-size:22px; line-height:34px}

/* listSearch */
.listSearchWrap {display:flex; justify-content:right; padding:15px 20px; border-radius:10px; box-sizing:border-box; background:#f7f7f7; margin-top:40px}
.listSearch {display:flex; align-items:center; width:60%}
.listSearch label {font-size:16px; font-weight:500}
.formInput {display:inline-block; width:100%; height:30px; color:#000; font-size:14px; background-color:#fff; border:1px solid #d5d5d5; border-radius:6px; padding:0 10px; box-sizing:border-box}
.formInput:active, .formInput:focus {border-color:#000}
.formInput::placeholder {font-size:inherit; color:#767676}
.formInput:focus::placeholder {color:#fff}
.formSelect {border:1px solid #d5d5d5; border-radius:6px; color:#666; padding:0 10px; width:100%; height:44px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url('../image/formSelectArw.png') #fff no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.formSelect::-ms-expand {display:none}
.formSelect2 {border:1px solid #d5d5d5; border-radius:6px; color:#666; padding:0 20px 0 10px; width:100%; height:30px; line-height:30px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url('../image/formSelectArw.png') #fff no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.formSelect2::-ms-expand {display:none}
.formTextarea {border:1px solid #d5d5d5; padding:15px; width:100%; border-radius:6px; color:#666; box-sizing:border-box; resize:vertical}
#TopSearch {margin-left:10px}
.listSearch_btn {display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-left:10px; width:100%; max-width:70px; height:30px; color:#fff; font-size:14px; background-color:#767676; border-radius:6px; padding:0 10px; box-sizing:border-box; transition:.3s}
.listSearch_btn:hover, .listSearch_btn:focus {background:#595959; color:#fff}
.infoTxt {margin-top:20px; text-align:right; font-size:15px; color:#333}
.equipMore {color:blue; border-bottom:1px solid blue; transition:.3s}
.equipMore:hover, .equipMore:focus {padding:0 5px; color:blue}
.appBtn_on, .closeBtn {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:100%; height:44px; color:#fff; font-size:14px; background-color:#5055b1; border-radius:6px; padding:0 10px; box-sizing:border-box; transition:.3s}
.appBtn_on:hover, .appBtn_on:focus, .closeBtn:hover, .closeBtn:focus {background:#2c307c; color:#fff}
.appBtn_off {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:100%; height:44px; color:#fff; font-size:14px; background-color:#acacac; border-radius:6px; padding:0 10px; box-sizing:border-box; transition:.3s; cursor:not-allowed !important}
.appBtn_off:hover, .appBtn_off:focus {background:#888; color:#fff}
.phoneWrap, .emailWrap, .datetimepickerWrap > div {display:flex; align-items:center}
.datetimepickerWrap {display:flex; align-items:center; flex-wrap:wrap}
.feeTotal {display:flex; align-items:center; flex-wrap:wrap}
.phoneWrap > .separator, .emailWrap > .separator, .datetimepickerWrap > .separator, .feeTotal > .separator {margin:0 10px}
.addBtn {font-size:22px; color:#29366D; margin-left:10px}
.addBtn:hover, .addBtn:focus {color:#5055b1}
.listSearch > select {margin-right:30px}

.boxStyle1 {border:solid 1px #ddd; padding:37px 26px 26px 26px; position:relative}
.boxStyle1 .h5Tit_box {display:inline; padding:15px 50px; font-size:18px; font-weight:500; color:#fff; border-radius:10px; position:absolute; top:-24px}
.linkMore {color:blue; border-bottom:1px solid blue}
.linkMore:hover, .linkMore:foucs {color:blue !important}

.cecListImg {width:130px; height:130px}

.boxStyle {position:relative; padding:10px; border:1px solid #eee; background:#f6f6f6; box-sizing:border-box}
.boxStyle:before {content:""; display:block; position:absolute; top:0; left:0; width:70px; height:70px; background:url('https://whc.wsu.ac.kr:444/site/whc/image/boxStyleLeft.png') no-repeat; background-size:100%}
.boxStyle:after {content:""; display:block; position:absolute; bottom:0; right:0; width:70px; height:70px; background:url('https://whc.wsu.ac.kr:444/site/whc/image/boxStyleRight.png') no-repeat; background-size:100%}
.boxStyle .inner {position:relative; background:#fff; padding:25px; box-sizing:border-box; z-index:9}
.boxStyle .inner .bList {font-size:18px; line-height:28px}
.btnVr {text-align:center}
.btnVr > a {display:inline-flex; align-items:center; justify-content:center; height:60px; padding:0 35px; background:#29366D; color:#fff; border-radius:5px; font-size:18px; transition:.2s}
.btnVr > a:hover {background:#004f8b; -webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.vrBtnApp {text-align:center}
.vrBtnApp input {transition:.3s}
.vrBtnApp input:hover {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}

.dList > li {font-size:16px; font-weight:400; line-height:130%; color:#66615B; display:flex; margin-bottom:7px}
.dList > li:before {display:inline-block; content:'•'; margin-right:5px; margin-top:-1px}

.inlineBlock {display:inline-block !important}
.verticalBottom {vertical-align:text-bottom}

.agreeBoxWrap {background:#f6f6f6; padding:30px; margin-top:30px}
.agreeBoxWrap .pText {font-size:14px}
.agreeBoxWrap label {vertical-align:text-top}


/* input */
.inputSt {width:100%; max-width:100%; color:#000; font-size:14px; padding:10px 10px; border:1px solid #d7d7d7; box-sizing:border-box; margin:1px 0}
.inputSt:focus, .inputSt:hover {background-color:rgba(0,0,0,0.05); box-shadow:none}
/* radio */
input[class="radioStyle"] {appearance:none; width:14px; height:14px; border-radius:100%; margin-top:-2px !important; margin-right:5px; margin-bottom:0; margin-left:0; vertical-align:middle; background:#fff; border:1px solid #B2B2B2; cursor:pointer}
input[class="radioStyle"]:checked, input[class="radioStyle"]:focus {appearance:none; width:14px; height:14px; border-radius:100%; margin-right:5px; background:#fff; border:5px solid #0e4e96; outline:none; outline-offset:0}
input[class="radioStyle"] + label {cursor:pointer; padding-left:0 !important}
.consolCheck {position:relative; display:inline-block}
/* check */
input[class="checkStyle"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[class="checkStyle"] + label {display:inline-block; vertical-align:top; position:relative; padding-left:23px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; font-weight:300; color:#505050}
input[class="checkStyle"] + label:before {content:''; position:absolute; left:0; top:4px; width:18px; height:18px; text-align:center; background:#fff; border:1px solid #d7d7d7}
input[class="checkStyle"]:checked + label:before {border-color:#0d4e96; background:url('https://ent.wsu.ac.kr/site/ent/img/checkStyle.svg') #0d4e96 no-repeat}
.checkbox span {color:#707070; font-size:14px; vertical-align:top; margin-left:8px}
/* select */
.selectStyle {width:100%; max-width:100%; vertical-align:baseline; padding:10px 10px; border:1px solid #d7d7d7; font-size:14px; font-weight:400; box-sizing:border-box; color:#727272; background:url('https://ent.wsu.ac.kr/site/ent/img/selectArrow.png') #fff no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectStyle::-ms-expand {display:none}

.maxWidth10 {max-width:10%}
.maxWidth20 {max-width:20%}
.maxWidth30 {max-width:30%}
.maxWidth31 {max-width:31%}
.maxWidth50 {max-width:50%}
.maxWidth70 {max-width:70%}
.maxWidth96 {max-width:96%}
.maxWidth80px {max-width:80px}
.maxWidth200px {max-width:200px}


.gs {/*overflow:hidden;*/ width:730px; height:250px; background:url(../image/gsBg.gif) no-repeat}
.gs li {width:130px; box-sizing:border-box; padding:14px 0; text-align:center; font-size:14px; color:#fff; font-weight:700}
.gs li.dep1 {background:#355EAE}
.gs li.dep2 {background:#ae5b11}
.gs li.dep22 {background:#e0922f}
.gs li.dep3 {background:#707070; float:left}

.view {color:#355EAE; border:1px solid #355EAE; padding:5px 7px; border-radius:5px; font-weight:700}
.view:hover {color:#fff; background:#355EAE; border:1px solid #355EAE; padding:5px 7px; border-radius:5px; font-weight:700}

.ListbtnWrap {display:flex; flex-direction:row-reverse; margin-top:20px}
.Listbtn {color:#333; border:1px solid #666; padding:8px 20px; font-weight:400}
.Listbtn:hover {color:#fff; background:#666; padding:8px 20px; font-weight:400; transition:0.3s}


/* timeline */
.timeline_year {background:#122984; color:#fff; font-size:32px; text-align:center; margin:0; cursor:pointer; padding:12px 0}
.timeline_year.year2024-2025 {background:#527cd0}
.timeline_year.year2020-2023 {background:#3860b2}
.timeline_year.year2019-2018 {background:#284a90}
.timeline_year.year2017-2016 {background:#1b3b7c}
.timeline_year.year2015-2014 {background:#0c214c}
.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:80px; 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:70px; text-align:right}
.dlHorizontal > dd {margin-left:85px}

.blueBox {padding:20px; text-align:center; background:#ecf1f8; font-size:18px; font-weight:500}



@media screen and (max-width:1900px) {
	header > section > h1 {margin-right:50px}
	.headerRight {margin-left:50px}
}

@media screen and (max-width:1700px) {
	header > section > h1 {margin-right:50px}
	.headerRight {margin-left:50px}
}

@media screen and (max-width:1600px) {
	header > section > h1 {margin-right:0; flex-shrink:inherit}
	.gnb {display:none}
	header section .headerRight .show-1600 {display:block}
	header section .headerRight .sitemap {display:none}
	.headerRight {margin-left:0}
	.mainMidCon2:before, .mainMidCon3-1:before {right:20px}
	.mbrBtn {min-width:auto}
}

@media screen and (max-width:1440px) {
	header > section > h1 > a > img, .allMenuTop > h1 > a > img {height:30px}
	.headerRight a.menuLog, .headerRight a.menuSite {width:60px; height:60px; font-size:1.25rem}
	.allMenuTop .menuClose {width:60px; height:60px; font-size:1.875rem}
	.allMenu {width:auto; height:auto}
	.allMenu.active:before {display:block; content:''; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); top:0; left:0; z-index:9}
	.allMenu.active > .inner {position:fixed; overflow-y:auto; max-width:300px; left:auto; right:0; z-index:99999; height:100%; background:#fff}
	.allMenu.active .allMenuMiddle {margin-top:10px}
	.allMenu.active .allMenuGnb > li {min-width:auto; margin-right:0px; margin-bottom:0; width:100%}
	.allMenu.active .allMenuGnb > li > a {font-size:1.125rem; padding:20px 0; margin-bottom:20px}
	.allMenu.active .allMenuGnb > li > .dep02 {display:none; font-size:1rem}
	.allMenu.active .allMenuGnb > li > .dep02 > li {margin-bottom:15px}
	.allMenu.active .allMenuGnb > li > .dep02 > li:last-child {margin-bottom:30px}
	.mainInfo {background-position:top left -250px !important}
	.mainInfo_txt {width:350px}	
	.mainInfo_txt > h3 {margin:30px 0 15px 0}
	.mainInfo_roll_txt {height:50px; font-size:1.25rem}
	#mainMiddle {padding:20px 0}
	.mainMidCon1, .mainMidCon2, .mainMidCon3 {width:100%; min-height:auto; border-radius:20px !important}
	.mainMidCon2 {margin:20px 0}
	.mainMidCon2_btnWrap, .mainMidCon3-1_btnWrap {position:relative; bottom:auto; margin-top:20px; max-width:calc(100% - 120px)}
	.mainMidCon2_btn, .mainMidCon3-1_btn, .mainMidCon3-3_btn {height:45px; padding:0 15px; margin-top:5px}
	.noti_cont {height:40px; -webkit-line-clamp:2}
	#mainBottom {top:0px; margin-top:20px; margin-bottom:20px}
	.mainBottomLeft {width:50%; margin-right:40px}
	.mainBottomRight {margin-top:0px}
	header > section {height:80px}
}

@media screen and (max-width:1340px) {
	#mainVisualWrap .bx-wrapper .bx-prev, #mainVisualWrap .bx-wrapper .bx-next {display:none}
}
@media screen and (max-width:1200px) {
	#Quick {display:none}
	#mainNews > section {padding:40px 20px}
	.mainVisual li .mainText {left:50px}
	#mainContents section {display:block}
	.mainBtn {margin-left:0}
	.mainBtn .Btn01 {width:100%; margin-top:60px}
	.Btn03Wrap {display:flex; justify-content:space-between}
	.Btn03Wrap .Btn03 {width:48%}
	.Btn03Wrap .Btn03 img {width:100%}
	#mainContents {padding:70px 20px}
	#mainContents section .text h6 {font-size:18px}
	#mainContents section .text p {font-size:14px}
	#mainContents .mySwiper2Wrap {max-width:100%; margin-left:0}
	#mainContents .swiper-button-prev2 {left:0px}
	#mainContents .swiper-button-next2 {right:0px}
	.mainBtn {max-width:100%}
	.mySwiper2 img {height:220px}
}
@media screen and (max-width:1080px) {
	.mainVisual > li:nth-child(1):before {background-size:540px; background-position:bottom 50px right}
	.mainVisual > li:nth-child(2):before {background-size:540px}
	#rightCont {width:100%}
	#leftCont {float:none; width:100%; margin-right:0}

}
@media screen and (max-width:1024px) {
	#subVisual h2 {padding-top:30px}
	.mainVisual .mainText h2 {font-size:56px}
	.mainVisual .mainText h3 {font-size:26px}
	#mainNews > section h4 {font-size:50px}
	#mainNews > section h5 {font-size:30px}
	#mainNews > section > div {flex-direction: column;}
	#mainNews > section > div a {width:100%}
	.mainBtn .subject {font-size:26px}
	.mainBtn .Btn02 ul li {font-size:16px}
	#mainNews section {display:block}
	.NewsBoxWrap {width:100%}
	.news {justify-content:space-between}
	.mt40-1024 {margin-top:40px}
	.mainNews-right {width:100%}
	#mainNews > section > div a:last-chlid {margin-right:0 !important} 
}
@media screen and (max-width:860px) {
	#rightCont {width:100%}
	.introTxt {font-size:16px}
	.mainNews-left .NewsBoxWrap {flex-direction:column}
}
@media screen and (max-width:800px) {
	.footerTop > section {padding-top:15px; padding-bottom:15px}                                           
	.footerTop_right {margin-top:10px}
	.mainPopupSwiper .swiper-slide > .popItem {margin:20px}	
	.closeWrap hr {display:none}
	#mainPopup > .inner {margin-top:20px}
	/*.sub01 section h2,p {display:none}*/

}
@media screen and (max-width:768px) {
	.tab3 li a {width:50%}
	.tab4 li a {width:50%}
	.tab5 li a {width:50%}
	.tab6 li a {width:50%}
	.tab7 li a {width:50%; font-size:12px !important}
	.tab8 li a {width:50%; font-size:12px !important}
	.tab10 {border-left:1px solid #d8d9db}
	.tab10 li a {width:25%; font-size:12px !important}
	.tab10 li:nth-child(11) a, .tab10 li:nth-child(21) a, .tab10 li:nth-child(31) a, .tab10 li:nth-child(41) a, .tab10 li:nth-child(51) a {border-left:none}
	.tableScroll {position:relative; border:none; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableScroll table {width:840px; margin-bottom:15px}
	.tableResponsive {border-left:none !important}
	.tableResponsive th, .tableResponsive td {display:block; width:auto; border-right:none !important}
	.tableResponsive col {width:100% !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}
	.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 img, .ZoomIcon0 img, .ZoomIcon1 img, .ZoomIcon2 img, .ZoomIcon3 img, .ZoomIcon4 img, .ZoomIcon5 img, .ZoomIcon6 img, .ZoomIcon7 img, .ZoomIcon8 img, .ZoomIcon9 img, .ZoomIcon10 img {width:50%; cursor:pointer}
	.bZoomIcon img, .bZoomIcon0 img, .bZoomIcon1 img, .bZoomIcon2 img, .bZoomIcon3 img, .bZoomIcon4 img, .bZoomIcon5 img, .bZoomIcon6 img, .bZoomIcon7 img, .bZoomIcon8 img, .bZoomIcon9 img, .bZoomIcon10 img {color:#fff; font-size:22px}
	.mySwiper2 img {height:210px}
	#mainPopup .swiper-button-prev {left:0px}
	#mainPopup .swiper-button-next {right:0px}
	.Btn03Wrap .Btn03 {width:100%}
	.Btn03Wrap {display:block}
	.Btn03Wrap .Btn03 {margin-top:20px}
	.Btn03Wrap .Btn03:first-child {margin-top:0}
	.news {flex-direction:column}
	.NewsBoxWrap {width:100%}

}
@media screen and (max-width:600px) {
	.mainVisual li .mainText {top:40%}
	.mainVisual .mainText h2 {font-size:48px}
	.mainVisual .mainText h3 {font-size:22px}
	#mainNews > section h4 {font-size:44px}
	#mainNews > section h5 {font-size:26px}
	#mainNews > section > div a .mainText {font-size:18px}
	#mainNews > section > div a .subText {font-size:14px}
	.btn01 {display:block}
	.btn02 {display:block; margin-left:0}
	#rightCont h3.h3Tit {font-size:28px}

}
@media screen and (max-width:500px) {
	.mainVisual .mainText h2 {font-size:40px; text-align:left}
	.mainVisual .mainText h3 {font-size:20px; text-align:left}
	.mainVisual li .mainText {left:20px}
	.mainVisual li .mainText {display:block}
	.mainVisual li .mainText {top:10%}
	.mainVisual .mainText h3 {font-size:14px}
	header > section > h1 {width:200px}
	.tabStyle li a {height:65px}
	.timeline_entry .columns .column h4 {display:none}
}
@media screen and (max-width:425px) {	
}
@media screen and (max-width:375px) {
	.mainVisual .mainText h2 {font-size:34px}
	#mainNews > section h5 {font-size:24px}
	#mainContents section .Btn01 a img {width:250px}
	.mainBtn .Btn02 img {width:70px}

}