@import url(css/nanumbarungothic.css);


*{margin:0; padding:0;box-sizing:border-box;letter-spacing:-0.02em; }
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Barun Gothic' , sans-serif;color:#505050; background:#f3f2f1;}
div {display:block;}

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

/* 공통 */
#wrap {width:100%; min-width:1100px; text-align:center; margin:auto;}
#header {width:100%; min-width:1100px; height:226px;position:relative;margin:auto;background:#fff;}
#header .member {width:100%; min-width:1100px; margin:0 auto; font-size:13px; color:#fff;background:#cb0900;height:29px;line-height:29px;font-family:'NanumSquare';}
#header .member div {width:1100px;margin:0 auto;}
#header .member ul {float:right;}
#header .member ul li {float:left;padding:0 10px;}
#header .member ul li.ver {background:#772712;padding:0 10px;}
#header .member ul li.ver img {padding:6px 5px 0 5px;}


#header #header_area {width:1100px;margin:auto;text-align:center;height:76px;}
#header #header_area .logo {float:left;margin-top:21px;}

#header #gnb {height:37px;display:inline-block;line-height:38px;float:right;margin-top:40px;}
#header #gnb > ul > li {white-space: nowrap;height:37px;color:#505050;font-size:17px;float:left;display:inline-block;padding-left:100px;font-weight:300;letter-spacing:0.5px;}
#header #gnb > ul > li:first-child {}
#header #gnb .subnav { margin:auto;
width:160px;
 background:url(images/gnb_sub.png) top center no-repeat; 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  font-size:13px;
  color:#f2b0ae;  
  margin-left:-52px;
  margin-top:-8px;
 }
#header #gnb dl {margin-top:6px;text-align:center;background:#cb0900;display:inline-block;width:160px;}
#header #gnb dd {padding:10px 0;line-height:13px;border-bottom:1px #e37a75 solid;}
#header #gnb dd:first-child {margin:0;}
#header #gnb .subnav a {display:block;}
#header #gnb .subnav a:hover {color:#fff;font-weight:bold;}


#header .header_mark {border-top:1px #dbd6d3 solid;line-height:0;}
#header .header_mark ul {width:1100px;margin:auto;display:inline-block}
#header .header_mark ul li {float:left;}

/* 메인 컨테이너 */
#main {width:1100px;margin:22px auto;display:inline-block;position:relative;}
#main .main_sl1 {width:100%; min-width:1100px; background:url(images/main_sl1.jpg) top center;height:502px;}
#main .main_sl2 {width:100%; min-width:1100px; background:url(images/main_sl2.jpg) top center;height:502px;}
#main .main_product {border:1px #cbc6c4 solid;margin-top:19px;background:#fff;width:100%;padding:28px;}
#main .main_product .title {width:100%;border-bottom:1px #dbd6d3 solid;text-align:left;margin-bottom:30px;}
#main .main_product .title h3 {color:#4b2b19;font-size:22px;padding-bottom:13px;font-weight:normal;font-family: 'NanumSquare';}
#main .main_product .owl-carousel img.product {width:200px; height:auto;}
#main .main_product .owl-carousel p {color:#572810;font-size:15px;margin:7px auto;}
#main .main_product .owl-carousel item {width:200px;}
#main .main_icon {width:1100px; margin:19px auto 0;}
#main .main_icon li {float:left;}
.notice {width:375px;height:271px;background-color:#62554e;}
.notice .output {padding:30px;padding-top:0;color:#fff;font-size:14px;line-height:1.5;text-align:left;}




#footer {width:100%; min-width:1100px;margin:auto;display:inline-block;position:relative;height:100px;background:#fff;border-top:1px #beb9b5 solid;}
#footer .footer_area {widtn:1100px; margin:auto;display:inline-block;margin-top:8px;}
#footer .footer_area .footer_mark {float:right;}
#footer .footer_area .footer_mark li {float:left;padding-left:5px;}
#footer .footer_txt {width:1100px;margin:auto;font-size:12px;color:#59524f;letter-spacing:-0.5px;line-height:170%;text-align:left;margin-top:15px;}
#footer .footer_txt span {padding-right:15px;}



/* 서브 */
#container {width:1100px; margin:22px auto; display:inline-block; background:#fff; border:1px #d8d4d1 solid;}


#container #sub_left {width:200px;float:left;}
#container #sub_left .snb {width:100%;line-height:44px;font-size:14px;}
#container #sub_left .snb li {border-bottom:1px #e0e0e0 solid;text-align:left;color:#4b2b19;}
#container #sub_left .snb li a {display:block;padding-left:25px;}
#container #sub_left .snb li a.on {color:#cb0900; border-right:4px #cb0900 solid;}
#container #sub_left .snb li a:hover {color:#cb0900; border-right:4px #cb0900 solid;}


#container #sub_right {width:898px; float:right;border-left:1px #e0e0e0 solid;padding-left:48px;}
#container #sub_right .sub_title {width:800px;text-align:left; border-bottom:1px #e0e0e0 solid;height:179px; font-family: 'NanumSquare'; background:url(images/sub_title_bg.gif) left top no-repeat; }
#container #sub_right .sub_title h2 {font-size:36px; color:#4b2b19;letter-spacing:-2px;padding-top:48px;margin-bottom:13px;}
#container #sub_right .sub_title p {font-size:11px;color:#aaaaaa;margin-top:28px;float:right;line-height:11px; font-weight:100;}


#container #sub_right .sub_content {margin:36px 0;width:800px;text-align:left;}
#container #sub_right .sub_content ul.map {width:100%;display:inline-block;}
#container #sub_right .sub_content ul.map li {float:left;}


#container #sub_right .sub_content .product_box {width:100%;margin-bottom:60px;font-size:13px;line-height:0;border:1px #e0e0e0 solid;}
#container #sub_right .sub_content .product_box > ul {width:100%;display:inline-block;}
#container #sub_right .sub_content .product_box > ul > li {float:left;padding:10px;}
#container #sub_right .sub_content .product_box > ul > li.pro_img {text-align:center;width:50%;}
#container #sub_right .sub_content .product_box > ul > li.pro_img .flexslider {margin:5px auto;width:95%;}
#container #sub_right .sub_content .product_box > ul > li.pro_img .flexslider img {width:100%;height:auto;}

#container #sub_right .sub_content .product_box > ul > li.pro_info {width:50%;margin:13px auto;padding-right:20px;line-height:160%;}
#container #sub_right .sub_content .product_box > ul > li.pro_info dl {width:100%;}
#container #sub_right .sub_content .product_box > ul > li.pro_info dl dd.title {width:20%;color:#cb0900;float:left;}
#container #sub_right .sub_content .product_box > ul > li.pro_info dl dd.title.info_title {margin-top:14px;}
#container #sub_right .sub_content .product_box > ul > li.pro_info dl dd.title.long {width:100%;}
#container #sub_right .sub_content .product_box > ul > li.pro_info dl dd.text_box {width:100%;display:inline-block;margin-bottom:15px;}

#container #sub_right .sub_content .product_box > ul > li.pro_table {width:100%;padding:0;}
#container #sub_right .sub_content .product_box > ul > li.pro_table table th {padding:7px 25px 7px 30px;border-top:1px #e0e0e0 solid;vertical-align:middle;width:15%;}
#container #sub_right .sub_content .product_box > ul > li.pro_table table th.right {border-left:1px #e0e0e0 solid;}
#container #sub_right .sub_content .product_box > ul > li.pro_table table td {padding:2px 0;border-top:1px #e0e0e0 solid;vertical-align:middle;line-height:150%;}
#container #sub_right .sub_content .product_box > ul > li.pro_table table .bold {font-weight:bold;}


#container #sub_right .sub_content .product_box > .link_box {width:100%;border-bottom:1px #e0e0e0 solid;height:35px;line-height:28px;text-align:center;font-weight:bold;}
#container #sub_right .sub_content .product_box > .link_box i {padding:0 5px;}



#container #sub_right .sub_content .table {border-top:2px #2a6fc5 solid; font-size:13px;margin-bottom:40px;}
#container #sub_right .sub_content .table th {background:#092a4d;color:#fff;border-left:1px #123d6a solid;border-bottom:1px #123d6a solid;}
#container #sub_right .sub_content .table td {text-align:left;line-height:160%;border-left:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;}
#container #sub_right .sub_content .table th,.table td {padding:6px 15px;}
#container #sub_right .sub_content .table .td_head {border-left:0;}
#container #sub_right .sub_content .table .td_subhead {background:#2a6fc5; color:#fff;}




#gallery {width:100%;margin:auto;display:inline-block;}
#gallery ul {position:relative;float:right;left:-50%;}
#gallery li {float:left;display:block;height:290px;position:relative;left:50%;border:1px #fff solid;margin:0 9px 18px;color:#808080;cursor:pointer;background:#f5f5f5;}
#gallery li:hover {color:#505050;border:1px #c0c0c0 solid;}
#gallery li p {width:100%;text-align:center;font-size:13px;line-height:30px;}
.fancybox-custom .fancybox-skin {box-shadow: 0 0 30px #888;}
.fancybox {display:block;}