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

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

/* common */
.text-indent {text-indent:-9999px; display:inline-block}
.auto {margin:0 auto}
.width100 {width:100%}
.img-responsive {display:block; max-width:100%; height:auto}
.img-mobile {display:none !important}
.font11 {font-size:11px !important}
.font12 {font-size:12px !important}
.font13 {font-size:13px !important}
.font14 {font-size:14px !important}
.font15 {font-size:15px !important}
.font16 {font-size:16px !important}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mt110 {margin-top:110px !important}
.mt120 {margin-top:120px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb50 {margin-bottom:50px !important}
.show-768, .show-425 {display:none}
.embed-responsive {position:relative; display:block; height:0; padding:0; overflow:hidden; padding-bottom:56.25%}
.embed-responsive-item {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}
.ToolTip {display:none}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.pInfor {color:#FFFF00 !important}
.line-height20 {line-height:20px}
.line-height26 {line-height:24px}
.pl15 {padding-left:15px}
.text-center {text-align:center}

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

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

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

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

/* mainVisualWrap */
#mainVisualWrap {height:520px; overflow:hidden; position:relative}
#mainVisualWrap .mainBxslider > li {width:100% !important; height:520px}
.mainTxtWrap {display:table; width:100%; max-width:1200px; height:100%; margin:0 auto; position:relative}
.mainTxtWrap > div {display:table-cell; vertical-align:middle; text-align:center}
.mainTxtWrap > div .mainTxt1 {font-size:16px; font-weight:300; line-height: 23px; letter-spacing:3px; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5)}
.mainTxtWrap > div h2 {font-size:50px; font-weight:500; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); margin-top:20px}
.mainTxtWrap > div h3 {font-size:28px; font-weight:300; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); margin-top:15px}
.mainTxtWrap > div .mainTxt2 {font-size:16px; font-weight:300; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); line-height:22px; ; margin-top:30px}
.mainVisualQuick {margin-top:30px}
.mainVisualQuick > li {display:inline-block; margin:0 10px}
.mainVisualQuick > li a {display:table-cell; vertical-align:middle; font-size:16px; font-weight:400; width:90px; height:90px; border-radius:45px; color:#000; transition:.3s}
#mainVisualWrap .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-25px; width:29px; height:50px}
#mainVisualWrap .bx-wrapper .bx-prev {left:20px; background:url('../images/mainVisualWrap_roll_arw.png') no-repeat 0 -50px}
#mainVisualWrap .bx-wrapper .bx-prev:hover, #mainVisualWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#mainVisualWrap .bx-wrapper .bx-next {right:20px; background:url('../images/mainVisualWrap_roll_arw.png') no-repeat -29px -50px}
#mainVisualWrap .bx-wrapper .bx-next:hover, #mainVisualWrap .bx-wrapper .bx-next:focus {background-position:-29px 0}

/* popup */
#popupWrap {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999}
#popupWrap > div {max-width:1200px; margin:80px auto 0 auto}
#popupWrap.kms > div {max-width:1000px; margin:50px auto 0 auto}
.popBxslider {overflow:hidden; height:300px}
.popBxslider > li {height:300px; background:#fff; padding:30px; box-sizing:border-box; position:relative}
.popBxslider > li h3 {font-size:26px; font-weight:600; line-height:30px}
.popBxslider > li h4 {font-size:20px; font-weight:500}
.popBxslider > li h5 {font-size:18px; font-weight:400}
.popBxslider > li p {font-size:15px; font-weight:400; line-height:20px; margin:0}
.popBxslider > li .btnMore {position:absolute; bottom:0; left:0; width:100%}
.popBxslider > li .btnMore a {display:block; width:100%; box-sizing:border-box; padding:15px  0; text-align:center; color:#fff; font-size:15px; transition:.3s}
.popBxslider > li .btnMore a:hover, .popBxslider > li .btnMore a:focus {opacity:0.8}
.btnPopOpen {position:absolute; top:0; right:0; padding:11px 25px; color:#fff; font-size:14px; border-radius:0 0 15px 15px; transition:.3s; display:none}
.btnPopOpen:hover, .btnPopOpen:focus {opacity:0.8; color:#fff}
.btnPopCloseWrap {margin-top:20px; text-align:center}
.btnPopClose {display:inline-block; padding:15px 35px; color:#fff; font-size:14px; border:1px solid #fff; border-radius:25px; transition:.3s}
.btnPopClose:hover, .btnPopClose2:focus {background:#fff; color:#000}
#popupWrap2 {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999}
#popupWrap2 > div {max-width:1200px; margin:80px auto 0 auto}
#popupWrap2.kms > div {max-width:1000px; margin:50px auto 0 auto}
.btnPopCloseWrap2 {margin-top:20px; text-align:center}
.btnPopClose2 {display:inline-block; padding:15px 35px; color:#fff; font-size:14px; border:1px solid #fff; border-radius:25px; transition:.3s}
.btnPopClose2:hover, .btnPopClose2:focus {background:#fff; color:#000}
#popupWrap .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-22px; width:25px; height:43px}
#popupWrap .bx-wrapper .bx-prev {left:-50px; background:url('../images/videoRoll_arw.png') no-repeat 0 -43px}
#popupWrap .bx-wrapper .bx-prev:hover, #popupWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#popupWrap .bx-wrapper .bx-next {right:-50px; background:url('../images/videoRoll_arw.png') no-repeat -25px -43px}
#popupWrap .bx-wrapper .bx-next:hover, #popupWrap .bx-wrapper .bx-next:focus {background-position:-25px 0}

/* mainArticleWrap */
#mainArticleWrap {overflow:hidden; margin-bottom:25px}
#mainArticleWrap > section {max-width:1200px; margin:0 auto}
#mainArticleWrap > section .mainArticleLeft {float:left; width:50%}
#mainArticleWrap > section .mainArticleRight {float:right; width:50%}
.mainArticleLeftTop {position:relative}
.mainArticleLeftTop:after {display:block; content:""; position:absolute; top:0; left:-200%; width:300%; height:100%; z-index:-1}
.mainArticleLeftTop > a {display:block; padding:30px 0 27px 0}
.mainArticleLeftTop > a > h3 {font-size:30px; font-weight:500; color:#fff}
.mainArticleLeftTop > a > h4 {font-size:17px; font-weight:300; color:#fff; margin-top:10px}
.mainArticleLeftTop > a > .mainArticleLeftTopMore {position:absolute; right:25px; bottom:25px; font-size:16px; font-weight:300; color:#fff; opacity:1; transition:.3s}
.mainArticleLeftTop > a:hover > .mainArticleLeftTopMore, .mainArticleLeftTop > a:focus > .mainArticleLeftTopMore {font-weight:500}
.mainArticleLeftBottom > ul {overflow:hidden; margin-top:20px}
.mainArticleLeftBottom > ul > li {float:left; width:30%; width:calc(33.33% - 20px)}
.mainArticleLeftBottom > ul > li:nth-child(2) {margin:0 20px}
.mainArticleLeftBottom > ul > li > a {display:block; text-align:center; border:1px solid #ccc; color:#666; padding:35px 0; font-size:16px; font-weight:400; transition:.3s}
.mainArticleLeftBottom > ul > li > a:hover, .mainArticleLeftBottom > ul > li > a:focus {font-weight:400}
.mainArticleLeftBottom > ul > li > a span {display:block; margin-top:10px}

.mainArticleRightSlider > li {padding:40px; height:270px; box-sizing:border-box}
.mainArticleRightSlider > li > h3 {font-size:32px; font-weight:600; margin-top:15px}
.mainArticleRightSlider > li > h3:after {display:block; content:""; width:28px; height:1px; background:#000; margin-top:15px}
.mainArticleRightSlider > li > h4 {font-size:16px; font-weight:400}
.mainArticleRightSlider > li > p {font-size:15px; font-weight:300; line-height:18px; margin:10px 0}
.mainArticleRightSlider > li > .more {display:inline-block; font-size:14px; font-weight:400; padding:10px 25px; border:1px solid #000; color:#000; border-radius:20px; margin-top:10px; transition:.3s}
.mainArticleRightSlider > li > .more:hover, .mainArticleRightSlider > li > .more:focus {color:#fff}
.mainArticleRight a {display:inline-block}
.mainArticleRight a:hover, .mainArticleRight a:focus {border:2px solid #333 !important}
.mainArticleRight .bx-wrapper .bx-controls-direction a {top:0; margin-top:0; width:37px; height:37px; background:rgba(0,0,0,0.1); transition:.3s}
.mainArticleRight .bx-wrapper .bx-prev {left:auto; right:38px}
.mainArticleRight .bx-wrapper .bx-prev::after{content:""; display:block; width:12px; height:12px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(225deg); transform:rotate(225deg); position:absolute; right:10px; top:50%; margin-top:-6px}
.mainArticleRight .bx-wrapper .bx-prev:hover::after, .mainArticleRight .bx-wrapper .bx-prev:focus::after {border-color:#fff}
.mainArticleRight .bx-wrapper .bx-next {left:auto; right:0}
.mainArticleRight .bx-wrapper .bx-next::after{content:""; display:block; width:12px; height:12px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:15px; top:50%; margin-top:-6px}
.mainArticleRight .bx-wrapper .bx-next:hover::after, .mainArticleRight .bx-wrapper .bx-next:focus::after {border-color:#fff}

/* mainTypeA */
#mainTypeA {overflow:hidden}
#mainTypeA > section {max-width:1200px; margin:0 auto; padding:25px 0}
.mainTypeA_left {float:left; width:50%; box-sizing:border-box}
.mainTypeA_left a {display:block}
.mainTypeA_left a:hover, .mainTypeA_left a:focus {border:2px solid #333}
.mainTypeA_right {float:left; width:50%; padding:40px 0 0 40px; box-sizing:border-box}
.mainTypeA_right h3 {font-size:38px}
.mainTypeA_right h4 {font-size:25px}
.mainTypeA_right .hashtag {font-size:15px; color:#000; opacity:0.5; margin:20px 0 25px 0}
.mainTypeA_right .substance {font-size:15px; font-weight:300; color:#000; margin:15px 0 0 0; line-height:18px}
.mainTypeA_Btn {color:#000; padding:15px 30px; display:inline-block; font-size:15px; font-weight:400; margin-top:20px; transition:.3s; border:1px solid #000}
.mainTypeA_Btn img {height:17px; vertical-align:middle; margin-right:5px}
.mainTypeA_Btn:hover, .mainTypeA_Btn:focus {color:#fff}
#mainTypeA .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-25px; width:29px; height:50px}
#mainTypeA .bx-wrapper .bx-prev {left:-50px; background:url('../images/mainTypeA_roll_arw.png') no-repeat 0 -50px}
#mainTypeA .bx-wrapper .bx-prev:hover, #mainTypeA .bx-wrapper .bx-prev:focus {background-position:0 0}
#mainTypeA .bx-wrapper .bx-next {right:-50px; background:url('../images/mainTypeA_roll_arw.png') no-repeat -29px -50px}
#mainTypeA .bx-wrapper .bx-next:hover, #mainTypeA .bx-wrapper .bx-next:focus {background-position:-29px 0}

/* mainTypeB */
#mainTypeB {}
#mainTypeB > section {max-width:1200px; margin:0 auto; overflow:hidden}
.mainTypeB_left {float:left; width:50%}
.mainTypeB_right {float:right; width:50%; padding:35px 0; box-sizing:border-box}
.mainTypeB_right h3 {font-size:30px; margin-top:10px}
.mainTypeB_right h4 {font-size:20px; font-weight:400}
.mainTypeB_Btn {color:#000; padding:15px 30px; display:inline-block; font-size:15px; font-weight:400; margin-top:20px; transition:.3s; border:1px solid #000}
.mainTypeB_Btn img {height:17px; vertical-align:middle; margin-right:5px}
.mainTypeB_Btn:hover, .mainTypeB_Btn:focus {color:#fff}

/* mainTypeC */
#mainTypeC {}
#mainTypeC > section {max-width:1200px; margin:0 auto; padding:40px 0}
.mainTypeC_list {overflow:hidden}
.mainTypeC_list > li {float:left; width:50%}
.mainTypeC_list > li > a {display:block}
.mainTypeC_listLeft {float:left}
.mainTypeC_listLeft img {border-radius:130px}
.mainTypeC_listRight {float:left; padding-left:30px}
.mainTypeC_listRight h3 {font-size:30px; color:#000; font-weight:500; margin-top:10px}
.mainTypeC_listRight h4 {font-size:26px; color:#000; font-weight:300; margin-top:30px}
.mainTypeC_listRight p {font-size:15px; color:#252525; font-weight:400; line-height:20px; margin-top:20px}
.mainTypeC_Btn {display:inline-block; font-size:14px; font-weight:500; padding:10px 30px; border:1px solid #000; border-radius:20px; margin-top:10px; transition:.3s}

/* mainTypeD */
#mainTypeD {}
#mainTypeD > section {max-width:1240px; margin:0 auto; padding:40px 0}
.mainTypeD_list {overflow:hidden}
.mainTypeD_list > li {float:left; width:21%; width:calc(25% - 40px); margin:0 20px}
.mainTypeD_list > li > a {display:block; height:245px; box-sizing:border-box; background:#fff; text-align:center; color:#000; padding:45px 0 40px 0; transition:.3s}
.mainTypeD_list > li > a i {font-size:45px}
.mainTypeD_list > li > a h3 {font-size:20px; margin-top:30px}
.mainTypeD_list > li > a p {font-size:15px; opacity:0.7; margin:20px 0 0 0; line-height:20px}
.mainTypeD_list > li > a:hover, .mainTypeD_list > li > a:focus {color:#fff}
.mainTypeD_list > li > a:hover i, .mainTypeD_list > li > a:focus i {opacity:0.5}

/* newsWrap */
#newsWrap {}
#newsWrap > section {max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden}
.newsLeft {float:left; width:22%}
.newsLeft h3 {font-size:40px}
.newsLeft .hashtag {font-size:15px; color:#000; margin:20px 0 15px 0}
.newsLeft .substance {font-size:13px; font-weight:300; color:#000; line-height:18px}
.newsRight {float:left; width:78%}
.newsRight > li {float:left; width:50%; padding:0 10px; box-sizing:border-box}
.newsRight > li > a {display:block; border:1px solid rgba(0,0,0,0.2); box-sizing:border-box; overflow:hidden; color:#000; transition:.3s}
.newsRightLeft {float:left; width:230px}
.newsRightLeft > img {max-width:226px; height:207px}
.newsRightRight {float:left; width:48%; width:calc(100% - 230px); box-sizing:border-box; padding:30px 20px}
.newsRightRight > h4 {font-size:18px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.newsRightRight > p {font-size:14px; line-height:18px; margin:10px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.newsRightRight > .more {font-size:14px; font-weight:500; margin-top:10px; display:inline-block}
.newsRight > li > a:hover, .newsRight > li > a:focus {color:#fff}
.newsRight > li > a:hover .newsRightRight > .more, .newsRight > li > a:focus .newsRightRight > .more {color:#fff}

/* noticeWrap */
#noticeWrap {padding:40px}
#noticeWrap > section {max-width:1200px; margin:0 auto; background:#fff; padding:35px; box-sizing:border-box}
#noticeWrap > section > h3 {font-size:30px; font-weight:500; text-align:center; margin-bottom:30px}
#noticeWrap > section > ul {border-top:3px solid #252525; border-bottom:1px solid #646464; overflow:hidden; padding:30px 0}
#noticeWrap > section > ul > li {float:left; width:33%; padding:0 30px; box-sizing:border-box; position:relative}
#noticeWrap > section > ul > li:nth-child(2) {border-left:1px solid #ddd; border-right:1px solid #ddd}
#noticeWrap > section > ul > li > h4 {font-size:18px; font-weight:500}
#noticeWrap .more {position:absolute; top:2px; right:30px; font-size:16px}
.notiList {margin-top:20px}
.notiList li {margin-bottom:10px}
.notiList li:last-child {margin-bottom:0}
.notiList li a {display:block; overflow:hidden; font-size:14px}
.notiList li a .noti_tt {width:calc(100% - 80px); display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:10px; color:#6b6b6b}
.notiList li a .noti_day {width:70px; display:block; float:right; color:#6b6b6b; text-align:right}
.notiList li a:hover .noti_tt, .notiList li a:hover .noti_day, .notiList li a:focus .noti_tt, .notiList li a:focus .noti_day {color:#000; font-weight:400}

/* videoRollWrap */
#videoRollWrap {overflow:hidden; padding:40px 0}
#videoRollWrap > section {max-width:1226px; margin:0 auto}
.videoRoll > li, .videoRoll2 > li {border:1px solid #fff; background:#fff; float:left; width:587px; margin:0 13px}
.videoRoll > li > dl, .videoRoll2 > li > dl {overflow:hidden}
.videoRoll > li > dl dt, .videoRoll2 > li > dl dt {float:left; width:237px}
.videoRoll > li > dl dd, .videoRoll2 > li > dl dd {float:left; width:348px; padding:20px 20px 0 20px; box-sizing:border-box}
.videoRoll > li h4, .videoRoll2 > li h4 {font-size:18px; color:#252525; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:7px 0 10px 0}
.videoRoll > li h5, .videoRoll2 > li h5 {font-size:14px; color:#252525}
.videoRoll > li p, .videoRoll2 > li p {font-size:13px; color:#252525; margin-bottom:5px}
.videoRoll > li .more, .videoRoll2 > li .more {font-size:12px; color:#000}
#videoRollWrap .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-22px; width:25px; height:43px}
#videoRollWrap .bx-wrapper .bx-prev {left:-50px; background:url('../images/videoRoll_arw.png') no-repeat 0 -43px}
#videoRollWrap .bx-wrapper .bx-prev:hover, #videoRollWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#videoRollWrap .bx-wrapper .bx-next {right:-50px; background:url('../images/videoRoll_arw.png') no-repeat -25px -43px}
#videoRollWrap .bx-wrapper .bx-next:hover, #videoRollWrap .bx-wrapper .bx-next:focus {background-position:-25px 0}

/* popupModal */
.popupModal .modal-dialog {max-width:500px; margin:5% auto}
.popupModal .modal-content {border-top:10px solid #333}
.popupModal .modal-header {min-height:auto}
.popupModal h3 {font-size:24px; font-weight:800}
.popupModal h4 {font-size:18px; font-weight:400}
.popupModal ul > li {font-size:15px; font-weight:400; color:#464646; line-height:16px; letter-spacing:-1px}
.popupModal p {font-size:15px; font-weight:400; color:#464646; line-height:24px; letter-spacing:-1px}
.popupModal_nameList > li > span {display:inline-block; width:70px; text-align:center; margin:4px 0}

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

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

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

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

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

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

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

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

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


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

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

/* 탑박스 */
.box {position:relative; background:url('../images/boxBg.png') repeat; overflow:hidden}
.box .inner {display:block; position:relative; z-index:1; margin:5px; padding:20px 30px; background-color:#fff; font-size:15px; line-height:26px}
.box .inner ul {overflow:hidden}
.box .inner ul li {font-size:15px}
.box .inner ul li:first-child {margin-bottom:10px}
.box .inner ul li strong {margin-right:10px; font-weight:700}
.box .inner.vision:before {content:""; display:block; width:56px; height:50px; background:url('../images/icoVision.png') 0 0 no-repeat; float:left; margin-right:15px}
.box2 {position:relative; background:url('../images/boxBg.png') repeat; overflow:hidden}
.box2 .inner {display:block; position:relative; z-index:1; margin:5px; padding:10px; background-color:#fff; font-size:15px; line-height:26px}

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

/* 비전,목표2 */
.visionBox2 {margin-top:20px}
.visionBox2 > li {padding:15px 25px; margin-bottom:2px; font-size:16px; background-color:#efefef; overflow:hidden; display:flex; align-items:center}
.visionBox2 > li strong {padding:8px 10px; border-radius:20px; color:#fff; font-weight:600; margin-right:15px; display:block; text-align:center}
.visionBox2 > li .title {flex-shrink:0; width:110px}
.visionBox2 > li .contents {line-height:1.4em}

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

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

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

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

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

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

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

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

.modal {z-index:9999}

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

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

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

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

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

@media screen and (max-width:1280px) {
	.videoRoll2 > li {width:calc(50% - 26px)}
	.videoRoll2 > li > dl dd {width:calc(100% - 237px)}
}
@media screen and (max-width:1200px) {
	.hidden-1200 {display:none !important}
	header > section {padding:20px 15px; height:70px}
	header > section > nav.gnb > ul {display:none}
	.allmenuCon {left:auto; right:0; width:70%; height:100%; overflow-y:auto; padding:70px 0}
	.allmenuNavList {float:none; text-align:left; width:100% !important; height:auto !important; border-left:none; border-top:1px solid rgba(255,255,255,0.5)}
	.allmenuNavList:last-child {border-right:none; border-bottom:1px solid rgba(255,255,255,0.5)}
	.allmenuDepth2 {display:none; background:#fff; padding:10px 0}
	.allmenuNavList>a {padding:0 20px; font-size:18px; margin:15px 0}
	.allmenuDepth2>li {margin-bottom:5px}
	.allmenuDepth2>li>a {display:block; color:#000; padding:5px 20px; font-size:14px}
	.allmenuDepth2>li>a:hover {border-bottom:none}
	.allmenuDepth2>li > .depth2 {display:block}
	.allmenuClose {top:-50px; right:30px}
	#allmenuToggle {margin-left:0px}
	#mainArticleWrap > section .mainArticleLeft, #mainArticleWrap > section .mainArticleRight, .mainTypeA_left, .mainTypeA_right, .mainTypeB_left, .mainTypeB_right {float:none; width:100%}
	#mainArticleWrap > section .mainArticleRight {margin-top:20px}
	.mainArticleLeftTop > a {padding:30px 20px}
	.mainArticleLeftTop > a > .mainArticleLeftTopMore {bottom:30px}
	.mainArticleLeftBottom > ul > li {width:calc(33.33% - 40px); margin:0 20px}
	.mainArticleLeftBottom > ul > li:nth-child(2) {margin:0 20px}
	.mainArticleRightSlider > li {padding:40px 20px}
	#mainTypeA > section {padding:20px}
	.mainTypeA_right {padding:20px 0 0 0}
	.mainTypeB_left img {width:100%}
	.mainTypeB_right {padding:20px}
	.mainTypeC_list > li {float:none; width:100%; overflow:hidden; padding:10px 20px; box-sizing:border-box}
	.newsLeft {float:none; width:100%; text-align:center}
	.newsRight {float:none; width:100%}
	#noticeWrap {padding:40px 0}
	#mainTypeA .bx-wrapper .bx-controls-direction a {top:35%}
	#mainTypeA .bx-wrapper .bx-prev, #videoRollWrap .bx-wrapper .bx-prev, #popupWrap .bx-wrapper .bx-prev {left:0px}
	#mainTypeA .bx-wrapper .bx-next, #videoRollWrap .bx-wrapper .bx-next, #popupWrap .bx-wrapper .bx-next {right:0px}
	.kakaoAdm {right:0}
	.instarAdm {right:0}
	.instar {right:0}
	.News {right:0}
	.VR {right:0}
	.VRAdm {right:0}
	.facebookAdm {right:0}
	.YouTubeAdm {right:0}
}
@media screen and (max-width:1024px) {
	#mainTypeD > section {padding:20px 0}
	.mainTypeD_list > li {width:calc(50% - 40px); margin:20px}
	#noticeWrap > section {padding:20px}
	#noticeWrap > section > ul > li {float:none; width:100%; padding:0}
	.notiList {margin-top:10px}
	#noticeWrap > section > ul > li:nth-child(2) {border:none; margin:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0}
	.videoRoll2 > li {width:calc(100% - 26px); margin:10px auto; float:none}
}
@media screen and (max-width:1199px) {
	#leftCont {display:none}
	#rightCont {float:none; width:100%; padding:50px 20px}
}
@media screen and (max-width:970px) {
	.hidden-970 {display:none !important}
	.img-desk {display:none !important}
	.img-mobile {display:block !important}
	.newsRight > li {float:none; width:100%; padding:0 20px}
	.newsRight > li:first-child {margin-bottom:10px}
}
@media screen and (max-width:900px) {
	.professor li {width:100%; padding:15px; margin:0 0 10px 0}
	.professor li.pro_jang {width:100%}
}
@media screen and (max-width:768px) {
	.hidden-768 {display:none !important}
	.show-768 {display:block !important}
	.tab3 li a {width:50%}
	.tab4 li a {width:50%}
	.tab5 li a {width:50%}
	.tab6 li a {width:50%}
	.tab7 li a {width:50%; font-size:12px !important}
	.tab8 li a {width:50%; font-size:12px !important}
	.tab10 {border-left:1px solid #d8d9db}
	.tab10 li a {width:25%; font-size:12px !important}
	.tab10 li:nth-child(11) a, .tab10 li:nth-child(21) a, .tab10 li:nth-child(31) a, .tab10 li:nth-child(41) a, .tab10 li:nth-child(51) a {border-left:none}	
	.listStyle.list03 li {width:50%}
	.listStyle.list04 li {width:50%}
	.listStyle.list05 li {width:50%}
	.listStyle.list03 li:nth-child(4), .listStyle.list03 li:nth-child(7), .listStyle.list03 li:nth-child(10), .listStyle.list03 li:nth-child(13), .listStyle.list03 li:nth-child(16), .listStyle.list03 li:nth-child(19), .listStyle.list03 li:nth-child(22), .listStyle.list04 li:nth-child(5), .listStyle.list04 li:nth-child(9), .listStyle.list04 li:nth-child(13), .listStyle.list04 li:nth-child(17), .listStyle.list04 li:nth-child(21) {clear:none}
	.listStyle li:nth-child(3), .listStyle li:nth-child(5), .listStyle li:nth-child(7), .listStyle li:nth-child(9), .listStyle li:nth-child(11), .listStyle li:nth-child(13), .listStyle li:nth-child(15), .listStyle li:nth-child(17), .listStyle li:nth-child(19), .listStyle li:nth-child(21), .listStyle li:nth-child(23), .listStyle li:nth-child(25) {clear:both}
	.tableScroll {min-height:.01%; overflow-x:auto; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar}
	.tableScroll table {width:740px; margin-top:0 !important}
	.ToolTip {display:block; margin:20px 0; padding:5px 8px; font-size:12px; color:#fff; text-align:center; background-color:#000; border-radius:4px}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon img, .ZoomIcon0 img, .ZoomIcon1 img, .ZoomIcon2 img, .ZoomIcon3 img, .ZoomIcon4 img, .ZoomIcon5 img, .ZoomIcon6 img, .ZoomIcon7 img, .ZoomIcon8 img, .ZoomIcon9 img, .ZoomIcon10 img {width:50%; cursor:pointer}
	.bZoomIcon img, .bZoomIcon0 img, .bZoomIcon1 img, .bZoomIcon2 img, .bZoomIcon3 img, .bZoomIcon4 img, .bZoomIcon5 img, .bZoomIcon6 img, .bZoomIcon7 img, .bZoomIcon8 img, .bZoomIcon9 img, .bZoomIcon10 img {color:#fff; font-size:22px}
	.layoutGrid li:nth-child(1) {width:100%; margin-right:0%}
	.layoutGrid li:nth-child(2) {width:100%}
	.introList > li {float:none}
	.introList > li:nth-child(1) {width:100%; margin-right:0%}
	.introList > li:nth-child(2) {width:100%}
	.mbrHidden {display:none}
	.mainVisualQuick > li {margin:0 5px}
	.mainArticleLeftTop > a {padding:20px; text-align:center}
	.mainArticleLeftTop > a > .mainArticleLeftTopMore {bottom:0px; position:relative; right:0; margin-top:15px; display:inline-block}
	.mainArticleLeftBottom > ul > li {float:none; width:100%; margin:0 !important; padding:5px 20px; box-sizing:border-box}
	.mainArticleLeftBottom > ul > li:nth-child(1) {padding-top:0}
	.mainArticleLeftBottom > ul > li:nth-child(3) {padding-bottom:0}
	.mainArticleLeftBottom > ul > li > a {padding:15px 0}
	.mainArticleLeftBottom > ul > li > a img {vertical-align:middle}
	.mainArticleLeftBottom > ul > li > a span {display:inline-block; margin-top:0px; margin-left:10px}
	.mainTypeC_listLeft {width:255px}
	.mainTypeC_listRight {width:calc(100% - 255px); box-sizing:border-box}
	.mainTypeC_listRight h4 {margin-top:20px}
	footer section {padding:10px 20px}
	#subVisual .subBxslider li {height:200px}
	.visionBox {text-align:center}
	.visionBox > li {line-height:20px}
	.visionBox > li strong {display:block; margin-bottom:10px; line-height:14px; margin-right:0}
	.visionLine {display:block; width:100%}
	.visionBr {padding:0; line-height:auto}
	.kakaoAdm > img {max-width:70%}
	.instarAdm {top:168px}
	.instarAdm > img {max-width:70%}
	.Instar {top:143px !important}
	.Instar > img {max-width:70%}
	.News > img {max-width:70%}
	.News {top:84px !important}
	.VR > img {max-width:70%}
	.VR {top:84px !important}
	.VRAdm {top:84px !important}
	.VRAdm > img {max-width:70%}
	.facebookAdm {top:252px !important}
	.facebookAdm > img {max-width:70%}
	.YouTubeAdm {top:335px !important}
	.YouTubeAdm > img {max-width:70%}
	.skyTagWrap > .inner > a {width:100px}
	#layerPopup1,#layerPopup2,#layerPopup3,#layerPopup4,#layerPopup5,#layerPopup6,#layerPopup7,#layerPopup8,#layerPopup9,#layerPopup10,#layerPopup11,#layerPopup12,#layerPopup13,#layerPopup14,#layerPopup15 {top:120px !important; left:15px !important}
	.headerTopLeft.hidden-768 {display:block !important}
	.headerTopLeft.hidden-768 > li {display:none !important}
	.headerTopLeft.hidden-768 > li:nth-child(2) {display:block !important}
}
@media screen and (max-width:720px) {
	footer > section > .webwatch {position:relative; text-align:center; margin-top:20px}
	footer > section > .webwatch > a {position:relative !important}
}
@media screen and (max-width:600px) {
	.videoRoll > li > dl dt, .videoRoll2 > li > dl dt {float:none; width:100%}
	.videoRoll > li > dl dd, .videoRoll2 > li > dl dd {float:none; width:100%; padding:20px}
	#videoRollWrap .bx-wrapper .bx-controls-direction a {top:35%}
}
@media screen and (max-width:560px) {
	#mainTypeC > section {padding:20px 0}
	.mainTypeC_listLeft {width:100%}
	.mainTypeC_listLeft img {border-radius:550px}
	.mainTypeC_listRight {width:100%; padding:0}
	.mainTypeD_list > li {width:100%; margin:10px 0; padding:0 20px; box-sizing:border-box}
	.mainTypeD_list > li > a {height:auto; padding:20px 0}
	.mainTypeD_list > li > a h3 {margin-top:15px}
	.mainTypeD_list > li > a p {margin:10px 0 0 0}
	.newsRightLeft {display:none}
	.newsRightRight {width:100%; padding:20px}
	#mainTypeA .bx-wrapper .bx-controls-direction a {top:25%}
}
@media screen and (max-width:500px) {
	.mainArticleRightSlider > li {background-image:none !important}
}
@media screen and (max-width:425px) {
	.hidden-425 {display:none !important}
	.show-425 {display:block !important}
	#mainVisualWrap {height:450px}
	#mainVisualWrap .mainBxslider > li {height:450px}
	.mainTxtWrap > div .mainTxt1 {font-size:14px; letter-spacing:1px}
	.mainTxtWrap > div h2 {font-size:42px}
	.mainTxtWrap > div h3 {font-size:22px}
	.mainTxtWrap > div .mainTxt2 {font-size:15px; line-height:20px}
	.mainVisualQuick > li {margin:0 2px}
	.mainVisualQuick > li a {font-size:14px; width:80px; height:80px}
	#popupWrap > div {margin:40px auto 0 auto}
	.mainArticleLeftTop > a > h3, .mainArticleRightSlider > li > h3, .mainTypeA_right h3, .mainTypeA_right h4, .mainTypeB_right h3, .mainTypeC_listRight h3, .newsLeft h3, #noticeWrap > section > h3 {font-size:24px}
	.mainArticleLeftTop > a > h4, .mainArticleLeftBottom > ul > li > a, .mainArticleRightSlider > li > h4, .mainTypeB_right h4, .mainTypeC_listRight h4 {font-size:15px}
	.mainArticleLeftTop > a > .mainArticleLeftTopMore, .mainArticleRightSlider > li > p, .mainTypeA_right .hashtag, .mainTypeA_right .substance {font-size:14px}
	.mainArticleRightSlider > li {padding:20px; height:auto}
	.mainArticleRightSlider > li > h3, .mainArticleRightSlider > li > h3:after, .mainTypeC_listRight p {margin-top:10px}
	.mainTypeA_right .hashtag {margin:10px 0 15px 0}
	.newsLeft h3, #noticeWrap > section > h3 {margin-bottom:15px}
	#noticeWrap .more {display:none}
	.kakaoAdm > img {max-width:60%}
	.instarAdm > img {max-width:60%}
	.instarAdm {top:143px !important}
	.facebookAdm > img {max-width:60%}
	.facebookAdm {top:214px !important}
	.YouTubeAdm > img {max-width:60%}
	.YouTubeAdm {top:295px !important}
	.Instar > img {max-width:60%}	
	.instar {top:72px !important}
	.News > img {max-width:60%}
	.VR > img {max-width:60%}
	.VR {top:72px !important}
	
	.VRAdm > img {max-width:60%}
	.VRAdm {top:72px !important}
	.skyTagWrap > .inner > a {width:80px}
}
@media screen and (max-width:375px) {
	.mainTxtWrap > div .mainTxt1 {font-size:13px}
	.mainTxtWrap > div h2 {font-size:42px}
	.mainTxtWrap > div h3 {font-size:22px}
	.mainTxtWrap > div .mainTxt2 {font-size:13px}
	.mainVisualQuick > li {margin:0 2px}
	.mainVisualQuick > li a {font-size:13px; width:70px; height:70px}
	#mainTypeA .bx-wrapper .bx-controls-direction a {top:20%}
}