@charset "utf-8";
/* sub.css */

/* layout */
#contents{position:relative;float:left;width:733px;padding:0 17px 50px 28px;background:url(/images/include/bg_sub.gif) repeat-x 0 0}
#contents h3{padding:9px 0 35px 0;}
#contents .path{position:absolute;right:17px;top:20px}
#contents .path li{float:left;padding-left:17px;background:url(/images/include/ico_path.gif) no-repeat 6px center;font-size:0.9em}
#contents .path li:first-child{background:url(/images/include/ico_home.gif) no-repeat 2px 1px}

#contents .section{width:100%}
#contents .section .tab{overflow:hidden;width:100%;padding-bottom:30px}
#contents .section .tab li{float:left}

/* company */
.sub_a{width:730px; padding-top:10px;}

/* board */
.bbs{width:100%}
.order{width:100%}

/* board search */
.bbsSearch{width:100%;height:45px}
.bbsSearch .inputText{width:130px;height:20px;line-height:20px}
.right{text-align:right}

/* board list */
.bbsList{width:100%;border-bottom:1px solid #dedede}
.bbsList table{width:100%}
.bbsList table th{height:38px;border-top:1px solid #999;border-bottom:1px solid #dedede;background:#f7f7f7 url(/images/bbs/bbs_line.gif) no-repeat 0 center}
.bbsList table th:first-child{background-image:none}
.bbsList table td{height:34px;border-bottom:1px solid #dedede;text-align:center}
.bbsList table td.title{padding-left:15px;text-align:left}
.bbsList table td a.file{padding-right:15px;background:url(/images/bbs/ico_file.gif) no-repeat right center}
.bbsList table td .inputText{width:100%;height:20px;line-height:20px}
.bbsList table td ul{margin-top:5px}
.bbsList table td ul li{margin-bottom:5px}
.bbsList table td ul li.check{color:#f00}

.order .bbsList table td{padding:0 15px}

/* board view */
.bbsView{width:100%}
.bbsView h4{line-height:38px;border-top:1px solid #999;border-bottom:1px solid #dedede;background-color:#f7f7f7;font-weight:bold;text-align:center}
.bbsView ul{overflow:hidden;width:100%;padding:9px 0;border-bottom:1px solid #dedede}
.bbsView ul li{float:left;width:100px;text-align:center}
.bbsView ul li.file{width:128px;padding-left:15px;text-align:left}
.bbsView ul li.file a{padding-left:15px;background:url(/images/bbs/ico_file.gif) no-repeat left center}
.bbsView ul li.name{padding-left:15px;text-align:left}
.bbsView ul li.date{width:160px;padding-left:15px;text-align:left}
.bbsView .textArea{padding:20px;border-bottom:1px solid #dedede}

/* board write : 글쓰기, 회원가입, 수정 */
p.indispensable{margin:30px 10px 5px 0;font-weight:bold;text-align:right;color:#c71414}
p.indispensable strong{font-size:14px}
.bbsWrite{width:100%;border-top:2px solid #999;border-bottom:1px solid #dedede}
.bbsWrite li{overflow:hidden;border-bottom:1px solid #dedede}
.bbsWrite li .label{clear:both;float:left;width:120px;margin-right:15px;padding:10px 20px 10px 0;background-color:#f6f6f6;font-weight:bold;text-align:right;color:#666}
.bbsWrite li .indispensable{background:#f6f6f6 url(/images/member/ico_indispensable.gif) no-repeat 123px 45%}
.bbsWrite li .inputText{width:200px;height:16px;margin-top:5px;line-height:16px}
.bbsWrite li .textarea{width:560px;height:200px;margin-top:5px}
.bbsWrite li .inputFile{width:500px;margin-top:5px}
.bbsWrite li .inputBtn{margin:4px 0 0 5px}
.bbsWrite li ul{display:inline-block}
.bbsWrite li ul li{border:0}
.bbsWrite li .textData{display:inline-block;margin-top:10px}

/* product list */
.proList{width:703px;margin-bottom:20px;padding:10px;border:5px solid #e9e9e9}
.proList ul{overflow:hidden}
.proList ul li{float:left;width:23%;height:24px;line-height:24px;padding-right:13px}
.proList ul li a{overflow:hidden;float:left;max-width:130px;height:24px;line-height:24px;padding-right:5px;white-space:nowrap;text-overflow:ellipsis}

.gallery{overflow:hidden;width:100%}
.gallery ul{overflow:hidden;width:744px}
.gallery ul li{float:left;width:176px;height:225px;margin-right:9px;text-align:center}
.gallery ul li img{margin-bottom:10px;padding:7px;border:1px solid #e7e7e7}
.gallery ul li img:hover{padding:3px;border:5px solid #72a0d0}
.gallery ul li span{display:block;overflow:hidden;width:160px;height:18px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}
.gallery ul li span.price{font-weight:bold;color:#2e72c5}

/* product view */
.proView{overflow:hidden;width:703px;margin-bottom:20px;padding:10px;border:5px solid #e9e9e9}
.proView .proImg{float:left;width:400px;height:380px;padding:10px 0;border:1px solid #e9e9e9}
.proView .proImg img{width:400px;height:380px}
.proView .proData{float:right;width:280px}
.proView .proData table{width:100%}
.proView .proData caption{height:40px;line-height:40px;border-bottom:1px solid #d9d9d9;font-weight:bold;color:#2e72c5}
.proView .proData th{width:85px;height:30px;padding-left:15px;border-bottom:1px solid #dedede;background:#f6f6f6 url(/images/product/ico_arr.gif) no-repeat left center;text-align:left;font-weight:normal}
.proView .proData td{padding-left:15px;border-bottom:1px solid #dedede;}
.proView .proData td.price{font-weight:bold;color:#333}
.proView .proData td .inputText{float:left;width:30px;height:18px;line-height:18px}
.proView .proData td ul li{height:11px;line-height:11px;font-size:0}
.proView .proData p{margin-top:25px;text-align:center}
.proInfo{width:100%;margin-top:20px}
.proInfo h4{background:url(/images/product/view_infobg.gif) repeat-x left top}
.proInfo p{padding:20px;line-height:20px}

/* board paging */
.btmArea{position:relative;width:100%;height:18px;margin-top:35px;padding:4px 0 5px 0;text-align:center}
.btmArea .btnLeft{position:absolute;left:0;top:0}
.btmArea .btnRight{position:absolute;right:0;top:0}
.paging{display:inline}
.paging a,.paging b{display:inline-block;height:18px;margin:0 2px;line-height:18px}

/* login */
.login{width:650px;margin:0 auto;padding-top:40px}
.login p{margin-bottom:20px}
.login .loginArea{overflow:hidden;width:450px;padding:39px 100px;background:url(/images/member/login_bg.gif) no-repeat left top}
.login .loginArea ul{float:left;width:318px}
.login .loginArea ul li{overflow:hidden;padding:5px 0}
.login .loginArea ul li .label{clear:both;float:left;width:80px;line-height:22px;letter-spacing:-0.1em;font-weight:bold;color:#2e3031}
.login .loginArea ul li .inputText{width:200px;height:22px;line-height:22px}
.login .loginArea .inputSearch{float:left;margin-top:2px}
.login .loginBtm{padding:40px 0 0 20px}
.login .loginBtm li{margin-bottom:10px}
.login .loginBtm li a{margin-right:4px}

/* provision */
.provision{overflow:auto;width:712px;height:200px;padding:10px;border:1px solid #dfdfdf}
p.agreeCheck{padding:10px;line-height:20px;text-align:right}
.agreeArea{line-height:20px;color:#666;}
.agreeArea h4{font-weight:bold}
.agreeArea h5{padding-top:10px;font-weight:bold}
.agreeArea p{padding-top:10px;}
.agreeArea ol,
.agreeArea ul{padding-left:10px}