/*************************************************************************************************/
/* header ¼³Á¤ */
/**************************************************************************************************/
#header { }
#header > li { position:relative; }
#header > li.row1 { height:50px;background-color:#ffffff; }
#header > li.row1 .logo { display:block; float:left; width:50%; height:55px; background:url("../../images/logo.png") 10px 30% no-repeat; }

#header > li.row1-1 { height:40px;border-bottom:0px solid #006300;}
#header > li.row1-1 .all_sh_form { height:30px; line-height:30px; margin-top:0px; overflow:hidden; }
#header > li.row1-1 .input_search { float:left; height:24px; line-height:30px;width:50%;}
#header > li.row1-1 .btn_search { float:left; display:block; width:31px; height:26px; margin:1px 10px 8px 0px; }
#header > li.row1-1 .btn_search > img { width:100%; }
#header > li.row1-1 > a {color:#FFFFFF;}

#header .LMenu { width:100%; float:left; }
#header .LMenu td { overflow:hidden; }
#header .LMenu td .allmenu { display:block; width:100%; }
#header .LMenu td img { width:100%; }

#header > .row2 { clear:both; height:0px; }
.allmenu_div { display:none; position:relative; clear:both; width:100%; padding:0px; z-index:999; background-color:#ffffff; border-bottom:1px solid #cbcbcb; border:0px solid #000000;}
.allmenu_div .member_info { display:inline-block; width:100%; padding:0px; font-size:1em; font-weight:bold; }
.allmenu_div .member_info .member_info1 { background-color:#ececee; padding:5px 10px; border:1px solid #cccccc; border-radius:3px; }
.allmenu_div .member_info .member_info2 { float:left; display:block; text-align:center;width:46%; height:19px; background-color:#ececee; padding:5px 1%; margin-top:10px; margin-right:1%; border:1px solid #cccccc; border-radius:3px; background-color:#ececee;}
.allmenu_div .member_info .member_info3 { float:right; display:block; text-align:center;width:46%; height:19px; background-color:#ececee; padding:5px 1%; margin-top:10px; border:1px solid #cccccc; border-radius:3px; background-color:#ececee;}
.allmenu_div > .title { clear:both; height:30px; line-height:40px; font-size:1.125em; font-weight:bold;border-bottom:1px solid #616161;background-color:#616161;text-align:center;color:#FFFFFF;font-size:16px;height:40px;}
.allmenu_div > li.menu_deph1 { margin-top:1px;} 
.allmenu_div > li > dd { display:block; font-size:1.5em; font-weight:bold; color:#525251; background:#FFFFFF url("../../images/plus.png") 10px 50% no-repeat; border:0px solid #FFFFFF; border-radius:0px;height:30px;padding-left:40px;padding-top:15px;border-bottom:1px solid #999999;}
.allmenu_div > li > dd.select { color:#6aab21; background:#ffffff url("../../images/minus.png") 10px 50% no-repeat;border-bottom:1px solid #FFFFFF; }

.allmenu_div > li > div.menu_deph2 { display:inline-block; width:100%; background:#FFFFFF; border:0px solid #000000; border-top:0px solid #cccccc; }
.allmenu_div > li > div > a { display:block; float:left; width:49%; padding:5px 0px; text-align:center; font-size:1.4em;background:#FFFFFF;border:1px solid #E1E1E1;margin:0px auto; }

#header > li.row3 { clear:both; background-color:#efefef; }
#header > li.row3 > a.mainmenu { display:block; float:left; width:25%; height:40px; line-height:45px; text-align:center; font-size:12px; font-weight:bold; color:#525251; background:url("../../images/menu_bar.png") 100%  50% no-repeat; }
/*#header > li.row3 > a.select_menu { color:#57b42b; }*/

/*************************************************************************************************/
/* footer ¼³Á¤ */
/*************************************************************************************************/
#footer { clear:both; display:inline-block; background:#333333; width:100%;}
#footer > ul { height:35px; background:url('../../images/cp_bg.jpg')repeat; border-top:0px solid #111111; border-bottom:0px solid #cbcbcb;border:0px solid #000000 }
#footer > ul > li { display:block; float:left; width:25%; height:35px; line-height:35px; text-align:center; }
#footer > ul > li > a { display:block;font-size:1.0em; color:#747373;}
#footer > #gup_footer { padding-top:10px;padding-left:0px;margin:0px;width:100%}
#footer > #gup_footer table td{color:#999}
#footer > #gup_footer > span { display:block; float:left; color:#bbbbbb; font-size:0.938em;margin:0px 0px;padding:0px 0px 0px 0px;}


/*************************************************************************************************/
/* main ¼³Á¤ */
/*************************************************************************************************/
#main_section { clear:both; padding-bottom:30px; overflow:hidden; }
#gup_visual { margin:0px; overflow:hidden; }
#gup_visual img { display:block; width:100%; border-radius:0px; text-align:center; }

#gup_visual_btn { clear:both; height:24px; margin:0px auto;border:0px solid #000000;width:70px; }
#gup_visual_btn > a { display:block; float:left; width:14px; height:14px; margin:1px; background:url("../../images/btn_visual.png") -14px 0px no-repeat; background-size:200%; color:transparent;text-align:center; }
#gup_visual_btn > a.activeSlide { background-position:0px; }

.customer { height:50px; margin-top:10px; border:0px solid #828282; }
.customer > li { float:left; padding:10px 0px; font-size:1.1em; color:#363636; text-align:center; }
.customer > li > span { color:#fa4940; font-weight:bold; }
#tel_box { position:absolute; left:50%; top:0px; width:200px; padding:10px; margin-left:-100px; background:url("../../images/tel_bg.jpg") 0 0 no-repeat; overflow:hidden; border-radius:5px; z-index:9; }
.tel_close { display:block; float:right; width:16px; height:16px; text-align:center; line-height:16px; border:1px solid #ffffff;}
#tel_box > p { height:30px; line-height:30px; color:#ffffff; text-align:left; font-size:1.4em; font-weight:bold; }
#tel_box > li { width:100%; min-height:30px; padding:10px 20px; border-bottom:1px dotted #a9a9a9; background:#ffffff; font-size:1.5em; font-weight:bold; }
.btn_tel { font-weight:bold; font-size:1.2em; }

/*************************************************************************************************/
/* ¼­ºê °øÅë ¼³Á¤ */
/*************************************************************************************************/
#sub_section { clear:both; padding-bottom:30px; overflow:hidden; }
.sub_title {width:100%; font-size:2.0em; font-weight:bold; text-align:center;color:#212121;border-bottom:0px solid #333333;line-height:normal;padding:20px;}
.sub_title2 { padding:15px 0px; font-size:2.0em; font-weight:bold; text-align:center;color:#212121;border-bottom:0px solid #333333;background:url("../images/tit_bg.jpg") repeat;text-align:left;padding-left:10px;background-color:#ffffff}
ul.content_title { clear:both; height:30px; margin:0px 10px; }
ul.content_title > li.col1 { float:left; width:5px; height:18px; background:#243b9f;margin-top:5px; }
ul.content_title > li.col2 { float:left; height:26px; line-height:30px; padding-left:3px; font-size:1.5em; font-weight:bold; color:#393837; }
.sangdam { position:fixed; right:5%; top:50%; width:15%; height:15%; display:block; }
.sangdam > img { width:100%; }



.mm1 {color:#FFFFFF;font-size:13px;font-family:Malgun Gothic;}

/*************************************************************************************************/
/* »óÇ°¸®½ºÆ® °øÅë ¼³Á¤ */
/*************************************************************************************************/
.prod_title { clear:both; height:40px; line-height:30px; padding-top:6px; padding-left:10px; font-size:1.6em; color:#393837; font-weight:bold;}
.prod_title > select { float:right; }
.prod_title > .path { float:right; font-weight:normal; font-size:11px; vertical-align:bottom;padding-right:10px }

.prod_list { clear:both; }
.prod_list li { float:left; margin:1%; overflow:hidden; /*border:1px solid green;*/ }
.prod_list li.col50 { width:48%;}
.prod_list li.col30 { width:31%; }
.prod_list li img { width:100%; margin-bottom:1px; padding:4px 4px 0px 4px; border:0px solid #E1E1E1; border-radius:0px;box-sizing:border-box;background-color:#FFFFFF;text-align:center;}/* box-sizing:border-box; */
.prod_list li span { min-height:15px; line-height:15px; padding:0px 0px; margin-top:1px; }
.prod_list li .prod_name { display:block;font-size:9pt; text-align:center; overflow:hidden;border:0px solid #888888;height:10px }
.prod_list li .prod_opt1 { display:block; font-size:9pt; text-align:center; overflow:hidden; }

.prod_content_img {margin:0px 5px auto; padding-bottom:0px; border-bottom:0px solid #243b9f;width:100%}
.prod_content_img > .bigimg { width:97% }
.prod_content_img > .bigimg > img { width:98%;border-radius:0px;margin:4px; padding:4px; border:1px solid #E1E1E1; border-radius:0px;box-sizing:border-box;background-color:#FFFFFF}
.prod_content_img > .smallimg {width:97%;margin:0px auto;border:0px solid #000;  }
.prod_content_img > .smallimg > img { float:left; width:17%; height:60px;margin:2px;border-radius:0px;padding:2px; border:1px solid #E1E1E1; border-radius:0px;box-sizing:border-box;background-color:#FFFFFF }

.prod_content { display:inline-block; margin:10px 10px 20px 10px; }
.prod_content > li { float:left; min-height:50px; line-height:50px; padding:0px 10px; border-bottom:1px solid #cccccc; }
.prod_content > li.col_con { width:100%; line-height:150%; padding-bottom:20px; }
.prod_content > li.col25 { width:25%; }
.prod_content > li.col35 { width:35%; }
.prod_content > li.col40 { width:40%; }
.prod_content > li.col50 { width:50%; }
.prod_content > li.col100 { width:100%; }

.mainlist-type ul {overflow:hidden;margin:3px 4px 0;}
.mainlist-type ul li {display:inline-block; width:33%; padding:4px; box-sizing:border-box;  -webkit-box-sizing:border-box; overflow:hidden;}
.mainlist-type ul li a {display:inline-block; width:100%; padding-bottom:5px;}
.mainlist-type ul li .thumb {padding:3px; border:1px solid #d4d4d4; border-radius:5px; line-height:0; font-size:0;}
.mainlist-type ul li .thumb img {width:100%;height: auto; border-radius:3px;}


/*************************************************************************************************/
/* ¹öÆ° °øÅë ¼³Á¤ */
/*************************************************************************************************/
.btn_area { margin:20px auto; text-align:center; }
.btn_s { padding:2px 5px; }
.btn_m { padding:2px 5px; }
.btn_l { padding:4px 20px; }
.btn_ok { width:60px; height:60px; line-height:60px; text-align:center; }


.btn_bg_gray {
	border:1px solid #555;
	background:#555;
	color:#fff; 
	font-weight:normal; 
}
.btn_bg_gray2 {
	border:1px solid #63729b;
	background:#63729b;
	color:#fff; 
	font-weight:normal; 
}


.btn_bg_green {	
	color:#ffffff; 
	font-weight:bold; border-radius:3px;
	border:2px solid #243b9f;/*Å×µÎ¸®*/
	background: rgb(95,140,201); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(95,140,201,1) 0%, rgba(38,84,160,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,140,201,1)), color-stop(100%,rgba(38,84,160,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(95,140,201,1) 0%,rgba(38,84,160,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(95,140,201,1) 0%,rgba(38,84,160,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(95,140,201,1) 0%,rgba(38,84,160,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(95,140,201,1) 0%,rgba(38,84,160,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8cc9', endColorstr='#2654a0',GradientType=0 ); /* IE6-9 */
}

.btn_line_green {	
	font-weight:normal; border-radius:0px;
	background-color:#ffffff;
	border:1px solid #243b9f;
	border-radius:0px;	
	font-size:11pt;
}

.btn_bg_orange {	
	color:#ffffff; 
	font-weight:normal; border-radius:0px;
	border:1px solid #ff4800;
	background:#ff4800;
}

.btn_bg_yellow {	
	color:#ffffff; 
	font-weight:bold; border-radius:3px;
	border:2px solid #ffae00;
	background: rgb(253,222,143); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(253,222,143,1) 0%, rgba(255,176,7,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,222,143,1)), color-stop(100%,rgba(255,176,7,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,222,143,1) 0%,rgba(255,176,7,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,222,143,1) 0%,rgba(255,176,7,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,222,143,1) 0%,rgba(255,176,7,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,222,143,1) 0%,rgba(255,176,7,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdde8f', endColorstr='#ffb007',GradientType=0 ); /* IE6-9 */
}

/* mobile */
.mo-t1{FONT-SIZE: 16px;letter-spacing:-1px; line-height: 150%;color:212121;font-weight:bold}
.btn_big {float:center; display:block; text-align:center;font-size:14pt;width:96%;height:42px;line-height:42px; background-color:#ffffff; border:1px solid #cccccc; border-radius:0px;}
.btn_big2 {float:center; display:block; text-align:center;font-size:14pt;width:96%;height:42px;line-height:42px; background-color:#4c4c4c; border:1px solid #4c4c4c; border-radius:0px;color:#FFFFFF;}
.btn_big3 {float:center; display:block; text-align:center;font-size:14pt;width:70%;height:42px;line-height:40px; background-color:#ececee; border:1px solid #ff4811; border-radius:0px; background:url:#ececee;color:#FFFFFF;}
.mobile-in {
	font-family: 'Malgun Gothic', serif;
	letter-spacing:0px;
	font-size: 11px;
	color: 666666;
	background-color: FFFFFF;
	height:16px;
	border:1 solid;
	border-left: #D7D7D1 1px solid;
	border-bottom: #D7D7D1 1px solid;
	border-right: #D7D7D1 1px solid;
	border-top: #D7D7D1 1px solid;
	text-align:center;
	}
.8size {font-size:8pt;}
.9size {font-size:9pt;}
.10size {font-size:10pt;}
.11size {font-size:11pt;}
.12size {font-size:12pt;}
.bbs_btn {height:24px;width:60px;}
.in {height:20px;}

/*ÀÌ¹ÌÁö À§¿¡ ÀÌ¹ÌÁö ³õ±â*/
.double_img01 {position: relative;display: inline-block;}
.double_img02 {position: absolute;left:0;top:0;}

.nm1 {font-family:Arial;font-size:9pt;font-weight:bold;line-height:10pt;}
.nm2 {font-family:Arial;font-size:18pt;font-weight:bold;line-height:18pt;}
.listG {font-family:"Malgun Gothic"; font-size: 11pt; color: #000000; width:150; height: 25; border: 1x solid #B9B9B9;}
.fbox {background:#666;color:#fff;border-radius:3px;text-align:center;padding-top:4px;}
.t1 {font-family:"Malgun Gothic"; font-size: 10pt; color: #000000;font-weight:bold;}
.8t2{font-size:12pt;}

