/************* ¹ÝÀÀÇü ÀÛ¾÷½Ã ÀÌ¹ÌÁö ºñÀ²À» À§ÇØ
#carousel_section > ul > li >img{
    list-style: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
*******************************************************/

@media screen and (max-width:1200px) {
	#tnb ul { width: 100%; }
	#hd_wrapper { width: 100%; margin:0 auto; height: 80px; border-bottom: 5px solid #5a3d13; }
	
	#logo {width: calc(100% - 20px); margin-left: 10px; float:left;padding:10px 0 0; text-align: center; }
	#logo > span { display: block; float: left; cursor: pointer; font-size: 25px; }
	.hd_sch_wr{position:absolute;top:58px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{position:absolute; top:5px; right:5px;float:right; }
	#gnb { display: none; }

	#container_wr {width:100%; }
	#aside { position: fixed; left: -305px; top: 0px; margin: 0px; z-index: 1000; overflow-y: auto; }
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1100; top: 0px; left: -30px }
	.close_menu > i { font-size: 40px; cursor: pointer; }
	.mobile_menu { display: block; }

	#container {width: calc(100% - 20px); margin:10px 10px;}
	#container_sub {width: calc(100% - 20px); margin:10px 10px; border-top:0px;}

	#ft_wr {width:100%;}


	.mobile_menu { margin: 20px; }
	.mobile_menu > ul { background: #253dbe; padding-bottom: 15px;  }
	.mobile_menu > ul > li { 
		position: relative; width: 100%; padding: 15px 10px 0px 10px;

	}
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #fff; font-size: 20px; cursor: pointer;}
	.mobile_menu > ul > li > ul { display: none; margin-top: 15px; background: #fff; padding-bottom: 10px; }
	.mobile_menu > ul > li > ul > li { width: 100%;  padding: 10px 15px 0px 10px;}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }
	#slideBox { border-top:0px; }
	#slideList { width:100%; }
	#productSite { width:100%; }
	#productBrand { width:100%; }
	.box1200 { width:100%; }
	.box1130 { width:100%; }
	.customerBox { width:100%; }
	.topmenu_list { display: none; float:right;margin-top:5px}
	#logo img { width:240px; }
	#brand_head2 { width:100%; }

}

@media screen and (max-width:1024px) {	

	.site_list li { width:25%; padding:1%; height:300px; }	
	
	.pic_lt li { width:48%; padding:1%; height:300px; margin-bottom:5%; }

	.customerBox li span.ctext { font-size:30px; line-height:50px; color:#fff; font-weight:bold; }
	.customerBox li span.ctext2 { font-size:22px; line-height:50px; color:#fff; font-weight:bold; }
	.customerBox li img.blog { width:90px; }

	#ft_wr .leftLogo { position:absolute; top:50px; left:5%; width:13%; }
	#slideBox { border-top:0px; max-height:420px; }
	#slideBox .tabbox { top:380px; }
	#container_sub { border-top:0px; }
	#slideList { width:100%; }
	#productSite { width:100%; }
	#productBrand { width:100%; }
	.customerBox { width:100%; }
	
	.box1200 { width:100%; }
	.box1130 { width:100%; }
	#menu-container { width:100%; }
	.topmenu_list { display: none; float:right;margin-top:5px}
	#logo img { width:220px; }
	#hd { margin-top:10px; }
	#brand_head2 { width:100%; }	
	.categoryBox li { width:25%; height:40px; font-size:12px; line-height:40px; color:#585756; }
	.categoryBox2 li { width:24%; height:40px; font-size:12px; line-height:40px; color:#585756; }
	.categoryBox2 li a { font-size:12px; line-height:40px; color:#585756; }
	.member_line { top:0px; letter-spacing:3px; }

	productpage li { float:left; display:inline-block; width:100%; min-height:200px; }
	.productpage li table td.exp { font-size:12px; line-height:18px; }
	.productpage li table td.pname { font-size:12px; height:30px; }
}

@media screen and (max-width:700px) {
	#tnb ul { width: 100%; }
	#hd_wrapper { height: 70px; }
	#slideBox { position:relative; width:100%; max-height:350px; margin:0 auto; padding:0; border-top:0px; }
	#slideBox .tabbox { top:310px; }
	#slideList { width:100%; }

	/**.hd_sch_wr{top:58px;width: calc(100% - 20px); z-index: 0; } **/
	.hd_sch_wr{top:58px; letf:10px; width:300px; z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:5px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
	#hd_sch2 #sch_stx2 {width:calc(100% - 50px);}
	
	.slide_title { font-size:16px; line-height:25px; }
	.slide_content { font-size:12px; line-height:20px; }

	.site_list li { width:33%; padding:1.5%; height:285px; }
	.site_title { margin:30px auto; width:100%; text-align:center; }
	.site_title span { font-family:'Malgun Gothic'; font-size:1.8em; font-weight:900; line-height:25px; color:#333333; }
	.site_list li p.pname { width:80%; text-align:center; margin:10px auto; font-family:'Malgun Gothic'; color:#4c4c4c; font-size:1em; line-height:1em; }
	.slide_btn_list li img { width:110%; }

	.brand_list li { width:32%; padding:1.5%; }
	.brand_title { margin:10px auto 20px; width:100%; text-align:center; font-family:'Malgun Gothic'; font-size:1.8em; font-weight:900; line-height:25px; color:#333333; }
	.brandBox p.btitle { width:100%; text-align:center; color:#5a3d13; font-family:'Malgun Gothic'; font-size:1.5em; line-height:1.5em; }

	.pic_lt li { width:48%; padding:1%; height:300px; margin-bottom:5%; }

	.customerBox li span.ctext { font-size:28px; line-height:40px; color:#fff; font-weight:bold; }
	.customerBox li span.ctext2 { font-size:20px; line-height:40px; color:#fff; font-weight:bold; }
	.customerBox li img.blog { width:60px; }

	.mapBoxlist li p { font-size:14px; color:#494848; line-height:25px; padding-bottom:20px; padding-left:10px; border-bottom:1px solid #ebebeb; }

	#ft_wr .leftLogo { position:absolute; top:20px; left:5%; width:13%; }
	.bottomMenu { margin:20px 0 20px 60px; color:#555454; font-size:12px; }
	.bottomCopy { margin-left:55px; margin-bottom:35px; color:#898988; font-size:11px; }

	.tab_menu { position:absolute; bottom:20px; left:1%; display:table; width:98%; margin:0; }
	.tab_menu .tit { font-size:11px; letter-spacing:-2px; }
	.tab_menu .on .tit { font-size:11px; letter-spacing:-2px; }
	#productSite { width:100%; }
	#productBrand { width:100%; }
	.customerBox { width:100%; }
	
	.box1200 { width:100%; }
	.box1130 { width:100%; }
	#menu-container { width:100%; }
	.topmenu_list { display: none; float:right;margin-top:5px}
	#logo img { width:180px; }
	#hd { margin-top:5px; }
	.lSSlideOuter .lSPager.lSGallery li { font-size:11px; }
	#brand_head2 { width:100%; }
	.categoryBox li { width:33%; height:40px; font-size:12px; line-height:40px; color:#585756; }
	.categoryBox li a { font-size:12px; line-height:40px; color:#585756; }
	.categoryBox2 li { width:24%; height:40px; font-size:11px; line-height:40px; color:#585756; }
	.categoryBox2 li a { font-size:11px; line-height:40px; color:#585756; }

	#brand_head2 .btitle { position:absolute; top:0px; left:0px; color:#5a3d13; font-size:12px; line-height:28px; font-weight:none; }
	#brand_head2 .searcharea { position:relative; width:200px; height:28px; text-align:right; float:right; }

	.cont_box { position:relative; width:100%; min-height:30px; height:auto; background:#f86746; margin:20px auto 0; padding:0 10px; }
	.cont_box ul { margin:0; }
	.cont_box li { float:left; display:inline-block; height:28px;margin-top:6px; }
	.cont_box li a { color:#ffffff; font-weight:bold; font-size:12px; line-height:20px; padding:6px; }
	.cont_box li a:hover { background:#ebebeb; color:#333333; border-radius: 5px 5px 0px 0px; padding:6px;  }
	.cont_box li.ontab { height:29px; background:#ebebeb; color:#333333; font-weight:bold; font-size:12px; line-height:20px; border-radius: 5px 5px 0px 0px; padding:6px;  }
	#ctt_con img { width:100%; }

	.productpage li { float:left; display:inline-block; width:100%; }
	.productpage li table td.exp { font-size:12px; line-height:18px; }
	.productpage li table td.pname { font-size:12px; height:30px; }

	.member_line { top:5px; letter-spacing:2px; }
	.com_text { width:100%; text-align:left; color:#515151; font-family:'Malgun Gothic'; font-size:1.0em; line-height:1.8em; }
	.com_text2 { width:95%; margin-top:20px; text-align:right; font-family:'¹ÙÅÁÃ¼'; color:#515151; font-size:1.3em; line-height:1.8em; font-weight:bold; }

	#quickmenu { display:none; }
	.brandpage li { float:left; display:inline-block; width:100%; }
	.brandpage li table td { height:20px; font-size:11px; }
}


@media screen and (max-width:600px) {
	#slideBox { border-top:0px; height:290px; }
	#slideList { width:100%; }
	#slideBox .tabbox { top:250px; }
	.lt_wr{width:100% !important; margin-left: 0px !important; }
	.site_list li { float:left; display:inline-block; width:50%; padding:2%; height:270px }
	.site_title { margin:20px auto; width:100%; text-align:center; }
	.site_title span { font-family:'Malgun Gothic'; font-size:1.5em; font-weight:900; line-height:20px; color:#333333; }
	.site_list li p.pname { width:80%; text-align:center; margin:10px auto; font-family:'Malgun Gothic'; color:#4c4c4c; font-size:0.8em; line-height:0.8em; }

	.slide_title { font-size:12px; line-height:20px; }
	.slide_content { font-size:11px; line-height:17px; }

	.brand_list li { width:48%; padding:2%; }
	.brand_title { margin:10px auto 10px; width:100%; text-align:center; font-family:'Malgun Gothic'; font-size:1.5em; font-weight:900; line-height:20px; color:#333333; }
	.brandBox p.btitle { width:100%; text-align:center; color:#5a3d13; font-family:'Malgun Gothic'; font-size:1.2em; line-height:1.2em; }
	
	.pic_lt li { width:100%; margin-bottom:10%; }

	.customerBox li span.ctext { font-size:20px; line-height:30px; color:#fff; font-weight:bold; }
	.customerBox li span.ctext2 { font-size:16px; line-height:30px; color:#fff; font-weight:bold; }
	.customerBox li img.blog { width:50px; }

	.mapBoxlist li.maps { width:100%; }
	.mapBoxlist li.maptext { margin-top:20px; width:100%;  }
	.mapBoxlist li p { font-size:12px; color:#494848; line-height:20px; padding-bottom:20px; padding-left:10px; border-bottom:1px solid #ebebeb; }

	#ft_wr .leftLogo { display:none; }
	#ft_wr .rightCopy { position:relative; margin-left:0%; width:100%; text-align:center; }
	.bottomMenu { margin:30px 0 20px 0px; color:#555454; font-size:12px; }
	.bottomCopy { margin-left:0px; margin-bottom:20px; color:#898988; font-size:11px; }
	
	.tab_menu { position:absolute; bottom:20px; left:0%; display:table; width:100%; margin:0; }
	.tab_menu .tit { font-size:11px; letter-spacing:-2px; }
	.tab_menu .on .tit { font-size:11px; letter-spacing:-2px; }
	#productSite { width:100%; }
	#productBrand { width:100%; }
	.customerBox { width:100%; }

	.box1200 { width:100%; }
	.box1130 { width:100%; }
	#menu-container { width:100%; }
	#logo img { width:150px; }
	#hd { margin-top:0px; }
	.lSSlideOuter .lSPager.lSGallery li { font-size:10px; }
	#brand_head2 { width:100%; }
	.categoryBox li { width:50%; height:30px; font-size:11px; line-height:30px; color:#585756; }
	.categoryBox li a { font-size:11px; line-height:30px; color:#585756; }
	.categoryBox2 li { width:48%; letter-spacing:1px; height:25px; font-size:11px; line-height:25px; color:#585756; }
	.categoryBox2 li a { font-size:11px; line-height:25px; color:#585756; }

	#hd_sch2 #sch_stx2 {width:calc(100% - 50px);}
	#brand_head2 .btitle { position:absolute; top:0px; left:0px; color:#5a3d13; font-size:11px; line-height:20px; font-weight:none; }
	#brand_head2 .searcharea { position:relative; width:150px; height:20px; text-align:right; float:right; }

	.cont_box { position:relative; width:100%; min-height:24px; height:auto; background:#f86746; margin:20px auto 0; padding:0 5px; }
	.cont_box ul { margin:0; }
	.cont_box li { float:left; display:inline-block; height:20px;margin-top:6px; }
	.cont_box li a { color:#ffffff; font-weight:bold; font-size:10px; line-height:18px; padding:4px; }
	.cont_box li a:hover { background:#ebebeb; color:#333333; border-radius: 5px 5px 0px 0px; padding:4px;  }
	.cont_box li.ontab { height:20px; background:#ebebeb; color:#333333; font-weight:bold; font-size:10px; line-height:18px; border-radius: 5px 5px 0px 0px; padding:4px;  }
	#ctt_con img { width:100%; }

	.productpage li { float:left; display:inline-block; width:100%; }
	.productpage li table td.exp { font-size:11px; line-height:16px; }
	.productpage li table td.pname { font-size:11px; height:25px; }

	.member_line { top:px; font-size:11px; right:3px; letter-spacing:1px; }
	.com_text { width:100%; text-align:left; color:#515151; font-family:'Malgun Gothic'; font-size:0.8em; line-height:1.5em; }
	.com_text2 { width:95%; margin-top:20px; text-align:right; font-family:'¹ÙÅÁÃ¼'; color:#515151; font-size:1.0em; line-height:1.5em; font-weight:bold; }

	#quickmenu { display:none; }
	.brandpage li { float:left; display:inline-block; width:100%; }
	.brandpage li table td { height:18px; font-size:10px; }
}

