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

/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {margin:0; padding:0; border:0; font-size:100%; font-family:'Noto Sans KR', sans-serif; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; letter-spacing:-0.25px; word-break:keep-all}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed; margin-bottom:0 !important}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-underline-position: under; text-decoration:none; color:inherit}
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}


/* bxslider reset */
.bx-wrapper {box-shadow:none; border:none; margin:0}


/* common */
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.height100 {height:100%}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.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}
.mb0 {margin-bottom:0 !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:23px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.blue, .txtBlue {color:#0f4e96 !important}
.red, .txtRed {color:#b82842 !important}
.txtGreen {color:#005926 !important}
.textGray {color:#b7b7b7 !important}
.textWhite {color:#fff !important}
.table-responsive {position:relative}
.ToolTip {display:none}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.show991 {display:none}
.show1024 {display:none}
.float-left {float:left}
.float-right {float:right}
.modal {z-index:999999}
.modal-header .close {font-size:30px}
hr {border-color:#ccc}
.dList {font-size:16px; font-weight:400; line-height:22px}
.dList > li {background:url('/dept2/common/images/listDot.png') 5px 11px no-repeat; padding-left:15px; margin-bottom:10px}
.dList > li:last-child {margin-bottom:0}
.dList > li > .bList > li {margin-bottom:2px}
.bList {font-size:16px; font-weight:400; line-height:22px}
.bList > li {background:url('/dept2/common/images/listBar.png') 5px 11px no-repeat; padding-left:15px; margin-bottom:10px}
.bList > li:last-child {margin-bottom:0}
.nList {font-size:16px; font-weight:400; line-height:22px; margin-left:20px}
.nList > li {list-style:decimal; list-style-position:outside; margin-bottom:10px}
.font14 {font-size:14px}
.text-left {text-align:left !important}
.text-center {text-align:center !important}
.text-right {text-align:right !important}
.blank {position:relative; top:-2px; display:inline-block; width:13px; height:14px; background:url('../images/blank.png') no-repeat; margin:-0 0 -4px 4px}

.flex {display:flex !important}
.align-center {align-items:center !important}
.justify-flex-end {justify-content:flex-end !important}

.admBtnStyle {display:inline-block; padding:12px 20px; background:#0d4e96; color:#fff; border-radius:5px; font-size:14px; transition:.3s}
.admBtnStyle:hover {background:#333; color:#fff}

/* button */
.moreBtn {display:inline-block; padding:15px 30px; border:2px solid #0d4e96; background:#0d4e96; font-size:16px; color:#fff; transition:.3s; margin:5px}
.moreBtn:hover {background:#fff; color:#0d4e96}
.moreBtn2 {display:inline-block; padding:15px 30px; border:2px solid #0d4e96; background:#0d4e96; font-size:16px; color:#fff; transition:.3s; margin:5px 0; border-radius:8px}
.moreBtn2:hover {background:#fff; color:#0d4e96}

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


/* HeaderWrap */
#HeaderWrap {transition:.3s}
#HeaderWrap.fixed {position:fixed; top:0; left:0; width:100%; z-index:99999; background:rgba(255,255,255,0.9); box-shadow:0 0 10px 0px #0006}
#header-Top section {max-width:1280px; margin:0 auto; overflow:hidden; font-size:12px; color:#fff; line-height:34px}
#header-Top section .headerTopLeft {float:left; margin:0 !important}
#header-Top section .headerTopRight {float:right; margin:0 !important}
#header-Top section .headerTopRight li a img {vertical-align:middle; margin-top:-2px}
#header-Top section .headerTopLeft li a, #header-Top section .headerTopRight li a {color:#fff; text-decoration:none}
#header-Top section .headerTopLeft li.active {background:rgba(0,0,0,0.3)}
#header-Top section .headerTopLeft li:hover, #header-Top section .headerTopRight li:hover {background:rgba(0,0,0,0.3)}
#header-Top section .headerTopLeft li, #header-Top section .headerTopRight li {padding:0 15px; float:left; transition:.3s; letter-spacing:0px}
#header-Gnb section {max-width:1280px; margin:0 auto; padding:22px 0; position:relative}
#header-Gnb.major section {padding:21px 0}
#header-Gnb section:after {content:""; display:block; clear:both}
#header-Gnb section h1 {margin:0; padding:0; float:left}
#header-Gnb section h1 > a.logo {display:block; padding:6px 0}
#header-Gnb section h1 > a.btn_side {display:none; float:right; width:12%; color:#000; font-size:24px; text-align:right; margin-top:8px}
#header-Gnb.major section h1 > a.btn_side {margin-top:5px}
#header-Gnb section > .gnb {float:right; list-style:none; margin-top:4px; margin-bottom:0}
#header-Gnb.major section > .gnb {margin-top:6px}
#header-Gnb section > .gnb > li {float:left; position:relative; font-size:17px; cursor:pointer}
#header-Gnb section > .gnb > li > a {display:block; padding:10px 15px; color:#000; font-weight:700}
#header-Gnb section > .gnb > li:hover > a, #header-Gnb section > .gnb > li.active > a {color:#fff; text-decoration:none}
#header-Gnb section > .gnb > li > ul {padding:5px 0; list-style:none; position:absolute; top:100%; right:0; z-index:1000; float:right; min-width:120px; display:none}
#header-Gnb section > .gnb > li > ul > li > a {color:#fff; display:block; padding:5px 10px; font-size:13px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
#header-Gnb section > .gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0;}
#header-Gnb section .tit {display:none; padding:15px 20px; background:#fff; overflow:hidden; margin:0; font-size:18px}
#header-Gnb section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}
#header-Top, #header-Gnb section > .gnb > li:hover > a, #header-Gnb section > .gnb > li.active > a, #header-Gnb section > .gnb > li > ul {background-color:#0d4e96}
#header-Gnb section > .gnb > li:nth-child(3) > ul {min-width:190px}
#header-Gnb section > .gnb > li:nth-child(4) > ul {min-width:190px}
#header-Gnb section > .gnb > li:nth-child(5) > ul {min-width:200px}
#header-Gnb section > .gnb > li:nth-child(6) > ul {min-width:170px}
#header-Gnb section > .gnb > li:nth-child(7) > ul {min-width:160px}
#header-Gnb section > .gnb > li:nth-child(8) > ul {min-width:180px}
#header-Gnb .search {float:left; margin-left:30px}
#header-Gnb .search > a {display:block; padding:8px 0}
#header-Gnb .search > a > img {height:20px}
.UtillMobile {display:none}


/* mainVisualWrap */
#mainVisualWrap {}
#mainVisualWrap .bx-wrapper .bx-controls-direction a {width:55px; height:55px; margin-top:-27px}
#mainVisualWrap .bx-wrapper .bx-prev {left:20px; background:url('../images/mainBxsliderControls.png') no-repeat 0 -55px}
#mainVisualWrap .bx-wrapper .bx-prev:hover, #popupWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#mainVisualWrap .bx-wrapper .bx-next {right:20px; background:url('../images//mainBxsliderControls.png') no-repeat -55px -55px}
#mainVisualWrap .bx-wrapper .bx-next:hover, #popupWrap .bx-wrapper .bx-next:focus {background-position:-55px 0}
.mainBxslider {}
.mainBxslider > li {height:630px}
.mainBxslider > li:nth-child(1) {background:url('../images/mainVisual01_bg_250813.jpg') center center no-repeat; background-size:cover}
.mainBxslider_inner {max-width:1280px; height:100%; margin:0 auto; position:relative}
.mainBxslider_innerCon {position:absolute; bottom:60px; left:0; width:100%}
.mainBxslider_innerCon > h2 {font-size:34px; font-weight:700; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.mainBxslider_innerCon > h3 {font-size:18px; font-weight:300; color:#fff}
.mainBxslider_innerCon .mainQuick {overflow:hidden; margin-top:50px}
.mainBxslider_innerCon .mainQuick > li {}
.mainBxslider_innerCon .mainQuick > li > a {float:left; margin:0 7px; display:block; width:calc(25% - 14px); color:#fff; text-align:center; border:3px solid #fff; box-sizing:border-box; padding:30px 0; font-size:18px; font-weight:700; transition:.3s}
.mainBxslider_innerCon .mainQuick > li > a:hover, .mainBxslider_innerCon .mainQuick > li > a:focus {background:#fff; color:#020102}

/* mainProgram */
#mainProgram {margin-top:60px}
#mainProgram section {max-width:1300px; margin:0 auto}
.mainProgram_tit {display:table; color:#111; margin:0 15px}
.mainProgram_tit > dt {display:table-cell; width:480px; font-size:38px; font-weight:900; line-height:46px; border-right:5px solid #0e4e96}
.mainProgram_tit > dd {display:table-cell; font-size:15px; font-weight:400; vertical-align:middle}
.mainProgram_tit > dd > span {display:block; margin-left:40px}
.mainProgram_list {overflow:hidden; margin-top:60px}
.mainProgram_list > li {float:left; width:calc(33.33% - 20px); margin:0 10px; overflow:hidden}
.mainProgram_list > li > a {display:block; position:relative}
.mainProgram_list > li > a > img {transition:.3s}
.mainProgram_list > li > a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.mainProgram_list > li > a > span {position:absolute; bottom:0; left:0; width:100%; font-size:16px; font-weight:700; color:#fff; line-height:20px; padding:20px 35px; text-transform:uppercase}
.mainProgram_list > li > a > span i {font-size:27px; position:absolute; top:28px; right:35px}
.mainProgram_list > li:nth-child(odd) > a > span {background:rgba(184,40,66,0.7)}
.mainProgram_list > li:nth-child(even) > a > span {background:rgba(14,78,150,0.7)}

/* mainDiscuss */
#mainDiscuss {margin-top:60px; position:relative; background:url('../images/mainDiscuss_bg.jpg') center center no-repeat; background-size:cover}
#mainDiscuss:before {content:""; display:block; width:100%; height:3px; position:absolute; top:-10px; background:#ddd}
#mainDiscuss:after {content:""; display:block; width:100%; height:3px; position:absolute; bottom:-10px; background:#ddd}
#mainDiscuss section {max-width:1280px; margin:0 auto; padding:60px 0}
.mainDiscuss_list {display:table; width:100%}
.mainDiscuss_list > dt {display:table-cell}
.mainDiscuss_list > dt > h3 {font-size:60px; font-weight:900; color:#111; margin-bottom:15px}
.mainDiscuss_list > dt > h3 span {color:#0e4e96}
.mainDiscuss_list > dt > h4 {font-size:20px; font-weight:400; color:#7c7c7c}
.mainDiscuss_list > dt > a {display:inline-block; font-size:18px; font-weight:900; color:#0e4e96; text-transform:uppercase; margin-top:70px; transition:.3s}
.mainDiscuss_list > dt > a:hover, .mainDiscuss_list > dt > a:focus {color:#000}
.mainDiscuss_list > dd {display:table-cell; width:517px; padding-left:40px; font-size:15px; font-weight:400}
.mainDiscuss_list > dd > a {display:block; text-align:center; background:#fff; border-radius:45px; line-height:85px; font-size:22px; font-weight:900; position:relative}
.mainDiscuss_list > dd > a:first-child {margin-bottom:15px}
.mainDiscuss_list > dd > a.active, .mainDiscuss_list > dd > a:hover, .mainDiscuss_list > dd > a:focus {background:#0e4e96; color:#fff}
.mainDiscuss_list > dd > a.active::after, .mainDiscuss_list > dd > a:hover::after, .mainDiscuss_list > dd > a:focus::after {content:''; width:25px; height:25px; display:inline-block; transform:rotate(135deg); position:absolute; top:50%; margin-top:-12.5px; left:-8px; background:#0e4e96}

/* mainMoments */
#mainMoments {padding:80px 0}
#mainMoments section {max-width:1310px; margin:0 auto; padding:0 15px}
#mainMoments section h3 {text-align:center; font-size:46px; font-weight:900; color:#0e4e96; margin-bottom:30px}
#mainMoments .bx-wrapper {}
#mainMoments .bx-wrapper .bx-controls-direction a {width:55px; height:55px; margin-top:-27px}
#mainMoments .bx-wrapper .bx-prev {left:-27px; background:url('../images/momentsListControls.png') no-repeat 0 -55px}
#mainMoments .bx-wrapper .bx-prev:hover, #popupWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#mainMoments .bx-wrapper .bx-next {right:-27px; background:url('../images//momentsListControls.png') no-repeat -55px -55px}
#mainMoments .bx-wrapper .bx-next:hover, #popupWrap .bx-wrapper .bx-next:focus {background-position:-55px 0}
.momentsList > li {overflow:hidden}
.momentsList > li > a {display:block}
.momentsList > li > a > p {text-align:center; background:#2a2a2a; color:#fff; height:70px; padding:8px 5px; line-height:17px; font-size:15px; position:relative; z-index:99; transition:.3s; display:flex; align-items:center}
.momentsList > li > a > p::after {content:''; width:20px; height:20px; display:inline-block; transform:rotate(135deg); background:#2a2a2a; position:absolute; left:50%; margin-left:-10px; z-index:99; transition:.3s}
.momentsList > li.item1 > a > p::after {top:-10px}
.momentsList > li.item2 > a > p::after {bottom:-10px}
.momentsList > li > a:hover p, .momentsList > li > a:focus p {background:#0e4e96}
.momentsList > li > a:hover > p::after, .momentsList > li > a:focus > p::after {background:#0e4e96}
.momentsList > li > a > img {transition:.3s}
.momentsList > li > a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}

/* footer */
/*footer {margin-top:100px}*/
.site-footer {border-top:4px solid #dee7f1; padding:50px 0}
.site-footer > .inner {max-width:1280px; margin:0 auto}
.site-footer ul h4 {font-size:20px; color:#111; font-weight:700; margin:0 0 25px 0}
.site-footer ul li {font-size:15px; margin-bottom:15px}
.site-footer a {color:rgba(0,0,0,0.7)}
.site-footer a:hover {color:#0d4e96}
.global-footer {background:linear-gradient(to right, rgb(23, 54, 90) 50%, rgb(16, 43, 79) 50%)}
.global-footer > .inner {max-width:1280px; margin:0 auto; padding:0 15px}
.gf_left {background:#17365a; padding:55px 0 0 0}
.gf_right {background:#102b4f; padding:55px 0 55px 90px}
.mainSns {overflow:hidden; margin-top:30px}
.mainSns > li {display:inline-block; margin-right:15px}
.mainSns > li > a > img {max-height:48px}
address p {text-align:left; font-size:15px; font-weight:400; letter-spacing:0.75px; color:rgba(255,255,255,0.7)}
address p.copy {margin-top:30px}
address p span {padding:0 20px}
.privacyStyle {color:red !important}
footer .top {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 .top em {visibility:hidden}

/* CategoryWrap */
#CategoryWrap {border-bottom:1px solid #e1e1e1}
#CategoryWrap section {max-width:1280px; margin:0 auto; padding:15px 0; overflow:hidden}
#CategoryWrap section > ul {overflow:hidden; float:left}
#CategoryWrap section > ul > li {display:inline-block; vertical-align:top; font-size:14px; font-weight:400; color:000; padding-right:45px; margin-right:40px; background:url('../images/categorArr.gif') right center no-repeat;}
#CategoryWrap section > ul > li:last-child {color:#0d4e96; font-weight:700; margin-right:0; padding-right:5px; background:none}
#CategoryWrap section > ul > li > a:hover, #CategoryWrap section > ul > li > a:focus {color:#0d4e96}

/* CategoryWrap2 */
#CategoryWrap2 {}
#CategoryWrap2 section {max-width:1280px; margin:0 auto; padding:15px 0; border-top:1px solid #e1e1e1; overflow:hidden}
#CategoryWrap2 section > ul {overflow:hidden; float:right}
#CategoryWrap2 section > ul > li {display:inline-block; vertical-align:top; font-size:14px; font-weight:400; color:000; padding-right:45px; margin-right:40px; background:url('../images/categorArr.gif') right center no-repeat;}
#CategoryWrap2 section > ul > li:last-child {color:#0d4e96; font-weight:700; margin-right:0; padding-right:0; background:none}
#CategoryWrap2 section > ul > li > a:hover, #CategoryWrap2 section > ul > li > a:focus {color:#0d4e96}

/* subVisualWrap */
#subVisualWrap {overflow:hidden; height:266px}
#subVisualWrap.svw01 {background:url('../images/subVisual2022-01.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02 {background:url('../images/subVisual2022-02.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw03 {background:url('../images/subVisual2022-03.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw04 {background:url('../images/subVisual2022-04.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw05 {background:url('../images/subVisual2022-05.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw06 {background:url('../images/subVisual2022-06.webp') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-1 {background:url('../images/subVisual2022-2-1.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-2 {background:url('../images/subVisual2022-2-2.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-3 {background:url('../images/subVisual-K-Beauty-2025.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-4 {background:url('../images/subVisual2022-2-4.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-5 {background:url('../images/subVisual2022-2-5.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap.svw02-6 {background:url('../images/subVisual-2-6.jpg') center center no-repeat; background-size:cover !important}
#subVisualWrap section {width:100%; max-width:1310px; margin:0 auto; padding:0 15px; display:table; height:100%; text-align:left}
#subVisualWrap section > h2 {font-size:60px; font-weight:900; color:#fff; display:table-cell; vertical-align:middle}
#subVisualWrap.svw02 section > h2 {text-shadow:2px 2px 10px #888}
#subVisualWrap.svw03 section > h2 {text-shadow:2px 2px 10px #888}

/* subContainerWrap */
#subContainerWrap {padding:30px 0 150px 0; overflow:hidden}
#subContainerWrap > section {max-width:1280px; margin:0 auto}
#subContainerWrap_wide {padding:0; overflow:hidden}
#subContainerWrap_wide > section {max-width:100%; margin:0 auto}

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

/* rightCont */
#rightCont {float:left; width:950px; background:#fff; padding:0 0 50px 0; min-height:500px}
#rightCont > h3 {font-size:46px; font-weight:800; border-bottom:1px dashed #9e9e9e; padding-bottom:50px; margin-bottom:30px; display:none}
#rightCont .con {}
h4.h4Tit {font-size:28px; font-weight:900; margin-top:50px; overflow:hidden; letter-spacing:-0.45px; line-height:normal; color:#111}
/*
h4.h4Tit:before {content:""; width:18px; height:18px; display:block; background:#fff; float:left; margin:10px 5px 0 0; box-sizing:border-box; border-radius:50px; border-width:5px !important; border:6px solid #0d4e96}
h4.bulletNone:before {display:none}
*/
h5.h5Tit {font-size:20px; font-weight:700; margin-top:35px; overflow:hidden; letter-spacing:-0.45px; line-height:normal; color:#111}
h6.h6Tit {font-size:18px; font-weight:500; margin-top:20px; overflow:hidden; letter-spacing:-0.45px; line-height:normal; color:#111}
p.pTxt {font-size:16px; font-weight:400; line-height:22px; margin:12px 0; color:#111}

/* tabStyle */
.tabStyle {overflow:hidden; position:relative; margin-bottom:30px}
.tabStyle::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ccc}
.tabStyle > li {display:block; float:left; position:relative; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; margin-left:-1px; font-weight:400; text-align:center; font-size:16px}
.tabStyle > li:first-child {margin-left:0}
.tabStyle > li::before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:4px; background:#969696; transition:.3s}
.tabStyle > li::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; z-index:99; background:#ccc}
.tabStyle > li.active::before, .tabStyle > li:focus::before, .tabStyle > li:hover::before {background-color:#0d4e96}
.tabStyle > li.active::after {background-color:#fff}
.tabStyle > li.active {color:#0d4e96; font-weight:700}
.tabStyle > li:hover, .tabStyle > li:focus {color:#0d4e96}
.tabStyle > li > a {display:block; padding:20px 30px}

.tabStyle2 {overflow:hidden; list-style:none; margin:0 0 30px 0; padding:0}
.tabStyle2 li.active a {background:#0d4e96; color:#fff}
.tabStyle2 li a:hover {background:#d9d9d9; color:#636363}
.tabStyle2 li a {display:block; float:left; background:#f5f5f5; border:1px solid #d8d9db; box-sizing:border-box; padding:15px 5px; text-align:center; color:#636363; margin:2px; font-size:16px}
.tabStyle2.tab1 li a {width:calc(100% - 4px)}
.tabStyle2.tab2 li a {width:calc(50% - 4px)}
.tabStyle2.tab3 li a {width:calc(33.33333% - 4px)}
.tabStyle2.tab4 li a {width:calc(25% - 4px)}
.tabStyle2.tab5 li a {width:calc(20% - 4px)}
.tabStyle2.tab9 li a {width:calc(11% - 4px); height:64px; display:flex; align-items:center; justify-content:center}

/* LeadershipBox */
.LeadershipBox {overflow:hidden; border:1px solid #e1e1e1; padding:20px; display:table; width:100%; margin-top:20px}
.LeadershipBox > a {display:block}
.LeadershipBox dt {display:table-cell; vertical-align:middle; width:400px; text-align:center}
.LeadershipBox dt > img {width:250px; margin:0 auto}
.LeadershipBox dd {display:table-cell; vertical-align:middle; width:calc(100% - 400px); text-align:center}
.leadershipModal .modal-dialog {width:100%; max-width:900px; margin:0 auto; padding:10px}
.leadershipModal .modal-header {padding:20px 20px 0 20px; border-bottom:0}
.leadershipModal .modal-body {overflow:hidden; padding:0 20px 20px 20px}
.leadershipModal .pull-right {padding-left:30px}
.leadershipModal .pull-right .figure img {max-width:280px}
.leadershipThum {margin-top:50px}
.leadershipThum .col-sm-6 {margin-top:20px}
.leadershipThum a {display:block}
.leadershipThum a img {transition:.3s}
.leadershipThum a:hover img {transform:scale(1.1,1.1)}
.leadershipThum h4 {font-size:18px; font-weight:700; margin-bottom:10px; text-decoration:underline; text-underline-position:under; color:#0d4e96}
.leadershipThum p {font-size:16px; font-weight:400; line-height:18px}


/* Chart */
.amChart > div > div {position:relative; min-height:300px; border:1px solid #d9d9d9; text-align:center; overflow:hidden}
.amcharts-main-div a {display:none !important}

/* majorMainVisual */
.majorMainVisual {position:relative; background-size:cover; width:100%; height:680px}
.majorMainTxtWrap {position:absolute; left:0; bottom:50px; width:100%}
.majorMainTxt {max-width:1310px; padding:0 15px; margin:0 auto}
.majorMainTxt > h3 {color:#fff; font-size:60px; font-weight:700; margin-bottom:20px; text-shadow:3px 3px 3px rgba(0,0,0,0.3)}
.majorMainTxt > p {color:#fff; font-size:18px; font-weight:300; line-height:28px; text-shadow:3px 3px 3px rgba(0,0,0,0.3)}

/* majorMainTab */
.majorMainTab {overflow:hidden; list-style:none; margin-top:50px; padding:0}
.majorMainTab li a {display:block; float:left; background:rgba(14,78,150,0.8); border:2px solid rgba(14,78,150,0.8); box-sizing:border-box; padding:30px 0; text-align:center; color:#fff; margin:3px; font-size:16px; transition:.3s}
.majorMainTab li.active a, .majorMainTab li a:hover {background:#fff; color:#0d4e96; font-weight:700}
.majorMainTab.tab1 li a {width:calc(100% - 6px)}
.majorMainTab.tab2 li a {width:calc(50% - 6px)}
.majorMainTab.tab3 li a {width:calc(33.33333% - 6px)}
.majorMainTab.tab4 li a {width:calc(25% - 6px)}
.majorMainTab.tab5 li a {width:calc(20% - 6px)}

/* majorlanding */
.majorlanding {background:#0d4e96; background-size:cover !important;}
.majorlanding > section {max-width:1310px; padding:50px 15px; margin:0 auto; overflow:hidden}
.majorlanding h3 {font-size:45px; font-weight:700}
.majorlanding p {font-size:18px; font-weight:400; line-height:26px; margin-top:30px}
.landingCol {display:table}
.landingCol > li {display:table-cell; vertical-align:middle}

/* whiteBox */
.whiteBox {width:100%; background:rgba(255,255,255,0.8); padding:40px 30px; text-align:center}
.whiteBox.pd60 {padding:60px 30px}
.whiteBox h3 {font-size:45px; font-weight:700; color:#0d4e96}
.whiteBox p {font-size:18px; font-weight:400; color:#333; line-height:26px; margin-top:30px}

/* statsWrap */
.statsWrap {background:#e7e9f2}
.statsWrap > section {max-width:1310px; padding:50px 15px; margin:0 auto}
.statsWrap .statsWrap_tit {text-align:center; font-size:40px; font-weight:700; color:#0d4e96}
.statsWrap .statsWrap_tit2 {text-align:center; font-size:24px; font-weight:700; color:#0d4e96; background:#fff; padding:20px 0; border-radius:70px;}


/* majorSection2 */
.majorSection2 {background:#0d4e96}
.majorSection2 > section {max-width:1310px; padding:50px 15px; margin:0 auto; overflow:hidden}
.majorSection2_list {display:table}
.majorSection2_list > li {display:table-cell; vertical-align:middle}
.majorSection2_list > li:nth-child(1) {width:55%; padding-right:40px}
.majorSection2_list > li:nth-child(2) {background:rgba(255,255,255,0.8); padding:40px 30px; text-align:center}
.majorSection2_list > li h3 {font-size:45px; font-weight:700; color:#0d4e96}
.majorSection2_list > li p {font-size:18px; font-weight:400; line-height:26px; margin-top:30px}

/* tableStyle */
.tbl_skin1 {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:16px; line-height:20px; table-layout:auto}
.tbl_skin1 thead th {word-break:break-all; text-align:left; background:#f8f8f8; color:#000; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 10px; vertical-align:middle; font-weight:500}
.tbl_skin1 tbody th {word-break:break-all; text-align:left; background:#f8f8f8; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; vertical-align:middle; font-weight:500}
.tbl_skin1 tbody td {word-break:break-all; text-align:left; background:#fff; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; vertical-align:middle; font-weight:400}
.tbl_skin1 tfoot th {word-break:break-all; padding:15px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}

.tbl_skin2 {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:16px; line-height:20px; table-layout:auto}
.tbl_skin2 thead th {text-align:left; background:#f8f8f8; color:#000; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; vertical-align:middle; font-weight:500}
.tbl_skin2 tbody th {text-align:left; background:#f8f8f8; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle; font-weight:500}
.tbl_skin2 tbody td {text-align:left; background:#fff; color:#333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle; font-weight:400}
.tbl_skin2 tfoot th {padding:10px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}
.highlight td {background:#d5e7fb !important}

table a {position:relative}
.boxStyle {background:#eee; padding:20px 15px; box-sizing:border-box; border-radius:8px;}
.boxLine {background:url('../images/boxLineBg.png') repeat; padding:7px}
.boxLine .inner {background:#fff; padding:20px}

.navTabStyle {}
.navTabStyle>li.active>a, .navTabStyle>li.active>a:focus, .navTabStyle>li.active>a:hover {background:#eee}
.tabContentBox {background:#eee; padding:15px}

.CourseDescription {display:none; margin-top:10px; font-size:14px; padding:10px; background:#f8f8f8; word-break:break-word}
.CourseDescrip tbody td.cd {cursor:pointer}

.facultyListWrap .img-circle {border:1px solid #ddd; box-sizing:border-box; max-width:175px}
.facultyListWrap h4 {font-size:20px; font-weight:500; color:#0d4e96}
.facultyListWrap h5 {font-size:15px; font-weight:400; margin:10px 0 0 0; color:#0d4e96}
.facultyListWrap .facultyList {line-height:18px; font-size:15px; margin-top:15px}
.facultyListWrap .facultyList > li {margin-bottom:4px}
.facultyInfoBtn {display:inline-block; font-size:20px; color:gray; margin-top:10px}
.facultyInfoBtn:hover, .facultyInfoBtn:focus {color:#0d4e96}
.facultyModal .modal-dialog {width:100%; max-width:700px; margin:0 auto; padding:10px}

.clubList .panel-heading {padding:20px}
.clubList .panel-heading > h5 > a {display:flex; justify-content:space-between; align-items:center}
.clubList .panel-heading > h5 > a i {flex-shrink:0; width:20px; margin-left:20px}
.clubList .panel-heading > h5 > a.collapsed i:before {content:"\f067" !important}
.clubList .panel-body {padding:20px}
.clubList .clubImg {border:5px solid #ddd}

.clubList2 .panel-heading {padding:0}
.clubList2 .panel-heading > h6 > a {display:flex; justify-content:space-between; align-items:center; padding:15px 20px}
.clubList2 .panel-heading > h6 > a i {flex-shrink:0; width:20px; margin-left:20px}
.clubList2 .panel-heading > h6 > a.collapsed i:before {content:"\f067" !important}
.clubList2 .panel-body {padding:20px}
.clubList2 .clubImg {border:5px solid #ddd}

.clubMore {display:inline-block; font-size:15px; font-weight:400; margin-top:20px; color:#0d4e96}
.oppList .panel-heading {padding:15px; background:#fff}
.oppList .panel-body {padding:15px}
.oppMore {display:inline-block; font-size:15px; font-weight:400; margin-top:10px; color:#0d4e96}

.majorFlex1 {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch}
.majorFlex1 > div:nth-child(1), .majorFlex1 > div:nth-child(2) {width:calc(50% - 30px); margin:0 15px}

/* AnnouncementsList */
.AnnouncementsList > li {margin-bottom:10px}
.AnnouncementsList > li > a {display:block; border:1px solid #ccc; padding:20px; transition:.3s}
.AnnouncementsList > li > a .notiTit {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:500; color:#333; line-height:23px}
.AnnouncementsList > li > a .notiDay {font-size:15px; color:#333; margin-top:10px; opacity:0.6}
.AnnouncementsList > li > a:hover, .AnnouncementsList > li > a:focus {background:#CEDBEA; color:#fff}

#social {background:#eee; padding:40px 0; text-align:center}
#social h3 {font-size:32px; font-weight:500; margin:0 0 10px 0; color:#0e4e96; text-align:center}
.socialIcon {font-size:46px; margin:5px; color:#0e4e96; transition:.3s}
.socialIcon:hover {transform:scale(1.2,1.2)}
.btn-Contact {background:#0e4e96; border-radius:10px; font-size:16px; color:#fff; padding:15px 30px; display:inline-block; cursor:pointer; margin-top:5px; transition:.3s}
.btn-Contact:hover {background:#0e4e96; color:#fff; transform:scale(1.2,1.2)}

/* timeline */
.timeline_year {background:#122984; color:#fff; font-size:32px; text-align:center; margin:0; cursor:pointer; padding:12px 0}
.timeline_year.year2024 {background:#4b0d96}
.timeline_year.year2023 {background:#400d96}
.timeline_year.year2022 {background:#110d96}
.timeline_year.year2021 {background:#0d2096}
.timeline_year.year2020 {background:#0d3796}
.timeline_year.year2015-2019 {background:#0d4e96}
.timeline_year.year2010-2014 {background:#0d6496}
.timeline_year.year1954-2009 {background:#0d7a96}
.timeline {position:relative}
.timeline:before {content:''; position:absolute; top:0; bottom:0; left:20px; width:2px; transform:translateX(-50%); background:#cdcdce; box-sizing:border-box}
.timeline_entry {position:relative; z-index:2}
.timeline_entry .columns {position:relative; transition:all .5s ease-in; vertical-align:top; margin:20px 0}
.timeline_entry .columns:before {content:''; position:absolute; top:0; left:20px; width:20px; height:20px; margin:0; margin-left:-10px; background:#383b3c; border-radius:50%; border:4px solid white; box-shadow:0 10px 10px -5px rgba(56,59,60,0.375); box-sizing:border-box}
.timeline_entry .columns .column {display:flex; width:100%; padding:0 40px; vertical-align:top}
.timeline_entry .columns .column:first-child {text-align:right}
.timeline_entry .columns .column:last-child {text-align:left}
.timeline_entry .columns .column h4 {margin:0; width:50px; flex-shrink:0; line-height:20px}
.timeline_entry .columns .column p {line-height:20px}
.timeline_entry .columns .column img {max-width:300px; float:right}
.timeline_entry .columns .column .btn {margin-top:10px}
.dlHorizontal {font-size:15px}
.dlHorizontal > dt {float:left; width:70px; text-align:right}
.dlHorizontal > dd {margin-left:85px}

/* collegesWrap */
.collegesWrap {display:flex; flex-wrap:wrap; align-items:stretch}
.collegesWrap a {width:calc(50% - 10px); flex-shrink:0; padding:50px 20px; text-align:center; margin:5px; transition:.3s}
.collegesWrap a:nth-child(1) {background:url('../images/collegesWrap01.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(2) {background:url('../images/collegesWrap02.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(3) {background:url('../images/collegesWrap03.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(4) {background:url('../images/collegesWrap04.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(5) {background:url('../images/collegesWrap05.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(6) {background:url('../images/collegesWrap06.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(7) {background:url('../images/collegesWrap07.jpg') center center no-repeat; background-size:cover}
.collegesWrap a:nth-child(8) {background:url('../images/collegesWrap08.jpg') center center no-repeat; background-size:cover}
.collegesWrap a h5 {font-size:22px; font-weight:700; margin-bottom:10px; letter-spacing:0; color:#fff}
.collegesWrap a p {font-size:14px; font-weight:300; line-height:20px; letter-spacing:0; color:#fff}
.collegesWrap a:hover, .collegesWrap a:focus {filter:saturate(0); transform:scale(1.05,1.05)}

/* collegeMainVisual */
.collegeMainVisual {display:flex; align-items:center; justify-content:center; position:relative; background-size:cover; width:100%; height:680px}
.collegeMainVisual h3 {color:#fff; font-size:60px; font-weight:700; margin-bottom:20px; text-shadow:3px 3px 3px rgba(0,0,0,0.3); text-align:center}

/* collegePrograms */
.collegeProgramsList {display:flex; position:absolute; bottom:50px; width:100%; max-width:1310px; padding:0 15px}
.collegeProgramsList > div, .collegeProgramsList > a {display:flex; align-items:center; justify-content:center; text-align:center; font-size:24px; font-weight:700; color:#0d4e96; background:rgba(255,255,255,0.8); padding:20px; border-radius:70px; width:33%; margin:0 10px; border:1px solid #e4e4e4; line-height:30px; transition:.3s}
.collegeProgramsList > a:hover {color:#fff; background:#0d4e96}
.collegePrograms {background:#f5f5f5; padding:50px 20px}
.collegePrograms > .inner {display:flex; align-items:center; justify-content:center; max-width:1260px; margin:0 auto}
.collegePrograms > .inner > h3 {color:#000; font-size:38px; font-weight:700; width:300px; flex-shrink:0}
.collegePrograms > .inner > div {display:flex; width:calc(100% - 300px)}
.collegePrograms > .inner > div > div {display:flex; align-items:center; justify-content:center; text-align:center; font-size:24px; font-weight:700; color:#0d4e96; background:#fff; padding:20px; border-radius:70px; width:33%; margin:0 10px; border:1px solid #e4e4e4}

/* cpDetail */
.cpDetail > .inner {max-width:1310px; padding:50px 15px; margin:0 auto; overflow:hidden}
.cpDetail > .inner  h3 {font-size:34px; text-align:center}
.cpDetail .panel-default {border-color:#0d4e95}
.cpDetail .panel-heading {padding:20px 15px; color:#fff; background-color:#0d4e95; border-color:#0d4e95}
.cpDetail .panel-title {text-align:center; font-size:24px}
.cpDetail .panel-title a {display:block}
.cpDetail .panel-title a.collapsed i:before {content:"\f0aa"}
.cpDetail .panel-body {padding:20px}
.cpDetail .panel-body h5 {font-size:20px}
.cpDetail .panel-body .dList {font-size:16px}

/* breadcrumbWrap */
.breadcrumbWrap {background:#f5f5f5}
.breadcrumbWrap > ol {max-width:1310px; padding:20px 15px; margin:0 auto; text-align:center; font-size:18px}
.breadcrumbWrap > ol > li a {color:#23527c; letter-spacing:0}
.breadcrumbWrap > ol > li a:hover {color:#0085fa}
.breadcrumbWrap .breadcrumb>li+li:before {padding:0 15px}

.middleSecWrap {background:#e7e9f2}
.middleSection {max-width:1310px; padding:50px 15px; margin:0 auto; box-sizing:border-box}
.middleBtnSt1 {display:flex; align-items:center; justify-content:center; text-align:center; font-size:24px; font-weight:700; color:#0d4e96; background:rgba(255,255,255,0.8); padding:20px; border-radius:70px; width:100%; margin:0 10px; line-height:30px; transition:.3s}
.middleBtnSt1:hover {color:#fff; background:#0d4e96}

.overviewList {display:flex; margin-top:20px; width:100%}
.overviewList > li {text-align:center; background:#e4ebf4; color:#0d4e96; padding:30px 20px; border-radius:15px; box-sizing:border-box; font-size:14px; width:100%; margin-right:10px}
.overviewList > li > i {display:block; font-size:40px; margin-bottom:10px; color:#333}
.overviewList > li > strong {display:block; font-size:16px; margin-bottom:5px}

/* APPLY NOW */
.applyBox {padding:60px 15px; text-align:center; vertical-align:middle; background:url('../images/APPLY_bg.jpg') no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center; flex-wrap:wrap}
.btn-more {text-shadow:none; color:#FFF; font-weight:700; background-color:#b72842; padding:15px 50px; background-image:none; box-shadow:none; margin:0 5px; text-align:center; white-space:break-spaces}
.btn-more:hover, .btn-more:focus {color:#fff}
.btn-more2 {text-shadow:none; color:#FFF; font-weight:700; background-color:#0e4e96; padding:15px 20px; background-image:none; box-shadow:none; margin:0 5px; text-align:center; white-space:break-spaces}
.btn-more2:hover, .btn-more2:focus {color:#fff}

/* Majors and Programs */
.MnPBox {height:480px; background:url('../images/MnP_bg.jpg') no-repeat; background-size:cover; color:#fff; padding:50px}
.MnPBox > h2 {margin-top:0 !important; font-weight:700; font-size:30px}
.MnPBox > h3 {margin-top:10px !important; font-size:17px !important}
.MnPBox > p {}
.MnPBox .MnPBoxBtn > a {text-shadow:none; color:#FFF; font-weight:700; background-color:#b72842; padding:15px 20px; background-image:none; box-shadow:none; border-radius:5px; text-align:center}

.admborder {display:block; border:2px solid #ccc; padding:20px; box-sizing:border-box; height:100%; border-radius:10px}
.btnMore2 {color:#0e4e96; font-size:15px; border-bottom:1px solid #0e4e96}
.admModal .modal-title {font-size:20px; font-weight:700}

.btnAppTxt {text-align:center}
.btnAppTxt > li {display:inline-block}
.btnAppTxt > li:nth-child(2) {padding:0 10px}

.btnHandbook {font-size:22px; color:#0d4e96; padding:0 15px}
.CounselingBox {display:flex; justify-content:center; align-items:center; width:100%; height:300px; background:url('../images/CounselingBox_bg.jpg') center center no-repeat; text-align:center}
.CounselingBox > p {color:#fff; font-size:28px; text-shadow:0 0 10px #000; line-height:40px}
.CounselingSchedule {display:flex; min-height:80px}
.CounselingSchedule > dt {background:#0d4e96; display:flex; justify-content:center; align-items:center; flex-shrink:0; width:380px; color:#fff; margin-right:20px; font-size:20px; border-radius:15px; box-shadow:7px 7px 5px #bbb}
.CounselingSchedule > dt > a {display:flex; justify-content:center; align-items:center; width:100%; height:100%}
.CounselingSchedule > dd {align-self:center}
.CounselingFor {display:flex; min-height:130px}
.CounselingFor > dt {display:flex; justify-content:center; align-items:center; flex-shrink:0; width:380px; margin-right:20px}
.CounselingFor > dd {align-self:center}

/* floatQuick */
.floatQuick {display:block; text-align:center; position:fixed; bottom:70px; right:20px; z-index:999}
.floatQuick > li:first-child {margin-bottom:5px}
/* .floatQuick > li > a {color:#29376e; border:1px solid #29376e; font-size:13px; text-align:center; background:#becbfd; letter-spacing:0; width:160px; font-weight:500; display:block; padding:14px 0}*/
.floatQuick > li > a a:hover, .floatQuick > li > a a:focus {color:#fff; border:1px solid #fff; background:#29376e}
.floatQuick > li > a {color:#fff; font-size:13px; text-align:center; background:#234d95; letter-spacing:0; width:160px; font-weight:500; display:block; padding:14px 0; border-radius:10px; box-shadow:4px 4px 0px #2a376e}
.floatQuick > li > a:hover {scale: 1.02; opacity:0.9; transition:0.3s}

/* input */
.inputSt {width:100%; height:38px; max-width:100%; color:#000; font-size:14px; padding:0 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}

/* select */
.selectStyle {width:100%; height:38px; max-width:100%; vertical-align:baseline; padding:0 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}

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

.guide_wrap .sc_get {margin:20px 0; font-size:22px; font-weight:500}
.guide_wrap .sc_tt {font-size:18px; font-weight:500}
.guide_wrap .sc_tx {margin-top:10px; font-size:15px; font-weight:400; line-height:18px}
.guide_wrap .sc_info {margin-top:20px; font-size:14px; font-weight:400}

.pdfBtn {display:inline-flex; background:#0d4e96; color:#fff; padding:20px; font-size:15px; letter-spacing:0}
.pdfBtn:hover, .pdfBtn:focus {color:#fff}

/* Programs  */
.ProgramsTitle {font-size:24px; font-weight:700; color:#fff; background:#0d4296; padding:12px 15px}
.ProgramsText {font-size:22px; font-weight:700; color:#fff; position:absolute; bottom:15px; left:30px; letter-spacing:1px; line-height:1.2em}
.relative {position:relative}
.ProgramsT {font-size:22px; text-align:center; color:#0d4296; font-weight:500; margin:20px 0; text-transform:uppercase}
.ProgramsSub01 {font-size:22px; font-weight:700; color:#222}
.ProgramsSub02 {font-size:20px; font-weight:700; color:#222; margin-top:10px}
.ProgramsSub03 {line-height:1.3em; margin-top:20px}
.ProgramsImg_01 {background:url('../images/Programs/ProgramsImg_01.jpg') no-repeat; height:282px;}
.ProgramsImg_02 {background:url('../images/Programs/ProgramsImg_02.jpg') no-repeat; height:282px}
.ProgramsImg_03 {background:url('../images/Programs/ProgramsImg_03.jpg') no-repeat; height:282px}
.ProgramsImg_04 {background:url('../images/Programs/ProgramsImg_04.jpg') no-repeat; height:282px}
.ProgramsImg_05 {background:url('../images/Programs/ProgramsImg_05.jpg') no-repeat; height:282px}
.ProgramsImg_06 {background:url('../images/Programs/ProgramsImg_06.jpg') no-repeat; height:282px}
.ProgramsImg_07 {background:url('../images/Programs/ProgramsImg_07.jpg') no-repeat; height:282px}
.ProgramsImg_08 {background:url('../images/Programs/ProgramsImg_08.jpg') no-repeat; height:282px}
.ProgramsImg_09 {background:url('../images/Programs/ProgramsImg_09.jpg') no-repeat; height:282px}
.ProgramsImg_10 {background:url('../images/Programs/ProgramsImg_10.jpg') no-repeat; height:282px}
.ProgramsImg_11 {background:url('../images/Programs/ProgramsImg_11.jpg') no-repeat; height:282px}
.ProgramsImg_12 {background:url('../images/Programs/ProgramsImg_12.jpg') no-repeat; height:282px}
.ProgramsImg_13 {background:url('../images/Programs/ProgramsImg_13.jpg') no-repeat; height:282px}
.ProgramsImg_14 {background:url('../images/Programs/ProgramsImg_14.jpg') no-repeat; height:282px}
.ProgramsImg_15 {background:url('../images/Programs/ProgramsImg_15.jpg') no-repeat; height:282px}
.ProgramsImg_16 {background:url('../images/Programs/ProgramsImg_16.jpg') no-repeat; height:282px}
.ProgramsImg_17 {background:url('../images/Programs/ProgramsImg_17.jpg') no-repeat; height:282px}
.ProgramsImg_18 {background:url('../images/Programs/ProgramsImg_18.jpg') no-repeat; height:282px}
.ProgramsImg_19 {background:url('../images/Programs/ProgramsImg_19.jpg') no-repeat; height:282px}
.ProgramsImg_20 {background:url('../images/Programs/ProgramsImg_20.jpg') no-repeat; height:282px}
.ProgramsImg_21 {background:url('../images/Programs/ProgramsImg_21.jpg') no-repeat; height:282px}
.ProgramsImg_22 {background:url('../images/Programs/ProgramsImg_22.jpg') no-repeat; height:282px}
.ProgramsImg_23 {background:url('../images/Programs/ProgramsImg_23.jpg') no-repeat; height:282px}
.ProgramsImg_24 {background:url('../images/Programs/ProgramsImg_24.jpg') no-repeat; height:282px}
.ProgramsImg_25 {background:url('../images/Programs/ProgramsImg_25.jpg') no-repeat; height:282px}
.ProgramsImg_26 {background:url('../images/Programs/ProgramsImg_26.jpg') no-repeat; height:282px}
.ProgramsImg_27 {background:url('../images/Programs/ProgramsImg_27.jpg') no-repeat; height:282px}
.ProgramsImg_28 {background:url('../images/Programs/ProgramsImg_28.jpg') no-repeat; height:282px}
.ProgramsImg_29 {background:url('../images/Programs/ProgramsImg_29.jpg') no-repeat; height:282px}
.ProgramsImg_30 {background:url('../images/Programs/ProgramsImg_30.jpg') no-repeat; height:282px}
.ProgramsImg_31 {background:url('../images/Programs/ProgramsImg_31.jpg') no-repeat; height:282px}
.ProgramsImg_32 {background:url('../images/Programs/ProgramsImg_32.jpg') no-repeat; height:282px}
.ProgramsImg_33 {background:url('../images/Programs/ProgramsImg_33.jpg') no-repeat; height:282px}
.ProgramsImg_34 {background:url('../images/Programs/ProgramsImg_34.jpg') no-repeat; height:282px}
.height225 {height:225px}
.transform:hover {transform: scale(1.01); transition:0.3s}
.hover:hover {opacity:0.9; transition:0.3s}
.hover:hover .height225 {transform: scale(1.01); transition:0.3s}


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

#popupZone.popup3 .inner {max-width:1580px}
#popupZone.popup3 .inner > ul {display:flex; justify-content:center; padding:0; flex-wrap:wrap; gap:10px}
#popupZone.popup3 .inner > ul li {width:480px; max-width:350px}
#popupZone.popup3 .inner > ul li:last-child {margin-right:0}

.pop-snsWrap {max-width:236px; margin:0 auto; text-align:center; margin-bottom:30px; background:#fff; padding:10px; border-radius:10px}
.pop-snsWrap a img {width:38px}

.gradBox {background:#f8f8f8; overflow:hidden; padding:20px; box-sizing:border-box}
.btnLink {padding:10px 20px; border:1px solid #ddd; background:#eee; color:#333; font-weight:500; display:inline-block}
.btnLink:hover {background:#333; color:#fff}

.leisureItem {}
.leisureThum {overflow:hidden; background:#333; position:relative}
.leisureThum::before {content:"\2b"; font-family:"Font Awesome 6 Pro"; font-size:16px; line-height:1; font-weight:300; color:#fff; vertical-align:middle; position:absolute; left:50%; top:40%; -webkit-transform:translateX(-50%) scale(2); transform:translateX(-50%) scale(2); opacity:0; visibility:hidden; -webkit-transition:.25s; transition:.25s}
.leisureThum::after {content:' More'; color:#fff; position:absolute; left:50%; top:55%; opacity:0; visibility:hidden; -webkit-transform:translate(-50%, 20%); transform:translate(-50%, 20%); font-size:16px}
.leisureItem img {transition:.3s}
.leisureItem:hover img {-webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); opacity:0.5}
.leisureItem:hover .leisureThum::before {opacity:1; visibility:visible; -webkit-transition:.25s; transition:.25s}
.leisureItem:hover .leisureThum::after {opacity:1; visibility:visible; -webkit-transition:.25s; transition:.25s}
.leisureTit {font-size:16px; font-weight:600; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:10px 0; text-align:center}
.leisureItem:hover .leisureTit {text-decoration:underline; text-underline-position:under}

.blocker {z-index:99999 !important}
.leisureModal {overflow:initial}
.leisureModal_tit1 {font-size:24px; font-weight:700; margin-top:0px; overflow:hidden; letter-spacing:-0.45px; line-height:normal;}
.leisureModal_tit2 {font-size:20px; font-weight:700; margin-top:0px; letter-spacing:-0.45px; line-height:normal}

.leisureModal_txt1 {font-size:16px; line-height:24px; margin:10px 0}

.leisureModalVI {display:flex}
.leisureModalVI dt {flex-shrink:0; display:flex; align-items:baseline; width:230px; font-size:16px; font-weight:600; color:#0d4e96}
.leisureModalVI dt i {flex-shrink:0; width:20px; text-align:center; margin-right:5px}
.leisureModalVI dd {font-size:16px}

.subWay_list {
    font-size: 0;
}

.subWay_list > li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #35AD90;
    padding: 7px 12px;
    border-radius: 5px;
    margin-right: 35px;
    margin-bottom: 10px;
}

.subWay_list > li::after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 20px;
    color: rgba(112, 112, 112, .5);
    position: absolute;
    right: -26px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.subWay_list > li:last-child {
    margin-right: 0;
}

.subWay_list > li:last-child::after {
    display: none;
}

.sub_viewer {border:1px solid #ccc}
.tabWrap2 {overflow:hidden; text-align:center}
.tabWrap2 a {display:inline-block; text-align:center; background:#f7f8fa; border:1px solid; border:1px solid #dbdbdb; color:#4e4e4e; padding:8px 13px; margin:0 2px; font-size:14px; font-weight:500}
.tabWrap2 a:hover {background:#0d4e96; color:#fff}


@media screen and (max-width:1530px) {
	#mainMoments .bx-wrapper .bx-prev {left:0px}
	#mainMoments .bx-wrapper .bx-next {right:0px}
}
@media screen and (max-width:1279px) {
	#header-Gnb section {padding:20px 15px}
	#header-Gnb.major section {padding:15px 15px}
	#header-Gnb section h1 {float:none}
	#header-Gnb section h1 > a.logo {float:left; width:88%; display:block}
	#header-Gnb section h1 > a.btn_side {display:block}
	#header-Gnb section > .gnb {background:#2d72c2; margin-top:0}
	#header-Gnb section > .gnb {display:none; position:fixed; top:0; right:0; width:300px; height:100%; z-index:99999; float:none; overflow-y:auto}
	#header-Gnb section > .gnb li {float:none; padding:0 !important; margin:5px 0}
	#header-Gnb section > .gnb > li > a {margin-left:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; padding:15px}
	#header-Gnb section > .gnb > li > ul {position:inherit; float:none; background:#ddd !important}
	#header-Gnb section > .gnb > li > ul > li > a {padding:3px 15px; color:#000; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(192, 192, 192,1) 50%)}
	#header-Gnb .search {display:none}
	.mainBxslider_innerCon > h2 {text-align:center; font-size:50px}
	.mainBxslider_innerCon > h3 {text-align:center; font-size:18px}
	.mainBxslider_innerCon .mainQuick > li > a {padding:25px 0; font-size:16px}
	.site-footer > .inner {padding:0 15px}
	.gf_right {padding:55px 0 55px 55px}
	#subVisualWrap {height:200px}
	#subVisualWrap section > h2 {font-size:50px}
	#subContainerWrap {padding:15px 0}
	#subContainerWrap > section, #CategoryWrap section, #CategoryWrap2 section {padding-right:15px; padding-left:15px}
	#leftCont {float:none; width:100%; padding:0; margin-bottom:50px}
	#leftCont h2 {width:100%; display:block; height:auto; padding:40px 0}
	#rightCont {float:none; width:100%}
	#rightCont > h3 {display:none}
}
@media screen and (max-width:1299px) {
	/*.mainProgram_list > li {width:calc(25% - 20px); margin:0 10px}*/
	#mainDiscuss section {padding:60px 15px}
}
@media screen and (max-width:1080px) {
	.campusBg1 .campusBg1_tit {margin-top:40px}
	.campusBg1 .campusBg1_txt {margin-top:20px}
}
@media screen and (max-width:1024px) {
	.hidden1024 {display:none}
	.show1024 {display:block}
	.mainProgram_tit {display:block; text-align:center}
	.mainProgram_tit > dt {display:block; width:100%; border:none}
	.mainProgram_tit > dd {display:block; width:100%; margin-top:10px}
	.mainProgram_tit > dd > span {margin-left:0px}
	.mainProgram_list {margin-top:30px}
	.mainProgram_list > li {width:calc(50% - 20px); margin:10px}
	#mainDiscuss section {padding:40px 15px}
	.mainDiscuss_list {display:block}
	.mainDiscuss_list > dt {display:block; width:100%; text-align:center}
	.mainDiscuss_list > dt > a {margin-top:30px}
	.mainDiscuss_list > dd {display:block; width:100%; padding:0; margin-top:30px}
	.mainDiscuss_list > dd > a {line-height:55px; font-size:18px}
	.mainDiscuss_list > dd > a:first-child {margin-bottom:10px}
	.mainDiscuss_list > dd > a.active::after, .mainDiscuss_list > dd > a:hover::after, .mainDiscuss_list > dd > a:focus::after {display:none}
	.facultyList dt {width:40%}
	.facultyList dd {width:60%}
	.landingCol {display:block}
	.landingCol > li {display:block; width:100%; padding:0}
	.MnPBox {padding: 20px}
	.tabStyle2.tab4 li a {width:calc(33% - 4px)}
	.tabStyle2.tab9 li a {width:calc(33% - 4px)}
}
@media screen and (max-width:991px) {
	.hidden991 {display:none}
	.show991 {display:block}
	.gf_left {text-align:center; padding:30px 15px}
	.gf_left > img {margin:0 auto}
	.mainSns {margin-top:20px}
	.mainSns > li {margin-right:10px}
	.mainSns > li > a > img {max-height:40px}
	.gf_right {padding:30px 15px}
	address p {text-align:center; font-size:14px}
	address p.copy {margin-top:15px}
	.statsWrap > section [class|="col"], .middleSecWrap > section [class|="col"] {margin:30px 0}
	.statsWrap .statsWrap_tit {font-size:36px}
	#mainMoments section .row > div:nth-child(2) > h3 {margin-top:50px}	
	.mt20-991 {margin-top:20px}
}
@media screen and (max-width:900px) {
	#header-Top {display:none}
	#header-Gnb .search {display:none}
	.UtillMobile {display:block; padding:15px}
	.UtillMobile a {color:#fff; background:#1e5aa0; display:block; text-align:center; padding:8px 0; border-radius:5px; font-size:13px; margin:3px 0}
	.UtillMobile a.UtillMobileBtn {color:#fff; background:#154378; display:block; text-align:center; padding:8px 0; border-radius:5px; font-size:13px; margin:3px 0}
	.UtillMobile hr {margin:6px 0}
	.majorFlex1 > div:nth-child(1), .majorFlex1 > div:nth-child(2) {width:100%; margin:0}
	.majorFlex1 > div:nth-child(2) {margin-top:30px}
	.statsWrap > section [class|="col"], .middleSecWrap > section [class|="col"] {margin:0}
	.statsWrap > section [class|="col"]:nth-child(2), .middleSecWrap > section [class|="col"]:nth-child(2) {margin:15px 0}
	.collegeMainVisual h3 {margin-bottom:150px}
	.collegeProgramsList {flex-wrap:wrap}
	.collegeProgramsList > div, .collegeProgramsList > a {font-size:18px; padding:15px; width:100%; margin-bottom:10px}
}
@media screen and (max-width:768px) {
	.overviewList {flex-wrap:wrap}
	.overviewList > li {margin:5px; width:calc(33.33% - 10px)}
	.MnPBox .MnPBoxBtn > a {width:100%; display:block; margin-bottom:10px}
	.MnPBox > h2 {font-size:25px !important}
	.MnPBox > h3 {font-size:14px !important}
	.tabStyle2.tab4 li a {width:calc(50% - 4px)}
	.tabStyle2.tab9 li a {width:calc(50% - 4px)}
	.btnAppTxt > li {display:block; margin-bottom:15px}
	.btnAppTxt > li:nth-child(2) {display:none}
	.CounselingSchedule {flex-wrap:wrap}
	.CounselingSchedule > dt {width:100%; padding:15px}
	.CounselingSchedule > dd {width:100%; padding:15px}
	.mobileMaxWidth50 {max-width:50%}
	.mobileMaxWidth100 {max-width:100%}
	.pdfViewer {display:none}
	.tabStyle3 {flex-wrap:wrap}
	.tabStyle3.tab9 > a {flex:1 1 calc(50% - 2px); margin:1px}
	.tabStyle3 > a {height:40px; border:1px solid #D2D2D2; margin-left:0}
	.tabStyle3 > a br {display:none}
}
@media screen and (max-width:767px) {
	.mobileMt20 {margin-top:20px !important}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	.table-responsive {position:relative; border:none}
	.table-responsive.scroll {position:relative; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.table-responsive.scroll table {width:825px; margin-bottom:15px}
	.table-responsive.scroll2 th, .table-responsive.scroll2 td {display:block; width:auto}
	.table-responsive.scroll2 thead th {display:none}
	.table-responsive.scroll2 tbody td {padding-left:30px}
	.table-responsive.scroll2 [data-cell-header]:before {content:attr(data-cell-header); display:block; margin:2px 0 0 -20px; font-size:14px; background:#f8f8f8; border-radius:2px; padding:5px; box-shadow:1px 1px 2px #bbb; color:#333; line-height:18px}
	.table-responsive3 th, .table-responsive3 td {display:block; width:auto; border-right:none !important}
	.ToolTip {position:absolute; width:100%; top:10px; 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;}
	.mainBxslider_innerCon {bottom:20px}
	.mainBxslider_innerCon > h2 {text-align:center; font-size:38px}
	.mainBxslider_innerCon > h3 {text-align:center; font-size:15px; line-height:20px}
	.mainBxslider_innerCon .mainQuick {margin-top:30px}
	.mainBxslider_innerCon .mainQuick > li > a {padding:20px 0; font-size:14px; margin:5px; width:calc(50% - 10px)}
	#mainProgram {margin-top:40px}
	.mainDiscuss_list > dt > h3 {font-size:38px}
	.mainDiscuss_list > dt > h4 {font-size:18px}
	.mainDiscuss_list > dt > a {font-size:16px}
	.mainDiscuss_list > dd > a {line-height:50px; font-size:16px}
	.site-footer ul h4 {font-size:18px; margin:30px 0 15px 0}
	.site-footer .inner .row div:nth-child(1) h4 {margin-top:0}
	.site-footer ul li {margin-bottom:10px}
	/*#CategoryWrap {display:none}*/
	#subVisualWrap {height:150px}
	#subVisualWrap section > h2 {font-size:40px}
	.tabStyle > li {width:100% !important; float:none; margin-left:0; font-size:14px}
	.tabStyle > li::before, .tabStyle > li::after  {display:none}
	.tabStyle > li > a {padding:15px 5px}
	.tabStyle > li.active::after {background-color:#ccc}
	.tabStyle > li.active > a {background:#0d4e96; color:#fff}
	.LeadershipBox dt {display:block; width:100%}
	.LeadershipBox dd {display:block; width:100%; margin-top:20px}
	.facultyList dt {width:220px}
	.facultyList dd {width:calc(100% - 220px)}
	.majorMainTxt > h3 {font-size:40px; text-align:center}
	.majorMainTxt > p {display:none; font-size:16px}
	.majorMainTab {margin-top:30px}
	.majorMainTab li a {padding:16px 0; font-size:15px; width:100% !important}
	.statsWrap .statsWrap_tit {font-size:32px}
	.whiteBox h3 {font-size:36px}
	.whiteBox p {font-size:16px}
	.moreBtn {font-size:15px}
	.facultyListWrap .col-sm-7 {text-align:center}
	#mainMoments section h3 {font-size:38px}
	#social div .row > div:nth-child(2) > h3 {margin-top:40px}
	.collegesWrap a {width:calc(100% - 10px)}	
	#popupZone.popup3 .inner > ul {justify-content:center; flex-direction:column}
	#popupZone.popup3 .inner > ul li {width:100%; max-width:100%}
}
@media screen and (max-width:560px) {
	.mainProgram_list {margin-top:20px}
	.mainProgram_list > li {width:calc(100% - 30px); margin:10px 15px}
	.site-footer {padding:30px 0}	
	#subVisualWrap section > h2 {font-size:32px; font-weight:600}
	.leadershipModal .pull-right {float:none !important; padding:0}
	.facultyList dt {display:block; width:100%; padding-right:0; margin-bottom:20px}
	.facultyList dd {width:100%}
	#leftCont h2 {padding:20px 0; font-size:22px}
	#leftCont .leftmenu > li > a {line-height:40px; font-size:13px}
	.majorlanding h3 {font-size:36px}
	.majorlanding p {font-size:16px; font-weight:300; line-height:20px; margin-top:15px}
	.statsWrap .statsWrap_tit2, .middleBtnSt1 {font-size:20px; padding:18px 0}
	.pull-right {float:none !important; margin-bottom:20px}
	.pull-right img {width:100% !important}
	.pullStyle {float:right !important; margin-bottom:20px}
	.pullStyle img {width:100% !important; max-width:200px}
	.collegeMainVisual h3 {font-size:40px}
	.cpDetail > .inner h3 {font-size:28px}
	.cpDetail .panel-heading {padding:15px 15px}
	.cpDetail .panel-title {font-size:20px}
	.collegeProgramsList > div, .collegeProgramsList > a {font-size:16px; padding:7px 10px; width:100%; margin-bottom:10px; line-height:20px}
	.btn-more, .btn-more2 {display:block; width:100%; margin:5px 0}
	.ProgramsText {font-size:18px}
	.ProgramsTitle {font-size:20px}
}
@media screen and (max-width:425px) {
	#CategoryWrap section > ul > li {font-size:12px; padding-right:15px; margin-right:10px}
	#CategoryWrap2 section > ul > li {font-size:12px; padding-right:15px; margin-right:10px}
	#subVisualWrap {height:100px}
	#subVisualWrap section > h2 {font-size:28px}
	.majorMainTab {margin-top:20px}
	.majorMainTab li a {padding:15px 0}
	.statsWrap .statsWrap_tit2, .middleBtnSt1 {font-size:18px}
	.overviewList > li {width:calc(50% - 10px)}
	.tabStyle2.tab2 li a {width:calc(100% - 4px); padding:5px 0}
	.tabStyle2.tab3 li a {width:calc(100% - 4px); padding:5px 0}
	.tabStyle2.tab4 li a {width:calc(100% - 4px); padding:5px 0}
	.tabStyle2.tab5 li a {width:calc(100% - 4px); padding:5px 0}
	.tabStyle2.tab9 li a {width:calc(100% - 4px); padding:5px 0; height:auto}
	.pullStyle img {max-width:150px}
	.tbl_skin1, .tbl_skin2 {font-size:15px}
}