@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}
.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:#094B94}
.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:relative; z-index:9999}
header > section {display:flex; align-items:center; justify-content:space-between; max-width:1600px; margin:0 auto; padding:25px 15px; box-sizing:border-box}
header > section  h1 {margin:0; margin-right:110px; flex-shrink:0; width:148px}
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:555px; margin:0}
.gnb > li {position:relative}
.gnb > li > a {font-size:18px; font-weight:500; padding:5px 10px; color:#212529}
.gnb > li > a:hover, .gnb > li > a:focus {color:#094B94}
.gnb > li.active > a, .gnb > li.active > a:hover, .gnb > li.active > a:focus {font-weight:500; color:#094B94}
.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:#094B94}
.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%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.gnb > li > .dep02 > li > a:hover {color:#000; 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:#094B94; 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:#333; 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:1600px; 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:#094B94}
.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:#094B94}

/* mainVisualWrap */
.show-528 {display:none}
.mainVisualWrap {max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; padding:0 20px 0 20px}
.mainVisualWrap .mainVisual {background:url(../images/mainVisual.png) no-repeat 56% center ; width:77%; height:715px; border-radius:30px; overflow:hidden;}
.mainVisualWrap .mainVisual section {padding:70px; margin-top:250px}
.mainVisualWrap .mainVisual section h3 {font-size:66px; color:#fff; font-family:Pretendard}
.mainVisualWrap .mainVisual section h4 {font-size:30px; color:#fff; font-family:Pretendard; margin-top:40px; font-weight:400; line-height:1.3em}
.mainVisualWrap .mainRight {width:21%}
.mainVisualWrap .mainRight .btn01 {background:#EFEFEF; border-radius:20px; height:160px; padding:25px; display:flex; flex-direction:column; justify-content:space-between; margin-bottom:20px}
.mainVisualWrap .mainRight .btn01 p {font-family:Pretendard; font-size:16px; color:#094B94; font-weight:700}
.mainVisualWrap .mainRight .btn01 div {display:flex; justify-content:space-between; align-items:center}
.mainVisualWrap .mainRight .btn01 div span {font-family:Pretendard; font-size:24px; color:#111; font-weight:700}
.mainVisualWrap .mainRight .btn01 div i {background:#000; color:#EFEFEF; font-size:14px; border-radius:100px; display:flex; align-items:center; justify-content:center; width:40px; height:40px}
.mainVisualWrap .mainRight .btn01:hover i {background:#094B94; transition:0.3s}
.mainVisualWrap .mainRight .notice {background:#094B94; border-radius:20px; height:355px; display:flex; flex-direction:column; color:#fff; position:relative}
.mainVisualWrap .mainRight .notice .top {font-size:16px; margin:25px 25px 0 25px}
.mainVisualWrap .mainRight .notice .bar {width:43px; border-top:1px solid rgba(255,255,255,0.17); margin:25px 25px 0 25px}
.mainVisualWrap .mainRight .notice .title {font-size:24px; font-family:Pretendard; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; overflow:hidden; margin:20px 20px 0 20px; line-height:1.3em}
.mainVisualWrap .mainRight .notice .con {font-size:16px; margin:20px 25px; font-family:Pretendard; font-weight:100; opacity:0.8; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; overflow:hidden; line-height:1.3em}
.mainVisualWrap .mainRight .notice .date {font-family:Pretendard; opacity:0.5; margin:25px}
.mainVisualWrap .mainRight .notice:hover {background:#033872; transition:0.3s}

.btn02Wrap {max-width:1600px; margin:0 auto; padding:0 20px 0 20px}
.btn02Wrap .btn02 {background:#F3F3F3; border-radius:20px; display:block; display:flex; flex-direction:column; align-items:flex-start}
.btn02Wrap .btn02 .text01 {font-family:Pretendard; color:#222; font-size:34px; padding:40px 30px 0 30px; font-weight:800}
.btn02Wrap .btn02 .text02 {font-family:Pretendard; color:#616161; font-size:16px; padding:15px 30px 0 30px}
.btn02Wrap .btn02 img {margin:30px 0}
.btn02Wrap .btn02 span {font-family:Pretendard; color:#313131; background:#fff; padding:15px 30px; border-radius:100px; letter-spacing:0; font-weight:300; margin-left:37px; margin-bottom:37px}
.btn02Con {display:flex; justify-content:space-between;}
.btn02Wrap .btn02:hover span {color:#fff; background:#313131; transition:0.3s}
.btn02Wrap .btn02:hover {background:#e8e8e8; transition:0.3s}
.btn02Wrap .btn02Con > a {margin-right:10px}
.btn02Wrap .btn02Con > a:last-child {margin-right:0}

.btn02Title h6 {font-family:Pretendard; color:#094B94; font-weight:700; margin-top:42px}
.btn02Title h5 {font-family:Pretendard; font-size:40px; margin-top:15px; margin-bottom:35px; font-weight:700}

.infoConWrap {max-width:1600px; margin:0 auto}
.infoCon {margin:0 20px; background:#F1F4F9; border-radius:30px; display:flex; justify-content:space-between; margin-top:44px; margin-bottom:30px}
.infoCon .banner {width:800px}
.infoCon .banner img {border-radius:30px}
.infoCon .info {margin-left:50px; margin-top:10px; position:relative; width:700px}
.infoCon .info i {font-size:147px; color:#DBE3F0; position:absolute; bottom:50px; right:50px}
.infoCon .info p {font-family:Pretendard; font-size:22px; font-weight:200; margin-bottom:10px}
.infoCon .info p span {font-family:Pretendard; font-weight:700}

/* footer */
footer > .inner {max-width:1600px; margin:0 auto; padding:25px 15px; 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/sv01.jpg') center center no-repeat;}

/* 페이지탭 */
.tabStyle {overflow:hidden; border-top:1px solid #d8d9db}
.tabStyle li.on a {background:#094B94; color:#fff}
.tabStyle li.active a {background:#094B94; 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:1600px; 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:#094B94}
.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:#094B94}
.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:#094B94}
h4.h4Tit {font-size:28px; font-weight:700}
h4.h4Tit:before {content:""; width:25px; height:5px; display:block; margin-bottom:10px; background:#094B94}
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}


.root_daum_roughmap .wrap_map {height:500px !important; position:relative}

/* FAQ */
.faq_list {border-top:2px solid #49494a;}
.faq_list > ul {margin:0; padding:0; list-style:none}
.faq_list > ul > li {position:relative; border-bottom:1px solid #cacaca; color:#636363}
.faq_list > ul > li a {color:#636363}
.faq_list > ul > li strong.q {font-weight:700}
.faq_list > ul > li strong.q, .faq_list ul li .a {display:block; padding:13px 20px 13px 44px}
.faq_list > ul > li strong.q {padding-right:10px; background:url('/dept2/common/images/q.png') no-repeat 11px 14px;}
.faq_list > ul > li > .a {overflow:hidden; position:relative; display:block; border-top:1px dashed #cacaca; background:#ecf1f4 url('/dept2/common/images/a.png') no-repeat 11px 14px}
.faq_list > ul > li > .a .btn {position:absolute; right:10px; bottom:10px;}
.faq_list > ul > li strong a {text-decoration:none;}

.hide-500 {display:none}


/* 지도 */
.root_daum_roughmap .wrap_map {}
.root_daum_roughmap .cont {display:none}

.btn03Wrap a {margin-left:10px}
.btn03Wrap a:first-child {margin-left:0}
.btn03 {padding:10px 20px; color:#fff; font-size:17px}
.btn03:hover {color:#fff; border-radius:10px; transition:0.3s}

.bgColor01 {background:#005825}
.bgColor02 {background:#0e4e96}
.bgColor03 {background:#b72943}
.bgColor04 {background:#404042}
.textColor01 {color:#005825}
.textColor02 {color:#0e4e96}
.textColor03 {color:#b72943}
.textColor04 {color:#404042}

.Organization {background:#efefef; padding:60px; display:flex; justify-content:center}


.Completion{display:flex; justify-content:space-around;}
.Completion .box {width:100%; margin-right:10px; text-align:center}
.Completion .box:last-child {margin-right:0}
.Completion .box .maintext {padding:10px; text-align:center; font-size:18px; font-weight:600}
.Completion .box .subtext {padding:20px}
.Completion .box i {font-size:46px; margin-bottom:20px; font-weight:500}
.back01{background:#aadff4}
.back02{background:#9dbcf0}
.back03{background:#f3f7f9}
.back04{background:#edf1f7}
.cl01{color:#acdbee}
.cl02{color:#9dbcf0}


@media screen and (max-width:1440px) {
	.infoCon .info i {font-size:100px}
}

@media screen and (max-width:1370px) {
	.infoCon .info i {display:none}
}

@media screen and (max-width:1280px) {
	.mainVisualWrap {flex-direction:column}
	.mainVisualWrap .mainVisual {width:100%}
	.mainVisualWrap .mainRight {margin-top:20px; width:100%; display:flex; justify-content: space-between}
	.mainVisualWrap .mainRight .btn01Wrap {width:48%; height:150px}
	.mainVisualWrap .mainRight .notice {width:48%; height:340px}
	.btn02Title {margin-left:10px}
	.infoCon {flex-direction:column; align-items:center}
	.infoCon .banner {margin-top:20px}
	.info .btn02Title {display:flex; flex-direction:column; align-items:center}
	.btn02Title h5 {margin-bottom:25px}
	.infoCon .info {width:auto; margin-left:0}
	.infoCon .info .btn02Title {margin-left:0}
}
@media screen and (max-width:1024px) {
	
	#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 {display:none}	
	.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;}
	.btnWrap {padding:0 20px; width:100%}
	.mainVisualWrap .mainVisual {height:535px}
	.mainVisualWrap .mainVisual section {padding:45px; margin-top:180px}
	.mainVisualWrap .mainVisual section h3 {font-size:56px}
	.mainVisualWrap .mainVisual section h4 {font-size:26px}
	.btn02Title h5 {font-size:34px}
	.btn02Wrap .btn02 .text01 {font-size:26px}
	.btn02Wrap .btn02 span {font-size:14px}
	.btn02Wrap .btn02 .text02 {font-size:14px}
	.infoCon .info p {font-size:18px}

	
}
@media screen and (max-width:960px) {
	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}	
	.hide-1440 {display:none}
	footer > .inner {padding:25px 20px}
}
@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}
	.btn02Con {flex-direction:column}
	.btn02Con > a {margin-top:10px}
	.btn02Con > a:first-child {margin-top:0}
	.infoCon .banner {width:100%}
	.Organization > img {width:100%}
	.Organization {background:#fff; padding:0; display:block}
}
@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}
	.mainVisualWrap .mainVisual section h3 {font-size:42px}
	.mainVisualWrap .mainVisual section h4 {font-size:22px}
	.mainVisualWrap .mainRight .btn01 p {font-size:14px}
	.mainVisualWrap .mainRight .btn01 div span {font-size:22px}
	.mainVisualWrap .mainRight .btn01 div i {font-size:12px; width:30px; height:30px}
	.mainVisualWrap .mainRight .notice .top {font-size:14px}
	.mainVisualWrap .mainRight .notice .title {font-size:22px}
	.mainVisualWrap .mainRight .notice .date {font-size:14px}
}
@media screen and (max-width:600px) {
	.banner img {width:100%}
	.swiper {width:100%}
	.tableResponsive.scroll table {width:600px}
	.mainVisualWrap .mainRight {flex-direction:column}
	.mainVisualWrap .mainRight .btn01Wrap {width:100%; height:auto}
	.mainVisualWrap .mainRight .notice {width:100%}
	header > section h1 {width:128px}
	.info .btn02Title h6 {margin-top:20px; font-size:14px}
	.info .btn02Title h5 {font-size:24px; margin-bottom:10px; margin-top:10px}
	.infoCon .info p {font-size:15px; letter-spacing:0; margin-bottom:0}
}
@media screen and (max-width:528px) {
	.show-528 {display:block}
	.mainVisualWrap .mainVisual section {margin-top:90px; padding:25px}
	.btn03Wrap {display:flex; flex-direction:column}
	.btn03Wrap a {margin-left:0; margin-top:10px; font-size:15px}
	.btn03Wrap a:first-child {margin-top:0}
}
@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}
	.hide-500 {display:block}
	table {font-size:14px}
	.mainVisualWrap .mainVisual {height:450px}
}
@media screen and (max-width:450px) {
	.boardSearchBoxInner > .boardSearchBtn {max-width:60px !important}
}
@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 h3 {font-size:38px}
	.mainVisualWrap .mainVisual section h4 {font-size:20px}
}

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