@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('board2021.css');

/* 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%; /*vertical-align:baseline;*/ background:transparent; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.45px}
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; color:inherit}
a:focus, a:hover {text-decoration:none !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; table-layout:fixed}
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}
a[href^="tel"] {color:inherit; text-decoration:none}

/* 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 */
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.width80 {width:80%;}
.img-responsive {display:block; max-width:100%; height:auto}
.display-block {display:block}
#bodyCon {overflow:hidden; position:relative}
.bx-wrapper {margin:0 auto !important}
.bx-wrapper .bx-viewport {box-shadow:none !important; border:none !important; left:0 !important; background:none !important}
.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}
.blank{position:static;top:10px;display:inline-block;width:13px;height:14px;background:url('../images/blank.png') no-repeat;margin:-0 0 -4px 4px}
.m_a {margin:auto !important}
.margin0 {margin:0px !important}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mr0 {margin-right:0px !important}
.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb23 {margin-bottom:23px !important}
.mb25 {margin-bottom:25px !important}
.ml12 {margin-left:12px !important}
.ml20 {margin-left:20px !important}
.pt0 {padding-top:0px !important}
.pl15 {padding-left:15px !important}
.pl17 {padding-left:17px !important}
.text-left {text-align:left !important}
.text-center, .cen {text-align:center !important}
.text-right, .right {text-align:right !important}
.vertical-middle {vertical-align:middle !important}
.vertical-top {vertical-align:top !important}
.hide {text-indent:-9999px; overflow:hidden}
.green {color:rgb(0,88,38)}
.blue {color:rgb(14,78,150)}
.red {color:#b82841}
.textGreen {color:#005826}
.textRed {color:#b82841}
.textBlue {color:#0e4e96}
#HaksaArea .textGreen, #HaksaArea .textRed, #HaksaArea .textBlue {font-weight:900}
.boxStyleWrap {border:10px solid #eee; padding:30px; text-align:center; box-sizing:border-box}
.tableScroll {position:relative}
.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.show-768 {display:none !important}
.tableResponsive {position:relative}
.font-size18 {font-size:18px !important}
.font-size20 {font-size:20px !important}

/* 버튼스타일 */
.btn01 {display:inline-block; padding:10px 20px; color:#fff; font-weight:500; background-color:#313131; border-radius:3px;}
.btn01:hover {background-color:#b82841; color:#fff}
.btn02 {display:inline-block; padding:10px 15px; color:#fff; font-weight:500; background-color:#0e4e96; border-radius:3px;}
.btn02:hover {background-color:#b82841; color:#fff}
.btn03 {display:inline-block; padding:10px 11px; color:#0e4e96; font-weight:500; background-color:#fff; border:1px solid #ddd; border-radius:3px;}
.btn03:hover {color:#b82841}
.btn04 {display:inline-block; padding:20px 25px; color:#fff; font-weight:500; background-color:#0e4e96; border-radius:3px; font-size:18px}
.btn04:hover {background-color:#b82841; color:#fff}
.btnInfo {display:inline-block; padding:5px 15px; color:#fff; font-weight:500; background-color:#0e4e96; border-radius:3px; font-size:14px; cursor:pointer}
.btnInfo:hover {background-color:#b82841; color:#fff}
.btnCheck {display:inline-block; padding:10px 20px; color:#fff; font-weight:500; background-color:#0e4e96; border-radius:3px; cursor:pointer; margin:0; box-sizing:border-box; border:none}
.btnCheck.color1 {background-color:#0e4e96}
.btnCheck.color2 {background-color:#b82842}
.btnCheck.color3 {background-color:#005825}
.btnCheck.color4 {background-color:#666}
.btnCheck:hover {background-color:#333; color:#fff}
.btnCheck:focus {color:#fff}
.btn_group{overflow:hidden;margin-top:0}
.btn_group li {float:left;margin-right:10px;margin-left:0 !important;list-style:none !important;}
.btn_small{padding:2px 5px;color:#0e4e96;font-size:14px; font-weight:500; background-color:#fff; border:1px solid #ddd; border-radius:2px;}
.btn_small:hover {color:#b82841}
.btn-app {background:#0d4e96; padding:7px 15px; color:#fff; font-size:14px; cursor:pointer; border:none}
.btn-app2 {background:#898989; padding:7px 15px; color:#fff; font-size:14px; border:none}
.btn-app:hover {opacity:0.8}
.btn_group{overflow:hidden;margin-top:0}
.btn_group li {float:left;margin-right:10px;margin-left:0 !important;list-style:none !important;}

/* ul,ol,dl */
.dList {margin-top:10px}
.dList > li {background:url('../images/listDot.png') 5px 11px no-repeat; padding-left:15px; line-height:160%;margin-bottom:5px;}
.dList li:last-child{margin-bottom:0}
.bList {margin-top:10px}
.bList > li {background:url('../images/listBar.png') 5px 11px no-repeat; padding-left:15px; line-height:20px; margin-bottom:5px}
.bList > li:last-child{margin-bottom:0}
.nList {margin-left:20px}
.nList > li {list-style:decimal; list-style-position:outside; margin-bottom:7px}
.nList > li:last-child{margin-bottom:0}
.dList > li > ul {margin-top:5px}
.bList > li > ul {margin-top:5px}
.nList > li > ul {margin-top:5px}
.dList dt {font-weight:bold;margin:15px 0 5px;margin-bottom:10px;}
.dList dd {background:url('../images/listDot.png') 5px 11px no-repeat; padding-left:15px; line-height:160%;margin-bottom:5px;}
.hangulList {margin-left:23px}
.hangulList > li {list-style:hangul; list-style-position:outside; margin-bottom:7px}
.hangulList > li:last-child{margin-bottom:0}
.txt_box span{margin-right:10px;}

/* headerTop */
#headerTop {background:#0d4e96}
#headerTop:after{content:""; display:block; clear:both}
#headerTop > section {max-width:1280px; margin:0 auto; font-size:13px; font-weight:300}
#headerTop > section .utilLeft {float:left; margin:0}
#headerTop > section .utilLeft > li {float:left}
#headerTop > section .utilLeft > li a {color:#fff; display:block; padding:10px 0 11px 0; margin-right:15px; transition:0.3s}
#headerTop > section .utilLeft > li a:hover, #headerTop > section .utilLeft > li a:focus {color:#fdf0c3}
#headerTop > section .utilLeft > li a:after {content:""; width:2px; height:10px; display:inline-block; background:rgba(255,255,255,0.6); margin-left:15px}
#headerTop > section .utilLeft > li:last-child a {margin-right:0}
#headerTop > section .utilLeft > li:last-child a:after {display:none}
#headerTop > section .utilRight {float:right; margin:0}
#headerTop > section .utilRight > li {float:left; color:#fff; margin-right:10px}
#headerTop > section .utilRight > li a {color:#fff; display:inline-block; padding:10px 0 11px 0; transition:0.3s}
#headerTop > section .utilRight > li a i {margin-top:-5px}
#headerTop > section .utilRight > li a:hover, #headerTop > section .utilRight > li a:focus {color:#fdf0c3}
#headerTop > section .utilRight > li:after {content:""; width:2px; height:10px; display:inline-block; background:rgba(255,255,255,0.6); margin-left:10px}
#headerTop > section .utilRight > li:last-child {margin-right:0}
#headerTop > section .utilRight > li:last-child:after {display:none}
.utilRight_infoLink {margin-right:0 !important}
.utilRight_infoLink:after {display:none !important}
.langList {float:left; font-size:13px; color:#fff; position:relative; z-index:999999}
.langList > a {display:block; padding:10px 0 11px 0}
.langList > a:after {content:""; width:2px; height:10px; display:inline-block; background:rgba(255,255,255,0.6); margin:0 10px 0 10px}
.langList .fa-caret-down {margin-left:5px}
.langList > ul {display:none; position:absolute; top:38px; background:#fff; color:#000; font-size:12px; padding:5px 10px; border:2px solid #0d4e96}

/* header */
header {background:#fff; z-index:99999; position:relative; border-bottom:1px solid #ddd}
header.fixed {position:fixed; top:0; left:0; width:100%; box-shadow:0 0 5px #ddd; border-bottom:none}
header section {max-width:1280px; height:90px; margin:0 auto}
header h1 {font-size:inherit}
header h1.logo {float:left; margin-top:30px}
header h1.logo img {height:30px}
header h1.logo > a {display:block}
.btn_side {display:none; float:right; color:#000; font-size:24px; margin-top:30px; width:25px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}
.mUtil {display:none; margin-top:-1px}
.mUtil ul {overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.mUtil ul li {float:left; width:40%; border-right:1px solid #ccc; box-sizing:border-box}
.mUtil ul li:last-child {border-right:none; width:20%}
.mUtil ul li a {display:block; text-align:center; font-size:13px; padding:14px 0; color:#000}
.mUtil ul li a .searchIcon {height:16px; vertical-align:middle}
.mUtil p {padding:10px; margin:0}
.mUtil p a {font-size:14px; color:#000; padding:2px 0; display:inline-block}
nav.gnb .tit {display:none; padding:15px 20px; background:#0d4e96; overflow:hidden; margin:0; font-size:18px; color:#fff}
nav.gnb .tit > i {float:right; font-size:20px}
nav.gnb .close {display:none; position:absolute; top:20px; right:20px; width:13px; height:13px; opacity:1}
nav.gnb {float:right}
nav.gnb > ul {float:left}
nav.gnb > ul > li {float:left; margin-right:50px}
nav.gnb > ul > li > a {display:inline-block; font-size:18px; color:#000; font-weight:500; padding:32px 10px}
nav.gnb > ul > li:hover > a, nav.gnb > ul > li > a:focus {color:#0d4e96}
nav.gnb > ul > li > a .linkIcon {height:15px}
.innerGnbWrap {display:none; position:absolute; top:90px; left:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; background:#fff}
.innerGnb {max-width:1280px; margin:0 auto}
.innerAside {display:table-cell; width:300px; height:100%; border-right:1px solid #ddd; box-sizing:border-box; vertical-align:top; font-size:34px; padding:15px 0; font-weight:700; position:relative}
.innerAside .aside01 {position:absolute; bottom:0; left:-320px}
.innerAside .aside03 {position:absolute; bottom:0; left:-110px}
.innerAside .aside04 {position:absolute; bottom:0; left:-60px}
.innerAside .aside05 {position:absolute; bottom:0; left:-60px}
.innerAside .aside06 {position:absolute; bottom:0; left:-243px}
.innerCon {display:table-cell; padding:20px 20px 40px 20px; width:980px; height:400px; box-sizing:border-box}
.innerCon > ul {columns:4; max-height:470px}
.innerCon > ul > li {vertical-align:top; width:100%; margin-bottom:15px; display:inline-block}
.innerCon > ul > li > a {display:block; background:#f3f3f3; padding:10px 10px 10px 15px; color:#000; font-size:15px; font-weight:700; transition:.3s}
.innerCon > ul > li:hover > a, .innerCon > ul > li:focus > a {background:#0d4e96; color:#fff}
.innerCon > ul > li > ul {margin:5px 5px 5px 15px}
.innerCon > ul > li > ul > li > a {display:block; font-size:15px; color:#666; padding:2px 0 2px 10px; background:url('../images/gnb_3dep.gif') 3px 12px no-repeat;}
.innerCon > ul > li > ul > li > a:hover, .innerCon > ul > li > ul > li > a:focus {color:#0d3f8f; font-weight:700}
nav.gnb > dl {float:right; margin-top:35px}
nav.gnb > dl .searchIcon {height:20px; vertical-align:middle}

/* mainVisualWrap */
#mainVisualWrap {height:725px; overflow:hidden}
#mainVisualWrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:210px !important; padding:0}
#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; border-radius:8px; background:#fff}
#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a.active {background:#0d4e96}
.mainBxslider > li {position:absolute; left:50%; margin-left:-960px; width:1920px !important}
#mainVisualWrap .bx-wrapper img {max-width:none}
.img-mobile {display:none !important}
/*
.mainBxslider > li {height:650px}
.mainBxslider > li img {max-width:1280px; margin:0 auto}
.mainBxslider > li:nth-child(1) {background:url('../images/mainVisualBg_1.jpg') no-repeat; background-size:cover}
.mainBxslider > li:nth-child(2) {background:url('../images/mainVisualBg_1.jpg') no-repeat; background-size:cover}
*/

/* banList */
#banList {margin-top:-190px; height:250px; overflow:hidden}
#banList > section {max-width:1280px; margin:0 auto}
#banList .banSlider .slide {padding:20px; width:305px; height:250px; box-sizing:border-box; float:left}
#banList .banSlider .slide h3 {font-size:20px; font-weight:700; letter-spacing:-0.75px}
#banList .banSlider .slide p {font-size:15px; font-weight:400; letter-spacing:-0.75px}
#banList .banSlider .slide p > a {color:#000}
#banList .banSlider .slide .banMore {display:block; font-size:14px; position:absolute; left:20px; bottom:0px; font-weight:500; border-top:1px solid rgba(0,0,0,0.1); width:265px; padding:20px 0; box-sizing:border-box}
#banList .banSlider .slide.ban01 {background:#eef7f2; border-top:12px solid #005825}
#banList .banSlider .slide.ban01 h3, #banList .banSlider .slide.ban01 .banMore {color:#005825}
#banList .banSlider .slide.ban02 {background:#e5ecf4; border-top:12px solid #0d4e96}
#banList .banSlider .slide.ban02 h3, #banList .banSlider .slide.ban02 .banMore {color:#0d4e96}
#banList .banSlider .slide.ban03 {background:#f7e7ea; border-top:12px solid #b72842}
#banList .banSlider .slide.ban03 h3, #banList .banSlider .slide.ban03 .banMore {color:#b72842}
#banList .banSlider .slide.ban04 {background:#f8e8d0; border-top:12px solid #ec9000}
#banList .banSlider .slide.ban04 h3, #banList .banSlider .slide.ban04 .banMore {color:#ec9000}
#banList .bx-wrapper .bx-controls-direction a {margin-top:-27.5px; width:55px; height:55px; z-index:999}
#banList .bx-wrapper .bx-prev {left:-75px; background:url('../images/banSliderLeft.svg') no-repeat; opacity:0.3}
#banList .bx-wrapper .bx-next {right:-75px; background:url('../images/banSliderRight.svg') no-repeat; opacity:0.3}
#banList .bx-wrapper .bx-prev:hover, #banList .bx-wrapper .bx-prev:focus, #banList .bx-wrapper .bx-next:hover, #banList .bx-wrapper .bx-next:focus {opacity:0.6}

/* issueWrap */
#issueWrap {margin-top:50px}
#issueWrap > section {max-width:1280px; margin:0 auto}
#issueWrap > section > h2 {font-size:30px; font-weight:700; text-align:center}
#issueWrap .issueCate {text-align:center; margin-top:30px}
#issueWrap .issueCate li {display:inline-block}
#issueWrap .issueCate li a {display:inline-block; font-size:18px; color:#000; opacity:0.7; margin:0 15px}
#issueWrap .issueCate li a:hover {opacity:1; font-weight:700}
#issueWrap .issueCate li.active a {opacity:1; border-bottom:2px solid #000; font-weight:700}
#issueWrap .issueList {margin-top:30px; border-top:3px solid #333; border-bottom:1px solid #333; padding:20px 0; overflow:hidden; height:124px}
#issueWrap .issueList > li {float:left; width:25%; height:124px; box-sizing:border-box; border-right:1px solid #ccc}
#issueWrap .issueList > li:last-child, #issueWrap .issueList > li:nth-child(4), #issueWrap .issueList > li:nth-child(8), #issueWrap .issueList > li:nth-child(12) {border-right:none}
#issueWrap .issueList > li > a {display:block; color:#000; padding:0 30px}
#issueWrap .issueList > li > a:hover {color:#0d4e96}
#issueWrap .issueList > li > a h3 {font-size:18px}
#issueWrap .issueList > li > a p.noti_tt {font-size:16px; font-weight:500; margin:20px 0 10px 0; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#issueWrap .issueList > li > a p.noti_day {font-size:14px; opacity:0.5; margin:0}

/* mediaWrap */
#mediaWrap {margin-top:50px}
#mediaWrap > section {max-width:1300px; margin:0 auto}
#mediaWrap > section ul {overflow:hidden}
#mediaWrap > section ul li {width:25%; float:left; padding:0 10px; box-sizing:border-box}
#mediaWrap > section ul li a {display:block; position:relative; overflow:hidden}
#mediaWrap > section ul li a span {position:absolute; top:0; right:0; padding:8px 10px; font-size:14px; color:#fff; z-index:999}
#mediaWrap > section ul li.cateGall a span {background-color:#0d4e96}
#mediaWrap > section ul li.cateMedia a span {background-color:#b72842}
#mediaWrap > section ul li a p {position:absolute; bottom:0; left:0; width:100%; padding:8px 10px; font-size:15px; height:40px; text-align:center; color:#fff; background:rgba(0,0,0,0.7); box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0}
#mediaWrap > section ul li a img {transition:.3s; vertical-align:top}
#mediaWrap > section ul li a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}

/* quickWrap */
#quickWrap {margin-top:60px}
#quickWrap > section {max-width:1280px; margin:0 auto}
.quickSlider {text-align:center; overflow:hidden}
.quickSlider > li {float:left}
.quickSlider > li > a {font-size:15px; color:rgba(0,0,0,0.7); font-weight:400}
.quickSlider > li > a:hover, .quickSlider > li > a:focus {color:#000}
.quickSlider > li > a > img {height:40px; margin:0 auto}
.quickSlider > li > a:hover > img, .quickSlider > li > a:focus > img {opacity:0.6}
.quickSlider > li > a > span {display:block; margin-top:15px}
#quickWrap .bx-wrapper .bx-controls-direction a {margin-top:-17.5px; width:35px; height:35px; z-index:999}
#quickWrap .bx-wrapper .bx-prev {left:-60px; background:url('../images/quickSliderLeft.svg') no-repeat; opacity:0.8}
#quickWrap .bx-wrapper .bx-next {right:-60px; background:url('../images/quickSliderRight.svg') no-repeat; opacity:0.8}
#quickWrap .bx-wrapper .bx-prev:hover, #quickWrap .bx-wrapper .bx-prev:focus, #quickWrap .bx-wrapper .bx-next:hover, #quickWrap .bx-wrapper .bx-next:focus {opacity:0.5}

/* socialWrap */
#socialWrap {margin-top:60px; background:url('../images/socialWrap_bg.jpg') no-repeat; background-size:cover; padding:60px 0}
#socialWrap > section {max-width:1280px; margin:0 auto; overflow:hidden}
#socialWrap > section > .socialLeft {float:left; width:25%}
#socialWrap > section > .socialLeft h2 {font-size:50px; color:rgba(255,255,255,0.8); line-height:55px}
#socialWrap > section > .socialLeft ul {margin-top:30px; overflow:hidden}
#socialWrap > section > .socialLeft ul li {float:left; margin-right:10px}
#socialWrap > section > .socialLeft ul li:hover {opacity:0.8}
#socialWrap > section > .socialRight {overflow:hidden; float:right; width:75%}
#socialWrap > section > .socialRight > .socialRight_L {float:left; width:47%}
#socialWrap > section > .socialRight > .socialRight_R {float:left; width:53%}

/* footerSiteWrap */
#footerSiteWrap {padding:60px 0}
#footerSiteWrap > section {max-width:1280px; margin:0 auto; overflow:hidden}
#footerSiteWrap > section dl {float:left; width:16.6%}
#footerSiteWrap > section dl > dt {color:#0d4e96; font-size:18px; font-weight:500; margin-bottom:7px}
#footerSiteWrap > section dl > dt a {color:#0d4e96; line-height:24px}
#footerSiteWrap > section dl > dd a {font-size:15px; font-weight:300; color:#000; line-height:24px}
#footerSiteWrap > section dl > dd a:hover, #footerSiteWrap > section dl > dd a:focus {color:#0d4e96; font-weight:400}

/* footer */
footer {background:#464c53}
footer section {max-width:1280px; margin:0 auto}
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:14px; 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}
.footerBottom {padding:20px 0; position:relative}
.footerBottom ul {overflow:hidden}
.footerBottom ul > li {float:left}
.footerBottom ul > li > a {color:#fff; font-size:14px; font-weight:400; border-right:1px solid #fff; line-height:14px; height:14px; display:block; padding:0 15px}
.footerBottom ul > li > a.privacyStyle {color:#ffea00}
.footerBottom ul > li:first-child a {border-left:1px solid #fff}
.footerBottom ul > li > a:hover, .footerBottom ul > li > a:focus {color:#ffdb2d}
address {color:rgba(255,255,255,0.7); font-weight:300; font-size: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:15px}
.copyright strong {font-weight:400}
.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; float:right; margin-top:8px; margin-left:20px}
.go_site1 h3, .go_site2 h3 {width:160px; box-sizing:border-box; background:url('../images/goSiteMore.png') right 10px center no-repeat; cursor:pointer; font-size:13px; color:#fff; font-weight:300; padding:7px 10px; border:1px solid #fff; margin:0}
.go_site1 h3 a, .go_site2 h3 a {color:#fff}
.go_site1_view {display:none; height:200px; position:absolute; right:0px; bottom:30px; background:#464c53; overflow-y:scroll; margin:0; padding:10px 0 0 10px; box-sizing:border-box; letter-spacing:-0.5px}
.go_site2_view {display:none; width:160px; height:200px; position:absolute; right:0px; bottom:30px; background:#464c53; overflow-y:scroll; margin:0; padding:10px 0 0 10px; box-sizing:border-box; letter-spacing:-0.5px}
.go_site2 h3 {width:200px}
.go_site2_view {width:200px}
.go_site1_view li, .go_site2_view li {font-size:12px; line-height:20px; padding-left:10px; background:url('../images/goSiteDot.png') left 9px no-repeat}
.go_site1_view li a, .go_site2_view li a {color:#ddd}
.go_site1_view li a:hover, .go_site2_view li a:hover {color:#fff}
.webwatch {position:absolute; top:40px; 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}
















/* lnb */
#section {max-width:1280px;margin:20px auto 100px auto; overflow:hidden; min-height:500px}
#section .lnb {z-index:5000;width:260px;float:left;margin-right:50px; /*background:#f5f5f5;*/ height:100%}
#section #con {width:100%; float:left}
#section .lnb .lnb_title {margin:0}
#section .lnb .lnb_title a {display:block; height:160px; background:rgb(14,78,150); text-align:center; line-height:160px; font-size:34px; color:#fff; font-weight:600}
#section .lnb .lnb_list {font-size:15px}
#section .lnb .lnb_list > li > a {display:block;height:50px;background-color:#f5f5f5;line-height:50px;padding-left:20px;color:#000}
#section .lnb .lnb_list > li.on .depth2{display:block; background:#fff}
#section .lnb .lnb_list > li.ov .depth2{display:block}
#section .lnb .lnb_list > li .depth2 .depth2_list{padding:15px 0; background:#fff}
#section .lnb .lnb_list > li .depth2 .depth2_list > li > a{display:block;color:#666;background-color:#fff;height:auto;line-height:24px;padding-left:20px;font-weight:normal}
#section .lnb .lnb_list > li .depth2 .depth2_list li{}
#section .lnb .lnb_list > li .depth2 .depth2_list > li.on2 > a{color:#b82841;font-weight:500;background: url('../images/depth2_on.png') no-repeat 180px 50%}
#section .lnb .lnb_list > li.on > a{background-color:#313131;color:#fff;font-weight:500}
#section .lnb .lnb_list > li .depth2{display:none}
#section .lnb .lnb_list > li .depth3{display:none}
.depth3 .depth3_list {padding:5px 0; background:#fff}
.depth3 .depth3_list > li > a {display:block;color:#666;background-color:#fff;height:auto;line-height:22px; font-size:14px; padding-left:20px;font-weight:normal}
.depth3 .depth3_list > li.on3 > a {color:#b82841}
.depth3 .depth3_list > li > a:before {content:'-'; display:inline-block; margin-right:5px}
#section .lnb .lnb_list > li .depth2 .depth2_list > li.on2 .depth3 {display:block}
.lnbArrow {display:none !important}

/* content */
.content_top {overflow:hidden; position:relative; height:160px; border-bottom:1px solid #e2e2e2;margin-bottom:20px}
.content_top h3 {color:#000; font-size:40px; line-height:40px; font-weight:600; margin-top:40px; letter-spacing:-0.75px;}

.path {position:relative; font-size:15px; margin-top:30px; overflow:hidden}
.path li {background: url(../images/blt_path.png) no-repeat 10px 50%;padding:0 0 0 20px;float:left; color:#898989}
.path li.home {background-image:none; padding-left:0}
.path li a {color:#898989}

#con {font-size:16px}
#con  article > h3 {color:#000; font-size:37px; line-height:40px; font-weight:600; margin-top:40px; letter-spacing:-0.75px}
#con  article > h4 {margin:40px 0 0 0;background:url('../images/titleH4_n.png') left 9px no-repeat; padding-left:26px; font-size:22px; color:#000;font-weight:600}
h4.tit01 {margin:40px 0 0 0;background:url('../images/titleH4_n.png') left 9px no-repeat; padding-left:26px; font-size:22px; color:#000;font-weight:600; line-height: inherit;}
#con  article > h5{margin:20px 0 0 0;font-size:20px;color:#000}
#con  article > h6{margin:10px 0 0 0;font-size:18px;color:#000}
#con  article > p {font-size:16px; line-height:160%}

.h5Tit {margin:30px 0 0 0 !important; font-size:20px !important; color:#000}


.topimg {margin-top:20px;line-height:20px}

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

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

/* 페이지탭 */
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db}
.tabStyle li.on a {background:#b82841; color:#fff}
.tabStyle li.active a {background:#b82841; color:#fff}
.tabStyle li a:hover {background:#d9d9d9; color:#636363}
.tabStyle li:first-child a {border-left:1px solid #d8d9db}
.tabStyle li a {display:block; float:left; background:#f5f5f5; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:15px 0; 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}
.tab5 li:nth-child(16) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(21) 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}

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

.tabWrap {margin-top:20px;}
.tabWrap h5{margin-top:20px;font-size:14px;color:#000}

#tabMenu2 > ul{margin-top:30px;overflow:hidden;border-top:1px solid #d8d9db; border-left:1px solid #d8d9db;}
#tabMenu2 > ul > li{float:left; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db}
#tabMenu2 > ul > li:last-child{}
#tabMenu2 > ul > li > a{display:block;padding:9px 15px 9px 15px;text-align:center;font-size:14px;color:#636363}
#tabMenu2 > ul > li.on a{font-weight:500;color:#b82841;}
#tabMenu2 > ul > li a:hover{background:#f5f5f5;}

#tabMenu3 > ul {overflow:hidden; border-top:1px solid #d8d9db}
#tabMenu3 > ul li.on a {background:#313131; color:#fff}
#tabMenu3 > ul li a:hover {background:#d9d9d9; color:#636363}
#tabMenu3 > ul li:first-child a {border-left:1px solid #d8d9db}
#tabMenu3 > ul li a {display:block; float:left; background:#fff; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:8px 0; text-align:center; font-size:14px; color:#636363; font-weight:400}

#tabMenu4 > ul{margin-top:20px;overflow:hidden}
#tabMenu4 > ul > li{float:left; margin-right:10px}
#tabMenu4 > ul > li > a{display:block; text-align:center;font-size:14px;color:#636363}
#tabMenu4 > ul > li > a:before {content:'·'; display:inline-block; margin-right:5px}
#tabMenu4 > ul > li.on a{font-weight:500;color:#b82841;}
#tabMenu4 > ul > li a:hover {font-weight:500;color:#333}

.tabContent, .tabContent2, .tabContent3 {display:none}
.tabContent.active, .tabContent2.active, .tabContent3.active {display:block}

.tabStyle2 {margin-top:30px;overflow:hidden;border-top:1px solid #d8d9db; border-left:1px solid #d8d9db;}
.tabStyle2 > li{float:left; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db}
.tabStyle2 > li:last-child{}
.tabStyle2 > li > a{display:block;padding:9px 15px 9px 15px;text-align:center;font-size:14px;color:#636363}
.tabStyle2 > li.active a{font-weight:500;color:#b82841;}
.tabStyle2 > li a:hover{background:#f5f5f5;}

.tabStyle3 {margin-top:30px;overflow:hidden}
.tabStyle3 > li{float:left; margin-right:10px}
.tabStyle3 li > a{display:block; text-align:center;font-size:14px;color:#636363}
.tabStyle3 > li > a:before {content:'·'; display:inline-block; margin-right:5px}
.tabStyle3 > li.active a{font-weight:500;color:#b82841;}
.tabStyle3 > li a:hover {font-weight:500;color:#333}

/* 탭 스타일 */
.Partnertab {list-style:none; padding:0; display:flex; border-bottom:1px solid #ddd}
.Partnertab li {padding:10px 20px; cursor:pointer; background:#fff; border-radius:3px; color:#333}
.Partnertab li.active {background:white; border:1px solid #ddd; border-bottom:2px solid #fff; margin-bottom:-1px}
.Partnertab li:hover {background:#eee}

/* 콘텐츠 스타일 */
.Partnertab-content {display:none}
.Partnertab-content.active {display:block}

/* 텍스트박스 */
.box01 {position:relative;padding:25px 30px;border:1px solid #ddd;overflow:hidden;margin-top:20px}
.box01 h1.tit{font-size:20px; font-weight:bold; line-height:20px;}
.box01 p{font-size:15px; line-height:20px; margin-bottom:0}
.box01 .tel_box {background: url(/site/main/img/blt_guide.png) no-repeat 0 6px;padding-left:9px;margin-left:10px}
.box01 ol {margin:10px auto;}
.box01 ol > li{margin-left:20px;list-style:decimal;line-height:120%;margin-bottom:5px;}
.box01 ul {margin:10px auto;}
.box01 ul > li{margin-left:15px; list-style:disc;line-height:120%;margin-bottom:5px;}

/* 이미지+텍스트 박스 */
.box02  {border:5px solid #e5e5e5; padding:20px; overflow:hidden; margin-top:20px}
.box02 .photo {float:left; margin-right:20px; box-sizing:border-box; overflow:hidden;}
.box02 .photo img{width:200px;}
.box02 .txt {float:left; color:#363636;width:480px; font-size:15px; line-height:20px; margin:3px auto 10px;}
.box02 .txt .title {margin:0;font-size:24px; font-weight:600; margin-bottom:19px}
.box02 ul li{margin-left:10px;list-style:disc;line-height:20px;}

/* 텍스트박스 */
.box03 {position:relative;padding:0 20px; border-top:3px solid #b82841; overflow:hidden; margin-top:20px; background:#002957}
.box03 p{font-size:15px; line-height:20px; color:#fff}


/* 테이블스킨 */
.tbl_skin1 {margin:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px; word-break:keep-all}
.tbl_skin1 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636}
.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin1 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin1 .tl {text-align:left;vertical-align:top}

.tbl_skin2 {margin:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px}
.tbl_skin2 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle}
.tbl_skin2 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin2 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin2 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin2 tfoot td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle; background:#e5e5e5}
.tbl_skin2 tr th:last-child {border-right:none}
.tbl_skin2 tr td:last-child {border-right:none}
.tbl_skin2 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin2 .bl {border-left:1px solid #e2e2e2 !important}
.tbl_skin2 .bb {border-bottom:1px solid #b5b5b5 !important}
.tbl_skin2 .tl {text-align:left;vertical-align:top}
.tbl_skin2 .end{border-right:none}
.tbl_skin2 a:hover{color:#b82841}
.th-color tbody th {background:#f5f5f5}
.tbl_skin2 ul{margin-top:0}

.tbl_skin3 {margin:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px}
.tbl_skin3 thead th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle}
.tbl_skin3 tbody th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin3 tbody th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin3 tbody td {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin3 tbody td a {color:#000}
.tbl_skin3 tr th:last-child {border-right:none}
.tbl_skin3 tr td:last-child {border-right:none}
.tbl_skin3 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin3 .tl {text-align:left;vertical-align:top}

.tbl_skin4 {margin-top:10px; width:100%; border-top:1px solid #e2e2e2; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px}
.tbl_skin4 thead th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle}
.tbl_skin4 tbody th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin4 tbody th {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; background:#f5f5f5; vertical-align:middle}
.tbl_skin4 tbody td {padding:10px 5px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin4 tbody td a {color:#000}
.tbl_skin4 tr th:last-child {border-right:none}
.tbl_skin4 tr td:last-child {border-right:none}
.tbl_skin4 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin4 .tl {text-align:left;vertical-align:top}

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

.tbl_skin6 {margin:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px}
.tbl_skin6 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle}
.tbl_skin6 tbody th {padding:5px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin6 tbody th {padding:5px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin6 tbody td {padding:5px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin6 tfoot td {padding:5px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin6 tr th:last-child {border-right:none}
.tbl_skin6 tr td:last-child {border-right:none}
.tbl_skin6 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin6 .bb {border-bottom:1px solid #b5b5b5 !important}
.tbl_skin6 .tl {text-align:left;vertical-align:middle}

.tbl_skin7 {margin:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; text-align:center; font-size:15px; color:#636363; line-height:20px}
.tbl_skin7 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636; background:#f5f5f5; vertical-align:middle}
.tbl_skin7 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin7 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin7 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin7 tfoot td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle}
.tbl_skin7 tr th:last-child {border-right:none}
.tbl_skin7 tr td:last-child {border-right:none}
.tbl_skin7 .br {border-right:1px solid #e2e2e2 !important}
.tbl_skin7 .bl {border-left:1px solid #e2e2e2 !important}
.tbl_skin7 .bb {border-bottom:1px solid #b5b5b5 !important}
.tbl_skin7 .tl {text-align:left}

.tbl_skin8 {width:100%; text-align:center; line-height:20px}
.tbl_skin8 tbody th {vertical-align:middle}
.tbl_skin8 tbody td {vertical-align:middle}

.onestopSkin {width:100%; border-top:2px solid #363636; text-align:center; font-size:15px}
.onestopSkin thead th {padding:15px 20px; color:#363636; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background-color:#f9f9f9; font-weight:500; vertical-align:middle}
.onestopSkin tbody th {padding:15px 20px; color:#363636; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9; font-weight:500}
.onestopSkin tbody td {padding:15px 20px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:left}
.onestopSkin-cen tbody td {text-align:center !important}
.onestopSkin tr > th:last-child, .onestopSkin tr > td:last-child {border-right:none}
.onestopSkin .bl {border-left:1px solid #d7d7d7 !important}
.onestopSkin .br {border-right:1px solid #d7d7d7 !important}
.onestopSkin .end {border-right:none !important}
.onestopSkin .oneTit {display:flex; align-items:center; justify-content:space-between; max-width:100px; margin:0 auto}
.onestopSkin .oneTit2 {display:block; margin:0 auto; font-size:14px; font-weight:400; text-align:center}
.fileInput {display:inline-block !important; width:100%; font-size:14px; font-weight:400; color:#777; padding:10px 20px; background:#F1F1F1; border-radius:4px; cursor:pointer}
.fileInput::file-selector-button {font-size:12px; font-weight:500; border:1px solid #A5A5A5; border-radius:2px; padding:6px 10px; background:#fff; margin-right:10px}
.fileInput:hover::file-selector-button {border:1px solid #777; background:#777; color:#fff}

/* 사인 */
.sign{overflow:hidden;text-align:right; font-size:15px; margin-top:30px}
.sign strong{color:#000;vertical-align:top;line-height:60px;padding-right:15px;line-height:35px}

/* faq */
.faq {border-top:2px solid #898989; margin-top:20px}
.faq dt {padding:12px 20px 12px 50px;background: url(../img/ic_q.png) no-repeat 13px 15px;line-height:inherit; border-bottom:1px solid #d7d7d7; font-size:18px}
.faq dt a {color:#000;display:block}
.faq dd {padding:12px 20px 12px 50px;background: url(../img/ic_a.png) no-repeat 13px 15px;line-height:inherit;border-bottom:1px solid #d7d7d7; font-size:16px; font-weight:400}

.faq2 {border-top:2px solid #898989; margin-top:20px}
.faq2 dt {padding:12px 20px 12px 50px;background: url(../img/ic_q.png) no-repeat 13px 15px;line-height:inherit; border-bottom:1px solid #d7d7d7; font-size:16px; font-weight:700}
.faq2 dt a {color:#000;display:block}
.faq2 dd {padding:12px 20px 12px 50px;background: url(../img/ic_a.png) no-repeat 13px 15px;line-height:inherit;border-bottom:1px solid #d7d7d7; font-size:16px; font-weight:400}


/* 연혁 */
.history {}

/* 규정집 */
span.blt_tx{font-size:12px;line-height:18px;background: url('/site/main/img/blt_guide.png') no-repeat 0 7px;padding-left:9px;display:block}
a.down{display:block;width:69px;height:21px;margin:0 auto}

/*LINC 조직도*/
div.group.type2{margin-top:20px;position:relative;padding:31px 0 30px;background:#f7f7f8 url('../images/group_type2.png') no-repeat 0 0;min-height:389px;overflow:hidden}
div.group.type2 ul.dep1{}
div.group.type2 ul.dep1 li{}
div.group.type2 ul.dep1 > li > span{margin-left:242px;color:#fff}
div.group.type2 ul.dep2{float:left}
div.group.type2 ul.dep2 li{margin-bottom:30px}
div.group.type2 ul.dep2 li.mg{margin:30px 0 20px}
div.group.type2 ul.dep2.green li.mt90{margin-top:90px}
div.group.type2 ul.dep2 li span{color:#fff}
div.group.type2 ul.dep2 li.dep2sub{position:absolute;top:99px;right:20px;}
div.group.type2 ul.dep2 ul.dep2-1{padding:20px 0;background-color:#fff;border:1px solid #cccccc;width:95px;}
div.group.type2 ul.dep2 ul.dep2-1 li{line-height:24px;clear:both;height:auto;margin:0;width:95px;}
div.group.type2 ul.dep2 ul.dep2-1 li span{border:none;background:none;line-height:24px;height:auto;color:#333333;width:95px;}
div.group.type2 ul.dep2.green{margin-right:210px}
div.group.type2 ul.dep2.green li{}
div.group.type2 ul.dep2.green li span{margin-left:67px;background-color:#005825}
div.group.type2 ul.dep2.green li ul.dep3{position:absolute;top:300px;;left:20px}
div.group.type2 ul.dep2.green li ul.dep3 li{float:left}
div.group.type2 ul.dep2.green li ul.dep3 li span{width:106px;margin:0 10px 0 0}
div.group.type2 ul.dep2.blue{}
div.group.type2 ul.dep2.blue li span{background-color:#b82841;width:161px}
div.group.type2 ul.dep2.blue li ul.dep3{position:absolute;top:300px;left:261px}
div.group.type2 ul.dep2.blue li ul.dep3 li{float:left;margin-right:10px}
div.group.type2 ul.dep2.blue li ul.dep3 li span{width:104px;background-color:#fff;border:1px solid #cccccc;color:#333333}
div.group.type2 ul.dep2.blue li ul.dep3 ul.dep4{position:absolute;top:80px;left:-58px;}
div.group.type2 ul.dep2.blue li ul.dep3 ul.dep4 li{float:left}
div.group.type2 ul.dep2.blue li ul.dep3 ul.dep4 li span{width:104px;background-color:#fff;border:1px solid #cccccc;color:#333333}

/* 애송이 */
.as_box{overflow:hidden;background-color:#ececec}
.as_box .as_img{float:left;width:40%}
.as_box .as_txt{float:left;width:60%;padding:0 25px; box-sizing:border-box}
.as_box .as_txt h1{font-size:16px;color:#464646;font-weight:bold;margin-bottom:20px; margin-top:20px}

.as_lbox {margin-top:20px}
.as_list{overflow:hidden;margin-top:30px}
.as_list li{float:left;margin-right:20px;height:235px}
.as_list li.last{margin-right:0}
.as_list figure{padding:5px 7px 7px 5px;/*background: url('/site/main/img/pic_bg.jpg') no-repeat 0 0*/}
.as_list figure img {/*box-shadow:0 0 5px #ddd;*/ border:1px solid #eee}
.as_list figcaption{text-align:center;margin-top:15px;line-height:20px;}

.as_list2022{overflow:hidden;margin-top:30px}
.as_list2022 li{float:left; width:14%; margin:0 20px 20px 0; padding:20px; background:#f5f5f5; border-top:solid 2px #b82841}
.as_list2022.sr_list2022 li {border-top:solid 2px #0e4e96 !important}
.as_list2022 li:nth-child(5n) {margin-right:0}
.as_list2022 figure {text-align:center}
.as_list2022 figure img {border:1px solid #eee; border-radius:10px}
.as_list2022 figcaption{text-align:center;margin-top:15px;line-height:20px;}
.as_list2022 figcaption strong span {background:#b82841; padding:0 10px; margin-right:5px; border-radius:20px; color:#fff}
.as_list2022.sr_list2022 figcaption strong span {background:#0e4e96 !important}
.as_list2022 figcaption p {font-size:13px; margin:10px 0 0 0; padding-top:5px; border-top:solid 1px #ddd}

.as_play_g{overflow:hidden}
.as_play_g li{float:left; width:25%; padding:10px; box-sizing:border-box}
.as_play_g li.last{margin-right:0}
.as_play_g figure{display:block;text-align:center;margin-bottom:10px}
.as_play_g figcaption{text-align:center;margin-top:10px}

/* 우송의 상징 */
.simbol{margin-top:20px}
.simbol .simbol_tx{background-color:#f7f7f8;padding:31px 0 35px 41px;overflow:hidden;margin-bottom:35px}
.simbol .simbol_tx .imgbox{display:block;float:left;width:158px;height:49px;margin:15px 46px 0 0}
.simbol .simbol_tx .tx_box{display:block;width:480px;float:left;font-size:16px;line-height:20px}
.simbol ul.sblist{overflow:hidden;padding-left:190px}
.simbol ul.sblist li{text-align:center;float:left;margin-right:20px}
.simbol ul.sblist li strong{display:block;margin-top:10px}

.lgtype{margin-top:20px;background:url('/site/main/img/lgtype_bg.gif') no-repeat 0 0;padding:35px 0 0 76px;overflow:hidden;height:127px}
.lgtype li{float:left}
.lgtype li.a{margin:14px 71px 0 0}
.lgtype li.b{margin:9px 67px 0 0}

.csys{margin-top:20px;overflow:hidden}
.csys > li{float:left;width:33%;overflow:hidden}
.csys > li h5 {width:100%;height:60px;color:#fff;text-align:center;line-height:60px;}
.csys > li h5.green{background-color:rgb(0,88,38)}
.csys > li h5.blue{background-color:rgb(14,78,150)}
.csys > li h5.red{background-color:#b82841}
.csys > li ul{display:block;margin-top:20px}

.typibox{margin-top:20px;overflow:hidden}
.typibox span{display:block;width:241px;height:149px;float:left;margin-right:20px}
.typibox p{margin:0;font-size:13px; line-height:20px;}

.typilist{margin-top:20px;overflow:hidden}
.typilist li{float:left;margin-right:10px}

.music_box{margin-top:20px;padding:20px 0;border:1px solid #d6d6d6;background-color:#fff;overflow:hidden; text-align:center}
.music_box strong{display:block;margin:30px 0 5px}

/* 우송 소식지 */
.intro0604a .ga_box_list .gallery_list li span img { width: 158px; height: 225px;}
.intro0604a .tabStyle, .intro0604b .tabStyle{margin-top:20px;}
.intro0604a .ga_box_list .gallery_list li {height:300px;}

/* Sol International School */
.highlight {padding:20px;color:#000}
.highlight small{color:#000}
.highlight .eng-name{font-size:22px;font-weight:bold; line-height:120%}
.highlight h1{font-size:40px;font-weight:bold;letter-spacing:-2px;color:#000;line-height:120%}
.highlight .lead{font-size:18px;margin-top:20px}
.highlight .txt p{margin:20px auto;color:#000;line-height:160%}
.highlight .btn {display:inline-block; height:50px; border-radius: 5px; background:#000; background:rgba(14, 78, 150, 0.8); line-height:50px;width:200px;text-align:center; font-weight:bold; font-size:14px; color:#ccc;color:rgba(255, 255, 255, 0.8)}
.highlight .btn:hover {color:#fff;background:rgba(14, 78, 150, 1)}
/*
.sica {background-color:#f67610;}
.sihom {background-color:#241552;}
.simed {background-color:#5bbb43;}
.sira {background-color:#009adb;}
.sibiz {background-color:#ffb135;}
.sima {background-color:#38b497;}
.sires {background-color:#804c9e}
*/
.sica {background-color:#ccc;}
.sihom {background-color:#ccc;}
.simed {background-color:#ccc;}
.sira {background-color:#ccc;}
.sibiz {background-color:#ccc;}
.sima {background-color:#ccc;}
.sires {background-color:#ccc}

.img-circle{border-radius: 0%;}

.list-inline {margin:20px 0;}
.list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;}

.thumbnail {margin-top:20px; overflow:hidden}
.thumbnail li{float:left;width:31%; margin-right:10px; margin-bottom:10px;}

.panel-default {border-color: #ddd !important;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0px 1px 1px rgba(0,0,0,0.05);}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-default > .panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.panel-body {padding: 15px;}
.panel-title {margin-top: 0px;margin-bottom: 0px;font-size: 14px;color: inherit;}

address {margin-top: 20px;font-style: normal;line-height: 1.4285;}

.program {margin:50px 0;background-color: #f5f5f5;padding:20px 10px;overflow:hidden}
.program > div{float:left;width:24%;margin:0 3px; text-align:center}
.program > div > img {border-radius: 50%;}
.program h4 {display:block;margin-top:20px}
.program .dList {display:inline-block}
.program .dList > li {text-align:left}

/* 대학 */
.univ_box{padding:20px 20px 20px 225px;border:1px solid #d6d6d6;overflow:hidden;margin-top:10px}
.univ_box h4 {background:url('../images/titleH4.png') left 3px no-repeat; padding-left:24px; font-size:22px; line-height:20px; color:#000}
.univ_box p{margin:10px 0}
.univ_box .box_btn{float:right;margin-top:4px}
.univ_box .box_btn li{float:left;height:33px;background-color:#b82841;margin-left:10px;padding-right:12px}
.univ_box .box_btn li a{display:block;padding:0 15px;height:33px;line-height:33px;color:#fff;font-weight:bold;background: url('../img/red_btn.png') no-repeat 100% 50%}
.univ_box.uni01{background: #fff url('/site/ent/img/uni01.jpg') no-repeat 20px 20px}
.univ_box.uni02{background: #fff url('/site/ent/img/uni02.jpg') no-repeat 20px 20px}
.univ_box.uni03{background: #fff url('/site/ent/img/uni03.jpg') no-repeat 20px 20px}
.univ_box.uni04{background: #fff url('/site/ent/img/uni04.jpg') no-repeat 20px 20px}
.univ_box.uni05{background: #fff url('/site/ent/img/uni05.jpg') no-repeat 20px 20px}
.univ_box.uni06{background: #fff url('/site/ent/img/uni06.jpg') no-repeat 20px 20px}
.univ_box.uni07{background: #fff url('/site/ent/img/uni07.jpg') no-repeat 20px 20px}
.univ_box.uni08{background: #fff }

/* 학과소개 */
.MajorIntBox {margin-top:20px;width:100%; border:5px solid #ebebeb; padding:20px;overflow:hidden; box-sizing:border-box}
.MajorIntBox .photo {width:300px;border:none; float:left; margin-right:30px}
.MajorIntBox .photo img {width:100%}
.MajorIntBox .major_txt {float:left}
.MajorIntBox .major_txt .sTitle {margin:0;font-size:16px; color:#363636; font-weight:400}
.MajorIntBox .major_txt .mTitle {margin:0;font-size:22px; color:#363636; line-height:40px; font-weight:600}
.MajorIntBox .major_txt .mTitle span {font-size:16px; font-weight:bold; letter-spacing:0px;}
.MajorIntBox .major_txt .info {overflow:hidden;margin:7px 0;color:#707070; font-size:14px; line-height:20px; margin-bottom:20px}
.MajorIntBox .major_txt .info strong {color:#000;}
.MajorIntBox .major_txt .info a {color:#707070;}
.RoundBox {background:#0e4e96; border-radius:100px; padding:20px 0; color:#fff; font-size:18px}
.RoundBox:hover {background:#04366f}
.SquareBox {background:#dfeaf6; box-shadow:0 0 0 1px #0e4e96 inset; padding:20px 0; color:#0e4e96; font-size:15px; font-weight:600; margin-top:20px}
.SquareBox:hover {background:#b2d7ff}
.row2 {overflow:hidden}
.row2 > li {width:28%; margin:10px; float:left; text-align:center}
.row {margin-right:-15px; margin-left:-15px; overflow:hidden}
.col-md-2, .col-md-3, .col-md-4, .col-md-5 {float:left; position:relative; margin-right:15px; margin-left:15px; line-height:20px}
.col-md-2 {width:50%}
.col-md-3 {width:22%}
.col-md-4 {width:30.33333333%}
.col-md-5 {width:17%}

/* 학과소개-호텔외식조리대학 */
.college_Culinary {text-align:center}
.college_Culinary h3{font-size:36px; font-size:36px}
.college_Culinary h4{font-size:20px; color:#999; font-weight:400}
.college_Culinary > .bx-wrapper .bx-pager {display:none}
.college_Culinary .CulinaryProgram {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.college_Culinary .CulinaryProgram li{max-width:50%; margin-bottom:30px}
.college_Culinary .CulinaryProgram li a {position:relative; display:block; overflow:hidden}
.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit {position:absolute; bottom:0; display:flex; align-items:center; text-align:left; padding:0 30px; width:100%; height:35%; font-size:1.125rem; font-weight:500; color:#fff; box-sizing:border-box; transition:.3s}
.college_Culinary .CulinaryProgram li a:hover .CulinaryProgram_tit{height:100%; transition:.3s}
.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit.bg1 {background:rgb(0 88 0 / 60%)}
.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit.bg2 {background:rgb(14 78 150 / 60%)}
.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit h5{font-size:34px; line-height:34px}
.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit p{font-size:16px; font-weight:400; margin:0 auto}
.college_Culinary .CulinaryMajor {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.college_Culinary .CulinaryMajor li {max-width:32%; margin-bottom:20px; border:solid 1px #e5e5e5; transition:.3s}
.college_Culinary .CulinaryMajor li:hover {border:solid 1px #555; transition:.3s}
.college_Culinary .CulinaryMajor li:hover a .CulinaryMajor_tit{color:}
.college_Culinary .CulinaryMajor li a .CulinaryMajor_tit {display:flex; align-items:center; justify-content:space-between; text-align:left; padding:10px 20px; font-weight:500; font-size:18px; line-height:24px}
.CulinaryMajorSubtit > img {vertical-align:middle; margin:0 3px}
.CulinaryMajorSubtit {font-size:20px; background:#ececec; padding:10px}

/* 학과소개-엔디컷국제대학 */
.college_Endicott {text-align:center}
.college_Endicott h3 {font-size:38px}
.college_Endicott h4 {font-size:20px; color:#999; font-weight:400}
.college_Endicott > .bx-wrapper .bx-pager {display:none}
.college_Endicott .EndicottProgram {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.college_Endicott .EndicottProgram li{max-width:49%; margin-bottom:30px}
.college_Endicott .EndicottProgram li a .EndicottProgram_tit {text-align:left; padding:40px 30px; width:95%; height:250px; margin:-40px auto 0 auto; font-size:0.85rem; box-sizing:border-box; color:#191919; position:relative}
.college_Endicott .EndicottProgram li a .EndicottProgram_tit.bg1 {background:#f3e9eb}
.college_Endicott .EndicottProgram li a .EndicottProgram_tit.bg2 {background:#e7edf4}
.college_Endicott .EndicottProgram li a .EndicottProgram_tit h5{font-size:26px; line-height:30px}
.college_Endicott .EndicottProgram li a .EndicottProgram_tit p{font-size:14px; font-weight:400; margin:0 auto; color:#999}
.college_Endicott .EndicottProgram li a .EndicottProgram_tit ul li {max-width:100%; margin-bottom:5px; background:url(../images/listDot.png) 5px 11px no-repeat; padding-left:15px}
.college_Endicott .EndicottMajor {display:flex; align-items:center; flex-wrap:wrap; margin:0 -10px}
.college_Endicott .EndicottMajor li {max-width:calc(33% - 20px); border:solid 1px #e5e5e5; transition:.3s; margin:10px}
.college_Endicott .EndicottMajor li:hover {border:solid 1px #555; transition:.3s}
.college_Endicott .EndicottMajor li:hover a .EndicottMajor_tit{color:}
.college_Endicott .EndicottMajor li a .EndicottMajor_tit {text-align:left; padding:0 20px; font-weight:500; font-size:18px; line-height:22px; position:relative; height:100px; display:flex; align-items:center}
.Major_homebtn {position:absolute; top:-23px; right:20px; padding:9px 11px; border-radius:100px}
/*.college_Endicott .EndicottMajor li:hover .Major_homebtn {background:#fff !important; color:#b82841 !important; border:solid 1px #b82841 !important; transition:.3s}*/
.EndicottMajor_name {font-size:12px; color:#7d7d7d}
.EndicottMajorSubtit {font-size:16px; background:#ececec; padding:10px}

/* 대학원 소개 연혁 */
dl.years{overflow:hidden}
dl.years dt{width:105px;display:block;float:left}
dl.years dd{;display:block;float:left;width:630px;margin-bottom:15px}

/* 국가장학금 신청절차 */
.nation_box{padding:30px;background-color:#f7f7f8}
.nation_box .nation_list{overflow:hidden;height:68px}
.nation_box .nation_list li{float:left;padding-left:20px; background: url('/site/main/img/nation_arr.png') no-repeat 8px 50%}
.nation_box .nation_list li.first{padding-left:0;background-image:none}
.nation_box .nation_list .nation_in{line-height:16px;color:#fff;font-weight:bold;width:153px;padding:18px 0;text-align:center;vertical-align:middle}
.nation_box .nation_list li.nation01 .nation_in{padding:26px 0;background-color:#005825}
.nation_box .nation_list li.nation02 .nation_in{background-color:#b82841}
.nation_box .nation_list li.nation03 .nation_in{background-color:#b82841}
.nation_box .nation_list li.nation04 .nation_in{padding:26px 0;background-color:#b82841}

/*솔지오*/
#bx-pager a img{margin:0;display:inline-block;width:123px;}

div.group.type6{margin:20px 0;position:relative;padding:20px;background:#f7f7f8 url('../images/group_type6.png') no-repeat 0 0}
div.group.type6 ul.dep1{overflow:hidden}
div.group.type6 ul.dep1 li{float:left}
div.group.type6 ul.dep1 li span{margin:57px 0 0 30px;color:#fff}
div.group.type6 ul.dep1 li.green span{width:161px;background-color:#005825;margin:57px 0 0 20px}
div.group.type6 ul.dep1 li.last span{margin-left:0}
div.group.type6 ul.dep1 li.dep2{margin:10px 30px 0;}
div.group.type6 ul.dep1 li.dep2 ul li{clear:both;margin-bottom:10px}
div.group.type6 ul.dep1 li.dep2 ul li span{background-color:#b82841;margin:0}

div.group ul.dep1 li{text-align:center;color:#fff;font-weight:bold}
div.group ul.dep1 li span{margin:0 auto;display:block;width:130px;height:40px;line-height:40px;background-color:#b82841;}
div.group ul.dep1 li span.tx2line{line-height:16px;padding:4px 0;height:32px}
div.group ul.dep2{margin-top:30px;overflow:hidden}
div.group ul.dep2 li span{margin:0;background-color:#b82841}

div.group.type7{margin:20px 0;position:relative;padding:20px;min-height:450px;background:#f7f7f8 url('/site/main/img/group_type7.png') no-repeat 0 }
div.group.type7 ul.dep1{position:absolute;top:20px;left:0;}
div.group.type7 ul.dep1 li{float:left;margin-right:20px}
div.group.type7 ul.dep1 li span{width:180px;padding:20px 0; line-height:120%;color:#fff}
div.group.type7 ul.dep2{position:absolute;top:95px;left:0;overflow:visible}
div.group.type7 ul.dep2 li{float:left;margin-right:20px}
div.group.type7 ul.dep2 li span{width:180px;padding:20px 0; background-color:#005825}
div.group.type7 ul.dep3{position:absolute;top:95px;left:0;width:634px}
div.group.type7 ul.dep3 li{float:left;margin-right:30px}
div.group.type7 ul.dep3 li span{width:180px;padding:20px 0; background-color:#b82841}
div.group.type7 ul.dep3 li span.tx3line{width:130px}
div.group.type7 div.dep4w{position:absolute;top:95px;left:0}
div.group.type7 ul.dep4{float:left;width:178px;border:1px solid #cccccc; background-color:#fff;margin-right:30px;padding:20px 0;overflow:hidden}
div.group.type7 ul.dep4 li{width:100%;color:#333333;font-weight:normal}
div.group.type7 .sol_title {text-align:center; color:#fff; font-weight:bold; width:130px; display:block; line-height:14px;padding:30px 0 35px;height:auto; background:#333333; position:absolute; top:50px; left:93px; padding-top:}
div.group.type7 .tx3line{}
div.group.type7 .tx2line{}

/*총 학생회 */
div.stu_top {position:relative;padding:25px 30px;height:250px;border:1px solid #d6d6d6;background-color:#f8f8f8;overflow:hidden; text-align:center}
div.stu_top .stu_btn {display:flex; align-items:center; justify-content:center; margin-top:10px}
div.stu_list{position:relative;padding:25px 30px;border:1px solid #d6d6d6;border-top:none;background-color:#f8f8f8;overflow:hidden}
div.stu_list ul{overflow:hidden;margin-left:200px}
div.stu_list ul li{float:left;width:33%;margin:0 0 20px 0; text-align:center}
div.stu_list ul li em{display:block;font-weight:bold;color:#b82841;font-size:12px;text-align:center;margin-top:5px;font-style:normal}
div.stu_list ul li span{display:block;font-weight:bold;font-size:12px;text-align:center}
div.stu_list ul li.last{margin-right:0}
div.stu_list ul.first{margin:10px 0 25px 200px}
div.stu_list ul.first li{width:50%;margin-right:0;margin-bottom:0}
div.stu_list ul.first li em{display:block;font-weight:bold;color:#b82841;font-size:14px;text-align:center;font-style:normal}
div.stu_list ul.first li span{display:block;font-weight:bold;font-size:14px;text-align:center}
.text_stu {position:absolute; top:35px; left:20px;}

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

/* 식단안내 */
.menu_list {overflow:hidden}
.menu_list li {float:left; margin-right:18px; width:240px; text-align:center; margin-bottom:20px; font-size:13px}
.menu_list li:nth-child(3) {margin-right:0}
#menuArea h4 {margin-top:30px;background:url(../images/titleH4.png) left center no-repeat; padding-left:24px; font-size:16px; color:#000}

/* 교내 방역소독 현황 */
.campus_list {overflow:hidden}
.campus_list li {float:left; margin-right:18px; width:220px; text-align:center; margin-bottom:20px; font-size:13px}
.campus_list li:nth-child(4) {margin-right:0}

/* 우송리더십센터 */
.org_box {overflow:hidden; margin-top:30px; background:#f5f5f5; height:200px}
.org_box .photo {float:left; width:300px; box-sizing:border-box;overflow:hidden;}
.org_box .photo img{width:300px; height:200px}
.org_box .txt {padding:20px;box-sizing:border-box;overflow:hidden;}
.org_box .txt h1.tit {font-size:20px;}
.org_box .txt p{line-height:160%}

/* 사이트맵 */
.sitemap_box{overflow:hidden}
.sitemap_box a{font-size:16px; color:#000}
.sitemap_box a:hover {color:#b82841}
/*.sitemap_box h4.tit01 {margin:30px 0 20px;background:url('../images/titleH4.png') left 1px no-repeat; padding-left:24px; font-size:16px; color:#000}*/
.sitemap_box h5 {margin:20px 0 10px;}
.sitemap_box ul li {float:left; width:250px; padding: 0;}
.sitemap_box .depth1 {margin:10px 0; overflow:hidden}
.sitemap_box .depth1 li {background:url('../images/listDot.png') left 11px no-repeat; padding-left:10px; }
.vat{vertical-align:top;margin-left:10px}

.siteList li {float:left; background:url('../images/listDot.png') left 7px no-repeat; padding-left:10px; width:180px; text-align:left}
.siteList li a{font-size:13px; color:#000}
.siteList li a:hover {color:#b82841}

/* 로그인 */
.login_box{max-width:760px;margin:0 auto;border-bottom:1px solid #e4e4e5;}
.login_box .log_wrap {overflow:hidden;max-width:390px;position:relative;margin:40px auto 0 auto}
.login_box .log_wrap div {overflow:hidden;}
.login_box .log_wrap .id_box{margin-bottom:10px}
.login_box .log_wrap .pw_box{margin:0}
.login_box .log_wrap label{float:left; margin:0; width:60px;height:34px;display:block;font-weight:bold;color:#000;line-height:34px}
.login_box .log_wrap input{float:left; padding:0; width:220px;height:30px;display:block;border:1px solid #dadada;line-height:30px;}
.login_box .log_wrap .sb_box{width:100px;height:76px;position:absolute; top:0; right:0}
.login_box .log_wrap .sb_box input{;width:100px;height:76px;background-color:#b82841;color:#fff;font-weight:bold;border:none;cursor:pointer}
.login_box .noti{max-width:400px;margin:30px auto;}
.login_box .info {max-width:400px;margin:30px auto;padding:10px 0; text-align:center;background-color:#ececec; font-size:14px}
.login_box .info a {color:#000}
.login_box .info .bar {display: inline-block;margin:0 5px; width: 1px;height: 13px;background: #e4e4e5;text-indent: -999em;}

/* 게시판 첨부파일 안보이게 */
.community0106 .dep3,.community0107 .dep3  {display:none}


/* PDF */
.pdfTab {text-align:center}
.pdfTab a {display:inline-block; text-align:center; background:#f7f8fa; border:1px solid; border:1px solid #dbdbdb; color:#4e4e4e; padding:10px 20px; margin:0 2px; font-size:14px; font-weight:600; border-radius:20px}
.pdfTab a:hover {background:#555; color:#fff; text-decoration:none}
.pdfTab a:hover i {color:#fff}
.pdf_viewer {margin-top:20px}
.pdf_viewer .view object {border:1px solid #ddd}
.pdf_viewer .mobile {display:none}

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

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

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

.directStyle {position:relative; margin-bottom:5px; font-size:11px}
.directStyle li span {padding-left:10px}
.directStyle > div {position:absolute; bottom:0; right:0}
.directStyle2 {position:relative; font-size:13px; font-weight:600; margin-top:30px}
.directStyle2 li {margin-bottom:5px}
.directStyle2 li span {padding-left:10px}
.directStyle2 > div {position:absolute; bottom:0; right:0; font-size:12px; font-weight:400}
.directorWrap {overflow:hidden; margin-top:30px}
.directorWrap > li:first-child {float:left}
.directorWrap > li:last-child {float:right}
.directorWrap > li {width:47%; border-top:2px solid #333; border-bottom:2px solid #333; padding:20px; box-sizing:border-box; position:relative}
.directorWrap > li h5 {font-size:20px}
.directorWrap > li > ul {margin-top:10px; padding-left:5px}
.directorWrap > li > ul > li {line-height:24px}
.directorWrap > li a {width:110px; height:110px; position:absolute; top:20px; right:0}
.directorWrap > li a .fa-circle {font-size:110px; color:#0e4e96}
.directorWrap > li a:hover .fa-circle {color:red}
.directorWrap > li a .fa-download {font-size:35px; top:28px}
.directorWrap > li a .fa-txt {color:#fff; top:51%; font-size:13px; letter-spacing:-0.75px; font-weight:600}


.sub_viewer {border:1px solid #ddd; margin-top:15px; z-index:90}

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


.onMediaBtn {padding:8px 20px; background:#b72842; color:#fff; display:inline-block; font-size:13px; font-weight:bold; margin:0 10px 0 0}


.embed-responsive {position:relative !important; display:block !important; height:0 !important; padding:0 !important; overflow:hidden !important; padding-bottom:56.25% !important}
.embed-responsive-item {position:absolute !important; top:0 !important; bottom:0 !important; left:0 !important; width:100% !important; height:100% !important; border:0 !important; padding:0 !important;}



video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.bx-wrapper .bx-controls-direction a, .mainVisual_roll .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto {z-index:999}

.blinking{
	-webkit-animation:blink 0.7s ease-in-out infinite alternate;
    -moz-animation:blink 0.7s ease-in-out infinite alternate;
    animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {border-radius:20px}
    100% {border-radius:0}
}
@-moz-keyframes blink{
    0% {border-radius:20px}
    100% {border-radius:0}
}
@keyframes blink{
    0% {border-radius:20px}
    100% {border-radius:0}
}
.btnMajorInfo {display:inline-block; font-size:13px; padding:10px 20px; background:#0e4e96; color:#fff; font-weight:600; position:absolute; top:100px; right:0; z-index:999; transition:all 0.3s ease-in-out}
.btnMajorInfo:hover {border-radius:20px !important; background:#b82841 !important}

.majorBoxWrap {position:relative; margin-top:20px}
.majorBoxWrap .majorText {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; background:rgba(0,0,0,0.7); padding:15px 25px; color:#fff}
.majorBoxWrap .majorText > h4 {font-size:28px}
.majorBoxWrap .majorText > h5 {font-size:18px; color:rgba(255,255,255,0.9); font-weight:400}
.majorBoxWrap .majorInfo {font-size:16px; color:rgba(255,255,255,0.9); font-weight:300; margin-top:5px; letter-spacing:0}
.majorBoxWrap .majorInfo span {padding:0 10px}
.majorBoxWrap .majorBtnWrap {position:absolute; bottom:15px; right:25px}
.majorBoxWrap .majorBtnWrap .majorBtn1 {font-size:16px; font-weight:400; color:#fff; border:2px solid #fff; padding:8px 0; text-align:center; display:block; width:160px; border-radius:5px}
.majorBoxWrap .majorBtnWrap .majorBtn1:hover {background:#fff; color:#000}
.majorBoxWrap .majorBtnWrap .majorBtn2 {font-size:16px; font-weight:400; color:#fff; border:2px solid #fff; padding:8px 0; text-align:center; display:block; width:160px; border-radius:5px; margin-top:5px}
.majorBoxWrap .majorBtnWrap .majorBtn2:hover {background:#fff; color:#000}

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

.textareaStyle {border:1px solid #d7d7d7; padding:15px; width:100%; resize:vertical; box-sizing:border-box}

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

/* guideBox */
.guideBox {border:1px solid #cfcfcf; border-radius:4px; box-sizing:border-box; padding:30px 30px 20px 30px; overflow:hidden}
.guideBox dt {float:left; width:33%; margin-right:30px}
.guideBox dd {float:left; width:60%}
.guideBox dd h5 {font-size:34px; font-weight:600}
.guideBox dd p {font-size:18px; font-weight:400}

/* mainFixPop */
.mainFixPop {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background:rgba(0,0,0,0.9); overflow-y:auto;}
.mainFixPop .inner {max-width:1360px; /*max-width:1020px;*/margin:0 auto; box-sizing:border-box; position:relative; padding-bottom:80px; text-align:center}
.mainFixPop .inner > div {display:inline-block; margin:8px; width:calc(25% - 20px); /*width:calc(33.33% - 20px)*/; vertical-align:top}
.mainFixPopClose {position:absolute; left:0; bottom:20px; width:100% !important; text-align:center; margin:0 !important}
.mainFixPopClose a {display:inline-block; border:1px solid #fff; color:#fff; padding:12px 30px; font-size:16px; transition:.3s}
.mainFixPopClose a i {margin-left:10px; font-size:20px; vertical-align:bottom}
.mainFixPopClose a:hover, .mainFixPopClose a:focus {background:#fff; color:#333}

.textOverflow {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

/* chatbotLogin */
.chatbotLogin {max-width:450px; margin:0 auto; padding:60px 40px 80px 40px; box-sizing:border-box; background:#eff1f8; overflow:hidden}
.chatbotLogin h1 > img {max-height:40px; margin:0 auto}
.chatbotLogin_form {margin-top:40px}
.chatbotLogin_input {display:flex; align-items:center; width:100%; height:50px; border:none; padding:10px 20px; box-sizing:border-box; margin-bottom:10px; color:#333; font-size:14px; font-weight:400}
.chatbotLogin_input::placeholder {color:#999; font-size:14px; font-weight:400}
.chatbotLogin_input:-internal-autofill-selected {box-shadow:inset 0 0 20px 20px #fff}
.chatbotLogin_btn {display:flex; align-items:center; justify-content:center; width:100%; height:50px; border:none; background:#0e4e96; color:#fff; font-size:16px; font-weight:700; margin-top:25px; transition:.3s; cursor:pointer}
.chatbotLogin_btn:hover {background:#08376d}
.chatbotLogin_info {margin-top:10px; font-size:15px; line-height:150%}
.chatbotLogin_link {margin-top:30px; font-size:14px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; color:#616161}


.popVideo {display:none; position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.9); padding:30px; box-sizing:border-box}
.popVideo.active {display:flex}
.popVideo .inner {width:100%; max-width:1000px; position:relative; padding-bottom:0}
.popVideo video {width:100%; max-width:1000px}
.popVideoClose {position:absolute; top:0px; right:-40px; border:none; padding:0px; font-size:50px; color:#fff; cursor:pointer}
.popVideoClose i {vertical-align:top}

.sc_tt {font-size:18px}


.mainIntroPopup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999999999; background:rgba(0,0,0,0.85); padding:3.6458vw 3.1250vw; box-sizing:border-box; display:flex; align-items:baseline; justify-content:center; overflow-y:scroll}
.mainIntroinner {width:100%; max-width:83.3333vw; height:41.1458vw; box-sizing:border-box; border-radius:1.5625vw; background-image:linear-gradient(to right, #0D4E96 26.0417vw, #fff 26.0417vw); position:relative}
.mainIntroinner > .inner {padding:2.3438vw 2.6042vw 3.6458vw 2.6042vw; height:100%; box-sizing:border-box}
.mainIntroPopupClose {display:inline-block; position:absolute; right:-60px; top:-10px}
.mainIntroPopupClose > i {font-size:3.1250vw; color:#fff}
.mip_mobileClose {position:fixed; bottom:20px; left:50%; transform:translateX(-50%); color:#000; opacity:0; visibility:hidden; transition:opacity 0.5s ease, visibility 0.5s ease; z-index:10000; display:inline-flex; background:#fff; padding:10px 25px; font-size:15px; border-radius:5px}
.mip_mobileClose.visible {opacity:1; visibility:visible}
.mobileLink {display:none}
.snsIcon {text-align:right}
.snsIcon > a {margin-left:0.5208vw}
.snsIcon > a img {vertical-align:bottom}
.snsIcon > a:last-child {margin-right:1.5625vw}
.mainIntroPop {max-width:31.7708vw; border-radius:1.0417vw; overflow:hidden; margin-right:1.5625vw; box-shadow:0 0.1563vw 0.3125vw rgba(0, 0, 0, 0.1)}
.mainIntroTop {display:flex; justify-content:space-between; margin-top:1.0417vw}
.mainIntroTop-left {display:flex; width:100%; max-width:66.6667vw}
.mainIntroTop-right {width:calc(100% - 66.6667vw)}
.miLink-1, .miLink-2, .miLink-3 {display:flex; align-items:center; justify-content:center; width:100%; height:3.2292vw; font-size:0.9375vw; font-weight:600; color:#fff; border-radius:0.5208vw; position:relative; overflow:hidden; transition:color 0.3s ease; z-index:1; padding:0 0.7813vw; box-sizing:border-box}
.miLink-1 {background:#005825; margin-bottom:0.4688vw; animation:blink-bg 1s step-end infinite}
@keyframes blink-bg {
	50% {background-color:#003a19}
	100% {background-color:#005825}
}
.miLink-1::before {content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#003a19; z-index:-1; transition:width 0.4s ease}
.miLink-2 {background:#0D4E96; margin-bottom:0.4688vw}
.miLink-2::before {content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#074080; z-index:-1; transition:width 0.4s ease}
.miLink-3 {background:#B72842}
.miLink-3::before {content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#a51d36; z-index:-1; transition:width 0.4s ease}
.miLink-1:hover::before, .miLink-2:hover::before, .miLink-3:hover::before {width:100%}
.miLink-1:hover, .miLink-2:hover, .miLink-3:hover {color:#fff}
.miLink-1 > *, .miLink-2 > *, .miLink-3 > * {position:relative; z-index:2}

.mainIntroBottom {display:flex; justify-content:space-between; margin-top:1.5625vw}
.mainIntroBottom-left {width:100%; max-width:11.7708vw}
.mainIntroBottom-left > h3 {font-size:1.5625vw; font-wieght:700; color:#fff; margin-top:2.6042vw}
.mainIntroFilter {margin-top:2.3438vw}
.mainIntroFilter > li {margin-bottom:0.6250vw}
.mainIntroFilter > li > a {font-size:1.0417vw; font-weight:400; color:rgba(255,255,255,0.6); position:relative}
.mainIntroFilter > li > a:after {content:''; position:absolute; top:0.7813vw; left:calc(100% + 0.5208vw); display:block; width:0; height:0.1042vw; background:#fff; transition:width 0.4s ease}
.mainIntroFilter > li > a.active {color:#fff}
.mainIntroFilter > li > a.active:after {width:2.6042vw}
.mainIntroFilter > li > a:hover {color:#fff}
.custom-navigation {display:flex; align-items:center; margin-top:2.6042vw}
#customPrevBtn, #customNextBtn {display:flex; align-items:center; justify-content:center; width:3.1250vw; height:3.1250vw; background:#fff; border-radius:100%; font-size:1.7708vw; color:#0D4E96; transition:.3s}
#customNextBtn {margin-left:0.2604vw}
#customPrevBtn:hover, #customPrevBtn:focus, #customNextBtn:hover, #customNextBtn:focus {background:#009CFF; color:#fff}

.mainIntroBottom-right {width:calc(100% - 11.7708vw)}
.mainIntroBottom-right .bx-wrapper {margin:0 !important}
.mainIntroBottom-right .bx-wrapper .bx-viewport {height:auto !important}
.mainIntroSlider {display:none}
.mainIntroSlider > div {padding:0.5208vw}
.mainIntroSlider > div .shadow-wrapper {height:19.2188vw; box-shadow:0 0.1563vw 0.3125vw rgba(0,0,0,0.1); border-radius:1.3021vw 3.3854vw 1.3021vw 1.3021vw; background:#fff; box-sizing:border-box; transition:.3s; border:0.1042vw solid transparent; padding:1.4583vw 1.5625vw 2.8125vw 1.5625vw; position:relative}
.mainIntroSlider > div .shadow-wrapper2 {height:19.2188vw; box-shadow:0 0.1563vw 0.3125vw rgba(0,0,0,0.1); border-radius:1.3021vw 3.3854vw 1.3021vw 1.3021vw; background:#fff; box-sizing:border-box; transition:.3s; border:0.1042vw solid transparent; padding:0; position:relative; display:block; overflow:hidden}
.mainIntroSlider > div.active .shadow-wrapper, .mainIntroSlider > div:hover .shadow-wrapper {animation:borderAnimation 0.5s linear forwards}
.mainIntroSlider > div.active .shadow-wrapper2, .mainIntroSlider > div:hover .shadow-wrapper2 {animation:borderAnimation 0.5s linear forwards}
.shadow-wrapper > h3 {font-size:1.5625vw; font-weight:900; color:#333; line-height:1.9792vw}
.shadow-wrapper > h4 {font-size:0.9375vw; font-weight:400; color:#333; line-height:1.2500vw}
.shadow-wrapper > h4 strong {font-weight:700}
.shadow-wrapper > h5 {font-size:0.8333vw; font-weight:400}
.mainIntroBanList1 > li {font-size:0.7813vw; font-weight:600; line-height:1.0417vw; color:#333; display:flex; margin-bottom:0.2604vw}
.mainIntroBanList1 > li:before {content:'-'; margin-right:0.2604vw}
.mainIntroBanList2 > li {font-size:0.7813vw; font-weight:600; line-height:1.0417vw; color:#333; display:flex; margin-bottom:0.2604vw}
.mainIntroBanList2 > li:before {content:'*'; margin-right:0.2604vw; margin-top:0.1042vw}
.mainIntroBanMore {display:block; position:absolute; bottom:0; left:1.5625vw; width:calc(100% - 3.1250vw); background:#fff; border-top:0.0521vw solid rgba(0,0,0,0.3); padding:0.7292vw 0 0.9375vw 0; font-size:0.7813vw; font-weight:500; color:#333; box-sizing:border-box}
.mainIntroSlider > div:hover .mainIntroBanMore {border-color:#0D4E96; color:#0d4e96}

@keyframes borderAnimation {
    0% {
        border-top: 0.1042vw solid transparent;
        border-right: 0.1042vw solid transparent;
        border-bottom: 0.1042vw solid transparent;
        border-left: 0.1042vw solid transparent;
    }
    25% {
        border-top: 0.1042vw solid #0D4E96;
        border-right: 0.1042vw solid transparent;
        border-bottom: 0.1042vw solid transparent;
        border-left: 0.1042vw solid transparent;
    }
    50% {
        border-top: 0.1042vw solid #0D4E96;
        border-right: 0.1042vw solid #0D4E96;
        border-bottom: 0.1042vw solid transparent;
        border-left: 0.1042vw solid transparent;
    }
    75% {
        border-top: 0.1042vw solid #0D4E96;
        border-right: 0.1042vw solid #0D4E96;
        border-bottom: 0.1042vw solid #0D4E96;
        border-left: 0.1042vw solid transparent;
    }
    100% {
        border-top: 0.1042vw solid #0D4E96;
        border-right: 0.1042vw solid #0D4E96;
        border-bottom: 0.1042vw solid #0D4E96;
        border-left: 0.1042vw solid #0D4E96;
    }
}
.filterHide {visibility:hidden; opacity:0; width:0 !important; padding:0 !important; margin-right:0 !important}

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


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

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


/* 신편입생 대학생활안내 */
.campuslife-block {display:none}

.btnHandbookWrap {display:flex; justify-content:center}
.btnHandbook {font-size:20px; color:#0d4e96; padding:0 15px}

.majorList {display:flex}
.majorList-left {max-width:420px; flex-shrink:0; margin-right:25px}
.majorList2 {display:flex}
.majorList2 .majorList-left {margin-left:25px}
.majorListBtn {display:flex; align-items:center; justify-content:center; background:#0D4E96; color:#fff; width:100%; padding:10px 0; font-size:15px; font-weight:700; margin-top:10px; transition:.3s}
.majorListBtn:hover, .majorListBtn:focus {background:#011858}
.majorListBtn > i {font-size:14px; margin-left:10px}
.majorList-right {width:100%}
.majorListTit1 {font-family:"Pretendard Variable", Pretendard, sans-serif; background:url('../images/majorListTit.png') left center no-repeat; padding-left:31px; font-size:26px; font-weight:900; color:#0D4E96; margin-top:-5px}
.majorListTit2 {font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:24px; font-weight:900; line-height:30px; color:#000; margin-top:12px}
.majorListTit2 > span {font-family:"Pretendard Variable", Pretendard, sans-serif; box-shadow:0 -10px 0 #2F6AFF33 inset; display:inline}
.majorListTit2.majorListTit2a {font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:20px}
.majorListTit2-small {font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:14px; font-weight:400}
.majorListTit3 {font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:18px; font-weight:700; line-height:22px; color:#222; margin-top:7px}
.majorListTxt {margin-top:20px}
.majorListTxt > li {font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:15px; font-weight:500; letter-spacing:-0.45px; line-height:20px; color:#333; display:flex; margin-bottom:7px}
.majorListTxt > li:before {flex-shrink:0; content:'•'; font-size:15px; font-weight:400; margin-right:3px}
.majorListTxt > li:last-child {margin-bottom:0}


@media (max-width: 1200px) {
	.pi_label_cnt .pi_label_cnt_s {font-size:12px}
}
@media (max-width: 900px) {
	.pi_label_wrap {flex-direction:column; align-items:center}
	.pi_label_wrap li {width:100%}
	.pi_label_box {height:auto}
	.pi_label_cnt .pi_label_cnt_s {font-size:13px}
}

@media (max-width: 767px) {
  .hidden-xs {display:none !important}
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display:none !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display:none !important}
}
@media (min-width: 1200px) {
  .hidden-lg {display:none !important}
}

@media screen and (max-width:1920px) {
	.mainIntroPopup {padding:70px 60px}
	.mainIntroinner {max-width:1600px; height:790px; border-radius:30px; background-image:linear-gradient(to right, #0D4E96 500px, #fff 500px)}
	.mainIntroinner > .inner {padding:45px 50px 70px 50px}
	.mainIntroPopupClose {right:-50px; top:-10px}
	.mainIntroPopupClose > i {font-size:60px}
	.snsIcon > a {margin-left:10px}
	.snsIcon > a:last-child {margin-right:30px}
	.mainIntroPop {max-width:610px; border-radius:20px; margin-right:30px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.1)}
	.mainIntroTop {margin-top:20px}
	.mainIntroTop-left {max-width:1280px}
	.mainIntroTop-right {width:calc(100% - 1280px)}
	.miLink-1, .miLink-2, .miLink-3 {height:62px; font-size:18px; border-radius:10px; padding:0 15px}
	.miLink-1 {margin-bottom:9px}
	.miLink-2 {margin-bottom:9px}

	.mainIntroBottom {margin-top:30px}
	.mainIntroBottom-left {max-width:226px}
	.mainIntroBottom-left > h3 {font-size:30px; margin-top:50px}
	.mainIntroFilter {margin-top:45px}
	.mainIntroFilter > li {margin-bottom:12px}
	.mainIntroFilter > li > a {font-size:20px}
	.mainIntroFilter > li > a:after {top:15px; left:calc(100% + 10px); height:2px}
	.mainIntroFilter > li > a.active:after {width:50px}
	.custom-navigation {margin-top:50px}
	#customPrevBtn, #customNextBtn {width:60px; height:60px; font-size:34px}
	#customNextBtn {margin-left:5px}

	.mainIntroBottom-right {width:calc(100% - 226px)}
	.mainIntroSlider > div {padding:10px}
	.mainIntroSlider > div .shadow-wrapper {height:369px; box-shadow:0 3px 6px rgba(0,0,0,0.1); border-radius:25px 65px 25px 25px; border:2px solid transparent; padding:28px 30px 54px 30px}
	.mainIntroSlider > div .shadow-wrapper2 {height:369px; box-shadow:0 3px 6px rgba(0,0,0,0.1); border-radius:25px 65px 25px 25px; border:2px solid transparent; padding:0}
	.shadow-wrapper > h3 {font-size:30px; line-height:38px}
	.shadow-wrapper > h4 {font-size:18px; line-height:24px}
	.shadow-wrapper > h5 {font-size:16px}
	.mainIntroBanList1 > li {font-size:15px; line-height:20px; margin-bottom:5px}
	.mainIntroBanList1 > li:before {margin-right:5px}
	.mainIntroBanList2 > li {font-size:15px; line-height:20px; margin-bottom:5px}
	.mainIntroBanList2 > li:before {margin-right:5px; margin-top:2px}
	.mainIntroBanMore {left:30px; width:calc(100% - 60px); padding:14px 0 18px 0; font-size:15px}
	@keyframes borderAnimation {
		0% {
			border-top: 2px solid transparent;
			border-right: 2px solid transparent;
			border-bottom: 2px solid transparent;
			border-left: 2px solid transparent;
		}
		25% {
			border-top: 2px solid #0D4E96;
			border-right: 2px solid transparent;
			border-bottom: 2px solid transparent;
			border-left: 2px solid transparent;
		}
		50% {
			border-top: 2px solid #0D4E96;
			border-right: 2px solid #0D4E96;
			border-bottom: 2px solid transparent;
			border-left: 2px solid transparent;
		}
		75% {
			border-top: 2px solid #0D4E96;
			border-right: 2px solid #0D4E96;
			border-bottom: 2px solid #0D4E96;
			border-left: 2px solid transparent;
		}
		100% {
			border-top: 2px solid #0D4E96;
			border-right: 2px solid #0D4E96;
			border-bottom: 2px solid #0D4E96;
			border-left: 2px solid #0D4E96;
		}
	}
}

@media screen and (max-width:1700px) {
	.mainIntroTop-right {display:none}
	.snsIconWrap {display:flex; align-items:center; justify-content:flex-end}
	.mobileLink {display:flex; margin-right:10px}
	.miLink-1, .miLink-2, .miLink-3 {margin:0 4px; height:36px; font-size:14px; border-radius:5px; padding:0 10px; font-weight:400; border:1px solid #fff}
	.snsIcon > a {margin-left:5px}
	.snsIcon > a:last-child {margin-right:10px}
	.mainIntroTop {display:block}
	.mainIntroTop-left {max-width:100%}
	.mainIntroPop {max-width:50%}
	.mainIntroPop:last-child {margin-right:0}
}

@media screen and (max-width:1440px) {
	.mainIntroinner {background-image:linear-gradient(to right, #0D4E96 350px, #fff 350px)}
	.mainIntroPopupClose {right:-40px; max-width:36px}
}

@media screen and (max-width:1279px) {
	.hidden-1279 {display:none !important}
	#headerTop, header {padding:0 15px; box-sizing:border-box}
	#headerTop > section .utilLeft > li a, #headerTop > section .utilRight > li a {margin-right:10px}
	#headerTop > section .utilLeft > li a:after, #headerTop > section .utilRight > li a:after {margin-left:10px}
	.innerAside {padding:15px}
	.innerAside img {display:none}
	nav.gnb > ul > li {margin-right:20px}
	.innerCon > ul {max-height:410px}
	footer section, #footerSiteWrap > section {padding:0 15px}
	.footerBottom {padding:20px 15px}
	.col-md-3, .row2 > li {width:46%}
}

@media screen and (max-width:1246px) {
	.as_list2022 li {width:18%}
	.as_list2022 li:nth-child(5n) {margin-right:20px}
	.college_Culinary .CulinaryMajor li {max-width:49%}
}

@media screen and (max-width:1150px) {
	.footerTop ul.ftLeft {float:none; padding:15px 0 5px 0}
	.go_site1, .go_site2 {margin-bottom:10px}
	.majorBoxWrap .majorText {padding:10px 15px}
	.majorBoxWrap .majorText > h4 {font-size: 24px;}
	.majorBoxWrap .majorText > h5 {font-size: 15px}
	.majorBoxWrap .majorInfo {font-size:14px}
	.majorBoxWrap .majorBtnWrap {right:15px}
	.majorBoxWrap .majorBtnWrap .majorBtn1 {font-size:14px;padding:5px 0;width:140px}
	.majorBoxWrap .majorBtnWrap .majorBtn2 {font-size:14px;padding:5px 0;width:140px}
	.mainFixPop .inner > div {width:calc(33.33% - 20px)}
	.college_Endicott .EndicottProgram li {max-width:100%}
	.college_Endicott .EndicottProgram li a .EndicottProgram_tit {height:auto}
}

@media screen and (max-width:1024px) {
	#headerTop > section .utilLeft {display:none}
	#headerTop > section .utilRight {float:left}
	header section a.btn_side, nav.gnb .tit, nav.gnb .close, .mUtil {display:block}
	nav.gnb {display:none; position:fixed; top:0; right:0; width:250px; height:100%; z-index:99999; background:#fff; overflow-y:scroll}
	nav.gnb > ul {float:none}
	nav.gnb > ul > li {float:none; margin-right:0; border-bottom:1px solid #ccc}
	nav.gnb > ul > li > a {display:block; font-size:16px; padding:12px 15px}
	nav.gnb > dl {display:none}
	.innerGnbWrap {position:relative; top:0; left:0; border-bottom:none}
	.innerAside {display:none}
	.innerCon {display:block; padding:15px; width:100%; height:auto}
	.innerCon > ul {columns:auto !important; max-height:1400px !important}
	.innerCon > ul > li {margin-bottom:10px}
	.innerCon > ul > li > a {padding:5px 10px; font-size:13px; font-weight:600}
	.innerCon > ul > li > ul {margin:0 0 0 12px}
	.innerCon > ul > li > ul > li > a {font-size:13px; background:url(../images/gnb_3dep.gif) 3px 11px no-repeat}
	#section .lnb {width:100%; float:none}
	#section .lnb .lnb_title a {height:auto; line-height:inherit; font-size:18px; font-weight:500; padding:10px 0}
	#section .lnb .lnb_list {display:none; font-size:14px}
	#section .lnb .lnb_list > li > a {height:auto; line-height:inherit; padding:10px 20px}
	#section .lnb .lnb_list > li .depth2 .depth2_list {padding:0}
	#section .lnb .lnb_list > li .depth2 .depth2_list li > a {line-height:30px}
	.lnbArrow {display:inline-block !important; vertical-align:middle; margin-top:-10px}
	#section #con {float:none; padding:15px; box-sizing:border-box}
	.content_top {height:auto}
	.content_top h3 {font-size:36px; line-height:inherit; font-weight:500; margin:10px 0 5px 0}
	.content_top .path {display:none}
	.btnMajorInfo {top:30px}
	.college_Endicott .EndicottMajor li {max-width:45%}
	.popVideoClose {top:100%; right:0; width:100%}

	.mainIntroinner {height:auto; background-image:linear-gradient(to right, #0D4E96 240px, #fff 240px)}
	.mainIntroinner > .inner {height:auto}
	.mainIntroTop-left {flex-wrap:wrap}
	.mainIntroPop {max-width:100%; margin:0}
	.mainIntroPop:last-child {margin-top:20px}
	#customPrevBtn, #customNextBtn {width:50px; height:50px; font-size:24px}
}

@media screen and (max-width:970px) {
	.hidden-970 {display:none !important}
	.img-desk {display:none !important}
	.img-mobile {display:block !important}
	#mainVisualWrap {height:auto}
	#mainVisualWrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:15px !important}
	#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px}
	#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a.active {width:30px}
	.mainBxslider > li {left:0; margin-left:0; width:100% !important}
	#banList {margin-top:0; padding:15px 0 0 15px}
	#issueWrap {margin-top:15px; background:#f2f3f7; padding:20px 15px}
	#issueWrap .issueCate {margin-top:20px}
	#issueWrap .issueCate a {font-size:16px; margin:0 5px}
	#issueWrap .issueList {margin-top:20px; border:none; padding:0}
	#issueWrap .issueList > li {float:none; width:100%; height:auto; border-right:none; margin:5px 0}
	#issueWrap .issueList > li > a {padding:10px 15px; background:#fff; border-radius:10px}
	#issueWrap .issueList > li > a h3 {font-size:13px; display:inline-block; padding:2px 10px; color:#fff; border-radius:15px; font-weight:500; background:#0d4e96}
	#issueWrap .issueList > li.issue01 > a h3 {background:#0d4e96}
	#issueWrap .issueList > li.issue02 > a h3 {background:#b72842}
	#issueWrap .issueList > li.issue03 > a h3 {background:#005825}
	#issueWrap .issueList > li > a p.noti_tt {font-size:15px; font-weight:500; margin:7px 0 0px 0; overflow-y:hidden; height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
	#mediaWrap {margin-top:0px; overflow-x:scroll; padding:20px 5px; -ms-overflow-style:none; scrollbar-width:none}
	#mediaWrap::-webkit-scrollbar {display:none}
	#mediaWrap > section {width:1300px}
	#mediaWrap > section ul li {width:325px}
	#quickWrap {margin-top:10px}
	#quickWrap .bx-wrapper .bx-controls-direction a {margin-top:-25px}
	#quickWrap .bx-wrapper .bx-prev {left: 0}
	#quickWrap .bx-wrapper .bx-next {right:0}
	.quickSlider > li > a {font-size:13px}
	.quickSlider > li > a > span {margin-top:10px}
	#socialWrap {margin-top:30px; padding:20px 15px}
	#socialWrap > section > .socialLeft {float:none; width:100%; text-align:center}
	#socialWrap > section > .socialLeft ul {margin-top:10px}
	#socialWrap > section > .socialLeft ul li {float:none; margin:0 5px; display:inline-block}
	#socialWrap > section > .socialRight {float:none; width:100%}
	.college_Culinary .CulinaryProgram {display:block}
	.college_Culinary .CulinaryProgram li {max-width:100%}
}

@media screen and (max-width:900px) {
	.majorList-left {max-width:380px}
}

@media screen and (max-width:768px) {
	.hidden-768 {display:none !important}
	.show-768 {display:block !important}
	#headerTop > section .utilLeft > li a, #headerTop > section .utilRight > li a {padding:4px 0}
	header section {height:70px}
	header h1.logo, .btn_side {margin-top:20px}
	#socialWrap > section > .socialLeft h2 {font-size:36px; line-height:36px}
	#socialWrap > section > .socialRight > .socialRight_L, #socialWrap > section > .socialRight > .socialRight_R {width:100%; margin-top:10px}
	#footerSiteWrap {display:none}
	footer {padding:0 15px}
	.footerBottom ul {text-align:center}
	.footerBottom ul > li {float:none; display:inline-block}
	.footerBottom ul > li > a {padding:0 7px}
	address, .copyright {font-size:13px; text-align:center}
	.webwatch {position:relative; top:0px; display:block; text-align:center}
	.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 th, .tableResponsive td {display:block; width:auto; border-right:none !important}
	.tableResponsive colgroup {display:none}
	.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;}
	.majorBoxWrap .majorText {position:relative}
	.majorBoxWrap .majorBtnWrap {position:relative; bottom:0; right:0; left:0; margin-top:10px}
	.majorBoxWrap .majorBtnWrap .majorBtn1, .majorBoxWrap .majorBtnWrap .majorBtn2 {display:inline-block; font-size:13px; border:1px solid #fff; font-weight:500}
	.tabStyle li a {width:100%; float:none; padding:10px 0; font-size:13px; font-weight:400}
	#tabMenu3 > ul li a {width:50%; padding:5px 0; font-size:13px; font-weight:400}
	.univ_box {background-image:none !important; padding:20px}
	#con {font-size:14px}
	#con  article > h4, .guideBox dd h5 {font-size:20px}
	h4.tit01 {font-size:20px; background:url('../images/titleH4_n.png') left 7px no-repeat}
	#con  article > h5 {font-size:18px}
	#con  article > h6, .infoBoxStyle, .faq dt {font-size:16px}
	.faq dd, .tableSkin {font-size:14px}
	#con  article > p {font-size:14px; line-height:140%}
	.content_top h3 {font-size:28px}
	.dList > li {background: url('https://www.wsu.ac.kr/site/main/images/listDot.png') 5px 9px no-repeat;padding-left:15px;margin-bottom:10px;}
	.bList > li {background:url('https://www.wsu.ac.kr/site/main/images/listBar.png') 5px 10px no-repeat; padding-left:15px; margin-bottom:10px}
	.guideBox dt {float:none; width:100%; margin-right:0}
	.guideBox dd {float:none; width:100%; margin-top:20px}
	.guideBox dd h5 {font-size:28px; font-weight:500}
	.guideBox dd p {font-size:16px; font-weight:400}
	.pdf_viewer {display:none}
	.broLeft, .broRight, .as_box .as_img, .as_box .as_txt {float:none; width:100%; margin-right:0}
	.mobileMaxWidth50 {max-width:50%}
	.mobileMaxWidth100 {max-width:100%}
	.btnSearch {display:block; margin:0 auto}
	.btnMajorInfo {position:relative; top:20px; left:15px}
	.mobileLayerPop {left:0 !important; right:0 !important; width:100% !important}
	.mainFixPop .inner > div {width:calc(50% - 20px)}	
	.col-md-2, .col-md-3, .col-md-4, .col-md-5, .row2 > li {width:100%}
	.as_list2022 li {width:25%}
	.college_Culinary .CulinaryMajor li {max-width:100%}
	.college_Endicott .EndicottMajor li {max-width:100%}
	.footerTop:after {content:''; display:block; clear:both}
	.go_site1, .go_site2 {width:100%}
	.go_site1 h3, .go_site2 h3 {width:100%}
	.go_site1_view, .go_site2_view {width:100%}
	.go_site1_view li, .go_site2_view li {display:block !important}

	.mainIntroPopup {padding:25px 25px 80px 25px}
	.mainIntroinner > .inner {padding:25px 30px 30px 30px}
	.miLink-1, .miLink-2, .miLink-3 {height:40px; font-size:14px; margin:4px 0}	
	.mobileLink {flex-wrap:wrap; width:100%; margin-right:0}
	.snsIconWrap {flex-wrap:wrap}
	.snsIcon {width:100%; margin-top:10px}
	.snsIcon > a:last-child {margin-right:5px}
	.mainIntroTop {margin-top:10px}
	.mainIntroPop:last-child {margin-top:10px}
	.mainIntroBottom-left {max-width:0}
	.mainIntroFilter > li > a {font-size:18px}
	.mainIntroFilter > li > a.active:after {width:40px}
	.mainIntroFilter > li > a:after {top:13px}
	.mainIntroBottom {margin-top:20px; position:relative}
	.mainIntroFilter {display:none}
	.custom-navigation {margin-top:0; height:100%}
	#customPrevBtn, #customNextBtn {position:absolute; top:calc(50% - 25px); z-index:9; box-shadow:0 0 6px rgba(0, 0, 0, 0.3)}
	#customPrevBtn {left:-15px}
	#customNextBtn {right:-15px}
	.mainIntroBottom-right {width:100%}
	.mainIntroSlider > div .shadow-wrapper {padding:25px 20px 52px 20px}
	.shadow-wrapper > h3 {font-size:25px; line-height:32px}
	.shadow-wrapper > h4 {font-size:16px; line-height:22px}
	.shadow-wrapper > h5 {font-size:15px}
	.mainIntroBanList1 > li {font-size:14px; line-height:18px}
	.mainIntroBanList2 > li {font-size:14px; line-height:18px}
	.mainIntroBanMore {font-size:13px}
	.mainIntroPopupClose {display:none}
	.mainIntroBottom-left > h3 {display:none}

	.simbol .simbol_tx {padding:30px 20px}
	.simbol .simbol_tx .imgbox {display:block; float:none; width:100%; height:auto; margin:0 auto; max-width:200px}
	.simbol .simbol_tx .tx_box {display:block; width:100%; float:none; font-size:16px; line-height:130%; text-align:center}	
	.campuslife-hide {display:none}
	.campuslife-block {display:block}
	.btnHandbookWrap {flex-direction:column}

	.majorList, .majorList2 {flex-wrap:wrap}
	.majorList-left {max-width:100%; order:1; margin-left:0 !important; margin-right:0 !important}
	.majorList-right {order:2; margin-top:30px}
}

@media screen and (max-width:650px) {
	.mainIntroinner {height:auto; background-image:linear-gradient(to right, #0D4E96 160px, #fff 160px)}
	.mainIntroinner > .inner {padding:25px 25px 30px 25px}
}

@media screen and (max-width:500px) {
	.mobileSize {width:fit-content}
	.mobileSize img {width:100%}
	.mainIntroPopup {padding:20px 20px 80px 20px}
	.mainIntroinner > .inner {padding:25px 15px 30px 15px}
	#customPrevBtn, #customNextBtn {width:40px; height:40px; font-size:20px}
	#customPrevBtn {left:-8px}
	#customNextBtn {right:-8px}
	.miLink-1, .miLink-2, .miLink-3 {margin:2px 0; font-size:14px; height:36px}
}

@media screen and (max-width:470px) {
	#issueWrap .issueCate li a {font-size:16px; margin:0 5px}
	#tabMenu3 > ul li a {width:100%; float:none; padding:10px 0; font-size:13px; font-weight:400}
	.mainFixPop .inner > div {width:calc(100% - 20px) !important}
	.as_list2022 li {width:calc(40% - 20px)}
	.webtoonWrapClose {right:-30px; font-size:30px}
}

@media screen and (max-width:425px) {
	.hidden-425 {display:none !important}
	.majorBoxWrap .majorText {padding:5px 10px 10px 10px}
	.majorBoxWrap .majorText > h5 {font-size:13px; font-weight:300}
	.majorBoxWrap .majorText > h4 {font-size:22px; line-height:22px}
	.majorBoxWrap .majorInfo {font-size:12px}
	.majorBoxWrap .majorBtnWrap .majorBtn1, .majorBoxWrap .majorBtnWrap .majorBtn2 {padding:2px 10px; width:auto}
	.login_box .log_wrap input {width:100%}
	.login_box .info span {display:block}
	.as_list2022 li {width:calc(100% - 20px)}
	.college_Culinary .CulinaryMajor li a .CulinaryMajor_tit {padding:10px}
	.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit h5 {font-size:20px; line-height:19px}
	.college_Culinary .CulinaryProgram li a .CulinaryProgram_tit p {font-size:13px}
	.chatbotLogin {padding:60px 20px 80px 20px}
	.mainIntroSlider > div .shadow-wrapper2 {height:auto}
}
@media screen and (max-width:380px) {
	.chatbotLogin_link {font-size:13px; letter-spacing:-1px}
}