@import "/_template/css/layout.css";

body,td,input,div,form,textarea,center,pre,blockquote,textfield,select {font-family:µ¸¿ò;font-size:9pt;color:#666666;line-height:160%;}

p{margin:0;}
.dt p {line-height:140%;margin:0px;}
fieldset{border:0px;}
ul, li {list-style:none;padding:0;margin:0;}
table, img {border:0px}
li img{vertical-align:top;}

a {color:#5E5E5E; text-decoration:none;}
a:hover {color:#5E5E5E; text-decoration:none;}

.input {border:1px solid #dedede;} 

.button {border:solid 1 #787878;background-color:#F2F2F2;color:#202020;font-size:8pt;height:18px;}

.ztitle{font-size:12pt;font-weight:bold;}

.id_form2 { border: 1px solid #D5D5D5;color:#4E4E4E;width:120px;height:18px;}

.email_form1_2 { border: 1px solid #D5D5D5;color:#4E4E4E;width:60px;height:18px;}
.email_form2_2 { border: 1px solid #D5D5D5;color:#4E4E4E;width:90px;height:18px;}

.ea{ border: 1px solid #A5ACB2;color:#4E4E4E;width:30px;height:20px;}

.order_line {background-color:#F9F9F9;padding:2px;border-top:1px dotted #CFCFCF;border-bottom:1px solid #CFCFCF;}

.bl1{color:#997499;font-size:9px}
.inputQnR {border:solid 1px #D5D5D5;width:630px;}
.inputQnRtxta{border:solid 1px #D5D5D5;width:630px;height:100px}

.png24 {tmp:expression(setPng24(this));}

.paging{text-align:center;padding:10px;}
.paging li{display:inline;}
.paging *{vertical-align:middle;}
/*************************************************************box*/
#boxTop, #boxBottom, #boxMiddle{width:100%;margin:0 auto;}
#boxTop{background:url('/_image/shop/box_top.gif') repeat-x;height:14px;position:relative;}
#boxTop .boxTopleft{background:url('/_image/shop/box_tl.gif') no-repeat;width:14px;height:14px;position:absolute;top:0px;left:0px}
#boxTop .boxTopright{background:url('/_image/shop/box_tr.gif') no-repeat;width:14px;height:14px;position:absolute;top:0px;right:0px}
#boxBottom{background:url('/_image/shop/box_bottom.gif') repeat-x;height:14px;position:relative;}
#boxBottom .boxBottomleft{background:url('/_image/shop/box_bl.gif') no-repeat;width:14px;height:14px;position:absolute;top:0px;left:0px}
#boxBottom .boxBottomright{background:url('/_image/shop/box_br.gif') no-repeat;width:14px;height:14px;position:absolute;top:0px;right:0px}
#boxMiddle{background:url('/_image/shop/box_left.gif') repeat-y #fff;position:relative;text-align:left;}
#boxMiddle .boxMiddleright{background:url('/_image/shop/box_right.gif') repeat-y top right;margin:0;}
#boxMiddle form{margin:0;}
#boxMiddle p{margin:0 0 0 80px;padding-bottom:10px;}
#boxMiddle label{width:70px;text-align:right;}
#boxMiddle .btn{position:absolute;z-index:2;top:30px;left:220px}
/*************************************************************box*/

/*************************************************************box*/
.box_tl {width:14px;height:14px;background:url('/_image/shop/box_tl.gif') no-repeat;font-size:0;}
.box_t {height:14px;background:url('/_image/shop/box_top.gif') repeat-x;font-size:0;}
.box_tr {width:14px;height:14px;background:url('/_image/shop/box_tr.gif') no-repeat;font-size:0;}
.box_round1 {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#fff;}
.box_round2 {border-left:5px solid #f3f3f3;border-right:5px solid #f3f3f3;}
.box_bl {width:14px;height:14px;background:url('/_image/shop/box_bl.gif') no-repeat;font-size:0;}
.box_b {height:14px;background:url('/_image/shop/box_bottom.gif') repeat-x;font-size:0;}
.box_br {width:14px;height:14px;background:url('/_image/shop/box_br.gif') no-repeat;font-size:0;}
/*************************************************************box*/

/*************************************************************member*/
/*¸Þ½ÃÁö - °¡ÀÔ¿Ï·á, Á¤º¸¼öÁ¤¿Ï·á, 1:1»ó´ã¿Ï·á*/
font.completion_msg {font-size:11pt;font-weight:bold;color:#614716;}

/*login.php*/
#login {text-align:center;margin:0 auto;width:600px;}
#login form{margin:0;}
#login .loginBox{width:600px;height:250px;background:url('/_image/member/bg_login.gif') no-repeat;position:relative;margin:0 auto;}
#login .orderBox{width:600px;height:240px;background:url('/_image/member/bg_order.gif') no-repeat;position:relative;margin:0 auto;margin-top:35px;}
.inputID{position:absolute;top:116px;left:107px;border:1px solid #e3e3e3;width:166px;}
.inputPW{position:absolute;top:140px;left:107px;border:1px solid #e3e3e3;width:166px;}
.inputPhone{position:absolute;top:84px;left:107px;border:1px solid #e3e3e3;width:166px;}
.inputOrder{position:absolute;top:108px;left:107px;border:1px solid #e3e3e3;width:166px;}
.btnJoin{position:absolute;top:188px;left:188px;}
.btnFind{position:absolute;top:188px;left:429px;}
.inputBtn{position:absolute;top:116px;left:281px;}
.inputBtn2{position:absolute;top:84px;left:281px;}

/*find_step1.php*/
#find {text-align:center;width:450px;margin:0 auto;}
#find h5 {width:450px;text-align:left;margin:0;}
#find h6 {width:420px;height:35px;text-align:left;padding-top:7px;margin:0;background:url('/_image/common/dotted.gif') repeat-x bottom left;}
#find label {width:50px;text-align:right;margin-right:5px;}
#find .box_left {width:215px;vertical-align:top;}
#find .box_right {width:60px;text-align:right;}

/*join_step2.php*/
#join{text-align:center;}
#join #boxStyle{width:98%;margin:0 auto;}
#join #boxStyle th{height:23px;font-size:12px;text-align:left;background:url('/_image/member/gt.gif') no-repeat 10px 8px #f7f7f7;padding:6px 0 0 20px;vertical-align:top;}
#join #boxStyle td{padding-left:10px;}
#join #boxStyle .prdName{background:#d8d6d4;}
#join #boxStyle tfoot tr td{background:#f7f5f2;text-align:right;padding:10px 20px;}

.tb_l {width:3px;height:27px;background:url('/_image/member/tb_l.gif') no-repeat;margin:0;paddin:0;font-size:0;float:left;}
.tb {width:115px;height:27px;background:url('/_image/member/gt.gif') no-repeat 5px 10px;background-color:#F7F7F7;padding:4px 0 0 12px;float:left;}
._padding {padding-left:108px;}
.tb_r {width:3px;height:27px;background:url('/_image/member/tb_r.gif') no-repeat;margin:0;paddin:0;font-size:0;float:left;}
.line {height:1px;margin:0;background:url('/_image/common/dotted.gif') repeat-x;text-align:center;}
/*************************************************************member*/

/*************************************************************mypage*/
.mypage_text {border:1px solid #dedfde;width:480px;height:20px;}
.mypage_txta {border:1px solid #dedfde;width:480px;height:100px;}

/*counsel_step1.php*/
#counsel input{margin:3px 0 0 3px;}
#counsel textarea{margin:3px 0 0 3px;}
#counsel fieldset {width:100%;height:32px;background:url('/_image/common/dotted.gif') repeat-x bottom left;padding:2px 0;font-weight:normal;}

/*order.php, order_detail.php*/
#order h5 {margin:20px 0 10px 0;text-align:left;}

/*************************************************************mypage*/

/*************************************************************content*/
/*?cont=uselaw*/
#uselaw iframe {border:1px solid #dedfde;}


/*?cont=join_rull*/
#join_rull {width:100%;text-align:left;} 
#join_rull dt {margin:0;padding:0;font-weight:bold;}
#join_rull dd {margin:0;padding:0;margin-bottom:20px;}
#join_rull ol {margin:0 0 0 0;padding:0 0 10px 30px;}
#join_rull li {margin:2px;}

/*?cont=guide*/
#guide {width:100%;text-align:left;} 
#guide dt {background:url('/_image/content/c_arrow.gif') no-repeat 9px 4px;padding:1px 0 0 26px;}
#guide ol {margin:0;padding:10px 0 20px 10px;font-weight:normal;}

/*?cont=privacy*/
#privacy *{margin:0;padding:0;}
#privacy{padding:5px;text-align:left;}
#privacy dt{background:url('/_image/content/p_arrow.gif') no-repeat 0 3px;padding:3px 0 0 20px;font-weight:bold;}
#privacy dd{margin:5px 0 10px 20px;}
#privacy dd dl dt{background:url('/_image/content/c_arrow.gif') no-repeat 0 3px;padding:0 0 0 18px;font-weight:normal;}
#privacy dd dl dd{margin:0 0 0 18px;}
#privacy ul{list-style-type:disc;margin:5px 0 5px 25px;}
#privacy ol{margin-left:30px;}
#privacy iframe {border:1px solid #dedfde;}

/* ȸ»ç¼Ò°³-ȸ»ç¼Ò°³ */
.company{width:667px;height:615px;text-align:left;}
.company p{margin:17px 0;}

/* »çÀÌÆ®¸Ê */
#sitemap{width:699px;}
#sitemap .sitemapList{width:233px;float:left;text-align:center;text-align:center;}
#sitemap .sitemapList div{width:170px;margin:0 auto;background:url('/_image/content/sm_bottom.gif') no-repeat left bottom;padding-bottom:39px;}
#sitemap .sitemapList div h4 ,#sitemap div p{margin:0;}
#sitemap .sitemapList div ul{width:170px;background:url('/_image/content/sm_line.gif') repeat-y;text-align:left;}
#sitemap .sitemapList div li{width:135px;margin-left:20px;padding:5px 0 0 15px;background:url('/_image/content/sm_dot.gif') no-repeat 5px 50%;border-bottom:1px solid #eaeaea;text-align:left;font-size:11px;}
#sitemap .sitemapList div .middleLi{padding:0 0 0 25px;background:url('/_image/content/sm_dot.gif') no-repeat 15px 50%;border:0;}

/* 1:1°í°´»ó´ã, °ßº»µµ¼­½Åû, ÃâÆÇÀÇ·ÚÇϱâ */
#contForm{width:610px;}
#contForm th{width:110px;padding:5px 0;border-bottom:1px solid #dfdfdf;background:url('/_image/content/bar.gif') no-repeat right 8px;vertical-align:top;text-align:center;}
#contForm td{width:500px;padding:5px 0;border-bottom:1px solid #dfdfdf;}
#contForm th img{margin:3px 0 0 0;}
#contForm td span{margin-left:16px;}

/* °ü·Ã»çÀÌÆ® */
.linkTableTitle{text-align:left;margin:40px 0 10px 28px;}
#linkTable h5{margin:0;}
#linkTable span{margin-left:24px;}
#linkTable a{color:#666666;}
#linkTable a:hover{color:#666666;}
#linkTable{width:610px;color:#666666;font-size:12px;text-align:left;border-bottom:2px solid #e0e0e0;}
#linkTable th{width:204px;height:32px;background:#f5f5f5;border-bottom:1px solid #fff;font-weight:normal;}
#linkTable td{width:406px;height:32px;background:#fff;border-bottom:1px solid #dfdfdf;}
#linkTable .lastline{border:0;}

#linkTable2 h5{margin:0;}
#linkTable2 span{margin-left:24px;}
#linkTable2 a{color:#666666;}
#linkTable2 a:hover{color:#666666;}
#linkTable2{width:610px;color:#666666;font-size:12px;text-align:left;border-bottom:2px solid #e0e0e0;}
#linkTable2 th{width:119px;height:32px;background:#f5f5f5;border-bottom:1px solid #fff;font-weight:normal;}
#linkTable2 td{width:491px;height:32px;background:#fff;border-bottom:1px solid #dfdfdf;}
#linkTable2 .lastline{border:0;}

/* ¼öÇèÁ¤º¸ ÀÚ·á½Ç */
#examiMenu{width:653px;height:270px;background:url('/_image/content/bg_exami.gif') no-repeat;}
#examiMenu table{width:632px;}
#examiMenu table th{width:158px;font-size:12px;color:#565656;padding:58px 0 20px 0;}
#examiMenu table td{vertical-align:top;padding-left:20px;}
#examiMenu table li{padding:3px 0 0 20px;}

/* »ó¼¼°Ë»ö °¡À̵å */
#searchGuide{width:640px;margin:0 auto;text-align:left;}
#searchGuide h4{margin:50px 0 0 10px;}
#searchGuide dt{padding:20px 0 5px 15px;}
#searchGuide dd{margin:0;padding:0 0 0 25px;}
/*************************************************************content*/

/*************************************************************shop*/
/*search_result.php*/
font.search_best {color:#5E4834; font-size:9pt;font-weight:bold;padding-left:25px;}
font.search_num {color:#A91C09; font-size:9pt;font-weight:bold;}
font.search_name {color:#454545; font-size:9pt;font-weight:bold;}

/*product_qna.php, product_review.php*/
#productQna{width:100%;}
#productQna th{height:31px;text-align:center;background:url('/_image/shop/list_bar.gif') no-repeat right top;}
#productQna td{height:30px;border-bottom:1px solid #e5e5e5;text-align:center;}
#productQna .subject{text-align:left;}
#productQna .qnarevCnt{border:0;height:0;width:100%;}
#productQna .qnarevCnt td{border:0;}
#productQna .qnarevCnt p{background:#F7F7F7;text-align:left;}
#productQna .qnarevCnt .qnarevBtn{text-align:right;}
#productQna .last{background:none;}

#productQnaList{width:100%;}
#productQnaList th{height:31px;text-align:center;background:url('/_image/shop/list_bar.gif') no-repeat right top;}
#productQnaList td{height:30px;border-bottom:1px solid #e5e5e5;text-align:center;}
#productQnaList .last{background:none;}

/*cart.php*/
#cart {width:670px;margin:0 auto;background:url('/_image/shop/cart_line.gif') repeat-x;}
#cart #boxStyle{width:100%;margin:0 auto;}
#cart #boxStyle th{height:31px;background:url('/_image/shop/cart_line2.gif') no-repeat left top;font-size:11px;color:#fff;}
#cart #boxStyle .prdSelect{background:none;}
#cart #boxStyle tfoot tr td{background:#f7f5f2;text-align:right;padding:10px 20px;}
#cart #boxStyle .empty{width:100%;height:300px;background:#F8F7F6;text-align:center;color:#333;font-weight:bold;}
#cart .cartBtn{text-align:center;width:670px;height:60px;margin:0 auto;}
#cart .cartBtn ul{float:right;}
#cart .cartBtn li{float:left;padding:33px 0 0 10px;}

/*big_section.php*/
#bigSection{width:100%;text-align:left;clear:both;}
#bigSection .cno1Search p{margin:0 0 10px 0;}
#bigSection .cno1Search .searchNum{width:340px;float:left;text-align:left;color:#666666;}
#bigSection .cno1Search .searchNum .numStyle{color:#666666;font-weight:bold;}
#bigSection .cno1Search .searchSort{width:340px;float:right;text-align:right;}
#bigSection .checkBtn{position:relative;float:left;width:340px;}
#bigSection .checkBtn .checkBook{position:absolute;top:0px;left:0;font-weight:bold;font-size:11px;}
#bigSection .bookArray{position:relative;float:left;width:340px;text-align:right;}
#bigSection .sectionPaging{text-align:center;margin:20px 0 0 0;}

/*product1.php*/
#productList{width:100%;height:130px;padding:30px 0;background:url('/_image/shop/line_dot.gif') repeat-x left bottom;}
#productList p{margin:0;text-align:left;}
#productList .listcheckBox{width:30px;float:left;position:relative;height:90px;}
#productList .listcheckBox input{position:absolute;z-index:2;top:50%;left:0px;}
#productList .listprdImg{width:120px;float:left;}
#productList .listprdImg div{width:96px;border:1px solid #dddddd;}
#productList .listprdImg div img{margin:3px;}
#productList .listprdCnt{width:530px;float:left;text-align:left;}
#productList .listprdCnt .listName{color:#555555;font-weight:bold;}
#productList .listprdCnt .listInfo{color:#555555;padding-bottom:10px;}
#productList .listprdCnt .listSummary{height:57px;overflow:hidden;font-size:11px;text-align:justify}
#productList .listprdCnt .listSummaryMore{text-align:right;}

#productList2{width:100%;height:130px;padding:30px 0;}
#productList2 p{margin:0;text-align:left;}
#productList2 .listcheckBox{width:30px;float:left;position:relative;height:90px;}
#productList2 .listcheckBox input{position:absolute;z-index:2;top:50%;left:0px;}
#productList2 .listprdImg{width:120px;float:left;}
#productList2 .listprdImg div{width:96px;border:1px solid #dddddd;}
#productList2 .listprdImg div img{margin:3px;}
#productList2 .listprdCnt{width:530px;float:left;text-align:center;}
#productList2 .listprdCnt .listName{color:#555555;font-weight:normal;font-size:11px;padding:10 auto}

#productMain{width:320px;margin:0 auto;padding-bottom:30px;}
#productMain .listprdImg{width:120px;float:left;text-align:left;}
#productMain .listprdImg div{width:96px;border:1px solid #dddddd;}
#productMain .listprdImg div img{margin:3px;}
#productMain .listprdCnt{width:200px;float:left;text-align:left;}
#productMain .listprdCnt p{width:200px;}
#productMain .listprdCnt .listWriter{padding-top:8px;}
#productMain .listprdCnt .listName{color:#555555;font-weight:bold;}
#productMain .listSummary{clear:both;width:320px;height:100px;overflow:hidden;text-align:left;font-size:11px;padding-top:20px;}


/*detail.php*/
#detail{width:100%}
#detail .listName{color:#333333;text-align:left;padding:0 0 10px 14px;font-size:15px;font-weight:bold;}
#detail #dtLeft{float:left;width:286px;text-align:center;}
#detail #dtRight{float:left;width:394px;text-align:center;}
#detail #dtRight #prdList{width:375px;color:000;border-top:1px solid #d6d6d6;margin:0 auto}
#detail #dtRight #prdList th{font-weight:normal;font-size:12px;width:70px;text-align:left;padding:5px 0 5px 22px;background:url('/_image/shop/dot.gif') no-repeat 12px 50%;}
#detail #dtRight #prdList .bottom{background:url('/_image/shop/dot.gif') no-repeat 12px 50% #f7f9fa;}
#detail #dtRight #prdList .listPrice{color:#349FCB;font-weight:bold;}
#detail #dtRight #prdList .listNPrice{color:#000;text-decoration:line-through;}
#detail #dtRight #prdList .listMilage{color:#000;}
#detail #dtRight .buyBtn{margin:26px 0 0 13px;}
#detail #dtRight .buyBtn li{float:left;padding-right:7px;}
#detail #detailinfo{clear:both;width:100%;}
#detail #detailinfo .dtInfo{text-align:justify;width:700px;}
#detail #detailinfo h3{text-align:left;margin:0;position:relative;margin:20px 0;width:100%;}
#detail #detailInfo h3 .productEA{position:absolute;top:-3;right:8px;font-size:9pt;font-weight:normal;}
#detail #detailinfo p{margin:0;}
/*************************************************************shop*/

/*************************************************************layout*/
html,body{margin:0;padding:0;text-align:center;background:#fff;}

#container{width:995px;margin:0 auto;text-align:left;position:relative;}

#header{height:135px;position:relative;text-align:center;}
#header .logo{position:absolute;top:54px;left:32px;}
#header .hdMenu{position:absolute;top:13px;right:15px;}
#header .hdMenu li{float:left;padding:0 10px;background:url('/_image/common/tm_bar.gif') no-repeat left top;}
#header .hdMenu .first{background:none;}
#header #topNavi{padding-top:86px;background:url('/_image/common/bg_topnavi.jpg') no-repeat 0px 86px;}

#mainBanner{height:309px;background:url('/_image/common/bg_mainbanner.jpg') no-repeat;}
#mainBanner #mainBannerFla{padding-top:40px;}
#subBanner{height:129px;position:relative;}
#subBanner img{position:absolute;top:99px;left:186px;}
#subBanner .subNavi{position:absolute;top:100px;right:110px;width:400px;height:30px;text-align:right;font-size:11px;}
#subBanner .subNavi a{color:#000;}
#subBanner .subNavi a:hover{color:#000;}

#wrapper{float:left;width:100%;}
#cnt{margin:30px 110px 50px 185px;width:700px;text-align:center;}
#cntBody{width:680px;margin:0 auto;text-align:center;position:relative;}

#navigation{float:left;width:185px;margin-left:-995px;}
#navigation p{margin:0 0 15px 0;}
#navigation #leftNavi{position:relative;top:-9;}

#extra{float:left;width:110px;margin-left:-110px;}
#extra p{margin:0;}
#extra #quickFla{margin:0 0 12px 5px;}
#extra .quickLink li{background:url('/_image/common/link_line.gif') repeat-y;}
#extra .quickLink li img{margin:2px 0 2px 11px;}

#footer{clear:left;width:900px;height:260px;background:url('/_image/common/bg_footer.gif') no-repeat left top;position:relative;}
#footer .ftMenu li{float:left;padding:33px 10px 0 10px;background:url('/_image/common/bm_bar.gif') no-repeat left 33px;}
#footer .ftMenu .first{padding:33px 10px 0 36px;background:none;}
#footer .ftInfo{clear:both;width:900px;height:100px;margin-top:47px;background:url('/_image/common/logo_b.gif') no-repeat 30px 70px;}
#footer .ftInfo li{padding-left:182px;font-size:11px;}

#searchForm{position:absolute;top:143px;left:311px;width:830px;}
#searchForm div{float:left;}
#searchForm form{width:180px;border:1px solid #d6d6d6;}
#searchForm .btnSearch img{margin-left:3px;}
#searchForm .favTag{background:url('/_image/common/favTag.gif') no-repeat 28px 2px;padding-left:90px;}
#searchForm .favTag li{float:left;padding-right:5px;}

.shadow{position:absolute;z-index:2;top:-5px;right:-60px;}
/*************************************************************layout*/

/*************************************************************main layout*/
#boardList{width:100%;height:50px;}
#boardList .listNews{position:relative;float:left;width:318px;text-align:left;}
#boardList .listNews div{position:absolute;z-index:2;top:8px;left:110px;}
#boardList .listNotice{position:relative;float:left;width:382px;text-align:left;}
#boardList .listNotice div{position:absolute;z-index:2;top:8px;left:55px;}
#mainTitle{height:28px;text-align:left;margin:0;background:url('/_image/main/main_tbg.gif') repeat-x;}
#mainTitle span{float:left;width:350px;font-size:11px;text-align:left;font-weight:normal;}
#mainBottom{width:100%;height:235px;position:relative;top:-1px;}
#mainBottom .bestBook{position:absolute;top:0px;left:0px;width:700px;height:235px;background:url('/_image/main/bg_best.gif') no-repeat;padding-top:55px;}
#mainBottom .bestBook .rollList{width:360px;margin:0 auto;}
#mainBottom .bestBook .btnLeft{position:absolute;top:117px;left:12px;}
#mainBottom .bestBook .btnRight{position:absolute;top:117px;left:677px;}
#mainBottom .bestReview{position:absolute;top:0px;left:450px;width:250px;height:235px;background:url('/_image/main/bg_bestreview.gif') no-repeat;}
/*************************************************************main layout*/