/**************** 기본스타일 ****************/

/* Common */
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,legend,input,textarea,button,select,blockquote{margin:0;	padding:0; font-family: '나눔바른고딕',NanumBarunGothic ,Helvetica,sans-serif;}
body,input,textarea,select,table,button{color:#333; font-size:11px;}
img,fieldset{border:0;}
a{color:#263041; text-decoration:none; cursor:pointer;}
a:link, a:hover, a:active{text-decoration:none;}

/* etc */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear{clear:both;}
.al_cen{text-align:center;}
.al_lft{text-align:left;}
.al_rgt{text-align: right;}
hr{display:none}
.hidden{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}



/* wrap */
#wrap{width:100%;}



/* basic */
* {margin:0;padding:0;}
body {width:100%; margin:0 auto; padding:0; background:#fff; font-size:0.8em; }

body.main_logi {margin:0 auto; padding:0; background:#f4f4f4; font-size:0.8em; background:url("../../imgs/main/mian_bg.jpg") no-repeat 100% 0;}
body.main {margin:0 auto; padding:0; background:#f4f4f4; font-size:0.8em; background:url("../../imgs/main/mian_loginbg.jpg") no-repeat 100% 0;}

img {border:0;}
dl,ul,ol,li { margin: 0;overflow: hidden;padding: 0;list-style: none;  }

/**************** 헤더, 상단메뉴 *************************/

/*header*/
#header {position:relative; width:100%; height:80px; }
#headerm {position:relative; width:100%; height:5px; }

#top_menu h1.logo {position:absolute; display:block; z-index:100; width:160px; text-align:center; top:10px;}
#top_menu h1.mainlogo { position:relative; margin:5px; top:5px;  height:20px; display:block; z-index:100;  text-align:center;}

#header_sub {position:relative; width:100%; height:45px; background:url("../../imgs/sub/sub_title_line.gif") repeat-x; }
#header_sub #top_menu div.sub_title {font-weight:bold; color:#fff; font-size:16px; line-height:20px;   width:100%; text-align:center;  padding-top:10px; display:inline-block;  } 
#header_sub #top_menu .gnb {position:relative; top:-17px; }
#header_sub #top_menu .gnb div.pre {position:absolute; left:20px;  }
#header_sub #top_menu .gnb div.to_home {position:absolute; right:20px;  }


	


/* 해딩스타일 */
h2.title {background:url("../../imgs/common/titel.jpg") 10px 7px no-repeat; color:#000;  font-size:1.2em;  padding:8px 0 20px 29px;}
h3.title_h3 {background:url("../../imgs/common/list_dot.gif") 0px 2px no-repeat; color:#315e06; font-size:1em; padding:0px 0 0px 15px;}
h3.title_h3hot{ clear:both;background:#f2f2f2;  background:-webkit-gradient(linear,0 0,0 100%,from(#fefffd),to(#e9e9e9)); letter-spacing: -1px;border:1px solid #e9e9e9;font-size: 0.95em; padding:3px;}
h3.title_h3hot span{ background:url("../../imgs/common/search_icon.gif") no-repeat 6px 2px; padding: 0 0 0 15px;  font-size: 0.95em;}

h4{line-height:18px; overflow:hidden; background:url("../../imgs/dot1.jpg") 2px 6px; background-repeat:no-repeat; margin:0px; padding:0px 0px 0px 10px; color:#009703;}


/* 앱 바로가기 */
.apps_go{position:relative; margin:0 auto; width:250px; padding-top:5px; }


/* 메인 직원로그인 */
.main_logi{position:relative; margin-top:20px; margin:0 auto;   width:250px;  padding-top:15px; }
.main_logi h2 {}
.main_logi ul.login_sell {margin-top:5px; float:left;  display:inline; }
.main_logi ul.login_sell li {padding-top:2px; }
.main_logi ul.login_sell li input { background-color:#4d4d4d; border:1px solid #2F3940; font-size:15px; color:#EFFBF8;}
.main_logi div.login_btn {padding-top:7px;  float:right; height:48px;  }
.main_logi div p {font-size:11px; padding-top:7px; clear:both; }

/* 주문내역 검색 */
.mobile_engineer {clear:both; margin:0 auto;  width:250px; padding-top:10px;  }
.mobile_engineer h2 {}
.mobile_engineer ul.engineer_sell {margin-top:5px;  }
.mobile_engineer ul.engineer_sell li input {background-color:#4d4d4d; border:1px solid #2F3940; font-size:15px; color:#EFFBF8; }
.mobile_engineer ul.engineer_sell li {padding-top:2px; color:#ddd; }
.mobile_engineer ul.engineer_sell li a {color:#383D41; text-decoration:none; }
.mobile_engineer ul.engineer_sell li a:hover {color:#828282;}


/* 광고삽입 */
.infozone {position:relative; width:252px; margin:0 auto; margin-top:5px;}
.infozone h2 {padding:0 auto; *padding:0 0 7px 30px;}
.infozone .control {position:absolute; right:5px; top:0;}
.infozone .control li {float:left; padding:0 0 0 1px; font-size:0; line-height:0;}
.infozone .list {margin-top:5px; padding:0 auto; font-size:0; line-height:0; height:70px;}
.infoZoneContent img{border:1px #dedede solid;}


/* 공지사항 */
.tabList {position:relative; margin-top:10px; padding-top:5px; width:250px; height:106px; line-height:20px; border:1px #dedede solid;}
.tabList ul li {float:left; margin-right:0px;}
.tabList ul li a {float:left; display: block; color:#7c7c7c;}
.tabList ul div.tabContent {position:absolute; top:25px; left:5px;}
/* .tabList ul ul li {background:url("../../imgs/main/tabDot.gif") no-repeat 2px 45%;} */
.tabList ul ul li a {float:left; display:block; width:228px; padding-left:10px; white-space: nowrap;}
.tabList ul ul li span {float:right; color:#767676;}
.tabList div.tabMore {position:absolute; float:right; top:2px; right:0px;}


/* 컨텐츠 */
.sub_cont {width:100%; height:auto; margin-top:20px; }

/* product */
.contents{padding:10px 10px 10px 10px;}
	.list_box {width:100%; margin:0px auto; background-color:#f7fbf1; border:1px #cdd7c5 solid;}
	.list_box ul {padding:5px;}
	.list_box li {float:left;}
    .list_box li.two { clear:both; width:100%;}
	.list_box li.two div ul li{ text-align:left;}
	.list_box li.select {float:right; padding-right:5px;}
	.list_box li.select1 {float:left; padding-left:10px;}
	.list_title {background:url("../../imgs/common/list_title.gif") no-repeat 3px 9px; padding-left:10px; line-height:20px;}




/**************** 서브메뉴 리스트 *************************/
/* subMenu open,close*/
#subMenu_open {width:100%; height:20px; background:url("../../imgs/common/content_bg.gif") repeat-x; padding:12px 0 10px 0;}
#subMenu_open div {color:#fff200; margin-left:auto; display:block; background:url("../../imgs/common/submenu_on.jpg") no-repeat 0 0; font-size:0.95em; padding:6px 0 5px 10px; width:90px; text-align:left; cursor:pointer; height:26px;}

#subMenu_open div.off { display:block; background:url("../../imgs/common/submenu_off.jpg") no-repeat 0 0; font-size:0.95em; padding:6px 0 5px 10px; }


/* subMenu*/
#subMenu {margin:0; border:none;}
#subMenu div {margin:0; border:none;}
#subMenu ul li{ background:url("../../imgs/common/submenu1bg.jpg"); background-repeat:repeat-x;}
#subMenu ul a { text-align:left;position:relative; height:35px; line-height:35px; margin:0; padding:0px; font-size:15px; color:#d3d3d3; letter-spacing:-1px;  border-bottom:1px solid #dbdbdb;  }
#subMenu ul li a {display:block; cursor:pointer; padding-left:20px; color:#315e06; background:url("../../imgs/common/submenu1off.jpg") no-repeat 97% 50%;}
#subMenu ul li.on a {color:#315e06; background-position:0 -30px; height:35px; line-height:35px;  background:url("../../imgs/common/submenu1on.jpg") no-repeat 97% 50%;}
#subMenu ul li.on {}

#subMenu ul div { margin:0px; background-color:#edefe6;}
#subMenu ul ul {display:block; padding:0px; }
#subMenu ul ul li{ text-align:left; position:relative; height:35px; line-height:35px; margin:0; padding-left:8px; font-size:15px; color:#333232; letter-spacing:-1px; background:url("../../imgs/common/submenuicon.jpg") 20px 14px; background-repeat:no-repeat;border-bottom:1px solid #e5e5e5; }
#subMenu ul li.on li a {display:block; padding-left:24px; font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:39px; line-height:35px;  font-weight:bold;letter-spacing:-1px; word-spacing:-1px; border-top:0px;   color:#333232; background:none;background:url("../../imgs/common/submenu3on.jpg") no-repeat 97% 10px;}




/**************** sub_img ****************/
.sub_img{ position:relative; width:100%;}
.sub_img div{ width:100%; text-align:center; padding-top:30px;}



/**************** footer ****************/
.footer{ width:100%; height:10px; text-align:center;}
.footer .copy {padding-top:5px; font-size:0.95em; color:#646961;}
.footer .copy span {font-weight:bold; color:#D23300;}

.sub_footer {height:100px; background:url('../../imgs/sub/sub_footer_line.gif') repeat-x ; text-align:center; width:100%; margin-top:5px;  }
.sub_footer .copy {padding-top:5px; font-size:0.95em; color:#646961;}
.sub_footer .copy span {font-weight:bold; color:#D23300;}

/**************** margin style ****************/
.margin_t_5 { margin-top:5px !important; }
.margin_t_10 { margin-top:10px !important; }
.margin_t_20 { margin-top:20px !important; }
.margin_t_30 { margin-top:30px !important; }
.margin_t_40 { margin-top:40px !important; }
.margin_t_50 { margin-top:50px !important; }
.margin_t_60 { margin-top:60px !important; }
.margin_t_70 { margin-top:70px !important; }
.margin_t_80 { margin-top:80px !important; }
.margin_t_90 { margin-top:90px !important; }
.margin_t_100 { margin-top:100px !important; }
.margin_t_110 { margin-top:110px !important; }
.margin_t_120 { margin-top:120px !important; }
.margin_t_130 { margin-top:130px !important; }

.margin_b_5 { margin-bottom:5px !important; }
.margin_b_10 { margin-bottom:10px !important; }
.margin_b_20 { margin-bottom:20px !important; }
.margin_b_30 { margin-bottom:30px !important; }
.margin_b_50 { margin-bottom:50px !important; }
.margin_r_10 { margin-right:10px !important; }
.margin_r_20 { margin-right:20px !important; }
.margin_r_30 { margin-right:30px !important; }
.margin_r_40 { margin-right:30px !important; }
.margin_r_50 { margin-right:30px !important; }
.margin_l_10 { margin-left:10px !important; }
.margin_l_15 { margin-left:15px !important; }
.margin_l_20 { margin-left:20px !important; }
.margin_l_30 { margin-left:30px !important; }
.margin_l_40 { margin-left:40px !important; }
.margin_l_50 { margin-left:50px !important; }
.margin_l_70 { margin-left:70px !important; }
.margin_l_90 { margin-left:90px !important; }
.margin_l_120 { margin-left:120px !important; }
.margin_l_130 { margin-left:130px !important; }

.text_center {text-align:center;}
.text_right {text-align:right;}
.text_left {text-align:left;}
.f_right { float:right;}

.text_green{ color:#75a903; font-weight:bold; text-decoration:underline;}





/* tabList */
#tabList1 {padding:0 0 20px 0; font-family:NanumBarunGothic; background:url("/imgs/template/tabListLine.gif") repeat-x 0 32px;}
#tabList1  ul.tblist {zoom:1;}
#tabList1  ul.tblist:after {content:""; display:block; clear:both;}
#tabList1  ul.tblist li {float:left; background:url("/imgs/template/tabListBg.gif") no-repeat 0 bottom; color:#888787; padding-left:0;}
#tabList1  a {display:inline-block; background:url("/imgs/template/tabListBg.gif") no-repeat right bottom; padding-right:20px; padding-left:20px; height:35px; text-align:center; text-decoration:none; color:#767676;}
#tabList1  a:visited {color:#767676;}
#tabList1  a:hover,.tabList a:active,.tabList a:focus {color:#454545;}
#tabList1  a span {display:block; padding:8px 0 0 0;}
#tabList1  ul.tblist li.sel {background-position:0 0;}
#tabList1  ul.tblist li.sel a {background-position:right 0; color:#fff; letter-spacing:-1px; font-weight:bold;}
#tabList1  ul.tblist li.sel a:hover,
#tabList1  ul.tblist li.sel a:active,
#tabList1  ul.tblist li.sel a:visited,
#tabList1  ul.tblist li.sel a:focus {color:#fff;}
#tabList1  ul.tblist li.sel a span {display:block; background:url("/imgs/template/tabListOn.gif") no-repeat 50% 21px; padding:5px 0 12px 0;}