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

/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('/site/common/fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('/site/common/fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('/site/common/fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset css*/
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, 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 {letter-spacing:-0.75px; word-break:break-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*/}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-decoration:none; color:inherit; text-underline-position:under}
p {outline:none}
img {border:0; vertical-align:top}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
.bx-wrapper {box-shadow:none; border:none; background:none; margin:0}
.bx-wrapper .bx-controls-direction a {text-indent:0 !important; color:rgba(255,255,255,0) !important}

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

/* common */
.text-indent {text-indent:-9999px !important; display:inline-block !important}
.width100 {width:100%}
.show-600 {display:none}
.show-1024 {display:none}
.text-center {text-align:center}
.text-right {text-align:right}
.text-left, .tl {text-align:left}
.font-weight400 {font-weight:400}
.font-size20 {font-size:20px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mr5 {margin-right:5px}
.mb15 {margin-bottom:15px}
.ml5 {margin-left:5px}
.ml20 {margin-left:20px}
.marginAuto {margin:auto}
.auto {margin:0 auto}
.clear {clear:both}
.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.tableResponsive {position:relative}
.flex {display:flex}
.align-items-center {align-items:center}
.justify-content-center {justify-content:center}
.justify-content-flex-end {justify-content:flex-end}
.flex-shrink-0 {flex-shrink:0}
.dList > li {display:flex; margin-left:0 !important; margin-bottom:5px}
.dList > li:before {content:''; display:inline-flex; flex-shrink:0; width:5px; height:5px; background:#777; border-radius:100%; margin-top:10px; margin-right:5px}
.bList > li {display:flex; margin-left:0 !important; margin-bottom:5px}
.bList > li:before {content:''; display:inline-flex; flex-shrink:0; width:7px; height:1px; background:#777; margin-top:12px; margin-right:5px}
.dList > li .bList, .bList > li .dList {margin-left:5px}
.mainTxtColor1 {color:#20AEDA}
.colorBlue {color:blue}
.colorRed {color:red}
.width100px {width:100px}
.font18 {font-size:18px !important}
.width60 {width:60px}

/* modalStyle */
.modalStyle .modal-content {content:''; border-radius:10px; overflow:hidden}
.modalStyle .modal-body {padding:40px 20px 20px 20px}
.modalStyle .modal-body:before{content:''; width:100%; height:7px; background-image:linear-gradient(to right, #72a5dd, #004B9E); display:block; position:absolute; top:0; left:0}
.ModalClose {position:absolute; top:15px; right:15px; font-size:20px}
.modalTitle {font-size:26px; font-weight:700; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px}
.modalFooter {border-top:1px solid #ddd; margin-top:30px; padding:20px 0 0 0; text-align:center}
.modalBtnClose {border:1px solid #222; color:#222; background:#fff; display:inline-flex; align-items:center; justify-content:center; height:50px; width:auto; padding:0 25px; border-radius:4px; box-sizing:border-box; font-size:14px; font-weight:500; margin:0 5px; transition:.3s}
.modalBtnClose:hover {border:1px solid #222; color:#333; background:#eee}
.modalBtnCheck {border:1px solid #000; color:#fff; background:#000; display:inline-flex; align-items:center; justify-content:center; height:50px; width:auto; padding:0 25px; border-radius:4px; box-sizing:border-box; font-size:14px; font-weight:500; margin:0 5px; transition:.3s}
.modalBtnCheck:hover {border:1px solid #004B9E; color:#fff; background:#004B9E}

/* pc gnb */
header {position:absolute; z-index:999; width:100%}
header > section {display:flex; align-items:center; justify-content:space-between; max-width:1450px; margin:15px auto; padding:25px 15px; box-sizing:border-box}
header > section  h1 {margin:0; margin-right:110px; flex-shrink:0; width:221px}
header > section  h1 > a {display:block}
header > section  h1 > a > img {width:100%; height:auto}
.gnb {display:flex; align-items:center; justify-content: space-between; width:700px; margin:0}
.gnb > li {position:relative}
.gnb > li > a {font-size:18px; font-weight:400; padding:5px 10px; color:#fff}
.gnb > li > a:hover, .gnb > li > a:focus {color:#20AEDA}
.gnb > li.active > a, .gnb > li.active > a:hover, .gnb > li.active > a:focus {font-weight:500; color:#20AEDA}
.gnb > li > .dep02 {display:none; position:absolute; top:32px; left:0; z-index:999; padding:5px 0; min-width:max-content; font-size:0.9375rem; background:#20AEDA}
.gnb > li > .dep02 > li > a {font-size:15px; display:block; padding:4px 15px 4px 10px; color:#fff; background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(40 158 194) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.gnb > li > .dep02 > li > a:hover {color:#fff; background-position:-100% 0; text-decoration:none}
/*.gnb > li:nth-child(4) > .dep02 {min-width:160px}*/
.gnb > li > .dep02 {min-width:160px}
.headerRight {display:flex; align-items:center; flex-shrink:0; margin-left:120px}
.headerRight a.menuLog i {font-size:16px}
.headerRight a.menuLog {display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.875rem; transition:.3s; background:#20AEDA; padding:10px; border-radius:100px; width:35px; height:35px; margin-right:20px}
.headerRight a.menuLog:hover, .headerRight a.menuLog:focus {opacity:0.7; text-decoration:none}
.headerRight a.menuSite {display:flex; align-items:center; justify-content:center; color:#fff; font-size:30px; transition:.3s}
.headerRight a.menuSite:hover, .headerRight a.menuSite:focus {opacity:0.7; text-decoration:none}

/* sitemap & mobile */
.allMenu {opacity:0; visibility:hidden; position:fixed; width:100%; min-height:520px; background:#fff; top:0; left:0; z-index:9999; box-shadow:0 5px 10px rgba(0,0,0,0.2); transition:.3s}
.allMenu.active {opacity:1; visibility:visible}
.allMenu > .inner {max-width:1450px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.allMenuTop {display:flex; align-items:center; justify-content:flex-end}
.allMenuTop > h1 > a > img {height:40px}
.allMenuTop .menuClose {display:flex; align-items:center; justify-content:center; width:95px; height:95px; color:#000; font-size:2.875rem}
.allMenuMiddle {margin-top:20px}
.allMenuGnb {display:flex; flex-wrap:wrap}
.allMenuGnb > li {flex:auto; margin-right:70px; margin-bottom:50px}
.allMenuGnb > li:last-child {margin-right:0}
.allMenuGnb > li > a {display:block; font-size:22px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:20px; color:#333}
.allMenuGnb > li:hover > a {color:#20AEDA}
.allMenuGnb > li > .dep02 {font-size:17px}
.allMenuGnb > li > .dep02 > li {margin-bottom:20px}
.allMenuGnb > li > .dep02 > li > a {transition:.3s; color:#333}
.allMenuGnb > li > .dep02 > li > a:hover, .allMenuGnb > li > .dep02 > li > a:focus {font-weight:500; color:#20AEDA}


.mainVisualWrap .mainVisual {background:url('../images/mainVisual.jpg') no-repeat 6% center; height:731px; background-size:cover}
.mainVisualWrap .mainVisual section {max-width:600px; margin:0 auto; color:#fff; text-align:center; padding-top:220px}
.mainVisualWrap .mainVisual section h5 {font-weight:200; font-size:24px; font-family:GmarketSansLight; letter-spacing:0}
.mainVisualWrap .mainVisual section h2 {font-weight:400; font-size:52px; font-family:GmarketSansLight; letter-spacing:-1.5px; margin-top:20px}
.mainVisualWrap .mainVisual section h2 span {font-family:GmarketSansMedium}
.font-Bold {font-family:GmarketSansBold !important}
.btn_main {margin-top:35px; display:flex; justify-content:space-between}
.btn_main a {border:2px solid rgba(255,255,255,0.5); border-radius:100px; padding:8px 20px; height:45px; width:186px; display:inline-block}
.btn_main a:hover {background:#fff; color:#052461; transition:0.3s}

.NoticeData {max-width:1450px; margin:55px auto; display:flex; justify-content:space-between}
.NoticeData > a {display:flex; width:33.3%}
.NoticeData > a:hover {opacity:0.8; transition:0.3s}
.NoticeData > a:last-child .Circle {background:#20AEDA}
.NoticeData .Circle {font-family:Pretendard; margin-right:25px; font-size:14px; font-weight:500; text-align:center; background:#5560A8; border-radius:100px; width:83px; height:83px; color:#fff; display:flex; align-items:center; justify-content:center; letter-spacing:0; flex-shrink:0}
.NoticeData h3 {font-family:Pretendard; font-size:24px; color:#111; font-weight:500; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; overflow: hidden}
.NoticeData h5 {font-family:Pretendard; font-size:16px; color:#858585; font-weight:400; margin-top:13px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; overflow: hidden}
.NoticeData p {font-family:Pretendard; font-size:12px; color:#C4C4C4; font-weight:700; margin-top:15px; letter-spacing:0}
.NoticeData .DataWrap .Circle {background:#20AEDA}

.newsWrap {background:#F1F6FC; padding:50px; position:relative; height:500px}
.newsWrap .robot {position:absolute; right:150px; top:-54px} 
.newsWrap .mySwiper {width:1000px; position:absolute; left:10%}
.newsWrap a {display:inline-flex; align-items:center}
.newsWrap a:hover .more {color:#111; transition:0.3s}
.newsWrap .newsImg {border-radius:600px; margin-right:30px; width:550px; height:382px}
.newsWrap .textWrap span {font-family:GmarketSansLight; color:#fff; padding:13px 22px; font-size:15px; background:#111; border-radius:100px; letter-spacing:0}
.newsWrap .textWrap .newsTitle {font-family:GmarketSansMedium; color:#111; font-size:26px; margin-top:25px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; overflow: hidden; margin-left:20px}
.newsWrap .textWrap .newsSub {font-family:Pretendard; color:#555; font-size:16px; margin-top:25px; font-weight:300; line-height:1.4em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; overflow: hidden; margin-left:20px}
.newsWrap .textWrap .more {font-family:Pretendard; color:#3592F4; font-size:14px; margin-top:25px; font-weight:400; margin-left:20px}

.btnWrap {max-width:1450px; margin:0 auto; display:flex; justify-content:space-between}
.btnWrap .leftCon p {font-family:GmarketSansBold; font-size:72px; color:#E2EAF3; line-height:1.2em; margin-top:-30px; position:relative}
.btnWrap .leftCon .btn {padding:0; margin-top:40px}
.btnWrap .leftCon .btn a {background:#233C69; color:#fff; padding:15px 25px; margin-right:20px; position:relative}
.btnWrap .leftCon .btn a:last-child {margin-right:0}
.btnWrap .leftCon .btn a:hover {background:#0C2046; transition:0.3s}

.btnWrap .rightCon {display:flex}
.btnWrap .rightCon a {background:#D1E2F5; padding:40px 30px; border-radius:20px 20px 0 0; display:block; position:relative; margin-top:-100px; width:230px; height:300px}
.btnWrap .rightCon a:last-child {background:#CACEE7; margin-left:40px; margin-top:-50px}
.btnWrap .rightCon a:last-child span {background:#2E345D}
.btnWrap .rightCon a .topText {font-family:GmarketSansLight; color:#111; font-size:14px}
.btnWrap .rightCon a .mainText {font-family:GmarketSansMedium; color:#111; font-size:26px; margin-top:15px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; overflow: hidden}
.btnWrap .rightCon a .conText {font-family:GmarketSansLight; color:#444; font-size:12px; margin-top:25px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; overflow: hidden}
.btnWrap .rightCon a span {font-family:GmarketSansLight; color:#fff; font-size:12px; border-radius:100px; background:#3A4C60; padding:10px 20px; position:absolute; bottom:30px}
.btnWrap .rightCon a:hover {background:#CCDAEA; transition:0.3s}
.btnWrap .rightCon a:last-child:hover {background:#C2C5DE}

.boxWrap0202 {display:flex; justify-content:space-between}
.boxWrap0202 .box {padding:20px; border-radius:30px; width:24%; text-align:center; background:#dfe9f9} 
.boxWrap0202 .box span {font-size:20px; font-family:GmarketsansBold; background:#81a1d0; color:#fff; padding:20px; border-radius:100px; display: block; width:70px; height:70px; margin:0 auto; margin-top:-53px}
.boxWrap0202 .box:nth-child(2) span {background:#3662a3}
.boxWrap0202 .box:nth-child(2) {background:#eaeff6}
.boxWrap0202 .box:nth-child(3) span {background:#3d4791}
.boxWrap0202 .box:nth-child(3) {background:#e5e6f4}
.boxWrap0202 .box:nth-child(4) span {background:#2e2a77}
.boxWrap0202 .box:nth-child(4) {background:#e7e3f2}
.boxWrap0202 .box .boxText p {margin-top:13px; font-weight:500; font-size:18px}
.boxWrap0202 .box .boxText ul {text-align:left; margin-top:10px; font-size:15px; color:#555}

.VisionBox {background:#e3f7fd; padding:20px 25px; text-align:center; font-size:18px; margin-top:30px}

/* footer */
footer > .inner {max-width:1450px; margin:50px auto; box-sizing:border-box}
.footerTop > section {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; box-sizing:border-box}
.footerTop > section > ul {display:flex; align-items:center; flex-wrap:wrap}
.footerTop > section > ul > li {font-size:14px; font-weight:500; color:rgba(255,255,255,0.8); position:relative; padding-right:20px; margin-right:20px}
.footerTop > section > ul > li:after {content:''; display:block; width:3px; height:3px; background:rgba(1,1,1,0.8); position:absolute; top:9px; right:0; border-radius:100%}
.footerTop > section > ul > li:last-child {margin-right:0; padding-right:0}
.footerTop > section > ul > li:last-child:after {display:none}
.footerTop > section > ul > li > a i {margin-left:5px}
.footerTop > section > ul > li > a {color:#222}
.footerTop > section > ul > li > a:hover {color:#111}
.footerTop_right {display:flex; align-items:center; flex-wrap:wrap}
.footerTop_right > ul {display:flex; align-items:center; margin-bottom:0}
.footerTop_right > ul > li {font-size:14px; font-weight:500; color:#888; margin-right:30px}
.footerTop_right > ul > li i {color:#B96060; margin-left:2px}
.goSite {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #545557; scrollbar-base-color: #efefef; scrollbar-Face-Color: #545557; scrollbar-Track-Color: #262727; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #545557}
.goSite::-webkit-scrollbar {width:13px}
.goSite::-webkit-scrollbar-track {background:#545557}
.goSite::-webkit-scrollbar-thumb {background:#262727}
.go_site1, .go_site2 {position:relative; float:right; margin-top:-5px; margin-left:20px}
.go_site1 h3, .go_site2 h3 {width:200px; box-sizing:border-box; background:url('../images/goSiteMore.png') right 15px center #fff no-repeat; cursor:pointer; font-size:15px; color:#333; font-weight:500; padding:0 15px; border:1px solid #fff; display:flex; align-items:center; height:46px; border:1px solid #7d7d7d}
.go_site1 h3 a, .go_site2 h3 a {color:#333}
.go_site1_view, .go_site2_view {display:none; z-index:9; width:200px; height:200px; position:absolute; right:0px; bottom:35px; background:#464c53; overflow-y:scroll; padding:10px 0 0 10px; box-sizing:border-box; letter-spacing:-0.5px}
.go_site2 h3 {width:200px}
.go_site2_view {width:200px}
.go_site1_view li, .go_site2_view li {font-size:12px !important; line-height:20px; padding-left:10px; background:url('../images/goSiteDot.png') left 9px no-repeat}
.go_site1_view li a, .go_site2_view li a {color:#ddd}
.go_site1_view li a:hover, .go_site2_view li a:hover {color:#fff}
.footerBottom {padding:10px 0 40px 0}
.footerBottom address {font-size:14px; font-weight:400; color:#878787; font-style:normal}
.footerBottom .copyright {font-size:14px; font-weight:400; color:#878787; font-style:300; margin-top:5px}
.footerBottom address span {padding:0 15px}
footer .topBtn {display:block; position:fixed; bottom:20px; right:20px; z-index:200; width:45px; height:45px; background:url('/site/main/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}

/* subVisualWrap */
#subVisualWrap {}
#subVisualWrap > .inner {/*max-width:1750px;*/ height:300px; margin:0 auto; padding:0 15px; box-sizing:border-box}
.sv01 {background:url('../images/subVisual.jpg') 10% 80% no-repeat; background-size:cover}

/* 페이지탭 */
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db}
.tabStyle li.on a {background:#20AEDA; color:#fff}
.tabStyle li.active a {background:#20AEDA; color:#fff}
.tabStyle li a:hover {background:#d9d9d9; color:#636363}
.tabStyle li:first-child a {border-left:1px solid #d8d9db}
.tabStyle li a {display:block; float:left; background:#f5f5f5; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:15px 0; text-align:center; font-size:16px; color:#636363; font-weight:500}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab3 li:nth-child(4) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(10) a {border-left:1px solid #d8d9db}
.tab3 li:nth-child(13) a {border-left:1px solid #d8d9db}
.tab4 li a {width:25%}
.tab4 li.width50 a {width:50%}
.tab4 li:nth-child(5) a {border-left:1px solid #d8d9db}
.tab5 li a {width:20%}
.tab5 li:nth-child(6) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(16) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(21) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li.width13 a {width:14.66%}
.tab6 li.width22 a {width:20.66%}
.tab6 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab7 li a {width:14.2%; font-size:12px !important}
.tab8 li a {width:12.5%; font-size:12px !important}

/* subContainer */
#subContainer {margin-top:50px}
#subContainer > .inner {max-width:1450px; margin:0 auto; padding:0 15px; box-sizing:border-box; display:flex}
#bodyCon {width:calc(80% - 50px)}
.leftCont {flex-shrink:0; width:20%; margin-right:50px; padding-bottom:100px}
.leftCont > h3 {display:flex; align-items:center; justify-content:center; width:100%; height:150px; color:#fff; font-size:32px; font-weight:700; text-align:center; margin:0; background:#20AEDA}
.leftCont .leftmenu {margin:0; padding:0}
.leftCont .leftmenu li {list-style:none}
.leftCont .leftmenu > li > a {display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid #dbdcde; padding:0 20px; color:#252525; font-weight:500; font-size:18px; transition:.3s}
.leftCont .leftmenu > li.active > a, .leftCont .leftmenu > li > a:hover {background:#333; font-weight:500; color:#fff}
.leftCont .leftmenu > li > .depth2 {border-bottom:1px solid #dbdcde; background:#f7f7f7; padding:10px 0; display:none}
.leftCont .leftmenu > li > .depth2 > ul > li.active > a, .leftCont .leftmenu > li > .depth2 > ul > li > a:hover {font-weight:600; color:#20AEDA}
.leftCont .leftmenu > li > .depth2 > ul {margin:0; padding:0}
.leftCont .leftmenu > li > .depth2 > ul > li a {display:flex; align-items:center; color:#252525; font-size:16px; font-weight:400; height:30px; padding:0 20px}
.rightCont {padding-bottom:100px; overflow:hidden}
.rightCont > h3 {display:flex; align-items:center; height:150px; font-size:38px; font-weight:600; padding:0; margin:0; position:relative; margin-bottom:10px}
.rightCont > h3 .location {font-size:15px; position:absolute; top:30px; right:0; overflow:hidden}
.rightCont > h3 .location li {list-style:none; float:left; background:url('../images/location_ar.gif') right center no-repeat; padding-right:15px; margin-right:10px; color:#666}
.rightCont > h3 .location li.home {color:#333}
.rightCont > h3 .location li.home > i {vertical-align:baseline}
.rightCont > h3 .location li.home > i:before {content:"\f015"; font-family:"Font Awesome 6 Pro"; font-weight:400; font-size:initial}
.rightCont > h3 .location li.end {background:none; padding-right:0; margin-right:0; color:#20AEDA}
h4.h4Tit {font-size:28px; font-weight:700}
h4.h4Tit:before {content:""; width:25px; height:5px; display:block; margin-bottom:10px; background:#20AEDA}
h5.h5Tit {font-size:24px; font-weight:700}
h6.h6Tit {font-size:20px; font-weight:700}
p.pTxt1 {font-size:16px; line-height:150%}
p.pTxt2 {font-size:18px; line-height:150%}

/* table */
.tbl_skin1 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center}
.tbl_skin1 thead th {padding:15px 10px; 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}
.tbl_skin1 tbody th {padding:15px 10px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin1 tbody td {padding:15px 10px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; vertical-align:middle}
.tbl_skin1 tfoot th {padding:10px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8}
.tbl_skin1 th.end {border-right:none}
.tbl_skin1 td.end {border-right:none !important}
.tbl_skin1.hover tr:hover td {background:rgba(0,0,0,0.1)}

.tbl_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center}
.tbl_skin2 thead th {padding:8px 10px; 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}
.tbl_skin2 tbody th {padding:8px 10px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin2 tbody td {padding:8px 10px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; vertical-align:middle}
.tbl_skin2 tfoot th {padding:8px 10px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8}
.tbl_skin2 th.end {border-right:none}
.tbl_skin2 td.end {border-right:none !important}
.tbl_skin2.hover tr:hover td {background:rgba(0,0,0,0.1)}
.tbl_skin2 .bb {border-bottom:1px solid #999 !important}

.tdBg1 {background:#2097ac !important; color:#fff}
.tdBg2 {background:#004f93 !important; color:#fff}
.tdBg3 {background:#539b33 !important; color:#fff}
.tdBg4 {background:#f27d14 !important; color:#fff}
.tdBg5 {background:#d11d1a !important; color:#fff}

/* boxLine */
.boxLine {background:url('../images/boxLineBg2.png') repeat; padding:7px}
.boxLine .inner {background:#fff; text-align:center; padding:20px; font-weight:500}
.boxLine .inner2 {background:#fff; text-align:center; padding:50px; font-weight:500}
.boxLine2 {border:1px solid #e1e1e1; padding:20px; margin-bottom:20px}

.box02 {text-align:center; background:#e0e3f2; padding:20px; border-radius:100px; font-size:18px; font-weight:500}

.faculty {border:1px solid #ddd; overflow:hidden; padding:20px; position:relative; min-height:190px; display:flex}

/*select*/
.selectStyle {border:none; border-radius:5px; color:#505050; padding:0 20px; width:150px; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; vertical-align:baseline; background:url(../images/selectArw.png) #F1F3F4 no-repeat right 20px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
.btnSelect {font-size:14px; padding:8px 20px; background-color:#401f0f; color:#fff; border-radius:5px}
.btnSelect:hover {color:#fff; background-color:#2c1408; transition:0.3s}
.Performance {background-color:#e58500; color:#fff; font-size:12px; width:25px; height:25px; border-radius:100%; display:inline-flex; justify-content:center; align-items:center; vertical-align:middle; flex-shrink:0; margin-right:5px}
.Rent {background-color:#5e3599; color:#fff; font-size:12px; width:25px; height:25px; border-radius:100%; display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; margin-right:5px}
.EventIcon {background-color:#bb3f3f; color:#fff; font-size:12px; width:25px; height:25px; border-radius:100%; display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; margin-right:5px}
.Closed {background-color:#5c5c5c; color:#fff; font-size:12px; width:20px; height:20px; border-radius:100%; display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; margin-right:5px}


/* 교수소개 */
.proBox {background:url('../images/boxLineBg.png') repeat; padding:5px; position:relative; margin-top:20px}
.proBox .inner {background:#fff; padding:30px; overflow:hidden; display:flex; flex-direction:column; align-items:center; min-height:340px}
.pro_Img {float:left; width:150px;}
.pro_Img > p > img {width:100%; border-radius:10px}
.pro_Text {text-align:center; margin-top:10px}
.pro_Text .more {color:#20AEDA; font-size:16px; font-weight:500; margin-top:20px}
.pro_Text dl {margin:0; text-align:left}
.pro_Text dl dt {font-size:1.3rem; color:#000; margin-bottom:10px}
.pro_Text dl dd {color:#555; letter-spacing:-0.75px; line-height:1.5rem; font-size:1rem; word-break:break-word}
.pro_Text dl dd a {color:#555}
.proBox .inner .plus {position:absolute; top:25px; right:20px; color:#ccc; transition: all 0.3s ease-in-out; opacity:1}
.proBox .inner .plus.plusColor {opacity:1}
.proBox .proMore {width:100%; height:100%;position:absolute;bottom: 0;left:0}
.modal-header {min-height:140px; overflow:hidden; position:relative}
.modal-header .close {position:absolute; top:15px; right:20px; margin-top:0; padding:0 !important}
.modal-body {max-height:400px; overflow-y:auto}
.modal-body dl {margin-bottom:20px; font-size:1rem; color:#1d1d1d; line-height:1.5rem; clear:both}
.modal-body dl dd {background:url('../images/icoDot.gif') 5px 12px no-repeat; padding-left:13px; word-break:break-word}
.modal-open .modal {background:rgba(0, 0, 0, 0.7)}
.modal .pro_Img {float:left; width:150px}
.modal .pro_Text {text-align:left; width:calc(100% - 170px)}
.modal .pro_Text dl dt {max-width:calc(100% - 30px)}
.modal-dialog {max-width:600px}
.proClose {border:1px solid #ddd; font-size:14px}

@media screen and (max-width:1600px) {
	.newsWrap .robot {right:10px; width:400px}
	.newsWrap .mySwiper {left:30px}
}

@media screen and (max-width:1455px) {
	header > section {padding:25px 20px}
	.NoticeData {padding:0 20px}
	.btnWrap {padding:0 20px}
	footer > .inner {padding:0 20px}

}

@media screen and (max-width:1400px) {
	.newsWrap .robot {display:none}
	.btnWrap {flex-direction: column}
	.btnWrap .rightCon a {margin-top:40px}
	.btnWrap .rightCon a:last-child {margin-top:40px}
	.width100-1400 {width:100% !important}
}

@media screen and (max-width:1300px) {
	.gnb {width:550px}
	
}
@media screen and (max-width:1100px) {
	header > section > h1 {margin-right:0; flex-shrink:inherit}
	.gnb {display:none}
	.headerRight {margin-left:0}
	.headerRight a.menuLog {margin-right:10px}
	header > section > h1 > a > img, .allMenuTop > h1 > a > img {height:30px}
	header > section {padding:25px 20px}
	.headerRight a.menuLog, .headerRight a.menuSite {font-size:22px}
	.allMenuTop .menuClose {width:60px; height:60px; font-size:1.875rem}
	.allMenu {width:auto; height:auto}
	.allMenu.active:before {display:block; content:''; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); top:0; left:0; z-index:9}
	.allMenu.active > .inner {position:fixed; overflow-y:auto; max-width:300px; left:auto; right:0; z-index:99999; height:100%; background:#fff}
	.allMenu.active .allMenuMiddle {margin-top:10px}
	.allMenu.active .allMenuGnb > li {min-width:auto; margin-right:0px; margin-bottom:0; width:100%}
	.allMenu.active .allMenuGnb > li > a {font-size:16px; padding:20px 0; margin-bottom:0}
	.allMenu.active .allMenuGnb > li > .dep02 {display:none; font-size:15px; margin-top:15px}
	.allMenu.active .allMenuGnb > li > .dep02 > li {margin-bottom:10px}
	.allMenu.active .allMenuGnb > li > .dep02 > li:last-child {margin-bottom:15px}	
	#subVisualWrap > .inner {height:250px}
	#subContainer {margin-top:30px}
	#subContainer > .inner {flex-wrap:wrap}
	#bodyCon {width:100%}
	.leftCont {width:100%; margin-right:0; padding-bottom:0}
	.leftCont > h3 {height:auto; padding:15px; font-size:20px}	
	.leftCont .leftmenu {border-top: 1px solid #dbdcde}
	.leftCont .leftmenu > li > a {height:40px; font-size:1rem}
	.rightCont {margin-top:50px}
	.rightCont > h3 {align-items:flex-start; height:auto; font-size:32px; margin-bottom:30px}
	.rightCont > h3 .location {display:none}
	.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}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	.tableResponsive {position:relative; border:none}
	.tableResponsive.scroll {position:relative; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableResponsive.scroll table {width:1024px; margin-bottom:15px}
	.ToolTip {position:absolute; width:100%; top:15%; left:0; opacity:0; display:block; padding:5px 8px; font-size:13px; color:#fff; text-align:center; letter-spacing:0.45px; margin:5px 0; -webkit-animation-name:fadeOut; -webkit-animation-duration:4s; animation-name:fadeOut; animation-duration:4s;}
	.newsWrap {height:800px; padding:40px 20px}
	.newsWrap a {flex-direction:column; align-items:center; width:100%}
	.newsWrap .textWrap .newsSub {margin-top:10px}
	.newsWrap .swiper-wrapper {left:0; margin:0; height:600px}
	.newsWrap .mySwiper {width:100%; left:0; margin:0}
	.newsWrap .textWrap {margin-top:40px; text-align:center; padding:0 20px}
	.newsWrap .newsImg {margin-right:0}
	.NoticeData {flex-direction: column; margin: 25px auto}	
	.NoticeData > a {margin-top:20px; width:100%}
	.NoticeData > a:first-child {margin-top:0}
	.boxWrap0202 {margin-top:70px}
	header > section {padding:10px 20px}
	header > section h1 {margin-right:0}
}
@media screen and (max-width:960px) {
	footer > .inner {padding:25px 20px}
	.btnWrap .leftCon .btn {display:flex; flex-direction:column}
	.btnWrap .leftCon .btn a {margin-right:0; margin-top:5px}
	.btnWrap .leftCon p {font-size:46px}
	.btnWrap .leftCon .btn {margin-top:20px}
}
@media screen and (max-width:900px) {
	.boxWrap0202 {flex-direction:column}
	.boxWrap0202 .box .boxText p {font-size:16px}
	.boxWrap0202 .box {width:100%}
	.boxWrap0202 .box:nth-child(2) {margin-top:50px}
	.boxWrap0202 .box:nth-child(3) {margin-top:50px}
	.boxWrap0202 .box:nth-child(4) {margin-top:50px; display:flex; align-items:center; flex-direction:column}
}
@media screen and (max-width:800px) {
	.tableResponsive.scroll table {width:800px}
	h4.h4Tit {font-size:22px}
	p.pTxt2 {font-size:16px}
	.box02 {font-size:16px}
	.root_daum_roughmap .wrap_map {height:300px !important}
	
}
@media screen and (max-width:768px) {
	#subVisualWrap > .inner {height:200px}
}
@media screen and (max-width:767px) {
	.tabStyle > .row {margin-top:0 important}
	.Completion {flex-direction:column}
	.Completion .box {margin-top:10px; margin-right:0}
}
@media screen and (max-width:700px) {
	.go_site1 {display:none}	
	.btn_main {flex-direction:column; align-items:center}
	.btn_main a {margin-top:10px}
	.newsWrap .newsImg {width:75%; height:75%}
	.newsWrap {height:740px}
}
@media screen and (max-width:600px) {
	.banner img {width:100%}
	.btnWrap .rightCon {flex-direction:column}
	.btnWrap .rightCon a {width:100%}
	.btnWrap .rightCon a:last-child {margin-left:0; margin-top:20px}
	.mainVisualWrap .mainVisual section {padding-top:186px}
	.mainVisualWrap .mainVisual section h5 {font-size:20px}
	.mainVisualWrap .mainVisual section h2 {font-size:40px}
	.btn_main a {font-size:14px; padding:11px 20px; height:45px}
	.NoticeData .Circle {width:60px; height:60px; font-weight:300; font-size:12px}
	.mainVisualWrap .mainVisual {height:650px}
	.NoticeData h3 {font-size:20px}
	.NoticeData h5 {font-size:14px; margin-top:7px}
	.NoticeData p {display:none}
	.btnWrap .leftCon p {display:none}
	.newsWrap {height:680px}
	header > section h1 > a > img {width:85%}
}
@media screen and (max-width:528px) {
	
}
@media screen and (max-width:500px) {
	header > section > h1 > a > img {width:300px}
	.headerRight a.menuLog i {font-size:15px}
	.headerRight a.menuLog {width:30px; height:30px}
	table {font-size:14px}
	.newsWrap {height:620px}
	.newsWrap .swiper-wrapper {left:0; margin:0; height:570px}
}
@media screen and (max-width:450px) {
	.boardSearchBoxInner > .boardSearchBtn {max-width:60px !important}
	.newsWrap {height:580px}
	.newsWrap .swiper-wrapper {height:520px}
}
@media screen and (max-width:425px) {
	.faculty > .col-xs-4 {width:23%}
	header > section > h1 > a > img {width:240px}
	.footerBottom address span {padding:0 6px}
}
@media screen and (max-width:375px) {
	header > section > h1 > a > img {width:230px}
	.mainVisualWrap .mainVisual section h2 {font-size:36px}
}

@media screen and (max-width:340px) {
	header > section > h1 > a > img {width:200px}
}