@import url('../include/font.css');

html {overflow-y:scroll;}
body {border:0px;margin:0 ;background:#fff;min-width:1200px;-webkit-text-size-adjust:none}

/* body 공통 속성 */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,table,td {font-size:12px;color:#666;font-weight:400;line-height:150%;letter-spacing:0px;font-family:roboto,'Noto Sans KR',sans-serif;}
form,input,select,textarea {font-size:12px;color:#666;vertical-align:middle;}
input,textarea {padding:3px;}

ul,ol,dl, li {list-style:none}
img {border:0;vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}
label, select, input, textarea {vertical-align:middle;}


a:link {color:#666;text-decoration:none}
a:hover {color:#aaa;text-decoration:none}
a:visited {color:#666;text-decoration:none}

table {border-collapse:collapse;}

div {border:0px dotted red}

/* 레이아웃 */
#wrap {width:100%;}

#header_wrap {width:100%;}
#header_wrap .header {width:1200px;margin:0 auto;}

#header_gnb_wrap {width:100%;border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:50px;overflow:hidden;}
#header_gnb {width:1200px;margin:0 auto;}

.allmenu {float:left;background:#58bbb4;width:240px;text-align:center;padding:15px 0 9px;height:27px;}
.allmenu a {font-weight:700;color:#fff;font-size:17px;display:block}

.top_cate td {padding:15px 25px;border:0px solid #ddd;vertical-align:top;}
.top_cate a {font-weight:500;color:#777;font-size:14px;padding:3px 0}
.top_cate .cate_tit a {font-weight:700;color:#379c95;font-size:18px;padding:10px 5px 15px;}


.h_gnb {text-align:right;padding:15px 0 9px;}
.h_gnb a {font-weight:500;color:#333;padding:0 30px;font-size:17px;letter-spacing:-1px;}
.h_gnb a:hover {color:#3ca09a}


/*메인이미지*/
#Main_slide {width:100%;border-bottom:1px solid #eee;}
#Main_slide #prev_main {left:3%;margin-top:-24px;z-index:800;}
#Main_slide #next_main {right:3%;margin-top:-24px;z-index:800;}

#Main_slide .btn_cycleLB {display:inline-block;position:absolute;top:50%;left:0;width:26px;height:48px;margin-top:-24px;background:url(../imgs/main/btn_arrow.png) no-repeat 0 0;z-index:101;}
#Main_slide .btn_cycleLB:hover {background-position:0 -50px;}
#Main_slide .btn_cycleRB {display:inline-block;position:absolute;top:50%;right:0;width:26px;height:48px;margin-top:-24px;background:url(../imgs/main/btn_arrow.png) no-repeat -50px 0;z-index:101;}
#Main_slide .btn_cycleRB:hover {background-position:-50px -50px;}

#Main_slide .main_banner {width:100%; /* max-width:1100px; */ height:490px;margin:0px auto;}
#Main_slide .main_banner .slide {width:100%;height:490px;}
#Main_slide .main_banner .slide a {display:block;height:100%;}
#Main_slide .main_banner .slide a:hover {text-decoration:none;}

#Main_slide .main_banner .cycle_wrap {position:relative;height:490px;}
#Main_slide .cycle_slideshow {position:relative}
#Main_slide .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#Main_slide .cycle-pager {position:absolute;bottom:7px;width:100%;text-align:center;z-index:800;}
#Main_slide .cycle-pager a {display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../imgs/main/s_dot.png) no-repeat;}
#Main_slide .cycle-pager a.cycle-pager-active {background-position:0 -20px;}

#Main_slide .main_banner .cycle-pager a {position:relative;}
#Main_slide .main_banner .cycle-pager a .balloon {display:none;position:absolute;bottom:17px;left:-195px;width:400px;text-align:center;}
#Main_slide .main_banner .cycle-pager a.cycle-pager-active .balloon {display:block;}


#prolist {}

#sub_con_wrap {width:1200px;margin:0px auto 30px;overflow:hidden;}
#sub_left {float:left;width:250px}
#sub_con {float:right;width:900px;margin:20px;overflow:hidden;}
#sub_img {padding:7px 0 20px 0;}
.footer_menu {height:32px;width:1000px;margin:0 auto;}
.footer_menu li {float:left;margin-top:5px;}
.footer {margin:0 auto;width:1000px;background:url('../img/main/footer_n.gif') no-repeat left top;height:110px;text-align:right;}

#foot_wrap {width:100%;padding:50px 0;background:#f0f0f0;overflow:hidden;}
#foot_box {width:1200px;margin:0 auto;overflow:hidden;}
#foot_box .f_bbs {float:right;width:30%;}
#foot_box .f_center {float:left;width:30%;margin:0 5%;}
.f_center p { font-size:14px;}

#footer{padding:30px 0;background:#444;overflow:hidden;}
.ff_box {width:1200px;margin:0 auto;color:#fff;font-size:14px;}
.ff_box span {margin-right:30px;}


#customer {float:left;width:30%;overflow:hidden}
#foot_box .tit {color:#222;font-size:19px;letter-spacing:-1px;font-weight:700;margin-bottom:10px;}
#customer .r_call .tel {font-size:40px;letter-spacing:-1px;color:#ff6c00;font-weight:bold;}
#customer .r_call .hp {font-size:28px;color:#222;font-weight:500;margin:0px 0 20px 0;line-height:19px;padding-left:3px;}
#customer .r_call .fax {font-size:15px;color:#555;font-weight:400;margin:0px 0 10px 0;line-height:19px;padding-left:3px;}
#customer .r_call .txt {font-size:14px;color:#888;font-weight:400;margin:0px 0 20px 0;line-height:19px;padding-left:3px;}



/* 검색 */
#search {width:330px;height:35px;border:2px solid #555;margin-left:230px;}
.s_text {float:left;width:180px;height:21px;padding:3px;margin:2px 0 0 5px;font-size:16px;border:0px;letter-spacing:-1px;vertical-align:middle;}



/* 숨김영역 */
#main_con_left h2,#sub_con h2, #footer h2 {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}


/*메인카테고리***********************************************************************************/
#cate{float:center;position:absolute; width:250px;left:50%; margin-left:-600px;margin-top:0px; z-index:9999; }


@media all and (max-width:1200px){
#cate{float:center;position:absolute; width:250px;left:0; margin-left:0px;margin-top:0px; z-index:9999;}

}



#cate p {text-align:center;}
#cate li {text-align:center;background:url(../img/main/left_menu_bg.gif) repeat-y;}






/*메인***********************************************************************************/


/*상품박스리스트*/
#box01 .pro_pic {margin-bottom:5px;overflow:hidden;background:#fff;}
#box01 .pro_pic img {width:220px;height:220px;}
#box01 .pro_tit {padding:5px 0}
#box01 .pro_tit, .pro_tit a:link, .pro_tit a:visited {font-size:16px;letter-spacing:-1px;color:#555;margin-top:5px;text-align:center;padding:0 0 0 0;}
#box01 .pro_tit a:hover {color:#fc5123;}
#box01 .pro_price, .pro_price a:link, .pro_price a:hover, .pro_price a:visited {padding:2px 0;font-size:17px;color:#222;text-align:center;}

#box01  {clear:both;;margin:0 20px 20px 15px ;}
.box_tit {padding:25px 0 20px;text-align:center;border-bottom:1px solid #ddd;color:#111;font-size:26px;font-weight:700;letter-spacing:-1px;}
.box_tit span a {border-bottom:3px solid #f26522;padding-bottom:20px;color:#222}

#box02 {border-left:0px solid #ddd;border-right:0px solid #ddd;overflow:hidden;margin-top:10px;}
#box02 li {float:left;border:0px solid #ddd;width:20%;padding-top:25px;height:330px;text-align:center}
#box02 li:hover {}
#box02 .pro_pic {margin-bottom:10px;overflow:hidden;}
#box02 .pro_pic img {width:220px;height:220px;}
#box02 .pro_tit {padding:5px 0}
#box02 .pro_tit, .pro_tit a:link, .pro_tit a:visited {font-size:16px;letter-spacing:-1px;color:#555;margin-top:5px;text-align:center;padding:0 0 0 0;}
#box02 .pro_tit a:hover {color:#fc5123;}
#box02 .pro_price, .pro_price a:link, .pro_price a:hover, .pro_price a:visited {padding:2px 0;font-size:17px;color:#222;text-align:center;}


#main_con {width:1200px;margin:10px auto 30px;overflow:hidden;}

#main_con_mid {width:100%;overflow:hidden;}


#main_banner {background:url(../imgs/main/m_banner.jpg) no-repeat left top;height:67px;;width:100%;overflow:hidden;padding-top:110px;text-align:center;margin:30px 0}
#main_banner span a {padding:10px 20px;background:rgba(255,255,255,0.8);color:#000;font-size:16px;letter-spacing:-1px;margin:0 5px;}
#main_banner span a:hover {background:rgba(28,203,190,0.8);color:#fff}

.dot {background:url('../img/main/dot.gif') repeat-x; height:1px;margin-bottom:20px;}


.notice p {color:#222;font-size:19px;letter-spacing:-1px;font-weight:700;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid #999;}
.notice p .more a {float:right;margin:10px 10px 0 0;font-size:11px;}
.notice .more img {width:20px;height:20px;}
.notice dl {margin-top:10px;}
.notice dd {padding-left:14px;padding:5px 0}
.m_bbs {font-size:14px;color:#333;}
.m_bbs_date  {float:right;font-size:13px;color:#888;letter-spacing:-1px;}



/*서브***********************************************************************************/

#sub_left {float:left;height:600px;overflow:hidden;}

#s_contents {margin:0px 0 50px; text-align:center}
.width_re {}

/*서브타이틀***/
.c_title {text-align:center;letter-spacing:-1px;padding:25px 0 30px 0px;margin-bottom:30px;color:#444;font-size:30px;font-weight:700}
.c_title span {border-bottom:0px solid #f26522;padding-bottom:15px;}
.location {margin-left:10px;padding-top:4px;height:27px;font:normal 11px dotum;color:#777;}

/*서브메뉴*/
/*서브카테고리*/
#Sub_Category {margin:-50px 0 50px;overflow:hidden;}
#Sub_Category ul {margin:50px auto;}
#Sub_Category li { float:left;width:170px;margin:5px;}
#Sub_Category li a { box-shadow: 0px 0px 4px #fff; display:block; line-height:1.2!important; color:#2e520a;text-align:center; border-radius:0px;padding:11px 0; font-size:15px;font-weight:500;letter-spacing:-1px;background:#f0f0f0}
#Sub_Category li a:hover { background:#666 ;color:#fff }
#Sub_Category li.on a  { color:#fff; background:#00a99d url(../img/comm/btn_over.png) no-repeat 90% 12px; }
#Sub_Category li.on a:hover  {color:#fff; background:#666 url(../img/comm/btn_over.png) no-repeat 90% 12px;}


/*서브배너*/
.sub_banner {}
.sub_banner p {margin-top:10px;}

/*서브컨텐츠*/

.txt_title01 {font:bold 13px dotum;color:#333;padding:10px 0; padding-left:7px;background:url('../img/main/icon_01.gif') no-repeat 0px 11px;letter-spacing:0px;}
.txt_title02 {font:bold 15px dotum;color:#fff;padding-top:2px;padding-left:15px;background:url('../img/product/t_bg.gif') no-repeat left top ;letter-spacing:0px;height:21px;margin:10px 0;}

.con_list01 {padding:5px 0;}
.con_list01 li {background:url('../img/main/icon_03.gif') no-repeat 0px 7px;padding:2px 0;padding-left:15px;margin-left:20px;}

#call_info {background:#f3f3f3 url('../imgs/customer/bg.jpg') no-repeat left;height:250px;padding:70px 0 0 420px;width:550px;margin:0 auto;}
#s_customer {text-align:left;margin:30px 30px 0;padding:20px 0 20px 190px;}
.c_01 {background:url('../imgs/customer/c01.gif') no-repeat left 25px;}
.c_02 {background:url('../imgs/customer/c02.gif') no-repeat left 25px;}
.c_03 {background:url('../imgs/customer/c03.gif') no-repeat left 25px;}
.c_04 {background:url('../imgs/customer/c04.gif') no-repeat left 25px;}
#s_customer dt {font-size:27px;color:#333;font-weight:700;letter-spacing:-1px;}
#s_customer dd {font-size:15px;margin:20px 0}

#call_info #customer {width:500px;text-align:left}
#call_info .r_call .tel {font-size:44px;letter-spacing:-1px;color:#ff6c00;font-weight:bold;}
#call_info .r_call .hp {font-size:30px;color:#222;font-weight:500;margin:0px 0 20px 0;line-height:19px;padding-left:3px;}
#call_info .r_call .fax {font-size:18px;color:#555;font-weight:400;margin:0px 0 10px 0;line-height:19px;padding-left:3px;}
#call_info .r_call .txt {font-size:16px;color:#888;font-weight:400;margin:0px 0 20px 0;line-height:20px;padding-left:3px;}


.s_company {width:450px;margin:-70px auto 0px;padding:90px 0 80px 430px;;background:url('../imgs/company/bg1.jpg') no-repeat left}
.s_company .com_tit {font-size:25px;color:#0099d3;font-weight:700;padding-bottom:30px;text-align:left;line-height:35px}
.s_company p {font-size:16px; color:#777; line-height:22px;text-align:left;font-weight:500}
.s_company p.com_b {color:#333;font-size:15px;font-weight:700;padding:30px 0;}
.s_company p.com_b span {font-size:22px;}






/* 게시판 및 공통***********************************************************************************/
.table_top {border-top:2px solid #999;}
.table_top th {font:bold 11px dotum;color:#333;border-bottom:1px solid #ddd;}


.table_top02 {border:1px solid #ddd;}
.table_top02 th {font:bold 11px dotum;color:#666;}

.table_top03 {border-top:2px solid #999;}
.table_top03 th {font:bold 11px dotum;color:#333;border-bottom:1px solid #ddd;}
.table_top03 td {border-bottom:1px solid #ddd;}


.btn_box a:visited,.btn_box a:link {width:120px;padding:4px;font:normal 11px dotum;color:#fff;background:#777;text-align:center;letter-spacing:-1px;}
.btn_box a:hover {width:120px;padding:4px;font:normal 11px dotum;color:#fff;background:#ed1c24;text-align:center;letter-spacing:-1px;}

.bbs_title {font:bold 11px dotum;color:#666;}

/*간격*/
.pad_t10 {padding-top:10px;}
.pad_t15 {padding-top:15px;}
.pad_t20 {padding-top:20px;}
.pad_t25 {padding-top:25px;}
.pad_t30 {padding-top:30px;}
.pad_t35 {padding-top:35px;}
.pad_t40 {padding-top:40px;}
.pad_t45 {padding-top:45px;}
.pad_t50 {padding-top:50px;}
.pad_t55 {padding-top:55px;}
.pad_t100 {padding-top:100px;}

/*테이블*/
.table_g01 {border-top:2px solid #333;}
.table_g01 th.tit {text-align:center;width:17%;height:30px;border-top:2px solid #00a99d;background:#ecf5f4;padding-top:1px;}
.table_g01 td {text-align:center;height:30px;border-top:1px solid #dadada;}
.table_g01 td.total {text-align:center;height:30px;background:#f0f0f0;border-bottom:2px solid #bbb;border-top:1px solid #bbb;}

.table_g02 {border-top:2px solid #00a99d;border-bottom:2px solid #00a99d;}
.table_g02 th {text-align:center;width:20%;height:30px;border-top:1px solid #ddd;background:#ecf5f4;padding-top:1px;}
.table_g02 td {text-align:left;height:30px;border-top:1px solid #dadada;padding-left:20px;}

.table_g03 {border-top:2px solid #333;border-bottom:2px solid #333;}
.table_g03 th {text-align:center;height:25px;border-top:1px solid #ccc;background:#ecf5f4;padding-top:1px;}
.table_g03 td {text-align:left;height:25px;border-top:1px solid #dadada;padding-left:20px;}

.table_b01 {}
.table_b01 th {background:url('../img/main/icon_03.gif') no-repeat 10px 7px;padding-left:25px;width:40%;}

.b_line {border-bottom:1px solid #ddd;padding:3px 0;}
.ad_line td {border-bottom:1px solid #ddd;}