@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif; color:#333;}
div {display:block;}
h1,h2,h3,h4 {font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.06em;line-height:125%}
p {font-size:12px;line-height:160%}
h1 {font-size:36px;}
h2 {font-size:32px}
h3 {font-size:18px;}
h4 {font-size:16px;}

.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}
.float {float:left;}
.float_r {float:right;}
.clearfix:after {content:""; clear:both; display:block;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container_fluid {width:100%; }
/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



#wrap {width:100%; /*text-align:center;*/ margin:0 auto;display:block;}

/* 상단 */
#header {width:100%; text-align:center;z-index:10;border-top: 5px solid #00c6f4;}

#header .wrap {position:relative; width:100%; margin:0.4rem auto; padding:0 0.6rem;}

#header .wrap a.logo {margin:0px auto; display:inline-block; width:100px;}
@media screen and (min-width:768px) {
  #header .wrap a.logo {width:initial;}
}
#header .wrap a.logo img {width:100%; }
#header .wrap:after {content:""; clear:both; display:block;}

#header .menu {border-top:1px solid #e5e5e5;}
#header .menu .p5 li {float:left; width:20%;}
#header .menu .p4 li {float:left; width:29%;}
#header .menu .p4 li.hn1,
#header .menu .p4 li.hn2 {float:left; width:21%;}
#header .menu .p3 li {float:left; width:33.333%;}
#header .menu .p3 li.hn5 {float:left; width:45%;}
#header .menu .p3 li.hn4,
#header .menu .p3 li.hn6 {float:left; width:23%;}
/* #header .menu .p3 li.hn7 {float:left; width:23%;} */
#header .menu li a {position:relative;display:block;color:#262626; padding:15px 0; font-size:13px; font-weight:600;}
@media (min-width: 768px) {
  header .wrap .material-icons {font-size:3rem;}
  }
#header .menu li a:after {position:absolute;right:0;content:"|"; color:#fff;font-weight:100;}
#header .menu li:last-child a:after {content:"";}


header .wrap .material-icons {font-size:2rem;}
@media (min-width: 768px) {
  header .wrap .material-icons {font-size:3rem;}
  }
@media (min-width: 1024px) {
  header .wrap .material-icons {font-size:4rem;}
  }

#header .btn-left {position:absolute;left:10px;top:0;}
#header .btn-right {position:absolute;right:10px;top:0;}
#header .hammenu {color:#4a4a4a; position:absolute; right:0.6em;}
#header .tel {color:#006c93;}

/* 메인 */
#main { width:100%;}
.bx-slider a {width:100%;}
.bx-wrapper img {width:100%;}


.tit_box {position:absolute;top:0; bottom:0;left:0;right:0;width:100%;height:100%;z-index:11;}
.tit_box .table_box {
    display: table;
    position: static;
    width: 100%;
    height: 100%;
    padding: 0px 0 0;
}
.tit_box .table_box .table_cell {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    color:#fff;
}

#main #section1 {width:100%;padding:10px;}
#main #section1 .banner {position:relative; float:left; width:50%;padding:5px;}
#main #section1 .banner a img {width:100%;}

#section2 .btn_img a {float:left; width:33.3333%;}
#section2 .btn_img a img {width:100%;}

#section3 {padding: 0 15px 15px;}
#section3 .banner {width:100%;}
#section3 .banner img {width:100%;}

.main_table {padding: 15px;}
.main_table h2 {font-size:22px;margin-bottom:15px;font-weight:600;}
.main_table h2 span {color:#00afdb;}
.main_table .board_output > tbody > tr > td td {width: 30%;}
/* .main_table .board_output tbody tr td .board_output_gallery_img .board_output_imgs {width: 260px !important; height: auto !important;} */
.board_output_imgs {width: 100%; display: block;}
.main_table .board_output tbody tr td:nth-child(4),
.main_table .board_output tbody tr td:nth-child(5),
.main_table .board_output tbody tr td:nth-child(6),
.main_table .board_output tbody tr td:nth-child(7) {display: none;}

/* 하단 */
footer {text-align:center; width:100%;}
.f_tel {background-color:#81ad39;}
.f_tel img {width:100%;}
.footer_txt {display:inline-block; padding:0 15px 15px;font-size:10px;color:#666;line-height:1.5;}
.admin {}
.admin ul {display:inline-block;}
.admin li {float:left; margin:8px 0; font-weight:300;}
.admin li a {color:#666; padding:5px 18px; font-size:14px;}
.admin li:first-child:after {color:#666;content:"|";}

footer .sns {display:inline-block;padding-bottom:10px;}
footer .sns li {float:left; margin:0 5px;}

header, #main, footer {position:relative;}
/* ----------------------------------------------------------------------------

								서브
								
-----------------------------------------------------------------------------*/		

					
#sub  { width:100%; position:relative; }

/* 서브 공통 */
.subtop {width:100%;}
.subtop img {width:100%;}

/* 서브메뉴표시 */
.snb {position:relative;}
.snb ul {width:100%;margin:0 auto;}
.snb ul li { float:left;text-align:center;}
.snb ul li a { font-size:12px; display:block; padding:15px 0;background:#f4f4f4;}
@media (max-width: 320px) {
  .snb ul li a { font-size:10px;    letter-spacing: -0.08em;}
  }

.snb ul li a:hover,.snb ul li a.on {background:#373737;color:#fff; }

ul.full li {width:100%;}
ul.p2 li {width:50%;}
ul.p3 li {width:33.33%;}
ul.p4 li {width:25%;}
ul.p5 li {width:20%;}
ul.p6 li {width:16.6665%;}
ul.p7 li {width:14.285%;}


ul.tabs {width:100%;}
ul.tabs li { float:left;text-align:center;margin-right:5px;margin-bottom:5px;}
ul.tabs li a { font-size:12px; display:block; padding:12px;background:#f4f4f4;}
ul.tabs li a:hover, ul.tabs li.active a {background:#333;color:#fff; }

/* 서브 본문 공통 */
p {color:#505050;}
p + p {margin-top:10px;}
#content {width: 100%;margin: 0; min-height: 400px;padding:30px 0;position:relative;}
#content.normal img {width:100%;}
#content.board_page {padding-left:15px;padding-right:15px;}
#content .t_center {text-align:center;}
#content .t_right {text-align:right;}
.sub_title {    margin-bottom: 20px;}
.sub_title h2 {font-size: 22px;   font-weight: 600;}



.map_wrap ul li {width:33.333%;}
.map_wrap ul li img {width:100%;}

.location dt {
    font-size: 13px;
    color: #00419a;
    font-weight: bold;
    font-family: 'Nanum Gothic', sans-serif;
}
.location dd {
    font-size: 12px;
    color: #404040;
    font-family: 'Nanum Gothic', sans-serif;
}
.location dt + dd {
    margin-bottom: 10px;
}





/* 게시판 */
.board {border:0 !important;}
.board_view td {
    border-bottom: 1px #e5e5e5 solid !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    padding: 4px;
	font-size:13px;
}
.formmail_textarea_style { width:432px; }



/* 컨텐츠 보드 */
#sub #content .board textarea, #sub #content .board input {width:90%;}
/* #sub #content input {height:30px;} */
#sub #content td.formmail_cell_bgcolor {padding:10px; padding-left:10px;}
#sub #content input[name="phone_no1"],#sub #content input[name="phone_no2"],#sub #content input[name="phone_no3"] {width:25%;}
#sub #content input[type="radio"],#sub #content input[type="checkbox"] {width:auto;}
#sub #content textarea[name="description"] {height:60px !important;}
#sub #content select[name="category"] {width:90%;}

.board_view img {height:auto !important;}
.board_view td input, .board_view td a,.board a:visited, .board p  {font-family:Dotum, 돋움, sans-serif !important;
	font-size:13px;}
.gallery_subject {width:90%;}
.gallery_title {font-size:11px; width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.gallery_subject font {vertical-align:top;}


#post_area img {width:100% !important; height:auto !important;} 


#search_table {vertical-align:top;}
#search_table tr {vertical-align:top;}
.est_cate_cell select {margin-top:1px;height:21px;vertical-align:top;}
.est_keyword_cell input {height:21px;margin-top:1px;vertical-align:top;}
.est_btn_cell input {margin-top:1px;height:21px;width:auto;vertical-align:top;}

.formmail_textarea_style {width:90%;}
#content textarea[name="description"] {width:97%;}

/*게시판 제목*/
.bbsnewf5 {padding:10 10 10 10;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}

.trplus img {width:80%;}
.gallery_subject {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: inline-block;
}


/* 테이블 */
.tg  {border-collapse:collapse;border-spacing:0;width:100%;}
.tg td{font-size:11px;padding:5px 8px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;color:#505050;border-color:#d5d5d5;}
.tg td:first-child {border-left:0;}
.tg td:last-child {border-right:0;}
.tg th{font-size:13px;padding:8px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-s6z2{text-align:center}
.tg .tg-hgcj{text-align:center; background:#00419a;color:#fff;border-color:#fff;}
.tg .tg-hgcj2 {text-align:center;font-size:13px;}
.tg .tg-031e {padding:15px 20px;line-height:1.5;font-size:14px;}