body {
	margin:0;
	padding:0;
	font-size:9pt;
	font-family:'Nanum Gothic', 'Oswald', Dotum, arial, AppleGothic, sans-serif;
}

a { color:#333; text-decoration:none; }
a:hover, a:focus { color:#ef7408; }

ul { list-style:none; margin:0; padding:0; }

.clear { clear:both; }

.j_container { width:100%; max-width:1000px; margin:0 auto; }

#j_wrap { width:100%; }

.f_h_b { position:fixed; left:10px; bottom:30px; z-index:99999; }

#back-top { position:fixed; right:10px; bottom:30px; width:50px; height:50px; z-index:99999; cursor:pointer; }


#l_box .remots { background:#333; padding:10px 0; text-align:center; margin-top:5px; }
#l_box .remots:hover { background:#f26522; }
#l_box .remots a { color:#fff; font-size:10pt; font-weight:700; }

@media (max-width: 999px) {
	#l_box {display:none;}
}





#j_header { width:100%; height:auto; }

#j_header .j_h_1 { width:100%; height:auto; background-color:#666; }
#j_header .j_h_1 .j_container {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; height:100%;}
#j_header .j_h_1 ul {display:flex; align-items:center; margin:5px 0;}
#j_header .j_h_1 ul li {padding:0 8px; border-left:1px solid #f0f0f0; color:#fff;}
#j_header .j_h_1 ul li:first-child { border:none; }
#j_header .j_h_1 ul li a { font-size:8pt; color:#fff;}

@media (max-width: 543px) {
	#j_header .j_h_1 .j_container {justify-content: center;}
}


#j_header .j_h_2 {position:relative; width:100%; height:auto; border-top:1px solid #e6e6e6;}
#j_header .j_h_2 ul.h_etc_nav { margin:15px 0 0;padding:0;font-size:11pt;font-weight:700;text-align:center; }
#j_header .j_h_2 ul.h_etc_nav li { display:inline;padding:0 5px; }
#j_header .j_h_2 ul.h_etc_nav li a { color:#333; }
#j_header .j_h_2 ul.h_etc_nav li a:hover, #j_header .j_h_2 ul.h_etc_nav li a:focus { color:#db1a0b; }
#j_header .j_h_2 .j_container {display:flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}

@media (max-width: 856px) {
	#j_header .j_h_2 .j_container .j_logo {width:24%;}
	#j_header .j_h_2 .j_container .j_searchs {width:50%; box-sizing:border-box;}
	#j_header .j_h_2 .j_container .j_h_banner {width:24%;}
	
	#j_header .j_h_2 .j_container .j_logo img, #j_header .j_h_2 .j_container .j_h_banner img {width:100%;}
}


#total_m_lay, button.btnMenu {display:none;}

@media screen and (max-width: 760px) {

	#j_header .j_h_2 {height:130px;}
	#j_header .j_h_2 .j_container .j_logo {position:absolute; width:120px; top:10px; left:50%; margin-left:-50px;}
	#j_header .j_h_2 .j_container .j_searchs {position:absolute; width:100%; bottom:0; left:0;}
	#j_header .j_h_2 .j_container .j_h_banner {position:absolute; width:120px; top:10px; right:10px;}


	.pc_nav {display:none !important;}

	.btnMenu{width:40px;height:40px;text-indent:-999px;overflow:hidden;background:#a80c00 url('/images/icon_m_nav.png') no-repeat 0 0 !important; z-index:200; border-radius:5px; left:5px; top:20px;}

	button.btnMenu {display:block;}

	#total_m_lay{display:none;position:fixed;top:0;width:230px;height:100%;overflow:auto;background:#a80c00;z-index:10004;transition: all 0.3s;}
	#total_m_lay .mbTopLink{position:relative;padding-top:15px;height:135px;border-bottom:1px solid rgba(255,255,255,0.6)}
	#total_m_lay .mbTopLink::before{display:block;margin:0 auto 10px;width:105px;height:60px;content:'';/*background:url('/img/common/com_img.png') no-repeat -220px -190px*/}
	#total_m_lay .mbTopLink a{position:relative;display:block;margin:0 auto;padding-left:0;width:100px;height:32px;line-height:32px;font-size:15px;color:#fff;font-weight:bold;border:1px solid rgba(255,255,255,0.6); text-align:center;}/*
	#total_m_lay .mbTopLink a::before{display:inline-block;margin-right:5px;width:18px;height:15px;content:'';vertical-align:middle;/*background:url('/img/common/com_img.png') no-repeat -101px -177px*//*}*/
	#total_m_lay .total_m > ul{background:#a80c00}
	#total_m_lay .total_m li{position:relative}
	#total_m_lay .total_m li a{display:block}
	#total_m_lay .total_m li button{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden;}
	#total_m_lay .total_m > ul > li{width:auto !important;font-size:18px;border-bottom:1px solid rgba(255,255,255,0.6);text-align:left;}
	#total_m_lay .total_m > ul > li.has-sub > a::after{position:absolute;top:22px;right:20px;width:12px;height:6px;content:'';background:url('/images/nav_bl_m.png') no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li.has-sub.open > a::after{background:url('/images/nav_bl_o.png') no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > a{display:block;font-family:'NanumSquare';color:#fff;padding:15px 0 15px 20px;font-weight:bold;text-decoration:none;word-break: keep-all;}
	#total_m_lay .total_m > ul > li.open > a{color:#fff;background:#660700}
	#total_m_lay .total_m > ul > li.has-sub.open > a{background:#660700}
	#total_m_lay .total_m > ul > li > ul{display:none;padding:0;background:#e7e7e7; margin-left:0;}
	#total_m_lay .total_m > ul > li > ul > li{font-size:15px;border-bottom:1px solid #fff}
	#total_m_lay .total_m > ul > li > ul > li.has-sub{}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open{background-color:#fff;}
	#total_m_lay .total_m > ul > li > ul > li > a{padding:10px 10px 10px 20px;color:#333;}
	#total_m_lay .total_m > ul > li > ul > li.open > a{color:#fff;font-weight:bold;background:#4ba657}
	#total_m_lay .total_m > ul > li > ul > li.has-sub > a::after{position:absolute;top:20px;right:20px;width:12px;height:6px;content:'';background:url('/images/nav_bl_s.png') no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open > a::after{background:url('/images/nav_bl_o.png') no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > ul > li > ul{display:none;margin:5px 0;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li{font-size:14px;letter-spacing:-1px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a::before{position:absolute;top:12px;left:20px;width:5px;height:7px;content:'';}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.on > a{color:#005fca;font-weight:bold}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a{padding:5px 10px 5px 30px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a:after{position:absolute;top:13px;right:20px;width:7px;height:7px;content:'';}
	
	.btnMenuClose{position:absolute;top:5px;left:5px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background: url('/images/icon_m_close.png') no-repeat 0 0 !important;z-index:20}
	.btnMenuClose:focus{opacity:0.5}

	.wra_box{position:fixed !important;top:0;left:0;width:100%;height:auto;z-index:200;}

	.btnMenu{margin:0;background-color:#0071e5}

	#total_m_lay{left:-230px;}
	#total_m_lay.mOpen{left:0}
}










#j_header .j_h_3 { width:100%; height:44px; background:url(../img/header_nav_back.jpg) top left repeat-x; }

#j_header .j_h_3 .menu_1 {background:url(../img/header_cate_back_02.jpg) top left repeat-x;}


#j_header .j_h_3 .menu_1 li div.p_3 { width:113px; }
#j_header .j_h_3 .menu_1 li.p_1 { width:116px; border-right:none; background:url(../img/header_back_02_1.jpg) top left repeat-x; }
#j_header .j_h_3 .menu_1 li.p_2 { width:116px; border-right:none; background:url(../img/header_back_02_2.jpg) top left repeat-x; }
#j_header .j_h_3 .menu_1 li.p_1:hover, #j_header .j_h_3 .menu_1 li.p_2:hover { background:url(../img/header_back_02_o.jpg) top left repeat-x; }
#j_header .j_h_3 .menu_1 li.alls { background:url(../img/header_all_cate_02.jpg) 0 0 repeat-x; height:44px; }
#j_header .j_h_3 .menu_1 li:first-child { width:138px; height:44px; border:none; padding:0; }
#j_header .j_h_3 .menu_1 li a { color:#373334; font-size:10pt; font-weight:700; height:31px; padding-top:13px; width:135px;}
#j_header .j_h_3 .menu_1 li a:hover, #j_header .j_h_2 .menu_1 li a:focus { /* color:#fff; */ }
#j_header .j_h_3 .menu_1 li.alls a.cates div {  width:123px; height:44px; color:#fff; }
#j_header .j_h_3 .menu_1 li.alls div.subs { display:none; position:absolute; margin:0 0 0 -1px; padding:5px; width:988px; border:1px solid #dd1c0d; background:#fff; z-index:99999; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates { float:left; border:1px solid #ddd; width:149px; margin:5px; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates div.tit { width:149px; margin:0; padding:0; background:#ddd; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates div.tit:hover { background:#d71b1c; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates div.tit a { color:#333; font-size:10pt; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates div.tit:hover a { color:#fff; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates ul.ss { width:139px; margin:0; padding:0 5px 5px ; text-align:left; border:none; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates ul.ss li { width:139px; margin:0; padding:3px 0 4px; text-align:left; border:none; height:13px; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates ul.ss li:last-child { margin-bottom:10px; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates ul.ss li a { margin:0; padding:0; font-size:8pt; font-weight:normal; color:#333; text-align:left; }
#j_header .j_h_3 .menu_1 li.alls div.subs div.cates ul.ss li a:hover { color:#fdb11e; }

#j_header .j_h_3 .menu_1 li ul.sub {margin-left:13px;}
#j_header .j_h_3 .menu_1 li ul.sub li:first-child { width:130px; text-align:left; font-size:8pt; font-weight:normal; color:#333; padding:3px 0; height:20px; margin-top:0; border-right:none; }
#j_header .j_h_3 .menu_1 li ul.sub li a { text-align:left; font-size:8pt; font-weight:normal; color:#333; padding:3px 10px; height:20px; margin-top:0; border-right:none; }

#j_header .j_h_3 .j_container { height:44px; background:url(../img/header_cate_back_02.jpg) top left repeat-x; }

@media (max-width: 885px) {
	#j_header .j_h_3 .menu_1 li a {width:110px;}
}

@media (max-width: 760px) {
	#j_header .j_h_3 {display:none;}
}










#j_content { width:100%; margin:10px 0 0; padding:0; border-top:1px solid #fff;}

@media (max-width: 999px) {
	#j_content > .j_container {box-sizing:border-box; padding:0 5px;}
}

#communs { width:330px;margin-top:10px; }
#communs a { float:left; color:#fff; }
#communs a div { width:80px; height:58px; padding-top:22px; background:url(../img/main_commu_back.png) 0 0 no-repeat; text-align:center; }
#communs a div span { font-size:12pt; font-weight:800; }
#communs a:hover div, #communs a:focus div { background:url(img/main_commu_back_o.png) 0 0 no-repeat; }


.j_container.prod_list {display:flex; flex-wrap:wrap-reverse; justify-content: space-between; margin-top:20px;}

.j_container.prod_list .left_conts { width:20%; max-width:190px; padding-bottom:30px; }
.j_container.prod_list .left_conts .c_tit { width:100%; margin-bottom:10px; text-align:center; padding:5px 0; font-size:10pt; font-weight:700; background:#452c2f; color:#fff; }
.j_container.prod_list .left_conts .c_nav { padding-bottom:0; margin-bottom:10px; border:6px solid #d71b1c; border-top:none; }
.j_container.prod_list .left_conts .c_nav li { padding:5px 0; text-indent:10px; background:url(img/c_nav_arrow.gif) 160px 13px no-repeat; border-bottom:1px dotted #ddd; }
.j_container.prod_list .left_conts .c_nav li:last-child { border:none; }
.j_container.prod_list .left_conts .c_nav li a { font-size:8pt; color:#444; }
.j_container.prod_list .left_conts .c_nav li:hover a, .j_container .left_conts .c_nav li a:focus { color:#000; font-weight:700; }
.j_container.prod_list .left_conts .c_nav li:hover { background-color:#ddd; }


.j_container.prod_list .right_conts { width:80%; max-width:800px; padding-bottom:30px; }

.j_container.prod_list .right_conts .grid_9 { width:100%; max-width:800px; display:flex; justify-content:space-between; flex-wrap:wrap;}

.j_container.prod_list .right_conts .grid_9.d_t_c {display:block;}

@media (max-width: 809px) {
	.j_container.prod_list .left_conts {width:100%; max-width:100%;}
	.j_container.prod_list .right_conts {width:100%; max-width:100%;}
}









#j_footer { width:100%; /* border-top:7px solid #1d82a0; */ background:#3a3b3d; color:#b6b6b6; padding-top:1px;}

#j_footer .j_container.j_f_1 { margin:30px auto 0; padding-bottom:10px; display:flex; flex-wrap:wrap;}
#j_footer .j_container.j_f_1 ul li a { color:#7a7a7a; }
#j_footer .j_container.j_f_1 ul li a:hover { color:#fff; }

#j_footer .j_container.j_f_2 { margin:0 auto; width:50%; max-width:480px; padding:0 10px; box-sizing:border-box; border-left:1px solid #ddd;}
#j_footer .j_container.j_f_2 ul.f_btn { float:left;}
#j_footer .j_container.j_f_2 ul.f_btn li { float:left; padding:0 13px; border-left:1px solid #7a7a7a; }
#j_footer .j_container.j_f_2 ul.f_btn li:first-child { border:none; }
#j_footer .j_container.j_f_2 ul.f_btn li a { font-size:8pt; }

.f_c_1 {width:25%; max-width:229px; padding:0 10px; box-sizing:border-box;}
.f_c_2 {width:25%; max-width:206px; padding:0 10px; box-sizing:border-box; border-left:1px solid #ddd;}

@media (max-width: 796px) {
	.f_c_1, .f_c_2 {width:50%; max-width:50%;}
	#j_footer .j_container.j_f_2 {width:100%; max-width:100%; margin:15px 0; border-top:1px solid #ddd; border-left:none; padding:15px 10px;}
}







.sf-menu > li {
	float: left;
	font-size:10pt;
	font-weight:700;
	padding-left:15px;
	padding-right:15px;
}
/*
.sf-menu > li:first-child, .sf-menu > li:last-child { width:100px; }
*/
.sf-menu > li a { text-align:center; color:#fff; margin-top:0; padding-top:13px; height:31px; }

.sf-menu > li:last-child a { border-right:none; }

.sf-menu > li:hover a,
.sf-menu > li.sfHover a {
	/* color:#fff; */
}
.sf-menu > li:hover, .sf-menu > li.sfHover { /* background:url(img/header_back_hover.jpg) top left repeat-x; */ }

.sf-menu ul.sub {
	background:#fff;
	padding:5px 0;
	border:3px solid #dd1c0d;
	width:130px;
/*
	min-width: 9em; /* allow long menu items to determine submenu width */
/*
	*width: 9em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul li {
	background: #fff;
}
.sf-menu > li:hover > ul.sub li a, .sf-menu > li.sfHover > ul.sub li a { text-align:left; font-size:8pt; font-weight:normal; color:#333; padding:3px 10px; height:20px; margin-top:0; border-right:none; }
.sf-menu > li:hover > ul.sub li:hover { background:#eee; }

@media (max-width: 985px) {
	.sf-menu > li {padding:0 5px;}
}









#onoff.sidebar #sidebar{right: -35px;}
#onoff.nosidebar #sidebar {right:0;}
#onoff #sidebar {width:90px;position:absolute;position:fixed;z-index:9999;top:0;right:0;margin:0;padding:0;border-left:1px solid #333;background-color:#494949;height:100%;_display:none;}

@media (max-width: 999px) {
	#onoff #sidebar {display:none !important;}
}

#onoff.sidebar #sidebar #toggleBtn {background:transparent url(img/btn_bar_open.gif) no-repeat left top;}
#onoff.nosidebar #sidebar #toggleBtn {background:transparent url(img/btn_bar_close.gif) no-repeat left top;}
#sidebar #toggleBtn {width:17px;height:37px;margin-top:400px;line-height:30px;cursor: pointer;position:absolute;background:transparent url(img/btn_bar_close.gif) no-repeat left top;top:5px;left: -17px;color:#fff;text-align:center;}
#onoff.sidebar #sidebar .tv {display:none;}
#onoff.nosidebar #sidebar .off{display:none;}
#onoff.nosidebar #sidebar .open{display:block;}
#onoff.sidebar #sidebar .open{display:none;}
#onoff.sidebar #sidebar .off{display:block;}
#onoff #sidebar .off{display:none;}

#onoff #sidebar ul li.lc {position:absolute;bottom:5px;right:9px;background:none;margin:0 !important;padding:0 !important;}
#onoff #sidebar ul li.lc div{ width:70px;text-align:center;border:1px solid #333;font-weight:bold;font-size:14px;background-color:#777;color:#eee;padding:7px 0;font-family:arial;}
#onoff.sidebar #sidebar ul li.lc {left:5px;}
#onoff.sidebar #sidebar ul li.lc div{ width:35px;text-align:center;border:1px solid #333;font-weight:bold;font-size:14px;background-color:#777;color:#eee;padding:7px 0;font-family:arial;}
#onoff #sidebar ul li.tv {background:none;}
#onoff #sidebar ul li {background:transparent url(img/right_bar_bg.gif) repeat-x left bottom;padding:7px 0 8px;margin:0 10px;text-align:center;line-height:170%;font-size:11px;}

#onoff #sidebar ul li a{color:#ddd;}
#onoff.sidebar #sidebar ul {width:55px;margin:0;font-size:10px;}
#onoff.sidebar #sidebar ul li {margin:0 5px !important;font-size:11px;}

#onoff #sidebar ul#mycarousel li {background:none;padding:0;margin:0;text-align:left;line-height:170%;}


@media screen and (max-width: 999px){
	#j_content {margin-top:0 !important;}
}







.cus_c_wrap {width:100%; margin:0;}

.cus_c_infobox {width:100%; padding-bottom:15px; border-bottom:1px dotted #aaa; display:flex; justify-content:space-between; flex-wrap:wrap;}
.cus_c_infobox .infobox_1 {width:50%; padding:0 20px; margin-top:20px; box-sizing:border-box; display:flex; justify-content: space-around; align-items:center;}
.cus_c_infobox .infobox_1 > img {width:50%; max-width:200px;}
.cus_c_infobox .infobox_1 > div {width:50%;}
.cus_c_infobox .infobox_2 {width:50%; background:#fff; border:1px solid #ddd; font-size:8pt; box-sizing:border-box;}
.cus_c_infobox .cus_c_bbsbox {width:32%; height:540px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.cus_c_infobox .cus_c_bbsbox .tits {width:100%; background:#eee; border-bottom:1px solid #ddd; color:#333; text-indent:20px; font-size:10pt; padding:7px 0; font-weight:700; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}

.cus_c_infobox.bbs_t .cus_c_bbsbox {height:auto;}

@media screen and (max-width: 559px){
	.cus_c_infobox .infobox_1, .cus_c_infobox .infobox_2 {width:100%;}
	.cus_c_infobox .infobox_1 {margin-top:0;}
	.cus_c_infobox .cus_c_bbsbox {width:100%; height:auto; margin:0 0 10px;}
}