* Zeroize */
body, div, dl, dt, dd, li, form, input {margin:0; padding:0;}
p, blockquote, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ol, ul { margin:0; padding:0; list-style:none;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
table { border-collapse:collapse; border-spacing:0;table-layout:fixed;}
fieldset, img, iframe { margin:0; padding:0; border:0;}
caption, th { border:0;}
q:before, q:after { content:'';}
a, a:hover, a:visited { color:black; text-decoration:none;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*--- font ----------------*/
@font-face {font-family:'NanumGothic'; src: url('../_font/NanumGothic.eot');}  
@font-face {
    font-family:'NanumGothic';
    src: url('../_font/NanumGothic.eot');
    src: url('../_font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../_font/NanumGothic.woff') format('woff'),
         url('../_font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'NanumGothic';
    src: url('../_font/NanumGothicBold.eot');
    src: url('../_font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../_font/NanumGothicBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {font-family:'NanumBarunGothic'; src: url('../_font/NanumBarunGothic.eot');}
@font-face {
    font-family:'NanumBarunGothic';
    src: url('../_font/NanumBarunGothic.eot');
    src: url('../_font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
         url('../_font/NanumBarunGothic.woff') format('woff'),
         url('../_font/NanumBarunGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'NanumBarunGothic';
    src: url('../_font/NanumBarunGothicBold.eot');
    src: url('../_font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../_font/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
/*-------common-------------------------------*/
.fb {font-weight:bold;}
.fc_white {color:#fff;}
.fc_red {color:red;}
.fc_blue {color:blue;}
.fc_gray {color:gray;}
.fc_green {color:#009999;}

span.ms {color:Red; font-weight:bold;display:inline-block;padding-left:5px;}

.f_left {float:left !important;}
.f_right {float:right !important;}
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_center {text-align:center !important;}

.m_90 {margin:0 auto;width:90% !important;}
.m_95 {margin:0 auto;width:98% !important;}
.m_98 {margin:0 auto;width:98% !important;}
.m_80 {margin:0 auto;width:80% !important;}

.pd_0 {padding:0 !important;}
.pd_10 {padding:10px !important;}

.pb_0 {padding-bottom:0 !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_100 {padding-bottom:100px !important;}

.pt_0 {padding-top:0 !important;}
.pt_10 {padding-top:10px !important;}
.pt_20 {padding-top:20px !important;}
.pt_30 {padding-top:30px !important;}
.pt_40 {padding-top:40px !important;}
.pt_50 {padding-top:50px !important;}

.pl_10 {padding-left:10px !important;}
.pl_20 {padding-left:20px !important;}
.pl_30 {padding-left:30px !important;}
.pl_40 {padding-left:40px !important;}
.pl_50 {padding-left:50px !important;}
.pl_60 {padding-left:60px !important;}
.plr_10 {padding-left:10px !important; padding-right:10px !important;}

.mt_0 {margin-top:0 !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_60 {margin-top:60px !important;}
.mt_70 {margin-top:70px !important;}
.mt_80 {margin-top:80px !important;}
.mt_90 {margin-top:90px !important;}
.mt_100 {margin-top:100px !important;}
.mt_110 {margin-top:110px !important;}
.mt_120 {margin-top:120px !important;}
.mt_130 {margin-top:130px !important;}
.mt_140 {margin-top:140px !important;}
.mt_150 {margin-top:150px !important;}

.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}

.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_30 {margin-right:20px !important;}
.mr_40 {margin-right:40px !important;}
.mr_100 {margin-right:100px !important;}

.ml_3 {margin-left:3px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_40 {margin-left:40px !important;}
.ml_50 {margin-left:50px !important;}
.ml_60 {margin-left:60px !important;}
.ml_70 {margin-left:70px !important;}

.w_0 {width:100% !important;}
.w50 {width:50% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w98 {width:98% !important;}
.w_30 {width:30px !important;}
.w_50 {width:50px !important;}
.w_70 {width:70px !important;}
.w_80 {width:80px !important;}
.w_90 {width:90px !important;}
.w_100 {width:100px !important;}
.w_120 {width:120px !important;}
.w_150 {width:150px !important;}
.w_200 {width:200px !important;}
.w_250 {width:250px !important;}
.w_300 {width:300px !important;}
.w_350 {width:350px !important;}
.w_400 {width:400px !important;}
.w_600 {width:600px !important;}

.clear {clear: both;display: block;float: none;font-size: 0 !important;height: 0;line-height: 0 !important;margin: 0 !important;overflow: hidden;padding: 0 !important;width: 100%;}   
.spacer {height: 20px;}

a:link, a:visited {text-decoration: none;}

.ellip {display:inline-block;width:95%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.p_break {word-wrap:break-word;}

.wrap {float:left;width:100%;}
.c_wrap {float:left;width:100%;text-align:center;}
.c_wrap > li {display:inline-block;}
.f_wrap {float:left;width:100%;}
.r_wrap {float:left;width:100%;position:relative;}

.f_left > li,
.f_right > li {float:left;}
ul.layout.l2 > li {float:left; width:50%;}
ul.layout.l3 > li {float:left; width:33.3333%;}
ul.layout.l4 > li {float:left; width:25%;}

.d_hide {display:none;}
.fc_blue {color:#0d6bb5 !important;} 

.v_top {vertical-align:top;}
.bd_btt {border-bottom:0 !important;}
span.under {text-decoration:underline;}

/*-- btn -- */
a.btn {display:inline-block; padding:0 20px; line-height:28px; font-size:14px;}
.btn.btn-gray {border:1px solid #e1e1e1; color:#313131;}
.btn.btn-gray-fill {background:#f9f9f9;  border:1px solid #e1e1e1; color:#8e8989 !important;}
.btn.btn-black-fill {background:#232323; border:1px solid #232323; color:#fff !important;}
.btn.btn-blue-fill {background:#0d6bb6; border:1px solid #0d6bb6; color:#fff !important;}
.btn.h_38 {height:38px; line-height:38px;}

/*-------layout--------------------------------------------------------*/
body {width:100%; font-family:'NanumGothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14px; line-height:1.6; background:#fff; color: #333;margin:0;}

#wrap,
#header,
#container,
#content,
#footer {float:left;width:100%;position:relative; }

.m_main {margin:0 auto; width:1000px;}
#wrap {min-width:1280px;}
.content {float:left; width:100%; padding-bottom:50px;}

/*-------#header-----------------------------*/
#header {height:44px; background:#00b1c1;}
#header #gnb ul.nav > li span {float:left;color:#fff; display:inline-block; line-height:44px; height:44px; width:166.6px; text-align:center;font-size:16px; font-weight:700; text-transform:uppercase; border-right:1px solid #33c1cd;}
#header #gnb ul.nav > li:last-child span {border-right:0;}
#header #gnb ul.nav > li.active span,
#header #gnb ul.nav > li:hover span {color:#00b1c1; background:#fff;}

#header #sub_gnb { display:none; float:left; width:100%; height: 160px; background: rgba(0, 0, 0, 0.7); position: relative; z-index: 999;}
#header:hover #sub_gnb { display:block; padding-top:10px;}
#header #sub_gnb ul.nav > li {width:166.6px;}
#header #sub_gnb ul.nav > li span {float:left;color:#fff; display:inline-block; line-height:30px; height:30px; width:166.6px; text-align:center;font-size:13px; text-align:center; font-weight:400; text-transform:uppercase; border-right:1px solid #555;}
#header #sub_gnb ul.nav > li span a { color: #fff;}
#header #sub_gnb ul.nav > li:last-child span {border-right:0;}
#header #sub_gnb ul.nav > li span:hover {color:#00b1c1;}

/*------- #footer -----------------------------*/
#footer {background:#002635; color:#fff; font-size:12px; padding-bottom:10px;}
#footer ul.foot_layout > li.l1 {width:250px;}
#footer ul.foot_layout > li.l2 {width:500px;}
#footer ul.foot_layout > li.l3 {}

#footer ul.foot_layout > li.l1 img {float:left; margin:20px 0 0 10px; width:200px;}
#footer ul.foot_layout > li.l2 ul.foot_nav {margin-top:20px;}
#footer ul.foot_layout > li.l2 ul.foot_nav > li {margin-right:7px;}
#footer ul.foot_layout > li.l3 .foot_tel {width:190px; height:66px; margin-top:20px;float:left; background:url(../_images/txt_tel.png) no-repeat; background-size: 70%; padding:10px 0 0 0;}
#footer ul.foot_layout > li.l3 .foot_tel strong.tel {color:#fff; font-style:italic; font-size:20px;}

/*------- main -----------------------------*/
/*body.main {background:url(../_images/bg_clouds.jpg) center 300px no-repeat;}*/

.main_sec1 {}
.main_sec1 ul.l4 > li {width:25%; height:300px; position:relative; display:inline-block; color:#fff; text-align: center;}
.main_sec1 ul.l4 > li.l1 {background:#ff9c00;}
.main_sec1 ul.l4 > li.l2 {background:#c8edfd;}
.main_sec1 ul.l4 > li.l3 {background:#00b1c1;}
.main_sec1 ul.l4 > li.l4 {background:#002c3e;}
.main_sec1 ul.l4 > li h3 {margin-top:25px; font-size:25px; font-weight:100; color:#fff; float:left; width:100%; text-align:center; line-height:1.2;}
.main_sec1 ul.l4 > li.l2 h3 {color:#00b1c1;}
.main_sec1 ul.l4 > li p {font-size:14px; text-align:center; float:left; width:100%; height:45px; overflow:hidden;padding:0 25px; margin-top:20px;}
.main_sec1 ul.l4 > li.l2 p {color:#00b1c1;}
.main_sec1 ul.l4 > li.l4 p {color:#c8edfd;}
.main_sec1 ul.l4 > li img {width:150px; margin: 10px 50px 0 50px;}
.main_sec1 ul.l4 > li a.more {position:absolute;bottom:0; display:inline-block; border-bottom:7px solid #c8edfd; padding-bottom:10px; left:50%; margin-left:-65px; width:130px; text-align:center; color:#fff; text-transform:uppercase;}
.main_sec1 ul.l4 > li.l2 a.more {border-color:#00b1c1; color:#00b1c1;}

.main_sec2 {height:90px; background:none; text-align:center;}
.main_sec2 ul.l4 {background:#fff;}
.main_sec2 ul.l4 > li {display:inline-block; height:90px; margin: 0 10px; color:#002c3e; font-size:14px; padding-top:5px;}
.main_sec2 ul.l4 > li img {width:115px; opacity: 0.5;}
.main_sec2 ul.l4 > li p {float:left; width:100%; text-align:center; margin-top:15px;padding:0 10px;font-size:16px; font-weight:bold;} 
.main_sec2 .more {position:absolute; bottom:-23px; left:50%; margin-left:-185px; }

.main_sec3 {height:320px;padding-top:55px;background:#00b1c1;}
.main_sec3 ul.l3 li {width:370px;padding-right:20px;}
.main_sec3 ul.l3 li.l3 {width:360px;padding-right:0;}
.main_sec3 ul.l3 li h3 {float:left; width:100%;}
.main_sec3 ul.bbs {margin-top:17px;}
.main_sec3 ul.bbs li {float:left; width:100%; line-height:1;display:inline-block; padding:4px 0;}
.main_sec3 ul.bbs.b1 li {background:url(../_images/blit.png) left center no-repeat;padding-left:10px;}
.main_sec3 ul.bbs li a > span {float:left;display:inline-block; line-height:22px;color:#fff;}
.main_sec3 ul.bbs.b2 li img {vertical-align:text-bottom; margin-right:10px;}
.main_sec3 ul.l3 > li.l3 .contact_box {background:#002c3e; height:175px;}
.main_sec3 ul.l3 > li.l3 .contact_box strong.tel {margin-top:10px; font-size:40px; font-style:italic; }
.main_sec3 ul.l3 > li.l3 .contact_box p {float:left; width:100%; margin-top:14px; color:#fff; padding:0 30px; line-height:2}
.main_sec3 ul.l3 > li.l3 .contact_box a {color:#fff;}

strong.tel {font-size:43px; font-weight:900; color:#ffc569; float:left; width:100%; text-align:center;line-height:1; font-family:Helvetica;}
#container.main {padding:0;}
/*------- sub -----------------------------*/
#container {padding-bottom:30px;}
#container.sub {background:#c8edfd;}
.sub_bn {height:220px; background-size:cover; !important}
#layout  {float:left; margin-top:30px; width:100%;}
#layout > li.f_left {width:190px;}
#layout > li.f_right {float:right !important; width:800px;}

#layout > li.f_left .sub_tit {height:50px; background:url(../_images/bg_tit.png) no-repeat;}
#layout > li.f_left .sub_tit h3 {color:#fff; font-size:24px; float:left; width:100%; text-indent:15px; line-height:50px;text-transform:uppercase;}
#layout > li.f_left ul.sub_nav > li {width:100%;}
#layout > li.f_left ul.sub_nav > li span {display:inline-block; width:100%; color:#666; background:#fff; }
#layout > li.f_left ul.sub_nav > li > a > span {line-height:50px; font-size:14px; text-indent:17px;border:1px solid #d6d6d6; border-top:0; }
#layout > li.f_left ul.sub_nav > li > a > span em {color:#002c3e;}
#layout > li.f_left ul.sub_nav > li:hover span,
#layout > li.f_left ul.sub_nav > li.active span {background:#ff9c00; color:#fff; font-weight:bold; text-transform: uppercase; }

#layout > li.f_left ul.sub_nav > li .depth_wrap  {border:1px solid #d6d6d6; border-top:0; padding:10px 0 20px; background:#fff;}
#layout > li.f_left ul.sub_nav > li .depth_wrap > ul.depth2 > li {width:100%;}
#layout > li.f_left ul.sub_nav > li .depth_wrap > ul.depth2 > li span {width:100%; border-bottom:0; border-top:0; background:#fff; color:#666; font-size:13px;line-height:30px; height:30px;text-indent:20px; text-transform:none;}
#layout > li.f_left ul.sub_nav > li .depth_wrap > ul.depth2 > li:hover span,
#layout > li.f_left ul.sub_nav > li .depth_wrap > ul.depth2 > li.active span {color:#333;font-weight:700;}

#layout > li.f_left .copntact_wrap {margin-top:10px;height:220px; background: #002635 url(../_images/bn_contact.png ) no-repeat; background-size:100%; padding:0 20px; color:#fff;}
#layout > li.f_left .copntact_wrap strong.tel {margin-top:50px;font-size: 23px;text-align:left; letter-spacing:-1px; margin-left:-5px;}
#layout > li.f_left .copntact_wrap p {float:left; width:100%; margin-top:20px;}
#layout > li.f_left .copntact_wrap p a {color:#fff;}

#layout > li.f_right .location {border:1px solid #d6d6d6; background:#fff;}
#layout > li.f_right .location span.left_blit {float:left; display:inline-block; width:10px; height:49px;background:#22b1bf;}
#layout > li.f_right .location h4 {float:left; display:inline-block; line-height:49px;color:#002c3e; font-size:24px; text-indent:18px;}
#layout > li.f_right .location > ul.f_right {margin-right:10px;}
#layout > li.f_right .location > ul.f_right > li {line-height:49px; margin-left:5px; font-size:13px; color:#999;}
#layout > li.f_right .location > ul.f_right > li span {color:#002c3e;}
#layout > li.f_right .location > ul.f_right > li img {vertical-align:text-bottom;}

#layout #content {border:1px solid #d6d6d6; background:#fff; padding:35px 25px; margin-top:10px; min-height:500px;}
#content .html_wrap img { max-width:870px !important;}
#content .html_wrap table { border-collapse:initial; border-spacing: 1px; table-layout: auto; }
#content .html_wrap table tr th { padding: 10px 5px; text-align:center; background-color:rgb(0, 177, 193); color:#fff;}
#content .html_wrap table tr td { padding: 7px; }
#content .html_wrap table tr td { background-color: #f1f1f1; }
#content .html_wrap table.trans tr td { background-color: #fff; }
#content .html_wrap ul li { list-style:disc; margin-left: 30px;}

/* 파트너쉽 */
ul.partner li {margin-right:24px; margin-bottom:10px; width:240px; border:1px solid #ddd;}
ul.partner li:nth-child(4n+0) {margin-right:0;}
ul.partner li .ci {display:inline-block;  height:95px; background-size:cover;}

/* 오시는길 */
.map .map_area {width:794px; height:456px; border:1px solid #c5c5c5;}
.map .txt {width:100%; height:60px; background:#f4f5f5; float:left; font-size:15px; color:#424242; line-height:60px; padding-left:30px;}
.map .txt ul li img {vertical-align:text-bottom;margin-right:3px;}

.bus_info {margin-top:10px;}
.bus_info > ul > li.f_left {width:46px;}
.bus_info > ul > li.f_right {width:723px;padding-top:15px;}
.bus_info > ul > li strong {width:auto !important;  margin-top:0; margin-right:10px;}

/* 게시판 */

.bbs_top > ul > li {margin-left:5px;}
.bbs_top span {display:inline-block; line-height:30px; color:#808080; font-size:14px;}
.bbs_top select,
.bbs_top input[type=text] {height:30px; background:#fff; border:1px solid #d6d6d6; width:125px;}
.bbs_top input[type=text] {width:167px;}

.btt  {margin-top:10px;}
.btt select,
.btt input[type=text] {float:left; height:30px; background:#fff; border:1px solid #d6d6d6; width:125px;}
.btt input[type=text] {width:167px;}
.btt .btn {float:left;}

table.list {margin-top:10px; border-top:2px solid #0d6bb6;}
table.list th,
table.list td {padding:7px 0; border-bottom:1px solid #d7d7d7; text-align:center;color:#313131;}
table.list th {border-color:#797979; background:#f9f9f9; }
table td.left,
table th.left {text-align:left;}
table td a {color:#313131 !important;}
table.list .con {padding:20px 0;}
table.list td a {float:left; width:100%; text-align:left;}

table.list1 {margin-top:35px; border-top:1px solid #d7d7d7;}
table.list1 th,
table.list1 td {padding:7px 0; border-bottom:1px solid #d7d7d7; text-align:center;color:#313131;}

table.list2 {border-top:1px solid #725d54; border-bottom:1px solid #cec6c1;}
table.list2 th,
table.list2 td {padding:3px 0;padding-right:3px;} 
table.list2 th {vertical-align:top}
table.list2 th span {background:#404037; color:#fff; display:inline-block; width:100%; line-height:35px; float:left;}
table.list2 input[type=text],
table.list2 input[type=password],
table.list2 select,
table.list2 textarea {float:left; height:35px; border:1px solid #d6d6d6; background:#fff; width:100%; }
table.list2 textarea.t1 {height:270px;}

table.list.l1 tr.first th,
table.list.l1 tr.first td {background:#fff; border-bottom:1px solid #797979;}

span.bar {float:left; display:inline-block; line-height:35px; margin:0 3px;}

.paging li span {display:inline-block; padding:0 10px; line-height:30px; color:#313131; border:1px solid #e1e1e1;}
.paging li span.active,
.paging li span:hover {color:#fff; border:1px solid #1a428a; background:#2153ac;}

.term {padding:20px; background:#f4f4f4;}
table.list2 textarea.t2 {padding:20px; height:150px; font-size:12px; color:#626262; line-height:1.3;}
.term_wrap {padding:10px; font-size:12px; color:#626262;}
.term_wrap strong {color:#2a2a2a;}
.term_wrap p {color:#6c6c6c; font-size:12px; line-height:1.5; }

.btt_btn {border-top:1px dotted #989a9d; margin-top:10px; padding:15px 0; }



table.list.contact {margin-top:10px; border-top:2px solid #0d6bb6;}
table.list.contact th,
table.list.contact td {padding:5px; border-bottom:1px solid #eee; text-align:center;color:#313131;}
table.list.contact td input[type=text] {border:none;border:solid 1px #bbb; line-height:30px;}
table.list.contact th {background:#f9f9f9; }
table.list.contact .con {padding:20px 0;}
table.list.contact td a {float:left; width:100%; text-align:left;}