@charset "utf-8";
/*기본 프레임*/
#body_frame {width:100%;min-width:1200px;}
.body_width {width:1200px;}


/* header*/
.top_line {border-bottom:1px solid #e1e1e1;}
.srarch_form {border:2px solid #689bde;border-radius:40px;margin-right:10px;padding:5px 5px;}
.srarch_form input {width:310px;border:none;padding:4px;}
.srarch_form a {display:inline-block;}
.search_detail {background:#b2b2b2;border-radius:40px;color:#fff;padding:12px 15px;}
.search_detail a {color:#fff;}

.top_menu li {margin:0 0px 0 0;padding:0;border-right:1px solid #4670b7;width:16%;text-align:center;line-height:43px;}
.top_menu li a {font-size:13px;color:#fff;display:block;font-weight:500;line-height:43px;}
.top_menu li a:hover, li a.on {font-size:14px;color:#fffa71;}
.top_menu li:last-child {border-right:none;}


/*footer*/
.footer {background:#232323;color:#fff;font-size:13px;}
.footer_contents li {padding-left:20px;font-weight:500;padding-right:50px;}
.footer_contents a {color:#fff;line-height:43px;}
.footer_contents a:hover {color:#fff}
.footer_contents a.on {color:#fff}
.footer_info {color:#666666;}
.footer_info li {text-align:left;font-size:14px;line-height:20px;}



/*전체카테고리*/
.all_menu {color:#fff;font-weight:500;}
.all_menu a {font-size:13px;color:#fff;font-weight:500;}
.all_menu a:hover{color:#fff;}
.all_menu a.on{color:#fff;}

.all_menu_sub {background:#fff;border:1px solid #cdcdcd;border-top:none;z-index:100000;}
.all_menu_sub.on {display:block;}
.all_menu_sub ul {padding:15px 0;}
.all_menu_sub li {border:none;text-align:left;line-height:30px;}
.all_menu_sub li a {color:#333333;width:100%;font-size:13px;line-height:16px;padding:7px 15px;}
.all_menu_sub li a span {color:#888888;}
.all_menu_sub li a:hover {color:#518ddd;}

/*담당자정보*/
/*lnb*/
#lnbWrap h4 {background:#1c8ece;color:#fff;padding:12px 15px;font-size:14px;}
#lnbWrap .lnb_inner {padding:15px 0 0 0;border:1px solid #b7b7b7;border-top:none;}
#lnbWrap .lnb_inner:after {content:" "; display:block; clear:both;}
#lnbWrap .lnb_inner p.help {color:#1c8ece;font-size:13px;line-height:16px;padding:0 15px;}
#lnbWrap .lnb_inner ul {border-top:1px solid #b7b7b7;margin-top:15px;}
#lnbWrap .lnb_inner ul:after {content:" "; display:block; clear:both;}
#lnbWrap .lnb_inner ul li {padding:15px 10px;border-bottom:1px dashed #aaaaaa;}
#lnbWrap .lnb_inner ul li:after {content:" "; display:block; clear:both;}
#lnbWrap .lnb_inner ul li:last-child {border-bottom:none;}
#lnbWrap .lnb_inner ul li p.photo {float:left;margin-right:10px;}
#lnbWrap .lnb_inner ul li p.email {clear:both;color:#888888;font-size:13px;padding-top:5px;display:block;}
#lnbWrap .lnb_inner ul li div {float:left;}
#lnbWrap .lnb_inner ul li div p {color:#444;font-weight:600;line-height:19px;}
#lnbWrap .lnb_inner ul li div p.part {color:#777777;font-size:12px;font-weight:400;}
#lnbWrap .lnb_inner ul li div p.tel {color:#9b7c47;font-size:14px;}



/* shop */
.title_wrap {position:relative;padding-bottom:25px;margin:20px auto;}
.title_wrap h3 {font-size:25px;color:#222222;}
.title_wrap p.nav {position:absolute;right:0;top:5px;padding-left:15px;height:15px;color:#777777;font-size:13px;}
.title_wrap p.nav span {display:inline-block;width:22px;text-indent:-9999px;}

/*네비게이션 */
.sub_category {border:1px solid #bfbfbf;background:#f4f4f4;width:100%;}
.sub_category:after {content:" "; display:block; clear:both;}
.sub_category dt, .sub_category dd {
    box-sizing: border-box;
    padding: 10px 20px;
}
.sub_category dd ~ dt, .sub_category dd ~ dd {
    border-top: 1px solid #bfbfbf;
}
.sub_category dt {
    float: left;
    width: 20%;
    padding-bottom: 0;
	line-height:22px;
	font-size:15px;
	font-weight:600;
	color:#444444;
}
.sub_category dt span {font-size:12px;color:#518ddd;}
.sub_category dd {
    margin-left:20%;
    border-left: 1px solid #bfbfbf;
    background-color: #fff;
	line-height:22px;
	font-size:15px;
    
}
.sub_category dd:after {
    content: "";
    display: block;
    clear: both;
}
.sub_category dd a {padding:0 20px;min-width:120px;}
.sub_category dd a:first-child {padding:0 20px 0 0;background:none;}
.sub_category dd a:hover, .sub_category dd a.active {color:#f75100;}


/*상품정렬*/
.board_list_wrap {clear:both;margin:40px 0 10px 0;}
.board_list_wrap:after {content:" "; display:block; clear:both ;}
.board_list_wrap .infotitle {height:16px;padding-left:20px;font-size:14px;color:#444;margin-top:20px;}
.board_list_wrap .infotitle strong {color:#f75100;}



.list_wrap {clear:both;border:1px solid #c2c2c2;border-top:2px solid #222222;background:#f4f4f4;padding:15px 30px;}
.list_wrap:after {content:" "; display:block; clear:both ;}
.list_wrap li {background:url(../images/sub/icon.png) no-repeat 0 7px;padding-left:15px;}

/*우선구매*/
.product_kind {clear:both;border:1px solid #bfbfbf;padding:6px 10px 6px 0;text-align:center;margin-bottom:20px;font-size:12px;color:#666666;}
.product_kind:after {content:" "; display:block; clear:both;}
.product_kind img {margin-left:10px;}


/*board*/
.tableA {clear:both;display: table;width:100%;border-collapse:separate;border-spacing:0;border-top:2px solid #222222;margin:0;}
.tableA thead th {background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 51%, #f6f6f6 51%, #ececec 52%, #ececec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 51%,#f6f6f6 51%,#ececec 52%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 51%,#f6f6f6 51%,#ececec 52%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */position:relative;padding:5px;color:#676767;border-bottom:1px solid #dbdbdb;}
.tableA tbody td {border-bottom:1px solid #dbdbdb;color:#666666;padding:5px 10px;position:relative;background:#fff;line-height:22px;}
.tableA tbody td .info {border-bottom:1px dotted #dbdbdb;padding-bottom:5px;margin-bottom:5px;}
.tableA tbody td .btn {background:#787878;color:#fff;padding:7px 10px;margin:2px 0;display:inline-block;}
.tableA tbody td strong.price {display:block;font-size:20px;color:#518ddd;}
.tableA tbody td .fl_l {width:33.3%;float:left;font-size:13px;color:#888888;}
.tableA tbody td a.cartview {color:#222222;font-size:15px;font-weight:600;margin:5px 0;display:block;}
.tableA tbody td a.new_blank {display:inline-block;background:#f3f3f3;padding:4px 30px;font-size:12px;line-height:12px;color:#888888;}
.tableA tbody td a.check {clear:both;display:inline-block;;padding:2px 16px;font-size:12px;line-height:12px;color:#ee2d24;border:1px solid #ee2d24;}
.tableA tbody td input {border:1px solid #e2e2e2;padding:5px;}




/*btn */
.btnWrap {margin:20px 0;}
.btnWrap:after {content:" "; display:block; clear:both ;}
.small_btn {
background: #747474; /* Old browsers */
background: -moz-linear-gradient(top, #747474 0%, #505050 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #747474 0%,#505050 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #747474 0%,#505050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
color:#fff;
border:1px solid #505050;
padding:5px 15px;
font-size:15px;
margin:0 1px;
}
.small_btn:hover {color:#fff;}
.cal_btn {border:1px solid #bdbdbd;border-left:none;padding:0px 3px;margin:0;line-height:20px;background:#f0f0f0;display:inline-block;}


.btnWrap input.blue_btn, .btnWrap button.blue_btn {
background: #518ddd; /* Old browsers */
background: -moz-linear-gradient(top, #518ddd 0%, #4671b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #518ddd 0%,#4671b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #518ddd 0%,#4671b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ddd', endColorstr='#4671b8',GradientType=0 ); /* IE6-9 */
color:#fff;
padding:10px 35px;
border-radius:30px;
font-size:16px;
border:none;
	}
.btnWrap input.gray_btn, .btnWrap button.gray_btn {
background: #8c8c8c; /* Old browsers */
background: -moz-linear-gradient(top, #8c8c8c 0%, #5b5b5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8c8c8c 0%,#5b5b5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8c8c8c 0%,#5b5b5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */
color:#fff;
padding:10px 35px;
border-radius:30px;
font-size:16px;
border:none;
	}
.btnWrap input, .btnWrap button {
background: #ec7d0d; /* Old browsers */
background: -moz-linear-gradient(top, #ec7d0d 0%, #e9670f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ec7d0d 0%,#e9670f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ec7d0d 0%,#e9670f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7d0d', endColorstr='#e9670f',GradientType=0 ); /* IE6-9 */
color:#fff;
padding:5px 15px;
border:1px solid #e9670f;
font-size:15px;
	}
	
.date_btn {background:url(../images/sub/bg_sm_btn.png) no-repeat;color:#fff;width:52px;height:26px;line-height:26px;display:inline-block;text-align:center;vertical-align:top;}
.date_btn:hover {color:#fff;}

.small_btn_blue {
background: #518ddd; /* Old browsers */
background: -moz-linear-gradient(top, #518ddd 0%, #4671b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #518ddd 0%,#4671b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #518ddd 0%,#4671b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ddd', endColorstr='#4671b8',GradientType=0 ); /* IE6-9 */
color:#fff;
border:1px solid #537ec2;
padding:5px 15px;
font-size:15px;
margin:0 1px;
}
.small_btn_blue:hover {color:#fff;}

.small_btn_white {
background: #fff; 
color:#537ec2;
border:1px solid #537ec2;
padding:5px 15px;
font-size:15px;
margin:0 1px;
}
.small_btn_white:hover {color:#fff;background: #537ec2; }

.btn_orange {
background: #ec7d0d; /* Old browsers */
background: -moz-linear-gradient(top, #ec7d0d 0%, #e9670f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ec7d0d 0%,#e9670f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ec7d0d 0%,#e9670f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7d0d', endColorstr='#e9670f',GradientType=0 ); /* IE6-9 */
color:#fff;
padding:10px 25px;
border:1px solid #e9670f;
font-size:16px;
	}
.btn_blue {
background: #518ddd; /* Old browsers */
background: -moz-linear-gradient(top, #518ddd 0%, #4671b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #518ddd 0%,#4671b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #518ddd 0%,#4671b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ddd', endColorstr='#4671b8',GradientType=0 ); /* IE6-9 */
color:#fff;
border:1px solid #537ec2;
padding:10px 25px;
font-size:16px;
margin:0 1px;
}
.btn_white {
background: #fff; 
color:#537ec2;
border:1px solid #537ec2;
padding:10px 25px;
font-size:16px;
margin:0 1px;
}
.btn_orange:hover, .btn_blue:hover {color:#fff;}
.btn_white:hover {color:#537ec2;}

.btnWrap select {padding:5px;margin-top:-1px;}



/* 폰트 색상*/
.font-orange {color:orange;}
.font-guest {color:#f75e00;}
.font-white {color:#ffffff;}


/*폰트 굵게*/
.font-bold {font-weight:900;}
.position_center {margin:0 auto;}















.border_black {border:solid 1px black;}
.border_red {border:solid 1px red;}
.border_blue {border:solid 1px blue;}
.center {text-align:center;}


/* 상품목록 */
.sub_table		{ width:100%; }
.sub_table th	{ height:32px; font-size:12px; color:#000; font-weight:800; line-height:32px; border-top:1px solid #c3c6cb; border-bottom:1px solid #c3c6cb; background:#f9f9f9;}
.sub_table td	{ font-size:12px; color:#000; font-weight:normal; border-bottom: 1px solid #dbdbdb;}




/* 결제정보*/
.order_table { width:100%; position:relative; }
.order_table table { width:100%; margin:10px 0 0 0; border-top:solid 1px #c5c6ca; border-bottom:solid 1px #c5c6ca; line-height:17px; }
.order_table table th { background-color:#f9f9f9; height:32px; text-align:right; border-right:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9;padding-right:10px; }
.order_table table td { border-bottom:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; color:#666; height:32px; text-align:left; padding-left:5px; }

/*********** POPUP *************/
.pop_wrap 		 { display:inline-block;  border:3px solid #0065b3; background:#FFF}
.pop_wrap .title { height:50px; font-size:20px; line-height:50px; font-weight:600; color:#FFF; overflow:hidden; padding:0 15px; background:#0065b3}
.pop_wrap span.close { line-height:50px; margin:20px 10px 0 0; cursor:pointer; float:right}
.pop_wrap .contents  { margin:0 auto; background:#FFF; padding:20px 25px 10px 25px;}
.pop_wrap .contents .box { border:1px solid #c3c8cc; background:#fafafa; padding:15px; margin:10px 0 0 0;}
.pop_wrap .contents dl dt { width:80px; line-height:32px; vertical-align:top; float:left}
.pop_wrap .contents dl dd { line-height:35px; padding:3px 0 2px 0}
.pop_wrap .contents dl dd input { height:27px; line-height:27px;}
.pop_wrap .contents dl dd textarea {}

/* mypage 메뉴 */
.mypagemenu{border-left:11px solid #095895;background-color:rgb(81, 141, 221);padding:15px 15px 15px 0}
.leftinfo h1  { font-size:24px; color:#FFF; font-weight:800; line-height:30px; padding:0 0 10px 10px;}
.mybody{ background:#FFF;}
.mymenu{ padding:10px 0 10px 0;width:220px;height:150px;border-right:1px solid #dcdcdd;}
.mymenu li{padding-left:5px;}
.mymenu li a { text-decoration:none;}
.mymenu li a:visited { text-decoration:none;}
.mymenu li a:hover { color:#0065b3 ; text-decoration:none;}
.mymenu li a:active { color:#0065b3 ; text-decoration:none;}


/* mypage */
.my_table 	{ width:100%; border:1px solid #c3c6cb}
.my_table th  { font-size:12px; line-height:26px; border:1px solid #c3c6cb; background:#e5e6ea;}
.my_table td  {line-height:24px; border:1px solid #c3c6cb; }

.top_info990 { display:inline-block; width:100%; min-height:90px; border-top:2px solid #757577; border-bottom:2px solid #757577; padding:10px 0px 10px 0px; margin:10px 0 10px 0;}
.top_info990 h1 { font-size:26px; font-weight:600; }
.top_info990 span { display:block; width:140px; text-align:center; float:left}
.top_info990 div { font-size:13px; font-weight:normal; line-height:20px; vertical-align:middle; float:left}

h3 { font-size:15px; color:#000; line-height:15px; font-weight:600; padding: 22px 0 12px 0;}
h3 img { margin-right:5px;}
h3 span { font-size:13px; color:#7d7d7d; line-height:15px; font-weight:600; padding:0 10px;}

.mybox {border:1px solid #e3e3e3; background:#fafafa; }


/*== 라인높이*/
.td60{min-height:60px;line-height:60px;}
.td55{min-height:55px;line-height:55px;}
.td50{min-height:50px;line-height:50px;}
.td45{min-height:45px;line-height:45px;}
.td40{min-height:40px;line-height:40px;}
.td35{min-height:35px;line-height:35px;}
.td34{min-height:34px;line-height:34px;}
.td33{min-height:33px;line-height:33px;}
.td32{min-height:32px;line-height:32px;}
.td31{min-height:31px;line-height:31px;}
.td30{min-height:30px;line-height:30px;}
.td29{min-height:29px;line-height:29px;}
.td28{min-height:28px;line-height:28px;}
.td27{min-height:27px;line-height:27px;}
.td26{min-height:26px;line-height:26px;}
.td25{min-height:25px;line-height:25px;}
.td24{min-height:24px;line-height:24px;}
.td23{min-height:23px;line-height:23px;}
.td22{min-height:22px;line-height:22px;}
.td21{min-height:21px;line-height:21px;}
.td20{min-height:20px;line-height:20px;}
.td19{min-height:19px;line-height:19px;}
.td18{min-height:18px;line-height:18px;}
.td17{min-height:17px;line-height:17px;}
.td16{min-height:16px;line-height:16px;}
.td15{min-height:15px;line-height:15px;}
.td14{min-height:14px;line-height:14px;}

.border_box{    display: block;    border: 1px solid #c3c8cc;    background: #fafafa;    margin-bottom: 10px;}
.td_center{text-align:center;}
.padleft5 {padding-left:5px;text-align:left;}
.pad5 {padding:5px 5px 5px 5px;}
.padright5 {padding-right:5px;text-align:right;}


.pad10{padding:10px 10px 10px 10px;}
.pad20{padding:20px 20px 20px 20px;}
.pad30{padding:30px 30px 30px 30px;}


.input {vertical-align: middle; height: 18px; line-height:18px;} 
.input_label{vertical-align: middle; height: 18px;line-height:18px; border: #FFFFFF 1px solid;}
.sellist { BORDER: #c7c7c7 1px solid;COLOR: #666666; FONT-SIZE: 11px; BACKGROUND-COLOR: #ffffff ;height:24px;}


.bg_orange{background-color:orange;}
.bg_darkorange{background-color:darkorange;}
.bg_demand{background-color:#ff6a00}
.bg_black{background-color:black;}
.bg_red{background-color:red}
.bg_green{background-color:green;}
.bg_lightgreen{background-color:#25de3d;}
.bg_gold{background-color:gold;}
.bg_darkturquoise{background-color:darkturquoise;}
.bg_deeppink{background-color:deeppink;}

.bg_blue{background-color:blue;}
.bg_darkblue{background-color:#005cae;}
.bg_lightblue{background-color:#eaedfe;}

.bg_gray{background-color:#ececec;}
.bg_mainbox{background-color:#ebebeb;}
.bg_darkgray{background-color:darkgray;}

.bg_addr{background-color:#eaeeef;}
.bg_subtit{background-color: #ecf6d2;}
.bg_default{background-color: #ececec;}
.bg_button{border:1px solid #c2c2c2; margin:2px 0;}

.bg_wish{background-color:#4f94c6;}
.bg_option{background-color:#22a825;}
.bg_basket{background-color:#005cae;}
.bg_delete{background-color:#a81b6e;}
.bg_addr{background-color:#4f94c6;}
.bg_direct{background: #EB5D37;}
.bg_title{background:#f9f9f9;}
.bg_customercenter{background:#f3f3f5;}


.bold{font-weight:800;}

#intro_login  {width:100%; min-width:875px; height:100%; float:left;}
.intro_loginC {width:875px; margin:0 auto; margin-top:170px;}
.login_logo { padding: 0 0 0 7px;}
.loginbox	  {}
.loginbox h1  { display:inline-block; font-size:13px; color:#FFF; margin: 45px 0 0 298px;}
.loginbox .loginarea  {width:380px; margin:60px 0 0 40px; float:left}
.loginbox .loginarea span {line-height:18px; letter-spacing:-1px}
.loginbox .loginarea div.login_form { position:; width:255px; float:left}
.loginbox .loginarea div.login_form p { display:block; line-height:25px; padding:2px 0 0 0; clear:both}
.loginbox .loginarea div.login_btn a { display:inline-block; width:89px; height:69px; font-size:13px; font-weight:600; text-align:center; color:#FFF; line-height:69px; background:#0a1a58;}
.loginbox .loginarea div.login_form p span{ display:inline-block; width:80px; color:#666; vertical-align:middle; padding-left:15px;}
.loginbox .loginarea div.login_form p input {color:#666;width:170px;height:32px;line-height:32px;padding-left:10px;margin-top:-1px;margin-bottom:3px;vertical-align:middle;background-color:#fafafa;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;}
.loginbox .loginarea p.login_text {font-size:11px;font-weight:normal;line-height:34px;letter-spacing:-0.2px;word-spacing:-0.4px; padding-left:67px; margin-bottom:10px; clear:both;}
.loginbox .loginarea p.login_text input { padding:0 5px; margin-top:-3px}
.loginbox .guide  {width:430px; margin:42px 5px 0 0; float:right}
.loginbox .guide dl { padding:0 0 0 25px}
.loginbox .guide dl dt { font-size:13px; color:#0a1a58; line-height:24px; font-weight:600; margin-top:10px;}
.loginbox .guide dl dd { font-size:12px; color:#717070; line-height:24px; letter-spacing:-1}
.footer_intro {height:50px; margin:0 auto; padding:25px 0; }
.footer_intro dl dt { padding-right:20px; float:left}
.footer_intro dl dd { font-size:12px; color:#8e8d8d; line-height:18px; letter-spacing:0px}