@charset "euc-kr";


@import url("layout.css");			/* Layout */
@import url("content.css");			/* Content */

@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* {font-family:'Nanum Gothic', 'NanumBarunGothic', Arial, sans-serif;}

/* Type Selector */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	line-height:19px;
}
body	{font-size:13px; font-family: 'Nanum Gothic', 'NanumBarunGothic', Arial, sans-serif;}

/* Scroll */
body, div, form {scrollbar-face-color:#e8ecef;scrollbar-shadow-color:#d4d4d4;scrollbar-highlight-color:#f0f0f0;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#d4d4d4;}



/* Anchor */
a:link {color:#7a808b; text-decoration:none;}
a:visited {color:#7a808b; text-decoration:none;}
a:hover {color:#5395ed; text-decoration:none;}
a:active {color:#5395ed; text-decoration:none;}


img {border:0px; vertical-align:top;}
hr {display:none;}
col {background:none;}
li {list-style:none;}

.blind {font-size:0;line-height:0;text-indent:-9999px;}

/* Layout Selector */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignT {vertical-align:top !important;}
.marginB_3 { margin-bottom:3px;}
.marginB_10 { margin-bottom:10px;}
.marginB_30 { margin-bottom:30px;}
.marginB_40 { margin-bottom:40px;}
.marginT_10 {margin-top:10px;}
.marginT_20 {margin-top:20px;}
.paddR_10 {padding-right:10px !important;}
.paddL_10 {padding-left:10px !important;}
.paddR_20 {padding-right:20px !important;}
.paddL_20 {padding-left:20px !important;}
.btnAreaB {margin-top:40px;text-align:center;}


/* Font */
.gray {color:#a9b5c0;}
.dgray {color:#31353c;}
.blue {color:#5395ed;}
.red {color:#ed2024;}
.w600 {font-weight:600;}
.fsize14 {font-size:14px;}
.fsize16 {font-size:16px;}

/* Button */

.xsbtn_gray {display:inline-block;background:#a9b5c0;border:1px solid #98a6b3;padding:0 5px;height:17px;}
.xsbtn_gray span {color:#fff;font-size:10.5px;line-height:17px;font-weight:500;}

.sbtn_blue {display:inline-block;background:#5395ed;border:1px solid #4a85d5;padding:0 6px;height:20px;}
.sbtn_blue span {color:#fff;font-size:12px;line-height:20px;font-weight:500;}
.sbtn_lineblue {display:inline-block;background:#fff;border:1px solid #65a6fc;padding:0 6px;height:20px;}
.sbtn_lineblue span {color:#5395ed;font-size:12px;line-height:20px;font-weight:500;}
.sbtn_linegray {display:inline-block;background:#fff;border:1px solid #bfbfbf;padding:0 6px;height:20px;}
.sbtn_linegray span {color:#7a808b;font-size:12px;line-height:20px;font-weight:500;}

.btn_linegray {display:inline-block;background:#fff;border:1px solid #bfbfbf;padding-left:14px;width:106px;height:28px;margin-bottom:3px;}
.btn_linegray span {color:#7a808b;font-size:12px;line-height:28px;font-weight:500;}
.btn_linegray2 {display:inline-block;background:#fff;border:1px solid #bfbfbf;padding:0 8px;height:26px;}
.btn_linegray2 span {color:#7a808b;font-size:12px;line-height:26px;font-weight:500;}
.btn_linegray3 {display:inline-block;background:#fff;border:1px solid #bfbfbf;padding-left:14px;padding-right:14px;height:28px;margin-bottom:3px;}
.btn_linegray3 span {color:#7a808b;font-size:12px;line-height:28px;font-weight:500;}
.btn_linegray4 {display:inline-block;background:#fff;border:1px solid #bfbfbf;padding:0 8px;height:27px;}
.btn_linegray4 span {color:#7a808b;font-size:12px;line-height:27px;font-weight:500;}

.btn_gray {display:inline-block;background:#a9b5c0;border:1px solid #98a6b3;padding:0 8px;height:27px;}
.btn_gray span {color:#fff;font-size:12px;line-height:27px;font-weight:500;}
.btn_blue {display:inline-block;background:#5395ed;border:1px solid #4a85d5;padding-left:14px;width:106px;height:28px;margin-bottom:3px;}
.btn_blue span {color:#fff;font-size:12px;line-height:28px;font-weight:500;}

.ico_carts {position:relative;top:5px;margin-right:14px;display:inline-block;background:url(../img/main/ico_carts.png) no-repeat top left;width:21px;height:17px;}
.ico_wishs {position:relative;top:5px;margin-right:14px;display:inline-block;background:url(../img/main/ico_wishs.png) no-repeat top left;width:21px;height:17px;}
.ico_giftm {position:relative;top:4px;margin-right:16px;display:inline-block;background:url(../img/main/ico_giftm.png) no-repeat top left;width:21px;height:18px;}
.ico_cartm {position:relative;top:5px;margin-right:16px;display:inline-block;background:url(../img/main/ico_cartm.png) no-repeat top left;width:21px;height:18px;}
.ico_wishm {position:relative;top:5px;margin-right:16px;display:inline-block;background:url(../img/main/ico_wishm.png) no-repeat top left;width:21px;height:18px;}
.ico_lview {position:relative;top:5px;margin-right:10px;display:inline-block;background:url(../img/main/ico_lview.png) no-repeat top left;width:18px;height:17px;}
.ico_preview {position:relative;top:5px;margin-right:10px;display:inline-block;background:url(../img/main/ico_preview.png) no-repeat top left;width:24px;height:17px;}

.xlbtn_blue {display:inline-block;background:#5395ed;border:1px solid #4a85d5;padding:0 24px 0 18px;height:36px;}
.xlbtn_blue span {color:#fff;font-size:16px;line-height:36px;font-weight:600;}
.xlbtn_gray {display:inline-block;background:#a9b5c0;border:1px solid #98a6b3;padding:0 24px 0 18px;height:36px;}
.xlbtn_gray span {color:#fff;font-size:16px;line-height:36px;font-weight:600;}
.xlbtn_linegray {display:inline-block;background:#fff;border:1px solid #bfbfbf;padding:0 24px 0 18px;height:36px;}
.xlbtn_linegray span {color:#7a808b;font-size:16px;line-height:36px;font-weight:600;}
.ico_giftb {position:relative;top:4px;margin-right:15px;display:inline-block;background:url(../img/main/ico_giftb.png) no-repeat top left;width:24px;height:21px;}
.ico_cartb {position:relative;top:4px;margin-right:15px;display:inline-block;background:url(../img/main/ico_cartb.png) no-repeat top left;width:24px;height:21px;}
.ico_wishb {position:relative;top:5px;margin-right:15px;display:inline-block;background:url(../img/main/ico_wishb.png) no-repeat top left;width:24px;height:21px;}

.xlbtn_blue2 {display:inline-block;background:#5395ed;border:1px solid #4a85d5;padding:0 30px;height:36px;}
.xlbtn_blue2 span {color:#fff;font-size:16px;line-height:36px;font-weight:600;}
.xlbtn_gray2 {display:inline-block;background:#a9b5c0;border:1px solid #98a6b3;padding:0 30px;height:36px;}
.xlbtn_gray2 span {color:#fff;font-size:16px;line-height:36px;font-weight:600;}
.xlbtn_blue3 {display:inline-block;background:#5395ed;border:1px solid #4a85d5;text-align:center;width:106px;height:80px;}
.xlbtn_blue3 span {color:#fff;font-size:16px;line-height:80px;font-weight:600;}
.xlbtn_gray3 {display:inline-block;background:#a9b5c0;border:1px solid #98a6b3;text-align:center;width:106px;height:80px;}
.xlbtn_gray3 span {color:#fff;font-size:16px;line-height:80px;font-weight:600;}


/* Form Selector */
input {height:27px; line-height:27px; color:#31353c; padding-left:10px; vertical-align:middle; border: 1px solid #d4d4d4; }
.top_search {width:314px;height:32px; line-height:32px; color:#a9b5c0; vertical-align:middle; border:0;outline:none;}
.goods_num {width:50px;text-align:right;padding:0 10px 0 0;margin:0;}
.goods_num2 {width:32px;text-align:right;padding:0 8px 0 0 !important;margin:0;}
.numbox {position:relative;display:inline-block;width:78px;height:29px;margin-bottom:3px;}
.numbox2 {position:relative;display:inline-block;width:58px;height:29px;margin-right:3px;}
.numup {position:absolute;display:block;top:0;right:0;width:16px;height:15px;cursor:pointer;}
.numdw {position:absolute;display:block;bottom:0;right:0;width:16px;height:14px;cursor:pointer;}
.inputText	 {height:34px; line-height:34px; color:#a9b5c0; padding:0 0 0 10px; vertical-align:middle; border: 1px solid #d4d4d4;}
.none {border:0;outline:none;padding:0;margin:0;}
input[type=checkbox], input[type=radio] {vertical-align: middle; position: relative; bottom: 1px;}
input[type=radio] {bottom: 2px;}
label	 {display:inline-block;}

button {margin:0; padding:0; font-size:0; border:none; background:none; width:auto; height:auto; overflow:visible;}
fieldset {border:0; margin:0; padding:0;}
legend {font-size:0;line-height:0;left:-9999px;}
form * {vertical-align:middle;}
select {height:19px; border:1px solid #ccc; font-size:12px; font-family:"µ¸¿ò",dotum;}
textarea {border:1px solid #d4d4d4;font-size:13px;line-height:19px;}


/*select box*/
.combo { position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.combo button.myValue:hover {border:1px solid #5395ed;}
.combo *{ margin:0; padding:0; cursor:pointer; font-size:12px;}
.combo .myValue{ position:relative; z-index:200; left:0; top:0; border:1px solid #bababa; color:#666; line-height:23px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.combo .myValue.selected{ font-weight:bold;}
.combo.open .myValue,
.combo .myValue.outLine{ border:1px solid #d4d4d4;}
.combo button.myValue{ height:23px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.combo div.myValue{ height:23px; text-indent:8px;}
.combo .ctrl{ position:absolute; top:0; right:0; width:18px; height:23px; background:url(../img/main/goods_combo.png) no-repeat right top;}
.combo ul{ top:21px; left:0; z-index:100; width:100%; list-style:none; border:0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff; overflow:hidden;}
.combo ul.aList{ display:none;}
.combo.open ul.aList{ display:block; z-index:1000;}
.combo ul.iList{ left:-2000%;}
.combo.open ul.iList{ left:0;}
.combo li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; z-index:1000;test-align:left;}
.combo li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.combo li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#7a808b; background:#fff;}
.combo li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#7a808b; background:#fff; text-decoration:none;}
.combo li.hover *{ background:#fff; color:#5395ed;}

.combo2 { position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.combo2 button.myValue:hover {border:1px solid #5395ed;}
.combo2 *{ margin:0; padding:0; cursor:pointer; font-size:13px;}
.combo2 .myValue{ position:relative; z-index:200; left:0; top:0; border:1px solid #bababa; color:#666; line-height:27px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.combo2 .myValue.selected{ font-weight:bold;}
.combo2.open .myValue,
.combo2 .myValue.outLine{ border:1px solid #d4d4d4;}
.combo2 button.myValue{ height:27px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.combo2 div.myValue{ height:27px; text-indent:8px;}
.combo2 .ctrl{ position:absolute; top:0; right:0; width:18px; height:27px; background:url(../img/main/goods_combo.png) no-repeat right top;}
.combo2 ul{ top:26px; left:0; z-index:100; width:100%; list-style:none; border:0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff; overflow:hidden;}
.combo2 ul.aList{ display:none;}
.combo2.open ul.aList{ display:block; z-index:1000;}
.combo2 ul.iList{ left:-2000%;}
.combo2.open ul.iList{ left:0;}
.combo2 li{ position:relative; overflow:hidden; white-space:nowrap; height:21px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; z-index:1000;test-align:left;background:#fff;}
.combo2 li input.option{ position:absolute; width:100%; height:21px; line-height:21px;}
.combo2 li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:21px; line-height:21px; color:#7a808b; background:#fff;}
.combo2 li a{ display:block; text-indent:8px; *text-indent:6px; height:21px; line-height:21px; color:#7a808b; background:#fff; text-decoration:none;}
.combo2 li.hover *{ background:#fff; color:#5395ed;}

/*paging*/
#paging {position:relative; text-align:center; height:26px;margin-top:25px; }
#paging a {font-size:13px;line-height:26px;color:#7a808b;margin:0 6px;}
#paging a.on {display:inline-block;width:26px;height:26px;background:url(../img/main/paging_hover.png) no-repeat top left;color:#fff;font-weight:600px;text-align:center;}

/*table style*/
table {width:100%;}
table, th, td {border-collapse:collapse; border-spacing:0;text-align:left;}
table caption {display: none;}
.tbl_goods_spec th {border-top:1px solid #e2e6eb;}
.tbl_goods_spec td {border-top:1px solid #e2e6eb;}
.tbl_goods_spec th.Tline {border-top:1px solid #31353c;}
.tbl_goods_spec td.Tline {border-top:1px solid #31353c;}
.tbl_goods_spec {border-bottom:1px solid #e2e6eb;}
.tbl_goods_spec th {background-color:#f8f9fb;font-size:13px;line-height:18px;font-weight:500;color:#3a3f49;padding:9px 20px 9px 30px;}
.tbl_goods_spec td {font-size:13px;line-height:18px;color:#7a808b;padding:9px 20px;}

.tbl_info_area th {font-size:13px;line-height:39px;color:#7a808b;font-weight:600;padding-left:30px;border:0;vertical-align:top;} 
.tbl_info_area td {font-size:13px;color:#31353c;padding:5px 0;border:0;}
.tbl_info_area p {padding-top:5px;}
.tbl_info_area ul li {float:left;width:250px;}

.tbl_cart_list th {border-top:1px solid #31353c;border-bottom:1px solid #31353c;font-size:13px;line-height:18px;padding:12px 0;color:#31353c;font-weight:600;text-align:center;}
.tbl_cart_list td {border-bottom:1px solid #e8ecef;text-align:center;font-size:13px;line-height:18px;color:#7a808b;padding:15px 0;}

.tbl_private th, .tbl_private td {background:#fff;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;text-align:center;}
.tbl_private th.Rline, .tbl_private td.Rline {border-right:1px solid #dfdfdf;}
.tbl_private th.Bline, .tbl_private td.Bline {border-bottom:1px solid #dfdfdf;}
.tbl_private th {font-size:13px;line-height:19px;color:#31353c;padding:7px;font-weight:600;}
.tbl_private td {font-size:13px;line-height:19px;color:#7a808b;padding:7px;}

.tbl_inn_info th {border-top:1px solid #31353c;border-bottom:1px solid #31353c;font-size:12px;line-height:38px;color:#3a3f49;text-align:center;font-weight:600;}
.tbl_inn_info td {border-bottom:1px solid #e2e6eb;font-size:12px;line-height:18px;color:#7a808b;padding:8px 0;text-align:center;}
.tbl_inn_info td.ans {background:url(../img/main/ico_answer.gif) no-repeat 0 50%;padding-left:48px;}
.tbl_inn_info td.qa_view {background:#f8f9fb;padding:18px 40px;text-align:left;}
.tbl_inn_info td.qa_view strong {display:block;margin-bottom:9px;font-size:14px;line-height:140%;color:#5395ed;font-weight:600;}