@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  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-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 600;
  src: url(../font/NanumGothicBold.eot);
  src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothicBold.woff) format('woff'),
       url(../font/NanumGothicBold.ttf) format('truetype');
}

 @font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareR.woff) format('woff'),
       url(../font/NanumSquareR.ttf) format('truetype');
}

 @font-face {
 font-family: 'NanumSquareB';
 src: url(../font/nanumsquareb.eot);
 src: url(../font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquareb.woff) format('woff'),
       url(../font/nanumsquareb.ttf) format('truetype');
	   font-weight:bold;
}

/* reset */ 
* {margin:0;padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, cite, code, del, dfn, em, img, ins, q, s, samp, strike,  sub, sup, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed { margin:0px; padding:0px; border:0px; }
html { overflow-y:scroll; overflow-x:hidden;}
html,body { width:100%; height:100%; *word-break:break-all; -ms-word-break:break-all; }
body, input, button, textarea, select { color:#333; font-family:'Nanum Gothic',  'Dotum', 'Verdana', 'Arial'; font-size:14px; line-height:150%; }
img, fieldset, iframe { border:0px none; }
caption { width:0px; height:0px; visibility:hidden; line-height:0%; font-size:0px; }
ol, ul, li { list-style:none; }
input, select, button, img, textarea { vertical-align:middle; }
i, em, address { font-style:normal; }
label, button { cursor:pointer; }
button { margin:0px; padding:0px; border:0px; background-color:transparent; cursor:pointer; }
button *{ position:relative; }
button img { left:-3px; *left:auto; }
table { border-spacing:0; width:100%; border: 0px none; border-collapse:collapse; table-layout:fixed; word-wrap:break-word; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0px; padding:0px; border:0px; }
form { text-align:left; }
caption, th, td { text-align:left; font-weight:normal; }
legend { *width:0px; }

a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#009cac; text-decoration:none; }
a:active { color:#333; text-decoration:none; }

a.rollover img.over { display:none; }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }

.float_l { float:left; }
.float_r { float:right; }
.clr_b { clear:both; }

.mg_t_5 { margin-top:5px; }
.mg_t_10 { margin-top:10px; }
.mg_t_11 { margin-top:11px; }
.mg_t_15 { margin-top:15px; }
.mg_t_20 { margin-top:20px; }
.mg_t_26 { margin-top:26px; }
.mg_t_30 { margin-top:30px; }
.mg_t_40 { margin-top:40px; }
.mg_t_50 { margin-top:50px; }
.mg_b_5 { margin-bottom:5px; }
.mg_b_10 { margin-bottom:10px; }
.mg_b_20 { margin-bottom:20px; }
.mg_b_30 { margin-bottom:30px; }
.mg_b_40 { margin-bottom:40px; }
.mg_b_50 { margin-bottom:50px; }
.mg_l_5 { margin-left:5px; }
.mg_l_10 { margin-left:10px; }
.mg_l_20 { margin-left:20px; }
.mg_l_40 { margin-left:40px; }
.mg_l_80 { margin-left:80px; }
.mg_l_100 { margin-left:100px; }
.mg_l_250 { margin-left:250px; }
.mg_r_10 { margin-right:10px; }
.mg_r_25 { margin-right:25px; }
.mg_r_35 { margin-right:35px; }
.mg_r_56 { margin-right:56px; }

.txt_33 { color:#333; }
.txt_66 { color:#666; }
.txt_bd { font-weight:bold; }
.txt_rd { color:#ff0000;}
.txt_gr { color:#009cac; font-weight:normal;}
.txt_g_11 { font-size:11px; color:#999; }
.align_c { margin:0 auto;}

h1 { font-size:24px; font-weight:600; font-family: "NanumSquareB"; margin:24px 0; }
h2 { font-family: "NanumSquareB"; font-size:30px; font-weight:bold; color:#009cac; width:auto; display:inline-block; padding-bottom:25px; padding-right:3px; border-bottom:2px #009cac solid; }
h3 { font-size:18px; color:#232323; height:20px; font-family:'NanumSquareB'; padding-left:14px; background:url('../images/h3_bullet.png') no-repeat 0px 1px; }
h4 { font-size:20px; color:#232323; line-height:24px; font-family:'NanumSquareB'; background:url('../images/h4_bullet.png') no-repeat 0 0px; padding-top:10px; }

#wrap { width:100%;position:relative; max-height:3000px;}
#wrap #header { width:100%; margin:0 auto; }
#wrap #header .t_menu_wrap {width:100%; height:32px; margin:0 auto; background:#009cac;}
#wrap #header .t_menu_wrap .t_menu {  width:1040px; margin:0 auto;}
#wrap #header .t_menu_wrap .t_menu ul { float:right; }
#wrap #header .t_menu_wrap .t_menu ul li { padding:5px 0 0 0px; font-size:14px; float:left; color:#fff; }
#wrap #header .t_menu_wrap .t_menu ul li span { color:#69c5ce; padding: 0 5px}
#wrap #header .t_menu_wrap .t_menu ul li:first-child {}
#wrap #header .t_menu_wrap .t_menu ul li a { color:#fff; }
#wrap #header .t_menu_wrap .t_menu ul li img { margin-right: 5px; }

#wrap #header #navi { width:100%; position:absolute; z-index:600; background:#fff; border-bottom:1px #CCC solid;  }
#wrap #header #navi .navi_area { margin:0 auto; width:1040px; height:81px; }
#wrap #header .sub_nav_bg { left:0; top:32px; width:100%; height:0px; background:url('../images/gnb_sub_bg.png'); overflow:hidden; position:absolute; display:none; z-index:500; }
.sub_nav_img { margin-left:250px; left:50%; top:113px; width:329px; height:200px; position:absolute; display:none; z-index:499; }
.nav { margin:0 auto; width:1040px; height:81px; overflow:hidden; }
.nav .logo { width:241px; height:57px; padding:12px 15px 0 0; float:left; }
.nav > ul { margin-top:30px; }
.nav > ul > li { width:140px; color:#1e1e1e; font-family:'NanumSquare'; font-size:20px; font-weight:500; text-align:center; float:left; }
.nav > ul > li a { display:block; }
.nav > ul > li.selected { background:url('/images/gnb_sub_bg_over.png') repeat-x 0 52px; }
.nav > ul > li.selected  > div.sub_nav ul li { background:url('/images/gnb_sub_bg_over.png') repeat-x 0 52px; color:#fff;}
.nav > ul > li > div.sub_nav { margin:50px 0 20px 0; }
.nav > ul > li > div.sub_nav ul li { padding:7px 10px; font-size:15px; font-family:'Nanum Gothic'; color:#333; text-align:left; cursor:pointer; }
.nav > ul > li.selected > div.sub_nav ul li { color:#333; }
.nav > ul > li.selected > div.sub_nav ul li:hover { color:#FFF; }

.nav .btn_search { float:right; width:25px; height:22px; background:url(../images/btn_search_over.png) no-repeat; cursor:pointer;}
.nav .btn_search:hover { background:url(../images/btn_search_over.png) no-repeat; }
.nav .btn_all { float:right; width:25px; height:22px;background:url(../images/btn_all_over.png) no-repeat; margin-left:28px;cursor:pointer;}
.nav .btn_all:hover { float:right; width:25px; height:22px;background:url(../images/btn_all_over.png) no-repeat; margin-left:28px;}

#layer_sitemap {width:100%; height:100%; background:url('../images/sitemap_bg.png'); position:absolute; z-index:1000000;}
#layer_sitemap #sitemap {width:1040px; height:340px; background:#FFF; margin:236px auto; border: 10px #009cac solid;}
#layer_sitemap #sitemap .btn_close { width:29px; height:29px; float:right; margin-left:490px; background:url('../images/sitemap_close.png'); cursor:pointer; position:absolute; top:188px; left:50%; z-index:9001;}
#layer_sitemap #sitemap .btn_close:hover {background:url('../images/sitemap_close_over.png'); }
#layer_sitemap #sitemap .menu { width:163px; height:94px; padding:50px 0 25px 0; box-sizing:border-box; font-family:'NanumSquareB'; font-size:22px; font-weight:600; color:#009cac; text-align:center; border-bottom:1px #009cac solid; }
#layer_sitemap #sitemap .menu a { color:#009cac;}
#layer_sitemap #sitemap .sub { margin-top:18px; }
#layer_sitemap #sitemap .sub li { font-size:15px; color:#555; cursor:pointer; text-align:center; line-height:30px; letter-spacing: -0.5px;}
#layer_sitemap #sitemap .sub li:hover { color:#009cac; }

#wrap #header #m_visual { margin:81px 0 0 0; width:100%; min-width:1040px; height:528px; position:relative; }
#wrap #header #m_visual .main_copy {position:absolute; top:90px; left:50%; width:468px; height:173px; margin-left:-520px; z-index:498; color:#fff; font-family:'NanumSquareB'; font-weight:bold;}
#wrap #header #m_visual .main_copy span.txt01 {font-size:32px; line-height:34px;}
#wrap #header #m_visual .main_copy span.txt02 {font-size:48px; line-height:56px;}
#wrap #header #m_visual .main_copy span.txt03 {font-size:72px; line-height:80px;}
#wrap #header #m_visual .main_navi {position:absolute; top:74px; left:50%; width:685px; height:382px; margin-left:-130px; z-index:498}
#wrap #header #s_visual { margin:81px 0 0 0; width:100%; min-width:1040px; height:250px; position:relative; }

/* layer회원정보 */

.layer_popup_open {position:absolute; width:36px;right:0; margin-left:-36px; top:160px; z-index:9999;} 
.layer_popup_open .btn_open {border: 1px #777 solid; border-right: none; cursor:pointer;}

.layer_popup_close {position:absolute; width:207px; right:0; margin-left:-209px; top:160px; z-index:99999 ; display: inline-block;}
.layer_popup_close .btn_close {width: 36px; float: left; border: 1px #777 solid; border-right: none; cursor:pointer; }
.layer_popup_close .data_box {width: 170px; background: #f5f5f5; box-sizing:border-box; border: 1px #777 solid; float: right;}
.layer_popup_close .data_box .id {width: 168px; height: 41px;background: #009cac; color: #fff; font-weight: 600; padding: 10px 15px; box-sizing:border-box; }
.layer_popup_close .data_box .navi {width: 156px; background: #fff; color: #666; font-size: 12px; font-weight: normal; line-height: 16px; margin: 6px;border: 1px #ccc solid; box-sizing:border-box;}
.layer_popup_close .data_box .navi .navi_data01 {border-bottom: 1px #ccc dashed; padding: 12px 10px; box-sizing:border-box;}
.layer_popup_close .data_box .navi .navi_data02 {padding: 12px; box-sizing:border-box;}
.layer_popup_close .data_box .navi .navi_data02 span { color: #FF0000;}
.layer_popup_close .data_box .layer_quick li { border-top: 1px #e5e5e5 solid; background: #fff; font-size: 14px; height: 53px; line-height: 52px; padding-left: 20px; cursor:pointer; }
.layer_popup_close .data_box .layer_quick li:hover { color:#009cac;  }
.layer_popup_close .data_box .layer_quick li img { margin-right: 10px;}


/* main slide image */
.slide { width:100%; height:528px; position:relative; display:block; }
.slide_ul { display:block; }
.slide_ul > li { width:100%; height:528px; position:absolute; z-index:1; display: block; }
.m_img1 { background:url('../images/main_img1.jpg') no-repeat center; }
.m_img2 { background:url('../images/main_img2.jpg') no-repeat center; }
.m_img3 { background:url('../images/main_img3.jpg') no-repeat center; }
.show { display:block; }

/* main slide image navi */
.slide_btn { margin:0px 0px 30px -35px; top:484px; left:50%; bottom:0; width:560px; position:absolute; z-index:2; }
.slide_btn:after { content:''; display:block; clear:both; }
.slide_btn > li { margin:0px 10px 0px 0px; float:left; }
.slide_btn > li a { width:47px; height:3px; background:url('../images/main_img_nv1_off.png') no-repeat; text-indent:-999em; display:block; }
.slide_btn > li a.active, li a:hover.active { background:url('../images/main_img_nv1_on.png') no-repeat; }
.slide_btn > li a:hover { background:url('../images/main_img_nv1_on.png') no-repeat; }

/* sub slide images */
#slides div { width:100%; height:250px; }
.s_img1 { background:url('../images/sub_img1.jpg') no-repeat center;}
#slides .txt01 { font-family: "NanumSquareB";  color:#FFF; font-weight:600; font-size:26px; font-weight:600; position:absolute; top:75px; left:50%; margin-left:-520px; }
#slides .txt02 { font-family: "NanumSquareB";  color:#FFF; font-weight:600; font-size:60px; font-weight:bold; position:absolute; top:125px; left:50%;  margin-left:-520px;}
.s_img2 { background:url('../images/sub_img2.jpg') no-repeat center; }
.s_img3 { background:url('../images/sub_img3.jpg') no-repeat center; }
.slidesjs-pagination { margin-left:-520px; left:50%; top:210px; width:506px; position:absolute; z-index:18; }
.slidesjs-pagination li { margin-right:10px; float:left; }
.slidesjs-pagination li a { width:47px; height:3px; text-indent:-9999px; background:url('../images/main_img_nv1_off.png') no-repeat 0px 0px; float:left; display:block; overflow:hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background:url('../images/main_img_nv1_on.png') no-repeat 0px 0px; }
.slidesjs-pagination li a:hover { background:url('../images/main_img_nv1_on.png') no-repeat 0px 0px; }

/* main */
#wrap { background:#fff; display:inline-block; height:auto; }
#wrap .quick_wrap { width:100%; margin:0 auto; background:#f5f5f5; display:inline-block; height:auto; }
#wrap .quick_wrap #quick { margin:40px auto 40px; width:1040px; }

/*
#wrap .quick_wrap #quick .quick_box01 { width:500px; height:190px; margin:0 40px 40px 0; background: url(../images/quick_box01_bg.png) no-repeat 250px 0 #FFF; border-radius:20px; box-sizing:border-box; float:left; cursor:pointer;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#wrap .quick_wrap #quick .quick_box01 .title {font-family: "NanumSquareB";font-size:20px; font-weight:600; padding:13px 0 20px 0px; width:75px; box-sizing:border-box;  border-top:1px #000 solid; margin:34px 0 0 34px; }
#wrap .quick_wrap #quick .quick_box01 .txt {font-family: "Nanum Gothic";font-size:14px; font-weight:normal; margin:0 0 0 34px; }
#wrap .quick_wrap #quick .quick_box01:hover {background: url(../images/quick_box01_bg_over.png) no-repeat 0 0; }
#wrap .quick_wrap #quick .quick_box01:hover .title { color:#FFF; border-top:1px #fff solid; }
#wrap .quick_wrap #quick .quick_box01:hover .txt { color:#FFF; }
*/
#wrap .quick_wrap #quick .quick_box02 { width:500px; height:190px; margin:0 0px 40px 0; background: url(../images/quick_box01_bg.png) no-repeat 250px 0 #FFF; border-radius:20px; box-sizing:border-box; float:left; cursor:pointer;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#wrap .quick_wrap #quick .quick_box02 .title {font-family: "NanumSquareB";font-size:20px; font-weight:600; padding:13px 0 20px 0px; width:170px; box-sizing:border-box;  border-top:1px #000 solid; margin:34px 0 0 34px; }
#wrap .quick_wrap #quick .quick_box02 .txt {font-size:14px; font-weight:normal; margin:0 0 0 34px; }
#wrap .quick_wrap #quick .quick_box02:hover {background: url(../images/quick_box01_bg_over.png) no-repeat 0 0; }
#wrap .quick_wrap #quick .quick_box02:hover .title { color:#FFF; border-top:1px #fff solid; }
#wrap .quick_wrap #quick .quick_box02:hover .txt { color:#FFF; }

#wrap .quick_wrap  #quick .quick_box03 { width:500px; height:190px; margin:0 40px 0px 0;  background: url(../images/quick_box02_bg.png) no-repeat 250px 0 #FFF; border-radius:20px; box-sizing:border-box; float:left; cursor:pointer;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#wrap .quick_wrap #quick .quick_box03 .title {font-family: "NanumSquareB";font-size:20px; font-weight:600; padding:13px 0 20px 0px; width:170px; box-sizing:border-box;  border-top:1px #000 solid; margin:34px 0 0 34px; }
#wrap .quick_wrap #quick .quick_box03 .txt {font-size:14px; font-weight:normal; margin:0 0 0 34px; }
#wrap .quick_wrap #quick .quick_box03:hover {background: url(../images/quick_box02_bg_over.png) no-repeat 0 0; }
#wrap .quick_wrap #quick .quick_box03:hover .title { color:#FFF; border-top:1px #fff solid; }
#wrap .quick_wrap #quick .quick_box03:hover .txt { color:#FFF; }

#wrap .quick_wrap #quick .quick_box04 { width:500px; height:190px; margin:0 0px 0px 0;  background: url(../images/quick_box04_bg.png) no-repeat 250px 0 #FFF; border-radius:20px; box-sizing:border-box; float:left; cursor:pointer;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#wrap .quick_wrap #quick .quick_box04 .title {font-family: "NanumSquareB";font-size:20px; font-weight:600; padding:13px 0 20px 0px; width:110px; box-sizing:border-box;  border-top:1px #000 solid; margin:34px 0 0 34px; }
#wrap .quick_wrap #quick .quick_box04 .txt {font-size:14px; font-weight:normal; margin:0 0 0 34px; }
#wrap .quick_wrap #quick .quick_box04:hover {background: url(../images/quick_box04_bg_over.png) no-repeat 0 0; }
#wrap .quick_wrap #quick .quick_box04:hover .title { color:#FFF; border-top:1px #fff solid; }
#wrap .quick_wrap #quick .quick_box04:hover .txt { color:#FFF; }


#wrap .quick_wrap #quick .quick_box05 { width:500px; height:190px; margin:0 40px 40px 0; background: url(../images/quick_box05_bg.png) no-repeat 250px 0 #FFF; border-radius:20px; box-sizing:border-box; float:left; cursor:pointer;
	-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#wrap .quick_wrap #quick .quick_box05 .title {font-family: "NanumSquareB";font-size:20px; font-weight:600; padding:13px 0 20px 0px; width:90px; box-sizing:border-box;  border-top:1px #000 solid; margin:34px 0 0 34px; }
#wrap .quick_wrap #quick .quick_box05 .txt {font-family: "Nanum Gothic";font-size:14px; font-weight:normal; margin:0 0 0 34px; }
#wrap .quick_wrap #quick .quick_box05:hover {background: url(../images/quick_box05_bg_over.png) no-repeat 0 0; }
#wrap .quick_wrap #quick .quick_box05:hover .title { color:#FFF; border-top:1px #fff solid; }
#wrap .quick_wrap #quick .quick_box05:hover .txt { color:#FFF; }


#wrap .brend_wrap  { width:100%; margin:0 auto; background: url(../images/brend_bg.png) repeat; display:inline-block; height:170px;  }
#wrap .brend_wrap #brend {margin:40px auto 40px; width:1040px; vertical-align:middle;}
#wrap .brend_wrap #brend .title { font-family: "NanumSquareB"; font-size:20px; font-weight:600; float:left;}
#wrap .brend_wrap #brend img { float:left; margin:10px 0 0 110px;}

#wrap .contents_wrap  { width:100%; margin:0 auto; background:#009cac; display:inline-block; height:200px;  }
#wrap .contents_wrap #contents  { width:1040px; margin:0 auto; }

#wrap .contents_wrap #contents #update { width:240px; height:135px; box-sizing:border-box; float:left; border-right:1px #70bec6 solid; padding-right:25px; margin-top:35px; }
#wrap .contents_wrap #contents #update .title {font-family: "NanumSquareB"; font-size:20px; font-weight:600; color:#FFF; margin-bottom:20px; }
#wrap .contents_wrap #contents #update span.btn_plus { float:right; }
#wrap .contents_wrap #contents #update dl { height:75px;}
#wrap .contents_wrap #contents #update dt { width:205px; font-size:16px; color:#bfe6ea; font-weight:500; padding-bottom:10px; line-height:22px;}
#wrap .contents_wrap #contents #update dt:hover { color:#FFF;}
#wrap .contents_wrap #contents #update dd { width:205px; font-size:14px; color:#bfe6ea; font-weight:500; padding-bottom:0px; }
#wrap .contents_wrap #contents #update .btn_more { width:50px; height:20px; float:right; color:#fff; background: url(../images/btn_more.png) no-repeat 42px 4px; cursor: pointer;}

#wrap .contents_wrap #contents #notice { width:272px; height:135px; box-sizing:border-box; float:left; border-right:1px #70bec6 solid; padding-right:25px;  padding-left:28px; margin-top:35px; }
#wrap .contents_wrap #contents #notice .title {font-family: "NanumSquareB"; font-size:20px; font-weight:600; color:#FFF; margin-bottom:20px; }
#wrap .contents_wrap #contents #notice span.btn_plus { float:right; }
#wrap .contents_wrap #contents #notice dl { height:75px; }
#wrap .contents_wrap #contents #notice dt { width:205px; font-size:16px; color:#bfe6ea; font-weight:500; padding-bottom:10px; line-height:22px;}
#wrap .contents_wrap #contents #notice dt:hover { color:#FFF;}
#wrap .contents_wrap #contents #notice dd { width:205px; font-size:14px; color:#bfe6ea; font-weight:500; padding-bottom:7px;}
#wrap .contents_wrap #contents #notice .btn_more { width:50px; height:20px; float:right; color:#fff; background: url(../images/btn_more.png) no-repeat 42px 4px; cursor: pointer;}

#wrap .contents_wrap #contents #quickmenu ul { width:500px; margin:50px 0 0 20px; float:left; }
#wrap .contents_wrap #contents #quickmenu ul li { width:165px; height:67px; font-size:15px; font-weight:bold; text-align:center; color:#bfe6ea; float:left; box-sizing:border-box; cursor:pointer; }
#wrap .contents_wrap #contents #quickmenu ul li:hover { color:#FFF;}
#wrap .contents_wrap #contents #quickmenu ul li img { margin-bottom:10px;}

/*footer*/
#wrap .footer_wrap { width:100%; height:218px; background:#2a2f30; clear:both; }
#wrap .footer_wrap #footer { width:1040px; margin:0px auto; text-align:center; font-size:13px; color:#666; padding:32px 0; }
#wrap .footer_wrap #footer .logo { float:left; margin-top:5px; margin-right:65px;}
#wrap .footer_wrap #footer .footer_right{ float:left;}
#wrap .footer_wrap #footer .footer_right .menubox { border:1px #3d4243 solid; border-right:none; width:808px; height:33px; box-sizing:border-box; margin-bottom:16px;}
#wrap .footer_wrap #footer .footer_right .menubox p a { float:left; font-size:14px; font-family:'Nanum Gothic'; color:#FFF; padding:5px 20px; }
#wrap .footer_wrap #footer .footer_right .menubox p a:hover {color:#009cac; }

#wrap .footer_wrap #footer .footer_right .menubox .family_slct { float:right; width:173px; height:31px; background:url('/images/family_arrow.png') no-repeat 145px 13px #3d4243; cursor:pointer; z-index:1000; font-size:14px; color:#FFF; position:relative; }
#wrap .footer_wrap #footer .footer_right .menubox .family_slct ul li {width:142px; height:31px; line-height:31px; padding-left:25px; text-align:left; }
#wrap .footer_wrap #footer .footer_right .menubox .family_slct ul li:hover { color:#fff;}
#wrap .footer_wrap #footer .footer_right .menubox .family_slct ul ul { display:none; height:100px !important; }
#wrap .footer_wrap #footer .footer_right .menubox .family_slct ul li:hover ul { top:-106px; right:0; background:#3d4243; width:173px; height:75px; padding-top:5px; border-bottom:1px #2a2f30 solid; position:absolute; display:block; z-index:2000; }
#wrap .footer_wrap #footer .footer_right .menubox .family_slct ul li li { height:31px; }
#wrap .footer_wrap #footer .footer_right .menubox .family_slct ul li li:hover { color:#009cac; }

#wrap .footer_wrap #footer .footer_right .info {height:110px; font-size:12px; color:#999; text-align:left; line-height:22px;}
#wrap .footer_wrap #footer .footer_right .info p a { color:#999;}
#wrap .footer_wrap #footer .footer_right .info p a:hover { color:#009cac;}
#wrap .footer_wrap #footer .footer_right .info span.line_h {font-size:12px; color:#515151; margin:0 5px;}

/*btn*/
.btn_inc{ display:inline-block; border-radius:3px; box-sizing:border-box; border:none; padding:5px; text-align:center; vertical-align:middle; font-weight:bold; cursor:pointer; width:auto; font-size:16px; letter-spacing:1px; background:#eee; }
.btn_inc.list{ background:#009cac; color:#fff; font-size:16px; font-weight:bold; width:150px; height:38px; }
.btn_inc.list:hover{ background:#008a98; }
.btn_inc.list1{ background:#999; color:#fff; font-size:16px; font-weight:bold; width:150px; height:38px; margin-left:15px; }
.btn_inc.list1:hover{ background:#878787; }

/* history */
#history { width:400px; display:inline-block; float:right; }
#history .his_area { margin:0px auto; width:450px; height:36px; float:right; }
#history .his_area ul li { padding:0px 10px 10px 30px; height:36px; background:url('../images/history_arrow.gif') no-repeat 10px 12px; font-size:12px; color:#666; line-height:36px; float:right; }
#history .his_area ul li:first-child { font-weight:bold; }
#history .his_area ul li.home {  background:url('../images/history_icon.gif') no-repeat 16px 12px; }

/* Left Menu */
.lnb { width:190px; float:left; }
.lnb .left_tt { width:190px; height:80px; font-family: "NanumSquareB"; font-size:30px; font-weight:bold; color:#333; padding:36px 0 0 10px; text-align:left; box-sizing:border-box; }
.lnb .left_box { width:190px; box-sizing:border-box; }
.lnb .left_box ul li { padding-left:10px; width:190px; height:38px; line-height:38px; box-sizing:border-box; cursor:pointer; font-family: "Nanum Gothic";  font-size:15px; color:#333; display:block; border-bottom:1px #ccc solid;letter-spacing: -0.5px;} 
.lnb .left_box ul li:first-child { border-top:1px #ccc solid; } 
.lnb .left_box ul li:hover { color:#FFF; background:#009cac; }
.lnb .left_box ul li.on { color:#FFF; background:#009cac; border-bottom:none; }

/* contents */
#mid_wrap { margin:0 auto; width:100%; }
#mid { margin:0 auto; width:1040px; min-height:500px; }
.s_ctn { margin:36px 0 56px 45px; width:805px; height:auto; min-height:500px; float:left; }
.line { padding:0px; border:none; height:1px; background-color:#ebebeb; margin-bottom:35px; margin-top:-1px; }
.exp { font-size:16px; line-height:24px; margin-bottom:30px; color:#444;}
.exp span { font-weight:bold; color:#222; }

#tab { overflow:hidden;width:805px;margin-top:30px; text-align:center;font-size:16px;font-weight:400; font-family: "NanumSquare"; }
#tab div { float:left; }
#tab .tab_on { width:191px;height:42px;line-height:42px;background:#fff;border-top:1px solid #009cac; border-right:1px solid #009cac; border-left:1px solid #009cac; }
#tab .tab_on a { display:inline-block; color:#009cac; }
#tab .tab_off { width:191px;height:42px;line-height:42px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1; background:#f6f6f6; }
#tab .tab_off1 { width:191px;height:41px;line-height:42px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1; background:#f6f6f6; border-bottom:1px solid #009cac; }
#tab .tab_off a { display:inline-block; color:#666; }
#tab .tab_off1 a { display:inline-block; color:#666; }
#tab .tab_line { width:620px; height:1px; background:#009cac; margin-left:192px; }
#tab .tab_line1 { width:425px; height:1px; background:#009cac; margin-left:385px; }

#con_wrap { margin-top:30px; padding-top: 30px; border-top:1px #e1e1e1 dashed;}
#con_wrap .con_img { width:386px; float:left; margin-right:38px; vertical-align:middle; }
#con_wrap .con_txt { width:377px; float:left; }
#con_wrap ul { float:left;}
#con_wrap li { line-height:23px;}

/*FAQ*/

#tab1 { overflow:hidden;width:805px;margin-top:30px; text-align:center;font-size:16px;font-weight:400; font-family: "NanumSquare"; }
#tab1 div { float:left; }
#tab1 .tab_on { width:133px;height:42px;line-height:42px;background:#009cac;border-top:1px solid #009cac; border-left:1px solid #009cac; cursor:pointer; color:#FFF;}
#tab1 .tab_off { width:133px;height:41px;line-height:42px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1; background:#fff; border-bottom:1px solid #009cac; cursor:pointer;}
#tab1 .tab_on1 { width:133px;height:42px;line-height:42px;background:#009cac;border-top:1px solid #009cac; border-left:1px solid #009cac; border-right:1px solid #009cac; cursor:pointer; color:#FFF;}
#tab1 .tab_off1 { width:133px;height:41px;line-height:42px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1; background:#fff; border-bottom:1px solid #009cac; cursor:pointer;}

#faq_wrap { width:100%; height:40px; background:#f6f6f6; border:1px solid #e1e1e1; border-top:none; padding:5px 10px; display:inline-block; box-sizing:border-box; }
#faq_wrap ul li { float:left; line-height:30px; list-style: disc; text-indent:-5px; margin-left:30px; padding-right:60px;}

#t_faq { }
#t_faq tr {}
#t_faq tr th { padding:8px 0px; border-bottom:1px solid #ddd; text-align:center; color:#009cac; }
#t_faq tr td { padding:8px 0px; border-bottom:1px solid #ddd; text-align:left; }
#t_faq tr td.faq { text-align:left; padding:20px; background:#f6f6f6; }

/*지도수정요청*/
.map_change {}
.map_change p { color:#666;}
.map_change p span { color:#333; font-weight:bold; }
.map_change .tit { color:#333; font-size:16px; font-weight:600; margin-right:10px;}
.map_change .tit span { color:#009cac;}
.map_change .box { width:100%; background:#f6f6f6; border:1px #ddd solid; padding:15px; margin:15px 0 35px 0; line-height:30px; display:inline-block; box-sizing:border-box;}
.map_change .box li { width:150px; float:left;}
.map_change .box .map_sel  { float:left;}
.map_change .box .map_sel .sel { width:130px; height:31px; padding:5px; float:left; border:1px solid #ddd; margin-right:10px; }
.map_change .box { padding-right:0px;float:left; }
.map_change .box input.map_form { padding:0px 7px; width:756px; height:30px; border:1px solid #ddd; color:#232323; float:left; color:#666; margin-top:10px }
.map_change .box textarea { padding:5px 10px; border:1px solid #ddd;}
.map_change .box .file_txt { width:100px; height:100px; padding-top:10px; text-align:center; float:left;}
.map_change .box .file_wrap { float:left;}
.map_change .box .file_wrap span { font-size:13px; color:#999;}

/*Board*/
#t_bd { }
#t_bd thead tr { padding:8px 0px; text-align:center; font-weight:bold; border:1px solid #ddd; background:#f6f6f6;}
#t_bd tr th { padding:8px 0px; text-align:center; margin-top:50px;  font-weight:bold; }
#t_bd tbody tr { padding:8px 0px; margin-top:50px;  font-weight:bold; }
#t_bd tr td { padding:8px 0px; border-bottom:1px solid #ddd; text-align:center; }
#t_bd tr td.l { text-align:left; padding-left:7px}
#t_bd tr td.v_ctn { text-align:left;  padding:20px; background:#f6f6f6;}
#t_bd tr td .reply {border-top:1px #CCC dashed; margin-top:20px; padding-top:20px;}
#t_bd tr td.faq { text-align:left; padding:20px; background:#f6f6f6; }

.bd_page { margin-top:30px; width:100%; text-align:center; }
.bd_page span { width:24px; height:24px; text-align:center; display:inline-block; }
.bd_page span.pg_on { font-weight:bold;  color:#009cac; }

#t_bd_v {}
#t_bd_v tr th.tit {border:1px solid #ddd; margin-bottom:10px; background:#f6f6f6; font-size:15px;}
#t_bd_v tr th, #t_bd_v tr td { padding:8px 15px; border-bottom:1px solid #ddd; }
#t_bd_v tr th { font-weight:bold; text-align:center; background:url('../images/vline.gif') no-repeat right;}
#t_bd_v tr th, #t_bd_v tr td { padding:8px 15px; border-bottom:1px solid #ddd; }
#t_bd_v tr td.tit { border:1px solid #ddd; margin-bottom:10px; background:#f6f6f6; font-size:15px; }
#t_bd_v tr td.v_ctn { text-align:left;  padding:20px; background:#fff;}
#t_bd_v tr td.v_ctn img { margin:20px auto; }
#t_bd_v tr td.v_ctn_g { padding:15px; background-color:#f4f4f4 }
#t_bd_v tr td .v_re li { border-bottom:1px #CCC dashed; padding:10px 0; }
#t_bd_v tr td .v_re li:first-child { padding-top:0; }
#t_bd_v tr td.align_c { text-align:center;}
#t_bd_v tr td.align_r { text-align:right;}
#t_bd_v tr td input, #t_bd_v tr td textarea, #t_bd_v tr td select { border:1px solid #e2e2e2; }
#t_bd_v tr td input { padding:0px 10px; height:28px; float:left; }
#t_bd_v tr td input.radio { padding:0px; border:none; }
#t_bd_v tr td textarea { padding:5px 10px; }

.bd_w_btn { margin:0px 310px 0px; width:100%; }
.bd_btn { width:82px; height:32px; border-radius:2px; background:#009cac; text-align:center; line-height:31px; font-weight:bold; font-size:15px; float:left; }
.bd_btn a { color:#fff; display:block; }
.bd_btn:hover { background-color:#008492; }
.bd_btn_w { width:82px; height:30px; border-radius:2px; background:#FFF; border:1px solid #d8d8d8; text-align:center; line-height:31px; font-weight:bold; font-size:15px; float:left; margin-left:20px;}
.bd_btn_w a { color:#666; display:block; }
.bd_btn_w:hover {  background-color:#f6f6f6; }
.bd_btn_f { width:72px; height:24px; border-radius:2px; background-color:#f3f3f3; border:1px solid #d8d8d8; display:inline-block; }
.bd_btn_f:hover { background-color:#e6e6e6; }
.bd_btn_f a { font-size:12px; text-align:center; line-height:23px; display:block; }
.bd_btn_f a:hover { color:#666; }

.state01 { width:60px; height:22px; border-radius:2px; background:#f4f4f4; font-size:12px; text-align:center; color:#666; line-height:21px; display:inline-block; border:1px #e6e6e6 solid;}
.state02 { width:60px; height:22px; border-radius:2px; background:#f4f4f4; font-size:12px; text-align:center; color:#009cac; line-height:21px; display:inline-block; border:1px #e6e6e6 solid;}
.txt_qna { font-size:24px; font-weight:bold; color:#009cac;}
.btn_wrap { margin-left:287px;}

.search { margin:30px 0px 0px 0px; width:805px; height:36px; padding:7px 0 4px; background:#f6f6f6; }
.search .sear_sel { margin-left:203px; margin-right:12px; float:left;}
.search .sear_sel .sel { width:120px; height:31px; padding:5px 5px 5px 35px; float:left; border:1px solid #ddd; }
.search .sear_sel_l { margin-left:140px; margin-right:10px; float:left;}
.search .sear_sel_l .sel { height:31px; padding:3px; float:left; border:1px solid #ddd; }
.search .word { padding-right:0px;float:left; }
.search input.sell_form { padding:0px 7px; width:220px; height:30px; border:1px solid #ddd; border-right:none; color:#232323; float:left; color:#666; }
.search img { float:left; }

.search1 { margin:0px 0 0px 210px; display:inline-block; }
.search1 input.sell_form { padding:0px 7px; width:343px; height:42px; border:2px solid #009cac; border-right:none; color:#232323; float:left; color:#666;  box-sizing:border-box; }
.search1 img { float:left; }
.sear_txt { margin-bottom:15px;}
.sear_txt span { color:#ccc;}

.search2 { margin:30px 0px 0px 0px; width:805px; height:36px; padding:7px 0 4px; background:#f6f6f6; border:1px solid #ddd;}
.search2 .word { padding-right:0px;float:left; }
.search2 input.sell_form { padding:0px 7px; width:220px; height:30px; border:1px solid #ddd; border-right:none; color:#232323; float:left; color:#666; margin-left:7px; }
.search2 img { float:left; }

/*회원가입*/

.cau1 { margin-top:6px; font-size:13px; float:right; color:#666;}

#t_join { margin:15px 0 30px 0; }
#t_join tr th { font-weight:bold; text-align:center; background:#f6f6f6; border-bottom:1px solid #ddd;}
#t_join tr th.fir { border-top:1px solid #666;}
#t_join tr td { padding:5px 15px; border-bottom:1px solid #ddd; }
#t_join tr td.fir { border-top:1px solid #666;}
#t_join tr td .td_txt { float:left; padding:6px;}
#t_join tr td input[type=text], input[type=password], input[type=radio], #t_join tr td textarea, #t_join tr td select { border:1px solid #e2e2e2;  }
#t_join tr td input[type=text], input[type=password], input[type=radio] { padding:0px 10px; height:28px; float:left; }
#t_join tr td select { padding:5px 5px 5px 10px; height:30px; float:left; }
#t_join tr td div.cau { margin-top:6px; margin-left:15px; font-size:12px; float:left; color:#999;}
#t_join tr td p.cau { padding-top:6px; margin-bottom:6px; font-size:12px; clear:both;color:#999; line-height:18px;}
#t_join tr td textarea { padding:5px 10px; }
#t_join tr td ul { margin:6px 0 0 20px;}
#t_join tr td li { list-style:disc; font-size:12px; color:#666; }

/*회원인증*/
.cau3 { margin-top:10px; }
.cau3 ul li { font-size:13px; color:#666; list-style: disc; margin-left:20px;}

#t_join1 { margin:20px 0 20px 0; }
#t_join1 tr th { padding:15px; font-weight:bold; text-align:center; background:#fff; border-top:1px solid #666; border-bottom:1px solid #ddd;}
#t_join1 tr th.fir { padding:20px 15px 5px 150px; border-top:1px solid #666; border-bottom:none;}
#t_join1 tr th.lat { padding:5px 15px 20px 150px; border-bottom:1px solid #ddd; border-top:none;}
#t_join1 tr th.r { text-align:right;}
#t_join1 tr td { padding:15px; border-top:1px solid #666;border-bottom:1px solid #ddd;}
#t_join1 tr td.fir {padding:20px 15px 5px 15px; border-top:1px solid #666;border-bottom:none;}
#t_join1 tr td.lat { padding:5px 15px 20px 15px; border-bottom:1px solid #ddd;border-top:none;}
#t_join1 tr td.l { text-align:left;}
#t_join1 tr td .td_txt { float:left; padding:6px;}
#t_join1 tr td input, #t_join1 tr td textarea, #t_join1 tr td select { border:1px solid #e2e2e2; }
#t_join1 tr td input { padding:0px 10px; height:28px; float:left; }
#t_join1 tr td select { padding:5px 5px 5px 10px; height:30px; float:left; }
#t_join1 tr td div.cau { margin-top:6px; margin-left:15px; font-size:12px; float:left; color:#999;}
#t_join1 tr td p.cau { padding-top:6px; margin-bottom:6px; font-size:12px; clear:both;color:#999; line-height:18px;}
#t_join1 tr td input.radio { padding:0px; border:none; }
#t_join1 tr td textarea { padding:5px 10px; }

/*login*/
#login {width:805px;}
#login .login_box {width:100%; height:230px; box-sizing:border-box; border-radius:10px; padding:40px 0; display:inline-block; border:1px solid #ddd;}
#login .login_box .login_box_l { width:288px; float:left;margin-left:60px; padding-top:25px; height:240px; }
#login .login_box .login_box_l .login_tit {  font-size:80px; height:100px; color:#e6e6e6; font-family: "NanumSquareB"; font-weight:bold; }
#login .login_box .login_box_l .login_txt { font-size:14px; float:left; font-weight:600; }
#login .login_box .login_box_r {float:right; width:240px; padding-left:68px; margin-right:68px; border-left:1px #ddd solid;}
#login .login_box .login_box_r input.login_input {width:240px; box-sizing:border-box; text-align:center; border-radius:5px; background:#f6f6f6; border:1px solid #ddd; height:40px; padding:5px 5px; display:inline-block; vertical-align:middle; font-weight:normal; font-size:16px; font-weight:bold;}
#login .login_box .login_box_r input.login_input:hover { background:#FFF; border:1px solid #ddd; color:#009cac; }
#login .login_box .login_box_r input.login_input:focus { background:#FFF; border:1px solid #ddd; color:#009cac; }

.login_btn{ display:inline-block; border-radius:5px; border:none; padding:4px 5px 5px 5px; text-align:center; vertical-align:middle; font-weight:bold; cursor:pointer; width:auto; font-size:16px;  background:#eee; width:240px; height:40px; margin-top:15px; }
.login_btn.list{ background:#009cac; color:#fff; font-size:16px; font-weight:bold; }


/*아이디비번찾기*/

.cau2 { margin-top:15px; font-size:14px; color:#666;}

#t_find { margin:15px 0 20px 0; }
#t_find tr th { padding:8px 15px 5px 150px; font-weight:bold; text-align:left; background:#fff; }
#t_find tr th.fir { padding:20px 15px 5px 150px; border-top:1px solid #666;}
#t_find tr th.lat { padding:5px 15px 20px 150px; border-bottom:1px solid #ddd;}
#t_find tr td { padding:8px 15px 5px 15px; }
#t_find tr td.fir {padding:20px 15px 5px 15px; border-top:1px solid #666;}
#t_find tr td.lat { padding:5px 15px 20px 15px; border-bottom:1px solid #ddd;}
#t_find tr td .td_txt { float:left; padding:6px;}
#t_find tr td input, #t_find tr td textarea, #t_find tr td select { border:1px solid #e2e2e2; }
#t_find tr td input { padding:0px 10px; height:28px; float:left; }
#t_find tr td select { padding:5px 5px 5px 10px; height:30px; float:left; }
#t_find tr td div.cau { margin-top:6px; margin-left:15px; font-size:12px; float:left; color:#999;}
#t_find tr td p.cau { padding-top:6px; margin-bottom:6px; font-size:12px; clear:both;color:#999; line-height:18px;}
#t_find tr td input.radio { padding:0px; border:none; }
#t_find tr td textarea { padding:5px 10px; }
.join_btn_wrap1 {  width:100%; padding:0px 0 0 329px; box-sizing:border-box; display:inline-block;}

.style_c li { margin-top:3px; padding-left:10px; background:url('../images/sub/dd_style_c.png') no-repeat 0px 8px; }
.join_txt_area { margin:15px 0px; padding:20px 40px 20px 20px; width:805px; height:260px; border:1px solid #e0e0e0; box-sizing:border-box; overflow-y:scroll; }
.chpt { margin:5px 0px 5px 0px; padding-left:13px; background:url('../images/sub/blit_b_sq.gif') no-repeat 0px 8px; font-size:13px; color:#232323; font-weight:bold; }
.unt { font-weight:bold; font-size:14px; }
.ctn { margin-bottom:20px; font-size:14px; }
.unt1 { font-weight:bold; font-size:15px; margin-bottom:5px; padding-top:5px; }
.ctn1 { margin-bottom:20px; font-size:14px; }
.style_m {margin-bottom:20px; }
.style_m li { margin:3px 0px 0px 0px; font-size:14px; list-style:none; }
.style_n li { margin:2px 0px 0px 35px; font-size:14px; list-style:decimal; }
.style_n1 li { margin:2px 0px 0px 8px; font-size:14px; list-style:none; }
.style_p {margin-bottom:20px;}
.style_p li { margin:3px 0px 0px 20px; font-size:14px; list-style:disc; }
.join_agree_box { margin:15px 0px 30px 0px; padding:0px 20px 0 20px; width:805px; height:38px; background-color:#f6f6f6; border:1px solid #ddd; line-height:36px; box-sizing:border-box; }
.join_agree_box .join_agree { float:right; margin-left:30px;}
.join_agree_box .join_agree .r_st { margin:3px 5px 0px 0px; }

.mem_wrap { width:100%; border-top:2px #009cac solid; border-left:1px #CCC solid; border-right:1px #CCC solid; border-bottom:1px #CCC solid; padding:45px 65px 33px; box-sizing:border-box; display:inline-block; }
.join {}
.join dl {}
.join dl dt { width:100px; height:34px; line-height:31px; font-size:14px; color:#666; font-weight:bold; text-align:right; box-sizing:border-box; margin-bottom:12px; float:left; }
.join dl dd {  line-height:31px; font-size:14px; color:#666; padding-left:30px; box-sizing:border-box; margin-bottom:12px; float:left; }
.join .note { font-size:12px; color:#666; margin-top:5px; margin-bottom:5px; clear:both; }
.join_btn_wrap {  width:100%; padding:0px 0 0 246px; box-sizing:border-box; display:inline-block;}

.bd_btn_j { width:auto; height:30px; line-height:27px; font-size:12px; border-radius:3px; background-color:#f3f3f3; border:1px solid #ddd; box-sizing:border-box; padding:0 10px; display:inline-block; float:left; margin-left:10px; }
.bd_btn_j:hover { background-color:#e6e6e6; }
.bd_btn_j a { display:block; color:#666; }
.bd_btn_j a:hover { color:#333; }

.bd_btn_j1 { width:auto; height:30px; line-height:27px; font-size:12px; border-radius:3px; background-color:#999; border:1px solid #878787; box-sizing:border-box; padding:0 10px; display:inline-block; float:left; margin-left:10px; }
.bd_btn_j1:hover { background-color:#878787; }
.bd_btn_j1 a { display:block; color:#fff; }
.bd_btn_j1 a:hover { color:#fff; }

/*info*/
.info_box {width:100%; box-sizing:border-box; border-radius:10px; padding:55px 140px 50px; display:inline-block; border:1px solid #ddd; margin-bottom:30px;}
.info_box .info_tit {  font-size:26px; color:#666; font-family: "NanumSquareB"; font-weight:400;  margin-bottom:50px; }
.info_box .info_tit span {  color:#009cac; letter-spacing: normal;  font-weight:600;}
.info_box .info_txt { font-size:14px; line-height:26px; color:#444; }
.info_box .info_txt span { font-weight:bold; }

.info_box1 {width:100%; box-sizing:border-box; border-radius:10px; padding:25px 0px; text-align:center; display:inline-block; border:1px solid #ddd; margin-bottom:20px;}
.info_box1 span { font-weight:bold; margin-right:50px;}
.info_box1 img { margin-right:15px;}

/*사이트맵*/
.sitemap_box { width:210px; height:186px; padding:25px; border:1px #e0e0e0 solid; margin-bottom:22px; margin-right:22px; float:left; }
.sitemap_box1 { width:210px; height:186px; padding:25px; border:1px #e0e0e0 solid; margin-bottom:22px; margin-right:0px; float:left; }
.sitemap_tit a{ font-size:24px; font-weight:bold; color:#009cac; letter-spacing:-2px; }
ul.sitemap { margin-top:20px;}
.sitemap li a { font-size:15px; line-height:30px; color:#666;}

/*맵진리뷰*/
#gal_list {width:100%; border-top:1px solid #666; border-bottom:1px solid #ddd; padding-top:30px; display:inline-block;}
#gal_list ul li { margin-left:27px; margin-bottom:30px; text-align:left; float:left;}
#gal_list ul li:first-child { margin-left:0px; }
#gal_list ul li:first-child +li +li +li +li { margin-left:0px; }
#gal_list ul li:first-child +li +li +li +li +li +li +li +li { margin-left:0px; }
#gal_list ul li img { width:179px; height:133px; border:1px solid #dcdcdc;}
#gal_list ul li .gal_txt { margin-top:5px; letter-spacing:-1px;}
#gal_list ul li .gal_txt .name { font-size:12px; color:#666;  letter-spacing: normal;}
.total {float:right; padding:10px; font-size:12px;}

/*제품인증*/
#certify {width:805px;}
#certify .certify_box {width:805px; /* height:435px; */ box-sizing:border-box; border-radius:10px; padding:40px 0; display:inline-block; border:1px solid #ddd; background:url(../images/sub02/02_3_bg.png) no-repeat #f6f6f6; margin-bottom:20px;}
#certify .certify_box p {font-size:14px;}
#certify .certify_box p.txt_rd {font-size:12px; color:#ff0000;}
#certify .certify_box .tit { font-size:26px; color:#666; font-family: "NanumSquareB"; font-weight: 200; letter-spacing:-0.5px; line-height:30px; margin:305px 30px 0 40px; float:left;  }
#certify .certify_box .tit span { color:#009cac; font-weight:bold; }
#certify .certify_box .input_box { width:535px; margin:305px 0 0 0; float:left; font-size:12px; color:#444;  }
#certify .certify_box .input_box input { padding:0px 7px; width:365px; height:36px; border:1px solid #ddd; color:#232323; font-size:18px; color:#666; letter-spacing:2px; text-align:center; margin-bottom:5px; display:inline-block; }
#certify .certify_box .input_box .btn_certify { /* width:150px; */ height:38px; border-radius:2px; background:#009cac; text-align:center; line-height:38px; font-weight:bold; font-size:16px;  /* float:right; margin-left:15px; */}
#certify .certify_box .input_box .btn_certify a { color:#fff; }
#certify .certify_box .input_box .btn_certify:hover { background-color:#008492; }

#certify .certify_box2 {width:805px; /* height:435px; */ box-sizing:border-box; border-radius:10px; padding:35px; display:inline-block; border:1px solid #ddd; background:#f6f6f6; margin-bottom:20px;}
#certify .certify_box2 p {font-size:14px;}
#certify .certify_box2 p.txt_rd {font-size:12px; color:#ff0000;}
#certify .certify_box2 .tit_box { width: 300px; float: left; margin-right: 35px; }
#certify .certify_box2 .tit { font-size:26px; color:#666; font-family: "NanumSquareB"; font-weight: 200; letter-spacing:-0.5px; line-height:30px; }
#certify .certify_box2 .tit span { color:#009cac; font-weight:bold; }
#certify .certify_box2 .input_box { width:395px; margin:0px 0 0 0; float:left; font-size:12px; color:#444;  }
#certify .certify_box2 .input_box span {width:30px; height: 36px; background: #009cac; border-radius: 5px 0 0 5px; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; text-align: center; line-height: 35px;}
#certify .certify_box2 .input_box select {width:365px;height:36px;border:1px solid #ddd;font-size:16px;color:#666;vertical-align:top; margin-bottom: 10px;padding-left: 7px; }
#certify .certify_box2 .input_box input { width:363px; height:34px; border:1px solid #ddd; color:#232323; font-size:16px; color:#666; text-align:center; margin-bottom:5px; display:inline-block; }
#certify .certify_box2 .input_box .btn_certify {  width:150px; height:38px; border-radius:2px; background:#009cac; text-align:center; line-height:38px; font-weight:bold; font-size:16px; float: right;  /* float:right; margin-left:15px; */}
#certify .certify_box2 .input_box .btn_certify a { color:#fff; }
#certify .certify_box2 .input_box .btn_certify:hover { background-color:#008492; }
#certify .certify_box2 .btn_open {width: 186px; height: 32px; line-height: 30px; background: #009cac; font-size: 14px; color: #fff; font-family:"Nanum Gothic"; font-weight: 600; border-radius: 5px; display: inline-block; text-align: center; margin: 12px 0; cursor:pointer;  }

#certify .certify_box1 {width:100%; height:auto; box-sizing:border-box; border-radius:10px; padding:30px; display:inline-block; border:1px solid #ddd; background:#f6f6f6; margin-top:10px;  margin-bottom:35px;}
#certify .certify_box1 .tit { font-size:18px; color:#666; font-family: "NanumSquareB"; letter-spacing:-0.5px; color:#009cac; font-weight:bold;}
#certify .certify_box1 p {font-size:14px;font-family:"Nanum Gothic";}
#certify .certify_box1 .txt_box { width:100%;}

#certify .certify_box3 {width:100%; height:170px; box-sizing:border-box; border-radius:10px; padding:30px; display:inlㅊㅊine-block; border:2px solid #ff3333; background:#f6f6f6; margin-top:10px;  margin-bottom:35px;}
#certify .certify_box3 .tit { font-size:18px; color:#666; font-family: "NanumSquareB";line-height:24px; letter-spacing:-0.5px; font-weight:bold;float: left;}
#certify .certify_box3 .tit span { color:#ff3333; text-decoration: underline; }
#certify .certify_box3 p {font-size:14px;font-family:"Nanum Gothic";}
#certify .certify_box3 .btn_change {  width:150px; height:38px; border-radius:2px; background:#ff3333; text-align:center; line-height:38px; font-weight:bold; font-size:16px; float: right;  /* float:right; margin-left:15px; */}
#certify .certify_box3 .btn_change a { color:#fff; }
#certify .certify_box3 .btn_change:hover { background-color:#da2d2d; }

#t_certify { border-top:1px solid #999; }
#t_certify tr { padding:15px 0px; font-weight:bold; }
#t_certify tr td { padding:15px 0px; border-bottom:1px solid #ddd; text-align:center; }
#t_certify tr td.l { text-align:left; padding-left:7px}
#t_certify tr td.r { text-align:right; }
.total1 {float:right; padding-bottom:10px; font-size:12px; margin-top:-15px;}

/*AIR 매뉴얼센터*/
#menual {width:805px;}
#menual .menual_box {width:100%; height:262px; box-sizing:border-box; border-radius:10px; padding:40px; display:inline-block; border:1px solid #ddd; background:#f6f6f6; margin-bottom:20px;}
#menual .menual_box img {  float:left;}
#menual .menual_box .txt_box {  float:left; margin:0px 0 0 40px;}
#menual .menual_box .txt_box .tit {font-size:20px; color:#666; font-family: "NanumSquareB"; font-weight: 200; letter-spacing:-0.5px; margin-bottom:20px;  }
#menual .menual_box .txt_box .tit span { color:#009cac; font-weight:bold; }
#menual .menual_box .txt_box .tit1 {font-size:20px; color:#666; font-family: "NanumSquareB"; font-weight: 200; letter-spacing:-0.5px; margin-bottom:15px;  }
#menual .menual_box .txt_box .tit1 span { color:#009cac; font-weight:bold; }
#menual .menual_box .txt_box .btn_menual { width:190px; height:38px; border-radius:2px; background:url(../images/sub03/btn_menual.png) no-repeat 25px 11px #009cac; text-align:center; line-height:36px; font-weight:bold; font-size:16px; margin-top:30px; margin-left:182px; padding-left:20px; box-sizing:border-box; }
#menual .menual_box .txt_box .btn_open {width: 96px; height: 25px; line-height: 24px; border: 1px #ccc solid; background: #fff; font-size: 13px; color: #009cac; font-family:"Nanum Gothic"; font-weight: 600; border-radius: 3px; display: inline-block; text-align: center; margin-left: 10px; cursor:pointer;  }
#menual .menual_box .txt_box .btn_open1 {width:136px; height: 25px; line-height: 24px; border: 1px #ccc solid; background: #fff; font-size: 13px; color: #009cac; font-family:"Nanum Gothic"; font-weight: 600; border-radius: 3px; display: inline-block; text-align: center; margin-left: 10px; cursor:pointer;  }
#menual .menual_box .txt_box .btn_menual a { color:#fff; }
#menual .menual_box .txt_box .btn_menual:hover { background-color:#008492; }
#menual .menual_box .txt_box .btn_menual1 { width:380px; height:46px; border-radius:5px; background:url(../images/sub03/btn_menual.png) no-repeat 40px 15px #009cac; text-align:center; line-height:44px; font-weight:bold; font-size:16px; color:#fff; margin-top:20px; padding-left:15px; box-sizing:border-box; cursor: pointer;}
#menual .menual_box .txt_box .btn_menual1:hover { background-color:#008492; }
#menual .menual_box .txt_box .btn_menual2 { width:380px; height:46px; border-radius:5px; background:url(../images/sub03/btn_menual.png) no-repeat 40px 15px #009cac; text-align:left; line-height:44px; font-weight:bold; font-size:16px; color:#fff; margin-top:10px; padding-left:70px; box-sizing:border-box; cursor: pointer;}
#menual .menual_box .txt_box .btn_menual2:hover { background-color:#008492; }
#layer_update {position: absolute; top:950px; left: 50%; margin-left: -285px; width: 765px; height: 500px; overflow-x:hidden; overflow-y: scroll; background: #fff; z-index: 9999; padding: 20px; border: 1px #ccc solid; }
#layer_update .btn_close { width:29px; height:29px; float:right; background:url('../images/sitemap_close.png'); cursor:pointer; }
#layer_update .btn_close:hover {background:url('../images/sitemap_close_over.png'); }
#layer_update .btn_menual1 { width:750px; height:46px; border-radius:5px; background:url(../images/sub03/btn_menual.png) no-repeat 40px 15px #009cac; text-align:center; line-height:44px; font-weight:bold; font-size:16px; color:#fff; margin-bottom:15px; padding-left:15px; box-sizing:border-box; cursor: pointer;}
#layer_update .btn_menual1:hover { background-color:#008492; }

/*업데이트*/
.update_wrap { widows:805px; height:151px; background:url(../images/sub02/sub02_bg.jpg) no-repeat;}
.update_wrap ul {}
.update_wrap ul li { float:left; cursor:pointer;}
.update { widows:805px; height:139px; margin:30px 0 40px; background:url(../images/sub02/sub02_bg1.jpg) no-repeat;}
.update ul {}
.update ul li { width:155px; height:139px; margin:15px 0; text-align:center;  float:left;}
.update ul li span { font-size:14px; font-weight:bold; color:#009cac;  }

/*맵진/BI*/
.BI_tit { width:805px; font-size:24px; font-weight:lighter; line-height:32px; margin-top:30px; margin-bottom:40px; color:#444; }
.BI_gr {color:#009cac; font-weight:600; }
.BI_bd {font-weight:600; }
.BI { float:right; width:460px; margin-top:15px;}
.BI .tit { font-size:18px; font-weight:600; color:#009cac; margin-bottom:20px;}
.BI .txt {margin-bottom:30px;}

/*맵진 AIR 업데이트 매니저*/
.manager_box { margin-bottom:20px; display:inline-block; }
.manager_box span { font-weight:bold; color:#222; }
.manager_box .manager  {width:805px; height:auto; text-align:left; background:#f6f6f6; float:left; font-size:14px; color:#444; box-sizing:border-box; padding:20px 20px 20px 60px ; position:relative;}
.manager_box .manager_no  {width:34px; height:68px; text-align:center; background:#009cac; float:left; font-size:18px; font-weight:600; color:#fff;  padding-top:22px;  box-sizing:border-box; position:absolute; top:0; left:0;}
.manager_box .manager_l  {width:34px; height:68px; text-align:center; background:#009cac; float:left; font-size:18px; font-weight:600; color:#fff;  padding-top:22px;  box-sizing:border-box;}
.manager_box .manager_r { width:771px; height:68px;  text-align:left; background:#f6f6f6; float:left; font-size:14px; color:#444; padding-top:22px; padding-left:22px; box-sizing:border-box;}
.manager_box .manager_r1 { width:771px; height:68px;  text-align:left; background:#f6f6f6; float:left; font-size:14px; color:#444;  padding-top:12px; padding-left:22px; box-sizing:border-box;}
.manager_box .manager_r1 li { padding-right:50px; margin-top:3px; float:left; font-size:13px; color:#444;  background:url(../images/li_bullet.gif) 0px 7px no-repeat; padding-left:12px;}
.manager_tit {  font-family: "NanumSquareB"; width:805px; text-align:center;font-size:24px; font-weight:600; line-height:30px; margin-top:30px; margin-bottom:0px; color:#444; }
.manager_tit2 { font-size:18px; color:#666; font-family: "NanumSquareB"; letter-spacing:-0.5px; color:#009cac; font-weight:bold;}

.manager_box1 { margin-bottom:20px; display:inline-block; }
.manager_box1 span { font-weight:bold; color:#222; }
.manager_box1 .manager  {width:750px; height:auto; text-align:left; background:#f6f6f6; float:left; font-size:14px; color:#444; box-sizing:border-box; padding:20px 20px 20px 60px ; position:relative;}
.manager_box1 .manager_no  {width:34px; height:68px; text-align:center; background:#009cac; float:left; font-size:18px; font-weight:600; color:#fff;  padding-top:22px;  box-sizing:border-box; position:absolute; top:0; left:0;}
.manager_box1 .manager_l  {width:34px; height:68px; text-align:center; background:#009cac; float:left; font-size:18px; font-weight:600; color:#fff;  padding-top:22px;  box-sizing:border-box;}
.manager_box1 .manager_r { width:714px; height:68px;  text-align:left; background:#f6f6f6; float:left; font-size:14px; color:#444; padding-top:22px; padding-left:22px; box-sizing:border-box;}
.manager_box1 .manager_r1 { width:714px; height:68px;  text-align:left; background:#f6f6f6; float:left; font-size:14px; color:#444;  padding-top:12px; padding-left:22px; box-sizing:border-box;}
.manager_box1 .manager_r1 li { padding-right:50px; margin-top:3px; float:left; font-size:13px; color:#444;  background:url(../images/li_bullet.gif) 0px 7px no-repeat; padding-left:12px;}
.manager_tit1 {  font-family: "NanumSquareB"; width:805px; text-align:center;font-size:24px; font-weight:600; line-height:30px; margin-top:30px; margin-bottom:0px; color:#444; }

/*SLink*/
.SLink_tit {  font-family: "NanumSquareB"; width:805px; text-align:center; font-size:24px; font-weight:lighter; line-height:30px; margin-top:30px; margin-bottom:20px; color:#444; }
.SLink_gr {color:#009cac; font-weight:600; }
.SLink_bd {font-weight:600; }
.SLink_exp { font-size:16px; line-height:24px; margin-bottom:30px; margin-left:190px; color:#444;}
.SLink_exp span { color:#222; font-weight:bold; }
.SLink_box {width:100%; box-sizing:border-box; border-radius:10px; padding:30px; display:inline-block; border:1px solid #ddd; background:#f6f6f6; margin-bottom:20px; display: inline-block;}
.SLink_box .SLink_l {width:352px; float:left; margin-right:30px;}
.SLink_box .SLink_r {width:358px; float:left; display:inline-block;}
.SLink_box .SLink {width:100%; display:inline-block; margin-bottom:20px;}
.SLink_box .con_img { float:left; margin-right:30px; }
.SLink_box .con_txt { width:358px; float:left; }
.SLink_box .con_txt1 { width:358px; float:left; font-family: "NanumSquare";  font-size:16px; font-weight:400; line-height:26px; margin-top:30px; }
.SLink_box .con_txt2 { width:100%; }
.SLink_box .con_txt2 p span.no {  width: 30px; height: 30px; border-radius:3px; padding:5px; color: #fff; line-height: 30px; background: #009cac;  box-sizing:border-box;  display:inline-block;}
.SLink_box .con_txt2 .h4span {font-size:16px; color:#f00;font-family:'Nanum Gothic'; line-height:18px; padding-top:5px; margin-left:10px; text-align: center; width: auto; display: inline-block; border-top: none; }

/*전용기 AIR SW*/
.sw_tit {  font-family: "NanumSquareB"; width:805px; text-align:left;font-size:24px; font-weight:lighter; line-height:30px; margin-top:30px; margin-bottom:20px; color:#444; }
.sw_gr {color:#009cac; font-weight:600; }
.sw_bd {font-weight:600; }

.notice_fix{
	background: #f9f9f9;
    color: #ff410a!important;
	font-weight: bold!important;
}



.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1000;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}