@charset "utf-8";
@import url("style_common.css");

/*--------------------------- Layout ------------------------------*/

/* top image */
.sub_img_wrap {clear:both; width:100%; height:88px; background:#f5f5f5; }
.sub_img_wrap .sub_img {width:1200px; height:88px; margin:0 auto; }


/* contents */
._container {clear:both; width:1200px; height:auto; margin:0 auto; margin-top:12px;}
._container:after {clear:both; content:""; display:block; height:0px;}
._container .left_aside {float:right; width:200px; overflow:hidden;}
._container .left_aside .left_banner {margin-top:49px;}
._container .left_aside .left_banner ul {}
._container .left_aside .left_banner ul li {float:left; margin-bottom:5px;}

/* body */
._container ._contents {float:left; width:970px; margin-left:15px;}
._container ._contents .body_head {width:100%; height:50px; border-bottom:1px solid #cecece;}
._container ._contents .body_head h2 {float:left; display:inline-block;margin-bottom:0px;
 	font-size:30px; 
 	color:#00a9c7; 
	letter-spacing:-2px;
    font-weight: 300 !important;
	font-family: "open-sans",sans-serif !important; 
	letter-spacing:-1px; 
	font-family: sans-serif !important;	 padding:7px 0;}

._container ._contents .body_content { padding-top:20px; }


/*----------------------------------- pages -------------------------------------*/
.body_style {}
.body_style h2 {font-size:42px; letter-spacing:-2px; font-weight:normal;}
.body_style h3 {font-size:17px; color:#3f3f3f; padding-left:5px; border-left:6px solid #edb72b; margin:10px 0;}
.body_style p { white-space:pre-line;display:block;line-height:160%; font-family: "open-sans",sans-serif !important; font-size:15px; color:#000; letter-spacing:0px;}
.body_style ul {margin:0; padding:0; list-style:none; margin-left:0px; margin-top:0px;}
.body_style ul li {padding:3px 0 0px 10px;  background:url(/images/main/list_dot.gif) left center no-repeat; font-size:14px; color:#6b6b6b;  font-family: "open-sans",sans-serif !important; letter-spacing:0px;}
.body_style span {display:block; margin-top:15px; font-size:15px; font-family: "open-sans",sans-serif !important; letter-spacing:0px;}

.body_img_style {margin-bottom:30px;}
.body_img_style h3 {font-size:17px; color:#3f3f3f; padding-left:5px; margin:10px 0; border-left:6px solid #edb72b; }
.body_img_style h3 span {float:right; font-size:12px; color:#bfbfbf; margin-top:5px;}
.body_img_style p {white-space:pre-line;  font-family:Arial, sans-serif !important; letter-spacing:0px;}
.body_img_style ul {clear:both; margin:0; padding:0; list-style:none; margin-left:20px; margin-top:-40px;}
.body_img_style ul li {padding-left:10px;  background:url(/images/main/list_dot.gif) left center no-repeat;  font-family:Arial, sans-serif !important; letter-spacing:0px;}

table.tbl_rps {}
table.tbl_rps th {text-align:center; padding:5px; background:#EAEAEA}
table.tbl_rps td { padding:5px;}

.map {width:100%; height:415px; background:#f6f6f6 23px 24px no-repeat;background-image:url(/images/company/map.gif);}
.map .country {float:right; width:386px; height:auto;}
.map .country ul {width:80%;margin:45px 0 0 45px;}
.map .country ul li {padding-bottom:20px; padding-left:5px;}
.map .country ul li:hover {}
.map .country ul li > strong {display:block; font-family: "open-sans",sans-serif !important; letter-spacing:0px; color:#c99204;}
.map .country ul li > strong a {color:#000; line-height:150%; color:#c99204;}
.map .country ul li > strong a img {vertical-align:middle; margin-left:5px;}
.map .country ul li p { white-space:pre-line;font-size:11px; line-height:170%;font-family: "open-sans",sans-serif !important; letter-spacing:0px; color:#676767;}
.map .country ul li p strong {color:#000; font-family: "open-sans",sans-serif !important; font-weight:600;}
.map_mobile {display:none;}

@media all and (max-width:768px) {
	.map_mobile {display:block;  background-image:none !important;}
	.map {height:auto;;}
	.country {float:none; width:100%;}
	.map .country ul {margin-top:20px;}
	
	.body_style p {font-size:100% !important;}
	.body_img_style h3 span {display:none;}	
	
}
/*----- 제품소개 -----*/

/* left category */
.product_category {padding:14px; background:#eeeeee;}
.product_category .left_title_product {width:100%; height:29px; background:#18b8e7;}
.product_category .left_title_product  h2 {font-size:11px; color:#fff; text-align:center; font-family:"돋움" !important;  font-weight:bold ; letter-spacing:1px !important; line-height:250%;}
.snb_product {width:100%; }
.snb_product > ul {width:100%;}
.snb_product > ul > li {background:url(../images/common/icon_plus.gif) #7f7f7f 155px 10px no-repeat; margin-bottom:1px; }
a.on {background:url(../images/common/icon_minus.gif) #011f43 155px 10px no-repeat !important;}
.snb_product > ul > li > a {display:block; color:#fff; padding:7px; font-family:"돋움" !important; font-weight:bold; letter-spacing:0px; }
.snb_product > ul > li > a:hover {background:url(../images/common/icon_plus.gif) #011f43 155px 10px no-repeat; text-decoration:none !important; color:#18b8e7 !important;}
.snb_product > ul > li > ul {background:#f3f3f3;}
.snb_product > ul > li > ul > li {border-bottom:dotted 1px #ccc; }
a.subon {background:url(../images/common/arrow_down.gif) 155px 11px no-repeat !important;}
.snb_product > ul > li > ul > li:last-child {border-bottom:none !important; }
.snb_product > ul > li > ul > li > a {display:block; color:#000; padding:7px; letter-spacing:0px; font-family:"돋움" !important; background:url(../images/common/arrow_right.gif) 155px 11px no-repeat;} 
.snb_product > ul > li > ul > li > a:hover {text-decoration:none !important; color:#18b8e7 !important;}
.snb_product > ul > li > ul > li ul {background:#fdfdfd; padding:7px 0; margin-bottom:10px;}
.snb_product > ul > li > ul > li ul li {background:url(../images/common/category_dot.gif) 10px center no-repeat;}
.snb_product > ul > li > ul > li ul li a {display:block; color:#000;  letter-spacing:0px; font-family:"돋움" !important; font-size:11px;color:#000; font-weight:normal; padding:3px; padding-left:20px;}
.snb_product > ul > li > ul > li ul li a:hover {text-decoration:none !important; color:#18b8e7 !important;}

.prd_search {position:relative;}
.prd_search input {width:235px; height:38px; padding:10px; border:1px solid #000; font-size:14px; line-height:100%;  font-family:Arial, sans-serif !important; letter-spacing:0px; }
.prd_search input[placeholder] {text-transform:capitalize; }
.prd_search img {}

/* page category */
.cur_category {width:100%; height:auto; padding:0px; background:#fff;  
	
	-o-border-radius:5px; 
	-ms-border-radius:5px;
	 -moz-border-radius:5px; 
	 -webkit-border-radius:5px; 
	 border-radius:5px;	 
	 display:inline-block;
 }
.cur_category ul {float:left; margin-left:0px;}
.cur_category ul li {float:left; color:#999; font-size:12px; line-height:270%; padding-right:18px; padding-left:10px; background:url(../images/common/cate_sec.png) right center no-repeat;}
.cur_category ul li:last-child {background:none;}
.cur_category select {float:right; min-width:190px; height:26px; padding-left:10px; margin-top:7px; margin-right:3px; font-family:notokr-regular !important; }

@media all and (max-width:768px) {
	.cur_category ul li { font-size:12px; }
	.cur_category select {width:100%; margin-top:5px;}
	
	.prd_search {width:100%; margin-bottom:10px;}
	.prd_search input {width:100%;}
	.prd_search a {position:absolute; top:0px; right:0;}
	
}

/* 제품 리스트 */
.item_box {float:left; width:100%; padding:5px 0 15px 0; border-bottom:1px solid #d4d4d4; display:inline-block;}
.item_box .lst_con {float:left; width:229px; height:auto; margin-left:17px;}
.item_box .lst_con:first-child {margin-left:0;}
.item_box .lst_con .thumb_img {float:left; width:100%; height:173px; padding:9px; overflow:hidden; border:1px solid #dfdfdf;}
.item_box .lst_con .thumb_img img {width:100%; height:152px !important; }
.item_box .lst_con .prd_info {width:100%; height:auto;}
.item_box .lst_con .prd_info h2 {float:left; width:100%; display:block; font-size:15px; color:#0034b4; padding:5px 0; text-align:center;}
.item_box .lst_con .prd_info h2 a {color:#000; font-family: "open-sans",sans-serif !important; font-weight:500; text-decoration:underline; padding-top:5px;}
.item_box .lst_con .prd_info strong {float:left; display:block; width:100%; text-align:center; white-space:pre-line;  font-family: "open-sans",sans-serif !important;}
.item_box .lst_con .prd_info span {float:left; display:block; width:100%;  text-align:center; font-family: "open-sans",sans-serif !important;}
.pageing {clear:both; padding-top:20px;}

@media all and (max-width:768px){
	.item_box .lst_con  {width:48%; height:auto; margin-left:2%; margin-bottom:4%; }
	.item_box .lst_con .thumb_img { height:auto;}
	.item_box .lst_con .thumb_img img {width:100%; height:auto;}
}

/* 제품상세 */
.product_info_box {width:970px; height:447px; }
.product_info_box .img_box {float:left; width:525px; height:447px; overflow:hidden;}
.product_info_box .img_box .big_img {position:relative; width:525px; height:364px; overflow:hidden !important;}
.product_info_box .img_box .big_img img {position:absolute; width:525px; overflow:hidden;}
.product_info_box .img_box ul {margin-top:13px;}
.product_info_box .img_box ul li {float:left; width:96px !important; height:67px; overflow:hidden; border:1px solid #eaeaea; margin-left:11.25px;}
.product_info_box .img_box ul li img {width:100%; height:auto;}
.product_info_box .img_box ul li:first-child {margin-left:0;}
.product_info {float:right; width:411px; height:447px; overflow:hidden;}
.product_info h2 {height:37px; font-size:22px; font-weight:bold; line-height:150%; padding-left:14px; color:#000; border-left:5px solid #ff6600;}
.product_info table {font-family:"Nanum Gothic" !important; font-size:14px; margin-top:20px;}
.product_info table tr {border-top:1px solid #ccc;}
.product_info table th {background:#f6f6f6;padding:9px 10px; width:100px; font-family:"Nanum Gothic" !important; letter-spacing:0px;}
.product_info table td {padding:9px; font-family:"Nanum Gothic" !important; letter-spacing:0px;}
.product_info table dl {}
.product_info table dl dt {font-family:"Nanum Gothic" !important;}
.product_info table dl dd {height:65px; overflow:auto; font-family:"dotum" !important; letter-spacing:0px; font-size:13px; white-space:pre-line; color:#7f7f7f; padding:5px 0;}
.product_info table td.price {color:#dd0000; font-weight:bold;}
.btn_estimate {margin-top:12px;}
.detail_info {border-top:1px solid #ccc; padding:30px 0; margin-top:10px; font-family:"NanUm Gothic" !important; font-size:13px; letter-spacing:0px; line-height:200%;}

@media all and (max-width:768px){
	.item_box {padding-bottom:0px;}
	.item_box .lst_con .thumb_img {width:100% !important; height:127px !important;}
	.item_box .lst_con .thumb_img img {width:100% important; height:107px !important; }
	.item_box .lst_con .prd_info h2 {font-size:16px; padding-bottom:0px;}
	.product_info_box {width:100%; height:auto; }
	.product_info_box .img_box {float:left; width:100%; height:auto; overflow:hidden;}
	.product_info_box .img_box .big_img {float:left; width:100%; height:245px; overflow:hidden;}
	.product_info_box .img_box .big_img img {width:100% !important; height:250px !important;}
	.product_info_box .img_box ul {float:left; width:100%;}
	.product_info_box .img_box ul li {width:19.2% !important; height:50px; margin-left:1%;}
	.product_info_box .img_box ul li img {width:100% !important; height:100% !important;}
	.product_info {width:100%; margin-top:20px;}
	.product_info h2 {font-size:18px; height:26px; letter-spacing:0px;}
}

/* 회사소개 */
table.com_info {font-size:14px;}
table.com_info th {padding:10px 20px; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
table.com_info td {padding:10px 20px;  border-top:1px solid #ccc; border-bottom:1px solid #ccc;}


/*----- 기타공용 -----*/
.boder-top-black {border-top:1px solid #000;}
.boder-top {border-top:1px solid #c8c8c8;}
.boder-bottom {border-bottom:1px solid #c8c8c8;}
.pre-line {white-space: pre-line}
.line-height-18 {line-height:18px;}
.line-height-21 {line-height:21px;}
.line-height-30 {line-height:30px;}
.MT20 {margin-top:20px;}
.MT30 {margin-top:30px;}
.MT40 {margin-top:40px;}
.MT50 {margin-top:50px;}
.FL {float:left;}
.FR {float:right;}
.CENTER {text-align:center;}
.pagination .active {background:#363636 !important;}
.txt_center {text-align:center;}
.font15 {font-size:15px !important;}