
/* RESET */
* {padding:0px; margin:0px;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object,img,img a {border:none; margin:0; padding:0;}
li, dd {list-style:none;}
hr, legend, caption, .blind{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%} /* blind는 화면에 보이지 않지만 리더기에서는 읽힘 */
caption{position:static}
table{border-collapse:collapse; border-spacing:0;}
em,address,cite{font-style:normal}
input[type=checkbox] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
input[type=radio] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
label {position:relative; top:0px;}
a {outline:none; select-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this)); }

/* BASIC */
html {overflow-y:scroll;}
body {background-color:#FFFFFF;}
body, div, td, p, input, button, textarea, select {font-family: 굴림, Gulim, 돋움, Dotum, Tahoma, Arial, sans-serif; font-size:12px; color:#444444; line-height: 140%;}
a:link, a:visited, a:active {text-decoration:none; color:#444444;}
a:hover {text-decoration:none; color:#F10179;}

/* COMMON */
#wrap_head {min-width:1000px; height:105px; background:url('/img/bg_head.jpg') top left repeat-x;}
#head {width:1000px; margin:0 auto;}
#head #logo {float:left; width:207px;}
#head #contact {float:left; width:242px; margin-left:20px;}
#head #tm {float:right; margin-top:48px;}
#head #tm li {float:left; margin-left:8px;}
#head #tm li a:link, #tm li  a:visited, #tm li  a:active { text-decoration:none; font-family: "Nanum Gothic"; font-weight:700; font-size:12px; color:#828282; letter-spacing:-1px;}
#head #tm li a:hover { text-decoration:none; color:#FFFFFF;}
#wrap_gnb {width:100%; height:50px; margin-bottom:32px; background-color:#F1704D;;}
#gnb {width:1000px; margin:0 auto;}
#gnb li {float:left;}
#wrap {width:1000px; margin:0 auto;}
#left {float:left; width:207px;}
#left #outlogin {width:100%; height:172px; border-top:1px solid #000000;}

#left #left_search {margin-bottom:20px;}
#left #left_search .tle {margin-bottom:18px;}
#left #left_search .subject {width:59px; padding-left:5px; padding-bottom:4px;}
#left #left_search .keywd {padding-bottom:4px;}

#left #left_subcategory {margin-bottom:18px;}
#left #left_subcategory .tle {margin-bottom:18px;}
#left #left_subcategory .cont {width:187px; margin:0 auto;}
#left #left_notice {margin-bottom:18px;}
#left #left_notice .tle {margin-bottom:12px;}
#left #left_notice .cont {width:187px; margin:0 auto;}
#left #left_cscenter {margin-bottom:5px;}
#left #left_bank {margin-bottom:10px;}
#content {float:left; width:768px; margin-left:25px;}
#wrap_fm {min-width:1000px; padding:14px 0px; margin-top:40px; border-top:1px solid #eeeeee;}
#fm {width:444px; margin:0 auto;}
#fm li {float:left;}
#fm li.sp {width:33px; color:#D3D3D3; text-align:center;}
#wrap_foot {min-width:1000px;  padding:26px 0px 20px 0px; background-color:#2b3949;}
#foot {width:976px; margin:0 auto;}
#foot .footlogo {float:left;}
#foot .copyright {float:left; margin-left:36px; font-family: "Nanum Gothic"; font-weight:400; color:#a2b4c1; line-height:16px;}
#foot .copyright a:link, #foot .copyright a:visited, #foot .copyright a:active { text-decoration:none; color:#a2b4c1;}
#foot .copyright a:hover { text-decoration:none; color:#F10179;}
#foot .kcp {float:right; margin-top:-6px;}

/* MAIN & CATEGORY VIEW */
#mv {width:766px; height:290px; margin:0 auto; margin-bottom:30px; border:1px solid #e9e9e9; border-top:1px solid #000000;}
#catelist1 {width:100%; margin-bottom:32px; border-left:1px solid #D6D6D6; border-top:1px solid #D6D6D6;}
#catelist1 li {float:left; width:190px; height:68px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; background-color:#F7F7F9;}
#catelist1 li .pimg {float:left; width:60px; height:60px; margin:4px 4px 0px 8px;}
#catelist1 li .catename {float:left; margin-top:30px; font-family: "Nanum Gothic"; font-weight:700; font-size:13px; color:#444444; line-height:13px; }
#catelist2 #cateblock {width:100%; margin-bottom:22px; border-top:1px solid #000000; border-bottom:1px solid #DCDCDC; }
#catelist2 #cateblock .catehead {float:left; width:183px; background-color:#FFFFFF;}
#catelist2 #cateblock .catehead .catename {margin:14px 0px 16px 10px; padding-left: 20px; background: url('/img/icon_cate.gif') left top no-repeat; font-family: "Nanum Gothic"; font-weight:700; font-size:14px; color:#444444; line-height:13px;}
#catelist2 #cateblock .catehead .cateimg {width:148px; margin-left:7px;}
#catelist2 #cateblock .subcate {float:right; width:585px; min-height:155px; background-color:#F7F7F9; padding:20px 0px;}
#catelist2 #cateblock .subcate li {float:left; width:156px; margin-left:24px; margin-bottom:16px; padding-left:10px; background:url('/img/icon_catearrow.gif') left top no-repeat; font-family: "Nanum Gothic"; font-weight:400; font-size:13px; color:#444444; line-height:13px;}

/* SUB - COMMON */
#location {margin-bottom:5px; border-top:1px solid #000000;}
#location .here {margin:12px 0px 25px 4px; font-family:돋움, 돋움체; color:#9d9d9d; font-size:11px;}
#location .here a:link, #location .here a:visited, #location .here a:active { text-decoration:none; color:#9d9d9d;}
#location .here a:hover { text-decoration:none; color:#F24400; }
#location .caname {margin-bottom:30px; padding-left:34px; background:url('/img/icon_subcategory_caname.jpg') left top no-repeat; font-family: "Nanum Gothic"; font-size:15px; color:#393939; font-weight:700; line-height:15px;}
#sv {margin-bottom:24px;}
#subcategory {width:100%; margin-bottom:20px;}
#subcategory li {float:left; width:244px; height:68px; margin-left:15px; margin-bottom:15px; border:1px solid #D6D6D6;}
#subcategory li.first {margin-left:0px;}
#subcategory li .pimg {float:left; width:60px; height:60px; margin:4px 4px 0px 8px;}
#subcategory li .catenamblock {float:left; width:163px; height:68px; display:table;}
#subcategory li .catenamblock .catename { display:table-cell; vertical-align:middle; font-family: "Nanum Gothic"; font-weight:700; font-size:13px; color:#444444; line-height:13px;}

/* SUB - MAKER */
.makersection {height:30px; padding-left:16px; border-top:2px solid #bdd9e2; background-color:#ecf4f6; font-weight:bold; font-size:13px;}
#submaker {width:100%; margin-bottom:10px;}
#submaker li {float:left; width:240px; height:20px; margin-left:15px; margin-top: 5px; font-family: "Nanum Gothic"; font-weight:700; font-size:13px; color:#444444; line-height:13px;}
#submaker li. first {margin-left:0px;}
.makercate {padding:0px 0px 10px 6px; border-bottom:1px solid #e6e6e6;  font-weight:bold;}

/* SUB - SEARCH */
#topsearch { width:100%; margin:0 auto;  margin-bottom:50px; padding-bottom:20px; border-top:2px solid #bdd9e2; background-color:#ecf4f6;}
#topsearch .searchtle { margin-bottom:14px; padding:12px 18px; border-bottom:1px solid #FFF;}
#topsearch .searchtle .sname {float:left; font-size:13px; font-weight:bold;}
#topsearch .searchtle .cmt {float:right; font-size:11px; color:#689dae; }
#topsearch .searchform {width:660px; margin:0 auto;}
#topsearch .searchform .ssubject {padding-right:6px; font-family: "Nanum Gothic"; font-weight:700; font-size:13px; color:#444444; line-height:13px;}
#topsearch .searchform .skeyword {padding-right:10px;}

/* SUB - ITEM LIST */
#listsort { margin-bottom:30px; border-bottom:1px solid #e2e8eb; padding-bottom:4px; line-height:12px;}
#listsort .total {font-family: "Nanum Gothic"; font-weight:400; font-size:13px; line-height:13px;}
#listsort .listsort_tle {padding-right:8px; font-family: "Nanum Gothic"; font-weight:400; font-size:13px; color:#c0c0c0; line-height:13px;}
#listsort .sp {padding:0px 5px; font-family: "Nanum Gothic"; font-weight:400; font-size:11px; color:#c0c0c0; line-height:13px;}
#listsort a.sortoption:link, #listsort a.sortoption:visited, #listsort a.sortoption:active {text-decoration:none; font-family: "Nanum Gothic"; font-weight:700; font-size:13px; line-height:13px;}
.it_img {width:174px; border:1px solid #E2E2E2;}
.bookmark { width:88px; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;  padding:3px; background-color: #FFFFFF;  color:#a0a0a0;}
.viewdetail { width:88px; border:1px solid #E2E2E2; border-top:0px; padding:3px; background-color: #FFFFFF;  color:#a0a0a0;}

/* SUB - ITEM DETAIL VIEW */
#item_name { padding:14px; background-color:#dd607b; font-family: "Nanum Gothic"; font-size:16px; font-weight:700; color:#FFF; line-height:16px;}
#item_maker { margin-bottom:30px; padding:10px; border-bottom:1px solid #E2E2E2; font-family: "Nanum Gothic"; font-size:14px; font-weight:700; color:#242424; line-height:14px;}
#item_common, #item_caddata, #item_productinfo, #item_relation { border-bottom:1px solid #b6b6b6; margin-bottom:15px;}
#item_common, #item_caddata, #item_productinfo, #item_relation, #item_detailspec {width:100%; padding: 3px 3px 3px 22px; background:url('/img/icon_arrow.jpg') left 7px no-repeat; font-family: "Nanum Gothic"; font-weight:700; font-size:15px; color:#494949;}
#item_baesong {margin-bottom:30px; padding-top:30px; border-top:1px solid #b6b6b6;}
#item_change {margin-bottom:20px; padding-top:30px; border-top:1px solid #b6b6b6;}
.cadoff { border: 1px solid #D9D9D9; padding: 3px; background-color: #FAFAFA;  font-weight:bold; color: #BEBEBE;}
.cadon { border: 1px solid #5A5A5A; padding: 3px; background-color: #5A5A5A; font-weight:bold; color: #FFFFFF;}

/* SUB - ESTIMATE */
#estimate_table {margin-bottom:30px; border-top:2px solid #bdd9e2;}
#estimate_table th {height:35px; border-bottom:1px solid #D9E9EE; font-family: "Nanum Gothic"; font-weight:700; color:#5b8fa0; text-align:center; background-color:#ecf4f6}
#estimate_table td {height:35px; border-bottom:1px solid #EEEEEE; text-align:center;}

/* SUB - CART */
#cart_table {margin-bottom:30px; border-top:2px solid #bdd9e2;}
#cart_table th {height:35px; border-bottom:1px solid #D9E9EE; font-family: "Nanum Gothic"; font-weight:700; color:#5b8fa0; text-align:center; background-color:#ecf4f6}
#cart_table td {height:35px; border-bottom:1px solid #EEEEEE; text-align:center;}
.it_img_cart {width:70px; height:70px; border:1px solid #E8E8E8;}
.cart_total {font-family: "Nanum Gothic"; font-size:16px; font-weight:700; color:#747474; line-height:20px;}
.cart_amount {font-family:Arial, tahoma; font-size:18px; font-weight:bold; color:#56A2E7;}
.cart_amount_won {font-family: "Nanum Gothic"; font-size:16px; color:#56A2E7; }
.cart_sendcost {font-family:Arial, tahoma; font-size:18px; font-weight:bold; color:#A7A7A7;}
.cart_sendcost_won {font-family: "Nanum Gothic"; font-size:16px; color:#A7A7A7; }
.cart_tamount {font-family:Arial, tahoma; font-size:18px; font-weight:bold; color:#F84466;}
.cart_tamount_won {font-family: "Nanum Gothic"; font-size:16px; color:#F84466; }
.cart_point {color:#c8c8c8;}
#cart_cmt {width:650px; padding:20px; margin:50px auto; border:1px solid #e4e4e4}
#cart_cmt table td {font-size:11px; color:#a2a2a2; line-height:20px;}

/* SUB - ORDER */
#order_tle {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #bcdee7;}
#orderform {margin-bottom:30px;}
#orderform td { padding:8px 0px 8px 0px; border-bottom:1px solid #EEEEEE;}
#orderform .orderform_tle {padding-left:10px; font-family: "Nanum Gothic"; font-size:13px; font-weight:700; color:#929292;}
#address td {border:0px; padding:0px 0px 4px 0px;}
#bankinupt td {border:0px; padding:0px;}
#ordernum {margin:16px 0px 26px 6px;}
#ordernum .tle {font-family: "Nanum Gothic"; font-weight:700; font-size:15px;}
#ordernum .num {font-family: "Nanum Gothic"; font-weight:700; font-size:15px; color:#F20D74;}
#order_table {margin-bottom:30px; border-top:2px solid #bdd9e2;}
#order_table th {height:35px; border-bottom:1px solid #D9E9EE; font-family: "Nanum Gothic"; font-weight:700; color:#5b8fa0; text-align:center; background-color:#ecf4f6}
#order_table td {height:35px; border-bottom:1px solid #EEEEEE; text-align:center;}
.order_point_won {font-size:13px; font-weight:bold; color:#996CD0;}
.order_point {font-family: Arial, Tahoma; font-size:17px; font-weight:bold; color:#996CD0;}
.order_amount_won {font-size:13px; font-weight:bold; color:#F84466;}
.order_amount {font-family: Arial, Tahoma; font-size:17px; font-weight:bold; color:#F84466;}
.order_blue {font-weight:bold; color:#0599D8;}
#order_total {padding-bottom:30px; border-bottom:1px solid #bcdee7; text-align:center;}
.order_paid_tle {font-family: "Nanum Gothic"; font-size:16px; font-weight:700; color:#4B4B4B;}
.order_unpaid_tle {font-family: "Nanum Gothic"; font-size:16px; font-weight:700; color:#F84466;}
.order_dc_tle {font-family: "Nanum Gothic"; font-size:16px; font-weight:700; color:#3EADFF;}
.order_paid {font-family:Arial, tahoma; font-size:18px; font-weight:bold; color:#4B4B4B;}
.order_unpaid {font-family:Arial, tahoma; font-size:18px; font-weight:bold; color:#F84466;}
.order_dc {font-family:Arial, tahoma; font-size:18px; font-weight:bold; color:#3EADFF;}

/* SUB - MYPAGE */
.myinfo_name {font-family: "Nanum Gothic"; font-size:15px; font-weight:700; color:#0083B9}
.myinfo_txt  {font-family: "Nanum Gothic"; font-size:15px; font-weight:700;}
#myinfo {margin:10px 0px 50px 0px; padding:22px 30px 28px; border:2px solid #bdd9e2; background-color:#f2f8f9;}
#myinfo td {padding:8px 0px 4px; border-bottom:1px solid #FFFFFF;}
#myinfo .tle {font-family: "Nanum Gothic"; font-size:13px; font-weight:700;  color:#434343;}
#mypage_tle {margin-bottom:14px;} 

/* SUB - WISH LIST */
#wishlist_table {margin-bottom:30px; border-top:2px solid #bdd9e2;}
#wishlist_table th {height:35px; border-bottom:1px solid #D9E9EE; font-family: "Nanum Gothic"; font-weight:700; color:#5b8fa0; text-align:center; background-color:#ecf4f6}
#wishlist_table td {height:35px; border-bottom:1px solid #EEEEEE; text-align:center;}

/* SUB - MEMBER */
#joinform {table-layout:fixed;}
#joinform td {padding:8px 0px 8px 0px; border-bottom:1px solid #EEEEEE;}
#joinform .m_title { padding-left:6px; font-family: "Nanum Gothic"; font-size:13px; font-weight:700; color:#717171;}
#joinaddress td {border:0px; padding:0px 0px 4px 0px;}
.recheck {font-family: "Nanum Gothic"; font-size:12px; font-weight:700; color:#ff0066;}
.mb_id { ime-mode:disabled; }
.resutl_strong {font-family: "Nanum Gothic"; font-size:13px; font-weight:700; color:#24AAE1;}
#login {width:100%; border-top:1px solid #E3E7EA; border-bottom:1px solid #E3E7EA; padding:40px 0px 20px;}
.logintle {width:72px; font-family: "Nanum Gothic"; font-size:13px; font-weight:700; color:#434343;}
.logincmt {font-family: "Nanum Gothic"; font-size:13px; font-weight:400; color:#7e7e7e;}
#guest {width:100%; border-bottom:1px solid #E3E7EA; padding:34px 0px;}
.guesttle {width:710px; margin:0 auto; margin-bottom:20px;}
.guestinfo {width:360px; height:172px; border:1px solid #c1c1c1; padding:10px; background-color:#FAFAFA; overflow:auto;} 
#ordertracking {width:100%; border-bottom:1px solid #E3E7EA; padding:34px 0px;}
.ordertrackingtle {width:710px; margin:0 auto; margin-bottom:20px;}
#memconfirm {width:100%; margin-bottom:18px; border-top:1px solid #E3E7EA; border-bottom:1px solid #E3E7EA; padding:50px 0px;}

/* ETC */
#topcmt {margin-bottom:10px; color:#A6ACB3;}
#btbtn {text-align:center;}
.clearfix {clear:both; content:""; display:block;}
.hspace30 {clear:both; height:30px;}

/* TYPE */
.comment {color:#A2A2A2;}
.tred {color:#E4456E;}
.tblue {color:#1B8ACA;}
.tbold {font-weight:bold;}
.tbred {font-weight:700; color:#E4456E;}
.tbblue { font-weight:700; color:#1B8ACA; }

/* PAGING */
#page {margin:40px 0px 30px; 0px; text-align:center; clear:both;}
.paging { display:inline-block; width:28px; height:20px; padding-top:5px; text-align:center; border:1px solid #d7d7d7; }
.paging:hover {  display:inline-block; width:28px; height:20px; padding-top:5px; text-align:center;  border:1px solid #6fb1c8;  }
a.paging:link, a.paging:visited, a.paging:active { text-decoration:none; font-family:Arial, Tahoma, Verdana; font-size:11px; font-weight:bold; color:#bcbcbc; }
a.paging:hover { text-decoration:none; font-family:Arial, Tahoma, Verdana; font-size:11px; font-weight:bold; color:#6fb1c8; }
.pagehere {  display:inline-block; width:28px; height:20px; padding-top:5px; text-align:center;  border:1px solid #80bace; background-color:#80bace; text-decoration:none; font-family:Arial, Tahoma, Verdana; font-size:11px; font-weight:bold; color:#ffffff; }

/* FORM */
.leftlogin {width:108px; height:21px; border:1px solid #C5C5C5; padding:2px 2px 0px 4px; color:#858585}
.search {width:114px; height:21px; border:1px solid #AFAFAF; padding:0px 2px 0px 4px;}
.login { width:236px; height:24px; border:1px solid #CDCDCD; padding:2px 2px 0px 4px; } 
.registtxt {width:716px; height:220px; border:1px solid #CDCDCD; padding:10px; background-color:#FAFAFA;} 
.select {height:24px; border:1px solid #CDCDCD;} 
.ed { height:24px; border:1px solid #CDCDCD; padding:0px 2px 0px 4px; } 
.ed2 { height:20px; border:0px; } 
.tx { border:1px solid #CDCDCD; padding:4px; } 

/* POPUP */
#popup_tle {width:100%; height:50px; margin-bottom:18px; background-color:#90C535;}
#popup_tle .tlename {padding-left:20px; font-family: "Nanum Gothic"; font-weight:700; font-size:18px; color:#FFFFFF; line-height:49px;}
.popsubject {font-family: "Nanum Gothic"; font-size:13px; font-weight:700; color:#434343;}
 

/* 프로그램 작업자 추가 */
.box { border: 1px solid #AFAFAF; padding: 3px; background-color: #FFFFFF;  color: "#898989";}
.box1 { border: 1px solid #AFAFAF; Border-Bottom:0px; padding: 3px; background-color: #FFFFFF;  color: "#898989";}
.box2 { border: 1px solid #AFAFAF; Border-Bottom:0px; padding: 3px; background-color: #E6E6E6;  color: "#FFFFFF";}
.box3 { border: 1px solid #AFAFAF; Border-Bottom:0px; padding: 3px; background-color: #FFFFFF;  color: "#898989";}
.box4 { border: 1px solid #AFAFAF; width:100%; text-align:left; Border-Top:0px; Border-right:0px; padding: 3px; background-color: #FFFFFF;  font-weight:bold; color: "#898989";}
.box5 { border: 1px solid #AFAFAF; Border-Bottom:0px; Border-top:0px; Border-right:0px; padding: 3px; background-color: #FFFFFF;  font-weight:bold; color: "#898989";}
.txt2 {float:left; margin-top:10px; margin-bottom:10px; font-family: "Nanum Gothic"; font-weight:700; font-size:16px; color:#FFFFFF; line-height:13px;}
.tbl{float:left; margin-top:10px; font-family: "Nanum Gothic"; font-weight:700; font-size:13px; color:#444444; line-height:13px;border-collapse:collapse; border-spacing:10px; padding: 10px; border:1px; } 
.tbl1{ font-family: "Nanum Gothic"; font-size:13px; color:#444444; border-collapse: collapse; border-spacing:0px; padding: 10px; border: 0px solid #AFAFAF;}
.tbl2{ font-family: "Nanum Gothic"; font-size:13px; color:#444444; border-collapse: collapse; border-spacing:0px; padding: 0px; border: 0px solid #AFAFAF;}
.tbl2 th,.tbl2 td { border:1px solid #AFAFAF; }
.tbl1 th,.tbl1 td { border:1px solid #AFAFAF; padding:5px;}