@charset "utf-8";

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

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:12px/1.5 Malgun Gothic, "맑은 고딕", verdana, "돋움", Dotum, "굴림", Gulim, sans-serif;background:#fff;color:#767676;}
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  Malgun Gothic, "맑은 고딕", verdana, "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676;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:#767676;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}

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;}

.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;}

.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 #dfe9d8;}
.dtable.row{}
.dtable thead th,
.dtable tbody th,
.dtable tbody td,
.dtable tfoot td{padding:10px 5px 9px;border-right:1px solid #dfe9d8;border-bottom:1px solid #dfe9d8;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:#dfe9d8;font-weight:bold;color:#202020;}
.dtable thead th{background:#f2f6ef;}
.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 #dfe9d8;}
#bbslist table thead th,
#bbslist table tbody th,
#bbslist table tbody td,
#bbslist table tfoot td{padding:10px 5px 9px;border-right:1px solid #dfe9d8;border-bottom:1px solid #dfe9d8;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:#dfe9d8;font-weight:bold;color:#202020;}
#bbslist table thead th{background:#f2f6ef;}
#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:#767676;}
.searchform{padding:30px 0 0;text-align:center;}

/*
#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 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 Malgun Gothic, "맑은 고딕", 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:#767676;}
.pagenate li a{font-weight:normal;zoom:1;}
.pagenate li a:link,
.pagenate li a:visited{color:#767676;}
.pagenate li a:hover,
.pagenate li a:active,
.pagenate li a:focus{color:#767676;}
.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{height:30px;margin:0 0 20px;padding:0 15px;border-radius:20px;background:#f5f5f5;line-height:30px;text-align:right;}
#location span{display:inline-block;}
#location .point{}
#location .current{font-weight:bold;}


/* 게시판 */
#wrapper #bbslist .info{zoom:1;margin:0 0 5px;}
#wrapper #bbslist .info:after{content:'';display:block;clear:both;}
#wrapper #bbslist .info .article{color:#767676;}
#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;}

/* 마이페이지 */
#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;}

/* 섹션 , 헤딩 */
.section:first-child{margin:0;}
.section{position:relative;margin:30px 0 0;}
.section h4{ padding:0 0 0 10px; margin:0 0 15px 0; font-size:22px; background:url("../image/bl_sc_title.png") no-repeat 0 center; }
.section h5{ padding:0 0 0 15px; margin:0 0 15px 0; font-size:16px; color:#555; font-weight:bold; background:url("../image/bl_at_title.png") no-repeat 0 center;  }
.section h5 .stxt{font-weight:normal;font-size:11px;}

.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;}