@import url(../plugin/font-awesome/css/fontawesome-free-5.12.0.min.css);


/* 웹폰트 */
@font-face { 
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: 
  url("../fonts/NotoSans/NotoSans-Light.eot"),
  url("../fonts/NotoSans/NotoSans-Light.eot?#iefix") format('embedded-opentype'),
  url("../fonts/NotoSans/NotoSans-Light.woff") format('woff'),
  url("../fonts/NotoSans/NotoSans-Light.woff2") format('woff2'),
  url("../fonts/NotoSans/NotoSans-Light.otf") format('opentype');
}
@font-face { 
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src:
  url("../fonts/NotoSans/NotoSans-Regular.eot"),
  url("../fonts/NotoSans/NotoSans-Regular.eot?#iefix") format('embedded-opentype'),
  url("../fonts/NotoSans/NotoSans-Regular.woff") format('woff'),
  url("../fonts/NotoSans/NotoSans-Regular.woff2") format('woff2'),
  url("../fonts/NotoSans/NotoSans-Regular.otf") format('opentype');
}
@font-face { 
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src:
  url("../fonts/NotoSans/NotoSans-Medium.eot"),
  url("../fonts/NotoSans/NotoSans-Medium.eot?#iefix") format('embedded-opentype'),
  url("../fonts/NotoSans/NotoSans-Medium.woff") format('woff'),
  url("../fonts/NotoSans/NotoSans-Medium.woff2") format('woff2'),
  url("../fonts/NotoSans/NotoSans-Medium.otf") format('opentype');
}
@font-face { 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: 
  url("../fonts/Poppins/Poppins-Light.eot"),
  url("../fonts/Poppins/Poppins-Light.eot?#iefix") format('embedded-opentype'),
  url("../fonts/Poppins/Poppins-Light.woff") format('woff'),
  url("../fonts/Poppins/Poppins-Light.woff2") format('woff2'),
  url("../fonts/Poppins/Poppins-Light.otf") format('opentype');
}
@font-face { 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src:
  url("../fonts/Poppins/Poppins-Regular.eot"),
  url("../fonts/Poppins/Poppins-Regular.eot?#iefix") format('embedded-opentype'),
  url("../fonts/Poppins/Poppins-Regular.woff") format('woff'),
  url("../fonts/Poppins/Poppins-Regular.woff2") format('woff2'),
  url("../fonts/Poppins/Poppins-Regular.otf") format('opentype');
}
@font-face { 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src:
  url("../fonts/Poppins/Poppins-Medium.eot"),
  url("../fonts/Poppins/Poppins-Medium.eot?#iefix") format('embedded-opentype'),
  url("../fonts/Poppins/Poppins-Medium.woff") format('woff'),
  url("../fonts/Poppins/Poppins-Medium.woff2") format('woff2'),
  url("../fonts/Poppins/Poppins-Medium.otf") format('opentype');
}


/* CSS 초기화 */
*, *::before, *::after {-webkit-box-sizing:inherit; box-sizing:border-box}
html {overflow:hidden; overflow-y:auto; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:10px}
body {overflow:hidden; margin:0; padding:0; font-size:1.6rem; line-height:1.5625; font-family:"Noto Sans KR",  "Roboto"; color:#333; min-width:360px; background-color: #222;}
header, footer, main, section, article, nav, aside {display:block}
ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption {margin:0; padding:0}
fieldset, hr {display:block; margin:0; padding:0; border:0 none}
input, select {max-width:100%; vertical-align:middle}
input, select, button, textarea, optgroup {margin:0; font-family:inherit; }
/* select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("../images/select_arrow_down.png") no-repeat right 4px center !important; padding-right: 18px !important;}
select::-ms-expand {display:none} */
address, em, i {font-style:normal}
strong {font-weight:600}
a {color:inherit;}
a:hover {text-decoration: none; color: inherit;}
button {padding:0; border:0 none; background:none; cursor:pointer}
input[type='submit'] {-webkit-appearance:none; -moz-appearance:none; appearance:none}
img {max-width:100%; border:0 none; font-size:0; vertical-align:middle}
table {width:100%; border-collapse:collapse}
caption, legend, .sound_only, .hidden, .blind, .IR {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0)}
label:not(.form-check-label):not(.custom-file-label) { font-weight: inherit; }


/* 공통부분 */
body, html { font-family: 'Poppins', 'Noto Sans KR', 'Malgun Gothic', dotum, 'Apple SD Gothic Neo', sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', 'Noto Sans KR', 'Malgun Gothic', dotum, 'Apple SD Gothic Neo', sans-serif !important; }
input, button { font-family: 'Poppins', 'Noto Sans KR', 'Malgun Gothic', dotum, 'Apple SD Gothic Neo', sans-serif !important; }
textarea, select { font-family: 'Poppins', 'Noto Sans KR', 'Malgun Gothic', dotum, 'Apple SD Gothic Neo', sans-serif !important; }

.layout {max-width: 1200px; margin: 0 auto; padding: 0 8px;}
.row { margin-right: 0; margin-left: 0; }


.input-group-append .btn { font-size: 1.4rem; min-width:60px;}
.input-group-append .btn i::before{ font-size: 1.5rem; }

/* 헤더 header */
#wrap {outline:0}
#header {position:relative; z-index:999; width:100%}
#header .header_wrap {position:absolute; padding:1rem 2% 0 18%; width:100%; min-height:12rem}

#logo {width:20rem; height:7.5rem; position:absolute; left:4rem; top:2rem; z-index:1}
#logo a {background:url('../images/logo.png') no-repeat bottom; background-size:contain; display:block; width:100%; height:100%}

#hnb {font-size:1.4rem; color:rgba(255, 255, 255, 0.7); float:right; padding:0 0 2.5rem 0; ; position:relative; z-index:1}
#hnb .hnb1,
#hnb .hnb2 {float:left}
#hnb li {color:#fff; display:inline-block; position:relative; vertical-align:middle; margin:0 0.5rem}
#hnb li > a {display:block; padding:0 .5rem}

/*회원관련 버튼*/
#hnb .hnb1 .button{display:none}



/*상단메뉴*/
#gnb1 {padding-top: 47px;}
#gnb1::before {content:''; background-color:rgba(255,255,255,0.3); width:100%; height:.1rem; position:absolute; top:12rem; left:50%; transform:translateX(-50%);}
#gnb1 > ul {display:table; table-layout:fixed; width:100%}
#gnb1 > ul > li {display:table-cell; padding-right:2rem; text-align:center}
#gnb1 > ul > li > a {color:#fff; display:block; font-size:2rem}
#gnb1 > ul > li .submenu {visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; width: 100% !important; padding:5rem 0.5rem 0}
#gnb1 > ul > li > .submenu > ul > li > a {color:#fff; display:inline-block; padding:0.4rem 0; text-align:center}

/*3depth*/
#gnb1 > ul .submenu li.type1 > a{position:relative}
#gnb1 > ul .submenu li.type1 > a:after {content:'\f107'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; color:#000; display:inline-block; transition:all .2s; position:absolute; right:-2rem}
#gnb1 > ul .submenu .lnb-detail {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; padding:0 0 1rem 0; -webkit-transition:all 0.2s; transition:all 0.2s}
#gnb1 > ul .submenu .lnb-detail li {position:relative}
#gnb1 > ul .submenu .lnb-detail li a {font-size:1.4rem}
#gnb1 > ul .submenu > ul > li.active .lnb-detail {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1}

#gnb1 > ul .submenu > ul > li > div {display:none}
#gnb1 > ul .submenu > ul > li.active > div {display:block}
#gnb1 > ul .submenu > ul > li.type1.active > a:after {content:'\f106'; color:#134aa9 !important; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900;}

/*header hover시*/
#wrap.active #gnb1 > ul {min-height:40rem}
#wrap.active #gnb1 > ul > li:hover > a,
#wrap.active #gnb1 > ul > li .submenu a:hover{color:#134aa9 !important}
#wrap.active #gnb1 > ul > li .submenu {display:block !important; visibility:visible; overflow:visible; width:100%; height:auto; opacity:1}
#wrap.active #gnb1::before {background-color:#eee}
#wrap.active #gnb1::after {content:''; background:#fff url('../images/bg-logo.png') no-repeat 47.9% 31rem; box-shadow: 10px 10px 10px rgba(0,0,0,0.2); height:125%; width:1000%; z-index:-1; position:absolute; top:-10rem; left:50%; z-index:-1; transform:translateX(-50%)}
#wrap.active #gnb1 ul li  a,
#wrap.active #issue .tt a,
#wrap.active #gnb2 .control,
#wrap.active #issue .control.open:before {color:#000}
#wrap.active #gnb1 > ul .submenu .lnb-detail li a {color:#666}

#wrap.active #gnb1 .submenu ul li:hover .lnb-detail {display:block}

#wrap.active #logo a {background-image:url('../images/logo-on.png');}
#wrap.active #hnb .btn-sitemap {display:none}
#wrap.active #hnb a,
#wrap.active .search .form button::before,
#wrap.active .search .form input,
#wrap.active .search .form input::placeholder{color:#333}
#wrap.active .search :-ms-input-placeholder {color:#333  /* Internet Explorer 10-11 */}

#gnb2 {display:none}


#container { padding-top: 70px; padding-bottom: 80px; }

.cont-wrap {max-width: 1200px; margin: 0 auto; padding: 50px 10px;}


/* 메인p */
#main { min-height:300px; background-color: #fff; padding-bottom: 50px; }
#main .swiper { width: 100%; height: 100%; }
#main .swiper-slide { background-position: center; background-size: cover; }
#main .swiper-slide img { display: block; width: 100%; }
#main .main_ban .swiper-slide img { display: block; object-fit: cover; height: 100%; }

#main #visual { background: rgba(0,0,0,0.4); position: relative; padding: 24rem 0 14rem; overflow: hidden; }
/* #main #visual .layout { position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 24rem 0 14rem; z-index: 1; } */
#main #visual .con { width: 100%; margin: 0 auto;  }

#main #visual .conBox .info_ban { position: relative; }
#main #visual .conBox .info_ban .info_slider { overflow: hidden; }
#main #visual .conBox .info_ban .info_slider .swiper-button-next { background-image: url("../images/main_ban_next.png"); }
#main #visual .conBox .info_ban .info_slider .swiper-button-prev { background-image: url("../images/main_ban_prev.png"); }
#main #visual .conBox .info_ban .info_slider .swiper-pagination-bullet-active { background-color: #fff; }
/* 백그라운드 스왑 배경 */
#main #visual .bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: 0; }



#main #visual .slogan { color: #fff; text-align: center; padding: 0 0 8rem; word-break: keep-all; }
#main #visual .slogan img { height:50px; width:auto; }
#main #visual .slogan span { display: block; font-size: 2.8rem; font-weight: 300; }
#main #visual .slogan strong { display: block; font-weight: 600; font-size: 5.8rem; line-height: 1.4; }
#main .main_news,
#main .info_ban { float: left; width: 50%; }
#main .main_news { background: #f7f7f7; padding: 26.5px 40px; min-height: 301.5px; }
#main .main_news .list_wrap .title a { display: block; border-bottom: 2px solid #134aa9; color: #134aa9; padding-bottom: 10px; transition: .3s; font-weight: 600; font-size: 2.1rem; }
#main .main_news .list_wrap .title a:hover { color: #999; border-color: #999; }
#main .main_news .list_wrap .tab_cont li { padding: 9px 0; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #dedede; font-size: 0; word-spacing: 0; }
#main .main_news .list_wrap .tab_cont .tit { width: calc(100% - 70px); font-size: 1.5rem; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .2s; }
#main .main_news .list_wrap .tab_cont .tit:hover { color: #134aa9; }
#main .main_news .list_wrap .tab_cont .team { width: 100px; font-size: 14px; text-align: right; display: inline-block; vertical-align: middle; }
#main .main_news .list_wrap .tab_cont .date { width: 70px; font-size: 1.4rem; display: inline-block; vertical-align: middle; text-align: right; color: #888; }



/*--------------------------------------------------------------
# 서브페이지 서브 메뉴
--------------------------------------------------------------*/
.sub_top_menu {
  position: relative;
  background: #f3f5fa;
  min-height: 400px;

  background-size: cover;
  background-repeat: no-repeat;
}

.sub_top_menu > h2 {
	position: absolute;
  top:50%;
	color:#fff;
	width:100%;
  text-align: center;
	font-size:3.8rem;
}

.sub_top_menu .sub_wrap {
  position: absolute;
  bottom:0px;
  width:100%;
}

.sub_top_menu .sub_wrap ul {
  display: flex;
  list-style: none;
  margin:0 auto;
  padding:0px;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sub_top_menu .sub_wrap ul li {
  display: flex;
  width:100%;

}

.sub_top_menu .sub_wrap a {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color:#fff;
  background-color: rgba(0, 0, 0, 0.6);
  width:100%; height:60px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sub_top_menu .sub_wrap a:hover,
.sub_top_menu .sub_wrap a.active {
  background-color: #37517e;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f3f5fa;
  min-height: 40px;
}

@media (max-width: 992px) {
  /* .breadcrumbs {
    margin-top: 68px;
  } */
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #37517e;
  margin:0px;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 0 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #4668a2;
  content: "/";
}

@media (max-width: 800px) {
  .breadcrumbs .container {
    display: block !important;
  }
  .breadcrumbs h2 {
    display: block;
    width:100%;
  }
  .breadcrumbs ol {
    margin-top:20px;
  }
}

/* -------
타이틀 박스 
--------- */
.cont-top-box {
  border:1px solid #ddd;
  border-top-color: #555;
}

.cont-top-box > div  i {
  padding-right: 8vw;
  padding-left: 8vw;
  font-size: 4rem;
}

.cont-top-box > div > div {
  padding:20px;
  width:100%;
  background-color: #fcfcfc;
}
.cont-top-box > div > div h3 {
  font-size: 2rem;
}
.cont-top-box > div > div p {
  margin-bottom: 0px;
}

/*접수 아이콘 부분*/
#main .sect_latest .group .conBox li a .cate.type1 {background-color:#ea5404}/*접수중*/
#main .sect_latest .group .conBox li a .cate.type2 {background-color:#00a3dc}/*접수예정*/
#main .sect_latest .group .conBox li a .cate.type3 {background-color:#a3a4a5} /*접수마감*/
#main .sect_latest .group .conBox li a .cate.type4 {background-color:#fff; border:1px solid #ccc; color:#ccc; opacity:0} /*-*/
#main .sect_latest .group .conBox li a .desc {display:block; padding:0 0 1.5rem; height:18rem; overflow:hidden}
#main .sect_latest .group .conBox li a .desc strong {color:#000; display:block; font-size:1.7rem; font-weight:400; height:60px; overflow:hidden; margin-bottom:1rem; transition:all .3s; letter-spacing: -.5px;}
#main .sect_latest .group .conBox li a .date:before {content:'\f017'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900;  margin-right:0.3rem; vertical-align:-0.1rem}
#main .sect_latest .group .conBox li a .hit:before  {content:'\f06e'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900;  margin:0 0.3rem 0 1em; }
#main .sect_latest .group .more,
#main .sect_equip .group .more {background-color:#00a3dc; border-radius:100%; color:transparent; display:none; width:5rem; height:5rem; transition:all .3s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); user-select: none;}
#main .sect_latest .group .more:after,
#main .sect_equip .group .more:after {content:'\f067'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; font-size:2rem; color:#fff; margin-left:-4.4rem; line-height: 2.5;}
#main .sect_latest .group.group1 .conBox li a .desc,
#main .sect_latest .group.group2 .conBox li a .desc, 
#main .sect_latest .group.group4 .conBox li a .desc {height:13.3rem}
/*active*/
#main .sect_latest .group.active h3 a {border:1px solid #0b3783; background-color:#0b3783; color:#fff}  
#main .sect_latest .group.active .conBox {display:block}
#main .sect_latest .group.active .more,
#main .sect_equip .group.active .more {display:block}
@media screen and (min-width:992px) {
	/*효과*/
	#main .sect_latest .group .conBox li:hover {border:1px solid #0b3783; background-color:#0b3783; color:#fff;  box-shadow:0px 0px 10px rgba(0,0,0,0.6); margin-top:-1rem}
	#main .sect_latest .group .conBox li:hover span,
	#main .sect_latest .group .conBox li:hover strong{color:#fff !important}
	#main .sect_latest .group .more:hover,
	#main .sect_equip .group.active .more:hover {background-color:#999; transform:translateX(-50%) rotate(180deg)} 
}


/* 장비대여 */
#main .sect_equip .equip { text-align: center; position: relative; height: 38.5rem; }
#main .sect_equip .group .conBox ul::after {display: block; content: ""; clear: both;}
#main .sect_equip .group .conBox li {background-color:#fff; border:1px solid #e4e4e4; float:left; width:24%; height:30rem; margin-left:1.333%; transition:all .3s}
#main .sect_equip .group .conBox li:first-child {margin-left: 0;}
#main .sect_equip .group .conBox li .wr { display: block; height: 100%; text-align: left; position: relative; }
/* #main .sect_equip .group .conBox li .wr_top { position: absolute; top: 0; left: 0; } */
#main .sect_equip .group .conBox li .wr_top .thumb {
	height: 158px;
	overflow: hidden;
	/* display: flex;
	justify-content: center;
	align-items: flex-start; */
	position: relative;
}
/* #main .sect_equip .group .conBox li .wr_top .thumb { background: url("http://jbcosmetic.wisevill.com/assets/images/default-img.png") no-repeat center center / cover; height: 158px; } */
#main .sect_equip .group .conBox li .wr_top img { 
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
}
#main .sect_equip .group .conBox li .wr_btm { padding: 0px 2rem 2rem 2rem; position: absolute; bottom: 0; width: 100%; left: 0; }
#main .sect_equip .group .conBox li .wr_btm .tit {
	color: #000;
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	height: 60px;
	overflow: hidden;
	margin-bottom: 1rem;
	transition: all .3s;
	letter-spacing: -.5px;
	line-height: inherit;
}
#main .sect_equip .group .conBox li .wr_btm .btn_book {
	display: block;
	background-color: #0b3783;
	padding: 6px;
	text-align: center;
	color: #fff;
	border-radius: 35px;
	transition: .2s;
	border: 1px solid #0b3783;
}
#main .sect_equip .group .conBox li .wr_btm .btn_book:hover { background-color: transparent; color: #0b3783; }

/* contact us */
#main .sect_contact{padding: 100px 0;background:url("../images/contact_bg.png") no-repeat center center / cover;}
#main .sect_contact h3 {
	font-size: 5.8rem;
	font-weight: 600;
	margin-bottom: 1.6rem;
	color: #0b3783;
}
#main .sect_contact p {font-size: 2rem; color: #777; letter-spacing: -.5px;}
#main .sect_contact p.txt {word-break: keep-all;}
#main .sect_contact .btn_line {display:inline-block; border: 2px solid #333; height: 48px; line-height:46px;  font-size: 1.6rem; margin-top: 2.4rem; padding: 0 4rem;}
#main .sect_contact .row > div:last-child{background: rgba(11, 55, 131, .85); padding: 48px;}
#main .sect_contact .tit{color: #fff;font-size: 2.8rem;font-weight: 500;}
#main .sect_contact p.addr{color:#fff;opacity: 0.8;padding: 10px 0 15px; font-size: 1.8rem;}
#main .sect_contact ul{display: flex;flex-wrap: wrap ;/*justify-content: space-between;*/}
#main .sect_contact ul li{color:#fff;letter-spacing: -1px; font-size: 1.8rem; margin-right: 25px;}
#main .sect_contact ul li i {margin-right: 6px;}


/* NCBC 스튜디오+교육실+실습실 소개 */
.sub_tit { font-size: 2.2rem; color: #134aa9; line-height: 35px; margin-bottom: 12px; }
.nbizWrap {width:100%; height:auto; overflow:hidden; font-size: 18px; font-weight: 400; color:#666666; letter-spacing: -1px; word-break: keep-all; margin-bottom:80px;}
.nbizWrap:first-of-type {margin-top:40px;}
	.nbiz_l {float:left; width:580px; height:auto;}
	.nbiz_r {float:right; width:480px; height:auto;}
	.nbiz_r table { width: 100%; border-top: 1px solid #177498; }
	.nbiz_r table tr {border-bottom: 1px solid #dee7f5;}
	.nbiz_r table tr:last-child {border-bottom: 1px solid #177498;}
	.nbiz_r table th { font-size: 1.8rem; font-weight: 500; color:#666666; vertical-align: middle; width: 104px; padding: 12px 0; }
	.nbiz_r table td { font-size: 1.7rem; color:#666666; line-height:35px; letter-spacing: -1px; font-weight: 300; padding: 12px 0; }
	.nbiz_r .sm_txt {font-size:1.65rem;}
	.nbiz_r p { margin-bottom: 60px; line-height: 40px; }
	.nbiz_r p span {margin-left:10px;}

	.nbizWrap img {width:100%; height: auto;}
	table.stuido_info { width: 100%; border-top: 1px solid #177498; }
	table.stuido_info tr {border-bottom: 1px solid #dee7f5;}
	table.stuido_info tr:last-child {border-bottom: 1px solid #177498;}
	table.stuido_info th { font-size: 1.8rem; font-weight: 500; color:#666666; vertical-align: middle; width: 104px; padding: 12px 0; }
	table.stuido_info td { font-size: 1.7rem; color:#666666; line-height:35px; letter-spacing: -1px; font-weight: 300; padding: 12px 0; }
	.saddr_info p { margin-left: 54px; text-indent: -54px; margin-bottom:10px;}
	.saddr_info span { font-size: 17px;}

	.root_daum_roughmap {
		width: 100% !important;
	}


.nbizGall {width:100%; margin-top:80px; overflow:hidden;}
	.nbizG_tit {width:100%; color:#134aa9; border-bottom:1px solid #e1e1e1; margin-bottom:30px; padding-bottom:10px; text-align:center; font-weight:500;}
	.nbizG_con {width:100%;}
	.nbizG_con p {text-align:center; padding:20px; height:100px; font-size: 18px; font-weight: 400; color:#666666; letter-spacing: -1px; vertical-align:middle; background-color:#fff;}
	.nbizG_con img {border-radius: 7px; width: 100%; height: auto;}

	.nbizG_con dl {float:left; width:270px; margin-right:10px;}
	.nbizG_con dt img {border-radius: 7px;}
	.nbizG_con dd {text-align:center; padding:20px; height:100px; font-size: 18px; font-weight: 400; color:#666666; letter-spacing: -1px; vertical-align:middle; background-color:#fff;}
	.nbizG_con dl:nth-child(4) {margin-right:0;}
	.nbizG_con dl:nth-child(8) {margin-right:0;}
	.nbizG_con dl:nth-child(12) {margin-right:0;}
	.nbizG_con dl:nth-child(16) {margin-right:0;}
	.nbizG_con dl:last-child {margin-right:0;}

	.nbizG_conplus {overflow:hidden; width:100%; margin-top:30px; padding:20px 0 20px; border:1px solid #ccc;}
	.nbizG_conplus dl {float:left; width:33.33333%; height:110px; border-right:1px solid #ccc; text-align: center; }
	.nbizG_conplus dl:last-child {border-right:0;}
	.nbizG_conplus dt {padding-bottom:10px; color:#453a40;}
	.nbizG_conplus dd {font-size: 18px; font-weight: 400; color:#666666; letter-spacing: -1px; vertical-align:middle;}
		
	.nbizG_conplus dt span{
		font-size:20px;
    letter-spacing: 2px;
    padding: 0 10px 0;
    background: linear-gradient(
        to bottom,
        transparent 50%,
        #eef7ff 50%
    );
}


	@media (max-width:768px) {
		.nbizWrap {margin-bottom:30px;}
		.nbiz_l {width:100%;}
		.nbiz_r {width:100%; margin-top:50px;}

		.nbizGall {margin-top:20px;}
		.nbizG_con dl {width:50%; margin:0; border:0;}  
		.nbizG_con dt img {width:100%; border-radius: 0;}
		.nbizG_con dd {font-size:16px}
		
		.nbizG_conplus {height:auto; padding:20px 0 30px; background-color:#f7f7f7;}
		.nbizG_conplus dl {height:85px;}
		.nbizG_conplus dd {font-size:14px;}

		.nbizG_conplus dt span {font-size:18px;}
		
	}


	/* 이용안내 */
	.nbizStepWrap section { margin-top:40px;}
	.nbizStepWrap section:not(:last-child) { margin-bottom: 65px; padding-bottom: 65px; border-bottom: 1px solid #f1f1f1; }
	
	.nbizStepWrap .cont_wr { display: flex; justify-content: space-between; position: relative; }
	.nbizStepWrap .tit { font-size: 3rem; color: #2a2e35; line-height: 4.2rem; width: 320px; word-break: keep-all; }
	.nbizStepWrap .tit .num { display: block; color: #fff; background: #134aa9; width: 35px; height: 35px; line-height: 35px; text-align: center; margin-bottom: 24px; font-size: 1.6rem; border-radius: 50px; font-weight: 500; }
	.nbizStepWrap .txt_wr { width: 800px; }
	.nbizStepWrap .sub_tit { font-size: 2.2rem; color: #134aa9; line-height: 35px; margin-bottom: 12px; }
	.nbizStepWrap .txt_wr ul:not(:last-child) { margin-bottom: 40px; }
	.nbizStepWrap .txt_wr ul li { position: relative; line-height: 2; font-size: 1.8rem; word-break: keep-all; }
	.nbizStepWrap .txt_wr ul li strong { font-weight: 800; font-size:1.8rem;}

	.nbizStepWrap .txt_wr ul li { margin-left: 16px; text-indent: -16px;}
	.nbizStepWrap .txt_wr ul li p { padding-left: 24px;}

		
	@media (max-width: 768px){
		.nbizStepWrap .cont_wr {display: block;}
		.nbizStepWrap .tit, 
		.nbizStepWrap .txt_wr {width: 100%;}
		.nbizStepWrap .tit {margin-bottom: 20px; font-size: 2.2rem; line-height: 3.4rem; display: flex;}
		.nbizStepWrap .tit .num {display: inline-block; margin-right:10px; margin-bottom: 12px; width: 28px; height: 28px; line-height: 28px;}
		.nbizStepWrap .sub_tit {font-size: 1.9rem; margin-bottom: 8px;}
		.nbizStepWrap .txt_wr ul:not(:last-child) {margin-bottom: 20px;}
		.nbizStepWrap .txt_wr ul li {font-size: 1.5rem; margin-top: 3px;}
	 
		.nbizStepWrap section:not(:last-child) { margin-bottom: 40px; padding-bottom: 40px; }
		
	}


.nbizStepWrap {width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px;}
	.nbstep {float:left; width:170px; position: relative; margin:0 7px 0; padding:15px; color:#fff; text-align:center;}
	.nc-light {background-color: #668bbc;}
	.nc-dark {background-color: #4974a6;}
	.nbstep.arrow-right:after {
		content: " ";
		position: absolute;
		right: -15px;
		top: 50px;
		border-top: 15px solid transparent;
		border-right: none;
		border-left: 15px solid #4e6389;
		border-bottom: 15px solid transparent;
	}
	.nbstep.arrow-bottom:after {display:none;}

	.ns_l {margin:0 auto; width:140px; padding-bottom:10px; border-bottom:1px solid #94a4bf;}
	.ns_l img {width:60px;}
		.ns_r {margin-top:10px; font-size:14px;}
		
		.nbiz_arrow {display:none;}

	@media (max-width:768px) {
		.nbizInfo {padding:30px;}
		.nbizInfo_icon {width:100%; margin-top:20px;}
		.nbizInfo_con1 {width:100%; font-size:16px; letter-spacing: -1px; margin-top:40px; border:0;}

		.nbizInfo2 {padding:30px;}
		.nbizInfo_con2 {width:100%; font-size:16px; letter-spacing: -1px; border:0;}

		.nbizStepWrap {height:auto;}
		.nbstep.arrow-right:after {display:none;}
		.nbstep.arrow-bottom:after {
			display:block;
			content: " ";
			position: absolute;
			right: 30px;
			bottom: -15px;
			border-top: 15px solid black;
			border-right: 15px solid transparent;
			border-left: 15px solid transparent;
			border-bottom: none;
		}
		.nbstep {width:100%; height:auto; overflow:hidden; padding:20px; margin-bottom:5px;}
		.ns_l {width:200px; border-bottom:0; align-items: center; border-right:1px solid #7f93b3; display:inline-block}
		.ns_r {width:180px;font-size:16px; text-align:left; padding-left:20px; display:inline-block;}
	}
	


/*--------------------------------------------------------------
# 푸터
--------------------------------------------------------------*/
#ft { background-color: #222; color: #b3b3b3; padding: 45px 0 40px; }
#ft a:hover { text-decoration: underline; }
#ft .ft_top::after { display: block; content: ''; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); margin: 23px 0 10px; }
#ft .ft_top > .row { justify-content: space-between; align-items: center; }
#ft .ft_top .ft_logo a img { display: inline-block; width: 185px; opacity: .6; }
#ft .ft_top .ft_sns ul li { margin: 0 3px; }
#ft .ft_top .ft_sns ul li a { display: block; padding: 2px 14px 0; background-color: #555; font-size: 2rem; transition: .3s; border: 1px solid #555; }
#ft .ft_top .ft_sns ul li a:hover { background-color: transparent; color: #fff; border-color: #bbb; }
#ft .ft_btm > .row { justify-content: space-between; align-items: center; margin-bottom: 8px; }
#ft .ft_btm .ft_menu ul,
#ft .ft_btm .ft_info { margin: 0 -8px; font-size: 1.4rem; line-height: 1.9; }
#ft .ft_btm .ft_menu ul li,
#ft .ft_btm .ft_info li { display: inline-block; margin: 0 8px; word-break: keep-all; }
#ft .ft_btm .ft_menu ul li { color: #ebebeb; }
#ft .ft_btm .related { font-size: 1.4rem; text-align: left; }
#ft .ft_btm .related .group {
	height: 3.5rem;
	line-height: 2.4;
	float: left;
	position: relative;
	width: 26rem;
	margin-left: 0.5rem;
	color: #8e8e8e;
	border: 1px solid #767676;
}
#ft .ft_btm .related .group a {text-decoration: none;}
#ft .ft_btm .related .group .label {color:#fff; display:block; position:relative; padding:0 1.6rem;}
#ft .ft_btm .related .group.active .label::after {-webkit-transform:rotate(-180deg); transform:rotate(-180deg)}
#ft .ft_btm .related .group.active .list {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; -webkit-transition:all 0.2s; transition:all 0.2s}
#ft .ft_btm .related .label::after {position:absolute; top:auto; left:auto; right:auto; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; font-size:1.4rem; right:2rem; color:#bcc3c9; content:'\f0d8'; font-weight: 900; -webkit-transition:all 0.2s; transition:all 0.2s}
#ft .ft_btm .related .list {background-color:#fff; visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; position:absolute; left:0; bottom:100%; width:100% !important; margin-bottom:0.5rem; color:#fff; line-height:2.5rem}
#ft .ft_btm .related .list li {border:1px solid #898989; margin-top:-1px}
#ft .ft_btm .related .list li a {color:#333; display:block; padding:.6rem 1.6rem; transition:all .3s}
#ft .ft_btm .related .list li a:hover {background-color:#666; color:#fff;}
#ft .ft_btm .ft_info { font-weight: 300; }
#ft .ft_btm .ft_info li strong { font-weight: 500; color: #c3c3c3; }
#ft .ft_copy { font-size: 1.3rem; color: #6a6a6a; margin-top: 10px; }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 20px;
  bottom: 20px;
  z-index: 996;
  background: #134aa9;
  width: 50px;
  height: 50px;
  transition: all 0.4s;
	text-decoration: none;
}

.back-to-top i {
  font-size: 24px;
  /* color: #fff; */
  line-height: 0;
}

.back-to-top:hover {
  background: #fff;
  color: #134aa9;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}




/* 미디어 쿼리 */
@media (max-width:1200px) {
	.layout {padding: 0 16px;}
	#container { padding-top: 55px; padding-bottom: 65px; }

	
	.cate_top {height: 340px;}
	.cate_top .txt_wrap {top: 56%;}
	.cate_top .txt_wrap .cate_tit {font-size: 3.1rem;}
	.sub_tab ul li a {font-size: 1.5rem;}
	
	
	#header .header_wrap {padding:0; min-height:13rem}
	#logo {top:6rem; left:2rem; width: 15rem; height: 5.6rem;}
	#logo a {background-position: center;}
	#hnb {background-color:#23254e; width:100%; padding:0.8rem 1.3rem .7rem 1.3rem;}
	#gnb1 {display:none}

	/*전체메뉴 (사이트맵)*/
	#gnb2 {display:block; position:absolute; right:0; top:0;  width:100%}
	#gnb2 .control { text-decoration: none; border: 1px solid rgba(255,255,255,0.5); font-size: 3rem; overflow: hidden; position: absolute; right: 2rem; top: 6.3rem; z-index: 3; width: 5rem; height: 5rem; color: #fff; text-align: center; line-height: 48px; }	
	#gnb2 .control::before {display:block; width:100%; height:100%; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; font-size:2.5rem; text-align:center; line-height:inherit; content:'\f0c9'}
	#gnb2 .control.close {color:#000; display:none}
	#gnb2 .control.close::before {color:#fff; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:all 0.2s; transition:all 0.2s}
	#gnb2 .control.close:hover::before, #gnb2 .control.close:focus::before {-webkit-transform:rotate(180deg) translateY(2px); transform:rotate(180deg) translateY(2px)}
	#gnb2 .control.close::before {content:'\f00d'}
	
	#gnb2 > ul {border-top:1px solid rgba(0,0,0,0.2); padding: 13rem 2rem 0; visibility:hidden; overflow:hidden; height:0; opacity:0; position:absolute; left:0; top:0; width:100%; color:#333; -webkit-transition:opacity 0.2s; transition:opacity 0.2s; }
	#gnb2 > ul::before { width:1000%; margin-left:-500%; content:''; position:absolute; top:0; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); height:110%; margin:0; background-color:#fff}
	#gnb2 > ul::after {content:''; background-color:rgba(0,0,0,0.7);  position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:1000%; height:10000%; z-index:-1} 
	#gnb2 > ul > li:first-child {border-top:1px solid #eee;}
	#gnb2 > ul > li {border-bottom: 1px solid #eee; position:relative}
	#gnb2 > ul > li > a {color:#000; display:block; font-size:1.7rem; font-weight:400; padding:1rem; word-break:keep-all}
	#gnb2 > ul > li > a::after {position:absolute; top:auto; left:auto; right:auto; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; right:1rem; color:#999; content:'\f107'; -webkit-transition:all 0.2s; transition:all 0.2s}
	
	#gnb2 > ul > li.active > a {background-color:#303b50; color:#fff}
	#gnb2 > ul > li.active > a::after {color:#fff; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
	#gnb2 > ul > li.active .submenu {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1}

	#gnb2 > ul .submenu {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; -webkit-transition:all 0.2s; transition:all 0.2s}
	#gnb2 > ul .submenu > ul {padding: 0 2rem 1rem;}
	#gnb2 > ul .submenu > ul > li{position:relative; width:100%}
	#gnb2 > ul .submenu > ul > li > a {color:#000; font-size:1.6rem; font-weight:400; display:block; margin:1rem 0 0}
	#gnb2.active .open {display:none}
	#gnb2.active .close {display:block}
	#gnb2.active > ul {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; width:100%}
	/*3depth*/
	#gnb2 > ul .submenu li.type1 > a{position:relative}
	#gnb2 > ul .submenu li.type1 > a:after {content:'\f107'; color:#000; display:inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 900; margin-left:0.5rem; transform: rotate(0); transition:all .2s}
	#gnb2 > ul .submenu .lnb-detail {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; padding:1rem 0 0 0; -webkit-transition:all 0.2s; transition:all 0.2s;  word-break: keep-all;}
	#gnb2 > ul .submenu .lnb-detail li {margin-bottom:0.5rem; position:relative; padding-left:1rem}
	#gnb2 > ul .submenu .lnb-detail li:before {content:''; background-color:#666; border-radius:100%; width:0.3rem; height:0.3rem; position:absolute; left:0; top:1.1rem}
	#gnb2 > ul .submenu > ul > li.active .lnb-detail {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1}
	
	#gnb2 > ul .submenu > ul > li > div {display:none}
	#gnb2 > ul .submenu > ul > li.active > div {display:block}
	#gnb2 > ul .submenu > ul > li.type1.active > a {color:#134aa9 !important;}
	#gnb2 > ul .submenu > ul > li.type1.active > a:after {content:'\f106'; color:#134aa9 !important;}

	/*header가 head-on 일 때*/
	#wrap.head-on {background-color:#fff}
	#wrap.head-on #logo a {background-image:url('../images/logo-on.png');}
	#wrap.head-on .search .form button::before,
	#wrap.head-on .search .form input,
	#wrap.head-on .search .form input::placeholder {color:#fff}
	#wrap.head-on .search :-ms-input-placeholder {color:#fff  /* Internet Explorer 10-11 */}
	#wrap.head-on #gnb2 .control {border:1px solid rgba(0,0,0,0.3)}
	#wrap.head-on #gnb2 .control.close::before {color:rgba(0,0,0,0.7)}



	#main #visual { padding: 16rem 0 6rem; }
	#main #visual .slogan { padding: 0 0 4rem; }
	
	#main .main_news { width: calc(100% - 462px); min-height: auto; height: 236px; padding: 15px 28px; }
	#main .main_news .list_wrap .tab_cont li { padding: 9px 0; }
	#main .main_news .list_wrap .tab_cont li:last-child { display: none; }
	#main .info_ban { width: 462px; }

	#main .sect_contact ul li {
    width: 100%;
    padding: 5px 0;
	}
}

@media (max-width:992px) {
	#main .sect_latest .group .conBox { overflow-x: scroll; }
	#main .sect_latest .group .conBox .list { min-width: 120rem; }
	#main .sect_latest .group .conBox li a .cate {    height: 50px;
    width: 50px; font-size: 1.3rem;}

	#main .sect_equip .equip { height: 39rem; }
	#main .sect_equip .equip .group .conBox { overflow-x: scroll; }
	#main .sect_equip .equip .group .conBox .list { min-width: 120rem; }

	#main .sect_contact {
    margin: 0 auto 4.4rem;
    /* padding: 0; */
		padding: 4.5rem;
    /* width: 87%; */
	}
	#main .sect_contact h3 {font-size: 4.2rem;}
	#main .sect_contact p {font-size: 1.8rem;}
	#main .sect_contact .row > div:first-child{text-align: center;padding-bottom: 3rem; }
	#main .sect_contact .row > div:last-child {padding: 38px;}
	#main .sect_contact .tit {font-size: 2.5rem;}
	#main .sect_contact p.addr {font-size: 1.6rem; padding: 7px 0 12px;}
	
	#main .sect_contact ul li i {margin-right: 12px;}
}

@media (max-width:900px) {
	#main .main_news,
	#main .info_ban { float: left; width: 100%; }
	#main .main_news { height: auto; padding: 16px 28px; }
}

@media (max-width:768px) {
	#hnb {padding:0.8rem 0.8rem 0.6rem 0.8rem}
	#hnb .hnb1 .button {display:block; width:3rem; height:2.6rem; overflow:hidden; text-align:center}
	#hnb .hnb1 .button i {color:#fff; display:block; font-size:2rem; width:100%; height:100%; line-height:1.3}
	#hnb .hnb1 ul {/*text-align:center;*/ position:absolute; left:0; top:3.8rem; visibility:hidden; overflow:hidden; height:0; opacity:0; -webkit-transition:all 0.2s; transition:all 0.2s}
	#hnb .hnb1 ul li {background-color:#fff; border:1px solid #666; color:#666; font-size:1.5rem; line-height:1.8; display:block; width:100%; margin-top:-1px; padding:0.3rem}
	#hnb .hnb1 ul li i {/*display:none;*/ min-width: 19px;}
	#hnb .hnb1.active ul {visibility:visible; overflow:visible; height:auto; opacity:1}
	
	#header .search {width:55%}


	.depth {margin-bottom: 8px;}
	.depth ul {font-size: 1.3rem;}
	h2.title {font-size: 2.9rem; margin-bottom: 28px;}


	#main #visual .slogan span { font-size: 1.8rem; }
	#main #visual .slogan strong { font-size: 3rem; }
	#main #visual .slogan img { height:35px; width:auto; }

	#main .sect_latest h2.title,
	#main .sect_equip h2.title { font-size: 3rem; }

	#main .sect_equip .group .conBox li .wr_btm .tit { font-size: 1.5rem; }
	#main .sect_equip .group .conBox li .wr_btm .btn_book { font-size: 1.4rem; }

	#main .sect_shortcut { padding: 70px 0; }
	#main .sect_shortcut .shortcut li { padding: 6px; }
	#main .sect_shortcut .shortcut li a { padding: 1rem 1.6rem; }

	#main .sect_contact {padding: 4.2rem 3.2rem;}
	#main .sect_contact h3 {
    font-size: 3.5rem;
		margin-bottom: 1rem;
	}
	#main .sect_contact p {
    font-size: 1.6rem;
	}
	#main .sect_contact .btn_line {
		margin-top: 1.5rem;
		line-height: 2.2;
		padding: 0 3rem;
	}
	#main .sect_contact .tit {
    font-size: 2.2rem;
	}
	#main .sect_contact ul li {font-size: 1.7rem;}
}

@media (max-width:576px) {
	.sub_tab ul li a { font-size: 1.3rem; }
	
	
	#main #visual { padding: 15.5rem 0 3.5rem; }
	#main .main_news { padding: 16px 20px; }
	#main .main_news .list_wrap .title { font-size: 1.8rem; }
	#main .main_news .list_wrap .tab_cont .tit { font-size: 1.4rem; }
	#main .main_news .list_wrap .tab_cont .date { font-size: 1.2rem; }
	#main #visual .conBox .info_ban .info_slider .swiper-button-next { background-size: 60%; right: 0; }
	#main #visual .conBox .info_ban .info_slider .swiper-button-prev { background-size: 60%; left: 0; }

	#main .sect_latest .section, 
	#main .sect_equip .section { padding: 4.6rem 0; }
	#main .sect_latest .group .more,
	#main .sect_equip .group .more { width: 4.3rem; height: 4.3rem; }
	#main .sect_latest .group .more:after, 
	#main .sect_equip .group .more:after { font-size: 1.6rem; margin-left: -4.4rem; line-height: 2.8; }

	#main .sect_latest .latest { 
		/* 분류탭 있을 때 */
		/* height: 41rem; */

		/* 분류탭 없을 때 */
		height: 36.5rem;
	}
	#main .sect_latest .group h3 a { font-size: 1.4rem; padding: 0.5rem 1.4rem ; margin: 0 0.2rem ; }
	#main .sect_latest .group .conBox { 
		/* 분류탭 있을 때 */
		/* top: 5rem; */

		/* 분류탭 없을 때 */
		top: 0;
	}
	#main .sect_latest .group .conBox .list { min-width: 100rem; }
	#main .sect_latest .group .conBox li { height: 27.5rem; }
	#main .sect_latest .group .conBox li a { padding: 4rem 2.3rem 2.3rem; }
	#main .sect_latest .group .conBox li a .label_info { font-size: 1.5rem; }
	/* #main .sect_latest .group .conBox li a .cate { height: 45px; width: 45px; top: -15px; } */
	#main .sect_latest .group .conBox li a .desc strong { font-size: 1.6rem; }
	
	#main .sect_shortcut { padding: 50px 0; }
	#main .sect_shortcut .shortcut li { padding: 5px 0; }

	#main .sect_equip .equip .group .conBox .list { min-width: 120rem; }

	#main .sect_contact {width: 93%; padding: 4.2rem 0;}
	#main .sect_contact .tit {
    font-size: 1.9rem;
	}
	
	
	#ft { padding: 32px 0 28px; text-align: center; }
	#ft .ft_top > .row { display: block; }
	#ft .ft_top .ft_logo { padding-bottom: 18px; text-align: center; }
	#ft .ft_top .ft_logo a img { display: inline-block; width: 160px; }
	#ft .ft_top .ft_sns .row { text-align: center; justify-content: center; }
	#ft .ft_btm > .row { display: block; }
	#ft .ft_btm .related .group { width: 100%; float: none; margin-left: 0; }
	#ft .ft_btm .ft_info {text-align: left; font-size: 1.3rem; letter-spacing: -0.6px;}
	#ft .ft_btm .ft_menu { margin-bottom: 8px; }
	#ft .ft_btm .ft_menu .row { justify-content: center; }
}

@media (max-width:480px) {
	#hnb {font-size: 1.3rem;}
}



/* --------------
table base
---------------- */
.board_list {overflow:hidden; border-top:2px solid #555; border-bottom:1px solid #aaa}
.board_list table {width:100%; margin-bottom:-1px; table-layout:fixed}
.board_list thead th {font-size: 1.4rem; padding:1.4rem; border-bottom:1px solid #aaa; font-weight:500; color:#222; text-align:center; white-space:nowrap}
.board_list td {font-size:1.4rem; padding:1.4rem; border-bottom:1px solid #ddd; color:#666; text-align:center;}

@media screen and (max-width: 992px){
  .board_list thead {display:none;}
  .board_list tr {display:block; padding:1rem .6rem; border-bottom:1px solid #ddd; position:relative;}
  .board_list td {display:block; padding:0; border:0 none; text-align:left; line-height:1.5}
  .board_list table td::before {margin-right:0.5rem; font-weight:400; color:#999; content:attr(aria-label)}
}

/* 부트스트랩 */
.control-label {
  font-size:1.4rem;
}
.form-control {
  height: calc(4.6rem + 1px); font-size: 1.6rem;
}

input::placeholder {
  color: #858585;
  font-size:1.6rem;
}
input.warning::placeholder {
  color:#dc3545;  
}


/* --------------
모달 공통
---------------- */
.modal-header .close,
.modal-header .mailbox-attachment-close { padding: 1.6rem; margin: -1.6rem -1.6rem -1.6rem auto; }
.modal-header .modal-title { font-size:2rem; margin-left:1rem;}
.modal-header .mbtn-close { font-size:3rem;}

.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100vh !important;
	margin: 0;
}

/* 달력 */
.bootstrap-datetimepicker-widget {width:100% !important; font-size: 1.6rem;}

/* 첨부파일 */
.file-caption-main .file-caption-name,
.file-caption-main .file-caption-icon
 {
	height:100%;
}
.file-caption-main .file-caption-icon
{
	display: inline-flex !important;
	vertical-align: middle;
	align-content: center!important;
  align-items: center!important; 

}
.file-caption-main .hidden-xs {
	display: inline-flex;
	vertical-align: middle;
	align-content: center!important;
  align-items: center!important; 
	height:100%;
}

/* swal2 */
.customSWAL { width: 45rem !important;}
.customSWAL .swal2-content {
	font-size: 2rem !important;
}
.customSWAL .swal2-actions {
	padding-bottom: 20px;
}
.customSWAL .swal2-styled.swal2-confirm, .customSWAL .swal2-actions .btn {
	font-size: 2rem !important;
}


.bnpopup {
	position: absolute;
	z-index: 10000;
}

body.overlay .overlay-layer{
	position: fixed;
	top:50%;left:0px;
	width:100%;
}