@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('/dept1/common/board.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");
/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('/dept2/common/fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('/dept2/common/fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('/dept2/common/fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 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%; vertical-align:baseline; background:transparent; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; letter-spacing:-0.25px}
body {line-height:normal !important; word-break:keep-all}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none}
a:focus, a:hover {text-decoration:none !important}
a:focus {outline:-webkit-focus-ring-color auto 1px !important}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
i {vertical-align:middle}
/* reset bsslider*/
.bx-wrapper {box-shadow:none; border:none; background:none; margin:0; padding:0}

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

.text-indent {text-indent:-9999px; display:inline-block}
#bodyCon {overflow:hidden}
.bx-wrapper .bx-pager-item {font-size:inherit}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-direction a {text-indent:0 !important; color:rgba(0,0,0,0); overflow:hidden}

.auto {margin:0 auto !important}
.width100 {width:100% !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}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.center {text-align:center !important}

.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:14px 0; text-align:center; color:#636363; font-size:14px; font-weight:700; transition:.3s}
.tabStyle li.on a, .tabStyle li a:hover, .tabStyle li.active a {color:#fff}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab2 li:nth-child(3) a, .tab2 li:nth-child(5) a, .tab2 li:nth-child(7) a, .tab2 li:nth-child(9) a, .tab2 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab3 li a {width:33.3%}
.tab3 li:nth-child(4) a, .tab3 li:nth-child(7) a, .tab3 li:nth-child(10) a {border-left:1px solid #d8d9db}
.tab4 li a {width:25%}
.tab4 li:nth-child(5) a, .tab4 li:nth-child(9) a {border-left:1px solid #d8d9db}
.tab5 li a {width:20%}
.tab5 li:nth-child(6) a, .tab5 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li:nth-child(7) a, .tab6 li:nth-child(13) a {border-left:1px solid #d8d9db}

.subTabStyle {}

.dList {}
.dList > li {background:url('/dept2/common/images/listDot.png') 5px 11px no-repeat; padding-left:15px; margin-bottom:3px}
.dList > li:last-child {margin-bottom:0}
.dList > li > .bList > li {margin-bottom:2px}
.bList {}
.bList > li {background:url('/dept2/common/images/listBar.png') 5px 12px no-repeat; padding-left:15px; margin-bottom:3px}
.bList > li:last-child {margin-bottom:0}
.nList {margin-left:20px}
.nList > li {list-style:decimal; list-style-position:outside; margin-bottom:3px}

.box {position:relative; background:url('/dept2/common/images/boxBg.png') repeat; overflow:hidden}
.box .inner {display:block; position:relative; z-index:1; margin:5px; padding:15px; background-color:#fff; font-size:15px; text-align:center}
.box .inner .title {font-size:20px; font-weight:700; line-height:34px; letter-spacing:-0.75px}
.boxGray {background:#F7F7F7; padding:15px}
.boxGray2 {background:#e6e6e6; padding:10px}
.boxGray h5 {font-size:16px; font-weight:800}
.boxLine {border:1px solid #ddd; padding:20px}
.boxLine2 {border:1px solid #ddd; padding:10px}

.tbl_skin1 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:15px; word-break:break-all}
.tbl_skin1 thead th {padding:8px 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; box-sizing:border-box}
.tbl_skin1 tbody th {padding:8px 5px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; text-align:center; vertical-align:middle; box-sizing:border-box}
.tbl_skin1 tbody td {padding:8px 5px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle; box-sizing:border-box}
.tbl_skin1 tfoot th {padding:8px 5px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; box-sizing:border-box}
.tbl_skin1 tfoot td {padding:8px 5px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle; box-sizing:border-box}
.tbl_skin1 th.end {border-right:none !important}
.tbl_skin1 td.end {border-right:none !important}
.tbl_skin1 .tl {text-align:left}

.tbl_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center; font-size:13px}
.tbl_skin2 thead th {padding:4px 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; box-sizing:border-box}
.tbl_skin2 tbody th {padding:4px 8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; text-align:center; vertical-align:middle; box-sizing:border-box}
.tbl_skin2 tbody td {padding:4px 8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle; box-sizing:border-box}
.tbl_skin2 tfoot th {padding:4px 8px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; box-sizing:border-box}
.tbl_skin2 tfoot td {padding:4px 8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; text-align:center; vertical-align:middle; box-sizing:border-box}
.tbl_skin2 th.end {border-right:none !important}
.tbl_skin2 td.end {border-right:none !important}
.tbl_skin2 .tl {text-align:left}

/* 사이트맵 */
.tbl_sitemap {width:100%; border-top:2px solid #555555; background-color:#ffffff; text-align:center; letter-spacing:-1px; line-height:25px; text-align:left; color:#636363; font-size:15px}
.tbl_sitemap tbody th {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#252525; text-align:left; vertical-align:top}
.tbl_sitemap tbody td {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:top}
.tbl_sitemap tbody td > ul > li {float:left; background:url('/dept2/common/images/listDot.png') 5px 11px no-repeat; padding-left:15px; width:33.3%}
.tbl_sitemap tbody td > ul > li a {color:#636363}
.tbl_sitemap tbody tr:nth-child(even) {background:#f5f5f5}
.tbl_sitemap tr th:last-child {border-right:none}
.tbl_sitemap tr td:last-child {border-right:none}


.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.tableResponsive {position:relative}
.blank {position:static; top:10px; display:inline-block; width:13px; height:14px; background:url('/dept2/common/images/blank.png') no-repeat; margin:-0 0 -4px 4px}

/* HeaderWrap */
#HeaderWrap {transition:.3s}
#HeaderWrap.fixed {position:fixed; top:0; left:0; width:100%; z-index:99999; background:rgba(255,255,255,0.9); box-shadow:0 0 0.521vw 0px #0006}
#header-Top section {max-width:79.688vw; padding:0 0.781vw; box-sizing:border-box; margin:0 auto; overflow:hidden; font-size:0.729vw; font-weight:300; color:#fff; line-height:1.563vw}
#header-Top section .headerTopLeft {float:left; margin:0 !important}
#header-Top section .headerTopRight {float:right; margin:0 !important}
#header-Top section .headerTopLeft li a, #header-Top section .headerTopRight li a {color:#fff; text-decoration:none}
#header-Top section .headerTopLeft li:hover, #header-Top section .headerTopRight li:hover {background:rgba(255,255,255,0.1)}
#header-Top section .headerTopLeft li, #header-Top section .headerTopRight li {float:left; transition:.3s; letter-spacing:0px}
#header-Top section .headerTopLeft li:after, #header-Top section .headerTopRight li:after {content:'/'; display:inline-block; width:auto; padding:0 0.781vw}
#header-Top section .headerTopLeft li:last-child:after, #header-Top section .headerTopRight li:last-child:after {display:none}

#header-Gnb section {max-width:79.688vw; padding:0 0.781vw; box-sizing:border-box; height:5.208vw; margin:0 auto; position:relative; display:flex; align-items:center; justify-content:space-between}
#header-Gnb section .hg-left {display:flex; align-items:center}
#header-Gnb section .hg-left h1 {margin:0; padding:0; flex-shrink:0; margin-left:1.302vw}
.hamburgerMenu {cursor:pointer; box-sizing:border-box}
.hamburgerMenu span {display:block; width:1.667vw; height:0.156vw; background-color:#7E7E7E; margin:0.417vw 0; border-radius:0.26vw; transition:.3s}
.hamburgerMenu .bar2 {width:0.99vw}
.hamburgerMenu.active {position:relative; z-index:9999991}
.hamburgerMenu.active .bar1 {transform:rotate(-45deg) translate(-0.417vw, 0.417vw)}
.hamburgerMenu.active .bar2 {opacity:0}
.hamburgerMenu.active .bar3 {transform:rotate(45deg) translate(-0.417vw, -0.417vw)}
#header-Gnb section h2 {font-family:"Nanum Myeongjo", serif; font-weight:700; font-size:1.25vw; color:#999}
.hamburgerGnbWrap {display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.85); width:15.625vw; height:100%; box-sizing:border-box; padding:0 2.083vw; overflow-y:auto; z-index:999999}
.hamburgerGnbWrap.active {display:block}
.hamburgerGnbWrap .hamburgerMenu {position:absolute; top:3.125vw; right:3.021vw}
.hamburgerGnb {padding-top:7.813vw}
.hamburgerGnb > li {margin-bottom:1.302vw}
.hamburgerGnb > li:last-child {margin-bottom:0}
.hamburgerGnb > li > a {font-size:1.042vw; font-weight:700; color:#fff; transition:.3s; display:flex; align-items:center}
.hamburgerGnb > li > ul {display:none; margin-top:0.781vw; padding-left:0.781vw}
.hamburgerGnb > li > ul.active {display:block}
.hamburgerGnb > li > ul > li {margin-bottom:0.417vw}
.hamburgerGnb > li > ul > li:last-child {margin-bottom:0}
.hamburgerGnb > li > ul > li > a {font-size:0.781vw; font-weight:400; color:#ffffffB3; transition:.3s}
.hamburgerGnb > li > ul > li > a:hover, .hamburgerGnb > li > ul > li.active > a {color:#ffffff}
.hamburgerGnbHr {border:none; width:100%; height:0.104vw; background:#999; opacity:.3; margin:1.563vw 0}
.hamburgerGnbUtil {display:flex; align-items:center; gap:0.521vw; padding-bottom:2.604vw}
.hamburgerGnbUtil > a {display:flex; align-items:center; justify-content:center; width:100%; height:2.083vw; border:0.052vw solid #707070; border-radius:1.042vw; font-size:0.729vw; font-weight:500; color:#707070; transition:.3s}
.hamburgerGnbUtil > a:hover {color:#fff; border-color:#fff}


/* mainVisual */
#mainVisual {background:#000}
#mainVisual .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:30px}
#mainVisual .bx-wrapper .bx-pager {z-index:9999}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; border-radius:0; background:rgba(255,255,255,0.5)}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active, #mainVisual .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff}
#mainVisual .mainBxslider li {width:100%; height:450px}
#mainVisual .visualTxtWrap {width:100%; height:100%; text-align:center; vertical-align:middle; display:table; padding:0 15px}
#mainVisual .visualTxtWrap div {display:table-cell; vertical-align:middle}
#mainVisual .visualTxtWrap div h2 {font-size:38px; color:#fff; text-shadow:2px 2px 5px rgba(0,0,0,0.5); letter-spacing:-0.45px; font-weight:300; line-height:48px; margin-top:-70px}
#mainVisual .visualTxtWrap div h2 strong {font-weight:700}

/* mainArticle */
#mainArticle {background:#e6e6e6; padding-bottom:30px; margin-top:-70px}
#mainArticle section {max-width:1140px; margin:0 auto; position:relative; z-index:99}
#popupWrap {margin-bottom:20px !important}
#popupWrap .bx-viewport {z-index:99}
#popupWrap .bx-wrapper .bx-pager {display:none}
#popupWrap .bx-wrapper .bx-pager.bx-default-pager a {background:#888}
.popup .slide:before {display:none}
.popup .slide.noBar:before {display:none}
.popup .slide {height:255px; background:rgba(255,255,255,0.9); position:relative}
.popup .slide > div a {display:inline-block}
.popup .slide > div {padding:25px 25px 0 25px}
.popup .slide > div h3 {font-size:28px; font-weight:800; letter-spacing:-0.75px; position:relative; word-break:keep-all}
.popup .slide > div h4 {font-size:20px; font-weight:400; line-height:30px; position:relative}
.popup .slide > div h4 span {position:absolute; right:20px; font-size:14px}
.popup .slide > div h5 {font-size:16px; font-weight:400; line-height:20px; position:relative}
.popup .slide > div ul > li {font-size:14px; font-weight:400; color:#464646; line-height:18px; margin-bottom:4px; letter-spacing:-1px}
.popup .slide > div ul > li.font15 {font-size:15px}
.popup .slide > div ul > li.font16 {font-size:16px; line-height:20px; margin-bottom:5px}
.popup .slide > div ul > li.font18 {font-size:18px; margin-bottom:5px}
.popup .slide > div ul > li.font20 {font-size:20px; margin-bottom:12px}
.popup .slide > div ul > li:last-child {margin-bottom:0}
.popup .slide a.more {position:absolute; bottom:15px; right:15px; font-size:24px; transition:.3s}
.popup .slide a.more:hover {opacity:0.5}
.popupModal .modal-dialog {max-width:450px; margin:5% auto}
.popupModal .modal-content {border-top:10px solid}
.popupModal h3 {font-size:24px; font-weight:800}
.popupModal h4 {font-size:18px; font-weight:400}
.popupModal ul > li {font-size:13px; font-weight:400; color:#464646; line-height:16px; letter-spacing:-1px}
.popupModal p {font-size:13px; font-weight:400; color:#464646; line-height:24px; letter-spacing:-1px}
#popupWrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-24.5px; outline:0; width:26px; height:49px; text-indent:-9999px; z-index:999}
#popupWrap .bx-wrapper .bx-prev {left:-50px; background:url('/dept2/common/images/popArrowNew.png') no-repeat 0 -49px}
#popupWrap .bx-wrapper .bx-prev:hover, #popupWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#popupWrap .bx-wrapper .bx-next {right:-50px; background:url('/dept2/common/images/popArrowNew.png') no-repeat -26px -49px}
#popupWrap .bx-wrapper .bx-next:hover, #popupWrap .bx-wrapper .bx-next:focus {background-position:-26px 0}
.modal-backdrop {z-index:99991}
.modal {z-index:99999}


#mainPopupWrap {position:fixed; top:0; left:0; z-index:99999; width:100%; height:100%; background:rgba(0,0,0,0.9); box-sizing:border-box; display:flex; align-items:center; justify-content:center}
#mainPopupWrap .bx-wrapper .bx-controls-direction a {margin-top:-27.5px; width:55px; height:55px; z-index:999; transition:.3s}
#mainPopupWrap .bx-wrapper .bx-prev {left:-75px; background:url('https://ent.wsu.ac.kr/site/ent/img/popSliderLeft.svg') no-repeat; opacity:0.5}
#mainPopupWrap .bx-wrapper .bx-next {right:-75px; background:url('https://ent.wsu.ac.kr/site/ent/img/popSliderRight.svg') no-repeat; opacity:0.5}
#mainPopupWrap .bx-wrapper .bx-prev:hover, #mainPopupWrap .bx-wrapper .bx-next:hover {opacity:0.8}
.mainPopSlider {height:350px}
.mainPopSlider .slide626 {width:100% !important; max-width:626px !important}
.mainPopSlider .slide img {border-radius:15px}
.mainPopCloseWrap {text-align:center; margin-top:30px}
.mainPopCloseBtn {display:inline-block; padding:12px 30px; color:#fff; font-weight:500; border-radius:25px; border:1px solid #fff; font-size:18px; transition:.3s; opacity:0.8; background:rgba(255,255,255,0.1)}
.mainPopCloseBtn i {vertical-align:baseline}
.mainPopCloseBtn:hover {opacity:1; color:#fff}

/* quickWrap */
#quickWrap {overflow:hidden}
.quickLeft {width:580px; height:140px; float:left; background:#fff; padding:25px 0; overflow:hidden}
.quickLeft > li {float:left; width:25%; border-right:1px solid #d7d7d7; text-align:center; padding:10px 0; transition:.3s}
.quickLeft > li:last-child {border-right:none}
.quickLeft > li:hover img {opacity:0.7}
.quickLeft > li a {font-weight:400; font-size:16px; color:#636363; display:block}
.quickLeft > li a > span {display:block; margin-top:10px}
.quickRight {float:left; width:560px; width:calc(100% - 580px); height:140px; padding:20px}
.quickRight > div {color:#fff; width:380px; width:calc(100% - 140px); float:left}
.quickRight > div h3 {font-size:18px; font-weight:700}
.quickRight > div h4 {font-size:18px; font-weight:700}
.quickRight > div h4 a {color:#fff}
.quickRight > div p {font-size:15px; line-height:20px}
.quickRight > ul {width:140px; float:left}
.quickRight > ul li a {display:block; border:1px solid #fff; padding:13px 0; text-align:center; font-size:16px; transition:.3s}
.quickRight > ul li:nth-child(1) a {background:#fff}
.quickRight > ul li:nth-child(1) a:hover {background:none; color:#fff}
.quickRight > ul li:nth-child(2) a {margin-top:6px; color:#fff}
.quickRight > ul li:nth-child(2) a:hover {background:#fff}

/* mainQuickMenu */
.mainQuickMenu {display:flex}
.mainQuickLeft {width:100%; display:flex; align-items:center; justify-content:space-evenly; background:#fff}
.mainQuickLeft > a {display:flex; font-size:20px; font-weight:600; color:#333}
.mainQuickLeft > span {display:block; width:2px; height:50px; background:#ccc}
.mainQuickRight {display:flex; flex-shrink:0; padding:25px 40px 25px 30px; min-width:400px}
.mainQuickRight-left {display:flex; align-items:center; gap:10px; height:100%; margin-right:20px}
.mainQuickRight-left > a {display:flex; font-size:50px; color:#fff}
.mainQuickRight-right {}
.mainQuickRight-right h3 {font-size:22px; font-weight:700; color:#fff}
.mainQuickRight-right h4 {font-family:'GmarketSansBold'; font-weight:900; font-size:20px; font-weight:700; color:#fff}
.mainQuickRight-right h4 a {color:#fff}
.mainQuickRight-right p {font-size:15px; font-weight:300; color:#fff; line-height:20px}

/* mainContainer */
#mainContainer {}
#mainContainer section {max-width:1140px; margin:0 auto; overflow:hidden; padding:30px 0}
#mainContainer .con01 {float:left; width:560px}
#mainContainer .con01 > h3 {font-size:34px; line-height:44px}
.noticeWrap {position:relative}
.noticeWrap .notice {border:1px solid #ccc; height:40px; margin-top:30px}
.noticeWrap .notice > h3:first-child a {margin-left:15px}
.noticeWrap .notice > h3 a {float:left; display:inline-block; font-size:16px; margin-top:11px; padding:0 15px; color:#000}
.noticeWrap .notice > h3.active a {font-weight:700}
.noticeWrap .notice > div {position:absolute; top:50px; width:100%}
.noticeWrap .notice > div .more {position:absolute; top:-50px; right:1px; width:40px; height:40px; background:url('/dept2/common/images/noti_more.png') no-repeat; text-indent:-9999px}
.noticeWrap .notice > div .more2 {position:absolute; top:-50px; right:1px; width:40px; height:40px; display:block}
.noticeWrap .notice > div .more2:hover; .noticeWrap .notice > div .more2:focus {border:1px dotted gray}
.noticeWrap .notice > div .more:hover {background:url('/dept2/common/images/noti_moreHover.png') no-repeat}
.noticeWrap .notice > div .notiList {padding:13px 20px 0 20px}
.noticeWrap .notice > div .notiList li {font-size:14px; overflow:hidden; background:url('/dept2/common/images/notiDot.gif') 0 7px no-repeat; margin-bottom:17px}
.noticeWrap .notice > div .notiList li a {display:block; overflow:hidden}
.noticeWrap .notice > div .notiList li a:hover, .noticeWrap .notice > div .notiList li a:focus {font-weight:600}
.noticeWrap .notice > div .notiList li:last-child {margin-bottom:0}
.noticeWrap .notice > div .notiList li a .noti_tt {font-size:15px; color:#000; float:left; display:block; width:420px; width:calc(100% - 100px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px}
.noticeWrap .notice > div .notiList li a .noti_day {font-size:14px; color:#707070; float:right; display:block; width:100px; text-align:right}
.con02_typeA ul {width:560px; overflow:hidden; float:right}
.con02_typeA ul li {float:left; margin-left:20px}
.con02_typeA ul li a {display:block}
.con02_typeA ul li a img {transition:.3s}
.con02_typeA ul li a:hover img {opacity:0.8}
.con02_typeA ul li:first-child {margin-left:0}
.con02_typeB {width:560px; float:right; background:#f5f5f5; border:1px solid #ebebeb; padding:20px 10px}
.con02_typeB ul {overflow:hidden}
.con02_typeB ul li {margin:0 10px 18px 10px; width:248px; width:calc(50% - 20px); float:left; text-align:center}
.con02_typeB ul li:nth-child(3), .con02_typeB ul li:nth-child(4) {margin-bottom:0}
.con02_typeB ul li a {color:#000; font-size:15px; font-weight:700; display:block}
.con02_typeB ul li a div {overflow:hidden; margin-bottom:10px}
.con02_typeB ul li a img {transition:.3s}
.con02_typeB ul li a:hover img {transform:scale(1.2)}

.con02_typeA_2 ul {width:560px; overflow:hidden; float:right}
.con02_typeA_2 ul li {float:left; margin-left:20px}
.con02_typeA_2 ul li a {display:block;}
.con02_typeA_2 ul li .typeA_2_section {margin-top:22px}
.con02_typeA_2 ul li a img {transition:.3s}
.con02_typeA_2 ul li a:hover img {opacity:0.8}
.con02_typeA_2 ul li:first-child {margin-left:0}

/* linkWrap */
#linkWrap {display:table; width:100%}
#linkWrap section {display:table-cell; max-width:1140px; margin:0 auto; height:300px; text-align:center; vertical-align:middle}
#linkWrap section h3 {font-size:40px; font-weight:800; color:#fff; margin-bottom:40px}
#linkWrap section a.btnStyle {color:#fff; border:1px solid #fff; padding:15px 30px; display:inline-block; font-size:15px; margin:0 10px; transition:.3s}
#linkWrap section a.btnStyle:hover {background:#fff; color:#000}
.linkImg {max-width:148px}


/* footer */
footer {background:#f5f5f5; padding:40px 0 80px 0; clear:both}
footer .top_btn {display:block; position:fixed; bottom:30px; right:0; z-index:200; width:45px; height:45px; background:url('/dept2/common/images/arr_top.png') rgba(0,0,0,0.5) 50% 50% no-repeat; text-decoration:none}
footer .top_btn em {visibility:hidden}
footer > section {max-width:1140px; margin:0 auto}
footer > section dl {position:relative}
footer > section dl dt {width:220px; display:table-cell; vertical-align:top}
footer > section dl dd {width:920px; width:calc(100% - 220px); display:table-cell}
.fTop {overflow:hidden}
.fTop li {float:left; background:url('/dept2/common/images/notiDot.gif') 0 10px no-repeat; padding-left:10px; margin-left:10px; font-size:14px}
.fTop li:first-child {padding-left:0; margin-left:0; background:none}
.fTop li a {color:#464646; font-weight:700; font-size:14px}
.fTop li a:hover {text-decoration:underline !important}
.fTop li a.pInfor {color:red}
address {font-size:13px; color:#636363; margin:20px 0 10px 0; line-height:24px}
address span {padding:0 10px}
address a {color:#636363}
.copyright {font-size:12px; color:#585858; letter-spacing:0.45px}

.goSiteWrap {position:absolute; top:-8px; right:0}
.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('/dept2/common/images/siteMore.png') #fff 155px center no-repeat; color:#7d7d7d; 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 {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:11px; padding-left:10px; margin-bottom:10px; background:url(../img/noticeDot.png) left center no-repeat}
.goWebsite li a {color:#7d7d7d}

/* subVisual */
#subVisual {background:#000}
#subVisual .bx-wrapper .bx-pager {z-index:9999}
#subVisual .subBxslider {margin:0 auto !important}
#subVisual .subBxslider li {width:100%; height:15.625vw}
#subVisual .visualTxtWrap {width:100%; height:100%; text-align:center; vertical-align:middle; display:table; padding:0 0.781vw}
#subVisual .visualTxtWrap div {display:table-cell; vertical-align:middle}
#subVisual .visualTxtWrap div h2 {font-size:1.979vw; color:#fff; text-shadow:0.104vw 0.104vw 0.26vw rgba(0,0,0,0.5); letter-spacing:-0.023vw; font-weight:400; line-height:2.5vw}
#subVisual .visualTxtWrap div h2 strong {font-weight:800}

/* subContainer */
#subContainer {}
#subContainer > section {max-width:59.375vw; margin:0 auto}
#leftCont {float:left; width:12.5vw; margin:-3.646vw 2.083vw 0 0; padding-bottom:5.208vw}
#leftCont h2 {text-align:center; width:12.5vw; height:7.396vw; color:#fff; font-size:1.979vw; font-weight:700; display:table-cell; vertical-align:middle; margin:0 auto !important}
#leftCont .leftmenu {margin:0 auto !important}
#leftCont .leftmenu > li > a {line-height:2.865vw; padding:0 1.042vw; border-bottom:0.052vw solid #ddd; display:block; background:#fff; color:#000; font-size:0.833vw; 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:0.781vw 0; border-bottom:0.052vw solid #ddd; display:none}
#leftCont .leftmenu > li > .depth2 > li > a {padding:0 1.042vw; display:block; color:#555; font-size:0.729vw; font-weight:400; line-height:1.25vw}
#leftCont .leftmenu > li > .depth2 > li.active > a, #leftCont .leftmenu > li > .depth2 > li > a:hover {font-weight:700}
#rightCont {float:right; width:44.792vw; background:#fff; padding:2.604vw 0 10.417vw 0; min-height:31.25vw; box-sizing:border-box}
#rightCont > h3 {font-size:1.979vw; font-weight:700; position:relative; background:url('/dept2/common/images/rightCont_bg.gif') bottom repeat-x; padding-bottom:1.823vw; margin-top:0 !important; margin-bottom:2.813vw}
#rightCont > h3 .location {position:absolute; top:0.521vw; right:0}
#rightCont > h3 .location li {float:left; font-size:0.729vw; color:#464646; font-weight:400; margin-left:0.781vw; padding-left:0.781vw; background:url('/dept2/common/images/location_ar.gif') left center no-repeat}
#rightCont > h3 .location li:first-child {background:none}
#rightCont .con {line-height:1.302vw; font-size:0.781vw}
#rightCont .con > h4 {font-size:0.938vw; font-weight:700; margin:2.083vw 0 1.042vw; overflow:hidden; letter-spacing:-0.023vw}
#rightCont .con > h4:before {content:""; width:0.938vw; height:0.938vw; display:inline-block; vertical-align:text-bottom; background:#fff; margin-right:0.26vw; border:0.26vw solid; box-sizing:border-box}
#rightCont .con .h4 {font-size:0.938vw; font-weight:700; margin:2.083vw 0 1.042vw; overflow:hidden; letter-spacing:-0.023vw; line-height:1.302vw}
#rightCont .con .h4:before {content:""; width:0.938vw; height:0.938vw; display:inline-block; vertical-align:text-bottom; background:#fff; margin-right:0.26vw; border:0.26vw solid; box-sizing:border-box}
#rightCont .con > p {margin-top:0.781vw}
#rightCont .con > h5 {font-size:0.781vw; font-weight:700; margin:1.302vw 0 0.521vw; overflow:hidden; letter-spacing:-0.023vw; line-height:150%}
#rightCont .con .h5 {font-size:0.781vw; font-weight:700; margin:1.302vw 0 0.521vw; overflow:hidden; letter-spacing:-0.023vw; line-height:150%}

/* 교수소개 */
.faculty {border:1px solid #ddd; overflow:hidden; padding:15px 0; position:relative; min-height:190px}
.faculty .dList li {margin-bottom:7px; line-height:18px; background-position:5px 8px;}
.faculty .fa-search-plus {font-size:18px; vertical-align:text-bottom; cursor:pointer; position:absolute; top:0; right:20px}
.faculty-d {overflow:hidden}
.faculty-d dl {overflow:hidden}
.faculty-d dl dt {float:left; width:60px; margin-bottom:7px}
.faculty-d dl dd {float:left; width:calc(100% - 60px); margin-bottom:7px}
.faculty-d > .mclose {margin-top:0px !important; position:absolute; top:15px; right:15px; font-weight:700; font-size:24px; color:#000; opacity:0.4; z-index:9999}
.faculty-d > .mclose:hover {text-decoration:none; opacity:0.8}
.facultyMore .col-sm-3 img {width:auto}
.facultyMore h3 {font-size:16px; font-weight:700}
.facultyMore .dList li {margin-bottom:7px; line-height:18px; background-position:5px 8px;}
.facultyMore .dList li {margin-bottom:7px; line-height:18px; background-position:5px 8px;}

/* 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('/dept2/common/images/q.png') no-repeat 11px 14px;}
.faq_list > ul > li > .a {overflow:hidden; position:relative; display:block; border-top:1px dashed #cacaca; background:#ecf1f4 url('/dept2/common/images/a.png') no-repeat 11px 14px}
.faq_list > ul > li > .a .btn {position:absolute; right:10px; bottom:10px;}
.faq_list > ul > li strong a {text-decoration:none;}

/* 입학안내 */
.lineGrad {
	background:gray;
	background: -webkit-linear-gradient(left, #005826, #0d4e96 , #b62842);
	background: -o-linear-gradient(right, #005826, #0d4e96 , #b62842);
	background: -moz-linear-gradient(right, #005826, #0d4e96 , #b62842);
	background: linear-gradient(to right, #005826 , #0d4e96 , #b62842);
	width:100%; height:6px
}
.gradBox {background:#f8f8f8; overflow:hidden; padding:20px}
.gradBox p {font-size:15px; letter-spacing:-0.45px}
.gradBox h5 {font-size:34px; font-weight:800; margin-bottom:10px}
.btnGrad {border:1px solid #d3d3d3; color:#0a4f95; padding:10px 20px; background:#fff; display:inline-block; font-weight:700}

.layerPopup_footer {height:auto !important}

/* masonryPopWrap */
.masonryPopWrap {position:fixed; z-index:9999999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow-y:auto; padding:50px 20px}
.masonryPopWrap > .inner {max-width:1400px; margin:0 auto}
.masonryPopList {}
.masonryPopList > li {}
.masonryPopList > li img {}

.underline {text-decoration:underline; text-underline-position:under}

.subPopWrap {position:fixed; z-index:99999999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); padding:20px; box-sizing:border-box; text-align:center}
.subPopWrap > .inner {display:block; width:71vh; height:100%; margin:0 auto}
.subPopMobile {display:none}
.closeWrap {display:block; background:#fff; color:#000; padding:10px 10px; margin:0 auto; border:5px solid #fff; box-sizing:border-box; font-size:16px; font-weight:500; ; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.mainPopClose, .subPopClose {color:#b82841}

/* 반응형 */
@media screen and (max-width:1920px) {
	#HeaderWrap.fixed {box-shadow:0 0 10px 0px #0006}
	#header-Top section {max-width:1530px; padding:0 15px; font-size:14px; line-height:30px}
	#header-Top section .headerTopLeft li:after, #header-Top section .headerTopRight li:after {padding:0 15px}
	#header-Gnb section {max-width:1530px; padding:0 15px; height:100px}
	#header-Gnb section .hg-left h1 {margin-left:25px}
	.hamburgerMenu span {width:32px; height:3px; margin:8px 0; border-radius:5px}
	.hamburgerMenu .bar2 {width:19px}
	.hamburgerMenu.active .bar1 {transform:rotate(-45deg) translate(-8px, 8px)}
	.hamburgerMenu.active .bar3 {transform:rotate(45deg) translate(-8px, -8px)}
	#header-Gnb section h2 {font-size:24px}
	.hamburgerGnbWrap {width:300px; padding:0 40px}
	.hamburgerGnbWrap .hamburgerMenu {top:60px; right:58px}
	.hamburgerGnb {padding-top:150px}
	.hamburgerGnb > li {margin-bottom:25px}
	.hamburgerGnb > li > a {font-size:20px}
	.hamburgerGnb > li > ul {margin-top:15px; padding-left:15px}
	.hamburgerGnb > li > ul > li {margin-bottom:8px}
	.hamburgerGnb > li > ul > li > a {font-size:15px}
	.hamburgerGnbHr {height:2px; margin:30px 0}
	.hamburgerGnbUtil {gap:10px; padding-bottom:50px}
	.hamburgerGnbUtil > a {height:40px; border:1px solid #707070; border-radius:20px; font-size:14px}

	#subVisual .subBxslider li {height:300px}
	#subVisual .visualTxtWrap {padding:0 15px}
	#subVisual .visualTxtWrap div h2 {font-size:38px; text-shadow:2px 2px 5px rgba(0,0,0,0.5); letter-spacing:-0.45px; line-height:48px}

	#subContainer > section {max-width:1140px}
	#leftCont {width:240px; margin:-70px 40px 0 0; padding-bottom:100px}
	#leftCont h2 {width:240px; height:142px; font-size:38px}
	#leftCont .leftmenu > li > a {font-size:16px; line-height:55px; padding:0 20px; border-bottom:1px solid #ddd}
	#leftCont .leftmenu > li > .depth2 {padding:15px 0; border-bottom:1px solid #ddd}
	#leftCont .leftmenu > li > .depth2 > li > a {padding:0 20px; font-size:14px; line-height:24px}
	#rightCont {width:860px}
	#rightCont > h3 {font-size:38px; padding-bottom:35px; margin-bottom:54px}
	#rightCont > h3 .location {top:10px}
	#rightCont > h3 .location li {font-size:14px; margin-left:15px; padding-left:15px}
	#rightCont .con {line-height:25px; font-size:15px}
	#rightCont .con > h4 {font-size:18px; margin:40px 0 20px; letter-spacing:-0.45px}
	#rightCont .con > h4:before {width:18px; height:18px; margin-right:5px; border:5px solid}
	#rightCont .con .h4 {font-size:18px; margin:40px 0 20px; letter-spacing:-0.45px; line-height:25px}
	#rightCont .con .h4:before {width:18px; height:18px; margin-right:5px; border:5px solid}
	#rightCont .con > p {margin-top:15px}
	#rightCont .con > h5 {font-size:15px; margin:25px 0 10px; letter-spacing:-0.45px}
	#rightCont .con .h5 {font-size:15px; margin:25px 0 10px; letter-spacing:-0.45px}
}
@media screen and (max-width:1430px) {
	#mainPopupWrap {padding:0 20px}
	#mainPopupWrap .bx-wrapper .bx-prev {left:-20px}
	#mainPopupWrap .bx-wrapper .bx-next {right:-20px}
}

@media screen and (max-width:1245px) {
	#popupWrap .bx-wrapper .bx-prev {left:0px}
	#popupWrap .bx-wrapper .bx-next {right:0px}
}
@media screen and (max-width:1200px) {
	#header-Gnb section .hg-left {width:100%; justify-content:space-between}
	#header-Gnb section .hg-left h1 {margin-left:0}
	#header-Gnb section h2 {display:none}
	.hamburgerMenu {order:2}
	.hamburgerGnbWrap {left:auto; right:0}
	.hamburgerGnbWrap .hamburgerMenu {right:15px}
}
@media screen and (max-width:1139px) {
	#mainArticle, #mainContainer {padding:15px 15px 20px 15px}
	#mainContainer section {padding:0}
	.quickLeft, .quickRight {width:50%}
	#mainContainer .con01, .con02_typeA ul, .con02_typeB, .con02_typeA_2 ul {width:50%}
	.con02_typeA ul li {width:50%; margin:0}
	.con02_typeA_2 ul li {width:50%; margin:0}
	#linkWrap {padding:0 15px}
	footer {padding:30px 15px}
	footer > section dl dt {display:none}
	footer > section dl dd {width:100%}
	#subContainer > section {padding:15px}
	#leftCont {float:none; width:100%; margin:0 0 50px 0; padding-bottom:0}
	#leftCont h2 {display:none}	
	#leftCont .leftmenu > li > a {line-height:40px; font-size:14px}
	#leftCont .leftmenu > li > .depth2 {padding:10px 0}
	#rightCont {float:none; width:100%; padding:20px 0 50px 0}
	#rightCont > h3 {margin-bottom:35px}
}
@media screen and (max-width:1024px) {
	#popupWrap {margin-bottom:20px !important}
	.quickLeft {margin-bottom:15px}
	.quickLeft, .quickRight {width:100%}
	.subPopWrap > .inner {overflow-y:auto; width:100%}
	.subPopPC {display:none}
	.subPopMobile {display:block}
	.mainQuickMenu {flex-wrap:wrap}
	.mainQuickLeft {min-height:100px}
	.mainQuickRight {width:100%; text-align:center; justify-content:center; margin-top:20px; padding:25px 0}
}
@media screen and (max-width:960px) {
	#mainContainer .con01, .con02_typeA ul, .con02_typeB, .con02_typeA_2 ul {width:100%}
	.con02_typeA_2 ul li {width:100%}
	.con02_typeA_2 ul li .typeA_2_section {margin-bottom:22px}
	#mainContainer .con01 {height:340px}
	.con02_typeA ul li:first-child {padding-right:5px}
	.con02_typeA ul li:last-child {padding-left:5px}

	.noticeWrap .notice {margin-top:20px}
	.fTop {margin-bottom:10px}
	footer > section dl dd {display:block}
	.goSiteWrap {position:relative; top:0; left:0}
	.goSiteWrap > li {float:none; width:100%; margin:5px 0}
	.goSiteWrap > li > a {background-position:95% center}
	.goWebsite {width:100%}	
	address {clear:both; margin-top:10px}
}
@media screen and (max-width:768px) {
	#header-Top section .headerTopRight {float:left}
	.hamburgerGnbWrap {width:220px; padding:0 20px}
	#linkWrap section {padding:50px 0}	
	#linkWrap section a.btnStyle {width:100%; margin:5px 0}
	#rightCont > h3 .location {display:none}
	.tabStyle {border-left:1px solid #d8d9db}
	.tab2 li a, .tab3 li a, .tab4 li a, .tab5 li a, .tab6 li a {width:50%; border-left:none !Important}
	.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}
	.tableResponsive {position:relative; border:none}
	.tableResponsive.scroll {position:relative; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableResponsive.scroll table {width:860px; margin-bottom:15px}
	.ToolTip {position:absolute; width:100%; top:15%; 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;}
	.tbl_sitemap tbody td > ul > li {width:100%}
	.pull-left, .pull-right {float:none !important; margin:0 !important}
	#layerPopup1,#layerPopup2,#layerPopup3,#layerPopup4,#layerPopup5,#layerPopup6,#layerPopup7,#layerPopup8,#layerPopup9,#layerPopup10,#layerPopup11,#layerPopup12,#layerPopup13,#layerPopup14,#layerPopup15 {top:120px !important; left:15px !important}
	.linkImg {max-width:100%}
	/*.popup .slide {height:100% !important; min-height:min-content; padding-bottom:50px}*/
	.mainQuickLeft {min-height:auto; flex-wrap:wrap}
	.mainQuickLeft > span {display:none}
	.mainQuickLeft > a {flex:1 1 33%; height:60px; align-items:center; justify-content:center; font-size:18px; background:#fff; box-shadow:1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset}
	#popupWrap {margin-bottom:40px !important}
	#popupWrap .bx-wrapper .bx-controls-direction a {display:none}
	#popupWrap .bx-wrapper .bx-pager {display:block; bottom:-20px}
}
@media screen and (max-width:600px) {
	#header-Top section .headerTopRight {float:left}
	#mainVisual .visualTxtWrap div h2 {font-size:28px; line-height:38px}
	.quickLeft {height:auto; padding:0}
	.quickLeft > li {width:50%; border-bottom:1px solid #d7d7d7; padding:20px 0}
	.quickLeft > li:nth-child(2) {border-right:none}
	.quickLeft > li:nth-child(3), .quickLeft > li:nth-child(4) {border-bottom:none}
	.quickRight {height:auto}
	.quickRight > div {width:100%; float:none}
	.quickRight > div h3 {margin-top:0 !important}
	.quickRight > ul {width:100%; float:none; margin-top:15px}
	.quickRight > ul li a {padding:8px 0}
	#mainContainer .con01 {height:330px}
	.noticeWrap .notice > h3:first-child a {margin-left:5px}
	.noticeWrap .notice > h3 a {padding:0 10px}	
	#linkWrap section h3 {font-size:28px}
	#linkWrap section a.btnStyle {font-size:15px}
	#subVisual .subBxslider li {height:180px}
	#subVisual .visualTxtWrap div h2 {font-size:26px; line-height:34px}
	#rightCont > h3 {margin-bottom:20px; padding-bottom:20px}
    .mainQuickRight {flex-wrap:wrap}
	.mainQuickRight-left {justify-content:center; height:auto; margin-right:0; width:100%}
	.mainQuickRight-right {width:100%; margin-top:15px}
}
@media screen and (max-width:500px) {
	#layerPopup1,#layerPopup2,#layerPopup3,#layerPopup4,#layerPopup5,#layerPopup6,#layerPopup7,#layerPopup8,#layerPopup9,#layerPopup10,#layerPopup11,#layerPopup12,#layerPopup13,#layerPopup14,#layerPopup15 {width:100% !important; left:0 !important}
	#layerPopup1 img,#layerPopup2 img,#layerPopup3 img,#layerPopup4 img,#layerPopup5 img,#layerPopup6 img,#layerPopup7 img,#layerPopup8 img,#layerPopup9 img,#layerPopup10 img,#layerPopup11 img,#layerPopup12 img,#layerPopup13 img,#layerPopup14 img,#layerPopup15 img {width:100%}
	.mainQuickLeft > a {flex:1 1 50%}
}
@media screen and (max-width:425px) {	
	#mainContainer .con01 {height:310px}
	#mainContainer .con01 > h3 {font-size:28px; line-height:34px}
	.noticeWrap .notice > div {top:40px}
	.noticeWrap .notice > div .notiList {padding:13px 15px 0 15px}
	.noticeWrap .notice > div .more {top:-40px}
	.tabStyle li a {padding:8px 0; font-size:13px}
	.tab2 li a, .tab3 li a, .tab4 li a, .tab5 li a, .tab6 li a {width:100%; border-left:none !Important}
	.nav-tabs>li {float:none; margin-bottom:0}
	.nav-tabs>li>a {background:#eff3f4; padding:7px 0; text-align:center; border-bottom:1px solid #ddd}
	.nav-tabs>li:last-child>a {border-bottom:none}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color:#d8d9db}

	#popupWrap .bx-wrapper .bx-controls-direction a {width:20px; height:32px}
	#popupWrap .bx-wrapper .bx-prev {background:url('/dept2/common/images/popArrow_m.png') no-repeat 0 -32px}
	#popupWrap .bx-wrapper .bx-prev:hover, #popupWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
	#popupWrap .bx-wrapper .bx-next {background:url('/dept2/common/images/popArrow_m.png') no-repeat -20px -32px}
	#popupWrap .bx-wrapper .bx-next:hover, #popupWrap .bx-wrapper .bx-next:focus {background-position:-20px 0}
	.noticeWrap .notice > div .more2 {top:-40px}
	.closeWrap {font-size:15px; padding:10px 10px}
}