@charset "utf-8";

/* 
 * 작성자 : 김선미
 * 작성일 : 2013.11.27
 * 이메일 : zlatjs2@naver.com
 */

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('NanumGothic.eot');
  src: local('☺'), url('NanumGothic.woff') format('woff');
}

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: bold;
  src: url('NanumGothicBold.eot');     
  src: local('☺'), url('NanumGothicBold.woff') format('woff');
}

/* reset css */
html,body{margin:0;padding:0;height:auto;}
body { font:12px/1.5  'NanumGothicWeb', verdana, "돋움", Dotum, "굴림", Gulim, sans-serif;background:#fff;color:#808080;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:12px/1.5 'NanumGothicWeb', verdana, "돋움", Dotum, "굴림", Gulim, sans-serif;color:#808080;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;left:-5000px;top:0;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;vertical-align:middle;}
em,address{font-style:normal;}
a:link,a:visited{color:#808080;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}

table th,
table td{}

/* 인풋 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{height:16px;padding:2px 5px 1px;border:1px solid #cfcfcf;line-height:16px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{height:20px;border:1px solid #cfcfcf;background:none;}
textarea{overflow:auto;overflow-x:hidden;padding:2px 2px 2px 5px;border:1px solid #ddd;background:#fff;font-family:dotum;resize:none;}
iframe.frame {width:100%;overflow:hidden;}
select{}

.form_left{display:inline-block;margin:-5px -10px 0 0;font-size:0.3em;}
* html .form_left{display:inline;}
*+html .form_left{display:inline;}
.form_left li{display:inline-block;margin:5px 10px 0 0;font-size:12px;}
* html .form_left li{display:inline;}
*+html .form_left li{display:inline;}
.form_left label{margin:0 0 0 5px;vertical-align:middle;}
.form_left.type_full li{width:100%;margin-right:0;}

/* 정렬 */
.al_middle{display:inline-block;vertical-align:middle;}
.al_right { text-align:right; }
.al_left { text-align:left; }
.clear{zoom:1;}
.clear:after{content:'';display:block;clear:both;}

/* 버튼 */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
* html button{margin:0 1px;}
*+html button{margin:0 1px;}


.btn_wrap{zoom:1;margin:15px 0 0;font-size:0;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;margin:0 0 0 -3px;}
.btn_wrap .btn_right{float:right;margin:0 -3px 0 0;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 3px;vertical-align:middle;}

.submit { border:none; background:#e1e1e1; padding:3px 5px; border:1px solid #ddd; }

.dtable .btn_center{padding:0;border:0;}
.btn_center{position:relative;margin-top:15px;text-align:center;font-size:0;}

.btn_css{display:inline-block;margin:0 3px;padding:0 0 0 8px;background:url('./image/btn_css.png') no-repeat;text-align:center;cursor:pointer;height:36px;vertical-align:middle;letter-spacing:0;}
.btn_css:hover{text-decoration:none;}
.btn_css span{display:inline-block;position:relative;right:-2px;height:36px;padding:0 10px 0 0;background:url('./image/btn_css.png') no-repeat 100% 0;font:bold 12px/36px dotum;color:#fff;}

.btn_css.gray{background-position:0 -36px;}
.btn_css.gray span{background-position:100% -36px;}

.btn_cs{display:inline-block;margin:0 3px;padding:0 0 0 5px;background:#856b48/*url('./image/btn_cs.png') no-repeat 0 0*/;text-align:center;cursor:pointer;height:17px;vertical-align:middle;letter-spacing:0;}
.btn_cs:hover{text-decoration:none;}
.btn_cs span{display:inline-block;position:relative;right:-2px;height:17px;padding:0 7px 0 0;background:#856b48;font:bold 11px/17px dotum;color:#fff;}

.btn_cs.orange{background:#e10000;}
.btn_cs.orange span{background:#e10000;}
.btn_cs.gray{background:#767676;}
.btn_cs.gray span{background:#767676;}
.btn_cs.white{background:url('./image/btn_cs.png') no-repeat 0 -17px;}
.btn_cs.white span{background:url('./image/btn_cs.png') no-repeat 100% -17px;color:#856b48;}

/* 박스 */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* 테이블 */
.table_wrap{overflow:hidden;margin:0 0 0 -1px;}
.table_wrap .dtable{margin:0 0 0 1px;border-left:0;}
.dtable{border-top:1px solid #eee;border-left:1px solid #e5e5e5;}
.dtable.row{}
.dtable thead th,
.dtable tbody th,
.dtable tbody td,
.dtable tfoot td{padding:10px 5px 9px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;text-align:center;}
.dtable thead th,
.dtable tbody th,
.dtable tbody td.key,
.dtable tbody td.td1,
.dtable tbody td.th{border-color:#e5e5e5;font-weight:bold;color:#202020;}
.dtable thead th{background:#eee;}
.dtable tfoot td{font-weight:bold;}
.dtable tbody td img{vertical-align:middle;}
.dtable tbody td .notice{display:inline-block;padding:0 10px;background:#000;color:#fff;}
.dtable tbody td.tit{padding-left:10px;text-align:left;}
.dtable tbody td.num,
.dtable.row tbody td.num,
.dtable.row tfoot td.num{text-align:right;}

#list_faq .sbj{}
#list_faq .sbj a{text-decoration:none;}
#list_faq .sbj a:hover{text-decoration:underline;}
#list_faq .reply{display:none;}
#list_faq .reply td{background:#f8f9f9;text-align:left;}
#list_faq .reply.on{display:table-row;}

#bbslist table{border-top:1px solid #eee; /* border-left:1px solid #e5e5e5; */ border-top:2px solid #d43b74; }
#bbslist table thead th,
#bbslist table tbody th,
#bbslist table tbody td,
#bbslist table tfoot td{padding:10px 5px 9px;/*border-right:1px solid #e5e5e5; */border-bottom:1px solid #e5e5e5;background:#fff;text-align:center;}
#bbslist table thead th,
#bbslist table tbody th,
#bbslist table tbody td.key,
#bbslist table tbody td.td1,
#bbslist table tbody td.th{border-color:#e5e5e5;font-weight:bold;color:#202020;}
#bbslist table thead th{background:#fcfcfc;}
#bbslist table tfoot td{font-weight:bold;}
#bbslist table tbody td img{vertical-align:middle;}
#bbslist table tbody td .notice{display:inline-block;padding:0 10px;background:#000;color:#fff;}
#bbslist table tbody td.tit{padding-left:10px;text-align:left;}
#bbslist table td.sbj1{font:13px/1.5 'NanumGothicWeb', "돋움", Dotum, "굴림", Gulim, sans-serif;color:#808080;}
.searchform{padding:30px 0 0;text-align:center;}

body #bbslist thead .side1 { border-left:none; }
body #bbslist thead .side2 { border-right:none; }

/*
#bbswrite .dtable tbody td.td1,
#bbswrite .dtable tbody td.td2{padding:6px 7px 5px;vertical-align:middle;}
#bbswrite .dtable tbody td.td1{width:12%;}
#bbswrite .dtable tbody .td2 select{width:auto;}
*/

.dtable tbody td.al_left,
.dtable.row tbody th,
.dtable.row tbody td,
.dtable.row tfoot td{padding-left:7px;text-align:left;}
.dtable tbody td.al_right{padding-right:7px;text-align:right;}
.dtable.row tbody th{}
.dtable.row tbody td,
.dtable.row tfoot td{border-right:1px solid #eee;}

.dtable .reply .al_left a{padding:0 0 0 10px;background:url('./image/ico_tree.png') no-repeat 0 0;}

.dtable_desc{overflow:hidden;zoom:1;margin-top:10px;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}
.dtable_txt{display:block;position:relative;width:100%;margin-bottom:10px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;position:relative;}
.dtable_txt .txt_right{float:right;position:relative;}

table.layout { border-top:2px solid #d43b74; }
table.layout thead th,
table.layout tbody td { padding:12px 10px 11px; border-bottom:1px solid #eee; text-align:center; }
table.layout thead th,
table.layout tbody td.th { background:#fcfcfc; font-weight:bold; color:#333; }
table.layout tbody td.th { border-right:1px solid #e5e5e5; color:#d43b74; }
table.layout tbody td{ vertical-align:top; }
table.layout tbody td.al_left { text-align:left;}

table.layoutB { border-top:2px solid #d43b74; }
table.layoutB thead th,
table.layoutB tbody td { padding:7px 10px 6px; text-align:center; border:1px solid #dbdbdb; font-size:14px; }
table.layoutB thead th,
table.layoutB tbody td.th { background:#f2f2f2; font-weight:bold; color:#d43b74; }


/*
table.layout tbody td.th,
table.layout tbody td{padding:6px 0 5px;vertical-align:top;}
table.layout tbody td.th{font-weight:bold;}
table.layout tbody td.th .dot{padding:0 0 0 5px;background:url('./image/ico_dot.png') no-repeat 0 50%;}
table.layout tbody td{padding-left:10px;}
table.layout.line tbody td.th,
table.layout.line tbody td{border-top:1px solid #e5e0d9;}
table.layout.line tbody td.th{background-image:none;}
table.layout.line tbody td{background:url('./image/line_td.png') no-repeat 0 3px;}
table.layout.line tbody tr:first-child td.th,
table.layout.line tbody tr:first-child td{border-top:0;}
table.layout.no_padding tbody td.th,
table.layout.no_padding tbody td{padding:0;}
*/
.dtable table.layout tbody td.th,
.dtable table.layout tbody td{padding:0;border:0;}

/* 페이징 */
.pagenate{margin:25px 0 0;text-align:center;font:10px/1.5 'NanumGothicWeb', verdana,sans-serif;}
.pagenate a{position:relative;}
.pagenate ol{display:inline;overflow:hidden;margin:0 6px 0 1px;}
.pagenate li{display:inline;padding:0 0 0 1px;font-weight:bold;color:#808080;}
.pagenate li a{font-weight:normal;zoom:1;}
.pagenate li a:link,
.pagenate li a:visited{color:#808080;}
.pagenate li a:hover,
.pagenate li a:active,
.pagenate li a:focus{color:#808080;}
.pagenate img{vertical-align:middle;}

.page_wrap{zoom:1;margin:20px 0 0;}
.page_wrap:after{content:'';display:block;clear:both;}
.page_wrap .txt_left{float:left;}
.page_wrap .txt_left input[type="text"]{width:130px;}
.page_wrap .txt_left .btn_round span{}
.page_wrap .txt_right{float:right;}
.page_wrap .pagebox01{display:inline-block;margin:0;vertical-align:middle;}
* html .page_wrap .pagebox01{display:inline;}
*+html .page_wrap .pagebox01{display:inline;}

/* 컨텐츠 바로가기 */
#accessibility a{display:block;visibility:visible;background:#000;color:#fff;text-align:center;text-decoration:none;}
#accessibility a:focus{position:static;overflow:visible;font-weight:bold;font-size:12px;line-height:20px;width:100%;height:20px;}

/* 로케이션 */
#location { padding:0 0 0 15px; background:url("./image/icon_home.gif") no-repeat 0 center; text-transform:uppercase; }
#location span{ display:inline-block; *display:inline; zoom:1; }
#location .point {}
#location .current { color:#9b2752; }

/* 제품상세 및 목록 */
#product_view{border:1px solid #e2e3e2;}
#product_view .wrap{overflow:hidden;zoom:1;padding:20px 80px 0 40px;}
#product_view .conLeft{display:inline;float:left;width:282px;}
#product_view .conLeft .outer{height:312px;/*border:1px solid #e9e9e9;*/text-align:center;}
#product_view .conLeft .thumb{display:inline-block;position:relative;width:100%;}
#product_view .conLeft a{display:inline-block;overflow:hidden;width:169px;height:258px;}
#product_view .conLeft img{max-width:100%;max-height:100%;}
#product_view .conLeft .ico{position:absolute;right:-5px;top:-5px;}
#product_view .conLeft .btn_left img{width:87px;border:1px solid #f3f3f3;}
#product_view .conLeft .btn_right{width:240px;margin:0 0 -6px;}
#product_view .conLeft .btn_right .btn_square{margin:0 1px 6px;}
#product_view .conRight{float:right;width:364px;margin:34px 0 0;}
#product_view .conRight h4{margin:0 0 10px;font-weight:bold;font-size:16px;color:#202020;}
#product_view .conRight .btn_wrap{margin:15px -2px 0;}
#product_view .conRight .btn_wrap *{vertical-align:top;}
#product_view .conRight table.layout{border-top:2px solid #33353d;}
#product_view .conRight table.layout td{padding:4px 0 3px;border-bottom:1px dotted #e9e9e9;}
#product_view .conRight table.layout td.th{font-size:11px;}

.books_site{margin:24px 0 0;padding:13px 28px;border-top:1px solid #e2e3e2;background:url('./image/bg_mosaic.png');}
.books_site h3{margin:0 0 8px;}
.books_site ul{zoom:1;margin:0 -4px 0 0;}
.books_site ul:after{content:'';display:block;clear:both;}
.books_site ul li{float:left;margin:0 4px 0 0;padding:3px;background:url('./image/bg_store.png');}
.books_site ul li a{display:block;}

#product_list{overflow:hidden;position:relative;}
#product_list .outer{border:1px solid #e2e3e2;border-top:0;}
#product_list h3{padding:0 0 0 28px;background:url('./image/bg_pattern.png');font:bold 16px/47px dotum;color:#202020;}
#product_list .wrap{height:342px;}
#product_list .product_wrap{height:100%;border-left:0;background:#fff;}
#product_list .list_product{width:800x;height:100%;margin:0;}
#product_list .list_product li{width:199px;height:100%;border-bottom:0;}
#product_list .list_product .thumb{width:199px;height:152px;padding:35px 0 15px;}
#product_list .list_product .thumb a{}
#product_list .list_product .thumb a .ico{width:78px;height:78px;}

.num_wrap{font-size:0;}
.num_wrap input[type="text"]{width:35px;border-bottom-color:#e2e2e2;}
.num_wrap .num{display:inline-block;width:15px;margin:1px 0 0 -1px;vertical-align:middle;}
* html .num_wrap .num{display:inline;margin:0 0 0 -2px;}
*+html .num_wrap .num{display:inline;margin:0 0 0 -2px;}
.num_wrap .num a{display:block;margin:-1px 0 0;}
.num_wrap .btn_round{margin:0 0 0 5px;}

/* 별점 */
.score_wrap{display:inline-block;width:58px;height:9px;background:url('./image/bg_star_l.png') no-repeat;font-size:0;line-height:9px;text-align:left;vertical-align:middle;}
.score_wrap span{display:inline-block;overflow:hidden;}
.score_wrap .score1{width:10px;}
.score_wrap .score2{width:22px;}
.score_wrap .score3{width:34px;}
.score_wrap .score4{width:46px;}
.score_wrap .score5{width:100%;}

/* 게시판 */
#wrapper #bbslist .info{zoom:1;margin:0 0 5px;}
#wrapper #bbslist .info:after{content:'';display:block;clear:both;}
#wrapper #bbslist .info .article{color:#808080;}
#wrapper #bbslist .info .article h3{display:inline;font-weight:bold;font-size:16px;color:#202020;letter-spacing:-1px;}
#wrapper #bbslist .info .search{display:inline-block;height:21px;background:url('./image/bg_search_s.png') no-repeat 100% 0;text-align:right;}
* html #wrapper #bbslist .info .search{display:inline;}
*+html #wrapper #bbslist .info .search{display:inline;}
#wrapper #bbslist .info .search input[type="text"]{width:149px;margin:0 0 0 3px;border:0;background:none;}
#wrapper #bbslist .info .search input[type="image"]{width:21px;height:21px;}

/* 장바구니 */
#orderProgress{zoom:1;margin:0 0 30px;}
#orderProgress:after{content:'';display:block;clear:both;}
#orderProgress h3{float:left;}
#orderProgress h3 img{}
#orderProgress ol{float:left;}
#orderProgress li{overflow:hidden;float:left;height:42px;}
#orderProgress li strong{}
#orderProgress li img{vertical-align:top;}
#orderProgress li strong img{margin-top:-42px;}

/* 조회기간 */
.periodHits{overflow:hidden;width:100%;margin:0 0 10px;}
.periodHits h5{float:left;margin:0 5px 0 0;font-weight:bold;font-size:16px;color:#202020;}
.periodHits .inputWrap{float:left;}

/* 마이페이지 */
#mypage{height:122px;border:1px solid #dfdfdf;}
#mypage .guest{float:left;width:310px;height:100%;padding:0 0 0 20px;background:#f8f8f8;}
#mypage .guest .infor{overflow:hidden;width:100%;}
#mypage .guest .thumb{float:left;width:56px;height:46px;margin:0 18px 0 0;background:url('./image/bg_mypage.png') no-repeat 0 0;}
#mypage .guest .detail{float:left;}
#mypage .guest .detail span{display:block;}
#mypage .cart{float:left;width:310px;height:100%;padding:0 0 0 20px;background:url('./image/bg_mypage.png') no-repeat 90% -162px;}
#mypage .qna{float:right;width:310px;height:100%;padding:0 0 0 20px;background:url('./image/bg_mypage.png') no-repeat 90% -362px;}
#mypage .qna ul{overflow:hidden;width:200px;}
#mypage .qna li{float:left;width:100px;}
#mypage .head{padding:21px 0 11px;background-image:none;font-weight:bold;font-size:16px;color:#202020;}

#subRight .pagebox01{margin:20px 0 0;text-align:center;}
#subRight #pages_top .title{margin:0 0 20px;}

.goodsnumbox {margin:0;}
.goodsnumbox .i {float:left;margin:0 1px 0 0;}
.goodsnumbox .i input {border:1px solid #c0c0c0;font:12px/1.5 arial;width:30px;height:16px;text-align:center;}
.goodsnumbox .c {float:left;}
.goodsnumbox .u {margin:1px 0 0;cursor:pointer;}
.goodsnumbox .d {margin:1px 0 0;cursor:pointer;}
.goodsnumbox .s {float:left;padding:0;}
.goodsnumbox .s img {cursor:pointer;}

/* 섹션 , 헤딩 */
.section:first-child{margin:0;}
.section{position:relative;margin:30px 0 0;}
.section h4{margin:0 0 10px;padding:0 0 0 20px;background:url('./image/ico_h4.png') no-repeat 0 3px;font-weight:bold;font-size:13px;color:#6e6732;letter-spacing:-1px;}
.section h4 span{font-weight:normal;font-size:11px;color:#808080;}
.section h5{margin:0 0 8px;font-weight:bold;}
.section h5 .stxt{font-weight:normal;font-size:11px;}

.hgroup{zoom:1;position:relative;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #dadad9;}
.hgroup:after{content:'';display:block;clear:both;}
.hgroup .txt_left{float:left;}
.hgroup .txt_right{float:right;}

.float_wrap{zoom:1;}
.float_wrap:after{content:'';display:block;clear:both;}
.float_wrap .left{display:inline;float:left;}
.float_wrap .right{display:inline;float:right;}

.both_wrap{font-size:0;}
.both_wrap .left{display:inline-block;width:49.8%;font-size:12px;vertical-align:middle;}
.both_wrap .right{display:inline-block;width:49.8%;font-size:12px;vertical-align:middle;}
* html .both_wrap .left{display:inline;}
*+html .both_wrap .left{display:inline;}
* html .both_wrap .right{display:inline;}
*+html .both_wrap .right{display:inline;}


/* Sub style Css
***********************************************************************************************************/

/* company */
#scontents #s_right_cont .subcont { padding:54px 40px 0 0; min-height:640px; font-size:13px; color:#585858  }

#company { background:url("./image/company_bg.gif") no-repeat 0 0px; } 
.sub_txt { margin:0 0 30px 0; }
.sign { margin:30px 0 0 0; }
.section p { margin:20px 0 0 0; }
.section p:first-child { margin:0; }

.yearbox { zoom:1; }
.yearbox:after { content:''; display:block; clear:both; }
.yearbox .year_txt { float:left; width:126px; height:104px; line-height:104px; padding:0 0 0 20px; font-weight:bold; font-size:22px; letter-spacing:-1px; color:#fff; background:url("./image/year_bg.gif") no-repeat 0 0px; }
.yearbox ul { float:left; width:480px; padding:30px; background:#f7f7f7 }
.yearbox ul li { zoom:1; margin:5px 0 0 0; }
.yearbox ul li:first-child { margin:0; }
.yearbox ul li:after { content:''; display:block; clear:both; }
.yearbox ul li div { float:left; width:60px; font-weight:bold; font-size:16px; color:#d43b74; letter-spacing:-1px; }
.yearbox ul li ul { float:left; width:420px; padding:0; }
.yearbox ul li ul li { color:#545454; margin:0; }

.map { border-top:5px solid #d43b74; margin:0 0 30px 0; }
.map_detail {}
.map_detail table {}
.map_detail table tr td {vertical-align:top;}
.map_detail table tr td.th { font-weight:bold; color:#d43b74;  }

/* product */
#product { background:url("./image/product_bg.gif") no-repeat 0 0px; } 

/* cscenter */
#cs_center { background:url("./image/cs_center_bg.gif") no-repeat 0 0px; } 
.r_font { color:#d43b74; }

#emailform td input { width:98%; }

#brochure { height:195px; padding:55px 0 0 0; text-align:center; background:url("./image/brochure_bg.gif") no-repeat 0 0px; }

/* gallery */
#gallery { background:url("./image/gallery_bg.jpg") no-repeat 0 0px; } 

#wrap #bbslist .gallery .picbox { width:218px;}
#wrap #bbslist .gallery .picbox .pic { /* width:188px; height:110px;*/ height:159px; padding:2px; overflow:hidden; text-align:center; margin:0 0 5px 0; }
#wrap #bbslist .gallery .picbox img { max-width:100%; max-height:100%; }




/* sitemap */
#sitemap {}
#sitemap #snb .lnb { zoom:1;  display:block; }
#sitemap ul:after { content:''; display:block; clear:both; }
#sitemap ul li.st_list { width:220px; height:700px; float:left; }  /* 수정팁: 크롬에서는 넓이조절이 안먹힘 } */
#sitemap ul li.mid_list { margin:0 13px; }
#sitemap ul li.last_list { height:120px; }  /* 수정팁: 마지막 리스트 및에 공백 조절 } */

.agreebox { border:1px solid #e5e5e5; }

/*********************************************************************************************************/

/* 추가 css (2012.12.20) */
#category #i_div0_0 .num { display:none; }

/* login, join 상단 배경 추가 (2012.12.24) */
.basicBg { background:url("./image/cs_center_bg.gif") no-repeat 0 0px; }