@charset "utf-8";
@import url('board2022.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;
}

/* TangsBudaeJjigae */
@font-face {
    font-family: 'TangsBudaeJjigae';
    font-weight: 300;
    font-style: normal;
    src: url('/site/common/fonts/TangsBudaeJjigae_Light.eot');
    src: url('/site/common/fonts/TangsBudaeJjigae_Light.eot?#iefix') format('embedded-opentype'),
        url('/site/common/fonts/TangsBudaeJjigae_Light.woff2') format('woff2'),
        url('/site/common/fonts/TangsBudaeJjigae_Light.woff') format('woff'),
        url('/site/common/fonts/TangsBudaeJjigae_Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TangsBudaeJjigae';
    font-weight: 500;
    font-style: normal;
    src: url('/site/common/fonts/TangsBudaeJjigae_Medium.eot');
    src: url('/site/common/fonts/TangsBudaeJjigae_Medium.eot?#iefix') format('embedded-opentype'),
        url('/site/common/fonts/TangsBudaeJjigae_Medium.woff2') format('woff2'),
        url('/site/common/fonts/TangsBudaeJjigae_Medium.woff') format('woff'),
        url('/site/common/fonts/TangsBudaeJjigae_Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TangsBudaeJjigae';
    font-weight: 700;
    font-style: normal;
    src: url('/site/common/fonts/TangsBudaeJjigae_Bold.eot');
    src: url('/site/common/fonts/TangsBudaeJjigae_Bold.eot?#iefix') format('embedded-opentype'),
        url('/site/common/fonts/TangsBudaeJjigae_Bold.woff2') format('woff2'),
        url('/site/common/fonts/TangsBudaeJjigae_Bold.woff') format('woff'),
        url('/site/common/fonts/TangsBudaeJjigae_Bold.ttf') format("truetype");
    font-display: swap;
}

/* reset css*/
*:focus:not(:focus-visible) {outline: none !important}
*:focus-visible {outline:2px solid #3b82f6 !important; outline-offset:2px !important}
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.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-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 */
.irHide {height:1px; width:1px; position:absolute; overflow:hidden; clip:rect(1px 1px 1px 1px); margin:0}
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.maxWidth20 {max-width:20%}
.maxWidth60px {max-width:60px}
.maxWidth100px {max-width:100px}
.maxWidth150px {max-width:150px}
.img-responsive {display:block; max-width:100%; height:auto}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt-3 {margin-top:-5px !important}
.mt7 {margin-top:7px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mr5 {margin-right:5px !important}
.mr20 {margin-right:20px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml-15 {margin-left:-15px !important}
.pr0 {padding-right:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pd0-10 {padding:0 10px}
.fitContent {max-width:fit-content; margin:0 auto}
.text-center {text-align:center}

.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}
.show-768 {display:none !important}
.show-1024 {display:none !important}
#bodyCon {overflow:hidden}
.red {color:#cd002c}
.blue {color:#0e2069}
.blankStyle {font-size:16px; color:#0871CD}
.modal {z-index:999999}
.modal-backdrop {z-index:999991}

.width230 {width:230px !important}

/* popupZone */
#popupZone .popupwrap {max-width:1450px; margin:0 auto; margin-top:100px; margin-bottom:50px; border-radius:60px; padding:50px; background: linear-gradient(to bottom, #E0E0E0 0%, #E0E0E0 73%, #6B9FC9 73%, #6B9FC9 100%); position:relative}
#popupZone .popupwrap .popupTop {display:flex; justify-content:space-between}
#popupZone .popupwrap .popupTop .leftWrap {margin:30px 0 0 50px}
#popupZone .popupwrap .popupTop .leftWrap h4 {font-size:22px; font-family:'Pretendard'; color:#717171; letter-spacing:4px; font-weight:300}
#popupZone .popupwrap .popupTop .leftWrap h3 {font-size:54px; font-family:'TangsBudaeJjigae'; color:#171717; margin-top:30px}
#popupZone .popupwrap .popupTop .leftWrap h3 span {font-size:54px; font-family:'TangsBudaeJjigae'; color:#0871CD}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn {display:flex; margin-top:25px}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a {padding:20px; width:184px; height:103px; background:#0871CD; display:block; border-radius:10px; margin-left:15px; position:relative}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:hover {text-decoration:none; filter:brightness(1.08); transform: translateY(-2px); transition:0.3s}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a > i {background:rgba(255,255,255,0.5); border-radius:100px; padding:10px; position:absolute; bottom:10px; right:10px}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:first-child {margin-left:0}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:first-child > i {color:#0871CD}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:nth-child(2) {background:#052962}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:nth-child(2) > i {color:#052962}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:nth-child(3) {background:#EB5274}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a:nth-child(3) > i {color:#EB5274}
#popupZone .popupwrap .popupTop .leftWrap .popupBtn a p {font-size:18px; color:#fff; font-family:'Pretendard'}
#popupZone .popupwrap .popupTop .rightWrap {margin-right:50px}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS {display:flex; justify-content:flex-end}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS a:nth-child(1) {padding:8px 12px; background:#ff587d; border-radius:10px 0 0 10px}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS a:nth-child(2) {padding:8px 11px; background:#FF0101}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS a:nth-child(3) {padding:8px 16px; background:#70CC00; border-radius:0 10px 10px 0; display:flex; align-items:center}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS a i {color:#fff; font-size:16px}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS a:nth-child(3) i {font-size:14px}
#popupZone .popupwrap .popupTop .rightWrap .popupSNS a:hover {text-decoration:none; filter:brightness(1.08); transition:0.3s}
#popupZone .popupwrap .popupTop .rightWrap {display:flex; flex-direction:column; justify-content:space-between}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner {background:#fff; display:block; border-radius:20px; padding:30px 35px; position:relative; width:512px}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner h5 {color:#2A8FE8; font-size:26px; font-family:'Pretendard'; font-weight:400; margin-bottom:20px; line-height:1.2em}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner h5 span {font-weight:700}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner .bannerText {font-size:17px; font-family:'Pretendard'; margin-top:10px; line-height:1.2em}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner .bannerText.em {font-weight:900; font-size:19px; border-bottom:2px solid #DB4141; display:inline; line-height:1.2em}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner .more {font-size:14px; color:#2A8FE8; font-family:'Pretendard'; margin-top:20px; font-weight:500}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner > span {font-size:14px; color:#fff; font-weight:700; background:#2A8FE8; border-radius:50px; position:absolute; top:15px; right:15px; width:50px; height:50px; display:flex; align-items:center; justify-content:center}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner img {position:absolute; bottom:0; right:10px; width:29%}
#popupZone .popupwrap .popupTop .rightWrap .popupBanner:hover {text-decoration:none; filter:brightness(1.08); transform: translateY(-2px); transition:0.3s}
#popupZone .popupwrap .inner2 {margin-top:50px; padding:0; max-width: 1270px}
#popupZone .popupwrap .popCloseWrap .popupClose2 {border:none; position:absolute; top:-30px; right:-83px}
#popupZone .popupwrap .popCloseWrap .popupClose2:hover {transform: rotate(90deg); background:none; color:#fff}
#popupZone .popupwrap .popCloseWrap .popupClose2 i {font-size:40px; font-weight:900}
#popupZone .popupwrap .inner2 .bx-wrapper .bx-prev {left:-390px}
#popupZone .popupwrap .inner2 .bx-wrapper .bx-next {right:-65px}
#popupZone .popupwrap .inner2 .popupSlider li div a img {border:1px solid rgba(255,255,255,0.7); border-radius:20px}
#popupZone .popupwrap .inner2 .popupSlider li div a:hover img {transform: scale(1.01); transition:0.3s}

#popupZone {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; overflow-y:auto; backdrop-filter:blur(3px)}
#popupZone .inner {max-width:1310px; margin:210px auto 0 auto; padding:0 45px; box-sizing:border-box}
#popupZone .bx-wrapper .bx-controls-direction a {margin-top:-40px; width:40px; height:80px; z-index:999; transition:.3s}
#popupZone .bx-wrapper .bx-prev {left:-90px; background:url('../img/mainVisualLeft.png') center left no-repeat; opacity:0.3}
#popupZone .bx-wrapper .bx-next {right:-90px; background:url('../img/mainVisualRight.png') center right no-repeat; opacity:0.3}
#popupZone .bx-wrapper .bx-prev:hover, #popupZone .bx-wrapper .bx-next:hover {opacity:0.7}
.popCloseWrap {text-align:center; margin-top:20px}
.popClose {display:inline-block; font-size:18px; font-weight:400; color:#fff; border:1px solid #fff; padding:12px 30px; transition:.3s}
.popClose i {margin-left:5px}
.popClose:hover, .popClose:focus {color:#333; background:#fff; text-decoration:none}
.popOpen {position:absolute; top:0; left:-20px; background:#fff; color:#333; width:20px; height:72px; display:flex; align-items:center; justify-content:center; transition:.3s; border-radius:10px 0 0 10px; display:none}
.popOpen:hover, .popOpen:focus {background:#0D3F8F; color:#fff}
.popupSlider > li {text-align:center}
.popupSlider > li > div {border-radius:15px; overflow:hidden; display:inline-block; margin:5px; max-width:290px}


.popup_social{ display:flex; gap:11px; justify-content:flex-end; }
.popup_social a{ width:38px; height:38px; flex:0 0 auto; border-radius:11px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:17px; text-decoration:none; transition:filter .2s ease, transform .2s ease; }
.popup_social a:hover{ filter:brightness(1.12); transform:translateY(-2px); }
.popup_social .is-youtube{ background:#ff0000; }
.popup_social .is-facebook{ background:#1877f2; }
.popup_social .is-blog{ background:#03c75a; }
.popup_social .is-instagram{ background:linear-gradient(45deg,#f09433,#dc2743,#bc1888); }


/* headerWrap */
.headerWrap {position:fixed; top:0; width:100%; z-index:99999}
#headerTop {background:#0D3F8F}
#headerTop > section {max-width:1280px; margin:0 auto; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
.headerTopLeft {display:flex; align-items:center; flex-grow:1}
.headerTopLeft > a, .headerTopLeft > span {display:inline-flex; align-items:center; justify-content:center; width:100%; max-width:135px; height:35px; padding:0 10px; font-size:13px; font-weight:400; color:#fff; transition:.3s}
.headerTopLeft > a:nth-child(1), .headerTopLeft > span:nth-child(1) {background:#fff; color:#333}
.headerTopLeft > a:nth-child(2), .headerTopLeft > span:nth-child(2) {background:#0871CD}
.headerTopLeft > a:nth-child(3), .headerTopLeft > span:nth-child(3) {background:#052962}
.headerTopLeft > a:nth-child(5), .headerTopLeft > span:nth-child(5) {background:#0b3372}
.headerTopLeft > a:nth-child(7), .headerTopLeft > span:nth-child(7) {background:#0b3372}
.headerTopLeft > a:hover, .headerTopLeft > a:focus, .headerTopLeft > span:hover, .headerTopLeft > span:focus {background:#333; color:#fff}
.headerTopLeft > span:hover a, .headerTopLeft > span:focus a {color:#fff}
.headerTopLeft > a.show-pc {display:none}
.headerTopRight {flex-grow:1; text-align:right; font-size:13px; font-weight:300; color:#fff;}
.headerTopRight > span {display:inline-block; margin:0 15px}
.headerTopRight > a:hover, .headerTopRight > a:focus {color:#fff}
.searchIcon {background:#052962; width:35px; height:35px; display:inline-flex; align-items:center; justify-content:center; font-size:16px; margin-left:30px; color:#fff; transition:.3s}
.searchIcon:hover, .searchIcon:focus {background:#0871CD}
header {background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2)}
header > section {display:flex; align-items:center; max-width:1310px; margin:0 auto; box-sizing:border-box; padding:0 15px}
header > section > h1 {width:100%; max-width:240px; margin-right:100px}
header nav {width:calc(100% - 340px)}
.btnSide {display:none; float:right; font-size:24px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}
header nav .tit {display:none; padding:20px; background:#0D3F8F; overflow:hidden; margin:0; font-size:18px; color:#fff}
header nav .close {display:none; position:absolute; top:17px; right:20px; opacity:1; font-size:24px; color:#fff}
header nav .close:focus {color:#fff; opacity:1; outline:5px auto #000; outline-offset:-2px}
.gnb {display:flex; align-items:center; justify-content:space-between}
.gnb > li > a {display:block; font-size:18px; font-weight:500; color:#333}
.gnb > li:hover > a, .gnb > li:focus > a, .gnb > li:focus-within > a {color:#0871CD}
.snb {display:none; position:absolute; top:125px; left:0; width:100%; min-height:150px; padding:15px 0; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1)}
.snb .inner {max-width:1280px; margin:0 auto}
.smCon {}
.smCon > ul {overflow:hidden}
.smCon > ul > li {float:left; width:25%; padding:0 10px; box-sizing:border-box; margin-bottom:15px}
.smCon > ul > li > a {display:block; background:#f3f3f3; padding:10px 10px 10px 15px; color:#000; font-size:15px; font-weight:700; transition:.3s; text-decoration:none}
.smCon > ul > li:hover > a, .smCon > ul > li:focus > a, .smCon > ul > li:focus-within > a {background:#0d3f8f; color:#fff}
.smCon > ul > li > ul {margin:5px 5px 5px 15px}
.smCon > ul > li > ul > li > a {display:block; font-size:15px; color:#666; padding:5px 0 5px 8px; background:url('../img/gnb_3dep.gif') 0 10px no-repeat}
.smCon > ul > li > ul > li > a:hover, .smCon > ul > li > ul > li > a:focus, .smCon > ul > li > ul > li:focus-within > a {color:#0d3f8f; font-weight:700}
.smCon > ul > li:nth-child(4n+1) {clear:both}
.userMenuBtn {display:inline-flex; align-items:center; justify-content:center; text-align:center; width:90px; height:90px; background:#0871CD; color:#fff; font-size:13px; transition:.3s}
.userMenuBtn i {font-size:26px; opacity:0.7; margin-bottom:8px}
.userMenuBtn:hover, .userMenuBtn:focus {color:#fff; text-decoration:none; background:#052962}
#userMenuModal .modal-header {border-bottom:none}
#userMenuModal .close {position:absolute; top:13px; right:12px; float:none}
#userMenuModal .modal-content {border-radius:0}
#userMenuModal .tab-content {margin-top:35px}
#userMenuModal .tab-content .tab-pane {display:flex; flex-wrap:wrap}
#userMenuModal .tab-content .tab-pane > a {display:block; width:25%; text-align:center; text-decoration:none; margin-bottom:30px}
#userMenuModal .tab-content .tab-pane > a:hover, #userMenuModal .tab-content .tab-pane > a:focus, #userMenuModal .tab-content .tab-pane > a:hover p, #userMenuModal .tab-content .tab-pane > a:focus p {color:#0871CD}
#userMenuModal .tab-content .tab-pane > a i {font-size:36px; margin-bottom:10px}
#userMenuModal .tab-content .tab-pane > a p {font-size:15px; font-weight:400; color:#333}

/* skyQuick */
#skyQuick {position:fixed; top:245px; right:0; z-index:10000; width:70px}
.skyQuickTop {background:#0871CD; border-radius:10px 10px 0 0; text-align:center; padding-bottom:15px; position:relative; z-index:99}
.skyQuickTop > i {font-size:34px; color:#FFB607; margin-top:-20px; position:relative}
.skyQuickTop > i.active:after {content:''; display:block; width:10px; height:10px; background:#FF0000; position:absolute; top:0; right:0; border-radius:100%}
.skyQuickTop > p {font-size:15px; font-weight:700; color:#fff; margin-top:10px; line-height:14px}
.skyQuickTop > p > span {display:block; font-size:15px; font-weight:400; color:#fff; margin-top:5px}
.skyQuickList {position:relative; z-index:99}
.skyQuickList > li {border-bottom:1px solid #3D65A6}
.skyQuickList > li:nth-child(6), .skyQuickList > li:last-child {border-bottom:none}
.skyQuickList > li > a {display:flex; align-items:center; justify-content:center; width:100%; height:60px; background:#0D3F8F; color:#fff; text-align:center; font-size:15px; font-weight:500; line-height:18px; transition:.3s}
.skyQuickList > li > a:hover, .skyQuickList > li > a:focus {background:#0871CD}
.skyQuickList > li > a.topBtn {display:block; width:100%; height:52px; background:#000; color:#fff; text-align:center; font-size:15px; font-weight:400; border-radius:0 0 10px 10px}
.skyQuickList > li > a.topBtn i {font-size:10px; margin-top:10px}
.skyQuickList > li > a.topBtn:hover, .skyQuickList > li > a.topBtn:focus {background:#FFB607}


/* mainVisualWrap */
#mainVisualWrap {margin-top:125px; background:url('../img/mainVisualWrap_bg.jpg') center center no-repeat; background-size:cover; padding-top:20px; box-sizing:border-box}
.mainVisual {max-width:1310px; margin:0 auto; box-sizing:border-box; padding:0 15px}
.mainVisual .bx-wrapper .bx-pager {position:absolute; bottom:0; width:10px; right:-20px; color:#fff; padding:0}
.mainVisual .bx-wrapper .bx-pager-item {font-size:18px; display:block}
.mainVisual .bx-wrapper .bx-controls-direction a {margin-top:-40px; width:40px; height:80px; z-index:999; transition:.3s}
.mainVisual .bx-wrapper .bx-prev {left:-60px; background:url('../img/mainVisualLeft.png') center left no-repeat; opacity:0.3}
.mainVisual .bx-wrapper .bx-next {right:-60px; background:url('../img/mainVisualRight.png') center right no-repeat; opacity:0.3}
.mainVisual .bx-wrapper .bx-prev:hover, .mainVisual .bx-wrapper .bx-next:hover {opacity:0.7}


/* mainQuickWrap */
.mainQuickWrap {background:linear-gradient(90deg, rgb(255, 255, 255) 40%, rgba(255,255,255,0) 0); margin-top:-30px; padding-top:30px; box-sizing:border-box}
.mainQuickWrap .inner {max-width:1310px; margin:0 auto; padding:0 15px; box-sizing:border-box; display:flex; justify-content:center}
.mainQuickLeft {width:100%; background:#fff; padding-right:50px}
.quickList {display:flex; align-items:center; justify-content:space-evenly; flex-wrap:wrap; margin:30px 0}
.quickList > a {width:16.66%; font-size:15px; font-weight:400; color:#333; text-decoration:none; text-align:center; transition:.3s}
.quickList > a > i {width:60px; height:60px; background:#DAE2EE; color:#333; display:flex; align-items:center; justify-content:center; border-radius:100%; font-size:24px; margin:0 auto 7px auto; transition:.3s}
.quickList > a:hover, .quickList > a:focus {color:#0871cd}
.quickList > a:hover > i, .quickList > a:focus > i {background:rgba(13,63,143,0.3)}
.mainNewsWrap {display:flex; justify-content:space-between}
.mainNewsWrap > div {}
.newsSlider {display:flex; justify-content:space-between}
.newsSlider > li {}
.newsSlider > li > a {position:relative; display:block; overflow:hidden}
.newsCate {position:absolute; top:10px; right:10px; z-index:9; background:rgba(221,117,1,0.8); font-size:13px; font-weight:400; color:#fff; padding:8px 10px; transition:.3s; border:1px solid #fff}
.newsCate2 {position:absolute; top:10px; right:10px; z-index:9; background:rgb(228 45 250 / 80%); font-size:13px; font-weight:400; color:#fff; padding:8px 10px; transition:.3s; border:1px solid #fff}
.newsTit {position:absolute; bottom:0px; left:0px; z-index:9; background:rgba(8,113,205,0.8); font-size:14px; font-weight:500; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; padding:15px; transition:.3s}
.newsSlider > li > a > img {width:360px; height:200px; transition:.3s}
.newsSlider > li > a:hover .newsCate, .newsSlider > li > a:focus .newsCate {background:rgba(221,117,1,1)}
.newsSlider > li > a:hover .newsCate2, .newsSlider > li > a:focus .newsCate2 {background:rgb(228,45,250,1)}
.newsSlider > li > a:hover .newsTit, .newsSlider > li > a:focus .newsTit {background:rgba(8,113,205,1)}
.newsSlider > li > a:hover img, .newsSlider > li > a:focus img {transform:scale(1.05,1.05)}
.news .bx-wrapper .bx-controls-direction a {margin-top:-20px; width:40px; height:40px; border-radius:100%; box-shadow:0 3px 6px rgb(0 0 0 / 15%)}
.news .bx-wrapper .bx-prev {left:-20px; background:url('../img/newsControls.png') no-repeat 0 -40px}
.news .bx-wrapper .bx-prev:hover, .news .bx-wrapper .bx-prev:focus {background-position:0 0}
.news .bx-wrapper .bx-next {right:-20px; background:url('../img/newsControls.png') no-repeat -40px -40px}
.news .bx-wrapper .bx-next:hover, .news .bx-wrapper .bx-next:focus {background-position:-40px 0}
.mainQuickRight {flex-shrink:0; width:490px; padding:45px 0 0 30px; background:url('../img/mainQuickRight_bg.png') right bottom no-repeat}
.mainQuickRight > h3 {font-size:40px; font-weight:700; color:#fff}
.issueList {margin-top:30px}
.issueList > li {margin-bottom:10px}
.issueList > li > a {display:inline-block; font-size:15px; font-weight:500; color:#fff; border:1px solid #fff; border-radius:10px 0 10px 0; min-width:180px; padding:10px; box-sizing:border-box; transition:.3s; text-decoration:none}
.issueList > li > a:hover, .issueList > li > a:focus {background:#fff; color:#333}


/* mainCon1 */
.mainCon1 {margin-top:40px; overflow:hidden}
.mainCon1 section {max-width:1310px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.noticeWrap {width:627px; float:left; position:relative; margin-top:15px}
.noticeTab > li {display:inline-block}
.noticeTab > li:after {content:''; display:inline-block; width:5px; height:5px; background:#C5C9D6; border-radius:100%; position:relative; top:-5px; margin:0 15px}
.noticeTab > li:last-child:after {display:none}
.noticeTab > li a {font-size:22px; font-weight:400; color:#333; text-decoration:none; padding-bottom:10px}
.noticeTab > li.active a {display:inline-block; font-weight:700; color:#0871CD; border-bottom:4px solid #0871CD}
.noticeTab > li a:hover, .noticeTab > li a:focus {color:#0871CD}
.notiMore {position:absolute; top:-2px; right:0; font-size:29px; color:#ccc}
.notiMore:hover, .notiMore:focus {color:#0871CD}
.mainCon1 .tab-content {margin-top:20px}
.mainCon1 .tab-content ul {display:flex}
.mainCon1 .tab-content ul > li {width:100%}
.mainCon1 .tab-content ul > li:first-child {margin-right:27px}
.mainCon1 .tab-content ul > li > a {display:block; border:1px solid #ccc; padding:35px 30px 40px 30px; box-sizing:border-box; text-decoration:none; transition:.3s}
.mainCon1 .tab-content ul > li > a:hover, .mainCon1 .tab-content ul > li > a:focus {border-color:#0871CD}
.mainCon1 .tab-content ul > li > a:hover .mainCon1 .noti_tit, .mainCon1 .tab-content ul > li > a:focus .noti_tit {color:#0871CD}
.noti_cate {font-size:16px; font-weight:700; color:#0871CD}
.noti_tit {font-size:18px; font-weight:400; color:#333; margin-top:25px; line-height:27px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:81px; word-break:keep-all}
.noti_date {font-size:15px; font-weight:400; color:#858585; margin-top:35px}
.bannerWrap {width:600px; float:right; position:relative}
.banSlider {display:flex; justify-content:space-between; overflow-x:auto}
.banSlider > li {flex-shrink:0}
.banSlider > li > a {display:block}
.bannerWrap .bx-wrapper .bx-controls-direction a {margin-top:-20px; width:40px; height:40px; border-radius:100%; box-shadow:0 3px 6px rgb(0 0 0 / 15%)}
.bannerWrap .bx-wrapper .bx-prev {left:-20px; background:url('../img/newsControls.png') no-repeat 0 -40px}
.bannerWrap .bx-wrapper .bx-prev:hover, .bannerWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
.bannerWrap .bx-wrapper .bx-next {right:-20px; background:url('../img/newsControls.png') no-repeat -40px -40px}
.bannerWrap .bx-wrapper .bx-next:hover, .bannerWrap .bx-wrapper .bx-next:focus {background-position:-40px 0}


/* snsWrap */
.snsWrap {background:url('../img/snsBg.jpg') center center no-repeat; background-size:cover; padding-top:70px; margin-top:40px; position:relative}
.snsWrap > section > h3 {text-align:center; font-size:35px; font-weight:400; color:#fff}
.snsWrap > section > h3 strong {font-weight:700}
.snsWrap > section > h4 {text-align:center; font-size:15px; font-weight:300; color:#fff; line-height:21px; opacity:0.6; margin-top:20px}
.snsSliderWrap {position:relative; top:50px}
.snsSlider {display:flex}
.snsSlider > li {margin:0 40px; width:33%}
.snsSlider > li > a img {transition:.3s}
.snsSlider > li > a:hover img, .snsSlider > li > a:focus img {transform:scale(1.05,1.05)}
.snsSlider > li > a:focus img {outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.snsWrap .bx-wrapper {margin:50px auto 0 auto}
.snsWrap .bx-wrapper .bx-controls-direction a {margin-top:-20px; width:40px; height:40px; border-radius:100%; box-shadow:0 3px 6px rgb(0 0 0 / 15%)}
.snsWrap .bx-wrapper .bx-prev {left:-20px; background:url('../img/newsControls.png') no-repeat 0 -40px}
.snsWrap .bx-wrapper .bx-prev:hover, .snsWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
.snsWrap .bx-wrapper .bx-next {right:-20px; background:url('../img/newsControls.png') no-repeat -40px -40px}
.snsWrap .bx-wrapper .bx-next:hover, .snsWrap .bx-wrapper .bx-next:focus {background-position:-40px 0}


/* mainCon2 */
.mainCon2 {margin-top:100px}
.mainCon2 section {display:flex; flex-wrap:wrap; max-width:1310px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.mainCon2_left {margin-right:20px}
.mainCon2_left > a {display:block}
.mainCon2_left > a img {transition:.3s}
.mainCon2_left > a:hover img, .mainCon2_left > a:focus img {transform:scale(1.05,1.05)}
.mainCon2_left > a:focus img {outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.mainCon2_right {display:flex; border:1px solid #DCDCDC; width:calc(100% - 488px); box-sizing:border-box; padding:35px 35px 10px 35px}
.mainCon2_right > ul {display:flex; flex-wrap:wrap}
.mainCon2_right > ul > li {flex: 1 1 20%; margin-bottom:25px}
.mainCon2_right > ul > li > a {display:block; text-align:center; text-decoration:none}
.mainCon2_right > ul > li > a:hover, .mainCon2_right > ul > li > a:focus, .mainCon2_right > ul > li > a:hover p , .mainCon2_right > ul > li > a:focus p {color:#0871CD}
.mainCon2_right > ul > li > a i {font-size:40px; margin-bottom:15px}
.mainCon2_right > ul > li > a p {font-size:15px; font-weight:400; color:#333}


/* pride */
.pride {margin-top:40px}
.pride section {display:flex; max-width:1310px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.pride_tit {flex-shrink:0; margin-right:30px}
.pride_item_Wrap {display:flex; width:1135px; overflow-x:auto; overflow-y:hidden}
.pride_item {text-align:center; margin-right:29px}
.pride_item_Wrap .pride_item:last-child {margin-right:0}
.pride_item a {display:block; text-decoration:none}
.pride_item img {border:1px solid #DCDCDC; box-sizing:border-box}
.pride_item p {font-size:13px; font-weight:500; color:#333; margin-top:12px; line-height:15px; letter-spacing:-1px}
.pride_item:hover img, .pride_item:focus img {outline:5px auto #29376e; outline-offset:0px; border-radius:0}
.pride_item:hover p, .pride_item:focus p {color:#29376e}

/* e-Brochure */
.e-Brochure {font-size:26px; font-weight:700; color:#000; padding-left:20px}

/* footer */
#footer {border-top: 1px solid #ddd; padding:30px 0 50px 0; margin-top:50px}
#footer section {max-width:1310px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.footerTop {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
.footerTopList > a {display:inline-block; font-size:15px; color:#333; font-weight:400; background:#F0F1F3; padding:10px 20px; text-decoration:none}
.footerTopList > a i {margin-left:20px}
.footerTopList > a:hover, .footerTopList > a:focus {background:#333; color:#fff}
.gositeWrap {display:flex; flex-wrap:wrap}
.goSite {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}
.goSite::-webkit-scrollbar {width:13px}
.goSite::-webkit-scrollbar-track {background:#545557}
.goSite::-webkit-scrollbar-thumb {background:#262727}
.go_site1, .go_site2 {position:relative}
.go_site2 {margin-left:15px}
.go_site1 h3, .go_site2 h3 {display:block; box-sizing:border-box; background:url('../img/goSiteMore.png') #F0F1F3 center right 20px no-repeat; cursor:pointer; font-size:15px; color:#333; font-weight:400; padding:12px 40px 12px 20px}
.go_site1 h3 a, .go_site2 h3 a {color:#333}
.go_site1_view, .go_site2_view {display:none; width:185px; height:200px; position:absolute; right:0px; bottom:35px; background:#fff; border:2px solid #f0f1f3; box-sizing:border-box; overflow-y:scroll !important; padding:10px 0 0 10px; box-sizing:border-box; letter-spacing:-0.5px}
.go_site2_view {width:200px}
.go_site1_view li, .go_site2_view li {font-size:13px !important; line-height:20px; padding-left:10px}
.go_site1_view li a, .go_site2_view li a {color:#333}
.go_site1_view li a:hover, .go_site2_view li a:hover {color:#0871CD}

.footerBottom {margin-top:30px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.75px; word-break:keep-all; position:relative}
.footerBottomUtil {display:flex; align-items:center; flex-wrap:wrap}
.footerBottomUtil > li > a {font-size:16px; font-weight:400; color:#333; display:flex; align-items:center; text-decoration:none}
.footerBottomUtil > li > a:after {content:''; display:inline-block; width:3px; height:3px; background:#959595; border-radius:100%; margin:0 20px}
.footerBottomUtil > li:last-child > a:after {display:none}
.footerBottomUtil > li > a.info {color:#0871CD}
.blank {color:#0871CD; font-size:14px; margin-left:5px}
.footerBottom address {font-style:normal; margin:30px 0 10px 0; line-height:22px}
.footerBottom address span {margin:0 20px}
.webwatch {position:absolute; bottom:0; right:0}


/* tab */
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db; border-left:1px solid #d8d9db}
.tabStyle li a:hover {background:#d9d9d9; color:#636363}
.tabStyle li.on a {background:#0871cd; color:#fff}
.tabStyle li.active a {background:#0871cd; color:#fff}
.tabStyle li a {display:block; float:left; background:#f5f5f5; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:20px 0; text-align:center; font-size:16px; color:#636363; font-weight:500; text-decoration:none}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab4 li a {width:25%}
.tab4 li.width50 a {width:50%}
.tab5 li a {width:20%}
.tab6 li a {width:16.66%}
.tab6 li.width13 a {width:14.66%}
.tab6 li.width22 a {width:20.66%}
.tab7 li a {width:14.2%; font-size:12px !important}
.tab8 li a {width:12.5%; font-size:12px !important}

.subTab {overflow:hidden}
.subTab li.on a {background:#0871cd; color:#fff}
.subTab li.active a {background:#0871cd; color:#fff}
.subTab li a:hover {background:#d9d9d9; color:#636363}
.subTab li:first-child a {border-left:1px solid #d8d9db}
.subTab li a {display:block; float:left; background:#f5f5f5; border-top:1px solid #d8d9db; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:15px 20px; text-align:center; font-size:14px; color:#636363; font-weight:500}

.pageTab {overflow:hidden;}
.pageTab li a {display:block; float:left; background:#eff3f4; border-top:1px solid #d8d9db; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:15px 20px; text-align:center; font-size:12px; color:#636363; font-weight:700}
.pageTab li.on a {background:#0871cd; color:#fff}
.pageTab li a:hover {background:#d1e7fa; color:#636363}
.pageTab li:first-child a {border-left:1px solid #d8d9db}

.pageTab_sub {overflow:hidden; margin-top:50px}
.pageTab_sub li a {display:block; float:left; background:#eff3f4; border-top:1px solid #d8d9db; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:12px 20px; text-align:center; font-size:16px; color:#636363; font-weight:500}
.pageTab_sub.font14 li a {font-size:14px}
.pageTab_sub li.on a {background:#0d3f8f; color:#fff}
.pageTab_sub li a:hover {background:#0d3f8f; color:#fff}
.pageTab_sub li:first-child a {border-left:1px solid #d8d9db}

table .hide {text-indent:-9999px; overflow:hidden; display:table-cell !important}

.tbl_skin1 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:16px; color:#636363; line-height:20px; word-break:keep-all}
.tbl_skin1 thead th {padding: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; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#0d3f8f; vertical-align:middle; text-align:center; font-weight:500}
.tbl_skin1 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; 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_skin2 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:16px; color:#636363; line-height:20px; word-break:break-all}
.tbl_skin2 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle; text-align:center; font-weight:700}
.tbl_skin2 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#0d3f8f; vertical-align:middle; text-align:center; font-weight:500}
.tbl_skin2 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align:center}
.tbl_skin2 tbody td a {color:#000}
.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}

.tbl_skin3 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:14px; color:#636363; line-height:20px; word-break:keep-all}
.tbl_skin3 thead th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle; text-align:center; font-weight:700}
.tbl_skin3 tbody th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#0d3f8f; vertical-align:middle; text-align:center; font-weight:500}
.tbl_skin3 tbody td {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align:center}
.tbl_skin3 tbody td a {color:#000}
.tbl_skin3 tr th:last-child {border-right:none}
.tbl_skin3 tr td:last-child {border-right:none}
.tbl_skin3 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin3 .bl {border-left:1px solid #e2e2e2 !important}
.tbl_skin3 .tl {text-align:left}

.tbl_skin4 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:14px; color:#636363; line-height:20px; word-break:keep-all}
.tbl_skin4 thead th {padding:10px; border-right:1px solid #8a98b7; border-bottom:1px solid #29366d; color:#293669;background:#e0eaf6; vertical-align:middle; text-align:center; font-weight:700}
.tbl_skin4 tbody th {padding:10px; border-right:1px solid #8a98b7; border-bottom:1px solid #8a98b7; font-weight:500}
.tbl_skin4 tbody td {padding:10px; border-right:1px solid #8a98b7; border-bottom:1px solid #8a98b7}
.tbl_skin4 tr th:last-child {border-right:none}
.tbl_skin4 tr td:last-child {border-right:none}
.tbl_skin4 .br {border-right:1px solid #8a98b7 !important}
.tbl_skin4 .tl {text-align:left}
.tbl_skin4 .bList {margin-top:0 !Important}

.tbl_skin5 {margin:0 auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; text-align:center; font-size:14px; color:#636363; line-height:20px; word-break:keep-all}
.tbl_skin5 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle; text-align:center}
.tbl_skin5 tbody th {padding:7px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin5 tbody th {padding:7px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin5 tbody td {padding:7px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin5 tfoot td {padding:7px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin5 tr th:last-child {border-right:none}
.tbl_skin5 tr td:last-child {border-right:none}
.tbl_skin5 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin5 .bb {border-bottom:1px solid #b5b5b5 !important}
.tbl_skin5 .tl {text-align:left;vertical-align:top}
.tbl_skin5 .dList {padding:0 !important}
.tbl_skin5 .dList li {background:url(../images/listDot.png) left 7px no-repeat}

.rental_skin {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px; word-break:keep-all}
.rental_skin thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5;}
.rental_skin tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.rental_skin tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#0d3f8f; vertical-align:middle; background:#f5f5f5;}
.rental_skin tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.rental_skin tr th:last-child {border-right:none}
.rental_skin tr td:last-child {border-right:none}
.rental_skin .br {border-right:1px solid #e2e2e2 !important}
.rental_skin .bl {border-left:1px solid #e2e2e2 !important}
.rental_skin .tl {text-align:left}

.rental_skin2 {width:100%; border-top:2px solid #29366d; background-color:#ffffff; text-align:center; font-size:13px; color:#636363; line-height:20px; word-break:keep-all}
.rental_skin2 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5;}
.rental_skin2 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.rental_skin2 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#0d3f8f; vertical-align:middle; background:#f5f5f5;}
.rental_skin2 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.rental_skin2 tr th:last-child {border-right:none}
.rental_skin2 tr td:last-child {border-right:none}
.rental_skin2 .br {border-right:1px solid #e2e2e2 !important}
.rental_skin2 .bl {border-left:1px solid #e2e2e2 !important}
.rental_skin2 .tl {text-align:left}

.dList {margin-top:10px}
.dList li {background:url(../img/listDot.png) left 8px no-repeat; padding-left:8px; font-size:15px; line-height:20px; margin-bottom:5px}
.dList.font13 li {font-size:13px}
.dList2 li {background:url(../img/listDot.png) left 8px no-repeat; padding-left:8px; font-size:15px; line-height:20px; margin-bottom:5px}
.oList>li {list-style-type:decimal; text-indent:-3px; font-size:15px; line-height:20px; margin-bottom:5px; margin-left:15px}
.List li {font-size:13px; line-height:20px; margin-bottom:5px; letter-spacing:-0.5px}
.bList {margin-top:10px}
.bList li {background:url(../img/listBar.gif) left 9px no-repeat; padding-left:10px; font-size:15px; line-height:20px; margin-bottom:5px;}
.bList2 li {background:url(../img/listBar.gif) left 11px no-repeat; padding-left:10px; font-size:15px; line-height:24px; margin-bottom:5px}
.bList > li.iList {background:url(../img/ico_impo.gif) 0 5px no-repeat; list-style:none; padding:0 0 0 13px}
.iList > li {background:url(../img/ico_impo.gif) 0 5px no-repeat; list-style:none; padding:0 0 0 13px}
.iList2 > li {background:url(../img/ico_impo.gif) 0 5px no-repeat; list-style:none; font-size:15px; padding:0 0 0 13px; line-height:20px;}

#con > h4 {font-size:26px; font-weight:700; color:#000}
#con > h4:before {content:''; display:inline-block; width:20px; height:20px; background:url('../img/h3_bullet.svg') left top no-repeat; margin-right:5px}
#con .h4Tit {font-size:26px; font-weight:700; color:#000}
#con .h4Tit:before {content:''; display:inline-block; width:20px; height:20px; background:url('../img/h3_bullet.svg') left top no-repeat; margin-right:5px}
#con .h5Tit {font-size:18px; font-weight:500; color:#000}
#con > p {font-size:16px; margin-top:20px; line-height:22px}
#con > p strong {color:#000}

.square {background:url(../img/titleH4.png) left center no-repeat; padding-left:24px; font-size:20px; color:#000}

/* lnb */
#container {overflow:hidden; max-width:1310px; box-sizing:border-box; padding:0 15px 50px 15px; margin:175px auto 0 auto !important; z-index:999}
#container nav {width:260px; margin-right:50px; float:left}
#container nav h2 {font-size:34px; border-bottom:4px solid #464646; height:60px; padding-left:20px; color:#333}
#container nav h2 > a {text-decoration:none; color:#333}
#container nav h2 > a i {display:none}
#container nav > .lnb > li > a {font-size:15px; color:#000; line-height:48px; display:block; padding-left:20px; border-bottom:1px solid #e2e2e2; font-weight:500; text-decoration:none}
#container nav > .lnb > li.on > a {background:#0d3f8f; color:#fff}
#container nav > .lnb > li.on.more > a {background:url(../img/lnbOn.png) 95% center #0d3f8f no-repeat; color:#fff}
#container nav > .lnb > li.more {background:url(../img/lnbOff.png) 95% center no-repeat}
#container nav > .lnb > li.more > a:hover {background:url(../img/lnbOn.png) 95% center #0d3f8f no-repeat}
#container nav > .lnb > li > a:hover {background:#0d3f8f; color:#fff}
#container nav > .lnb > li .depth2 .depth2_list {padding:25px 25px; background:#f5f9fc;}
#container nav > .lnb > li .depth2 .depth2_list li {background:url(../img/depth2_list.png) left center no-repeat; padding-left:10px}
#container nav > .lnb > li .depth2 .depth2_list li a {display:block; font-size:14px; color:#6a6a6a; line-height:30px; font-weight:700; border:none; letter-spacing:-0.75px}
#container nav > .lnb > li .depth2 .depth2_list li.on2 a {color:#0d3f8f}
#container nav > .lnb > li .depth2 .depth2_list li a:hover {color:#0d3f8f}

/* category */
#con {width:100%; float:left; padding-bottom:100px}
#con .conTop {position:relative; margin-bottom:50px}
#con .conTop h3 {font-size:38px; font-weight:700; border-bottom:4px solid #eff3f4; line-height:110%; margin-top:10px}
#con .conTop h3 span {position:relative; display:inline-block; padding-bottom:40px}
#con .conTop h3 span:before {content:""; position:absolute; bottom:-4px; left:0; width:100%; height:4px; background:#0d3f8f; box-sizing:content-box}
#con .conTop .path {position:absolute; right:0; bottom:15px; font-size:15px}
#con .conTop .path li {float:left; background:url(../img/imgPath.gif) left center no-repeat;margin-left:7px; padding-left:12px}
#con .conTop .path li:first-child {background:none}
#con .conTop .path li a {color:#666666}

/* 총장인사말 */
#con > p.preT {font-size:16px; font-weight:700}
.preList {overflow:hidden}
.preList li {float:left; font-size:28px; line-height:50px; font-weight:700; margin-right:30px}
.preList li:nth-child(2) {margin-right:0; padding-top:40px}
.preList li span {color:#0d3f8f}

/* 교육목표와 인재상 */
.eoList {overflow:hidden}
.eoList li {float:left; width:24.79%; text-align:center; margin-right:2px}
.eoList li h5 {padding:23px 0; color:#fff; font-size:18px}
.eoList li:nth-child(1) h5 {background:#338ff6}
.eoList li:nth-child(2) h5 {background:#0871cd}
.eoList li:nth-child(3) h5 {background:#104ac5}
.eoList li:nth-child(4) h5 {background:#0d3f8f; margin-right:0}
.eoList li p {font-size:15px; background:#ededed; padding:20px 15px; text-align:center; line-height:22px; /*height:110px*/}
.eoList li p strong {color:#338ff6}

/* VISION2024 전략 체계 */
.vision2024Wrap {overflow-x:auto}
.vision2024 {width:790px; height:432px; background:url(../img/vision2024.jpg) left top no-repeat}
.vision2024 li {padding-left:400px; font-size:14px; line-height:18px}
.vision2024 li:nth-child(1) {padding-top:35px}
.vision2024 li:nth-child(2) {padding-top:35px}
.vision2024 li:nth-child(3) {padding-top:38px}
.vision2024 li:nth-child(4) {padding-top:15px}
.vision2024 li:nth-child(5) {padding-top:20px}
.vision2024 li strong {font-size:16px}

/* 윤리헌장과 윤리강령 */
.ethList {margin-top:20px}
.ethList li {padding-bottom:10px; margin-bottom:20px; background:url(../img/ethArr.gif) center bottom no-repeat; font-size:16px; line-height:22px; font-weight:500; letter-spacing:-0.5px}
.ethList li:last-child {background:none}
.ethList li p {padding:10px 20px; background:#0891cd; border-radius:5px; color:#fff}

/* 연혁 */
.history {border:1px solid #d9d9d9; margin-top:50px; overflow:hidden; padding:30px 0 20px 0; overflow:hidden}
.history strong {float:left; width:170px; font-size:50px; color:#0d3f8f; line-height:50px; letter-spacing:-1px; padding:0 0 0 30px}
.history ul {float:left;width:700px}
.history li {line-height:22px; padding-bottom:10px; overflow:hidden; font-size:13px; width:700px}
.history li span {float:left; width:100px; color:#007cbc; padding-right:20px}
.history li p {float:left; width:700px}
.history .cB {clear:both; border-bottom:2px dashed #d5d5d5; padding-top:30px; margin-bottom:30px}

/* 심볼/로고소개 */
.simList {overflow:hidden}
.simList li {float:left; font-size:16px; line-height:22px; letter-spacing:-1px}
.simList li:first-child {width:calc(100% - 290px); margin-right:50px}
.btnLogo {padding:13px 20px 13px 40px; color:#fff; font-size:14px; font-weight:700; background:url(../img/btnLogo.png) 20px center #0871cd no-repeat}
.btnLogo:hover, .btnLogo:focus {color:#fff; background-color:#0d3f8f}

/* 대학조직도 */
.GroupSys {overflow:hidden; width:760px; height:1428px; background:url(../img/GroupSys_bg.png) no-repeat; margin:0 auto}
.gs {width:230px; float:left; margin-right:35px}
.gs:last-child {margin-right:0px}
.gs li {color:#fff; padding:15px 0; text-align:center; font-size:14px; font-weight:700}
.gs li a {color:#fff}
.gs .dep1 {background:#0d148f}
.gs .dep2 {background:#0d3f8f}
.gs .dep3 {background:#0871cd}
.gs .dep4 {background:#707683}
.gs .dep5 {background:#e2e2e2; padding:11px 0; color:#000}
.gs .dep5 a {color:#000}
.gs .dep6 {background:#fff; border:1px solid #e2e2e2; color:#494949; font-size:12px; text-align:left; padding:10px 20px; line-height:22px}
.gs .dep6 a {color:#494949}

/* 대학요람 */
.broWrap {overflow:hidden; margin-top:50px}
.broLeft {float:left; width:280px; margin-right:15px}
.broLeft a {padding:13px 20px 13px 40px; display:block; box-sizing:border-box; width:278px; color:#fff; font-size:14px; font-weight:700; background:url(../img/btnLogo.png) 30px center #0871cd no-repeat; text-align:center; margin-top:5px}
.broRight {float:left; width:550px}
.broRight h4 {font-size:30px; font-weight:700}
.broRight dl {font-size:15px; line-height:20px}
.broRight dl dt {color:#0d3f8f; font-weight:700; background: url(../img/broRight_bg.png) repeat; padding:10px; margin-top:20px}
.broRight dl dd {margin-top:10px}
.btnAcr {padding:7px 10px 7px 30px; color:#fff; font-size:12px; font-weight:700; background:url(../img/btnLogo.png) 10px center #898989 no-repeat}

/* 대학규정집 */
.view {background:url(../img/icon_pdf.gif) left 2px no-repeat; padding-left:23px; display:inline-block}

/* 특성화사업추진단 */
.group {overflow:hidden; width:760px; height:1287px; background:url(../img/groupBg.png) no-repeat}
.group .groupLeft {float:left}
.group .w152 {width:152px}
.group .w197 {width:197px; margin-left:45px}
.group .w222 {width:222px}
.group .w242 {width:242px}
.group .dep1 {box-sizing:border-box; height:45px; text-align:center; padding:16px 0; background:#0d148f; color:#fff; font-size:13px; margin:0 auto}
.group .dep2 {box-sizing:border-box; height:45px; text-align:center; padding:16px 0; background:#0d3f8f; color:#fff; font-size:13px; margin:0 auto}
.group .dep3 {box-sizing:border-box; height:45px; text-align:center; padding:16px 0; background:#0871cd; color:#fff; font-size:13px}
.group .dep4 {box-sizing:border-box; height:45px; text-align:center; padding:16px 0; background:#707683; color:#fff; font-size:13px}
.group .dep5 {box-sizing:border-box; height:30px; text-align:center; padding:10px 0; background:#e2e2e2; color:#000; font-size:13px}
.group .dep6 {box-sizing:border-box; text-align:center; background:#fff; color:#494949; font-size:12px; border:1px solid #e2e2e2; padding:10px; line-height:22px; text-align:left}

/* webzine */
.webzine {overflow:hidden; margin-top:20px}
.webzine li {float:left; width:25%; padding:20px; box-sizing:border-box}
.webzine li a img {width:100%}
.webzine li:nth-child(4), .webzine li:nth-child(8), .webzine li:nth-child(12), .webzine li:nth-child(16) {margin-right:0}
.webzine li .webTitle {display:block;font-weight:500; font-size:14px; text-align:center; margin-top:10px}
.webzine li .webBtn {margin-top:10px; color:#fff; font-weight:500; font-size:14px; text-align:center; padding:10px 0; background:#898989; display:block}

.webzine {padding:20px}
.webzine img {width:100%; border:1px solid #c1c1c1}
.webzine .webTitle {display:block;font-weight:500; font-size:14px; text-align:center; margin-top:10px}
.webzine .webBtn {margin-top:10px; color:#fff; font-weight:500; font-size:14px; text-align:center; padding:10px 0; background:#898989; display:block}

/* 취업박람회 */
.expo {background:url(../img/img_expo.jpg) #002157 0 0 no-repeat; width:310px; height:180px; padding:40px 0 0 450px}
.expo>.s_title {font-size:25px; background:url(../img/title_expo_bg.gif) 0 50% no-repeat; padding-left:70px; letter-spacing:-2px; height:30px; line-height:25px; color:#fff}
.expo>.m_title {font-weight:700; font-size:40px; letter-spacing:-2px; line-height:100%; color:#fff}
.expo>.t {font-size:12px; line-height:20px; font-weight:bold; color:#fff}
.btn_add {display:inline-block; margin-top:10px; background:#464646; color:#fff; font-size:14px; padding:10px 15px}
.btn_add2 {display:inline-block; margin-top:10px; background:#0871cd; color:#fff; font-size:14px; padding:10px 15px}
.btnAdd1 {display:inline-block; margin-top:10px; background:#0871cd; color:#fff; font-size:14px; font-weight:bold; padding:15px 10px; text-align:center; width:180px}
.btnAdd2 {display:inline-block; margin-top:10px; background:#464646; color:#fff; font-size:14px; font-weight:bold; padding:15px 10px; text-align:center; width:180px}
.btn_add:hover, .btn_add2:hover, .btnAdd1:hover, .btnAdd2:hover {color:#fff}
.bakram {overflow:hidden}
.bakram li {width:370px; float:left; margin-right:20px; line-height:20px; text-align:center; font-size:13px}
.bakram li:last-child {margin-right:0}

/* 캠퍼스안내 */
.camp_btn1 {background:#898989; color:#fff; font-size:15px; padding:15px 20px; display:inline-block; width:calc(100% - 200px); box-sizing:border-box; line-height:20px}
.camp_btn2 a {background:#002157; color:#fff; font-size:15px; font-weight:500; padding:15px 20px; width:200px; display:inline-block; box-sizing:border-box; line-height:20px}

/* 학과소개 */
.mintWrap {overflow:hidden; border-bottom:2px dashed #d5d5d5; padding-bottom:50px}
.mintWrap:last-child {border:0}
.mintLeft {width:265px; float:left; margin-right:20px}
.mintRight {width:475px; float:left}
.mintRight h4 {font-size:24px; color:#000; letter-spacing:-1px}
.mintRight p {font-size:16px; color:#d94e4e; margin-top:10px; font-weight:400}
.mintRight span {display:block; margin:15px 0 7px 0; text-align:left; font-size:11px}
.mintRight ul {overflow:hidden; padding:20px; background:#e5e5e5; font-size:12px; height:90px; box-sizing:border-box; margin-top:25px}
.mintRight ul li {background:url(../img/listDot.png) left 8px no-repeat; padding-left:8px; font-size:12px; line-height:20px; margin-bottom:5px; float:left; width:130px; margin-right:10px}
.mintRight ul li a {color:#000}
.mintRight ul li:nth-child(3) {margin-right:0}
.mintRight ul li:nth-child(6) {margin-right:0}

.MajorTopBox {background:url(../img/imgMajor_bg.gif) no-repeat; height:347px; margin-top:40px; position:relative}
.MajorTopBox .MajoLeft {position:absolute; top:12px; left:14px;width: 314px;}
.MajorTopBox .MajoRight {position:absolute; top:0px; left:374px}
.MajorTopBox .MajoRight .slogan {display:block; font-size:14px; font-weight:400; color:#898989; margin-bottom:5px}
.MajorTopBox .MajoRight .mTitle {display:block; font-size:26px; font-weight:700; color:#002157; margin-bottom:5px}
.MajorTopBox .MajoRight .mTitle > span {font-size:16px}
.MajorTopBox .MajoRight .sTitle {display:block; font-size:16px; font-weight:400; color:#363636; margin-bottom:5px}
.MajorTopBox .MajoRight dl {margin:30px 0 16px 0; overflow:hidden; font-size:12px; color:#000}
/*.MajorTopBox .MajoRight dt {float:left; width:60px; margin-bottom:11px; font-weight:700; border-right:1px solid #a1a1a1; height:12px; line-height:10px}
.MajorTopBox .MajoRight dd {float:left; width:320px; margin-bottom:11px; padding-left:13px; box-sizing:border-box; height:12px; line-height:10px}*/
.MajorTopBox .MajoRight dt {float:left; width:60px; margin-bottom:11px; font-weight:700; line-height:18px; background:url(https://ent.wsi.ac.kr/site/ent/image/MajoRightBorder.gif) 100% 4px no-repeat}
.MajorTopBox .MajoRight dd {float:left; width:410px; margin-bottom:11px; padding-left:13px; box-sizing:border-box; line-height:18px; letter-spacing:-0.45px}
.MajorTopBox .MajoRight dd a {color:#000}
.MajorTopBox .MajoRight dd a:hover {animation:tada 0.5s; -moz-animation:tada 0.5s; -webkit-animation:tada 0.5s; -o-animation:tada 0.5s; color:#002157}
@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1); transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
@keyframes tada {
    0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);-ms-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);-ms-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);-ms-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
.MajorTopBox .MajoRight .btnAdm {padding:10px 20px 11px 20px; background:#002157; font-size:13px; font-weight:700; color:#fff; display:inline-block;}
.MajorTopBox .MajoRight .btnMaj {padding:10px 20px 11px 20px; background:#0871cd !important; font-size:13px; font-weight:700; color:#fff; display:inline-block;}
.MajorTopBox .MajoRight .btnAdm:hover {animation:tada 0.5s; -moz-animation:tada 0.5s; -webkit-animation:tada 0.5s; -o-animation:tada 0.5s;}
.MajorTopBox .MajoRight .btnMaj:hover {animation:tada 0.5s; -moz-animation:tada 0.5s; -webkit-animation:tada 0.5s; -o-animation:tada 0.5s;}
.MajorVision {background:url(../img/MajorVision_bg_n.gif) no-repeat; height:233px; margin-top:20px; position:relative; }
.MajorVision .visionTxt {position:absolute; /*top:-10px;*/ top:10px; left:123px; width:725px; height:85px; text-align:center; font-size:18px; font-weight:700; color:#555555; line-height:24px;}
.MajorVision tr td {vertical-align:middle}
.MajorVision .missionTxt {position:absolute; /*top:114px;*/ top:136px; left:123px; width:725px; height:85px; text-align:center; font-size:18px; font-weight:700; color:#555555; line-height:24px}
.le1 {letter-spacing:-1px}
.VisionIntBox {box-sizing:border-box; padding:20px; border:1px solid #898989; margin-top:30px; font-size:15px; font-weight:400; color:#000; line-height:26px}
.majoTxt {color:#000; font-size:15px; line-height:26px; letter-spacing:-1px; margin-top:15px}
.majoTxt > strong {color:#0d3f8f; font-size:16px}
.rogoRoll {background:#e2e2e2; margin-top:20px; padding:20px 20px 20px 20px; width:850px; height:100px; box-sizing:border-box; overflow:hidden !important; position:relative}
.rogoRoll .bx-wrapper {box-shadow:none; border:none; background:none; max-width:100% !important}
.rogoRoll .slider1 {overflow:hidden;}
.rogoRoll .slider1 .slide {width:150px !important; height:60px; float:left; margin-right:13px}
.rogoRoll .bx-viewport {height:60px !important; width:810px !important; margin-left:0}
.fLink {position:absolute; left:208px;}
.fLink:hover {animation:tada 0.5s; -moz-animation:tada 0.5s; -webkit-animation:tada 0.5s; -o-animation:tada 0.5s; color:#002157}

/* Sol International School */
.highlight {padding:40px 20px;color:#000; overflow:hidden}
.highlight small{color:#000}
.highlight .eng-name{font-size:22px;font-weight:bold; color:#000}
.highlight h1{font-size:40px;font-weight:bold;letter-spacing:-2px;color:#000;line-height:120%}
.highlight .lead{font-size:18px;margin-top:20px; color:#000}
.highlight .txt {margin:20px auto; line-height:160%; font-size:13px}
.highlight .txt p{margin:20px auto;color:#000;line-height:160%; font-size:13px}
.highlight .txt {color:#000}
.highlight .txt strong {color:#000}
.highlight .txt .dList2 li {color:#000; background:url(../img/listDot.png) left 8px no-repeat; margin-left:4px}
.highlight .btn {display:block; float:left; margin-right:10px; height:50px; border-radius:5px; background:#002157 !important; width:160px;text-align:center; font-weight:bold; font-size:14px; color:#fff; box-sizing:border-box; padding:16px 0}
.highlight .btn_1 {display:block; float:left; margin-right:10px; height:50px; border-radius:5px; background:#0871cd !important; width:160px;text-align:center; font-weight:bold; font-size:14px; color:#fff; box-sizing:border-box; padding:16px 0}
.highlight .btn_2 {display:block; float:left; margin-right:10px; height:50px; border-radius:5px; background:#3c5a9a !important; width:160px;text-align:center; font-weight:bold; font-size:14px; color:#fff; box-sizing:border-box; padding:16px 0}
.highlight .btn_3 {display:block; float:left; margin-right:10px; height:50px; border-radius:5px; background:#4B8516 !important; width:160px;text-align:center; font-weight:bold; font-size:14px; color:#fff; box-sizing:border-box; padding:16px 0}
.highlight .btn2 {display:block; float:left; margin-right:10px; height:50px; border-radius:5px; background:#000; background:rgba(0, 0, 0, 0.6); width:160px;text-align:center; font-weight:bold; font-size:14px; color:#fff; box-sizing:border-box; padding:8px 0; line-height:17px}
.highlight .btn:hover {color:#fff;color:rgba(255, 255, 255, 1)}
/*.tit01 {background:url(../img/titleH4.png) left center no-repeat; padding-left:24px; font-size:18px; color:#000}*/
.globalculinary {background-color:#ccc}
.sicap {background-color:#ccc}
.sihot {background-color:#ccc}
.simusic {background-color:#ccc}
.japanfood {background-color:#ccc}
.sisBox {background:#2c469b; padding:20px 0; text-align:center; color:#fff; margin-top:30px; font-size:16px}
.list-inline {margin:20px 0;}
.list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;; margin-bottom:5px}

.thumbnail {margin-top:20px; overflow:hidden}
.thumbnail li {float:left;width:31%; margin-right:10px; margin-bottom:10px;}
.thumbnail li img {display:block; max-width:100%; height:auto}


.newMajorPop {position:absolute}
.newMajorPop01 {top:-20px; left:240px; -webkit-animation-name:fadeInDown11; -webkit-animation-duration:1s; animation-name:fadeInDown11; animation-duration:1s}
.newMajorPop02 {top:-20px; left:360px; -webkit-animation-name:fadeInDown22; -webkit-animation-duration:1s; animation-name:fadeInDown22; animation-duration:1s}

.admWrap {overflow:hidden; margin-bottom:10px}
.admWrap .btnAdm01 {padding:9px 10px; font-size:13px; font-weight:700; color:#fff; display:inline-block; line-height:15px; text-align:center; box-sizing:border-box}
.admWrap .btnAdm01:hover {animation:tada 0.5s; -moz-animation:tada 0.5s; -webkit-animation:tada 0.5s; -o-animation:tada 0.5s;}

@-webkit-keyframes fadeInDown11 {
    0% {opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}
}
@keyframes fadeInDown11 {
    0% {opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)}
    100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
}
.fadeInDown11 {
    -webkit-animation-name:fadeInDown; animation-name:fadeInDown
}
@-webkit-keyframes fadeInDown22 {
    0% {opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)}
    50% {opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}
}
@keyframes fadeInDown22 {
    0% {opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)}
    50% {opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)}
    100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
}
.fadeInDown22 {
    -webkit-animation-name:fadeInDown; animation-name:fadeInDown
}
@-webkit-keyframes bounceInDown11 {
    0% {opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)}
    60% {opacity:1; -webkit-transform:translateY(30px); transform:translateY(30px)}
    80% {-webkit-transform: translateY(-10px); transform:translateY(-10px)}
    100% {-webkit-transform: translateY(0); transform:translateY(0)}
}
@keyframes bounceInDown11 {
    0% {opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)}
    60% {opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px)}
    80% {-webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px)}
    100% {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
}
.bounceInDown11 {
    -webkit-animation-name:bounceInDown; animation-name:bounceInDown;
}

/* 행정부서 */
.Organ_Box {border:5px solid #e5e5e5; padding:20px; overflow:hidden; margin-top:50px}
.Organ_Box .photo {border:1px solid #e5e5e5; float:left; margin-right:20px; box-sizing:border-box}
.Organ_Box .Organ_txt {float:left; color:#363636; font-size:15px; line-height:20px; margin-top:3px; font-weight:400}
.Organ_Box .Organ_txt .title {font-size:30px; font-weight:700; margin-bottom:19px}
.Organ_Box .photo img {vertical-align:top; height:100%}

.Organ_Box2 {overflow:hidden; margin-top:50px; background:#0871cd; display:flex}
/*.Organ_Box2.height315 {height:315px}*/
.Organ_Box2 .Organ_txt {width:100%; box-sizing:border-box; padding:30px}
.Organ_Box2 .Organ_txt .title {font-size:30px; font-weight:700; margin-bottom:30px; color:#fff}
.Organ_Box2 .Organ_txt dl {font-weight:700; display:flex; flex-wrap:wrap}
.Organ_Box2 .Organ_txt dl dt {width:100px; background:url(../img/listDot2.png) 1px 8px no-repeat; padding-left:12px; font-size:15px; line-height:20px; margin-bottom:5px; box-sizing:border-box; color:#fff; font-weight:500}
.Organ_Box2 .Organ_txt dl dd {width:calc(100% - 120px); font-size:15px; line-height:20px; margin-bottom:5px;color:#fff; font-weight:400}
.Organ_Box2 .Organ_txt dl dd a {color:#00ffff}
.Organ_Box2 .Organ_txt dl dd.btn a {background:#0032a5; padding:7px 20px; color:#fff; margin-top:5px; display:inline-block; font-size:12px}
.Organ_Box2 .photo img {vertical-align:top; height:100%}

/* 부속기관 */
.LifeStep_mobile {display:none}
.LifeStep {font-size:12px; font-weight:700; text-align:center; color:#fff; background:url(../img/life_step.jpg) no-repeat; width:760px; height:100px}
.LifeStep p {color:#fff}
.LifeStep span {font-weight:300; color:#fff; line-height:18px}
.LifeStep tbody tr td {font-size:13px; color:#fff !important; line-height:20px}
.LifeStep2 {font-size:12px; font-weight:bold; text-align:center; color:#fff; background:url(../img/life_step2.gif) no-repeat; height:100px}
.LifeStep2 p {font-size:14px; margin-bottom:10px; color:#fff}
.LifeStep2 span {font-weight:normal; color:#fff}
.o_job {overflow:hidden}
.o_job li {float:left; margin-right:12px; margin-bottom:20px; width:calc(25% - 12px); letter-spacing:-1px; font-size:14px; line-height:20px; font-weight:400}
.o_job li:nth-child(4) {margin-right:0}
.o_job li:nth-child(8) {margin-right:0}
.o_job li:nth-child(12) {margin-right:0}
.o_center {overflow:hidden; background:url(../img/o_center_bg.gif) no-repeat; font-size:12px}
.o_center li {float:left; margin:0 25px 20px 0; background:#ececec; text-align:center; padding-top:20px; width:190px; height:60px; overflow:hidden; line-height:18px}
.o_center li:nth-child(2) {width:330px}
.o_center li:nth-child(5) {width:330px}
.o_center li:nth-child(3) {margin-right:0}
.o_center li:nth-child(6) {margin-right:0}
.cs_pro {overflow:hidden}
.cs_pro li {float:left; width:250px; color:#636363; font-size:13px; line-height:16px; margin-bottom:20px}
.cs_pro li p.csLeft{float:left; margin-right:20px}
.o_center2 {overflow:hidden;}
.o_center2 li {background:#0076a3; float:left; min-width:180px; max-width:180px; max-height:100px; padding:20px 0; text-align:center; margin-right:13px}
.o_center2 li p {color:#fff; font-size:13px; font-weight:bold; margin-bottom:20px}
.o_center2 li span {color:#fff; font-size:13px;}
.o_center2 li:last-child {margin-right:0}
.o_center3 {overflow:hidden;}
.o_center3 li {background:#ececec; float:left; min-width:180px; max-width:180px; max-height:100px; padding:20px 0; text-align:center; margin-right:13px}
.o_center3 li p {color:#252525; font-size:13px; font-weight:bold; margin-bottom:20px}
.o_center3 li span {color:#000; font-size:13px;}
.o_center3 li:last-child {margin-right:0}

.o_center4 {overflow:hidden; background:url(../img/o_center4_bg.gif) no-repeat; font-size:12px}
.o_center4 li {float:left; margin:0 25px 20px 0; background:#ececec; text-align:center; padding-top:20px; width:190px; height:60px; overflow:hidden; line-height:18px}
.o_center4 li:nth-child(2) {width:330px;}
.o_center4 li:nth-child(5) {width:330px}
.o_center4 li:nth-child(3) {margin-right:0}
.o_center4 li:nth-child(5) {margin-right:0}
.o_center4 li:nth-child(6) {margin-right:0}

.centerMobile {display:none}
.o_center5 {overflow:hidden; background:url(../img/o_center4_bg.gif) center 0px no-repeat; font-size:12px}
.o_center5 li {float:left; margin:0 25px 20px 0; background:#ececec; text-align:center; padding-top:20px; width:190px; height:80px; box-sizing:border-box; overflow:hidden; line-height:18px; position:relative}
.o_center5 li:nth-child(2), .o_center5 li:nth-child(5), .o_center5 li:nth-child(8), .o_center5 li:nth-child(11) {width:330px}
.o_center5 li:nth-child(3), .o_center5 li:nth-child(6), .o_center5 li:nth-child(9), .o_center5 li:nth-child(12) {margin-right:0}
.o_center5 li:nth-child(5), .o_center5 li:nth-child(6) {top:0px}
.o_center5 li:nth-child(7) {padding-top:10px}
.o_center5 li:nth-child(10) {padding-top:15px; height:100px}

.o_center6 {overflow:hidden; background:url(../img/o_center_bg.gif) no-repeat; font-size:12px}
.o_center6 li {float:left; margin:0 25px 20px 0; background:#ececec; text-align:center; padding-top:20px; width:190px; height:60px; overflow:hidden; line-height:18px}
.o_center6 li:nth-child(1) {padding:12px 0 8px 0}
.o_center6 li:nth-child(2) {width:545px; margin-right:0}


/* 부속교육기관 */
.groupWrap {overflow-y:hidden; overflow-x:auto}
.ItGroup {overflow:hidden; background:url('https://www.wsi.ac.kr/site/main/img/ItGroup_bg.gif') no-repeat; width:760px; margin:0 auto}
.ItGroup .dep1 {width:210px; height:40px; color:#fff; background:#002157; font-size:15px; font-weight:500; text-align:center; line-height:40px; margin:0 auto}
.ItGroup .dep2 {float:left; margin:35px 230px 0 85px}
.ItGroup .dep2 ul {width:170px; color:#898989; font-size:13px; line-height:15px; background:#ececec; padding:10px 0 10px 10px}
.ItGroup .dep2 .dep_top {width:170px; height:30px; font-size:14px; color:#000; font-weight:500; background:#e2e2e2; line-height:30px; padding-left:10px; margin:0}
.ItGroup .m0 {margin:35px 0 0 0}
.ItGroup .dep3 {float:left; margin:35px 10px 0 0}
.ItGroup .dep3 ul {width:170px; color:#898989; font-size:12px; line-height:15px; background:#ececec; padding:10px 0 10px 10px}
.ItGroup .dep3 .dep_top {width:170px; height:30px; font-size:12px; color:#000; font-weight:500; background:#e2e2e2; line-height:30px; padding-left:10px; margin:0}
.ItGroup .dep2.m0 {margin-bottom:15px !important}
.lifeGroup {overflow:hidden; width:730px; height:186px; background:url('https://www.wsi.ac.kr/site/main/img/lifeGroupBg.gif') no-repeat; width:760px}
.lifeGroup li {width:130px; box-sizing:border-box; padding:14px 0; text-align:center; font-size:13px; color:#fff; font-weight:700}
.lifeGroup li.dep1 {background:#117eae}
.lifeGroup li.dep2 {background:#b96a04}
.lifeGroup li.dep3 {background:#707070; float:left}

.lifeGroup {overflow:hidden; width:730px; height:186px; background:url(../img/lifeGroupBg.gif) no-repeat; margin:0 auto}
.lifeGroup li {width:130px; box-sizing:border-box; padding:14px 0; text-align:center; font-size:15px; color:#fff; font-weight:500}
.lifeGroup li.dep1 {background:#117eae}
.lifeGroup li.dep2 {background:#b96a04}
.lifeGroup li.dep3 {background:#707070; float:left}

/* 장학제도 */
.tabStyle2 {overflow:hidden; font-size:14px; font-weight:700; color:#044da2; margin-top:-4px}
.tabStyle2 li {float:left; height:65px;}
.tabStyle2 li.on {background:url(../img/tabStyle2_on.gif) center 58px no-repeat;}
.tabStyle2 li.on a {color:#fff; background:#044da2}
.tabStyle2 li a {color:#044da2; width:170px; background:url(../img/tabStyle2_bar.gif) #ebebeb center right no-repeat; display:block; text-align:center; height:58px; line-height:56px}
.tabStyle2 li a:hover {color:#fff; background:#044da2;}
.tabStyle2 li:last-child a {background-image:none}
.imgLifeWrap {overflow:hidden; line-height:0}
.imgLifeWrap a {display:inline-block}
.imgLifeWrap img {width:auto !important}
.imgLifeWrap .imgLife01 {float:left}
.imgLifeWrap .imgLife04 {float:left; margin-top:20px}
.imgLifeWrap .imgLife05 {float:left; margin-top:20px; border-right:1px solid #c4fffe; border-left:1px solid #c4fffe}
.imgLifeWrap .imgLife06 {float:left; margin-top:20px}

/* 스쿨버스안내 */
.BusWrap {overflow:hidden}
.BusTitle {font-size:14px; font-weight:700; color:#363636}
.BusInfo {display:inline-block; float:right; color:#565656}

/* 복지시설안내 */
.welfare  {overflow:hidden}
.welfare .wel_left {float:left; margin-right:20px}
.welfare .wel_right {float:left; width:500px; font-size:12px; line-height:20px}
.welfare .wel_right strong {font-size:15px; color:#000}
.WelList {overflow:hidden}
.WelList li {float:left; margin:0 20px 20px 0}
.WelList li:nth-child(3) {margin-right:0}
.WelList li:nth-child(6) {margin-right:0}
.WelList li:last-child {margin-right:0}

/* 식단안내 */
.menu_list {overflow:hidden}
.menu_list li {float:left; margin-right:18px; width:240px; text-align:center; margin-bottom:20px; font-size:13px}
.menu_list li:nth-child(3) {margin-right:0}
#tabMenu > ul.fake_tab{overflow:hidden}
.tabWrap #tabMenu > ul.fake_tab{margin:20px 0}
#tabMenu > ul.fake_tab li{float:left}
#tabMenu.tab02 > ul.fake_tab li{width:50%}
#tabMenu.tab03 > ul.fake_tab li{width:33.3%}
#tabMenu.tab04 > ul.fake_tab li{width:25%}
#tabMenu.tab05 > ul.fake_tab li{width:20%}
ul.fake_tab li h6 a {font-size:15px; display:block;padding:16px 0; border:1px solid #d8d9db;background-color:#eff3f4;text-align:center;font-weight:bold; color:#636363}
ul.fake_tab li h6.on a{border:1px solid #004e21;background-color:#0871cd;color:#fff}

/* 사이트맵 */
.tbl_site {width:100%; border-top:2px solid #555555; background-color:#ffffff; text-align:center; letter-spacing:-1px; line-height:25px; text-align:left; color:#636363}
.tbl_site tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#252525; text-align:left; vertical-align:top; font-size:20px; font-weight:700; background:#fff}
.tbl_site tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:top; font-size:12px; font-weight:400}
.tbl_site tbody td.bb a {font-weight:700; color:#000}
.tbl_site tbody td > ul > li {float:left; background:url(../img/dot_noti.gif) 0 12px no-repeat; padding-left:8px; width:145px}
.tbl_site tbody td > ul > li a {color:#3385d6}
.tbl_site tbody tr:nth-child(even) {background:#f5f5f5}
.tbl_site tr th:last-child {border-right:none}
.tbl_site tr td:last-child {border-right:none}

/* 자주하는질문 */
.faqList {font-size:16px; margin-top:20px}
.faqList dt {display:flex; border-top:2px solid #000; overflow:hidden; line-height:24px; padding:15px 20px; border-bottom:1px solid #ddd; position:relative; background:#eff3f4}
.faqList dt span.q {flex-shrink:0; width:24px; height:24px; overflow:hidden; line-height:999; background:url(../img/ico_qna.png) no-repeat 0 0; margin:0 15px 0 0}
.faqList dt a {width:680px; color:#000}
.faqList dd {display:flex; overflow:hidden; padding:20px 20px; border-bottom:1px solid #ddd; line-height:20px}
.faqList dd span.a {flex-shrink:0; width:24px;height:24px;overflow:hidden;line-height:999;background:url(../img/ico_qna.png) no-repeat 0 -24px;margin:0 15px 0 0}
.faqList dd > div {float:left; width:100%; box-sizing:border-box}

/*버스메뉴얼 */
.manual_box {margin-top:20px;}
.manu_list {overflow:hidden}
.manu_list > li {float:left;width:338px;height:550px;padding:20px;margin-bottom:30px;background-color:#f8f8f8;border:1px solid #d8d8d8}
.manu_list li .hno {float:left;display:block;width:30px;height:30px;line-height:30px;color:#fff;font-weight:bold;background-color:#0d3f8f;text-align:center}
.manu_list li > div {float:left;padding-left:10px}
.manu_list li > div p.bus_txt {font-weight:bold;color:#666;line-height:16px; margin-top:10px}


.boxLine {background:url('http://ent.wsu.ac.kr/site/common/image/boxLineBg.png') repeat; padding:5px; margin-top:20px}
.boxLine .inner {background:#fff; text-align:center; padding:20px; font-size:16px; font-weight:600; letter-spacing:-0.45px}
.boxLine .inner .btn {display:inline-block; padding:7px 15px; background:#ebebeb; font-size:13px; margin:4px 2px; color:#000}
.boxLine .inner .btn:hover {background:#333; color:#fff}
.boxLine2 {background:url('http://ent.wsu.ac.kr/site/common/image/boxLineBg.png') #f5f5f5 repeat; padding:5px; margin-top:20px}
.boxLine2 .inner {background:#fff; text-align:left; padding:20px; letter-spacing:-0.45px}
.boxLine2 .inner > h3 {font-size:20px}
.boxLine2 .inner > p {font-size:16px; letter-spacing:-0.45px; line-height:22px}

.boxLine3 {background:url('http://ent.wsu.ac.kr/site/common/image/boxLineBg.png') #f5f5f5 repeat; padding:5px; margin-bottom:20px}
.boxLine3 .inner {background:#fbfbfb; text-align:center; padding:15px; letter-spacing:0px}
.boxLine3 .inner > h3 {font-size:18px}
.boxLine3 .inner > p {font-size:16px; line-height:22px; font-weight:600; margin:0}

.boxLine4 {background:url('http://ent.wsu.ac.kr/site/common/image/boxLineBg.png') #f5f5f5 repeat; padding:5px; margin-bottom:20px}
.boxLine4 .inner {background:#fbfbfb; text-align:center; padding:10px; letter-spacing:-0.45px}
.boxLine4 .inner > h3 {font-size:18px}
.boxLine4 .inner > p {font-size:16px; line-height:22px; font-weight:500; margin:0}

.boxLine5 {background:url('http://ent.wsu.ac.kr/site/common/image/boxLineBg.png') #f5f5f5 repeat; padding:5px; margin-bottom:20px}
.boxLine5 .inner {background:#fbfbfb; text-align:center; padding:15px; letter-spacing:0px}
.boxLine5 .inner > h3 {font-size:18px}
.boxLine5 .inner > p {font-size:16px; letter-spacing:-0.45px; line-height:22px; font-weight:600; margin:0}

.directStyle {position:relative; margin-bottom:5px; font-size:11px}
.directStyle li span {padding-left:10px}
.directStyle > div {position:absolute; bottom:0; right:0}
.directStyle2 {position:relative; font-size:15px; font-weight:500; margin-top:20px}
.directStyle2 li {margin-bottom:5px}
.directStyle2 li span {padding-left:10px}
.directStyle2 > div {position:absolute; bottom:0; right:0; font-size:13px; font-weight:400}

.ovh {overflow:hidden;padding:23px 20px;background-color:#f5f5f5;margin-top:40px}
.ovh li {float:left;margin-right:38px}

.ovh2 {overflow:hidden; padding:10px 20px;background-color:#8d949c; margin-top:50px; color:#fff; font-size:14px; font-weight:500}
.ovh2 li {color:#fff}
.ovh2 li:first-child {float:left}
.ovh2 li:last-child {float:right}

.btn01 {display:block;border:1px solid #d7d7d7; padding:5px; color:red;border-radius:5px}
.btn02 {display:inline-block; padding:10px 11px; color:#fff; font-weight:bold; background-color:#0d3f8f; border-radius:3px;}
.btn02:hover {background-color:#0871cd}
.btn03 {display:inline-block; padding:3px 5px; color:#fff; background-color:#0d3f8f; border-radius:3px; font-size:13px}
.btn03:hover {background-color:#0871cd}
.btn04 {display:inline-block; padding:10px 100px; color:#fff !important; font-weight:bold; background-color:#0d3f8f; border-radius:3px;}
.btn04:hover {background-color:#0871cd}
.btn05 {display: inline-block; padding:10px 30px; color:#fff !important; font-weight:bold; background-color:#0871cd; font-size: 16px; float:right}
.btn05:hover {background-color:#0e5899; text-decoration:none}


.box01 {position: relative;padding: 25px 30px;border: 1px solid #ddd;overflow: hidden;margin-top: 20px;}
.rogoStyle {border:1px solid #d1d1d1; background:#fff; box-sizing:border-box; text-align:center; font-weight:600; font-size:13px; padding:22px 0; color:#000}
.rogoStyle2 {border:1px solid #d1d1d1; background:#fff; box-sizing:border-box; text-align:center; font-weight:600; font-size:13px; padding:16px 0; color:#000}

.appWrap {overflow:hidden}
.appWrap .appLeft {float:left; width:50%}
.appWrap .appRight {float:left; width:50%; margin:5px 0; padding-left:20px; box-sizing:border-box}
.radioStyle {margin:0; vertical-align:middle}
label {vertical-align:middle}
.pText {font-size:13px; line-height:18px}
.agree_list {font-size:13px; margin-top:10px; line-height:18px}
.privacyTitle {background:#ddd; padding:10px; font-size:14px; margin-top:20px}
.privacy_skin {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:13px; color:#636363; line-height:16px; margin-top:10px}
.privacy_skin thead th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f8f8f8; text-align:center}
.privacy_skin thead th.bb {border-bottom:1px solid #e2e2e2}
.privacy_skin tbody th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f8f8f8; text-align:center}
.privacy_skin tbody td {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.privacy_skin tr th:last-child {border-right:none}
.privacy_skin tr td:last-child {border-right:none}
.privacy_skin .tl {text-align:left}
.privacy_skin thead th.br {border-right:1px solid #e2e2e2}
.privacy_skin tbody td.br {border-right:1px solid #e2e2e2}

.privacy_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:11px; color:#636363; line-height:16px; margin-top:10px}
.privacy_skin2 thead th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f8f8f8}
.privacy_skin2 thead th.bb {border-bottom:1px solid #e2e2e2}
.privacy_skin2 tbody th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#fff}
.privacy_skin2 tbody td {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.privacy_skin2 tr th:last-child {border-right:none}
.privacy_skin2 tr td:last-child {border-right:none}
.privacy_skin2 .tl {text-align:left}
.privacy_skin2 thead th.br {border-right:1px solid #e2e2e2}
.privacy_skin2 tbody td.br {border-right:1px solid #e2e2e2}

.complete {color:red}
.cancel {color:gray}
.evaluate {color:blue}
.btnRental {background:#0d3f8f; padding:10px 20px; color:#fff; font-weight:bold; border:1px solid #0d3f8f; cursor:pointer}
.btnRental:hover {background:#011050}

.sub_btn1 {color: #fff; background: #0871cd; padding: 7px 7px; border-radius: 5px;}
.sub_btn2 {color: #fff; background: #0d3f8f; padding: 7px 7px; border-radius: 5px;}
.mr7 {margin-right:7px}

.supportBtn {text-align:center; margin-top:-50px}
.supportBtn a {width:220px; font-size:24px; font-weight:600; color:#fff; display:inline-block; padding:38px 0; border-radius:15px; margin:0 10px; transition:0.3s}
.supportBtn a:nth-child(1) {background:#08b2cd}
.supportBtn a:nth-child(2) {background:#207fd2}
.supportBtn a:nth-child(3) {background:#3052d2}
.supportBtn a:nth-child(1):hover, .supportBtn a:nth-child(1):focus {background-color:#052963; border-radius:0}
.supportBtn a:nth-child(2):hover, .supportBtn a:nth-child(2):focus {background-color:#052963; border-radius:0}
.supportBtn a:nth-child(3):hover, .supportBtn a:nth-child(3):focus {background-color:#052963; border-radius:0}


.accView {display:none}

.btn_small {padding:2px 5px; color:#0e4e96; font-size:13px; font-weight:500; background-color:#fff; border:1px solid #ddd; border-radius:2px}
.btn_small:hover {color:#0871cd}

/* 2026 학과안내 */
.majorBox_2026 .majorText_2026 {text-align:center; padding:36px; 20px}
.majorBox_2026 .majorText_2026 p {font-size:36px; color:#222; font-weight:700; font-family:'Pretendard'}
.majorBox_2026 .majorText_2026 .major_eng {font-family:'Noto Serif KR'; font-size:15px; color:#636363; margin-top:16px; font-weight:300; letter-spacing:0}
.majorBox_2026 .topimg {position:relative}
.majorBox_2026 .topimg .sns {position:absolute; top:24px; right:26px}
.majorBox_2026 .topimg .sns a {background:#312E7F; border-radius:100px; border:2px solid #fff; width:50px; height:50px; text-align:center; padding:13px 0; display:inline-flex; background:#312E7F; border-radius:100px; border:1px solid #fff; justify-content:center; align-items:center}
.majorBox_2026 .topimg .sns a:hover {transition:0.3s; text-decoration:none; opacity:0.8}
.majorBox_2026 .topimg .sns a i {color:#fff; font-size:19px}
.majorBox_2026 .topimg .sns a.instagram {background:#D73B8E}
.majorBox_2026 .topimg .sns a.youtube {background:#FF3F3F}
.majorBox_2026 .topimg .sns a.facebook {background:#2368A4}
.majorBox_2026 .topimg .sns a.INBP {background:#e72001; color:#fff; font-size:14px; font-weight:500}
.majorBox_2026 .topimg .sns a.kakao {color:#ffe400; background:#411a00; font-size:14px}
.majorBox_2026 .topimg .sns a.blog {color:#fff; background:#0bb008; font-size:14px}
.majorBox_2026 .btnBox {display:flex; background:#DFE8F0; justify-content:space-between}
.majorBox_2026 .btnBox .location {display:flex; padding:20px 30px}
.majorBox_2026 .btnBox .location > div {display:flex; align-items:center; margin-left:40px}
.majorBox_2026 .btnBox .location > div:first-child {margin-left:0}
.majorBox_2026 .btnBox .location div i {color:#fff; font-size:33px; background:#B0C1CE; border-radius:100px; width:72px; height:72px; font-weight:400; display:inline-flex; justify-content:center; align-items:center; margin-right:13px}
.majorBox_2026 .btnBox .location div .textWarp .text01 {font-size:15px; color:#333; font-weight:600; font-family:'Pretendard'}
.majorBox_2026 .btnBox .location div .textWarp .text02 {font-size:16px; color:#626262; line-height:1.2em; margin-top:5px; font-family:'Pretendard'; font-weight:300}
.majorBox_2026 .btnBox .btnWrap {display:flex}
.majorBox_2026 .btnBox .btnWrap a {background:#0D3F8F; color:#fff; font-family:'Pretendard'; font-size:16px; width:145px; padding:17px 25px; line-height:1.3em}
.majorBox_2026 .btnBox .btnWrap a i {font-size:22px; display:flex; justify-content:flex-end; align-items:flex-end; margin-top:25px}
.majorBox_2026 .btnBox .btnWrap a:hover {transition:0.3s; text-decoration:none; scale:1.03}
.majorBox_2026 .h4TitMajor {font-family:'Pretendard'; font-size:24px; color:#373737; letter-spacing:-1px; font-weight:700; margin-top:40px; margin-bottom:40px; line-height:1.3em; text-align:center}
.majorBox_2026 .majorBox_con {background:#F0F4F8; border-radius:15px; padding:30px}
.majorBox_2026 .majorBox_con > div  {display:flex; align-items:center; margin-top:10px}
.majorBox_2026 .majorBox_con > div:first-child  {margin-top:0}
.majorBox_2026 .majorBox_con div .visionBox01 {display:inline-block; flex-shrink:0; background:#0871CD; color:#fff; font-family:'Pretendard'; font-size:17px; font-weight:700; padding:10px; border-radius:100px; width:116px; text-align:center}
.majorBox_2026 .majorBox_con div .visionBox02 {display:inline-block; flex-shrink:0; background:#0D3F8F; color:#fff; font-family:'Pretendard'; font-size:17px; font-weight:700; padding:10px; border-radius:100px; width:116px; text-align:center}
.majorBox_2026 .majorBox_con > div > p {margin-left:15px; line-height:1.2em; color:#373737; font-family:'Pretendard'; font-size:16px; font-weight:500; letter-spacing:-1px}
.majorBox_2026 .majorBox_con .h5TitMajor {color:#18325C; font-size:24px; font-family:'Pretendard'; font-weight:700; letter-spacing:-1px}
.majorBox_2026 .majorBox_con .pTxt {font-family:'Pretendard'; font-size:16px; color:#333; font-weight:400; line-height:1.2em}

/* 2022 학과안내 */
.visionBox {margin-top:20px}
.visionBox > li {padding:15px 25px; margin-bottom:2px; font-size:16px; background-color:#efefef; overflow:hidden; display:flex; align-items:center}
.visionBox > li strong {padding:8px 10px; border-radius:20px; color:#fff; font-weight:600; margin-right:15px; display:block; text-align:center}
.visionBox > li .title {flex-shrink:0; width:110px}
.visionBox > li .contents {line-height:1.4em}


.majorBox {position:relative; margin-top:20px}
.majorBox .topimg {position:relative}
.majorBox .topimg > img {vertical-align:bottom}

.majorBox .majorText_2022 {position:relative; bottom:0px; width:100%; overflow:hidden}
.majorBox .majorText_2022 .text {float:left; padding:30px; word-break:keep-all}
.majorBox .majorText_2022 .btn_2022 {float:right; padding:25px 30px 25px 0}

.majorBox .majorText_2022 .text .subText {font-size:15px; color:#fff}
.majorBox .majorText_2022 .text .subText2 {font-size:18px; color:#fff}
.majorBox .majorText_2022 .text .titleText {font-size:38px; color:#fff; margin:15px 0 20px 0; font-weight:600}
.majorBox .majorText_2022 .text ul li {color:#fff; line-height:1.8em; letter-spacing:-0.45px}
.majorBox .majorText_2022 .text strong {color:#fff; line-height:0.5px}

.btn_2022 {position:absolute; right:0; bottom:0; overflow:hidden; font-size:14px}
.btn_2022 ul li {width:100px; margin-top:5px}
.btn_2022 ul li a {color:#fff; padding:5px; text-align:center; border-radius:8px; border:1px solid #fff; display:block}
.btn_2022 ul li a > i {color:#fff}
.btn_2022 ul li:hover a {color:#000; background-color:#fff; text-decoration:none}
.btn_2022 ul li:hover a > i {color:#000}

.btn_2022 .btn1 {float:left; margin-left:5px}
.btn_2022 .btn2 {float:left; margin-left:5px}
.btn_2022 .btn3 {float:left; margin-left:5px}

.width140 {width:140px !important}
.width170 {width:170px !important}
.width190 {width:190px !important}

.majoTxt {color:#000; font-size:14px; line-height:26px; letter-spacing:-1px; margin-top:15px}
.majoTxt > strong {color:#0d3f8f !important}

.flexStep {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center}
.flexStep i {font-size:24px; color:#8b8b8}
.flexStep > li {display:flex; align-items:center; justify-content:center; text-align:center; width:100%; max-width:230px; height:100px; background:#0076a3; color:#fff; font-size:16px; line-height:22px}

.majorVr {position:absolute; bottom:30px; right:30px; border-radius:15px; overflow:hidden; opacity:0.9; transition:.3s}
.majorVr img {vertical-align:bottom}
.majorVr:hover, .majorVr:focus {opacity:1; -webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}


/* organization_1 */
.organization_title {font-size:26px;  margin-top:50px; font-weight:700; color:#111}
.organization_box {overflow:hidden; margin-top:20px; background:#fff; border:1px solid #d6d6d6; border-bottom:none; display:flex}
.organization_box .photo img {vertical-align:top; height:100%}
.organization_title {font-size:26px; font-weight: 700; color: #111}
.organization_textBox {width:100%; box-sizing: border-box; padding:30px 30px 0 30px}
.organization_text {font-size:15px; font-weight:700; margin-left:24px}
.phoneBox {word-break:keep-all; color:#fff; text-align:center; padding:20px; font-weight:500; font-size:16px}

.ytPlay {position:relative}
.ytPlay > i {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:64px; color:#000; opacity:0.7}
.ytPlay:hover > i {opacity:1}

.inputStyle, .input {border:1px solid #ddd; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:500; vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.inputStyle::placeholder, .input::placeholder {color:#666; font-size:12px; font-weight:500}
.selectStyle {border:1px solid #ddd; color:#333; padding:0 10px; width:100%; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url('https://ent.wsi.ac.kr/site/ent/image/selectArw.png') #fff no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.selectStyle::-ms-expand {display:none}
.selectStyle:focus {outline:2px solid #000}
.radioStyle {vertical-align:middle !important; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; border-radius:100%; height:14px; width:14px; background:#fff; border:1px solid #aaa; color:#fff; cursor:pointer; display:inline-block; outline:none; position:relative; z-index:1000; cursor:pointer; padding:0 !important}
.radioStyle:checked {border:4px solid #0871cd}
/*.radioStyle:focus {outline:none !important}*/
.radioStyle + label {cursor:pointer; padding:0}
.radioStyle:focus + label {outline:1px solid #000}
.textareaStyle {border:1px solid #ddd; color:#333; padding:10px; width:100%; box-sizing:border-box; font-family:"Noto Sans KR", sans-serif}
.textareaStyle::placeholder {color:#666; font-size:12px; font-weight:500}
.inputCheck {-webkit-appearance:none; -moz-appearance: none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:16px; width:16px; background:#fff; border:1px solid #aaa; border-radius:2px; box-sizing:border-box; cursor:pointer; display:inline-block; outline:none; vertical-align:middle}
.inputCheck:checked {background:url('../img/inputCheck.png') 2px 2px #0871cd no-repeat; border-color:#0871cd}

/* 미래성인스쿨 */
.con01 {background-color:#313250; padding:60px}
.con01 .con01_1 .title {background-color:#EAF1FF; padding:30px; margin:0 auto; border-radius:20px 20px 0 0; position:relative}
.con01 .con01_1 .title p {font-size:24px; text-align:center; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#333}
.con01 .con01_1 .title p span {font-family:'GmarketSansMedium'}
.con01 .con01_1 .title img {position:absolute; bottom:-1px; right:210px}
.con01 .con01_1 .contain {background-color:#fff; padding:30px 15px; margin:0 auto; border-radius:0 0 20px 20px;}
.con01 .con01_1 .contain p {font-family:'GmarketSansMedium'; line-height:1.3em; font-size:16px; color:#333; text-align:center}
.con01 .con01_1 .contain p span {font-family:'GmarketSansMedium'; line-height:1.4em; color:#0871CD}
.con01 .con01_1 .contain .major .flex {display:flex; justify-content:center}
.con01 .con01_1 .contain .major .flex span {color:#0871CD; border:1px solid #ccc; border-radius:23px; padding:10px; width:160px; font-size:14px; display:inline-block; text-align:center; margin-left:10px; font-weight:500}
.con01 .con01_1 .contain .major .flex span:first-child {margin-left:0}

.con01_2 {background-color:#fff; border:5px solid #0871CD; border-radius:23px; padding:30px; width:600px; height:auto; margin:0 auto}
.con01_2 .title p {font-size:24px; text-align:center; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#333}
.con01_2 {position:relative}
.con01_2 .contain p {font-size:16px; color:#333; font-weight:500; text-align:center}
.con01_2 .contain p span {font-weight:700}
.con01_2 .contain .point {font-size:22px; color:#0871CD; font-weight:600; text-align:center}
.con01_2 .contain img {position:absolute; bottom:-1px; left:-30px}

.con01_3 .flex {display:flex; justify-content:space-between}
.con01_3 .box01 {width:260px; height:260px; padding:30px 15px; background-color:#3d8df3; border-radius:20px; position:relative; margin-top:0; border:none}
.con01_3 .box01 .title {font-size:24px; font-weight:700; text-align:center; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#fff}
.con01_3 .box01 .sub {font-size:16px; color:#fff; text-align:center; line-height:1.4em; letter-spacing:-1px}
.con01_3 .box01 .sub span {font-weight:700}
.con01_3 .box01 > span {font-size:14px; font-weight:400; color:#fff; text-align:center; display:block}
.con01_3 .box01 img {position:absolute; bottom:-14px; left:-11px}
.con01_3 .box02 {width:260px; height:260px; padding:30px 15px; background-color:#5F7AF2; border-radius:20px; position:relative}
.con01_3 .box02 .title {font-size:24px; font-weight:700; text-align:center; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#fff}
.con01_3 .box02 .sub {font-size:16px; color:#fff; text-align:center; line-height:1.4em; letter-spacing:-1px}
.con01_3 .box02 img {position:absolute; bottom:0; left:0}
.con01_3 .box03 {width:260px; height:260px; padding:30px 15px; background-color:#7957EF; border-radius:20px; position:relative}
.con01_3 .box03 .title {font-size:24px; font-weight:700; text-align:center; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#fff}
.con01_3 .box03 .sub {font-size:16px; color:#fff; text-align:center; line-height:1.4em; letter-spacing:-1px}
.con01_3 .box03 .sub span {font-weight:700}


.con02 {background-color:#EDEEF2; padding:60px}
.con02 .majorBoxWrap .flex {display:flex; justify-content:space-between}
.con02 .majorBoxWrap .center {text-align:center}
.con02 .majorBoxWrap .center a:nth-child(1) {margin-right:15px}
.con02 .majorBoxWrap .center a:nth-child(2) {margin-right:15px}
.con02 .majorBoxWrap .center a:nth-child(3) {margin-right:}
.con02 .majorBoxWrap .center a:nth-child(4) {margin-right:15px}
.con02 .majorBoxWrap .center a:nth-child(5) {margin-right:; margin-top:15px}
.con02 .majorBoxWrap .title span {display:block; color:#686868; font-size:20px; text-align:center}
.con02 .majorBoxWrap .title p {font-size:36px; color:#000; text-align:center; font-weight:700}
.con02 .majorBoxWrap .majorBox a {display:inline-block}
.con02 .majorBoxWrap .majorBox a:hover {text-decoration:none; opacity:0.8; transition:0.3s}
.con02 .majorBoxWrap .majorBox a:focus {text-decoration:none}
.con02 .majorBoxWrap .majorBox a .textWrap {background-color:#fff; border-radius:0 0 15px 15px; padding:15px; position:relative}
.con02 .majorBoxWrap .majorBox a .textWrap .engTitle {font-size:12px; color:#888; margin-top:7px; text-align:left}
.con02 .majorBoxWrap .majorBox a .textWrap .sub {font-size:14px; color:#333; margin-top:15px; font-weight:500; text-align:left}
.con02 .majorBoxWrap .majorBox a .textWrap i {position:absolute; right:10px; top:-25px}
.con02 .majorBoxWrap .majorBox a img {width:100%}
.con02 .majorBoxWrap .majorBox .major01 .textWrap .title {font-size:18px; color:#BE7B51; font-weight:700; letter-spacing:-1px; text-align:left}
.con02 .majorBoxWrap .majorBox .major01 .textWrap i {font-size:18px; color:#fff; border:1px solid #fff; padding:13px; border-radius:50px; background-color:#BE7B51}
.con02 .majorBoxWrap .majorBox .major02 .textWrap .title {font-size:18px; color:#df5e00; font-weight:700; letter-spacing:-1px; text-align:left}
.con02 .majorBoxWrap .majorBox .major02 .textWrap i {font-size:18px; color:#fff; border:1px solid #fff; padding:13px; border-radius:50px; background-color:#df5e00}
.con02 .majorBoxWrap .majorBox .major03 .textWrap .title {font-size:18px; color:#194399; font-weight:700; letter-spacing:-1px; text-align:left}
.con02 .majorBoxWrap .majorBox .major03 .textWrap i {font-size:18px; color:#fff; border:1px solid #fff; padding:13px; border-radius:50px; background-color:#194399}
.con02 .majorBoxWrap .majorBox .major04 .textWrap .title {font-size:18px; color:#2C669C; font-weight:700; letter-spacing:-1px; text-align:left}
.con02 .majorBoxWrap .majorBox .major04 .textWrap i {font-size:18px; color:#fff; border:1px solid #fff; padding:13px; border-radius:50px; background-color:#2C669C}
.con02 .majorBoxWrap .majorBox .major05 .textWrap .title {font-size:18px; color:#3B6518; font-weight:700; letter-spacing:-1px; text-align:left}
.con02 .majorBoxWrap .majorBox .major05 .textWrap i {font-size:18px; color:#fff; border:1px solid #fff; padding:13px; border-radius:50px; background-color:#3B6518}

/* 학과소개 스마트팩토리기술과 */
.major-sft {display:flex; justify-content:space-between}

.form-control {color:#333}
.form-control::placeholder {color:#666}

/* 가로스크롤 아이콘 표시 */
.scrollIcon {position:absolute; bottom:10px; width:100%; opacity:1; transition:opacity 0.5s ease-out}
.scrollIcon > img {margin:0 auto}
.scrollIcon.fade-out {opacity:0; visibility:hidden}

.scrollIcon2 {position:absolute; bottom:-20px; width:100%; opacity:1; transition:opacity 0.5s ease-out}
.scrollIcon2 > img {margin:0 auto}
.scrollIcon2.fade-out {opacity:0; visibility:hidden}
 

.webtoonWrap {display:none; position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); top:0; left:0; z-index:99999999999; padding:50px 50px; box-sizing:border-box}
.webtoonWrap.active {display:block}
.webtoonWrap .innerWrap {max-width:400px; margin:0 auto; position:relative}
.webtoonWrap .innerWrap .inner {width:100%; overflow-y:scroll; height:calc(100vh - 100px)}
.webtoonWrapClose {position:absolute; top:0; right:-50px; font-size:50px; color:#fff}


/* 개인정보처리방침 */
.pi_box_st2 {position:relative; border:1px solid #d6d6d6; padding:30px 20px; border-radius:10px}
.pi_box_st2:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #eef3f8;  border-radius:10px; z-index: -1;}
.pi_label_wrap {width:100%; box-sizing: border-box; padding:0px 2px; display: flex; flex-flow: row wrap; justify-content: space-around; gap:20px; position:relative}
.pi_label_box {width:100%; height: 250px; box-sizing: border-box; padding: 20px 10px; border: 1px solid rgb(255, 255, 255); border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); display: flex; flex-flow: column; justify-content: center; align-items:center; cursor: pointer; background-color: #fff; border: 1px solid #fff; position:relative; display:flex; justify-content:flex-start; text-align:center}
.pi_label_box:hover{transition: 0.2s; border: 1px solid #1647aa;}
.pi_label_cnt {font-size:14px; margin-top:20px; font-weight:400; color:#111}
.pi_label_cnt .pi_label_cnt_s {font-size:13px; line-height:1.2em}
.pi_label_wrap li {width:14%}

.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:34px; padding:0 15px; background-color:#fff; box-sizing:border-box; cursor:pointer; text-align:left; border:1px solid #ccc; border-radius:5px}
.selectLabel.formSelect {border:1px solid #D5D5D5; border-radius:4px; color:#333; height:50px; font-size:16px; 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:16px; font-weight:500}
.selectLabelPlus {flex-shrink:0; width:11px; height:11px; background:url('../img/selectLabelDown.svg') center center no-repeat}
.selectLabel.active .selectLabelPlus {background:url('../img/selectLabelUp.svg') center center no-repeat}
.optionList {display:none; position:absolute; top:100%; left:0; min-width:max-content; width:100%; height:130px; overflow-y:auto; background-color:#fff; z-index:1000; list-style:none; padding:0; margin:0; border:1px solid #ccc; box-sizing:border-box}
.optionItem {padding:0px}
.optionItem a {display:flex; align-items:center; width:100%; height:40px; padding:0 15px; box-sizing:border-box; text-decoration:none; background-color:#fff; color:#333; font-size:14px; font-weight:400; cursor:pointer; transition:.2s}
.optionItem a:hover {background-color:#ddd; color:#333}
.optionItem a:focus-visible, .optionItem a:focus {outline:none !important; background-color:#002A3F}

/* PC에서만 고정 */
@media screen and (min-width:1025px) {
    #popupZone .inner2 {display:flex; align-items:flex-start}
    #popupZone .inner2 .bx-wrapper {flex:1; margin:0}
}
/* 왼쪽 팝업만 고정 */
.popupFixedItem {text-align:center; flex-shrink:0}
.popupFixedItem > div {border-radius:15px; overflow:hidden; display:inline-block; margin:5px; max-width:280px; margin-right:40px}
.popupFixedItem > div a:hover img {transform:scale(1.01); transition:0.3s}
.popupFixedItem > div img {border:1px solid rgba(255,255,255,0.7); border-radius:20px}




@media screen and (max-width:1558px) {
	#popupZone .popupwrap .popCloseWrap .popupClose2 {top:-80px; left:0; width:100%}
}
@media screen and (max-width:1400px) {
	#popupZone .bx-wrapper .bx-controls-direction a {background-size:30px}
	#popupZone .bx-wrapper .bx-prev {left:-45px}
	#popupZone .bx-wrapper .bx-next {right:-45px}
	.mainVisual .bx-wrapper .bx-controls-direction a {margin-top:-20px; width:40px; height:40px; border-radius:100%; box-shadow:0 3px 6px rgb(0 0 0 / 15%)}
	.mainVisual .bx-wrapper .bx-prev {left:-15px; background:url('../img/newsControls.png') no-repeat 0 -40px; opacity:1}
	.mainVisual .bx-wrapper .bx-prev:hover, .mainVisual .bx-wrapper .bx-prev:focus {background-position:0 0}
	.mainVisual .bx-wrapper .bx-next {right:-15px; background:url('../img/newsControls.png') no-repeat -40px -40px; opacity:1}
	.mainVisual .bx-wrapper .bx-next:hover, .mainVisual .bx-wrapper .bx-next:focus {background-position:-40px 0}
	.mainCon2 {margin-top:80px}
	.mainCon2_right > ul > li > a p {font-size:14px; letter-spacing:-0.75px}
	.mainVisual .bx-wrapper .bx-pager {display:none}
}
@media screen and (max-width:1306px) {
	.con01 .con01_1 .title img {right:60px}
	.con02 .majorBoxWrap .center a:nth-child(3) {margin-right:15px; margin-top:15px}
	.con02 .majorBoxWrap .center a:nth-child(2) {margin-right:0}
	.con02 .majorBoxWrap .center a:nth-child(4) {margin-right:0}
	#popupZone .popupwrap .popupTop {display:flex; justify-content:space-between; flex-direction:column; align-items:center}
	#popupZone .popupwrap .popupTop .leftWrap {margin-left:0}
	#popupZone .popupwrap .popupTop .leftWrap h4 {text-align:center; line-height:1.2em}
	#popupZone .popupwrap .popupTop .leftWrap h3 {text-align:center; line-height:1.2em}
	#popupZone .popupwrap .popupTop .leftWrap .popupBtn {justify-content:center}
	#popupZone .popupwrap .popupTop .rightWrap {align-items:center; margin-right:0; width:100%}
	#popupZone .popupwrap .popupTop .rightWrap .popupSNS {margin:20px 0}
	#popupZone .popupwrap .inner2 .bx-wrapper .bx-prev {left:-30px}
	#popupZone .popupwrap .inner2 .bx-wrapper .bx-next {right:-30px}
	#popupZone .popupwrap {max-width:90%}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner {padding:35px 25px}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner img {display:none}
	
	
}
@media screen and (max-width:1300px) {
	#popupZone .inner {margin-top:50px}
	.popupSlider > li {padding:0 152px}
	.inner2 .popupSlider > li {padding:0}
	.popup_social {margin:20px 0}
}
@media screen and (max-width:1280px) {
	.mainQuickWrap {background:none}
	.mainQuickWrap .inner {flex-wrap:wrap}
	.mainQuickLeft {padding-right:0; padding:0 20px 20px 20px}
	.quickList {margin:20px 0}
	.mainQuickRight {width:100%; padding:20px 0}
	.news .bx-wrapper {margin:0 auto}
	.news .bx-wrapper .bx-prev {left:-15px}
	.news .bx-wrapper .bx-next {right:-15px}
	.issueList {margin-top:20px}
	.noticeWrap {width:calc(100% - 330px); margin-right:40px}
	.bannerWrap {width:290px}
	.snsSlider > li {margin:0 10px}
	.mainNewsWrap {justify-content:space-evenly}
	/*.newsSlider > li {width:48%}*/
	/*.newsSlider > li > a > img {width:100%}*/	
	.pi_label_cnt .pi_label_cnt_s {font-size:12px}
	.majorBox_2026 .btnBox {flex-direction:column}
	.majorBox_2026 .btnBox .location {justify-content:center}
	.majorBox_2026 .btnBox .btnWrap a {width:100%}
	.majorBox_2026 .btnBox .btnWrap {justify-content:center}
	.majorBox_2026 .btnBox .btnWrap a i {font-size:18px; margin-top:-17px}
}
@media screen and (max-width:1250px) {
	.con01_3 .flex {display:block}
	.con01_3 .box01 {width:100%}
	.con01_3 .box02 {width:100%; margin-top:10px}
	.con01_3 .box03 {width:100%; margin-top:10px}
	.con01_3 .box01 img {left:30%}
	.con01_3 .box02 img {left:35%}
}
@media screen and (max-width:1024px) {
	.show-1024 {display:block !important}
	.hide-1024 {display:none !important}
	.headerTopLeft {display:none}
	.headerTopRight > span {margin:0 10px}
	.searchIcon {margin-left:10px}
	header > section {display:flex; align-items:center; justify-content:space-between; padding:20px 15px}   
	header > section > nav {display:none; position:fixed; top:0; right:0; overflow-y:auto; width:250px; height:100%; background:#fff; z-index:99999; margin:0}
	.btnSide, header nav .tit, header nav .close {display:block}
	header nav .tit {background:#142A5B}
	.gnb {display:block}
	.gnb > li {float:none; width:100% !important; border:none; border-bottom:1px solid #ddd}
	.gnb > li > a {font-size:16px; text-align:left; padding:15px 20px}
	.snb {position:relative; top:0; background:#fff; padding:10px 0}
	.smCon > ul > li {float:none; width:100%}
	.gnb > li:hover > a, .gnb > li:focus > a, .gnb > li:focus-within > a {background:#0871CD; color:#fff}
	.userMenuBtn {width:100%; height:50px}
	.userMenuBtn > span {display:flex; align-items:center}
	.userMenuBtn i {margin-bottom:0; margin-right:10px}
	#mainVisualWrap {margin-top:108px}
	#container {margin-top:138px !important}
	.snsSliderWrap {overflow-x:auto}
	.snsSlider {display:flex; width:1024px}
	.snsSlider > li {width:320px}
	.footerTopList {display:flex; flex-wrap:wrap; width:100%}
	.footerTopList > a {flex:1 1 30%; margin:0 5px 5px 0}
	.footerBottomUtil > li {margin-bottom:10px}
	.mainCon2_left {display:none}
	.mainCon2_right {width:100%; justify-content:center}
	#container nav {width:100%; margin-right:0; float:none; margin-bottom:50px}
	.lnb {display:none}
	#container nav h2 {border-bottom:none; height:auto; padding-left:0}
	#container nav h2 > a {display:flex; align-items:center; justify-content:center; background:#0871cd; color:#fff; height:50px; font-size:18px}
	#container nav h2 > a i {display:inline-block; margin-left:10px; position:relative; top:-3px}
	#container nav h2 > a.on i {position:relative; top:5px}
	#container nav h2 > a.on i:before {content:"\f0de"}
	.eoList li {float:none; width:100%; margin-right:0; margin-bottom:10px}
	.eoList li p {height:auto}
	.broRight {float:none; width:100%; margin-top:30px}
	.camp_btn1, .camp_btn2 a {width:100%}
	.organization_box, .Organ_Box2 {flex-wrap:wrap}
	.organization_textBox, .Organ_Box2 .Organ_txt {order:2; padding:20px}
	.organization_box .photo, .Organ_Box2 .photo {order:1; width:100%}
	.organization_box .photo img, .Organ_Box2 .photo img {width:100%}
	.popupSlider > li {padding:0 50px}
	
}
@media screen and (max-width:900px) {
	.majorBox .majorText_2022 .text {float:none}
	.majorBox .majorText_2022 .btn_2022 {float:none; padding:0 30px 30px 30px; position:relative}
	.hide-m {display:none}
}
@media screen and (max-width:874px) {
	.broLeft {float:none; width:100%; margin-right:0; text-align:center}
	.broLeft a {padding: 13px 20px; width:100%; background-image:none}
	.pi_label_wrap {flex-direction:column; align-items:center}
	.pi_label_wrap li {width:100%}
	.pi_label_box {height:auto}
	.pi_label_cnt .pi_label_cnt_s {font-size:13px}
}
@media screen and (max-width:850px) {
	.mainCon1, .snsWrap, .pride {margin-top:20px}
	.mainCon1 .tab-content ul {display:block}
	.mainCon1 .tab-content ul > li:first-child {margin-right:0; margin-bottom:15px}
	.mainCon1 .tab-content ul > li > a {padding:20px 15px}
	.noti_cate {font-size:14px}
	.noti_tit {font-size:16px; margin-top:10px; -webkit-line-clamp:1; height:auto}
	.noti_date {font-size:14px; margin-top:7px}
	.majorBox_2026 .majorBox_con {padding:25px 20px}
	.majorBox_2026 .majorBox_con > div {align-items:flex-start; flex-direction:column}
	.majorBox_2026 .majorBox_con > div > p {margin-top:10px; line-height:1.2em; font-size:15px; margin-left:5px}
	.majorBox_2026 .majorBox_con div .visionBox01 {font-size:16px}
	.majorBox_2026 .majorBox_con div .visionBox02 {font-size:16px}
	.majorBox_2026 .majorBox_con .pTxt {font-size:15px}
	.majorBox_2026 .majorBox_con .h5TitMajor {font-size:22px}
	.majorBox_2026 .majorText_2026 {padding:36px 20px}
	.majorBox_2026 .majorText_2026 p {font-size:32px}
	.majorBox_2026 .majorText_2026 .major_eng {font-size:14px; line-height:1.2em}
	.majorBox_2026 .topimg .sns {position:initial; text-align:center; margin-bottom:20px}
}
@media screen and (max-width:768px) {
	.show-768 {display:block !important}
	.hide-768 {display:none !important}
	.headerTopLeft > a.show-pc {display:inline-flex}
	.headerTopLeft > a.hide-mo {display:none}
	#subVisualWrap {display:none}
	#skyQuick {width:50px}
	.skyQuickList > li > a {height:45px; font-size:13px; line-height:15px}
	.skyBanner {width:430px; background:rgba(8,113,205,0.9)}
	.skyQuickTop {padding-bottom:10px}
	.skyQuickTop > p {font-size:13px}
	.skyQuickTop > p > span {font-size:13px}
	.skyQuickList > li > a.topBtn {height:40px; font-size:13px}
	.skyQuickList > li > a.topBtn i {margin-top:6px}
	.tabStyle li a {width:100%; float:none; padding:12px 0; font-size:15px; font-weight:400; text-decoration:none}
	.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:970px; margin-bottom:15px}
	.tableResponsive {table-layout:auto}
	.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}
	.quickList {margin:20px 0 0 0}
	.quickList > a {width:33.33%; margin-bottom:20px; font-size:14px; letter-spacing:-0.75px}	
	.majorVr {right:10px; bottom:10px}
	.majorVr img {width:90px}
	#con .conTop .path {display:none}
	.webzine li {width:50%}
	.majorBox .majorText_2022 .text {padding-bottom:0}
	.majorBox .majorText_2022 .text ul li {line-height:18px; margin-bottom:20px}
	.majorBox .majorText_2022 .text strong {line-height:inherit; display:block; margin-bottom:5px}
	.o_job li {width:calc(50% - 12px)}
	.Organ_Box .photo {width:100%; float:none}
	.Organ_Box .photo img {width:100%}
	.Organ_Box .Organ_txt {float:none; margin-top:20px}
	.mobileMaxWidth100 {max-width:100%}
	.con01_2 {width:100%}
	.con02 .majorBoxWrap .center a:nth-child(1) {margin-right:0; width:100%}
	.con02 .majorBoxWrap .center a:nth-child(2)	{margin-right:0; width:100%; margin-top:15px}
	.con02 .majorBoxWrap .center a:nth-child(3)	{margin-right:0; width:100%}
	.con02 .majorBoxWrap .center a:nth-child(4)	{margin-right:0; width:100%; margin-top:15px}
	.con02 .majorBoxWrap .center a:nth-child(5)	{margin-right:0; width:100%}
	.bannerWrap, .snsWrap {position:relative}
}
@media screen and (max-width:703px) {
	.con01_2 .contain img {display:none}
	.con01_2 {padding:30px 15px; height:auto}
	.majorBox_2026 .btnBox .location {justify-content:flex-start; flex-direction: column; padding:20px}	
	.majorBox_2026 .btnBox .location > div {margin-left:0}
	.majorBox_2026 .btnBox .location > div:last-child {margin-top:20px}
	.majorBox_2026 .btnBox .location div .textWarp .text01 {font-size:15px}
	.majorBox_2026 .btnBox .location div .textWarp .text02 {font-size:15px}
	.majorBox_2026 .btnBox .location div i {font-size:24px}
	#popupZone .popupwrap .popupTop .leftWrap .popupBtn {flex-direction:column; align-items:center}
	#popupZone .popupwrap .popupTop .leftWrap .popupBtn a {width:100%; margin-left:0; margin-top:10px; height:90px}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner {width:100%; display:flex; flex-direction:column; margin-top:20px}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner > span {top:-26px}
	#popupZone .popupwrap {linear-gradient(to bottom, #E0E0E0 0%, #E0E0E0 80%, #6B9FC9 80%, #6B9FC9 100%)}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner .bannerText.em {border:none}
	
}
@media screen and (max-width:650px) {
	.noticeWrap {width:100%; margin-right:0}
	.bannerWrap {width:100%; margin-top:20px}
	.mainQuickRight {background-size:160px}
	.mainQuickRight > h3 {font-size:36px}
	.snsWrap {padding-top:30px}
	.snsWrap > section > h3 {font-size:30px}
	.snsWrap > section > h4 {font-size:14px; margin-top:10px}
	.snsSliderWrap {top:30px}
	.mainCon2 {margin-top:60px}
	.mainCon2_right {padding:20px 20px 10px 20px}
	.mainCon2_right > ul > li {margin-bottom:20px}
	.mainCon2_right > ul > li > a i {margin-bottom:10px}
	.footerTopList > a {flex:1 1 100%; margin:0 0 5px 0}
	#con .conTop h3 {font-size:32px}
	#con .conTop h3 span {padding-bottom:28px}
	.mainNewsWrap {justify-content:center; flex-wrap:wrap}
	.newsSlider {flex-wrap:wrap}
	.newsSlider > li {width:100%}
	.newsSlider > li:nth-child(1) {margin-bottom:10px}
	/*.newsSlider > li > a > img {width:100%}*/
	.popupSlider > li {padding:0}
	.major-sft {display:block}
	.banSlider {justify-content:center; flex-wrap:wrap; overflow:initial}
	.banSlider > li {margin-bottom:20px}
	.banSlider > li:last-child {margin-bottom:0}
	.scrollIcon {display:none}
}
@media screen and (max-width:600px) {
	.con01 {padding:40px 20px}
	.con02 {padding:40px 20px}
	.con01 .con01_1 .title img {display:none}
	.simList li:first-child {width:100%; margin-bottom:30px}
	#popupZone .popupwrap .popupTop .leftWrap h4 {font-size:16px}
	#popupZone .popupwrap .popupTop .leftWrap h3 {font-size:46px}
	#popupZone .popupwrap .popupTop .leftWrap h3 span {font-size:46px}
	#popupZone .popupwrap .popupTop .leftWrap .popupBtn a p {font-size:17px}
}
@media screen and (max-width:550px) {
	.mainCon2_right > ul > li {flex:1 1 30%}
	.pride_tit {display:none}
	.gositeWrap {width:100%}
	.go_site1, .go_site2 {width:100%}
	.go_site2 {margin:5px 0 0 0}
	.go_site1_view, .go_site2_view {width:100%}
	#userMenuModal .tab-content .tab-pane > a {width:33.33%}
	#userMenuModal .tab-content .tab-pane > a i {font-size:32px}
	.webzine li {padding:10px}
	.visionBox > li {flex-wrap:wrap}
	.visionBox > li .title {width:100%}
	.visionBox > li strong {margin-right:0; margin-bottom:10px}
	#tabMenu.tab04 > ul.fake_tab li {width:100%}
	.webwatch {position:relative; top:20px; right:0}
	#popupZone .inner {padding:0 20px}
	#popupZone .bx-wrapper .bx-prev {left:-15px}
	#popupZone .bx-wrapper .bx-next {right:-15px}
	.btn05 {display:block; float:none; margin-top:20px}
	.con01 .con01_1 .contain .major .flex {flex-direction:column}
	.con01 .con01_1 .contain .major .flex span {margin-left:0; width:100%; margin-top:10px}
	.con01 .con01_1 .contain .major .flex span:first-child {margin-top:0}
	.con01_2 .contain .point {font-size:16px}
	#tabMenu.tab05 > ul.fake_tab li {width:100%}
}
@media screen and (max-width:500px) {
	.con01_3 .box01 {height:auto}
	.con01_3 .box02 {height:auto}
	.con01_3 .box03 {height:auto}
	.con01_3 .box01 img {display:none}
	.con01_3 .box02 img {display:none}
	.mobileSize {width:fit-content}
	.mobileSize img {width:100%}
	#popupZone .popupwrap {padding:30px}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner {text-align:center}
	#popupZone .popupwrap .popupTop .leftWrap h4 {font-size:15px}
	#popupZone .popupwrap .popupTop .leftWrap h3 {font-size:40px}
	#popupZone .popupwrap .popupTop .leftWrap h3 span {font-size:40px}
}
@media screen and (max-width:425px) {
	.mainCon2_right > ul > li {flex:1 1 50%}
	.footerBottomUtil > li {width:100%}
	.footerBottomUtil > li > a:after {display:none}
	#userMenuModal .tab-content .tab-pane > a {width:50%}
	.webzine li {padding:0; width:100%; margin-bottom:40px}
	#popupZone .popupwrap {padding:25px}
	#popupZone .popupwrap .popupTop .rightWrap .popupBanner h5 span {display:block}
}
@media screen and (max-width:340px) {
	.majorBox_2026 .btnBox .location div i {width:64px; height:64px}
	#popupZone .popupwrap .popupTop .leftWrap h4 {font-size:14px}
	#popupZone .popupwrap .popupTop .leftWrap h3 {font-size:36px}
	#popupZone .popupwrap .popupTop .leftWrap h3 span {font-size:36px}
}
@media screen and (max-width:320px) {
	.con01 .con01_1 .title {padding:30px 15px}
}