/* 공통  CSS 부분 */
* {padding:0; margin:0; border:0;}
body {font-size: 1.2em; -webkit-text-size-adjust:none; font-family:'Droid Sans','Malgun Gothic','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림';}
ul, ol, dl {list-style:none;}
img {vertical-align:top; border: 0;}
a {text-decoration: none;}
a:link{color:#000000}
a:visited{color:#000000} 
input {-webkit-apperance:none; border:0;}
legend,caption{display:none;}
img,fieldset,button{border:0 none;}
input,select,textarea{vertical-align:middle;}
td{font-size:12px;}

/* vetical spacer */
.spacer5 {clear:both;display:block;width:100%;height:5px;}
.spacer10{clear:both;display:block;width:100%;height:10px;}
.spacer15{clear:both;display:block;width:100%;height:15px;}
.spacer20{clear:both;display:block;width:100%;height:20px;}

/* 헤더 */
#header {width:100%; position: relative;}
.hlogo {width:100%; margin:0 auto; text-align: center; height:45px; margin-top:10px}

/* GNB네비게이션 */
#gnb {width:100%;height:40px;z-index:10000;position:relative;background: #7092cb; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35) 
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);}
.g_nav{display:table;width:100%;height:40px;line-height:40px}
.g_nav .g_nav_l{position:relative;display:table-cell;text-align:center;}
.g_nav .g_nav_l a{display:block;font-size:15px;color:#fff;text-shadow:0 1px rgba(0, 0, 0, 0.40);font-weight:bold}
.g_nav .g_nav_l.on a{color:#fff568}

#wrap {width: 96%; background: #ffffff;margin: 0 auto;}

#message .mtitle {font-size:15px;}
#message .mtxt {font-size:12px;}

/* 제품category */
#pcategory {width:100%;height:30px;background:#e1c288;font-size:11px; padding-top:10px; color: #754c24; font-weight: bold; margin: 0 auto; text-align: center;}
#pcategory .ctitle {padding-right: 5px;}
#pcategory .pcatename {width:98%;}
/* 제품category end */

/* 소목차 리스트 */
#menuwrapper {width:100%;}
#menulist {width:100%;}
#menulist .menuinfo li .mimg {width:100%;}
#menulist .menuinfo li img {float:left; width:40%; padding-right:5px;}
#menulist .menuinfo li .mname {padding-top:10px; width:100%;text-align:left; font-size:16px;color:#754c24;font-weight:bold;}
#menulist .menuinfo li .bline {border-bottom:1px solid #ccc; height:1; width:100%;}
#menulist .menuinfo li {clear:both;}
/* 소목차 리스트 end */

/* 제품 상세페이지 타이틀 이미지 및 설명 */
#titlearea .tsubject {font-size:15px; line-height:30px;}
#titlearea .timg {width:100%}
#titlearea .timg2 {width:100%}
#titlearea .timg img {float:left; width:30%; padding-right:10px;}
#titlearea .timg2 img {float:right; width:30%; padding-left:10px;}
#titlearea .tname {width:100%;text-align:left; font-size:10px;}
#titlearea .tname2 {width:100%;text-align:left; font-size:10px;}
/* 제품 상세페이지 타이틀 이미지 및 설명 end */

/* 제품 상세페이지 이름,이미지,도면,설명 */
#iwrap {width:100%; margin:0 auto; text-align: center;}
#iwrap img {width:100%;}
.title {width:100%; margin:0 auto; font-size: 16px; color:#ffffff; background:#6f7375; font-weight: bold; padding-top: 10px; padding-bottom: 10px;}
#iwrap p {font-size:12px; line-height:20px;}
.expl {font-size:10px; color:#666666; padding-top:5px;}
#box {height:30px;}
#list {width: 100%; height: 40px; text-align: center; background:#ff0000; font-size:14px; color:#ffffff; margin: 0 auto; line-height: 40px}

#lwrap {width:100%; margin:0 auto; text-align: center;}
#lwrap li {width:100%; margin: 0 auto; text-align: center;}
#lwrap li img {width:100%;}
#lwrap li p {font-size:14px; padding-top: 10px; padding-bottom: 10px;}

#iwrap .timg {width:100%}
#iwrap .timg img {float:left; width:50%; padding-right:10px;}
#iwrap .tname {width:100%;text-align:left; font-size:10px;}
/* 제품 상세페이지 이미지,도면 설명 end */

/* see page */
#seepage {font-size:12px; height:20px; line-height:20px; color:#7092cb; padding-left:5px; border:1px solid #d1d1d1;}
#seepage a {text-decoration: none;}
#seepage a:link{color:#7092cb}
#seepage a:visited{color:#7092cb} 
/* see page end */

TABLE
{  width: 100%;
	border-top : 1px solid #acacac;
	border-left : 1px solid #acacac;
	border-collapse: collapse;
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-right: 0px;
	padding-left : 0px;
	text-align: center;
}

.wth {font-size: 10px; background:#f3f0c6;}
.wth2 {font-size: 10px; background:#f3f0c6; width:50%;}

td,th
 {font-size: 9px; 
  border-right:1px solid #acacac;
  border-bottom:1px solid #acacac;   
  }
  
/* 플리킹 배너 영역*/
#flicking_wrapper { width:100%;/*=page_width*/ height:180px; margin-top:-10px; padding-bottom:10px; overflow:hidden; background-color:#e1e7eb;}
#flicking_wrapScroll { position:relative; top:0; left:0; width:1440px;/*=number_of_page*page_width*/ height:124px; float:left; }
#flicking_wrapScroll ul { list-style:none; position:relative; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; }
#flicking_wrapScroll li { display:block; float:left; width:100%; height:124px; }
#indicator { margin:6px auto; width:57px; }
#indicator li { width:9px; height:9px; margin-right:10px; float:left; background:url(/m/m_commonimg/slider_off.png) no-repeat; }
#indicator li.active { background:url(/m/m_commonimg/slider_on.png) no-repeat; }
#indicator li span { display:none; }
/* 플리킹 배너 이미지 주소 영역 */
#flicking_wrapScroll li:nth-child(1) { background:url() no-repeat; }
#flicking_wrapScroll li:nth-child(2) { background:url() no-repeat; }
#flicking_wrapScroll li:nth-child(3) { background:url() no-repeat; }
  
/*M타이틀 */
#main_title {width:100%;height:50px;clear:both;position:relative;border-top: 1px solid #ccc}
.maintext {font-size:18px;padding-left:10px;padding-top:15px;color:#464646;font-weight: bold;}
.more  {position:absolute;font-size:13px;top:22px;right:8px;color:#464646;}

/*공지사항 */
#notice_list {width:96%; solid #ccc; text-align: left;margin: 0 auto; position: relative; background: #ffffff}
#notice_list .notice_ul li {border-bottom:1px solid #e6e6e6; padding:0 10px 0 10px; padding-top: 14px; height:30px;}
#notice_list .notice_ul li .board_title {float:left; font-size:14px;}
#notice_list .notice_ul li .board_date {float:right; font-size:13px; color: #858585}
#sport_reg {width:100%;}
.notice_num {padding:10px 5px 10px 5px;border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;font-size:15px;font-weight: bold; color:#ffffff;background:#95a0a6;line-height:20px;}
#ana_co_wr {width:100%;}
.ana_content {width:98%;margin: 0 auto;}
.ana_content .content_ifo {font-size:14px;line-height:22px;}
#ana_con_wr img{width:100%;}
#ana_con_wr .ana_content .content_ifo img {width:100%;} 
#ana_list .not_ul li{font-size:14px;position:relative;height:45px;padding-left: 10px;border-bottom: 1px solid #ccc;}
#ana_list p.notsubject {padding-top:13px;font-size:16px;color:#444444;padding-right:10px;height: 20px;}
.arr_v {float:right;margin-right: 10px;margin-top: 10px;width:33px;height:30px;border:1px solid #b9b9b9;-webkit-border-radius:3px;background:#f8f8f9 url(/m/m_commonimg/arr_v.png) no-repeat;}
.date_v {float:right;margin-right: 10px;width:80px;height:30px;margin-top: -18px;}
#ana_list .prev {position:absolute; float:right; width:50px; height:50px; z-index:10; background: url(/m/m_commonimg/preview.png) no-repeat; background-position: 15px 22px;}


.v_title {width:100%;height:40px;background:#6f7375;margin:0 auto;clear:both;text-align:center;}
.v_title a {font-size:30px;line-height:40px;color:#464646;display:block;width:50px;height:40px;}
.v_title h5 {text-align:center;display:inline;line-height:40px;color:#fff;}
.vback_bt {float:left;background:url(/m/img/com_back_bt.png) no-repeat;}
.vback_bg {float:right;width:50px;height:40px;}

/* 푸더 */
#footer {height:45px;background:#f4f4f4;border-top:1px solid #dcdcdc;padding-top:10px;}
#footer .footbt {width:320px;margin:0 auto;text-align:center;position:relative;}
.info_text {width:320px;height:20px;margin:0 auto;font-size:14px;color:#898989;letter-spacing:-1px;line-height:18px;text-align:center;}
.info {width:320px;height:30px;margin:0 auto;font-size:14px;color:#898989;letter-spacing:-1px;line-height:18px;padding:10px 0;text-align:center;}

/* 버튼 */
.roundbt { display:inline-block;border:1px solid #bfc2c8;background:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f6f6f6));color:#333;-webkit-box-shadow:inset 1px 1px 0 #ffffff;
           border-radius: 2px;margin-right:5px;text-align: center;padding: 5px 5px;font-size:14px;}
.roundbt_top { display:inline-block;border:1px solid #bfc2c8;background:url(/m/image/delimg.png) no-repeat 5px 10px, -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f6f6f6));border-radius:2px;font-size:14px;width:50px;height:26px;padding-left:15px;color:#464646;line-height:26px;}
.roundbt_fan { display:inline-block;border:1px solid #bfc2c8;background:url(/m/m_commonimg/fan_j.png) no-repeat 5px 7px, -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f6f6f6));border-radius:2px;font-size:14px;width:80px;height:35px;padding-left:30px;color:#464646;line-height:35px;}
.roundbt_list { display:inline-block;border:1px solid #bfc2c8;background:url(/m/m_commonimg/fan_j.png) no-repeat 5px 7px, -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f6f6f6));border-radius:2px;font-size:14px;width:100px;height:35px;padding-left:30px;color:#464646;line-height:35px;}

#tms {width:100%;margin:0 auto;text-align:center;position:relative;clear:both;height:50px;border-top:1px solid #d2d2d2;padding-top:20px;}
.roundbt_f { display:inline-block;border:1px solid #d3591f;width:102px;height:20px;background:-webkit-gradient(linear,0 0,0 100%,from(#ffa443),to(#ff7400));color:#fff;
           border-radius: 5px;margin-right:5px;text-align: center;padding: 5px 5px;font-size:15px;}