@charset "utf-8";

/*****************************/
/* 검색창 */
/*****************************/
#search_box {float:left;width:100%;padding:0 20px;margin:25px 0 0 0;display:block;}

#search_box .search {
  width: 100%;
  position: relative;
}

#search_box .searchTerm {
  float: left;
  width: 100%;
  border: 0px solid #00B4CC;
  padding:0px 50px 0px 10px;
  height: 38px;
  outline: none;
  color:#d3f6ff;
  font-size:0.90rem;
  letter-spacing:-0.020em;
  background:#2a5aa2;
    border-radius:8px;
	line-height: 38px;
	  z-index:2;
}

#search_box .searchTerm:focus {
  color: #d3f6ff;
}

#search_box input::placeholder {color:#d3f6ff;font-size:0.90rem;letter-spacing:-0.020em;}

#search_box .searchButton {
  position: absolute;  
  right: 0px;
  width: 40px;
  height: 38px;
 background: transparent;
  text-align: center;
  cursor: pointer;
  z-index:5;
  border:0px solid red;
}


/*****************************/
/* 게시판 탭 */
/*****************************/
#board_box {float:left;width:100%;padding:0 20px;margin:25px 0 20px 0;display:block;}

/*탭메뉴(메인게시판)*/
.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 400;
	font-size: 2.0em;
background-color: #fff;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.0;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.95rem;
}

.tabs nav li.tab-current a {
	color: #fff;
	background:#02a1e3;
}

.tabs nav a:focus {
	outline: none;
}

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 1em;
	max-width: 100%;
	text-align: center;
}

.content-wrap section.content-current {
	display: block;
}

.content-wrap section div {
	margin: 0;
	padding: 0 0;
	color: #000;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1.5em;
	text-align:left;
}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

.tabs nav a span {font-size: 0.90rem;}

@media (min-width: 0px) and (max-width: 767.99px) {
.tabs {font-size: 1.2rem;}
.tabs nav a span {font-size: 0.85rem;}
.content-wrap section div {font-size: 0.90rem;}
}

/*****************************/
/* Underline */
/*****************************/

.tabs-style-underline nav {
	background: #fff;
}

.tabs-style-underline nav a {
	padding: 0 0 0 0;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-bottom: 2px solid #02a1e3;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-underline nav li:last-child a {
	border-right: 1px solid #aaaaaa;
}

.tabs-style-underline nav li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #02a1e3;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
}

.tabs-style-underline nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tabs-style-underline nav a span {
	font-weight: 400;
}

#section-underline-1 {margin:0px;padding:0;width:100%;}
#section-underline-2 {margin:0px;padding:0;width:100%;}
#section-underline-3 {margin:0px;padding:0;width:100%;}
#section-underline-4 {margin:0px;padding:0;width:100%;}
#section-underline-5 {margin:0px;padding:0;width:100%;}

.news_t ul {
float:left;
margin:20px 0 0 0em;
padding:0 10px 15px 10px;
width:100%;
display:block;
}

.news_t li {
float:left;
width:100%;
margin:0 0 3px 0;
padding:0 0 3px 0;
list-style:none;
border-bottom:0px solid #eee;
display:block;
}

.news_t .list_t {
float:left;
width:100%;
margin:0 0 0 0px;
padding:0 0 0 0;
font-size:0.90rem;
letter-spacing:-0.020em;
display:inline-block;
border:0px solid #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.news_t .date_t {
float:left;
text-align:right;
width:30%;
margin:0 0px 0 0;
padding:0 5px 0 0;
font-size:0.80rem;
letter-spacing:0.000em;
display:inline-block;
color:#9b9b9b;
border:0px solid #000;
}

.btn {float:left;width:90%;font-size:0.80rem;border:1px solid #ddd;margin:0 5% 20px 5%;padding:8px 0;display:block;}


/*****************************/
/* 메인 슬라이드 */
/*****************************/
#slide_box {float:left;width:100%;padding:0 20px;margin:5px 0 20px 0;display:block;}

/*****************************/
/* 추천서비스 */
/*****************************/
#service_bn {float:left;width:100%;padding:0 20px;margin:0 0 20px 0;display:block;}
#service_bn .box {float:left;width:100%;padding:15px 15px;margin:0px 0;background:#fff;display:block;}
#service_bn .box h1 {float:left;width:100%;background:#2a5aa2;padding:12px 0;margin:0 0 15px 0;text-align:center;font-size:1.0rem;color:#fff;display:block;}
#service_bn .box .dot {float:left;width:10%;text-align:center;padding:0;margin:0;display:inline-block;}
#service_bn .box .text {float:left;width:80%;text-align:center;padding:0;margin:0;display:inline-block;}
#service_bn .box .icon_b {float:left;width:100%;padding:0 0;margin:0;text-align:center;display:block;}
#service_bn .box .icon_b ul {float:left;width:100%;padding:0 0;margin:0;text-align:center;display:block;}
#service_bn .box .icon_b li {float:left;width:33.33%;padding:0 0;margin:0;display:inline-block;}
#service_bn .box .icon_b li img {width:100%;height:auto;}
#service_bn .box .icon_b p {float:left;width:100%;height:3px;padding:0 0;margin:0;background:url('../img/row_dotline.png');background-repeat:repeat-x;display:block;}