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

/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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 {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.6px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {	line-height:1}
dl,ul,ol,menu,li {list-style:none; margin:0}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:inherit; text-decoration:none}
a:hover,a:active,a:focus {text-decoration:none}
a:focus {outline:-webkit-focus-ring-color auto 1px !important}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}

/* common */
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.img-responsive {display:block; max-width:100%; height:auto}
.img-mobile {display:none !important}
.font11 {font-size:11px !important}
.font12 {font-size:12px !important}
.font13 {font-size:13px !important}
.font14 {font-size:14px !important}
.font15 {font-size:15px !important}
.font16 {font-size:16px !important}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !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}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mt110 {margin-top:110px !important}
.mt120 {margin-top:120px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb50 {margin-bottom:50px !important}
.show-768, .show-425 {display:none}
.embed-responsive {position:relative; display:block; height:0; padding:0; overflow:hidden; padding-bottom:56.25%}
.embed-responsive-item {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}
.ToolTip {display:none}
.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}
.pInfor {color:#FFFF00 !important}
.line-height20 {line-height:20px}
.line-height26 {line-height:24px}
.pl15 {padding-left:15px}
.text-center {text-align:center}
.flex {display:flex}
.width20_ {width:20%}

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


/* headerTop */
#headerTop {background:#2a376c}
#headerTop > section {max-width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box}
.headerTopLeft {float:left; padding:0; margin:0}
.headerTopLeft > li {float:left}
.headerTopLeft > li > a {display:block; padding:0 25px; border-right:1px solid rgba(255,255,255,0.4); line-height:35px; font-size:13px; color:#fff; transition:.3s}
.headerTopLeft > li:first-child > a {border-left:1px solid rgba(255,255,255,0.4)}
.headerTopLeft > li > a:hover, .headerTopLeft > li > a:focus, .headerTopLeft > li.active > a {background:rgba(255,255,255,0.2)}
.headerTopRight {float:right; padding:0; margin:0}
.headerTopRight > li {float:left}
.headerTopRight > li > a {display:block; padding:0 25px; border-right:1px solid rgba(255,255,255,0.4); line-height:35px; font-size:13px; color:#fff; transition:.3s}
.headerTopRight > li:first-child > a {border-left:1px solid rgba(255,255,255,0.4)}
.headerTopRight > li > a:hover, .headerTopRight > li > a:focus, .headerTopLeft > li.active > a {background:rgba(255,255,255,0.2)}

/* header */
header {background:#fff}
header > section {max-width:1200px; margin:0 auto; position:relative; padding:30px 0; height:90px; box-sizing:border-box}
header > section h1 {float:left; margin:0}
header > section h1.logo img {height:30px; vertical-align:baseline}
header > section > nav.gnb {float:right; margin-top:-2px}
header > section > nav.gnb > ul {float:left; margin-bottom:0}
header > section > nav.gnb > ul > li {float:left; margin-left:30px; position:relative; z-index:9999}
header > section > nav.gnb > ul > li:first-child {margin-left:0}
header > section > nav.gnb > ul > li > a {font-size:16px; color:#000; display:block; padding:8px 10px}
header > section > nav.gnb > ul > li > a:hover, header > section > nav.gnb > ul > li > a:focus, header > section nav.gnb > ul > li.active > a {color:#fff}
header > section > nav.gnb > ul > li > ul.navSubmenu {position:absolute; min-width:110px; font-size:14px; display:none; padding:5px 0; color:#fff; z-index:9999}
header > section > nav.gnb > ul > li > ul.navSubmenu > li {margin-bottom:5px}
header > section > nav.gnb > ul > li > ul.navSubmenu > li > a {display:block; color:#fff; padding:0 10px}
header > section > nav.gnb > ul > li > ul.navSubmenu > li > a:hover, header > section > nav.gnb > ul > li > ul.navSubmenu > li > a:focus {text-decoration:underline; text-underline-position:under; font-weight:400}
#allmenuToggle {position:relative; width:25px; height:20px; text-indent:-5000px; display:block; float:right; margin-left:50px; transition:.3s; margin-top:9px}
#allmenuToggle:after {display:block; content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:100%; height:2px; background:#666; box-shadow:0px -8px 0px #666, 0px 8px 0px #666}
#allmenuToggle:hover:after, #allmenuToggle:focus:after {background:#000; box-shadow:0px -8px 0px #000, 0px 8px 0px #000}
.allmenuCon {display:none; position:fixed; left:0; top:0; width:100%; padding:150px 15px 100px 15px; box-shadow:0 0 35px rgba(0,0,0,1); z-index:9999; box-sizing:border-box}
.allmenuWrap {max-width:1440px; position:relative; margin:0 auto}
.allmenuNav {overflow:hidden}
.allmenuNavList {float:left; text-align:center; border-left:1px solid rgba(255,255,255,.3); box-sizing:border-box}
.allmenuNavList a {color:#fff}
.allmenuNavList:last-child {border-right:1px solid rgba(255,255,255,.3)}
.allmenuNavList>a {display:block; margin:15px 0 20px; font-size:22px; font-weight:500}
.allmenuDepth2>li {margin-bottom:10px}
.allmenuDepth2>li:last-child {margin-bottom:0}
.allmenuDepth2>li>a {font-size:16px}
.allmenuDepth2>li>a:hover, .allmenuDepth2>li>a:focus {border-bottom:1px solid #fff}
.allmenuDepth2>li > .depth2 {display:none}
.allmenuDepth2>li > .depth2 ul {margin-left:20px}
.allmenuDepth2>li > .depth2 ul > li {background:url('../images/listDot.png') 5px 9px no-repeat; padding-left:15px; margin-bottom:4px}
.allmenuDepth2>li > .depth2 ul > li > a {color:#000; color:#000; font-size:13px}

.allmenuClose {position:absolute; right:0; top:-80px; width:25px; height:25px; text-indent:-9999px;}
.allmenuClose:before, .allmenuClose:after {display:block; content:""; position:absolute; left:10px; top:0; width:2px; height:30px; background:#fff}
.allmenuClose:before {transform:rotate(45deg)}
.allmenuClose:after {transform:rotate(-45deg)}

/* 메인텍스트 */
.mainTextWrap {position:absolute; right:80px; top:190px}
.mainTopText {font-size:20px; color:#9c9c9c; letter-spacing:3px; font-weight:500}
.mainText {font-size:50px; color:#222; letter-spacing:-1px; font-weight:700; margin-top:10px}
.mainText > span {font-size:28px; color:#505050; font-weight:500; letter-spacing:-2px; margin-left:20px}
.subText {font-size:18px; color:#222; margin-top:30px; line-height:1.4em; letter-spacing:-1.2px}

/* 메인버튼 */
.mainBtn ul {width:360px; margin-top:55px} 
.mainBtn ul li a {display:block; padding:17px 21px; background-color:#fff; border:1px solid #d7d7d7; font-size:18px; letter-spacing:-1px; overflow:hidden; color:#636363; margin-top:10px}
.mainBtn ul li:first-child a {margin-top:0}
.mainBtn ul li a span {font-weight:700; font-size:18px; color:#636363}
.mainBtn ul li a i {float:right}


/* 메인 컨텐츠 */
.conWrap {max-width:1440px; margin:0 auto; display:flex; justify-content:space-between}
.conWrap .tab {margin:60px 0 30px 0}
.conWrap .tab a {font-size:26px; color:#989898; font-weight:600; letter-spacing:-1px}
.conWrap .tab span {font-size:26px; color:#989898; font-weight:600; letter-spacing:-1px}
.conWrap .tab a.active {color:#111}
.conWrap .tab a:hover {color:#111; transition:0.3s}
.conWrap .tab .bar {margin-left:10px; margin-right:10px}
.conWrap .notice {width:100%; margin-right:30px}
.conWrap .noticeConWrap {padding:16px 30px; border:1px solid #989898; height:279px}
.conWrap .noticeConWrap ul li a .title {font-weight:400; font-size:18px; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; width: calc(100% - 120px);}
.conWrap .noticeConWrap ul li a .date {display:block; width:80px}
.conWrap .noticeConWrap ul li a {font-size:16px; color:#222; line-height:2.2em; letter-spacing:-1.5px; overflow:hidden; display:flex; justify-content:space-between}
.conWrap .noticeConWrap ul li a > .date {font-size:16px; color:#a2a2a2; font-weight:500; float:right}
.conWrap .noticeConWrap ul li a .noti_tt {text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow:hidden; margin-right:20px}

/* 배너 */
.bannerWrap > div {display:flex}
.bannerWrap .box01 {margin-top:-71px; z-index:1}
.bannerWrap .box01 .topText {margin-top:45px; font-size:16px; color:#fffc00; margin-left:32px}
.bannerWrap .box01 .title {margin-left:32px; font-size:34px; color:#fff; font-weight:700; letter-spacing:-2px}
.bannerWrap .box01 .sub {margin-left:32px; font-size:16px; color:#fff; line-height:1.5em; margin-top:20px; letter-spacing:-1px; font-weight:300}
.bannerWrap .box01 a {margin-left:32px; font-size:14px; margin-top:15px; color:#fffc00}
.bannerWrap .box01:hover {opacity:0.9; transition:0.3s}
.bannerWrap .box01 img {margin-top:33px; margin-bottom:11px}
.bannerWrap .box01 .boxMore {margin-left:32px; font-size:14px; margin-top:15px; color:#fffc00}

.bannerWrap .box02 {margin-top:-71px; margin-left:10px; z-index:1}
.bannerWrap .box02 .topText {margin-top:45px; font-size:16px; color:#fffc00; margin-left:32px}
.bannerWrap .box02 .title {margin-left:32px; font-size:34px; color:#fff; font-weight:700; letter-spacing:-2px}
.bannerWrap .box02 .sub {margin-left:32px; font-size:16px; color:#fff; line-height:1.5em; margin-top:20px; letter-spacing:-1px; font-weight:300}
.bannerWrap .box02 .boxMore {margin-left:32px; font-size:14px; margin-top:15px; color:#fffc00}
.bannerWrap .box02 a {margin-left:32px; font-size:14px; margin-top:15px; color:#fffc00}
.bannerWrap .box02:hover {opacity:0.9; transition:0.3s}
.bannerWrap .box02 img {margin-top:33px; margin-bottom:11px}

.allmenuCon {z-index:9999}

/* 퀵버튼 */
.quick {max-width:1440px; margin:0 auto; background-color:#f9f9f9; border:1px solid #e4e4e4; padding:35px; display:flex; justify-content:space-around; margin-top:39px; margin-bottom:39px}
.quick a {display:flex; align-items:center; flex-direction:column}
.quick a {color:#666; font-size:16px; font-weight:500; letter-spacing:-1px}
.quick a i {font-size:34px; margin-bottom:20px}


/* 푸터 */
footer section {max-width:1440px}

/* footer */
footer {background:#363636; padding-bottom:15px; clear:both}
footer section {max-width:1440px; margin:0 auto; position:relative}
footer hr {margin:0; clear:both; border-top:1px solid rgba(255,255,255,0.5)}
.footerTop {}
.footerTop ul.ftLeft {padding:20px 0; overflow:hidden; float:left; margin:0}
.footerTop ul::after{content:''; display:block; clear:both}
.footerTop ul.ftLeft > li {float:left}
.footerTop ul.ftLeft > li > a {color:#fff; font-size:14px; font-weight:400; border-right:1px solid #fff; line-height:13px; display:block; padding:0 15px}
.footerTop ul.ftLeft > li:first-child > a {border-left:1px solid #fff}
.footerTop ul.ftLeft > li > a:hover, .footerTop ul.ftLeft > li > a:focus {color:#ffdb2d}
address {color:rgba(255,255,255,0.7); font-weight:300; font-size:14px; font-style:normal; line-height:20px; margin-top:15px}
address i {vertical-align:top; font-style:normal}
address span {padding:0 15px}
.copyright {color:rgba(255,255,255,0.7); font-weight:300; font-size:14px; margin-top:10px}
.copyright strong {font-weight:400}
.goSiteWrap {float:right; margin-top:8px}
.goSiteWrap > li {float:left; width:180px; position:relative; margin-right:10px}
.goSiteWrap > li:last-child {margin-right:0}
.goSiteWrap > li > a {display:block; width:100%; background:url('../images/siteMore.png') 155px center no-repeat; color:#fff; border:1px solid #e0e0e0; font-size:13px; padding:10px 0 0 10px; height:38px; box-sizing:border-box}
.goWebsite {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #545557; scrollbar-base-color: #efefef; scrollbar-Face-Color: #545557; scrollbar-Track-Color: #262727; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #545557}
.goWebsite::-webkit-scrollbar {width:13px}
.goWebsite::-webkit-scrollbar-track {background:#ddd}
.goWebsite::-webkit-scrollbar-thumb {background:#999}
.goWebsite {display:none; width:180px; height:150px; position:absolute; right:0px; bottom:38px; background:#fff; border:1px solid #e0e0e0; border-bottom:none; overflow-y:scroll; padding-top:10px; box-sizing:border-box; z-index:998}
.goWebsite li {font-size:13px; padding-left:10px; margin-bottom:10px; background:url(../img/noticeDot.png) left center no-repeat}
.goWebsite li a {color:#7d7d7d}
.webwatch {position:absolute; bottom:-10px; right:0}
footer .topBtn {display:block; position:fixed; bottom:20px; right:20px; z-index:200; width:45px; height:45px; background:url('../images/arr_top.png') #000 50% 50% no-repeat; color:#fff; font-size:11px; text-decoration:none; text-align:center;}
footer .topBtn em {visibility:hidden}


/* visionBox 컬러  */
#noticeWrap, .visionBox > li {background-color:#f3f5f8}
/* 비전,목표 */
.visionBox {}
.visionBox > li {padding:15px 30px; margin-bottom:2px; font-size:16px}
.visionBox > li strong {padding:8px 20px; border-radius:20px; color:#fff; font-weight:400; margin-right:20px; display:inline-block; min-width:100px; text-align:center}
.visionLine {display:inline-block; width:680px; width:calc(100% - 120px); vertical-align:middle; line-height:20px}

/* 졸업후진로 */
.grad {position:relative; background:url('../images/boxBg.png') repeat; overflow:hidden}
.grad .inner {display:block; position:relative; z-index:1; margin:5px; padding:20px 30px; background-color:#fff; overflow:hidden}
.grad .inner ul {float:left}
.grad .inner ul li {background:url('../images/listBar.gif') 5px 9px no-repeat; padding-left:15px; font-size:13px; line-height:20px; margin-bottom:5px}

/* 교수소개 */
.professor {overflow:hidden}
.professor li {width:49%; padding:15px; margin:0 1% 10px 0; float:left; border:1px solid #ddd; box-sizing:border-box; min-height:175px}
.professor li.pro_jang {width:99%}
.pro_left {float:left; width:100px}
.pro_right {float:right; width:100%; margin-left:-100px; padding-left:100px; box-sizing:border-box; font-size:15px}
.pro_right dl dt {background:url('../images/listDot.png') 0px 8px no-repeat; padding-left:8px; font-size:15px; line-height:20px; margin-bottom:5px; color:#555; font-weight:normal; letter-spacing:-0.75px}
.pro_right dl dt a {color:#555}
.professor li .pro_right dl dt a .fa-stack {font-size:10px; width:20px; height:21px; line-height:19px; margin-left:3px}
.professor li .pro_right dl dt a .fa-stack-2x {font-size:20px}
.professor li .pro_right dl dt a:hover .fa-stack {opacity:0.9}
.modal-header {padding-bottom:30px; min-height:140px; overflow:hidden}
.modal-body {max-height:400px; overflow-y:scroll}
.modal-body dl {margin-bottom:20px; font-size:14px; color:#1d1d1d; clear:both}
.modal-body dl dt {font-weight:bold; font-size:15px; line-height:24px}
.modal-body dl dd {background:url('../images/listDot.png') 7px 10px no-repeat; padding-left:15px; line-height:22px}
.modal-header .close {margin-top:0px !important; position:absolute; top:15px; right:15px}
.modal-header > .mclose {margin-top:0px !important; position:absolute; top:15px; right:15px; font-weight:700; font-size:24px; color:#000; opacity:0.4}
.modal-header > .mclose:hover {text-decoration:none; opacity:0.8}

/* 입학안내 */
.lineGrad {
	background: gray; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #0871cd, #001c73 , #000740); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #0871cd, #001c73 , #000740); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #0871cd, #001c73 , #000740); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #0871cd , #001c73 , #000740); /* Standard syntax */
	width:100%; height:6px
}
.gradBox {background:#f8f8f8; overflow:hidden; padding:20px}
.gradBox h5 {font-size:34px; font-weight:700; color:#001c73}
.gradBox p {font-size:14px; letter-spacing:-0.45px; margin-top:15px}
.gradBox p > span {display:block}
.btnGrad {border:1px solid #d3d3d3; color:#0a4f95; padding:10px 20px; background:#fff; display:inline-block; font-weight:600}

/* FAQ */
.faq_list {border-top:2px solid #49494a; line-height:20px}
.faq_list > ul {}
.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, .faq_list ul li .a {display:block; padding:13px 20px 13px 44px}
.faq_list > ul > li strong.q {padding-right:10px; background:url(/site/common/image/q.png) no-repeat 11px 13px;}
.faq_list > ul > li > .a {overflow:hidden; position:relative; /*display:none;*/ border-top:1px dashed #cacaca; background:#ecf1f4 url(/site/common/image/a.png) no-repeat 11px 13px;}
.faq_list > ul > li > .a .btn {position:absolute; right:10px; bottom:10px;}
.faq_list > ul > li strong a {text-decoration:none;}

/* 사이트맵 */
.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:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#252525; text-align:left; vertical-align:top; font-size:15px; font-weight:600}
.tbl_site tbody td {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:top; font-size:15px}
.tbl_site tbody td > ul > li {float:left; background:url(/site/common/image/ico_dot.gif) left center no-repeat; padding-left:10px; width:33.3%}
.tbl_site tbody td > ul > li a {color:#636363}
.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}

.clubList dl{height:180px;border-bottom:1px solid #e5e5e5; margin-bottom:20px}
.clubList dl:first-child{padding-top:0}
.clubList dl img {float:left; margin-right:30px}
.clubList dl dt{color:#000;margin-bottom:10px}
.clubList dl dt span{color:#898989}
.clubList dl dd strong{margin-bottom:0;color:#000;display:block}
.clubList dl dd span{display:block;margin:5px 0}

.login_box .form-group label {display:block}

.proSlideWrap {position:relative}
.proSlideWrap .proLeftBtn{position:absolute; top:50%; left:0; font-size:40px; color:rgba(0,0,0,0.5); margin-top:-25px}
.proSlideWrap .proRightBtn{position:absolute; top:50%; right:0; font-size:40px; color:rgba(0,0,0,0.5); margin-top:-25px}
.proSlideWrap .proLeftBtn:hover, .proSlideWrap .proRightBtn:hover {color:rgba(0.0.0.8)}

.modal {z-index:9999}

.btnListStyle {padding:10px 20px; font-size:15px}
.btnCancelStyle {padding:10px 20px; font-size:15px}
.btnWriteStyle {padding:10px 20px; font-size:15px; background:#333; color:#fff}

.kakaoAdm {display:block; position:absolute; top:0; right:20px; z-index:9991}
.kakaoAdm > img {float:right}
.VRAdm {display:block; position:absolute; top:120px; right:20px; z-index:9991}
.VRAdm > img {float:right}
.instarAdm {display:block; position:absolute; top:240px; right:20px; z-index:9991}
.instarAdm > img {float:right}
.facebookAdm {display:block; position:absolute; top:360px; right:20px; z-index:9991}
.facebookAdm > img {float:right}
.YouTubeAdm {display:block; position:absolute; top:480px; right:20px; z-index:9991}
.YouTubeAdm > img {float:right}
.News {display:block; position:absolute; top:0; right:20px; z-index:9991}
.News > img {float:right}

/* subVisual */
#subVisual {background:#000}
#subVisual .bx-wrapper .bx-pager {z-index:9999}
#subVisual .subBxslider {margin:0 auto !important}
#subVisual .subBxslider li {width:100%; height:300px}

/* subContainer */
#subContainer {}
#subContainer > section {max-width:1440px; margin:0 auto; display:flex}
#leftCont {width:300px; margin:-80px 50px 0 0; padding-bottom:100px; flex-shrink:0}
#leftCont h2 {text-align:center; height:150px; color:#fff; font-size:38px; font-weight:700; display:table-cell; width:300px; vertical-align:middle; margin:0 auto !important}
#leftCont .leftmenu {margin:0 auto !important}
#leftCont .leftmenu > li > a {line-height:60px; padding:0 20px; border-bottom:1px solid #ddd; display:block; background:#fff; color:#000; font-size:15px; transition:.3s}
#leftCont .leftmenu > li > a:hover {background:#eee}
#leftCont .leftmenu > li.active > a {color:#fff; background:#444; font-weight:700}
#leftCont .leftmenu > li > .depth2 {background:#f8f8f8; padding:15px 0; border-bottom:1px solid #ddd; display:none}
#leftCont .leftmenu > li > .depth2 > li > a {padding:0 20px; display:block; color:#555; font-size:14px; font-weight:400; line-height:24px}
#leftCont .leftmenu > li > .depth2 > li.active > a, #leftCont .leftmenu > li > .depth2 > li > a:hover {font-weight:700}

#leftCont .leftmenu > li > .depth2 {border-bottom:1px solid #dbdcde; background:#f8f8f8; padding:10px 0; display:none}
#leftCont .leftmenu > li > .depth2 > ul {margin:0; padding:0 0 0 20px}
#leftCont .leftmenu > li > .depth2 > ul > li a {color:#898989; font-size:14px; line-height:24px}
#leftCont .leftmenu > li > .depth2 > ul > li a.active {color:#000; font-weight:700}

#rightCont {width:100%; background:#fff; padding:50px 0; min-height:500px}
#rightCont .location {overflow:hidden; color:#8b8684}
#rightCont .location li {float:left; font-size:14px; background:url('../images/location_ar.gif') right center no-repeat; padding-right:15px; margin-right:10px}
#rightCont .location li:last-child {background:none}
#rightCont > h3 {font-size:38px; font-weight:800; margin:25px 0 30px 0}
#rightCont .con {border-top:1px solid #acacac; border-style:dashed; padding-top:30px}
#rightCont .con h4.h4Tit {font-size:22px; font-weight:700; margin-top:40px; overflow:hidden; letter-spacing:-0.45px; line-height:normal;}
#rightCont .con h4.h4Tit:before {content:""; width:15px; height:15px; display:block; background:#fff; float:left; margin:10px 5px 0 0; box-sizing:border-box; border-radius:50px; border-width:5px !important}
#rightCont .con h4.bulletNone:before {display:none}
#rightCont .con h5.h5Tit {font-size:18px; font-weight:700; margin-top:20px; overflow:hidden; letter-spacing:-0.45px; line-height:normal;}
#rightCont .con h6.h6Tit {font-size:16px; font-weight:500; margin-top:15px; overflow:hidden; letter-spacing:-0.45px; line-height:normal;}
#rightCont .con > p {font-size:15px; line-height:24px; margin:10px 0}

/* tabStyle */
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db; margin-bottom:30px}
.tabStyle li:first-child a {border-left:1px solid #d8d9db}
.tabStyle li a {display:block; float:left; background:#eff3f4; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:16px 0; text-align:center; font-size:15px; color:#636363; font-weight:500}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab4 li a {width:25%}
.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}
.tab5 li:nth-child(16) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab7 li a {width:14.28%; font-size:12px !important}
.tab8 li a {width:12.5%; font-size:12px !important}
.tab10 li a {width:10%; font-size:12px !important}
.tab10 li:nth-child(11) a, .tab10 li:nth-child(21) a, .tab10 li:nth-child(31) a, .tab10 li:nth-child(41) a, .tab10 li:nth-child(51) a {border-left:1px solid #d8d9db}
.subTabStyle {overflow:hidden}
.subTabStyle li a {display:block; float:left; background:#eff3f4; border:1px solid #d8d9db; margin-right:10px; padding:5px; color:#000}
.tabStyle li.on a, .tabStyle li a:hover, .tabStyle li a:focus {color:#fff}
.tabStyle li.on a:focus, .tabStyle li.on a:hover {outline:3px solid gray !important; background:#333 !important; color:#fff}

/* list */
.dList {}
.dList > li {background:url('../images/listDot.png') 5px 12px no-repeat; padding-left:15px; margin-bottom:6px; line-height:24px}
.dList > li:last-child {margin-bottom:0}
.dList > li > .bList {margin-top:5px}
.dList > li > .bList > li {margin-bottom:5px}
.bList {}
.bList > li {background:url('../images/listBar.gif') 5px 13px no-repeat; padding-left:15px; margin-bottom:6px; line-height:24px}
.bList > li:last-child {margin-bottom:0}
.nList {margin-left:20px}
.nList > li {list-style:decimal; list-style-position:outside; margin-bottom:6px; line-height:24px}
.listStyle {overflow:hidden}
.listStyle.list02 li {width:50%}
.listStyle.list03 li {width:33.33%}
.listStyle.list04 li {width:25%}
.listStyle.list05 li {width:20%}
.listStyle.list03 li:nth-child(4), .listStyle.list03 li:nth-child(7), .listStyle.list03 li:nth-child(10), .listStyle.list03 li:nth-child(13), .listStyle.list03 li:nth-child(16), .listStyle.list03 li:nth-child(19), .listStyle.list03 li:nth-child(22), .listStyle.list04 li:nth-child(5), .listStyle.list04 li:nth-child(9), .listStyle.list04 li:nth-child(13), .listStyle.list04 li:nth-child(17), .listStyle.list04 li:nth-child(21) {clear:both}
.listStyle li {float:left; text-align:center; padding:1% 1% 1% 0.5%; margin-bottom:2%}
.listStyle li h4 {font-size:18px; font-weight:700}
.listStyle li h5 {font-size:15px; font-weight:700}
.listStyle li .cLeft {float:left; width:85px; margin-right:10px}
.listStyle li.text-left {text-align:left !important}
.listStyle li img {margin:0 auto}

.layoutGrid {overflow:hidden}
.layoutGrid > li {float:left}
.layoutGrid > li:nth-child(1) {width:30%; margin-right:2%}
.layoutGrid > li:nth-child(2) {width:68%}
.layoutGrid > li h4 {font-size:16px; font-weight:700; overflow:hidden; letter-spacing:-0.45px; line-height:20px}

.introList {overflow:hidden}
.introList > li {float:left; font-size:13px}
.introList > li:nth-child(1) {width:42%; margin-right:3%}
.introList > li:nth-child(2) {width:55%}
.introList > li .introMtxt {font-size:18px; font-weight:400; overflow:hidden; letter-spacing:-0.45px; line-height:22px}
.introList > li .introStxt {font-size:22px; font-weight:700; overflow:hidden; letter-spacing:-0.75px; margin:10px 0 20px 0}


/* table */
.tbl_skin1 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; border-left:1px solid #e6e6e6; font-size:15px; line-height:26px}
.tbl_skin1 thead th {padding:8px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; text-align:center; vertical-align:middle; font-weight:500}
.tbl_skin1 tbody th {padding:8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; text-align:center; vertical-align:middle; font-weight:500}
.tbl_skin1 tbody td {padding:8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle}
.tbl_skin1 tfoot th {padding:8px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8}
.tbl_skin1 tfoot td {padding:8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle}
.tbl_skin1 th.end {border-right:none}
.tbl_skin1 td.end {border-right:none !important}
.tbl_skin1 .tl {text-align:left;}
.tbl_skin1 .ri {border-right:1px solid #cccccc;}
.tbl_skin1 .br {border-right:1px solid #e6e6e6;}
.tbl_skin1 .bl {border-left:1px solid #e6e6e6;}
.tbl_skin1 .bo {border-bottom:1px solid #cccccc;}

.tbl_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; border-left:1px solid #e6e6e6; font-size:15px; line-height:26px}
.tbl_skin2 thead th {padding:5px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; text-align:center; vertical-align:middle; font-weight:500}
.tbl_skin2 tbody th {padding:5px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; text-align:center; vertical-align:middle; font-weight:500}
.tbl_skin2 tbody td {padding:5px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle}
.tbl_skin2 tfoot th {padding:5px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; text-align:center}
.tbl_skin2 tfoot td {padding:5px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle}
.tbl_skin2 th.end {border-right:none}
.tbl_skin2 td.end {border-right:none !important}
.tbl_skin2 .tl {text-align:left;}
.tbl_skin2 .ri {border-right:1px solid #cccccc;}
.tbl_skin2 .bo {border-bottom:1px solid #cccccc;}



/* VRWrap */
.VRWrap {position:relative; max-width:1200px; margin:0 auto; z-index:999}
.VR {display:inline-block; position:absolute; top:120px; right:-145px; text-align:right; transition:.3s}
.VR:hover, .VR:focus {opacity:0.8}

.skyTagWrap {position:relative; max-width:100%; margin:0 auto; z-index:1}
.skyTagWrap > .inner {display:block; position:absolute; top:80px; right:20px; z-index:1}
.skyTagWrap > .inner > a {display:block}
.skyTagWrap > .inner > a img {vertical-align:top; width:100%}

/* 서브페이지 */
.line-height24 {line-height:24px}


/* popupZone */
#popupZone_f {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; overflow-y:auto}
#popupZone_f .inner {max-width:1310px; margin:210px auto 0 auto; padding:0 45px; box-sizing:border-box}
#popupZone_f .bx-wrapper .bx-controls-direction a {margin-top:-40px; width:40px; height:80px; z-index:999; transition:.3s}
#popupZone_f .bx-wrapper .bx-prev {left:-90px; background:url('https://www.wsi.ac.kr/site/main/img/mainVisualLeft.png') center left no-repeat; opacity:0.3}
#popupZone_f .bx-wrapper .bx-next {right:-90px; background:url('https://www.wsi.ac.kr/site/main/img/mainVisualRight.png') center right no-repeat; opacity:0.3}
#popupZone_f .bx-wrapper .bx-prev:hover, #popupZone .bx-wrapper .bx-next:hover {opacity:0.7}
.popCloseWrap_f {text-align:center; margin-top:20px}
.popClose_f {display:inline-block; font-size:18px; font-weight:400; color:#fff; border:1px solid #fff; padding:12px 30px; transition:.3s}
.popClose_f i {margin-left:5px}
.popClose_f:hover, .popClose:focus {color:#333; background:#fff; text-decoration:none}
.popOpen_f {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_f:hover, .popOpen_f:focus {background:#0D3F8F; color:#fff}
.popupSlider_f > li {text-align:center}
.popupSlider_f > li > div {border-radius:15px; overflow:hidden; display:inline-block; margin:5px; width:290px; height:320px; position:relative; padding:30px 25px; box-sizing:border-box; text-align:left}

.popupSlider_f > li > div h3 {font-size:28px; font-weight:600; line-height:130%}
.popupSlider_f > li > div h4 {font-size:22px; font-weight:500}
.popupSlider_f > li > div h5 {font-size:18px; font-weight:400}
.popupSlider_f > li > div p {font-size:15px; font-weight:300; line-height:20px; margin:0}
.popupSlider_f > li > div .btnMore {position:absolute; bottom:0; left:0; width:100%}
.popupSlider_f > li > div .btnMore a {display:block; width:100%; box-sizing:border-box; padding:15px  0; text-align:center; color:#fff; font-size:15px; transition:.3s}
.popupSlider_f > li > div .btnMore a:hover, .popupSlider_f > li > div .btnMore a:focus {opacity:0.8}

/* 입학Q&A 작성내용 행간 */
.view_editor {line-height:1.4em}


@media screen and (max-width:1440px) {
	header > section {padding:30px !important}
	.mainTextWrap {right:30px}
	.conWrap {padding:0 30px}
	footer section {padding:10px 20px}
	#popupZone_f .bx-wrapper .bx-controls-direction a {background-size:30px}
	#popupZone_f .bx-wrapper .bx-prev {left:-45px}
	#popupZone_f .bx-wrapper .bx-next {right:-45px}
}
@media screen and (max-width:1300px) {
	#popupZone_f .inner {margin-top:50px}
	.popupSlider_f > li {padding:0 152px}
}
@media screen and (max-width:1200px) {
	header > section a i {margin-right:30px}
	.conWrap {display:block}
	.bannerWrap .box01 {margin-top:30px; width:50%}
	.bannerWrap .box02 {margin-top:30px !important; width:50%}
	.bannerWrap .box01 img {width:100%}
	.bannerWrap .box02 img {width:100%}
	.mainTextWrap {background:rgba(255,255,255,0.5); padding:50px; left:30px; width:570px}
	.hidden-1200 {display:none !important}
	header > section {padding:20px 15px; height:70px}
	header > section > nav.gnb > ul {display:none}
	.allmenuCon {left:auto; right:0; width:70%; height:100%; overflow-y:auto; padding:70px 0}
	.allmenuNavList {float:none; text-align:left; width:100% !important; height:auto !important; border-left:none; border-top:1px solid rgba(255,255,255,0.5)}
	.allmenuNavList:last-child {border-right:none; border-bottom:1px solid rgba(255,255,255,0.5)}
	.allmenuDepth2 {display:none; background:#fff; padding:10px 0}
	.allmenuNavList>a {padding:0 20px; font-size:18px; margin:15px 0}
	.allmenuDepth2>li {margin-bottom:5px}
	.allmenuDepth2>li>a {display:block; color:#000; padding:5px 20px; font-size:14px}
	.allmenuDepth2>li>a:hover {border-bottom:none}
	.allmenuDepth2>li > .depth2 {display:block}
	.allmenuClose {top:-50px; right:30px}
	#allmenuToggle {margin-left:0px}
	#mainArticleWrap > section .mainArticleLeft, #mainArticleWrap > section .mainArticleRight, .mainTypeA_left, .mainTypeA_right, .mainTypeB_left, .mainTypeB_right {float:none; width:100%}
	#mainArticleWrap > section .mainArticleRight {margin-top:20px}
	.mainArticleLeftTop > a {padding:30px 20px}
	.mainArticleLeftTop > a > .mainArticleLeftTopMore {bottom:30px}
	.mainArticleLeftBottom > ul > li {width:calc(33.33% - 40px); margin:0 20px}
	.mainArticleLeftBottom > ul > li:nth-child(2) {margin:0 20px}
	.mainArticleRightSlider > li {padding:40px 20px}
	#mainTypeA > section {padding:20px}
	.mainTypeA_right {padding:20px 0 0 0}
	.mainTypeB_left img {width:100%}
	.mainTypeB_right {padding:20px}
	.mainTypeC_list > li {float:none; width:100%; overflow:hidden; padding:10px 20px; box-sizing:border-box}
	.newsLeft {float:none; width:100%; text-align:center}
	.newsRight {float:none; width:100%}
	#noticeWrap {padding:40px 0}
	#mainTypeA .bx-wrapper .bx-controls-direction a {top:35%}
	#mainTypeA .bx-wrapper .bx-prev, #videoRollWrap .bx-wrapper .bx-prev, #popupWrap .bx-wrapper .bx-prev {left:0px}
	#mainTypeA .bx-wrapper .bx-next, #videoRollWrap .bx-wrapper .bx-next, #popupWrap .bx-wrapper .bx-next {right:0px}
	.kakaoAdm {right:0}
	.instarAdm {right:0}
	.instar {right:0}
	.News {right:0}
	.VR {right:0}
	.VRAdm {right:0}
	.facebookAdm {right:0}
	.YouTubeAdm {right:0}
}
@media screen and (max-width:1199px) {
	#leftCont {display:none}
	#rightCont {float:none; width:100%; padding:50px 20px}
	.goSiteWrap {display:none}
}
@media screen and (max-width:1024px) {
	.popupSlider_f > li {padding:0 50px}
}
@media screen and (max-width:900px) {
	.professor li {width:100%; padding:15px; margin:0 0 10px 0}
	.professor li.pro_jang {width:100%}
}
@media screen and (max-width:800px) {
	.mainTopText {font-size:16px}
	.mainText {font-size:40px}
	.subText {font-size:16px}
	.mainText > span {font-size:20px}
	.mainBtn ul li a span {font-size:18px}
	.mainBtn ul li a {font-size:18px}
	.conWrap .tab a {font-size:22px}
	.conWrap .tab span {font-size:22px}
	.conWrap .noticeConWrap ul li a .title {font-size:16px}
	.bannerWrap .box01 .title {font-size:32px}
	.bannerWrap .box02 .title {font-size:32px}
	.mainTextWrap {width:450px; top:140px}
	#mainVisualWrap {height:800px !important}
}

@media screen and (max-width:768px) {
	/* 메인이미지 반응형 위치 조절 */
	#mainVisualWrap .mainBxslider > li {background-position:55% top}
	.hidden-768 {display:none !important}
	.show-768 {display:block !important}
	.tab3 li a {width:50%}
	.tab4 li a {width:50%}
	.tab5 li a {width:50%}
	.tab6 li a {width:50%}
	.tab7 li a {width:50%; font-size:12px !important}
	.tab8 li a {width:50%; font-size:12px !important}
	.tab10 {border-left:1px solid #d8d9db}
	.tab10 li a {width:25%; font-size:12px !important}
	.tab10 li:nth-child(11) a, .tab10 li:nth-child(21) a, .tab10 li:nth-child(31) a, .tab10 li:nth-child(41) a, .tab10 li:nth-child(51) a {border-left:none}	
	.listStyle.list03 li {width:50%}
	.listStyle.list04 li {width:50%}
	.listStyle.list05 li {width:50%}
	.listStyle.list03 li:nth-child(4), .listStyle.list03 li:nth-child(7), .listStyle.list03 li:nth-child(10), .listStyle.list03 li:nth-child(13), .listStyle.list03 li:nth-child(16), .listStyle.list03 li:nth-child(19), .listStyle.list03 li:nth-child(22), .listStyle.list04 li:nth-child(5), .listStyle.list04 li:nth-child(9), .listStyle.list04 li:nth-child(13), .listStyle.list04 li:nth-child(17), .listStyle.list04 li:nth-child(21) {clear:none}
	.listStyle li:nth-child(3), .listStyle li:nth-child(5), .listStyle li:nth-child(7), .listStyle li:nth-child(9), .listStyle li:nth-child(11), .listStyle li:nth-child(13), .listStyle li:nth-child(15), .listStyle li:nth-child(17), .listStyle li:nth-child(19), .listStyle li:nth-child(21), .listStyle li:nth-child(23), .listStyle li:nth-child(25) {clear:both}
	.tableScroll {min-height:.01%; overflow-x:auto; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar}
	.tableScroll table {width:740px; margin-top:0 !important}
	.ToolTip {display:block; margin:20px 0; padding:5px 8px; font-size:12px; color:#fff; text-align:center; background-color:#000; border-radius:4px}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon img, .ZoomIcon0 img, .ZoomIcon1 img, .ZoomIcon2 img, .ZoomIcon3 img, .ZoomIcon4 img, .ZoomIcon5 img, .ZoomIcon6 img, .ZoomIcon7 img, .ZoomIcon8 img, .ZoomIcon9 img, .ZoomIcon10 img {width:50%; cursor:pointer}
	.bZoomIcon img, .bZoomIcon0 img, .bZoomIcon1 img, .bZoomIcon2 img, .bZoomIcon3 img, .bZoomIcon4 img, .bZoomIcon5 img, .bZoomIcon6 img, .bZoomIcon7 img, .bZoomIcon8 img, .bZoomIcon9 img, .bZoomIcon10 img {color:#fff; font-size:22px}
	.layoutGrid li:nth-child(1) {width:100%; margin-right:0%}
	.layoutGrid li:nth-child(2) {width:100%}
	.introList > li {float:none}
	.introList > li:nth-child(1) {width:100%; margin-right:0%}
	.introList > li:nth-child(2) {width:100%}
	.mbrHidden {display:none}
	.mainVisualQuick > li {margin:0 5px}
	.mainArticleLeftTop > a {padding:20px; text-align:center}
	.mainArticleLeftTop > a > .mainArticleLeftTopMore {bottom:0px; position:relative; right:0; margin-top:15px; display:inline-block}
	.mainArticleLeftBottom > ul > li {float:none; width:100%; margin:0 !important; padding:5px 20px; box-sizing:border-box}
	.mainArticleLeftBottom > ul > li:nth-child(1) {padding-top:0}
	.mainArticleLeftBottom > ul > li:nth-child(3) {padding-bottom:0}
	.mainArticleLeftBottom > ul > li > a {padding:15px 0}
	.mainArticleLeftBottom > ul > li > a img {vertical-align:middle}
	.mainArticleLeftBottom > ul > li > a span {display:inline-block; margin-top:0px; margin-left:10px}
	.mainTypeC_listLeft {width:255px}
	.mainTypeC_listRight {width:calc(100% - 255px); box-sizing:border-box}
	.mainTypeC_listRight h4 {margin-top:20px}
	footer section {padding:10px 20px}
	#subVisual .subBxslider li {height:200px}
	.visionBox {text-align:center}
	.visionBox > li {line-height:20px}
	.visionBox > li strong {display:block; margin-bottom:10px; line-height:14px; margin-right:0}
	.visionLine {display:block; width:100%}
	.kakaoAdm > img {max-width:70%}
	.instarAdm {top:168px}
	.instarAdm > img {max-width:70%}
	.Instar {top:143px !important}
	.Instar > img {max-width:70%}
	.News > img {max-width:70%}
	.News {top:84px !important}
	.VR > img {max-width:70%}
	.VR {top:84px !important}
	.VRAdm {top:84px !important}
	.VRAdm > img {max-width:70%}
	.facebookAdm {top:252px !important}
	.facebookAdm > img {max-width:70%}
	.YouTubeAdm {top:335px !important}
	.YouTubeAdm > img {max-width:70%}
	.skyTagWrap > .inner > a {width:100px}
}
@media screen and (max-width:720px) {
	footer > section > .webwatch {position:relative; text-align:center; margin-top:20px}
	footer > section > .webwatch > a {position:relative !important}
}

@media screen and (max-width:668px) {
	.bannerWrap > div {flex-direction:column}
	.bannerWrap .box02 {margin-left:0 !important}
	.bannerWrap .box01 {width:100%}
	.bannerWrap .box02 {width:100%}
	.quick {display:block; overflow:hidden}
	.quick a {width:33%; float:left}
	.quick .mt30-668 {margin-top:30px !important}
	.conWrap .tab {text-align:center}
	.width20_ {width:50%}
}

@media screen and (max-width:650px) {
	.popupSlider_f > li {padding:0}
}

@media screen and (max-width:550px) {
	#popupZone_f .inner {padding:0 20px}
	#popupZone_f .bx-wrapper .bx-prev {left:-15px}
	#popupZone_f .bx-wrapper .bx-next {right:-15px}
}

@media screen and (max-width:500px) {
	.mainTextWrap {left:0; width:100%; padding:30px 20px}
	.mainTextWrap {right:20px}
	.conWrap {padding:0 20px}
	.quick {padding:30px 20px}
	.conWrap .noticeConWrap ul li a > .date {display:none}
	.conWrap .noticeConWrap ul li a .title {width:100%}
	header > section h1.logo img {width:150px; margin-top:4px}
	header > section a i {font-size:18px !important; margin-left:0 !important}
	.conWrap .noticeConWrap ul li a .noti_day {display:none}
	.conWrap .noticeConWrap ul li a .noti_tt {margin-right:0}
}
@media screen and (max-width:425px) {
	.skyTagWrap > .inner > a {width:80px}
}

@media screen and (max-width:400px) {
	.mainTopText {letter-spacing:2px; font-size:14px}
	.mainText {font-size:34px}
	.mainText > span {font-size:16px}
	.subText {font-size:15px}
	.mainBtn ul li a {font-size:16px}
	.mainBtn ul li a span {font-size:16px}
	.mainBtn ul li {width:250px}
	header > section a i {margin-left:0}
	.bannerWrap .box01 .topText {margin-left:20px}
	.bannerWrap .box01 .title {margin-left:20px}
	.bannerWrap .box01 .sub {margin-left:20px}
	.bannerWrap .box01 .boxMore {margin-left:20px}
	.bannerWrap .box02 .topText {margin-left:20px}
	.bannerWrap .box02 .title {margin-left:20px}
	.bannerWrap .box02 .sub {margin-left:20px}
	.bannerWrap .box02 .boxMore {margin-left:20px}
	.width20_ {width:auto; margin-right:10px}
}