@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@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*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; background:transparent; font-family:"Pretendard Variable", Pretendard, sans-serif; letter-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1 !important; word-break: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; text-decoration:none}
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input[type=number] {-moz-appearance:textfield}

/* 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}
.bx-wrapper .bx-pager-item {font-size:1px}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent:inherit; font-size:1px}
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.maxWidth20 {max-width:20%}
.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}
.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}

.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-550 {display:none !important}
.show-768 {display:none !important}
.show-1024 {display:none !important}
#bodyCon {overflow:hidden}
.red {color:#cd002c}
.blue {color:#0e2069}


/* topPopup */
.topPopup {display:flex; background:url('../image/topPopupBg.png') center center no-repeat; background-size:cover; position:relative}
.topPopup.hidden {display:none}
.topPopup:after {width:318px; height:436px; content:''; display:inline-block; background:url('../image/topPopupStu.png') no-repeat; position:absolute; bottom:0; right:35px}
.topPopupLeft {width:662px; height:550px; background:url('../image/topPopupLeftBg2.png') #D9B87E center left no-repeat; clip-path:polygon(0 0, 0 100%, 417px 100%, 100% 0); z-index:1; text-indent:-9999px}
.topPopupRight {width:calc(100% - 662px); display:flex; align-items:center; gap:50px; padding-left:50px}
.popItem {overflow:hidden; border-radius:10px; margin-top:-30px}

/* header */
.headerTop {margin-top:-38px; background:#0D3F8F; position:relative; z-index:9; border-radius:60px 60px 0 0}
.headerTop.active {margin-top:0; border-radius:0}
.headerTop > .inner {max-width:1470px; margin:0 auto; padding:0; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
.headerTopLeft {display:flex; align-items:center; width:100%}
.headerTopLeft > a {display:flex; align-items:center; justify-content:center; width:100%; max-width:150px; height:38px; padding:0 10px; font-size:14px; font-weight:400; color:#fff; transition:.3s}
.headerTopLeft > a:nth-child(1) {background:#fff; color:#333}
.headerTopLeft > a:nth-child(2) {background:#0871CD}
.headerTopLeft > a:nth-child(3) {background:#052962}
.headerTopLeft > a:hover {background:#333; color:#fff}
.headerTopRight {display:flex; align-items:center; flex-shrink:0; gap:20px}
.headerTopRight > a {font-size:15px; font-weight:300; color:#fff}
.headerTopRight > a.topPopupShow {display:none}
.headerTopRight > a.topPopupShow i {margin-right:5px}
.headerTop.active .headerTopRight > a.topPopupShow {display:block}

header {background:#fff; position:relative; z-index:999999; box-shadow:0 5px 5px rgba(0,0,0,0.1)}
header > .inner {max-width:1470px; padding:0 15px; box-sizing:border-box; height:80px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative}
.headerLogo > a > img {height:36px}
.gnb {display:flex; gap:55px}
.gnb > li {position:relative}
.gnb > li > a {display:block; padding:10px 10px; font-size:18px; font-weight:500; color:#333}
.gnb > li > a:hover, .gnb > li > a:focus {color:#0871CD}
.gnbMenu {display:none; position:absolute; top:100%; width:100%; background:#fff; padding-bottom:20px; box-shadow:0 3px 3px rgba(0,0,0,0.1)}
.gnbMenu > .inner {max-width:1470px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.gnbMenu > .inner > ul {display:flex; gap:15px}
.gnbMenu > .inner > ul > li {padding:20px; background:#F7F7F7; border-radius:20px; width:100%}
.gnbMenu > .inner > ul > li > a {font-size:18px; font-weight:700; color:#000}
.gnbMenu > .inner > ul > li > ul {margin-top:10px}
.gnbMenu > .inner > ul > li > ul > li {margin-bottom:7px}
.gnbMenu > .inner > ul > li > ul > li > a {font-size:15px}
.gnbMenu > .inner > ul > li:hover > a {color:#0871CD}
.gnbMenu > .inner > ul > li > ul > li > a:hover {color:#0871CD}

.hamburgerMenu {display:none; cursor:pointer; box-sizing:border-box; margin-left:20px}
.hamburgerMenu span {display:block; width:24px; height:2px; background-color:#333; margin:5px 0; transition:0.4s}
.hamburgerMenu .bar2 {width:16px}
.hamburgerMenu.active span {background:#000}
.hamburgerMenu.active .bar1 {transform:rotate(-45deg) translate(-5px, 5px)}
.hamburgerMenu.active .bar2 {opacity:0}
.hamburgerMenu.active .bar3 {transform:rotate(45deg) translate(-5px, -5px)}
.hamburgerGnbWrap {display:none; position:absolute; top:100%; right:0; background:#e6eefb; width:300px; height:100vh; overflow-y:auto; z-index:99}
.hamburgerGnbWrap.active {display:block}
.maskBg {display:none; width:100%; height:100vh; background:rgba(0,0,0,0.7); position:absolute; top:100%; left:0}
.maskBg.active {display:block}
.hamburgerGnb {padding:10px 0}
.hamburgerGnb > li {position:relative}
.hamburgerGnb > li > a {display:flex; align-items:center; justify-content:space-between; width:100%; height:50px; padding:0 25px; box-sizing:border-box; font-size:16px}
.hamburgerGnb > li > a.active .hgArr:before {content:"\f106"}
.hamburgerGnb > li > ul {display:none; padding:10px 25px; background:#fff; box-sizing:border-box}
.hamburgerGnb > li > ul.active {display:block}
.hamburgerGnb > li > ul > li > a {display:flex; align-items:center; height:36px; font-size:15px}
.hamburgerGnb > li > ul > li > a .mNavTit {position:relative}
.hamburgerGnb > li > ul > li > a .mNavTit::after {content:''; position:absolute; left:0; bottom:-4px; width:0; height:2px; background-color:#0871CD; transition:width 0.2s ease-in-out}
.hamburgerGnb > li > ul > li > a .mNavTit:hover::after {width:100%}


/* mainVisual */
.mainVisual {background:url('../image/mainVisualBg2025.png') center center no-repeat; background-size:cover; height:510px; margin:15px 15px 0 15px}
.mainVisual > .inner {max-width:1470px; padding:0 15px; box-sizing:border-box; margin:0 auto; display:flex; align-items:flex-end; justify-content:space-between; height:100%}
.mainVisual-left {margin-left:120px}
.mainVisual-right {flex-shrink:0; text-align:center; margin:0 0 35px 0; max-width:385px}
.mainVisual-right h3 {font-size:20px; font-weight:300; color:#333; margin-bottom:25px}
.mainVisual-right h2 {font-family:'TangsBudaeJjigae'; font-size:60px; font-weight:500; color:#1B60AC}
.mainVisual-right h2 > span {font-family:'TangsBudaeJjigae'; font-size:60px; font-weight:500; color:#E8614E}
.mainBan {display:flex; border:1px solid #ccc; border-radius:10px; background:#fff; margin-top:30px; padding:15px}
.mainBan > img {border:1px solid #ccc}
.mainBan > div {padding:15px 10px}
.mainBan > div > h4 {font-size:20px; font-weight:300; color:#333; text-align:left}
.mainBan > div > h5 {font-size:28px; font-weight:600; color:#333; text-align:left; margin-top:5px}
.mainBan > div > a {display:block; font-size:15px; font-weight:300; color:#1B60AC; text-align:left}
.mainBan > div > a > i {font-size:13px; margin-left:5px}


/* mainCon */
.mainCon {margin-top:40px}
.mainCon > .inner {display:flex; max-width:1470px; padding:0 15px; box-sizing:border-box; margin:0 auto}
.conLeft {width:100%; margin-right:40px}
.conLeft > .conTit {display:flex; align-items:center; font-size:28px; font-weight:700; color:#333}
.conLeft > .conTit .linkMore {font-size:36px; color:#999; margin-left:10px}
.conLeft > .conTit .linkMore:hover {color:#333}
.scheduleBox {display:flex; align-items:center; justify-content:center; background:#00A190; border-radius:10px; margin-top:15px; height:130px}
.scheduleBox > div {width:100%; height:100%; text-align:center; position:relative; display:flex; align-items:center; justify-content:center}
.scheduleBox > div:nth-child(even) {background:#009181}
.scheduleBox > div:last-child:nth-child(even) {background:#009181; border-radius:0 10px 10px 0}
.scheduleBox > div > div > h4 {font-size:20px; font-weight:700; color:#fff}
.scheduleBox > div > div > p {font-size:18px; font-weight:500; color:#fff; opacity:0.8; margin:12px 0 0 0}
.scheduleBox > div > div > span {padding:7px 15px; font-size:16px; font-weight:500; color:#00A190; background:#fff; border:1px solid #00A190; border-radius:10px; position:absolute; top:calc(100% - 16px); left:calc(50% - 53px)}
.mainNewsWrap {display:flex; gap:27px}
.newsItem {width:100%; border:1px solid #ccc; border-radius:10px; padding:20px 20px 30px 20px; box-sizing:border-box; margin-top:15px; transition:.3s}
.newsItem > h4 {font-size:20px; font-weight:700; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:30px}
.newsItem > hr {margin:15px 0; border:none; width:100%; height:1px; background:#33333333}
.newsItem > span {font-size:15px; font-weight:400; color:#333333B3}
.newsItem:hover, .newsItem:focus {background:#1B60AC}
.newsItem:hover > h4, .newsItem:focus > h4 {color:#fff}
.newsItem:hover > hr, .newsItem:focus > hr {background:#ffffff33}
.newsItem:hover > span, .newsItem:focus > span {color:#ffffffB3}

.conRight {width:385px; position:relative}
.mainConSwiper {overflow:hidden; border-radius:10px}
.mainConSwiper .swiper-slide {overflow:hidden; border-radius:10px}
.mainConSwiper .swiper-slide a {display:block; width:100%; height:100%; pointer-events:auto; overflow:hidden; border-radius:10px}
.mainConSwiper .swiper-slide a img {border-radius:10px}
.mainConSwiper-pagination {text-align:center}
.mainConSwiper-pagination .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px !important}


/* footer */
footer {border-top:1px solid #ddd; padding:20px 0; margin-top:90px; background:#062743}
footer > .inner {max-width:1470px; padding:0 15px; box-sizing:border-box; margin:0 auto}
.footerTop {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap}
.footerTopLeft {display:flex}
.footerTopLeft > li > a {font-size:16px; font-weight:400; color:#333; display:flex; align-items:center}
.footerTopLeft > li > a:after {content:''; display:inline-block; width:3px; height:3px; background:#959595; border-radius:100%; margin:0 20px}
.footerTopLeft > li:last-child > a:after {display:none}
.blank {color:#0871CD; font-size:14px; margin-left:5px}
.infoColor, .infoColor .blank {color:#F6BC2D}
.infoColor:hover {color:#fff}

.gositeWrap {display:flex}
.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('../image/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:180px; height:200px; position:absolute; right:0px; bottom:35px; z-index:9; background:#fff; border:2px solid #f0f1f3; box-sizing:border-box; overflow-y:scroll; padding:10px 0 0 10px; box-sizing:border-box; letter-spacing:-0.5px; text-align:left}
.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 {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.75px; word-break:keep-all; position:relative}
.footerBottom .footerBottomLeft {margin-top:10px; color:rgba(255,255,255,0.7)}
.footerBottom .footerBottomRight {text-align:right}
.footerBottom address {font-style:normal; margin:0 0 10px 0; line-height:22px; color:#fff}
.footerBottom address span {margin:0 20px}
.webwatch {display:inline-block; margin-top:10px}


/* skyQuickWrap */
.skyQuickWrap {position:absolute; top:0px; right:-120px; z-index:9}
.skyQuickWrap > a {display:flex; align-items:center; justify-content:center; width:100px; height:60px; font-size:16px; font-weight:500; color:#fff; border-radius:10px; text-align:center; position:relative; transition:.3s; overflow:hidden}
.skyQuickWrap > a:nth-child(1) {background:#1B60AC}
.skyQuickWrap > a:nth-child(1):after {position:absolute; top:0; right:0; font-family:"Font Awesome 6 Pro"; font-weight:300; content:"\f19c"; font-size:40px; opacity:0.2}
.skyQuickWrap > a:nth-child(1):hover {background:#0F4290}
.skyQuickWrap > a:nth-child(2) {background:#00A190; margin:10px 0}
.skyQuickWrap > a:nth-child(2):after {position:absolute; top:0; right:0; font-family:"Font Awesome 6 Pro"; font-weight:300; content:"\e036"; font-size:40px; opacity:0.2}
.skyQuickWrap > a:nth-child(2):hover {background:#008370}
.skyQuickWrap > a:nth-child(3) {background:#F6BC2D}
.skyQuickWrap > a:nth-child(3):after {position:absolute; top:0; right:0; font-family:"Font Awesome 6 Pro"; font-weight:300; content:"\f6ea"; font-size:40px; opacity:0.3; transform:scaleX(-1)}
.skyQuickWrap > a:nth-child(3):hover {background:#F1A31B}


/* subVisualWrap */
#subVisualWrap {background-size:cover; width:100%; height:300px; display:flex; align-items:center}
#subVisualWrap.sub01 {background:url('../image/sub01_bg.jpg') center center no-repeat}
#subVisualWrap.sub02 {background:url('../image/sub02_bg.jpg') center center no-repeat}
#subVisualWrap.sub03 {background:url('../image/sub03_bg.jpg') center center no-repeat}
#subVisualWrap.sub04 {background:url('../image/sub04_bg.jpg') center center no-repeat}
#subVisualWrap.sub05 {background:url('../image/sub05_bg.jpg') center center no-repeat}
#subVisualWrap.sub06 {background:url('../image/sub06_bg.jpg') center center no-repeat}
#subVisualWrap > section {max-width:1310px; margin:0 auto; padding:0 15px; box-sizing:border-box; text-align:left; width:100%}
#subVisualWrap h2 {font-family:'GmarketSansMedium'; font-size:30px; color:#333; letter-spacing:-0.75px; margin-bottom:12px}
/*#subVisualWrap h2 strong {font-family:'Nanum Myeongjo', serif; color:#003881; font-weight:800; letter-spacing:0}*/
#subVisualWrap h3 {font-family:'GmarketSansMedium'; font-size:16px; letter-spacing:-0.75px; color:#333}
#subVisualWrap h3 strong {color:#003881; font-weight:500}

/* container */
#container {max-width:1470px; min-height:700px; margin:20px auto 100px auto; padding:0 15px; box-sizing:border-box}
#leftcont {width:280px; margin-right:70px; float:left}
.left_title {display:flex; align-items:center; justify-content:center; background:#0871cd; color:#fff; height:140px; text-align:center}
.left_title > div {width:100%}
.left_title h2 {font-size:32px; font-weight:700; margin-bottom:15px}
.left_title h2 > a {display:none}
.left_title h2 > a:hover, .left_title h2 > a:focus {color:#fff}
.left_title h2 > a i {display:none}
.left_title p {font-size:14px; font-weight:300; margin-bottom:0}
.leftmenu > li {font-size:16px}
.leftmenu > li > a {display:block; height:55px; background-color:#f5f5f5; line-height:55px; padding-left:20px; color:#000; transition:.3s}
.leftmenu > li > a:hover, .leftmenu > li > a:focus {background-color:#ddd}
.leftmenu > li > a.active {background-color:#313131; color:#fff; font-weight:500}
#rightcont {width:100%}
#location {margin:15px 0 20px 0}
#location > ul {font-size:15px; display:flex; align-items:center}
#location > ul > li {font-size:15px; color:#333}
#location > ul > li:after {font-family:"Font Awesome 6 Pro"; font-weight:400; font-size:12px; content:"\f054"; margin:0 10px; color:#999}
#location > ul > li:last-child:after {display:none}

#rightcont #con > h3 {font-size:38px; font-weight:700; color:#000; letter-spacing:-1.45px; padding-bottom:45px; border-bottom:2px solid #e2e2e2; margin-bottom:40px}
#rightcont #con .h4Tit {font-size:26px; font-weight:700; color:#000}
#rightcont #con .h4Tit:before {content:''; display:inline-block; width:20px; height:20px; background:url('../image/h3_bullet.svg') left top no-repeat; margin-right:5px}
#rightcont #con .h5Tit {font-size:18px; font-weight:500; color:#000}
#rightcont #con .pTxt {color:#333; line-height:20px}

/* tab */
#pageTab {overflow:hidden; border-top:1px solid #d8d9db}
#pageTab li.on a {background:#0871cd; color:#fff}
#pageTab li.active a {background:#0871cd; color:#fff}
#pageTab li a:hover {background:#d9d9d9; color:#636363}
#pageTab li:first-child a {border-left:1px solid #d8d9db}
#pageTab 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:15px; color:#636363; font-weight:500}

#pageTab2 {position:relative; overflow:hidden; margin-bottom:25px; margin-top:15px; border:none; font-size:11px;}
#pageTab2 li {float:left; border:none;}
#pageTab2 li a {display:block; padding:7px 18px 6px 18px; font-weight:normal; letter-spacing:-1.5px; text-align:center; color:#898989; background-color: #dee3e7; color:#555555;}
#pageTab2 li a:hover {background-color:#011050; color:#fff;}
#pageTab2 .on {background-color:#011050; color:#fff; }
#pageTab2 .on a {background-color:#011050; color:#fff}
#pageTab2 .title {font-weight:bold; background-color:#FFF; font-size:14px; color:#000; line-height:32px; padding-right:10px;}

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

.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab3 li:nth-child(4) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(10) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(13) a {border-left:1px solid #d8d9db}
.tab4 li a {width:25%}
.tab4 li.width50 a {width:50%}
.tab4 li:nth-child(5) a {border-left:1px solid #d8d9db}
.tab5 li a {width:20%}
.tab5 li:nth-child(6) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li.width13 a {width:14.66%}
.tab6 li.width22 a {width:20.66%}
.tab6 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab7 li a {width:14.2%; font-size:12px !important}
.tab8 li a {width:12.5%; font-size:12px !important}

/* table */
.tbl_skin1 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:15px; margin-top:20px; line-height:20px; background:#fff}
.tbl_skin1 thead th {padding:15px 5px; color:#333; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9; vertical-align:middle; font-size:16px; font-weight:700; text-align:center}
/*
.theadFixedWrap {position:relative; height:900px; overflow-y:auto}
.tbl_skin1.theadFixed thead {position:sticky; top:0; z-index:10; background:#fff}
*/
.tbl_skin1 tbody th {padding:10px 5px; color:#333; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9; vertical-align:middle; font-weight:500; text-align:center}
.tbl_skin1 tbody td {padding:10px 5px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; word-break:auto-phrase; vertical-align:middle; font-weight:400; line-height:20px; text-align:center}
.tbl_skin1 tbody .bb {border-bottom:1px solid #c2c2c2;}
.tbl_skin1 tbody .b {color:#363636;}
.tbl_skin1 th.end {border-right:none !important;}
.tbl_skin1 td.end {border-right:none !important;}
.tbl_skin1 .tl {text-align:left; padding-left:10px;}
.tbl_skin1 .tl2 {text-align:left; padding-left:60px;}
.tbl_skin1 .fn {font-weight:normal;}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 tr th.br {border-right:1px solid #d7d7d7}
.tbl_skin1 tr td.br {border-right:1px solid #d7d7d7}
.tbl_skin1 tr td.bl {border-left:1px solid #d7d7d7 !important}
.tbl_skin1 thead tr th.bl {border-left:1px solid #c2c2c2 !important}
.tbl_skin1 tr.TH1 th {background:#6e8cbc; color:#fff}
.tbl_skin1 tr.TH2 th {background:#f4719e; color:#fff}
.tbl_skin1 tr.TH1:hover {background-color:#dbe2ee !important}
.tbl_skin1 tr.TH2:hover {background-color:#fcdce7 !important}
.double {border-right:1px solid #333 !important}
.tbl_skin1.textSmall {font-size:14px}
.tbl_skin1.textSmall thead th {font-size:14px}

.tbl_skin1.admDepSkin thead tr > th:nth-child(2) {border-right:1px solid #333 !important}
.tbl_skin1.admDepSkin tbody tr > td:nth-child(2) {border-right:1px solid #333 !important}

.tbl_skin1_1 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:12px}
.tbl_skin1_1 thead th {padding:6px 0px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9;}
.tbl_skin1_1 thead th.red {color:red}
.tbl_skin1_1 tbody th {padding:6px 0px; color:#707070; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9;}
.tbl_skin1_1 tbody td {padding:6px 0px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.tbl_skin1_1 tbody td.bg {background:#ffffdd}
.tbl_skin1_1 tbody .bb {border-bottom:1px solid #c2c2c2;}
.tbl_skin1_1 tbody .b {color:#363636;}
.tbl_skin1_1 th.end {border-right:none !important;}
.tbl_skin1_1 td.end {border-right:none !important;}
.tbl_skin1_1 .tl {text-align:left; padding-left:10px;}
.tbl_skin1_1 .tl2 {text-align:left; padding-left:60px;}
.tbl_skin1_1 .fn {font-weight:normal;}
.tbl_skin1_1 tr th:last-child {border-right:none}
.tbl_skin1_1 tr td:last-child {border-right:none}
.tbl_skin1_1 tr th.br {border-right:1px solid #d7d7d7}
.tbl_skin1_1 tr td.br {border-right:1px solid #d7d7d7}

.tblHover tr:hover {background-color:#eceffc}

.tbl_skin11 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:12px}
.tbl_skin11 thead th {padding:6px 5px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9;}
.tbl_skin11 tbody th {padding:6px 5px; color:#505050; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9;}
.tbl_skin11 tbody td {padding:6px 5px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#363636; }
.tbl_skin11 tbody .bb {border-bottom:1px solid #c2c2c2;}
.tbl_skin11 tbody .b {color:#363636;}
.tbl_skin11 th.end {border-right:none !important;}
.tbl_skin11 td.end {border-right:none !important;}
.tbl_skin11 .tl {text-align:left; padding-left:10px;}
.tbl_skin11 .tl2 {text-align:left; padding-left:60px;}
.tbl_skin11 .fn {font-weight:normal;}
.tbl_skin11 tr th:last-child {border-right:none}
.tbl_skin11 tr td:last-child {border-right:none}
.tbl_skin11 tr th.br {border-right:1px solid #d7d7d7}
.tbl_skin11 tr td.br {border-right:1px solid #d7d7d7}


.txt_list li {background:url('../image/ico_dot1.gif') 1px 10px no-repeat; padding:0 0 20px 10px; line-height:22px}
.txt_list2 li {background:url('../image/ico_dot1.gif') 1px 10px no-repeat; padding:0 0 15px 10px; line-height:22px}
.txt_list3 li {background:url('../image/ico_dot1.gif') 1px 10px no-repeat; padding:0 0 10px 10px; line-height:22px}
.txt_list4 {margin-left:30px}
.txt_list4 > li {background:url('../image/ico_dot1.gif') 1px 10px no-repeat; padding:0 0 7px 10px; line-height:22px}

.txtList > li, .dList > li, .dList2 > li {background:url('../image/ico_dot1.gif') 1px 11px no-repeat; padding:0 0 0 10px; line-height:22px; margin-bottom:5px; color:#333}
.bList > li {background:url('../image/ico_bar.gif') 5px 11px no-repeat; padding:0 0 0 18px; line-height:22px; margin-bottom:4px; color:#333}
.dList > li > .bList {margin-top:5px}

/* 전형별 지원자격 및 제출서류 */
.ol_list {margin-left:20px;}
ul.ol_list > li{list-style:none; margin-bottom:4px}
.ol_list > li{list-style:decimal; margin-bottom:4px}
.bar {background:url('../image/ico_bar.gif') 5px 9px no-repeat; list-style:none; padding:0 0 0 18px; margin-left:-19px; list-style:none !important; line-height:20px; margin-bottom:4px}
.star {background:url('../image/ico_star.gif') 3px 8px no-repeat; list-style:none; padding:0 0 0 18px; list-style:none !important}
.star_bar {background:url('../image/ico_bar.gif') 5px 9px no-repeat; list-style:none; padding:0 0 0 18px; margin-left:16px; list-style:none !important}
.btn_0301 {display:flex; flex-wrap:wrap}
.btn_0301 > a {display:block; margin-right:10px}

/* 등록포기 및 등록금환불안내 */
.doc_down li {float:left; padding-right:10px;}
.doc_down li .btn_box a {padding:15px 13px; color:#363636; font-weight:500; border:1px solid #d7d7d7;}
.doc_down li .btn_box a:hover {background-color:#0e2069; color:#FFF;}

.doc_down2 {display:flex; justify-content:space-between}
.doc_down2 li {width:48%}
.doc_down2 li .btn_box a {padding:15px 0; color:#363636; font-weight:500; border:1px solid #898989; width:100%; display:block; text-align:center; box-sizing:border-box}
.doc_down2 li .btn_box a:hover {background-color:#0e2069; color:#FFF;}
.doc_down2 li.mr0 {margin-right:0px}

.refundListSt {display:flex}
.btn_boxSt {padding:15px 0; color:#363636; font-weight:500; border:1px solid #898989; width:100%; display:block; text-align:center; box-sizing:border-box}
.btn_boxSt:hover {background-color:#0e2069; color:#FFF}

/* stateBox */
.stateBox {border:1px solid #cfcfcf; border-radius:4px; box-sizing:border-box; padding:30px 30px 20px 30px; overflow:hidden}
.stateBox dt {float:left; width:calc(33% - 30px); margin-right:30px}
.stateBox dd {float:left; width:60%}
.stateBox dd h5 {font-size:34px; font-weight:600; margin-top:10px}
.stateBox dd p {font-size:18px; font-weight:400; margin:20px 0 30px 0}
.stateBox .btnCheck {display:inline-block; padding:15px 20px; color:#fff; font-weight:500; background:#0871CD; border-radius:3px; cursor:pointer}

.refund_pc {border:1px solid #888; text-align:center; padding:20px}

/* 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}
.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}

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

.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)}

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

.fs110, .fs110 > strong {font-size:18px}

/* FAQ */
.faq_list {border-top:2px solid #49494a;}
.faq_list > ul {margin:0; padding:0; list-style:none}
.faq_list > ul > li {position:relative; border-bottom:1px solid #cacaca; color:#636363}
.faq_list > ul > li a {color:#636363}
.faq_list > ul > li strong.q {font-weight:700}
.faq_list > ul > li strong.q, .faq_list ul li .a {display:block; padding:13px 20px 13px 44px}
.faq_list > ul > li strong.q {padding-right:10px; background:url('../image/q_n.png') no-repeat 11px 14px;}
.faq_list > ul > li > .a {overflow:hidden; position:relative; display:block; border-top:1px dashed #cacaca; background:#ecf1f4 url('../image/a.png') no-repeat 11px 14px; line-height:22px}
.faq_list > ul > li > .a .btn {position:absolute; right:10px; bottom:10px;}
.faq_list > ul > li strong a {text-decoration:none}

/* 온라인 입학상담 */
.boxStyle1 {border:1px solid #0871cd; background:#e7f3ff; padding:20px; text-align:center; box-sizing:border-box; font-weight:600; font-size:15px; line-height:26px}
.btnStyle1 {display:inline-block; min-width:200px; font-weight:600; font-size:18px; padding:20px 15px; color:#fff; background:#0871cd; margin:0 4px}
.btnStyle1:hover,.btnStyle1:focus {background:#085ba5; text-decoration:none; color:#fff}
.btnStyle2 {display:inline-block; min-width:200px; font-weight:600; font-size:18px; padding:20px 15px; color:#fff; background:#0d3f8f; margin:0 4px}
.btnStyle2:hover,.btnStyle2:focus {background:#0b2b5f; text-decoration:none; color:#fff}
.online_skin1 {width:100%; border-top:2px solid #0e2069; text-align:center; font-size:14px}
.online_skin1 thead th {padding:10px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9; vertical-align:middle}
.online_skin1 tbody th {padding:10px; color:#707070; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9; vertical-align:middle}
.online_skin1 tbody td {padding:10px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; vertical-align:middle}
.onlineLogin_skin {width:100%; text-align:center; font-size:14px}
.onlineLogin_skin tbody th {padding:5px 10px; vertical-align:middle}
.onlineLogin_skin tbody td {padding:5px 10px; vertical-align:middle}
.inputSt {width:100%; max-width:100%; color:#000; font-size:14px; padding:10px 16px; border:1px solid #d7d7d7; box-sizing:border-box}
.inputSt:focus, .inputSt:hover {background-color:rgba(0,0,0,0.05); box-shadow:none}
.inputSt.maxWidth20 {max-width:20%}
.inputSt.maxWidth30 {max-width:30%}

/* applicationWrap */
.applicationWrap {display:flex; flex-wrap:wrap; align-items:center; margin-left:-10px}
.applicationWrap a {display:flex; align-items:center; justify-content:center; border:1px solid #ddd; box-sizing:border-box; width:260px; height:60px; margin:10px; font-weight:500}
.applicationWrap a:hover, .applicationWrap a:focus, .applicationWrap a.active {border:3px solid #0d3f8f}
.applicationWrap a img {margin-right:10px}

/* 장학제도 */
.imgLifeWrap {overflow:hidden; line-height:0; max-width:760px; margin:0 auto}
.imgLifeWrap a {display:inline-block}
.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}

/* 산학협력 */
.accView {display:none}
.rogoRoll {background:#e2e2e2; margin-top:20px; padding:20px 20px 20px 40px; width:760px; height:100px; box-sizing:border-box; overflow:hidden !important; position:relative}
.rogoRoll .slider1{overflow:hidden;}
.rogoRoll .slider1 .slide {width:150px !important; height:60px; float:left; margin-right:25px}
.rogoRoll .bx-viewport {height:60px !important; width: 676px !important; margin-left: -48px;}
.rogoRoll .bx-prev {position:absolute; top:40px; left:20px; text-indent: -9999px; background: url(../image/rogo_left.gif) 0 0 no-repeat; width: 11px; height: 21px;}
.rogoRoll .bx-next {position:absolute; top:40px; right:20px; text-indent: -9999px; background: url(../image/rogo_right.gif) 0 0 no-repeat;width: 11px; height: 21px;}

/* 입학자료신청 */
.applyTable {width:100%; margin-top:20px; border-top:2px solid #5e5e5e}
.applyTable th {padding:10px 20px; border-bottom:1px solid #e6e6e8; background:#f0f5f9}
.applyTable td {padding:10px 20px; border-bottom:1px solid #e6e6e8}
.applyTable td > .line {margin-bottom:5px}
.applyTable .p_no {width:10%}
.applyTable .addtx {width:100%; margin-top:5px}
.applyTable .btn_post {padding:4px 10px; background:#627885; color:#fff; font-weight:bold; letter-spacing:-0.75px; font-size:12px}
.applyTable td input {height:21px; padding-left:10px}

.assent_box {padding:30px;background-color:#f6f6f6;border:1px solid #e1e1e1;margin-top:30px}
.assent_box h4 {font-size:16px !important; background:none !important; padding-left:0 !important}
.assent_box .tcb {font-size:14px;color:#0d4e96}
.assent_box ol{margin:10px 0;color:#000;list-style:none}
.assent_box .assent {line-height:18px;height:18px;color:#000}
.pText {font-size:14px; line-height:18px}
.privacy_skin {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:12px; 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; text-align:center}
.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:12px; 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; text-align:center}
.privacy_skin2 thead th.bb {border-bottom:1px solid #e2e2e2; text-align:center}
.privacy_skin2 tbody th {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#fff; text-align:center}
.privacy_skin2 tbody td {padding:5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center}
.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}

/* guideBoxWrap */
.guideBoxWrap {display:flex; align-items:center; margin-bottom:30px; border:1px solid #ccc; background:#f4f4f4; padding:20px}
.guideBoxWrap > div:nth-child(1) {margin-right:20px}
.guideBoxWrap > div:nth-child(1) i {font-size:45px; background:#052962; color:#fff; padding:20px; border-radius:100%}
.guideBoxWrap > div:nth-child(2) h4 {font-size:20px; color:#0871cd}
.guideBoxWrap > div:nth-child(2) h5 {font-size:16px; color:#333; margin-top:10px; line-height:150%}
.guideBoxWrap > div:nth-child(2) ul > li {display:inline-block; margin-right:5px}
.btn_box1 {background:#313131; padding:12px 15px; display:inline-block; color:#fff; font-size:14px}
.btn_box2 {background:#052962; padding:12px 15px; display:inline-block; color:#fff; font-size:14px}
.btn_box1:hover, .btn_box2:hover {color:#fff}

/* 전공체험 */
.btnApp {}
.btnApp a {color:#fff; padding:5px 25px; background:#b72842; display:inline-block}
.btnApp2 {}
.btnApp2 a {color:#fff; padding:15px 30px; background:#b72842; display:inline-block}
.btnCheck {}
.btnCheck a {color:#fff; padding:5px 25px; background:#0d4e96; display:inline-block}
.btn_go {padding:5px;background-color:#0d4e96;}
.btn_go a{padding:0 5px;color:#fff;font-weight:bold}

.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('../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-visible {outline:-webkit-focus-ring-color auto 1px}
.radioStyle {vertical-align:middle; -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; margin:-4px 5px 0 0 !important; 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}
.btn_post {display:inline-block; box-sizing:border-box; background:#777; border:1px solid #aaa; color:#fff; min-width:60px; padding:0 10px; height:40px; line-height:40px; font-size:12px; font-weight:500; text-align:center; transition:.3s}
.btn_post:hover, .btn_post:focus {background:#666; border-color:#666; color:#fff}

/* 장학제도 신입생 장학금 제도 */
.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}

.recruitMajorBox {display:flex; flex-wrap:wrap; background:#eee; border:1px solid #ccc; padding:20px; margin-top:10px}
.recruitMajorBox > span {display:flex; align-items:center; justify-content:center; background:#fff; margin:5px; border-radius:15px; width:calc(33% - 10px); text-align:center; height:34px}

/* 미래성인스쿨 */
.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 10px}
.con02 .majorBoxWrap .flex {display:flex; justify-content:space-between}
.con02 .majorBoxWrap .center {text-align:center}
.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; border-radius:15px; overflow:hidden; margin:10px}
.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:#194399; 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:#194399}
.con02 .majorBoxWrap .majorBox .major02 .textWrap .title {font-size:18px; color:#11b4bb; 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:#11b4bb}
.con02 .majorBoxWrap .majorBox .major03 .textWrap .title {font-size:18px; color:#df5e00; 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:#df5e00}
.con02 .majorBoxWrap .majorBox .major04 .textWrap .title {font-size:18px; color:#524993; 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:#524993}
.con02 .majorBoxWrap .majorBox .major05 .textWrap .title {font-size:18px; color:#2C669C; 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:#2C669C}
.con02 .majorBoxWrap .majorBox .major06 .textWrap .title {font-size:18px; color:#3B6518; font-weight:700; letter-spacing:-1px; text-align:left}
.con02 .majorBoxWrap .majorBox .major06 .textWrap i {font-size:18px; color:#fff; border:1px solid #fff; padding:13px; border-radius:50px; background-color:#3B6518}


/* 헤더 전체학과 메뉴 */
.majorMenuWrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999; display:none; align-items:center; justify-content:center; padding:50px; background:rgba(0,0,0,0.8); overflow-y:auto}
.majorMenuWrap.active {display:flex}
.majorMenuWrap > .majorMenu {position:relative}
.majorMenuWrap > .majorMenu > .inner {display:flex; flex-wrap:wrap; background:#fff; position:relative; z-index:9; width:100%; max-width:1200px; padding:25px 10px 40px 10px; border-radius:40px}
.majorMenuWrap > .majorMenu > .inner > div {margin:10px; flex:1 1 10%}
.majorMenuWrap > .majorMenu > .inner > div > a h3 {font-size:20px; font-weight:700; color:#333; text-align:center; margin:20px 0 15px 0; transition:.3s}
.majorMenuWrap > .majorMenu > .inner > div > a img {transition:.3s}
.majorMenuWrap > .majorMenu > .inner > div > a:hover {text-decoration:none}
.majorMenuWrap > .majorMenu > .inner > div:hover > a img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.majorMenuWrap > .majorMenu > .inner > div:hover > a h3 {scale:105%; color:#0D3F8F}
.majorMenuBtn {display:flex; align-items:center; height:27px; padding:0 15px; font-size:14px; color:#333; font-weight:400; border:1px solid #ddd; border-radius:5px; margin-bottom:2px}
.majorMenuBtn:hover {background:#ddd; color:#000; text-decoration:none}
.majorMenuClose {position:absolute; top:-30px; right:-30px; z-index:999; font-size:70px; color:#fff}
.majorMenuClose i {transition:.3s}
.majorMenuClose i:before {color:#fff}
.majorMenuClose i:after {color:#888; opacity:1}
.majorMenuClose:hover i:after {color:#555}

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

/* noticeBox */
.noticeBox {background:#fff; border-radius:10px; overflow:hidden; padding:30px 25px}
.noticeBox > h3 {display:flex; justify-content:space-between; align-items:center; font-size:32px; font-weight:900; color:#333; border-bottom:1px solid #888; padding-bottom:20px}
.noticMore {font-size:16px; font-weight:500}
.noticeBox > ul {margin-top:20px}
.noticeBox > ul > li {margin-bottom:20px}
.noticeBox > ul > li:last-child {margin-bottom:0}
.noticeBox > ul > li > a {display:flex !important; align-items:center; font-size:17px}
.noticeBox > ul > li > a:before {flex-shrink:0; content:''; width:5px; height:5px; border-radius:100%; background:#999; margin-right:7px}
.noticeBox > ul > li > a .notiTit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%}
.noticeBox > ul > li > a .notiDate {flex-shrink:0; margin-left:15px; color:#999}
.noticeBox > ul > li > a:hover, .noticeBox > ul > li > a:hover .notiTit, .noticeBox > ul > li > a:hover .notiDate {color:#0D3F8F; text-decoration:none}


/* stepInfo */
.stepInfo {margin-top:30px; text-align:center; max-width:600px}
.stepInfo > dl {/*display:flex*/}
.stepInfo > dl > dt {/*width:330px; flex-shrink:0;*/ display:flex; align-items:center; justify-content:center; padding:9px 0; font-size:16px; font-weight:700; background:#092e6f; color:#fff}
.stepInfo > dl > dd {/*width:100%;*/ display:flex; align-items:center; justify-content:center; padding:8px 0; font-size:15px; font-weight:500; border:1px solid #0d3f8f; color:#333}
.stepInfo > i {margin:10px 0}
.boxStyle2 {border:1px solid #0871cd; background:#f5faff; padding:15px; text-align:center; box-sizing:border-box; font-weight:600; font-size:15px; line-height:26px; color:#0871cd}
.boxStyle2 > strong {color:#052962}

.stepInfo2 {display:flex; align-items:center}
.stepInfo2 > div {display:flex; align-items:center; justify-content:center; width:100%; height:65px; background:#b2c6e5; text-align:center; font-size:15px; font-weight:500; color:#333}
.stepInfo2 > i {margin:0 5px}

.leftSubTit {background:#0871cdad; color:#fff; text-align:center; padding:15px 0; font-size:16px; font-weight:500}

.majorList {display:flex; justify-content:center; flex-wrap:wrap; gap:10px; background:#eee; padding:30px 50px}
.majorList > span {display:flex; align-items:center; justify-content:center; background:#fff; color:#0871cd; border:1px solid #0871cd; box-sizing:border-box; height:40px; padding:0 15px; font-size:14px}

.br-d7 {border-right:1px solid #d7d7d7 !important}

/* popupPre */
#popupPre {background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; text-align:center; cursor:pointer; display:none}
#popupPre > div {max-width:752px; margin:330px auto 0 auto; position:relative}
#popupPre > div a.pre_close {position:absolute; top:20px; right:20px}
#popupPre2 {background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; text-align:center; cursor:pointer; display:none}
#popupPre2 > div {max-width:752px; margin:330px auto 0 auto; position:relative}
#popupPre2 > div a.pre_close2 {position:absolute; top:20px; right:20px}

/* subPop*/
.subPopWrap2 {position:fixed; z-index:9999999; top:0; left:0; background:rgba(0,0,0,.9); width:100%; height:100%}
.subPopWrap2 .imgWrap {width:578px; margin:12% auto}
.subPopCloseWrap {text-align:center; margin-top:20px}
.subPopClose {display:inline-block; font-size:18px; font-weight:500; color:#fff; border:2px solid #fff; padding:12px 30px; transition:.3s}
.subPopClose i {margin-left:5px}
.subPopClose:hover, .subPopClose:focus {color:#333; background:#fff; text-decoration:none}

/* 수시,정시 모집인원 thead 고정 */
.tableFixed {display:none; position:fixed; top:-20px; z-index:9999; max-width:1090px}


@media screen and (max-width:1880px) {
	.topPopupLeft {width:480px; background:url(../image/topPopupLeftBg2.png) #D9B87E center left -40px no-repeat; clip-path:polygon(0 0, 0 100%, 350px 100%, 100% 0)}
	.topPopupRight {width:calc(100% - 480px)}
	.topPopup:after {width:250px; height:340px; background-size:cover}
}

@media screen and (max-width:1660px) {
	.topPopupRight {width:calc(100% - 420px); justify-content:center; gap:30px; padding-left:0}
	.popItem {margin-top:-40px}
	.topPopup:after {display:none}
	.headerTopRight {margin-right:30px}
	.mainVisual-left {margin-left:0}
	.mainVisual-right {margin-right:0}
}
@media screen and (max-width:1470px) {
	.tableFixed {max-width:fit-content; margin-right:15px}
}
@media screen and (max-width:1400px) {
	.headerTop {overflow:hidden}
	.gnb {display:none}
	.hamburgerMenu {display:block}
}
@media screen and (max-width:1306px) {
	.con01 .con01_1 .title img {right:60px}
}
@media screen and (max-width:1280px) {	
	.topPopupLeft {display:none}
	.topPopupRight {width:100%; height:auto; gap:20px; padding:60px 20px}
	.mainCon > .inner {flex-wrap:wrap}
	.conLeft {margin-right:0}
	.conRight {width:100%; text-align:center; margin-top:60px}
	.footerBottom {justify-content:center; text-align:center}
	.footerBottom .footerBottomRight {text-align:center; margin-top:15px}
	.skyQuickWrap {right:0}	
}
@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:1220px) {
	.applicationWrap > a {width:calc(33% - 20px)}
}
@media screen and (max-width:1120px) {
	.majorMenuWrap {align-items:flex-start}
	.majorMenuWrap > .majorMenu > .inner {max-width:700px}
	.majorMenuWrap > .majorMenu > .inner > div {flex:1 1 30%}
	.majorMenuWrap > .majorMenu > .inner > div > a img {height:100px; margin:0 auto}
	.majorMenuWrap > .majorMenu > .inner > div > a h3 {font-size:18px; margin:5px 0 10px 0}
}
@media screen and (max-width:1024px) {
	.show-1024 {display:block !important}
	.hide-1024 {display:none !important}
	.mainVisual {background-position:right center; height:auto; padding:50px 30px 0 30px}
	.mainVisual > .inner {flex-wrap:wrap; justify-content:center; height:auto; padding:0}
	.mainVisual-left {order:1}
	.mainVisual-right {order:2; margin-top:50px}
	.mainBan {margin-top:20px}
	.sb_btn {font-size:18px; height:45px}
	#subVisualWrap {height:200px}
	#leftcont {width:100%; margin-right:0; float:none}
	.leftmenu, .left_title p {display:none}
	.left_title {height:50px}
	.left_title h2 {margin-bottom:0; font-size:18px}
	.left_title h2 > div {display:none}
	.left_title h2 > a {display:block}
	.left_title h2 > a i {display:inline-block; margin-left:10px; position:relative; top:-3px}
	.left_title h2 > a.on i {position:relative; top:5px}
	.left_title h2 > a.on i:before {content:"\f0de"}
	.btn_0301 {justify-content:space-between}
	.btn_0301 > a {margin-right:0}
	#pageTab li a {width:50%}
}
@media screen and (max-width:970px) {	
	.applicationWrap > a {width:calc(100% - 20px)}
}
@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:768px) {
	.hide-768 {display:none !important}
	#subVisualWrap {display:none}
	#container {padding-top:15px}
	.tabStyle li a {width:100%; float:none; padding:10px 0; font-size:13px; font-weight:400}
	.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}
	.tableFixed {display:none !important}
	.ToolTip {position:absolute; width:100%; top:20px; left:0; opacity:0; display:block; padding:5px 8px; font-size:13px; color:#fff; text-align:center; letter-spacing:0.45px; margin:5px 0; -webkit-animation-name:fadeOut; -webkit-animation-duration:4s; animation-name:fadeOut; animation-duration:4s;}
	.btn_0301 > a {width:100%; margin-bottom:5px}
	.btn_0301 > a img {margin:0 auto}
	#pageTab li a {width:100%; float:none; padding:15px 0; font-size:14px}
	#rightcont #con > h3 {font-size:34px}
	.stateBox dt {float:none; width:100%; margin-right:0}
	.stateBox dd {float:none; width:100%; margin-top:30px; text-align:center}
	.stateBox dd h5 {font-size:28px; font-weight:500}
	.stateBox dd p {font-size:16px; font-weight:400}
	.majorVr {right:10px; bottom:10px}
	.majorVr img {width:90px}
	.mo_maxWidth49 {max-width:49% !important}
	.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}
	.recruitMajorBox > span {width:calc(50% - 10px)}
	.con01_2 {width:100%}
	.con02 .majorBoxWrap .center a {width:100%; margin:0 0 20px 0}
	.con02 .majorBoxWrap .center a img {width:100%}
	.refundListSt {flex-wrap:wrap}
	.refundListSt .btn_boxSt {margin:5px 0 !important}
	.stepInfo2 {flex-wrap:wrap}
	.stepInfo2 > div {width:auto; padding:0 15px; margin:5px 0}
	.headerTopLeft > a {max-width:120px}
	.mainVisual-right h3 {font-size:18px; margin-bottom:20px}
	.mainVisual-right h2, .mainVisual-right h2 > span {font-size:54px}
	.mainBan {margin-top:20px; padding:15px}
	.mainBan > div {padding:20px}
	.mainBan > div > h4 {font-size:20px}
	.mainBan > div > h5 {font-size:26px}
	.mainBan > div > p {font-size:14px}
	.conLeft > .conTit {font-size:24px}
	.conLeft > .conTit .linkMore {font-size:30px}
	.scheduleBox {height:auto; flex-wrap:wrap; gap:0; padding:0}
	.scheduleBox > div {padding:15px 0}
	.scheduleBox > div:last-child {border-radius:0 0 10px 10px}
	.scheduleBox > div:after {display:none}
	.scheduleBox > div > div > h4 {font-size:18px}
	.scheduleBox > div > div > p {margin:5px 0 0 0}
	.scheduleBox > div > div > span {position:relative; top:0; left:0; display:inline-block; margin-top:10px}
	.mainNewsWrap {gap:10px; flex-wrap:wrap; margin-top:15px}
	.newsItem {margin-top:0; padding:20px}
	.newsItem > h4 {font-size:18px; line-height:22px}
	.conTit.mt60 {margin-top:30px !important}
	.conRight {margin-top:30px}
	.skyQuickWrap > a {width:90px; height:50px; font-size:13px; border-radius:5px}
	.skyQuickWrap > a:nth-child(2) {margin:5px 0}
	.leftmenu > li {font-size:15px}
	.leftmenu > li > a {height:45px; line-height:45px}
}
@media screen and (max-width:719px) {
	.majorMenuClose {top:-20px; right:-20px; font-size:60px}
}
@media screen and (max-width:703px) {
	.con01_2 .contain img {display:none}
	.con01_2 {padding:30px 15px; height:auto}
}
@media screen and (max-width:600px) {
	.hide-600 {display:none !important}
    .topPopupRight {gap:20px; padding:20px 20px 58px 20px; flex-wrap:wrap}
	.popItem {margin-top:0}
    .headerTopLeft > a {max-width:100px; font-size:13px}
	.headerTopRight > a {font-size:13px}
	.mainVisual-right {margin-top:30px}
	.mainVisual-right h3 {font-size:16px; margin-bottom:15px}
	.mainVisual-right h2, .mainVisual-right h2 > span {font-size:48px}
	.mainBan {margin-top:15px}
	.mainBan > div {padding:15px}
	.mainBan > div > h4 {font-size:18px}
	.mainBan > div > h5 {font-size:22px}
	.mainBan > div > p {font-size:13px}
    .scheduleBox > div > div > h4 {font-size:16px}
	.scheduleBox > div > div > p {font-size:16px}
	.scheduleBox > div > div > span {font-size:14px}
    .newsItem {padding:15px}
    .newsItem > h4 {font-size:16px; line-height:20px}
	.newsItem > hr {margin:10px 0}
	footer {margin-top:50px}
    .footerTopLeft {flex-wrap:wrap; gap:5px}
	.footerTopLeft > li > a:after {margin:0 10px}
	.footerBottom address span {margin:0 10px}
	.guideBoxWrap {flex-wrap:wrap}
	.guideBoxWrap > div {width:100%; margin-right:0; text-align:center}
	.guideBoxWrap > div:nth-child(2) h4 {font-size:18px; margin-top:20px}
	.guideBoxWrap > div:nth-child(2) h5 {font-size:14px}
	.recruitMajorBox > span {font-size:14px}
	.recruitMajorBox > span.mobile100 {width:100%}
	.con01 {padding:40px 20px}
	.con02 {padding:40px 20px}
	.con01 .con01_1 .title img {display:none}
	.subPopWrap2 .imgWrap {width:100%; margin:30% auto}
}
@media screen and (max-width:550px) {
	.show-550 {display:block !important}
	.visionBox > li {flex-wrap:wrap}
	.visionBox > li .title {width:100%}
	.visionBox > li strong {margin-right:0; margin-bottom:10px}
	.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}
	.majorMenuWrap > .majorMenu > .inner > div > a img {height:80px}
    .mainBan > div {padding-right:0}
}
@media screen and (max-width:500px) {
	.sb_list > li {font-family:'GmarketSansMedium'}
	.sb_btn {font-size:15px; height:35px}
	.sb_btn.mt40 {margin-top:30px}
	#pageTab li a {padding:10px 0; font-size:14px}
	.doc_down2 {flex-wrap:wrap}
	.doc_down2 li {width:100%; margin-bottom:10px}
	.btn_2022 .btn1, .btn_2022 .btn2 {float:none; margin-left:0}
	.btn_2022 ul li {width:100% !important}
	#rightcont #con > h3 {font-size:32px}
	.mediaList > li {margin-right:20px}
	.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}
	.majorMenuWrap > .majorMenu > .inner > div {flex:1 1 100%}
}
@media screen and (max-width:425px) {
	.sb_list {margin-top:20px}
	.guideBoxWrap {padding:20px 15px}
	.guideBoxWrap > div:nth-child(1) i {font-size:35px; padding:15px}
	.guideBoxWrap > div:nth-child(2) h4 {font-size:16px; margin-top:20px}
	.guideBoxWrap > div:nth-child(2) h5 {font-size:13px}
	.guideBoxWrap > div:nth-child(2) ul > li {display:block; margin-right:0; margin-bottom:5px; width:100%}
	.btn_box1, .btn_box2 {padding:10px 10px; font-size:13px; width:100%}
}
@media screen and (max-width:320px) {
	.con01 .con01_1 .title {padding:30px 15px}
}