﻿@charset "utf-8";
@import url("/Library/Css/user_layout.css");

/* input */
/*.input_txt {padding:4px 3px;border:1px solid #e8e8e8;background-color:#f8f8f8;}*/
.input_txt {height:13px; line-height:13px; border:1px solid #d0d2d7; font-size:12px; padding:4px; }
.input_txt2 {height:13px; line-height:13px; border:1px solid #c5c5c5; font-size:12px; padding:4px;background-color:#fafafa; }
.input_chk {width:13px;height:13px;}
.input_chk2 {width:13px;height:13px;margin-right:5px;vertical-align:middle;}
.input_addr {height:13px; line-height:13px; border:1px solid #d0d2d7; font-size:12px; padding:4px; font-weight:bold;letter-spacing:-0.03em;}
.input_txt_no {height:13px; line-height:13px; border:0px solid #c5c5c5; font-size:12px; padding:4px;background-color:#fff; }

/* Execel Input */
.iptTmp input {height:13px; line-height:13px; border:1px solid #d0d2d7; color:#777; font-size:12px; padding:4px; }
.iptTmpErr input {height:13px; line-height:13px; border:1px solid #ff0000; color:#fff; background:#ff3300; font-size:12px; padding:4px; }

.input_login {height:16px; line-height:16px; border:1px solid #c5c5c5; font-size:12px; padding:4px; background:#fff; }
.id_blur { background: #fff url('/image/common/idFocus.jpg') no-repeat 5px 4px; }
.id_focus { }
.pw_blur { background: #fff url('/image/common/pwFocus.jpg') no-repeat 5px 4px; }
.pw_focus { }

.ipt_type1 {width:146px;}
.ipt_type2 {width:199px;}
.ipt_type3 {width:120px;}
.ipt_type4 {width:80px;}
.ipt_type5 {width:230px;}
.ipt_type6 {width:40px;}

.hp {width:40px;}
.email_1 {width:100px;}
.email_2 {width:100px;}
.name {width:100px;}
.slt2 {width:50px;}
.adr {width:70%;}
.m_num {width:210px;}
.m_num2 {width:100px;}
.site {width:210px;}
.full {width:94%;}
.cnt {width:50px;}
.sm {width:60px;}
.date {width:68px;}

.per40 {width:40%;}
.per60 {width:60%;}
.per20 {width:20%;}

.s_type1 {width:100px;}
.s_type2 {width:60px;}
.bank {width:200px;}

.nbd {border:0 !important;}
.nbd_b {border-bottom:0 !important;}

.mt20 {margin:20px 0;}
.ml10 {margin-left:10px;}
.ml30 {margin-left:30px;}

.lht_150 {line-height:150%;}

.point {color:#ff0000;}
.point2 {color:#d20101 !important;}
.point3 {color:#00aeef !important;}
.grade {color:#0072bc;}
.point4 {color:#ed1c24 !important;}

.yellow {color:#e8e4a2;}
.light-blue {color:#a6b7c0;}
.blue {color:#508db8 !important;}
.light-grey {color:#d7d7d7}
.white {color:#fff;}
.bold { font-weight: bold; }
.grey1 { color: #a9a9a9; }
.red1 { color: #ff3300; }
.black1 { color: #333; }
.clrRed1 { color: #ff6600; }
.clrBlue1 { color: #5050fa; }
.clrBlue2 { color: #0099ff; }
.green1 { color: #339999; }
.orange1 {color:#e65b6e}

.ft_13 {font-size:13px;}
.ft_14 {font-size:14px;}
.ft_15 {font-size:15px;}

.txtCenter {text-align:center;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}


/* 메인 */
.mcon_top  {margin-bottom:15px;zoom:1;}
.mcon_top:after {display:block;clear:both;content:"";}

.m_slider {overflow:hidden;position:relative;float:left;width:724px;height:299px;border:1px solid #cfcfcf;box-shadow:0px 0px 3px 0px #ddd;}
.m_slider .bxslider {position:absolute;width:9999px;height:299px;}
.m_slider .bxslider li {float:left;width:724px;height:299px;}

.m_slider .bx-controls {}
.m_slider .bx-pager {position:absolute;bottom:5px;right:0px;z-index:100;}
.m_slider .bx-pager a {display:block;width:16px;height:16px;text-indent:-9999px}
.m_slider .bx-pager .bx-pager-item {float:left;margin-right:9px;background:url("/image/main/indi_off.png") 0 0 no-repeat;}
.m_slider .bx-pager .bx-pager-item .active {background:url("/image/main/indi_on.png") 0 0 no-repeat;}
.m_slider .bx-controls-direction {display:none;}

.overseas {float:right;width:247px;height:301px;}
.overseas h2 {margin:7px;}
.overseas .tab_menu {position:relative;height:34px;}
.overseas .tab_menu li {float:left;margin-left:2px;}
.overseas .tab_menu li:first-child {margin:0;}
.overseas .tab_menu a {}
.overseas .tab_con {height:218px;margin-top:-1px;padding:15px 10px 33px 12px;border:1px solid #cfcfcf;background:#fff;}
.overseas .input_list {}
.overseas .input_list li {margin-bottom:5px;}
.overseas .input_list li label {display:inline-block;width:69px;}
.overseas .input_list li label, .overseas .input_list li input {vertical-align:middle;}
.overseas .input_list li .type1 {width:140px;}
.overseas .input_list li input {font-family:"Nanum Gothic", Nanum Gothic;}

.main_con {zoom:1;}
.main_con:after {display:block;clear:both;content:"";}
.main_con {width:982px;}

/* HotDeal */
.main_con .hotDeal {position:relative;width:980px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-shadow:0px 0px 3px 0px #ddd;}
.main_con .hotDeal .top_title {}
.main_con .hotDeal .top_title h2 {height:25px;margin-top:15px;margin-left:5px;}
.main_con .hotDeal .top_title h2 .tit_txt {display:inline-block;margin:8px 0 0 8px;padding-left:8px;color:#555;font-family:"Nanum Gothic",Nanum Gothic;background:url("/image/common/ico/ico_bar2.gif") 0 2px no-repeat;}
.main_con .hotDeal .btn_more {float:right;position:absolute;top:17px;right:10px;}
.main_con .hotDeal .btn_more a {font-family:'Nanum Gothic';font-size:11px;font-weight:normal;letter-spacing:-0.05em;color:#333;}
.main_con .hotDeal .goodsBox {padding:5px 0px 10px 2px;}
.main_con .hotDeal .goodsBox .goods_ilst {overflow:hidden;}
.main_con .hotDeal .goodsBox .goods_ilst li {float:left;width:233px;height:233px;border:1px solid #e5e5e5;margin-left:7px;margin-bottom:15px;background:#f9f9fb;font-family:"Nanum Gothic", Nanum Gothic, dotum;}
.main_con .hotDeal .goodsBox .goods_ilst li .sale {position:absolute;width:62px;height:38px;border:1px solid #e95052;text-align:center;padding-top:10px;
	background:#f85c5d;filter: alpha(opacity=95);background-color: rgba( 248, 92, 93, 0.95 );margin: -1px 0 0 -1px;box-shadow:0px 0px 1px 0px #ffb6a4;font-family:"Nanum Gothic", Nanum Gothic, dotum;z-index:121;
}
.main_con .hotDeal .goodsBox .goods_ilst li .sale .rate {color:#fff;font-size:20px;font-weight:bold;letter-spacing:-0.05em;}
.main_con .hotDeal .goodsBox .goods_ilst li .sale .txt {color:#fff;font-size:16px;font-weight:bold;}
.main_con .hotDeal .goodsBox .goods_ilst li .pro {overflow:hidden;border-bottom:1px solid #e5e5e5;}
.main_con .hotDeal .goodsBox .goods_ilst li h2 {overflow:hidden;width:225px;height:35px;color:#333;border: 0px solid #000;margin:5px 0 0 5px;overflow:hidden;}
.main_con .hotDeal .goodsBox .goods_ilst li .goods_tit {color:#444;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;font-weight:bold;line-height:150%;}
.main_con .hotDeal .goodsBox .goods_ilst li .cash {color:#444;text-align:left;line-height:140%;}

.clrBoth {clear:both;}
.pHt10 {height:10px;}
.pHt20 {height:20px;}
.pHt30 {height:30px;}

.main_con .main_left {float:left;}
.main_con .main_right {float:right;}

/* 구독대행 */
.main_con .main_left .BookReq {position:relative;overflow:hidden;width:485px;height:243px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-shadow:0px 0px 3px 0px #ddd;}
.main_con .main_left .BookReq .top_title {}
.main_con .main_left .BookReq .top_title h2 {height:25px;margin-top:15px;margin-left:5px;}
.main_con .main_left .BookReq .top_title h2 .tit_txt {display:inline-block;margin:8px 0 0 8px;padding-left:8px;color:#555;font-family:"Nanum Gothic",Nanum Gothic;background:url("/image/common/ico/ico_bar2.gif") 0 2px no-repeat;}
.main_con .main_left .BookReq .btn_more {float:right;position:absolute;top:17px;right:10px;}
.main_con .main_left .BookReq .btn_more a {font-family:Nanum Gothic, "Nanum Gothic";font-size:11px;font-weight:normal;letter-spacing:-0.05em;color:#333;}
.main_con .main_left .BookReq .bookBox {margin:0px 0 0 0px;width:461px;height:189px;overflow:hidden;}
.main_con .main_left .BookReq .bookBox li {}

/* 베스트후기 */
.main_con .main_right .BestReview {position:relative;overflow:hidden;width:485px;height:243px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-shadow:0px 0px 3px 0px #ddd;margin-left:0px;}
.main_con .main_right .BestReview .top_title {}
.main_con .main_right .BestReview .top_title h2 {height:25px;margin-top:15px;margin-left:5px;}
.main_con .main_right .BestReview .top_title h2 .tit_txt {display:inline-block;margin:8px 0 0 8px;padding-left:8px;color:#555;font-family:"Nanum Gothic",Nanum Gothic;background:url("/image/common/ico/ico_bar2.gif") 0 2px no-repeat;}
.main_con .main_right .BestReview .btn_more {float:right;position:absolute;top:17px;right:10px;}
.main_con .main_right .BestReview .btn_more a {font-family:Nanum Gothic, "Nanum Gothic";font-size:11px;font-weight:normal;letter-spacing:-0.05em;}
.main_con .main_right .BestReview .ReviewBox {margin:0px 0 0 9px;width:461px;height:189px;overflow:hidden;}
.main_con .main_right .BestReview .ReviewBox li {}

/* 공지사항 */
.main_con .main_left .Notice {position:relative;overflow:hidden;width:485px;height:171px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-shadow:0px 0px 3px 0px #ddd;}
.main_con .main_left .Notice .top_title {}
.main_con .main_left .Notice .top_title h2 {height:25px;margin-top:15px;margin-left:5px;}
.main_con .main_left .Notice .top_title h2 .tit_txt {display:inline-block;margin:8px 0 0 8px;padding-left:8px;color:#555;font-family:"Nanum Gothic",Nanum Gothic;background:url("/image/common/ico/ico_bar2.gif") 0 2px no-repeat;}
.main_con .main_left .Notice .btn_more {float:right;position:absolute;top:17px;right:10px;}
.main_con .main_left .Notice .btn_more a {font-family:Nanum Gothic, "Nanum Gothic";font-size:11px;font-weight:normal;letter-spacing:-0.05em;color:#333;}
.main_con .main_left .Notice .board {margin:0px 0 0 10px;}
.main_con .main_left .Notice .board li {height:25px;}
.main_con .main_left .Notice .board li a {font-family:Nanum Gothic, "Nanum Gothic";font-weight:normal;letter-spacing:-0.05em;color:#333;}
.main_con .main_left .Notice .board li a:hover {font-weight:bold;text-decoration:underline;color:#333;}
.main_con .main_left .Notice .board li span {color:#999;font-size:12px;}

/* 관세청 고시환율 */
.main_con .main_left .Customs {position:relative;overflow:hidden;width:485px;height:49px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-shadow:0px 0px 3px 0px #ddd;margin-top:3px;}
.main_con .main_left .Customs .txt {margin:15px 0 0 6px;}
.main_con .main_left .Customs .txt li {float:left;margin:auto 0;}
.main_con .main_left .Customs .txt li a span.usd {font-family:Nanum Gothic, "Nanum Gothic";font-size:18px;font-weight:bold;letter-spacing:-0.05em;color:#ff3300;line-height:18px;margin-left:10px;}
.main_con .main_left .Customs .txt li a span.krw {font-family:Nanum Gothic, "Nanum Gothic";font-size:18px;font-weight:bold;letter-spacing:-0.05em;color:#333;line-height:18px;}
.main_con .main_left .Customs .txt li a span.date {font-family:Nanum Gothic, "Nanum Gothic";font-size:12px;font-weight:bold;letter-spacing:-0.1em;color:#999;line-height:18px;margin-left:10px;}

/* 고객센터 */
.main_con .main_right .Support {position:relative;overflow:hidden;width:485px;height:225px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-shadow:0px 0px 3px 0px #ddd;margin-left:0px;}
.main_con .main_right .Support .top_title {}
.main_con .main_right .Support .top_title h2 {height:25px;margin-top:15px;margin-left:5px;}
.main_con .main_right .Support .top_title h2 .tit_txt {display:inline-block;margin:8px 0 0 8px;padding-left:8px;color:#555;font-family:"Nanum Gothic",Nanum Gothic;background:url("/image/common/ico/ico_bar2.gif") 0 2px no-repeat;}
.main_con .main_right .Support .txtBox {margin-left:18px;}
.main_con .main_right .Support .txtBox td.tel {}
.main_con .main_right .Support .txtBox td .telNo {font-family:Nanum Gothic, "Nanum Gothic";font-size:36px;font-weight:bold;letter-spacing:-0.1em;color:#ff5d5e;}
.main_con .main_right .Support .txtBox td .icoTxt1 {font-family:Nanum Gothic, "Nanum Gothic";font-size:16px;font-weight:normal;letter-spacing:-0.1em;color:#ff5d5e;}
.main_con .main_right .Support .txtBox td.time {font-family:Nanum Gothic, "Nanum Gothic";font-size:11px;font-weight:normal;letter-spacing:-0.05em;color:#666;line-height:16px;}
.main_con .main_right .Support .btnQna {margin: 15px 0 0 18px;}
.main_con .main_right .Support .btnQna li {float:left;}
.main_con .main_right .Support .btnQna li.qnaLast {padding-left:30px;}




/* 포스트팔 서비스 */
.list_step {overflow:hidden;}
.list_step li {float:left;margin-left:9px;padding-left:29px;background:url("/image/common/ico/ico_arrow4.gif") 0 50% no-repeat;}
.list_step li:first-child {margin:0;padding:0;background:none;}
.list_step li span {display:block;width:144px;height:22px;padding-top:12px;text-align:center;color:#ebebeb;border:1px solid #5c6371;background-color:#717784;}
.list_step li.on {}
.list_step li.on span {border:1px solid #1287d8;background-color:#38a1ea;}
.step_box {}



.vm_box {line-height:180% !Important;}
.vm_box input,.vm_box label {vertical-align:middle;}
.vm_box input {}
.vm_box label {display:inline-block;margin:0 5px -3px 0;}

.addrTel2 .vm_box label {display:inline-block;margin:0 5px -3px 0; width:80px;}
.addrTel2 .vm_box{margin:4px 0px;}

/* 신청서 */
.orderTit {position:relative;height:35px;background:#717c82;border:1px solid #717c82;padding:5px 0px;}
.orderTit h4 {font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:20px;text-align:center;color:#fff;margin: 6px 0 0 0;}
.orderTit h3 {font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:20px;text-align:left;color:#fff;margin: 6px 0 0 10px;}
.orderAgreeTit {margin:15px 0 5px 5px;color:#333;font-weight:bold;}
.orderAgreeCk {margin:10px 5px 5px;color:#d30009;font-size:12px;}
.orderAgreeCk input[type="checkbox"] {width:15px; height:15px; vertical-align:middle; border: 1px solid #000;}
.orderAgreeBox {width:746px;padding:10px;border:1px solid #eee;overflow-x:hidden;overflow-y:scroll;letter-spacing:-0.02em;line-height:180%;}
.orderAgreeBox pre {font-family:"Nanum Gothic", Nanum Gothic, Dotum;}

/* 신청서 STEP 타이틀 */
.orderStepTit {position:relative;height:45px;background:#444;border:1px solid #717c82;}
.orderStepTit p {float:left;width:15%;height:45px;background:#717c82; text-align:center ; line-height:45px;}
.orderStepTit p .stepTxt {color:#fff;font-size:11px;}
.orderStepTit p .stepNo {color:#fff;font-size:22px;font-weight:bold;margin-left:0px;}
.orderStepTit h4 {position:relative;font-size:18px; font-weight: bold; color:#fff;left:10px; line-height:45px;}
.orderStepTit h4 a {position: absolute; right:20px; top: 8px; color:#FF0; font-size: 13px;}

/* 신청서약관 Box */
.topAgreeBox {border:1px solid #e2e2e2;height:200px; overflow-y:auto;}
.topAgreeBox pre {width:100%; word-break:break-all; white-space:pre-line;}

/* 신청서 테이블 */
.order_table {}
.order_table_top {border-top:1px solid #e2e2e2;}
.order_write {width:100%;}
.order_write {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.order_write tbody th {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;line-height:130%;}
.order_write tbody td {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;line-height:130%;}
.order_write tbody pre {font-size: 12px; width:100%; white-space:pre-wrap; font-family:"Nanum Gothic", Nanum Gothic, Dotum;}
.order_write tbody th {padding:10px 0;text-align:center;color:#707070;border-right:1px solid #e2e2e2;background-color:#f0f0f0; letter-spacing: -0.05em;}
.order_write tbody td {padding:10px 8px;}

.da-wrap {background: #fff;}
.da-wrap table.order_write {border:1px solid #dbdbdb; border-top: none; background: #fbfbfb;}
.da-wrap table.order_write tbody td {border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height:130%;}
.da-wrap table ul li {margin-bottom: 5px;}

.da-wrap2 {width: 900px; margin: 0 auto; background: #fff; padding: 20px; border: 1px solid #999;}
.da-wrap2 table.order_write {border:1px solid #dbdbdb; border-top: none; background: #fbfbfb;}
.da-wrap2 table.order_write tbody td {border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height:130%;}
.da-wrap2 table ul li {margin-bottom: 5px;}
.da-wrap2 table.sp td {text-align: center;}

.da-wrap3 {width: 850px; margin: 0 auto; background: #fff; padding: 20px; border: 1px solid #999;}
.da-wrap3 table.order_write {border:1px solid #dbdbdb; border-top: none; background: #fbfbfb;}
.da-wrap3 table.order_write tbody td {border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height:130%;}
.da-wrap3 table ul li {margin-bottom: 15px; float: left; margin-right: 10px;}
.da-wrap3 table td {text-align: center; height: 120px;}
.da-wrap3 table th {background: #06C; color: #fbfbfb; padding: 5px 0;}

/* 보기 테이블 */
.order_view {border-left:1px solid #e2e2e2;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.order_write {width:100%;}
.order_view tbody th {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.order_view tbody td {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.order_view tbody th {padding:15px 12px;text-align:left;color:#707070;border-right:1px solid #e2e2e2;background-color:#f0f0f0; letter-spacing: -0.05em;}
.order_view tbody td {padding:15px 12px;}
.order_view tbody th.tdCnter, .order_view tbody td.tdCnter {text-align:center;}
.order_view tbody th.tdLeft, .order_view tbody td.tdLeft {text-align:left;}
.order_view tbody th.tdRight, .order_view tbody td.tdRight {text-align:right;}

/* 신청서 상품 추가 */
.proBtn_write {border-left:1px solid #717c82;border-right:1px solid #717c82;border-bottom:1px solid #717c82;}
.proBtn_write tbody td {padding:10px 8px;background:#f0f0f0;}


/* 신청서 라디오 버튼 */
.rdoBox {margin-left:10px;}
.rdoBox li {float:left;margin-right:40px;}
.rdoFtBig {font-size:20px;}
.rdoFtSub {font-size:12px;}
.areaMyAddrBox {width:100%;height:30px;overflow:hidden;margin:10px 0 10px 0;background:#fafafa;}
.areaMyAddr {padding:5px 0 0 20px;}

/* 자동출고옵션 */
.autoRlsBox {padding:10px 0 0 0;}
.autoRlsBox li {float:left;margin-left:20px;}
.autoRlsBox li:first-child {margin:0;}
.autoRlsBox li.autoCk {width:230px;padding:5px 0 0 0;}
.autoRlsBox .autoExp {padding:0px;}

/* 받는 사람 */
.addrRcvKr {position:relative;}
.addrRcvKr .RcvKrBox {}
.addrRcvKr .RcvKrBox li {float:left;padding-right:20px;}
.addrRcvKr .RcvKrBox li.ckBox {margin-top:3px;}
.addrRcvEn {}
.addrRcvEn .on {visibility:visible;}
.addrRcvEn .off {display:none;}

/* 주소 및 연락처 */
.addrTel {position:relative;}
.addrTel li {padding: 5px 0;}
.addrTel li {padding: 5px 0;}

/* 상품 상세 */
table.order_noBd tbody {border:0px;}
table.order_noBd tbody th {border:0px;background:#fafafa;text-align:left;font-weight:bold;line-height:140%;border-bottom:1px solid #fff;padding:5px;}
table.order_noBd tbody td {border:0px;background:#fff;line-height:140%;padding:5px;}
table.order_noBd tbody td:last-child {border:0px;background:#fff;}

/* 금액 정보 */
.proTtAmt {position:relative;margin-left:17px;/*width:350px;*/width:87%; height:90px;background:#888;padding:10px;color:#fff;border:1px solid #777;}
.proTtAmt h2 {font-size:16px;font-weight:bold;color:#fff;}
.proTtAmt li{width:100%; height:25px; font-size:14px; font-weight:bold; color:#fff}
.proTtAmt .proTtFt {font-size:22px;font-weight:normal;color:#fff;line-height:150%;}
.proTtAmt .proTtQtyTxt {color:#ffff00;font-weight:bold;}
.proTtAmt .proTtAmtTxt {color:#ffff00;font-weight:bold;}
.proTtAmt .proTtBtmTxt {font-size:11px;font-weight:normal; line-height:20px;  display:block; padding-top:5px;}

.proTtAmt2 {position:relative; width:359px; margin:0 auto;}
.proTtAmt2 ul{}
.proTtAmt2 ul li{width:100%; height:25px; font-size:14px; font-weight:bold}
.proTtAmt2 ul li span.FL{float:left}
.proTtAmt2 ul li span.FR{float:right}
.proTtAmt2 ul li .proTtAmtTxt{color:#ff1818}
.proTtAmt2 ul li.fontSmall{font-size:12px; font-weight:normal; text-align:center}

.btnBoxVw {margin:5px 0 0 20px;}
.btnBoxVw .boxImg {position:relative;float:left;width:29px;height:15px;text-align:left;padding-top:5px;}
.btnBoxVw .boxDlvrTyNm {position:relative;float:left;width:158px;height:15px;color:#fff;padding:5px;text-align:center;margin-right:4px;}
.btnBoxVw .boxArcTnm {position:relative;float:left;width:158px;height:15px;color:#fff;padding:5px;text-align:center;}
.btnBoxVw .boxTy1 {background:#3366cc;}
.btnBoxVw .boxTy2 {background:#c00000;}

.btnBoxVw2 {margin-left:12px;}
.btnBoxVw2 .boxImg {position:relative;float:left;width:29px;height:15px;text-align:left;padding-top:5px;}
.btnBoxVw2 .boxDlvrTyNm {position:relative;float:left;width:158px;height:15px;color:#fff;padding:5px;text-align:center;margin-right:4px;}
.btnBoxVw2 .boxArcTnm {position:relative;float:left;width:158px;height:15px;color:#fff;padding:5px;text-align:center;}
.btnBoxVw2 .boxTy1 {background:#3366cc;}
.btnBoxVw2 .boxTy2 {background:#c00000;}

.s_tit_box {position:relative;margin:30px 0 5px 0;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;padding:10px;background:#f0f0f0;}
.s_tit_box h4.s_tit { background:#f0f0f0;padding:0;color:#44546a;}
.s_tit_box .all_ap {position:absolute;top:0;right:0;}
.s_tit {padding-left:10px;color:#000;font-family:"Nanum Gothic",Nanum Gothic;font-size:13px;text-transform:uppercase;font-weight:bold;}
.s_tit_box table.noBdr td {border:0;padding:0;margin:0;}
.agree_tip {margin:10px 5px 5px;color:#d30009;}

.s_tit_box2 {margin:30px 0 5px 0;}
.s_tit_box2 h4.s_tit { background:#fff;padding:0; }

/* 이용안내 */
.use_help {padding:10px;border:1px solid #ccc;}

.tariff_box {overflow:hidden;margin-top:20px;border-left:1px solid #eee3e3;}
.tariff_box li {float:left;width:126px;border:1px solid #eee3e3;border-left:0;}
.tariff_box li .t_tit {padding:10px;color:#9296fe;font-weight:bold;border-bottom:1px solid #ededed;background-color:#f6f6f6;}
.tariff_box li .tf_list {padding:5px;}
.tariff_box li .tf_list table {border:1px solid #ededed;}
.tariff_box li .tf_list table th,.tariff_box li .tf_list table td {padding:5px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;}
.tariff_box li .tf_list table th {color:#000;background-color:#f6f6f6;}
.tariff_box li .tf_list table td {}
.tariff_box li .tf_list table td.cash {text-align:right;color:#ff7676;}

/* 마이페이지 */
.top_tit_btn {position:relative;margin-bottom:0px; line-height: 130%;}
.top_tit_btn .memLogo {float:left;padding-right:10px;}
.top_tit_btn .btn {position:absolute;bottom:-2px;right:0;}
.top_tit_btn .btn a {float:left;margin-left:12px;}

.myNtcTit {position:relative;height:14px;font-weight:bold;padding:0 0 5px 0;border-bottom:3px solid #ccc;}
.myNtcTit {}
.myNtcTit li {float:left;}
.myNtcTit li.tit {width:100%;font-weight:bold;}
.myNtcTit li.more {position:absolute; top:0px; right:0px;font-size:11px;font-weight:bold;padding-top:2px;}
.myNtcTit li.more2 {position:absolute; top:0px; right:0px; font-size:11px;font-weight:normal;padding-top:2px;}
.myNtcTit li.more a {font-family:'Nanum Gothic';font-size:11px;font-weight:normal;letter-spacing:-0.05em;}

.my_info {margin-bottom:43px;line-height:16px;padding-top:25px;border-bottom:5px solid #d41212;background:url("/image/sub/bg_my.gif") 0 0 repeat-x;}
.my_info .my_info_box {height:80px;border-bottom:1px solid #520400;}
.my_info .my_progress,.my_info .my_info_list {float:left;}
.my_info .my_progress {width:167px;padding:2px 51px 0 18px;background:url("/image/sub/bg_left_b.gif") 100% 0 repeat-y;}
.my_info .my_progress li {padding:6px 5px 3px 10px;color:#595959;border-top:1px solid #e3e3e3;}
.my_info .my_progress li:first-child {border:0;}
.my_info .my_progress li strong {display:inline-block;width:58px;text-align:right;}
.my_info .my_info_list {overflow:hidden;height:80px;margin-left:-3px;background:url("/image/sub/bg_btm_b.gif") 0 100% repeat-x;}
.my_info .my_info_list li {float:left;width:142px;margin-top:14px;padding-bottom:7px;text-align:center;border-left:1px solid #e3e3e3;}
.my_info .my_info_list li:first-child {border:0;width:151px;}
.my_info .my_info_list li .tit {display:inline-block;*display:inline;margin-top:3px;color:#8c8c8c;}
.my_info .my_info_list li .tit a {display:block;*display:inline;padding-right:18px;background:url("/image/common/ico/ico_arrow3.gif") 100% 0 no-repeat;}
.my_info .my_info_list li .txt {margin-top:14px;font-size:11px;}
.my_info .my_info_list li .txt strong {font-size:14px;color:#595959;}
.my_info .my_info_list li a {}


/* 탭메뉴2 */
.Mypage_tab {width: 100%; overflow:hidden; }
.Mypage_tab li {float:left;margin-right:1px;}
.Mypage_tab li:last-child {margin-right:0px;}
.Mypage_tab li a {display:block;padding:10px 35px;text-align:center;color:#7f7f7f;background-color:#f0f0f0;font-size:13px;}
.Mypage_tab li.on a {color:#fff;background-color:#fe3e17;font-size:13px;font-weight:bold;}

.myPageTab {}
.myPageTab table {margin-bottom:5px;}
.myPageTab td.tit {width:100px;height:25px;border:1px solid #ddd;padding:10px;font-weight:bold;background:#f0f0f0;color:#000;font-size:14px;}
.myPageTab td.tit2 {width:100px;height:25px;border:1px solid #dde;padding:10px;font-weight:bold;background:#f0f0ff;color:#000;font-size:14px;}
.myPageTab td.exp {padding-left:10px;border:1px solid #f0f0f0;}
.myPageTab td .expBox {}
.myPageTab td .expBox li {float:left;width:120px;margin-bottom:5px;font-weight:bold;}
.myPageTab td .expBox li a {color:#777;}
.myPageTab td .expBox li a.on {color:#0099ff;}
.myPageTab td .expBox li a span {color:#0099ff;}

table.myPageTab2 {background:#f1f5f8; margin:10px 0px 30px}
table.myPageTab2 td{padding:10px; border:1px solid #dbe4eb;text-align:center;}
table.myPageTab2 td img{padding-bottom:5px;}
table.myPageTab2 td h3{text-align:center; font-size:14px; font-weight:bold; padding-bottom:12px;}
table.myPageTab2 td ul{margin:0px 10px;}
table.myPageTab2 td ul li{width:100%; padding-bottom:5px; height:18px; line-height:18px;}
table.myPageTab2 td ul li .fr{display:block; min-width:20px; padding-left:5px; padding-right:5px; height:18px; line-height:18px; text-align:center; color:#fff; font-weight:bold; background:#acacac; border-radius:20px;}
table.myPageTab2 td ul li a{display:block}
table.myPageTab2 td ul li a:hover, table.myPageTab2 td ul li.on a{font-weight:bold; color:#313131}
table.myPageTab2 td ul li a:hover .fr, table.myPageTab2 td ul li.on a .fr{background:#313131}
table.myPageTab2 td ul li a.on, table.myPageTab2 td ul li.on a{font-weight:bold; color:#313131}
table.myPageTab2 td ul li a.on .fr, table.myPageTab2 td ul li.on a .fr{background:#313131}

.my_info_list_box {overflow:hidden;margin-left:-70px;}
.my_info_list_box .my_info_list_2 {float:left;margin:0 0px 36px 70px;}
.my_info_list_box .my_info_list_2 h4 {margin-bottom:14px;}
.my_info_list_box .my_info_list_2 ul {width:200px;height:150px;padding-top:5px;border:1px solid #d1d1d1;}
.my_info_list_box .my_info_list_2 ul li {overflow:hidden;color:#636363;margin:0 25px 0 20px;padding:9px 5px 5px 14px;border-top:1px solid #e3e3e3;background:url("/image/common/ico/ico_sq2.gif") 7px 15px no-repeat;}
.my_info_list_box .my_info_list_2 ul li:first-child {border:0;}
.my_info_list_box .my_info_list_2 ul li .tit {float:left;}
.my_info_list_box .my_info_list_2 ul li .cnt {float:right;font-weight:bold;text-align:right;}

.search_box {letter-spacing:-1px;}
.search_box label,.search_box strong,.search_box input,.search_box select,.search_box a {vertical-align:middle;}
.search_box .type1 {padding-left:5px;}
.search_box .type1 span {padding-right:5px;}
.search_box .mid {margin:0 5px;*margin:0 3px;}
.search_box table {width:auto;}
.search_box table td {padding:0 2px;}

/* 탭메뉴 */
.t_menu_list {overflow:hidden;}
.t_menu_list li {float:left;border:1px solid #797979;border-left:0;}
.t_menu_list li:first-child {border-left:1px solid #797979;}
.t_menu_list li a {display:block;width:94px;height:22px;padding-top:10px;text-align:center;color:#f5f5f5;background-color:#a3a3a3;}
.t_menu_list li.on a {color:#ecf8ff;background-color:#0d8cd5;}
.t_menu_list li:hover a {color:#ecf8ff;background-color:#0d8cd5;}

/* 게시판 */
.t_board {}
.t_board .top {position:relative;}
.t_board .top .not_read {position:absolute;top:0;left:0;}
.t_board .page {margin:7px 0;text-align:right;}

.board_list {}
.board_list thead th {padding:10px 5px;text-align:left;line-height:12px;}
.board_list thead th {color:#636363;font-weight:bold;border-top:1px solid #979797;border-bottom:1px solid #c5c5c5;background:#fafafa; line-height: 110%;}
.board_list tbody td {padding:10px 5px;text-align:left;color:#313131;border-bottom:1px solid #dbdbdb;letter-spacing: -0.05em;}
.board_list tbody td.GrpTit { text-align: left; line-height: 150%; }
.board_list tbody td.GrpTit a { color: #444; }
.board_list tbody td.TtMny { background: #fafafa; text-align:right; font-weight:bold; padding-right:30px; }
.board_list tbody td.Comment {border:0px;padding:10px 5px;text-align:left;color:#313131;border-bottom:1px dotted #dbdbdb;letter-spacing: -0.05em;}
.board_list .tit {text-align:left;}
.board_list .num {text-align:right;}
.board_list .tit img {vertical-align:middle;}
.board_list .lock,.board_list .new {margin-left:10px;}
.board_list .lock {}
.board_list .new {}
.board_list .answer {text-align:left;}
.board_list .answer .an {text-align:left;}
.board_list .answer .an a {margin-left:95px;padding-left:23px;background:url("/image/common/ico/ico_re.gif") 0 0 no-repeat;}
.board_list .cash p {padding-left:10px;text-align:left;}
.board_list .recCnt {font-family:verdana;font-size:10px; color: #3366cc;}

.t_board2 {}
.t_board2 .top {position:relative;}
.t_board2 .top .not_read {position:absolute;top:0;left:0;}
.t_board2 .page {margin:7px 0;text-align:right;}

.board_list2 {}
.board_list2 thead th {padding:10px 5px;text-align:left;line-height:12px; text-align:center;}
.board_list2 thead th {color:#636363;font-weight:bold;border-top:1px solid #979797;border-bottom:1px solid #c5c5c5;background:#fafafa; line-height: 110%;}
.board_list2 tbody td {padding:10px 5px;text-align:center;color:#313131;border-bottom:1px solid #dbdbdb;letter-spacing: -0.05em;}
.board_list2 tbody td img {border: 1px solid #dbdbdb; width: 100px; height: 100px;}
.board_list2 tbody td ul li {float: left; margin: 0 10px 0 10px;}
.board_list2 tbody td.GrpTit { text-align: left; line-height: 150%; }
.board_list2 tbody td.GrpTit a { color: #444; }
.board_list2 tbody td.TtMny { background: #fafafa; text-align:right; font-weight:bold; padding-right:30px; }
.board_list2 tbody td.Comment {border:0px;padding:10px 5px;text-align:left;color:#313131;border-bottom:1px dotted #dbdbdb;letter-spacing: -0.05em;}
.board_list2 .tit {text-align:left;}
.board_list2 .num {text-align:right;}
.board_list2 .tit img {vertical-align:middle;}
.board_list2 .lock,.board_list .new {margin-left:10px;}
.board_list2 .lock {}
.board_list2 .new {}
.board_list2 .answer {text-align:left;}
.board_list2 .answer .an {text-align:left;}
.board_list2 .answer .an a {margin-left:95px;padding-left:23px;background:url("/image/common/ico/ico_re.gif") 0 0 no-repeat;}
.board_list2 .cash p {padding-left:10px;text-align:left;}
.board_list2 .recCnt {font-family:verdana;font-size:10px; color: #3366cc;}

.l_height tbody td {line-height:16px;}

.board_view_head {overflow:hidden;padding:10px 17px 10px 12px;color:#636363;border-top:1px solid #979797;border-bottom:1px solid #c5c5c5;background:#f8f8f8 url("/image/common/bg_thead.gif") 0 0 repeat-x;}
.board_view_head h4 {float:left;width:360px;padding:1px 0 0 27px;line-height:16px;color:#636363;background:url("/image/common/ico/ico_memo.gif") 0 0 no-repeat;}
.board_view_head ul {float:right;margin-top:3px;}
.board_view_head ul > li {float:left;padding:0 12px;font-size:11px;background:url("/image/common/ico/ico_bar4.gif") 0 0 no-repeat;}
.board_view_head ul > li:first-child {background:0;padding:0 12px 0 0}

.board_view_con {margin:11px 0 10px;padding:23px 21px;color:#636363;font-size:13px;border:1px solid #e2e2e2;}
.board_view_con ul { padding-bottom: 10px; }
.board_view_con li { line-height: 150%; }
.board_btn_center { padding: 20px 0; }

.board_write {border-top:1px solid #979797;}
.board_write thead th {padding:10px 0;text-align:center;color:#707070;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#f0f0f0;}
.board_write thead th:first-child {border-left:0;}
.board_write tbody th,.board_write tbody td {border-bottom:1px solid #e2e2e2;}
.board_write tbody th {padding:10px 0;text-align:center;color:#707070;border-right:1px solid #e2e2e2;background-color:#f0f0f0; letter-spacing: -0.05em;}
.board_write tbody td {padding:5px 8px;}
.board_write tbody .ct {text-align:center;}
.board_write tbody th.GrpBuyDet, td.GrpBuyDet {padding:0px 3px;}
.board_write tbody .lhb {border-left:1px solid #e2e2e2;}
.board_write tbody .thb {border-right:1px solid #e2e2e2;}
.board_write tbody .title {}
.board_write tbody .title input {vertical-align:middle;}
.board_write tbody .title input[type="text"] {width:390px;padding:3px 3px 2px;border:1px solid #c5c5c5;}
.board_write tbody .title input[type="checkbox"] {margin-left:10px;}
.board_write tbody .title label {display:inline-block;margin:0 0 -2px 5px;color:#707070;vertical-align:middle;}
.board_write tbody .slt {width:398px;padding:2px 0;border:1px solid #e2e2e2;}
.board_write tbody .add_file {margin-top:10px;}
.board_write tbody .add_file li {margin-bottom:10px;}
.board_write tbody .add_file li .file_1 {padding:3px 3px 2px;margin-top:2px;border:1px solid #e2e2e2;background-color:#fff;}
.board_write tbody .add_file li label {color:#636363;}
.board_write .goods_img {overflow:hidden;width:109px;height:128px;margin:0 auto;;border:1px solid #ddd;}
.board_write .depth_table {padding:0;vertical-align:top;}
.board_write .depth_table > table {border-top:0;}
.board_write th.txtLeft{text-align:left;padding:5px 8px;}

.pass {display:inline-block;padding:4px;color:#fff;background-color:#c00000;}
.pass2 {display:inline-block;padding:4px;color:#fff;background-color:#3366cc;}

.board_write_2 {border-top:1px solid #979797;}
.board_write_2 thead th {padding:10px 0;text-align:center;color:#707070;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#f0f0f0;}
.board_write_2 thead th:first-child {border-left:0;}
.board_write_2 tbody th,.board_write_2 tbody td {border-bottom:1px solid #e2e2e2;}
.board_write_2 tbody td {padding:5px 8px;border-left:1px solid #e2e2e2;}
.board_write_2 tbody td:first-child {border-left:0;}
.board_write_2 tbody .tc td {text-align:center;}

a.fileDel { font-size: 11px; color: #ff3333; }
.tip2 {margin-left:20px;}

.board_view {border-top:1px solid #979797;}
.board_view tbody th,.board_view tbody td {border-bottom:1px solid #c5c5c5;}
.board_view tbody th {padding:10px 0;text-align:center;color:#707070;border-right:1px solid #c5c5c5;background-color:#f0f0f0;}
.board_view tbody .thb {border-left:1px solid #c5c5c5;}
.board_view tbody td {padding:5px 8px;}
.board_view .goods_detail th,.board_view .goods_detail td {border:0;padding:0;}

/* 덧글 */
.comment {position:relative;}
.comment textarea {width:629px;height:47px;padding:10px;border:1px solid #bdbdbd;overflow-x:hidden;overflow-y:auto;}
.comment .btn {position:absolute;top:17px;right:100px;}
.comment .btn2 {position:absolute;top:17px;right:40px;}
.comment_list_box {margin-top:26px;}
.comment_list_box .c_cnt {padding:0 0 13px 5px;color:#636363;border-bottom:1px solid #c5c5c5;}
.comment_list_box .comment_list {margin-top:14px;}
.comment_list_box .comment_list li {margin-bottom:14px;padding-bottom:23px;background:url("/image/common/dot.gif") 0 100% repeat-x;}
.comment_list_box .comment_list li .user {padding:2px 0 17px 25px;color:#636363;background:url("/image/common/ico/ico_name.gif") 0 0 no-repeat;}
.comment_list_box .comment_list li .date {margin-left:12px;}
.comment_list_box .comment_list li .c_txt {padding:7px 16px 6px;line-height:16px;border:1px solid #bdbdbd;}

/* paging */
.paging {margin-top:27px;text-align:center;}
.paging a {display:inline-block;width:25px;height:17px;margin-left:-2px;vertical-align:middle;line-height:17px;text-align:center;color:#888;font-family:tahoma;border:1px solid #e0e0e0;}
.paging a.on {color:#333;font-weight:bold;background:#f0f0f0;}
.paging a img {margin-top:3px;}
.paging .prev,.paging .next {border:1px solid #e0e0e0;background-color:#f9f9f9;}
.paging .prev {margin:0;}
.paging .next {}


/* btn wrap */
.btn_wrap {}
.btn_wrap_r {text-align:right !important;}
.style_top {margin-top:61px;text-align:center;}
.style_top_2 {margin-top:37px;text-align:center;}
.style_top_3 {margin:37px 0;text-align:center;}
.style_top_4 {margin:20px 0;text-align:left;}

/* 로그인 */
.login_box {padding:60px 120px 50px 123px;border:4px solid #dfdfdf;}
.l_other {width:auto;}
.login_box .tit0 {font-size:15px;text-align: center; line-height: 140%;}
.login_box .siteNm {color:#007bd3; font-size: 19px; margin-bottom: 15px;}
.login_box .tit1 {font-size:12px;color:#888;padding-top:8px;}
.login_box .tit {padding-bottom:23px;}
.login_box .login {position:relative;width:299px;margin-top:29px;padding:0 95px 58px 0;}
.login_box .other {width:298px;margin:0;padding:29px 95px 23px 0;border-bottom:1px solid #dedede;background:url("/image/common/dot.gif") 0 0 repeat-x;}
.login_box .login dl {margin-bottom:-8px;*margin-bottom:8px;zoom:1;}
.login_box .login dl:after{display:block;clear:both;content:"";}
.login_box .login dl dt {float:left;width:80px;margin-top:6px;font-weight:bold;font-size:14px;}
.login_box .login dl dd {float:left;margin-bottom:14px;}
.login_box .login dl dd input {width:210px;padding:7px 3px;border:1px solid #ccc;}
.login_box .login dl dd .hp {width:65px;}
.login_box .login .btn {position:absolute;top:0px;right:0;}
.login_box .naver-login2 {position: absolute; top: 90px; right: 0;}
.login_box .other .btn {top:29px;}
.login_box .other .btn2 {position:absolute;top:29px;right:0;}
.login_box .login_tip {margin-top:17px;padding-left:10px;}
.login_box .login_tip li {overflow:hidden;margin-bottom:9px;padding-left:13px;background:url("/image/common/ico/ico_sq.gif") 0 5px no-repeat;}
.login_box .login_tip li span {}
.login_box .dot {border-bottom:1px dotted #ddd;}

.loginB {border-bottom:1px solid #dbdbdb; margin-bottom:30px;}
.loginB:after {content:""; display:block; clear:both; z-index:1;}
.loginEx:after {content:""; display:block; clear:both; z-index:1;}
.loginEx {text-align:center;border-bottom:1px solid #dbdbdb; padding:20px 0 30px;}
.loginEx .tit0 {font-size:15px;}
.loginEx .tit0 span {font-size:32px; font-weight:bold;}

.loginBox{float:left;position:relative;width:50%;box-sizing:border-box;height:auto;margin:0;padding:40px 30px 53px 30px;background:#f7f7f7;border-top:0;border-bottom:0}
.loginBox .loginBox-title {font-size: 25px; font-weight: bold;}
.loginBox .item2 {margin: 15px 0 33px 0;}
.loginBtn{position:static;margin-top:45px}
.item{margin-top:43px}
.item .inp{width:100%; height:38px;border:1px solid #ddd; padding:0 10px; box-sizing:border-box;}
.item2 .labelChk{color:#666;font-size:14px;vertical-align:1px;line-height:1}
.loginHelp{float:right;width:50%;box-sizing:border-box;margin:0}
.loginHelp li{float:none;padding:40px 0 40px 30px;border-top:1px solid #ebebeb;margin-left:0}
.loginHelp li:first-child{border-top:0}
.loginHelp li p{margin-bottom:0;padding-top:30px}
.loginHelp li p:first-child{padding-top:0}
.serviceTxt{border:1px solid #ddd;padding:30px;text-align:left;margin-bottom:60px}
.serviceTxt--img{border:0;padding:0;margin:0}
.serviceTxt-title{color:#333;font-size:14px;line-height:1;padding-bottom:15px}
.serviceTxt-title strong{font-weight:400}
.serviceTxt-item{color:#666;font-size:12px;line-height:20px;position:relative;padding-left:10px}
.serviceTxt-item:after{display:block;content:'';width:2px;height:2px;background:#999;position:absolute;left:0;top:9px}

.loginHelp p {font-size: 15px; font-weight: bold;}
.loginHelp p span {display: block; margin-top: 10px; font-size: 13px; font-weight: 400; color: #666;}
.item .labelInp {position: absolute; width: 0; height: 0; line-height: 0; font-size: 0;}

/* 배송대행 로그인 */
.da-wrap {width: 680px; margin: 0 auto;}
.da-wrap .header {height: 48px;}
.da-wrap .login_box {border: 1px solid #999; padding-bottom: 80px;}
.da-wrap .login_box h2 {margin-bottom: 30px;}
.da-wrap .login_box ul.login_tip {padding-left: 0;}
.da-wrap .login_box ul li {padding-left: 0;}
.da-wrap .login_box .login dl dd input {width: 260px;}
.da-wrap .login_box .login {width: 350px; padding-bottom: 30px;}

/* 회원가입 */
.step {overflow:hidden;margin-bottom:22px;padding-bottom:10px;background:url("/image/common/dot.gif") 0 100% repeat-x;}
.step h4 {float:left;margin-top:12px;}
.step p {float:left;}
.step_txt {color:#aaa;}
.agree_tit {margin:25px 0 12px;}
.agree_box {height:233px;padding:10px;border:1px solid #eee;overflow-x:hidden;overflow-y:scroll; letter-spacing: -0.02em;line-height: 140%;}
.agree_box2 {padding:5px 10px;border:1px solid #eee;line-height:150%;color:#ff3300;}
.agree_radio {margin-top:12px;text-align:right;line-height:14px;}
.agree_radio input {vertical-align:middle;}
.agree_radio label {margin-right:10px;}

.join_ok {padding:45px 0 20px;text-align:center;border:1px solid #e5e5e5;}
.join_ok p {margin-bottom:20px;font-size:18px;color:#4b4b4b;font-family:"Nanum Gothic",Nanum Gothic;}
.join_ok p strong {color:#04c2f3;}
.join_ok p:first-child strong {}
.join_ok p.last {margin-top:30px;font-size:14px;}

/* js select */
.sbHolder{float:left;margin-right:5px;background-color:#fff;border: solid 1px #cecece;font-family: Arial, sans-serif;font-size: 11px;font-weight: normal;height:28px;position:relative;width:60px;}
.sbSelector{display: block;height: 28px;left: 0;line-height: 23px;outline: none;overflow: hidden;position: absolute;text-indent: 10px;top: 3px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #636363;outline: none;text-decoration: none;font-size: 14px;}
.sbToggle{background: url("/image/select-icons.png") 0 -116px no-repeat;display: block;height: 28px;outline: none;position: absolute;right: 0;top: 3px;width: 30px;z-index:100;}
.sbToggle:hover{background: url("/image/select-icons.png") 0 -167px no-repeat;}
.sbToggleOpen{background: url("/image/select-icons.png") 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url("/image/select-icons.png") 0 -66px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{background-color: #fff;border: solid 1px #cecece;list-style: none;left: -1px;margin: 0;padding: 0;position: absolute;top: 23px;width:100%;z-index: 100;overflow-y: auto;}
.sbOptions li{padding: 0 7px;}
.sbOptions a{display: block;outline: none;padding: 5px 0 5px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #636363;text-decoration: none;}
.sbOptions a:hover{color: #636363;}
.sbOptions li.last a{border-bottom: none;}

/* popup */
#pop_wrap {padding:7px 10px;background:url("/image/common/bg_pop.gif") 0 0 repeat-x;}
#pop_wrap h1 {margin-bottom:25px;font-size:14px;font-weight:bold;font-family:"Nanum Gothic",Nanum Gothic;text-align:center;}
#pop_wrap .tarea {width:100%;height:47px;padding:5px 0;border:1px solid #bdbdbd;overflow-x:hidden;overflow-y:auto;}

#pop_wrap2 {}
#pop_wrap2 h1 {background-color:#464646;}

#pop_wrap3 {}
#pop_wrap3 h1 {height:46px;padding:5px 0 0 84px;color:#4a4a4a;font-size:30px;font-family:arial;background:url("/image/common/ico/ico_cp.gif") 0 0 no-repeat;}
#pop_wrap3 h1 strong {font-size:30px;font-family:"Nanum Gothic",Nanum Gothic;}
#pop_wrap3 h1 span {margin-left:10px;}

#pop_wrap4 {}
#pop_wrap4 h1 {height:46px;padding:5px 0 0 84px;color:#4a4a4a;font-size:30px;font-family:arial;}
#pop_wrap4 h1 strong {font-size:30px;font-family:"Nanum Gothic",Nanum Gothic;}
#pop_wrap4 h1 span {margin-left:10px;}

.pop_con {padding:7px 60px;}

/* 결제페이지 */
.total_pay {overflow:hidden;padding:10px 25px 30px 0;}
.total_pay p {float:left;text-align:right;width:40%;font-size:16px;color:#ff3300;font-weight:bold;font-family:"Nanum Gothic",Nanum Gothic;}
.total_pay span {float:right;color:#ff3300;font-size:16px;font-weight:bold;}
.total_pay span strong {color:#ff3300;font-size:20px;font-family:tahoma;}

.pay_box {margin-bottom:36px;padding:38px 19px;border:1px dashed #898989;}
.pay_box .pay {margin-top:20px;}
.pay_box .pay:first-child {margin-top:0px;}
.pay_box .pay .tit {width:150px;margin-right:36px;padding-left:20px;font-size:12px;color:#363636;background:url("/image/common/ico/ico_bar5.gif") 0 5px no-repeat;}
.pay_box .pay .tit strong {display:inline-block;margin-top:2px;font-size:14px;font-family:"Nanum Gothic",Nanum Gothic;}
.pay_box .pay input {width:60px;margin-right:10px;padding-right:5px;color:#707070;text-align:right;font-weight:bold;}
.pay_box .pay span,.pay_box .pay input {vertical-align:middle;}

.payCpn {}
.payCpn li {padding:0px;line-height:150%;}

.last_pay {}
.last_pay span {display:inline-block;font-family:"Nanum Gothic",Nanum Gothic;vertical-align:middle;}
.last_pay .tit {height:32px;margin-top:10px;padding-left:35px;font-size:18px;color:#4d4d4d;font-weight:bold;background:url("/image/common/ico/ico_pay.gif") 0 0 no-repeat;}
.last_pay .ico {margin:0 15px;color:#9e9e9e;font-size:30px;}
.last_pay .t_pay {color:#636363;font-size:18px;}
.last_pay .t_pay strong {color:#ed1c24;font-size:36px;font-family:tahoma;}

.last_svc {position:relative;/*height:100px;*/}
.last_svc:after {clear:both; display:block; content:'';}
.last_svc1 {float:left;line-height:200%;width:400px;border-right:1px dotted #ddd;}
.last_svc2 {float:left;}
.last_svc2 .last_svc2_box {margin:0 0 0 0;padding:10px;width:200px;/*height:80px;border-left:1px dotted #ddd;*/}
.last_svc2 .last_svc2_box .last_mny {text-align:right;color:#ed1c24;font-size:26px;font-family:tahoma;}

.opt_box {border:1px solid #e1e1e1;background-color:#f8f8f8;}
.opt_box label {color:#707070;}
.bscBox {border:1px solid #e1e1e1;background-color:#f8f8f8;padding:15px; font: bold 14px/120% 나눔고딕, naumgothic; color: #06C;}

.cp_box {height:172px;padding:18px 20px 0 20px;background-color:#f4f4f4;}
.cp_num {margin-top:16px;padding:23px 0 23px 13px;border:1px dashed #898989;}
.cp_num label {margin-right:10px;color:#555;font-size:15px;font-family:"Nanum Gothic",Nanum Gothic;}
.cp_num input {width:69px;}
.cp_txt {margin:20px 0 0 13px;}
.cp_txt li {margin-bottom:5px;color:#a09c9c;}


.cp_num1 {margin-top:0px;padding:0px 0 0px 0px;border:1px dashed #898989;}
.cp_num1 label {margin-right:10px;color:#555;font-size:15px;font-family:"Nanum Gothic",Nanum Gothic;}
.cp_num1 input {width:69px;}

/* 이벤트 */
.event_list {overflow:hidden;margin-bottom:20px;}
.event_list li {overflow:hidden;margin-bottom:21px;}
.event_list .thumnail {overflow:hidden;float:left;width:388px;height:147px;border:1px solid #b5b5b5;}
.event_list .event_info {float:left;margin-left:16px;padding:8px 0 0 0;}
.event_list .event_info .ico {}
.event_list .event_info h4 {margin:7px 0 16px;;font-weight:bold;color:#3498c9;font-size:15px;}
.event_list .event_info h4 a {color:#3498c9;}
.event_list .event_info .txt {margin-bottom:5px;color:#727272;line-height:14px;}
.event_list .event_info .date {width:auto;margin-top:10px;color:#ea5280;}

.event-p ul li {
	float: left;
	margin-left: 10px;
	margin-top: 15px;	
}

.event-p ul li img {
	width: 	370px;
	height: 198px;
	border: 1px solid #dbdbdb;
	box-sizing: boeder-box;
}

.tab-qu {
	width: 100%;
	margin-bottom: 15px;	
}

.tab-qu h3 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #fbfbfb;	
	text-align: center;
	margin-bottom: 15px;
	background: #192c54;
}

.tab-qu:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;	
}

.tab-qu ul li {
	text-align: center;
	float: left;
	width: 20%;
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #fbfbfb;
	border-bottom: 1px solid #fbfbfb;
	box-sizing: border-box;
	background: #dbdbdb;
	font-size: 13px;
	font-weight: bold;
}

.tab-qu ul li a {
	color: inherit;
}

.tab-qu ul li a:hover {
	color: inherit;	
}

.tab-qu ul li:hover {
	color: #fbfbfb;
	background: #4f95ff;
}


.cmtNm { color: #555; }
a.cmtClose { color: #f55; font-family: verdana; font-size: 11px; font-weight: bold; }

/* 핫딜 */
.HotDeal { overflow: hidden; margin: 0 0 20px 0px;}
.HotDeal li { float:left;width:233px;height:233px;border:1px solid #e5e5e5;margin-left:15px;margin-bottom:15px;background:#f9f9fb;font-family:"Nanum Gothic", Nanum Gothic, dotum; }
.HotDeal li .sale {position:absolute;width:62px;height:38px;border:1px solid #e95052;text-align:center;padding-top:10px;
	background:#f85c5d;filter: alpha(opacity=95);background-color: rgba( 248, 92, 93, 0.95 );margin: -1px 0 0 -1px;box-shadow:0px 0px 1px 0px #ffb6a4;font-family:"Nanum Gothic", Nanum Gothic, dotum;z-index:99999;
}
.HotDeal li .sale .rate {color:#fff;font-size:20px;font-weight:bold;letter-spacing:-0.1em;}
.HotDeal li .sale .txt {color:#fff;font-size:16px;font-weight:bold;}
.HotDeal li .pro {overflow:hidden;border-bottom:1px solid #e5e5e5;}
.HotDeal li h2 {overflow:hidden;width:225px;height:35px;color:#333;border: 0px solid #000;margin:5px 0 0 5px;overflow:hidden;}
.HotDeal li .goods_tit {color:#444;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;font-weight:bold;line-height:145%;}
.HotDeal li .cash {color:#444;text-align:left;line-height:140%;}

/* 구독 */
.Bookinf { overflow: hidden; margin: 0 0 10px 15px;}
.Bookinf li { float: left; overflow: hidden; width: 162px; height: 220px; border: 1px solid #e1e1e1; margin-right: 10px; margin-bottom: 20px; background: #efefef;padding-left:12px;}
.Bookinf li p.img { border: 0px solid #e1e1e1; margin:12px 0 5px 0; }
.Bookinf li h2 { margin:0 0 0 0px; height:20px; padding:0; letter-spacing: -0.05em; color: #333; font-weight: bold; overflow:hidden;}
.Bookinf li h2 a { color: #333; }
.Bookinf li p.cont { margin:0 0 0 0; font-size: 10px; letter-spacing: -0.1em;}

/* 공동 구매 */
.GrpBuyTit { margin: 0 0 20px 10px; line-height: 150%; }
.GrpBuyTit p { font-family:"Nanum Gothic",Nanum Gothic; font-size: 13px; font-weight: bold; color: #b59a51; }
.GrpMny { color: #ff6633; }

.stk { text-decoration: line-through }
.en10 { font-size:10px;font-family:verdana;letter-spacing:-0.02em; }

ul.grpBuyVw { width: 100%; }
ul.grpBuyVw li {}
ul.grpBuyVw li.img { width: 370px; height: 370px; border: 1px solid #ddd; display: block; float: left;  }
ul.grpBuyVw li.cont { width:  50%;  float: right;  }
ul.grpBuyVw li.cont h2 { font-size: 14px; font-weight: bold; color: #333; height: 20px; }
ul.grpBuyVw li.cont td { height: 30px; }
ul.grpBuyVw li.cont td.SmrExp { height: 45px; }
ul.grpBuyVw li.cont .mny { font-size: 12px; font-weight: bold; color:#508db8 !important; }
.DetExp { width: 900px; padding: 20px 10px; line-height: 150%; }
.both { clear: both; }
.grpbuy_write {border-top:1px solid #979797;}
.grpbuy_write tbody th,.grpbuy_write tbody td {border-bottom:1px solid #c5c5c5;}
.grpbuy_write tbody th {text-align:center;color:#707070;border-right:1px solid #c5c5c5;background-color:#f0f0f0;}
.grpbuy_write tbody td {text-align:left;color:#707070;background-color:#fff;}
.grpbuy_write tbody th {padding:2px;}
.grpbuy_write tbody td {padding:2px 5px;}
.grpbuy_btn_1 {margin:10px 0 7px 0;text-align:center;}

/* 탭메뉴 */
.grpbuy_tab {width: 100%;overflow:hidden;border-bottom:0px solid #ccc;overflow:hidden; height:50px;}
.grpbuy_tab li {float:left;margin-right:1px;}
.grpbuy_tab li a {display:block;padding:10px 20px;text-align:center;color:#7f7f7f;background-color:#9c9c9c;font-size:13px; color:#fff}
.grpbuy_tab li.on a {color:#fff;background-color:#313131;font-size:13px;font-weight:bold;}
/*.grpbuy_tab li:hover a {color:#000;background-color:#fff;}*/
.grpbuy_tab.mt20{margin-top:40px; margin-bottom:0px;}

/* 요율표 */
.tffDv { padding-left: 0px; }

.tff_board th { font-weight: bold; }
.tff_board th {padding:10px 0;text-align:center;color:#707070;;border:1px solid #eaeaea;background-color:#f8f8f8;}
.tff_board th,.tff_board td {border-bottom:1px solid #eaeaea;}
.tff_board th {padding:10px 0;text-align:center;color:#707070;border:1px solid #eaeaea;background-color:#f8f8f8;}
.tff_board td {padding:5px 8px;}
.tff_board .lhb {border-left:1px solid #eaeaea;}
.tff_board .thb {border-right:1px solid #eaeaea;}

a.ivcNo { font-family: verdana; font-size: 11px; letter-spacing: -0.05em; color: #ff6600; font-weight:bold;}

.left { text-align: left; }

/* 결제내역 Ajax */
.ChaList {  }
.ChaList thead th, thead td { padding: 4px 0; text-align: center; line-height: 12px; }
.ChaList tbody th {padding: 5px 0 4px 0; color:#555; border-bottom:1px solid #dbdbdb;}
.ChaList tbody td {padding: 4px 0; color:#777; border-bottom:0px solid #dbdbdb;}

/* 회원등급 */
.clrMemLvl1 {color:#9914ad;font-weight:bold;}
.clrMemLvl2 {color:#dd3937;font-weight:bold;}
.clrMemLvl3 {color:#3977dc;font-weight:bold;}
.clrMemLvl4 {color:#3ca01c;font-weight:bold;}
.clrMemLvl5 {color:#ff7200;font-weight:bold;}
.clrMemLvl6 {color:#fdd100;font-weight:bold;}

/* === 이미지 버튼 Over === */
.ImgOpc { opacity: 1.0; filter: alpha(opacity=100); } /* For IE8 and earlier */
.ImgOpc:hover { opacity: 0.8; filter: alpha(opacity=80); } /* For IE8 and earlier */

/* 따라다니는 메뉴 */
.qckMnu {}
.qckMnu li {padding-bottom:1px;}

/* 라인 No Table */
table.noLine {}
table.noLine th, table.noLine td {border:0;padding:0;}

.pop-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #0066CC;
	color: #FFF;
	border-bottom: 1px solid #00488f;
}
.pop-title h3 {
	margin-left: 10px;
	font-size: 14px;
	font-family: "Nanum Gothic", Nanum Gothic;
	padding-left: 20px;
	background: url(/Image/Admin/pop_bul.png) no-repeat 0 50%;
}

/*배송지팝업*/
#pop_add {}
#pop_add h3{height:50px; background:#1b3179; color:#fff; line-height:50px; font-size:16px; font-weight:bold; padding:0px 10px;}
#pop_add p{padding:20px 10px;}
#pop_add .tableWp{margin:0px 10px;}
#pop_add .tableWp .fl{position:relative; top:4px;}
#pop_add .tableWp th{padding:15px;}

#pop_add .addTab .menu_tab {border-bottom:1px solid #dbdbdb;}
#pop_add .addTab .menu_tab ul {display:inline-block;}
#pop_add .addTab .menu_tab ul:after {content:""; display: block; clear: both; z-index: 1;}
#pop_add .addTab .menu_tab ul li {float: left; width: 95px; height:30px; line-height: 30px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background: #eee; text-align: center; vertical-align: middle; font-size: 14px;}
#pop_add .addTab .menu_tab ul li.active {background: #0072bc; font-weight: bold; color: #fbfbfb; border-top-color:#039;border-right:#0072bc;}
#pop_add .addTab .menu_tab ul li.active a {color: #fbfbfb;}

#pop_add .addTab div[class^="menu_tab0"] {border: 1px solid #dbdbdb; padding:15px 0;}


.userPage{}
.userPage .txtBox{background:#f1f1f1; border:1px solid #d8d8d8; padding:15px;}
.userPage h2{font-size:18px; font-weight:bold; padding-bottom:14px;}
.userPage p{line-height:20px; font-size:13px;}
.userPage h3{font-size:18px; font-weight:bold; padding-bottom:10px;}
.userPage ul > li{font-weight:bold; font-size:16px;}
.userPage ul li ul{margin-top:8px; margin-left:20px; margin-bottom:10px;}
.userPage ul li li{font-size:13px; font-weight:100; line-height:20px;}
.userPage table{}
.userPage table td, .userPage table th{border:1px solid #d8d8d8; padding:10px; line-height:20px;}
.userPage table thead th{background:#777; font-weight:bold; color:#fff}
.userPage table tbody th{font-weight:bold;background:#f1f1f1;}
.userPage .fontRed{color:#d30009;}
.userPage table .fontRed{ font-weight:bold}
.userPage li.fontRed{padding:10px 0px; font-size:12px;}

/*추천싸이트*/
.recom {
	
}

.recom .site-con {
	width: 100%;
	padding-top: 15px;

}

.recom .site-con ul.site-list {
	width: 100%;
	margin-bottom: 20px;
}


.recom .site-con ul.site-list li:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;
}



.recom .site-con ul.site-list li .site-img {
	float: left;
	width: 280px;
	height: 160px;
	border: 1px solid #dbdbdb;
}

.recom .site-con ul.site-list li .site-pre {
	float: left;
	width: 350px;
	margin-left: 40px;
	padding: 5px 0 5px 0;
}

.recom .site-con ul.site-list li .site-pre h3 {
	font-size: 23px;
	font-weight: bold;
	color: #333;
}

.recom .site-con ul.site-list li .site-pre h3 span {
	font-size: 15px;
	font-weight: 400;
}

.recom .site-con ul.site-list li .site-pre .site-ex {
	margin-top: 20px;
	font-size: 13px;
	line-height: 160%;

}


.recom .pro-con {
	width: 100%;	
	padding-top: 15px;
}

.recom .pro-con ul li {
	float: left;
	padding: 0 5px 25px 4px;
}

.recom .pro-con ul li img {
	width: 250px;
	height: 180px;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;	
}

.recom .pro-con ul li span.title {
    display: block;
    width: 100%;;
	margin-bottom: 7px;
    padding-top: 10px;
	font-size: 17px;
	font-weight: bold;
    line-height: 120%;
    word-break: break-all;
    overflow: hidden;
}

.recom .pro-con ul li span.s-price {
	margin-right: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #fe5104;
}

.recom .pro-con ul li span.price {
    font-size: 12px;
}


.info-bank {
	width: calc(100% - 10px);
	margin-top: 20px;
	height: 50px;
	border: 5px solid #36F;
}

.info-bank span {
	display: block;
	color: #fbfbfb;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #333;	
}

/*노데이타 팝업*/
.nodata_table {}
.nodata_table_top {border-top:1px solid #e5e5e5;}
.nodata_write {width:100%;}
.nodata_write {border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.nodata_write tbody th {border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height:130%; font-size: 13px;}
.nodata_write tbody td {border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height:130%; font-size: 13px;}
.nodata_write tbody th {padding:14px 8px;text-align:left;color:#444;border-right:1px solid #dbdbdb;background-color:#ebebeb; letter-spacing: -0.05em;}
.nodata_write tbody td {padding:10px 8px;background:#fff;}
.nodata_write tbody td ul{width: calc(95% + 6px); margin: 0 auto;}
.nodata_write tbody td ul:after {content:""; display: block; clear: both; z-index: 1;}
.nodata_write tbody td ul li {float: left; text-align: center; width: 19%; margin: 0 3px;}
.nodata_write tbody td ul li img {border: 1px solid #dbdbdb; margin-bottom: 10px;}

.nodata_write a:hover {color: #fbfbfb; text-decoration: none;}

/* 팝업 제목 */
.popTit {position:relative;height:35px;background:#188ae2;border:0px solid #999; }
.popTit h4 {position:relative;font-size:14px;color:#fff;padding:10px 0 0 5px;}

.btn-area {
	margin-top: 15px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-primary {
    color: #ffffff;
    background-color: #313131;
    border-color: #2a7aff;
    height: 35px;
    width: 100%;
}

/* 재고목록페이지 */
.search-board2 {
    background: #fafafa;
    padding: 10px 5px;
    border: 1px solid #dadada;
    margin-bottom: 10px;
}
.search-board2 table th {
    padding: 2px 4px;
    color: #99a;
    font-weight: normal;
    text-align: left;
}
.search-board2 table td {
    padding: 2px 6px;
}
.notice-board {
    padding: 5px 0;
}
.notice-board table {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.notice-board th {
    text-align: left;
    border-top: 1px solid #4b4b4b;
    border-bottom: 1px solid #4b4b4b;
    border-left: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    background: #323232;
    color: #d2d2d2;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    padding: 8px 0 8px 5px;
}
.notice-board td {
	text-align:left;
	vertical-align: middle;
	padding:8px 0 8px 5px;
	color:#777;
	font-size:12px;
	line-height:150%;
	letter-spacing: -0.01em;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.notice-board td.seq {
	background: #f7f7f7;
}

.notice-board td a {
	color:#000;
	font-weight:normal;
}


.notice-board td.ntc {
	color:#777;
	background: #f3f6f7;
}

.notice-board td .add-num {
	color: #bfbfbf;
}

.notice-board td .recCnt {
	font-family: tahoma;
	font-size: 9px;
	color: #3366cc;
}

.notice-board textarea {
	padding: 5px 0 0 4px;
	border: 1px solid #ccc;
	background: #fff;
	color: #777;
	font-size: 12px;
}

/* 재고글씨 */
.stock-font{font-size:14px; border:0px; color:red; background:transparent; font-weight:bold; width:30px;}


