﻿@charset "utf-8";
@import url("/Library/Css/user_layout.css?ver=4");


/* 신청페이지 */
.orderTit {background:none; border:none; }
.orderStepTit {border:none; }

/*금액정보*/
.proTtAmt {width:95%; height:auto; background:none; border:none; padding-bottom:0;}
.proTtAmt:after {display:block; content:''; clear:both;}
.proTtAmt li {float:left; width:500px; height:auto; margin-right:26px; font-weight:bold; background:none; color:#333;}
.proTtAmt li:nth-child(2n) {margin-right:0;}

/* 체크박스 색상바꾸기 */
input[type='radio'],input[type='radio']:checked {appearance: none;width: 0.9rem;height: 0.9rem;border-radius: 100%; margin-right: 0.1rem;}
input[type='radio'] {   border: 2px solid #edebeb; border-radius: 100%; width: 0.9rem; height: 0.9rem;}
input[type='radio']:checked {background-color: #f8b922;border-radius: 100%;width: 0.9rem; height: 0.9rem;}

/* select의 화살표 이미지 바꾸기 */
select {font-size:11px; width:68px; /*-webkit-appearance: none; -moz-appearance: none;  appearance: none; 
background: url(/Image/Common/ar.png)no-repeat 95% 50%;*/background-color:#f5f5f5;; padding:0 3px; color:#666;}    
select::-ms-expand { display: none; }

/* 새버튼 이나경 */
.btn_small7 span { height: 18px;line-height: 18px;  padding: 2px 15px; color: #636363; text-align: center; cursor: pointer;  background: #fff; border: 2px solid #f8b922;border-radius: 2px; color: #000;}
.btn_small8  { height: 8px; line-height: 8px;padding: 2px 20px; color: #636363; text-align: center; cursor: pointer;  background: #fff;  border: 3px solid #111;  border-radius: 5px;color: #000;font-size:11px;letter-spacing:1.1px;}
.btn_small9  {height: 12px; line-height: 12px;padding: 4px 12px; color: #636363;text-align: center; cursor: pointer;background: #fff; border: 2px solid #c2c2c2; border-radius: 5px; color: #000;font-size:11px;letter-spacing:1.1px;}

.ui-autocomplete {
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* 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 6px; }
.input_txt2 {height:13px; line-height:13px; border:none; font-size:12px; padding:6px;background-color:#f5f5f5; }
.input_txt3 { width:285px; height:15px; line-height:15px; border:none; font-size:12px; padding:6px;background-color:#f5f5f5; }
.input_chk {width:15px;height:13px;}
.input_chk2 {width:15px;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:15px; line-height:15px; border:1px solid #d0d2d7; color:#777; font-size:12px; padding:4px; }
.iptTmpErr input {height:15px; line-height:15px; 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:120px;}
.ipt_type2 {width:199px;}
.ipt_type3 {width:120px;}
.ipt_type4 {width:80px;}
.ipt_type5 {width:230px;}
.ipt_type6 {width:40px;}
.ipt_type7 {width:302px;}
.ipt_type8 {width:280px;}

.hp {width:90px;}
.hp2 {width:72px;}
.hp3 {width:105px;}
.hp4 {width:87px;}
.email_1 {width:100px;}
.email_2 {width:110px;}
.name {width:100px;}
.slt2 {width:50px;}
.adr {width:70%;}
.adr1 {width:42%;}

.m_num {width:210px;}
.m_num2 {width:100px;}
.site {width:210px;}

/* .full {width:94%;} */
.cnt {width:50px;}
.sm {width:60px;}
.date {width:68px;}

.per10 {width:11.3%;}
.per33 {width:32%;}
.per37 {width:37.5%;}
.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;}

.vm_box {line-height:150% !Important;}
.vm_box input,.vm_box label {vertical-align:middle;}
.vm_box input {margin-right:8px; }
.vm_box input:last-child {margin-right:0;}
.vm_box label {display:inline-block;margin:0 5px -3px 0; font-weight:bold;}

/* 수취인정보*/
.addr_ , .proInfoArea{width:100%; overflow:hidden;/* border-bottom:1px solid #e2e2e2; *//* padding:30px 0; */ box-sizing:border-box;}
.thp{width:165px; float:left; /*padding:10px 0;*/ font-size:15px;text-align:left; 
text-indent:20px;color:#000;border:none; background-color:#fff; font-weight:bold;  letter-spacing: -0.05em;}
.tdp{float:left; width:80%;}
.tdp select{width:30%; text-align:center; padding:0;}


.addr_ {table-layout:fixed; width:100%;/* margin-bottom:15px; */ border-collapse:collapse; font-size:13px; display:flex;}
.addr_ .thp {background-color:#f8f8f8; font-size:13px;line-height:50px;vertical-align: middle;/* border-bottom: 1px solid #e9e9e9; */border-right: 1px solid #e9e9e9;font-weight: bold;color: #313131;/* border-left: 1px solid #e9e9e9; */border-top: 1px solid #e9e9e9;text-align: center;
width:30%;}
.addr_ .tdp {width:70%; background-color:#fff; padding-left:13px; font-size:13px;/* border-right: 1px solid #e9e9e9; *//* border-bottom: 1px solid #e9e9e9; */color: #313131;padding-top: 9px;padding-bottom: 9px;line-height: 18px;vertical-align: middle; text-align:left;border-top: 1px solid #e9e9e9;}
.addr_ .tdp #MOB_NO1 , .addr_ .tdp #MOB_NO2 , .addr_ .tdp #MOB_NO3{width:52px;}


.addrTel2 .vm_box label {display:inline-block;margin:0 5px -3px 0; width:10%;}
.addrTel2 .vm_box{margin-bottom:10px; height:25px;}
.addrTel2 .vm_box #ADDR_1 {width:35%;float:left; }
.addrTel2 .vm_box #ADDR_2{width:53%; }
.addrTel2 #ZIP { width:156px; margin-right:8px;}
.deli select { width:17%; margin-right:10px; float:left; background:#f5f5f5;border:none;     -webkit-appearance: none; -moz-appearance: none;appearance: none; background: url(/Image/Common/ar.png)no-repeat 95% 50%;background-color: #f5f5f5; padding: 5px 3px;}
.deli #REQ_1 { width:76.5%; float:left}
.addrRcvKr .vm_box label input {width:70px;}
/*상품정보*/
.proInfoArea .tdp .order_noBd li{overflow:hidden; margin-bottom:10px;}
.proInfoArea .tdp .order_noBd label{display:inline-block; width:10%; float:left;} 
.proInfoArea .tdp .order_noBd p{float:left; width:90%;}
.proInfoArea .tdp .order_noBd select{float:left;}
.proInfoArea .tdp .order_noBd select#ARC_SEQ{width:240px; float:left;}
.proInfoArea .tdp .order_noBd li span{float:left; display:inline-block;}
.proInfoArea .tdp .order_noBd li strong{font-weight:400; text-align:center; display:inline-block;float:left;}

/* 요청사항 */
.vm_box span {font-weight:bold; display:inline-block; }
.top6 {margin-top:6px;}

/* 신청서 */
.orderTit {position:relative;height:30px;border-bottom: 2px solid #999; padding:5px 0px; margin-bottom:0px;}
.orderTit h4 {font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:20px; font-weight:bold; text-align:center;;margin: 6px 0 0 0;}
.orderTit h3 {font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:17px; font-weight:550; text-align:left;margin: 6px 0 0 0px;}
.orderAgreeTit {margin:15px 0 5px 5px;color:#333;font-weight:bold; font-size:16px; font-weight:bold;}
.orderAgreeCk {margin:10px 5px 5px;color:#000;font-size:12px; font-weight:400;}
.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%;}
.order_write tbody pre {width: 100%;height: 150px;overflow: auto;display: block; border: none;}

/* 신청서 */
.orderTit2 {position:relative;height:30px;border-bottom: 2px solid #f8b922; padding:5px 0px; margin-bottom:0px;}
.orderTit2 h4 {font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:20px; font-weight:bold; text-align:center;;margin: 6px 0 0 0;}
.orderTit2 h3 {font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:18px; font-weight:550; text-align:left;margin: 6px 0 0 0px;}
.orderAgreeTit {margin:15px 0 5px 5px;color:#333;font-weight:bold; font-size:16px; font-weight:bold;}
.orderAgreeCk {margin:10px 5px 5px;color:#000;font-size:12px; font-weight:400;}
.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%;}
.order_write tbody pre {width: 100%;height: 150px; overflow: auto; display: block;  border: none;}


/* 신청서 STEP 타이틀 */
.orderStepTit {position:relative;height:45px;border-bottom: 3px solid #666;margin-bottom:0px;background:#fff;}
.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-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:18px; font-weight:bold; text-align:left;
text-indent:20px; line-height:45px;}
.orderStepTit h4 a {position: absolute; right:10px; top: 8px;color: #444; font-size: 13px;}

/* 신청서 STEP 타이틀 */
.orderStepTit2 {position:relative;height:30px;border-bottom: 3px solid #f8b922;padding:5px 0px; margin-bottom:0px;background:#fff;}
.orderStepTit2 p {float:left;width:15%;height:45px;background:#717c82; text-align:center ; line-height:45px;}
.orderStepTit2 p .stepTxt {color:#fff;font-size:11px;}
.orderStepTit2 p .stepNo {color:#fff;font-size:22px;font-weight:bold;margin-left:0px;}
.orderStepTit2 h4 {position:relative;font-family:"Nanum Gothic", Nanum Gothic, Dotum;font-size:18px; font-weight:bold; text-align:left;margin: 6px 0 0 0;}
.orderStepTit2 h4 a {position: absolute; right:20px; top: 0px;color: #444; font-size: 13px;}



/*모바일 사용자: 신청페이지 start*/
.m_actingW_wrap {background:#fff; padding:0 5px;}
.m_actingW_wrap h2 {position:relative; line-height:40px; font-size:18px; font-weight:bold; color:#333; padding-left:15px;}
.m_actingW_wrap h2:before {display:block; width:4px; height:21px; background:#333; content:''; position:absolute; left:0; top:10px;}

.m_actingW_wrap .boxStep01 p {margin-bottom:5px; font-size:12px; }
.m_actingW_wrap .boxStep01 .agree_box {width:100%; height:133px; overflow-y:scroll; word-break:break-all; border:1px solid #ddd; box-sizing:border-box; padding:5px;}
.m_actingW_wrap .boxStep01 .agree_box pre {white-space:pre-wrap; word-break:break-all;}
.m_actingW_wrap .boxStep01 p.check_txt {margin:5px 0; margin-bottom:20px;}
.m_actingW_wrap .boxStep01 .check_txt .input_chk {width:15px; height:15px; margin-right:5px; vertical-align:middle;}

.m_actingW_wrap .boxStep02 h3 {background:#383838; color:#fff; padding:8px 3px 8px 10px; font-size:15px; line-height:27px;}
.m_actingW_wrap .boxStep02 h3:after {display:block; content:''; clear:both;}
.m_actingW_wrap .boxStep02 h3 .btn_wrap {float:right;}
.btn_wrap .bnr_delvtype01 {padding:3px 10px; background:/*#aaa;*/#0766b7; margin-right:10px;}
.btn_wrap .bnr_delvtype02 {padding:3px 10px; background:#e82727; color:#fff; margin-right:10px;}

.m_actingW_wrap .orderStepTit p{width:30%;}

.mLabel {display:inline-block; margin-right:5px; vertical-align:middle;}

/*신청서 테이블 start*/

.actingW-table {table-layout:fixed; width:100%;margin-bottom:15px; border-collapse:collapse; font-size:13px;border: 1px solid #e9e9e9;}
.actingW-table th {background-color:#f8f8f8; font-size:13px; height: 50px; line-height:50px; vertical-align: middle; border-bottom: 1px solid #e9e9e9; 
border-right: 1px solid #e9e9e9; font-weight: bold; color: #313131; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;text-align: center;
}
.actingW-table tr{line-height: 18px;}
.actingW-table td {background-color:#fff; padding-left:13px; font-size:13px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; color: #313131; padding-top: 9px; padding-bottom: 9px;
	line-height: 18px; vertical-align: middle; text-align:left; border-top: 1px solid #e9e9e9;}
.actingW-table th.th_img {padding:20px 15px;}
.actingW-table th.th_img img {border:1px solid #ddd; margin-bottom:10px; width:100%;}

.actingW-table .input_txt {background:#f8f8f8; border:1px solid #ddd; width:80%; padding:7px 10px; }
.actingW-table .input_txt2 {width:30px; display:inline-block;}
.actingW-table .input_txt3 {width:40%; display:inline-block;}
.actingW-table .input_txt4 {width:33%; display:inline-block; margin-bottom:7px;}
.actingW-table .input_chk {width:15px; height:15px; margin-right:5px; vertical-align:middle;}
.actingW-table .chk_price {color:#f00;}
.actingW-table p.opt_txt {margin-bottom:0px; padding-top:10px;}

.opt-table td {padding-top:12px;padding-bottom:12px;}

.select_list {background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; height:30px; padding:5px 10px; width:80%;}
/*신청서 테이블 end*/


/*신청서 버튼 start*/
.btn_W01 {border:0 solid #fff;display:inline-block; border-radius:3px; padding:6px 10px; background:#000; font-size:12px; color:#fff; cursor:pointer; margin-right:5px;}
.btn_W02 {display:inline-block; border-radius:3px; padding:6px 10px; background:#f9cc30; font-size:12px; color:#333; cursor:pointer; margin-right:5px;}
.btn_W03 {display:inline-block; border-radius:3px; padding:6px 10px; background:#4792af; font-size:12px; color:#fff; cursor:pointer; margin-right:5px;}
.btn_W04 {display:inline-block; border-radius:3px; padding:6px 10px; background:#00a651; font-size:12px; color:#fff; cursor:pointer; margin-right:5px;}
.btn_W05 {display:inline-block; border-radius:3px; padding:6px 10px; background:#636363; font-size:12px; color:#fff; cursor:pointer; border:none;}
.btn_W06 {display:inline-block; border-radius:3px; padding:3px 10px; background:#c2c2c2; font-size:12px; color:#fff; cursor:pointer;}
.btn_W-apply {display:inline-block; width:100%; padding:17px 0; background:#0766b7; color:#fff; font-size:20px; cursor:pointer; font-weight:bold;}
/*신청서 버튼 end*/


/* 상품 이나경 2020-10-08 */
.prod {overflow:hidden; margin-bottom:0;}
.prod h4 {display:inline-block; float:left;}
.prod ul {overflow:hidden;  margin-top:-7px;   line-height: 45px;}
.prod ul li {float: right; margin-left:10px; }
.prod ul li span {font-size:13px; line-height:1px; font-weight:550;}
#TextProduct1 select { border:1px solid #ddd; box-sizing:border-box; height:30px; padding:5px 0; width:100%; margin-right:1%;}
#TextProduct1 select#PARENT_CATE {border:1px solid #ddd; box-sizing:border-box; height:30px; padding:5px 10px; width:100%; margin-bottom:8px;}

.SelectAreab span{display:inline-block; width:50%; margin-right:3%; float:left;}
#TextProduct1 .order_table_top {border: none;}
.goods_img {overflow:hidden; width: 200px;  height: 120px; margin:0 auto; border:1px solid #eee;}
.goods_img img{width:100%;}
.imgBoxArea a.Btn_small5{width:130px; height:30px;  line-height:30px; display:block;  background-color:#333; color:#fff; margin-top:5px; 
text-indent:0; text-align:center; border-radius:5px; }
.order_write .input_txt2 {background:#f8f8f8; border:1px solid #ddd; width:100%; padding:7px 0px; text-indent:15px;}
.order_write .imgInFoArea .input_txt{background:#f8f8f8; border:1px solid #ddd; width:80%; padding:7px 10px;}
.order_write .imgInFoArea .ordIcon1 , .order_write .imgInFoArea .ordIcon3{width:50%; margin-right:1%;}
.order_write .imgInFoArea .ordIcon2 , .order_write .imgInFoArea .ordIcon4{width:50%;}
.order_write .imgInFoArea .ordIcon1 .input_txt{background:url('/image/common/ordInfoIcon1.png') no-repeat left #fafafa; text-align:right; color:#333; margin-right:6px;}
.order_write .imgInFoArea .ordIcon2 .input_txt{background:url('/image/common/ordInfoIcon2.png') no-repeat left #fafafa; text-align:right; color:#333;}
.order_write .imgInFoArea .ordIcon3 .input_txt{background:url('/image/common/ordInfoIcon3.png') no-repeat left #fafafa; text-align:right; color:#333;}
.order_write .imgInFoArea .ordIcon4 .input_txt{background:url('/image/common/ordInfoIcon4.png') no-repeat left #fafafa; text-align:right; color:#333;}

.order_write .imgInFoArea .flexAreaB{margin-bottom:7px;}
.order_write .imgInFoArea .flexAreaB .input_txt{width:80%; border-left:none;}
.order_write .imgInFoArea .ordIcon5{width:20%; overflow:hidden; border:1px solid #ddd; background:url('/image/common/ordInfoIcon5.png') no-repeat left #fafafa; text-align:right; color:#333;}
.order_write .imgInFoArea .ordIcon5 .input_txt{width:80%; border:none; border-left:1px solid #ddd;}
.order_write .imgInFoArea .ordIcon6{width:20%; overflow:hidden; border:1px solid #ddd; background:url('/image/common/ordInfoIcon6.png') no-repeat left #fafafa; text-align:right; color:#333;}
.order_write .imgInFoArea .ordIcon6 .input_txt{width:80%; border:none; border-left:1px solid #ddd;}

.order_write .imgInFoArea .input_txt4 {width:100%; display:inline-block; margin-bottom:7px; height:30px;}
.order_write .input_chk {width:15px; height:15px; margin-right:5px; vertical-align:middle;}

.order_write p.opt_txt {margin-bottom:0px; padding-top:10px;}

/* 요청사항 체크박스 간격 이나경 2020-10-08*/
.option tbody .vm_box label {width:25%;}
.option_ch {margin-top:4px; color:#858585}

/* 요청사항 */
.vm_box span { }

/* 수정시 주문번호  이나경 2020-10-12*/
.or_num{width:100%;padding: 15px 20px; font-size:20px;box-sizing:border-box; margin-bottom:30px; font-weight:bold; background-color:#e7e8e9;}
.or_num span { font-weight:bold; padding-left:20px; }

/* second 2020-10-08 이나경*/
.second {overflow:hidden;}
.second .step2 {float:left; width:48%;}
.second .step3 {float:right; width:48%; }

/* 수취인 정보 */
.addrRcvKr .RcvKrBox li:last-child {float:right; }

/* 신청서약관 Box 2020-10-08 이나경*/
.topAgreeBox {border:1px solid #e2e2e2;height:200px; overflow-y:auto;}
.topAgreeBox pre {width:100%; word-break:break-all; white-space:pre-line;}
.order_table_top .order_write tr { height:150px; margin-top:20px; box-sizing:border-box;} 

/* 신청서 테이블 */
.order_table {overflow:hidden; width:99.9%;}
.order_table td div {line-height:150%; font-weight:400;}
.order_table_top {box-sizing:border-box;}
.order_write {width:100%;}
.order_write {border:none;}
.order_write tr {border-bottom:1px solid #e2e2e2; padding:30px 0; box-sizing:border-box;}
.order_table td div.wid33{width:33%;}
.last-tr {border-bottom:none;}
.order_write .last-tr {border:none;}
.order_write tbody th {border:none;}
.order_write tbody td {border:none;}
.order_write tbody pre {font-size: 12px; width:100%; white-space:pre-wrap; padding:5px 10px; box-sizing:border-box; font-weight:bold;}
.order_write tbody pre div {margin-bottom:4px; letter-spacing:-1px;}
.order_write tbody th {background-color: #f8f8f8; padding:10px 0; text-align:center;color:#000;border:none; font-weight:bold;  letter-spacing: -0.05em;
border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;font-weight: bold;color: #313131;border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;}
.order_write tbody td {background-color:#fff; padding-left:13px; font-size:13px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; color: #313131; padding-top: 9px; padding-bottom: 9px;
	line-height: 18px; vertical-align: middle; text-align:left;border-top: 1px solid #e9e9e9;}

.opt-table tbody th{padding:0;}
/*.order_write tbody td {padding:5px 0px;height:50px; }*/
.phone {margin-right:15px; padding: 10px 0; font-size: 15px; text-align: left; padding-left: 20px;color: #000; border: none; background-color: #fff;font-weight: bold;letter-spacing: -0.05em;}
.order_write .opt1 .vm_box label {margin-top:-12px;}
.order_write .opt2 .vm_box label {margin-top:-12px;}
.order_write .opt2 {height:60px}
.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:96%; margin:20px auto; background: #fff; 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:98%; */}
.order_view tbody th {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}
.order_view tbody td {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.order_view tbody th {font-size:13px; font-weight:550; padding:15px 12px;text-align:left;color:#555;border-right:1px solid #e2e2e2;background-color:#f8f8f8; }
.order_view tbody td {padding:15px 12px; font-size:13px;}
.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; font-family: "Nanum Gothic", Nanum Gothic, Dotum;}

/* 신청서 상품 추가 */
.proBtn_write {border-bottom:1px solid #717c82;}
.proBtn_write tbody td {padding:10px 20px 10px 8px;background:#f0f0f0;}
.proMenuBox{width:100%; height:45px;}
.proMenuBox li{float:left}
.proMenuBox li h4 label{line-height:45px;}
.proMenuBox li:last-child{float:right;}
.proMenuBox li a{color:#fff; display:inline-block; float:left; width:/*90px*/auto; height:25px; line-height:25px; margin:10px 5px; padding:0 10px; text-align:center; border-radius:5px;}
.proMenuBox li a:last-child{margin-right:0;}
.Btn_small3{ background-color:#fba900;}
.Btn_small4{ background-color:#399;}
.Btn_small5{ background-color:#333;}
.Btn_small6{ background-color:#3F51B5;}
/* 신청페이지 */
.orderTit h4 {margin:0; line-height:25px; color:#333; font-size:18px; font-weight:bold; }
.orderStepTit h4 {color:#333; font-weight:bold;}

/* 신청서 라디오 버튼 */
.rdoBox {margin-left:2px;}
.rdoBox li {float:left;margin-right:40px; margin-bottom:10px;}
.step2 .rdoBox, .step3 .rdoBox  {padding:20px 0; font-size:15px;text-align:left; color:#000;border:none; font-weight:500;  background-color:#fff;letter-spacing: -0.05em;}  


.rdoFtBig {font-size:17px;}
.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; overflow:hidden; vertical-align:middle; float:left;}
.addrRcvKr .RcvKrBox {float:left; line-height:150%; margin-top:3px; display:inline-block;}
/*
.awidth{width:80px; display:inline-block; float:left;}
*/
.addrRcvEn{float:left; display:inline-block; font-size:15px; padding-left:20px;}
.addrRcvKr .RcvKrBox span {line-height:25px;}
.addrRcvKr .RcvKrBox li {float:left;  
    font-size: 15px;
    text-align: left;
    color: #000;
    border: none;
    background-color: #fff;
    letter-spacing: -0.05em; padding-right:10px;
	line-height:px;}


.addrRcvKr .RcvKrBox li:last-child {padding-right:0;}
.addrRcvKr .RcvKrBox li a{display:block; width:;}
.addrRcvKr .RcvKrBox li.ckBox {margin-top:2px;}
.addrRcvKr .right {float:right;margin-top:-8px;}
.addrRcvEn .vm_box{ margin-right:10px;}
.addrRcvEn .on {visibility:visible;}
.addrRcvEn .off {display:none;}

/* 주소 및 연락처 */
.addrTel2 .vm_box label, .addrTel2 .vm_box input , .addrTel2 .vm_box b{float:left;}
.addrTel2 .adr_in #ADDR_2 , .addrTel2 .adr_in #ADDR_1{width:80%; float:left; display:inline-block;}
.addrTel2 .vm_box b{display:inline-block; height:27px; line-height:27px; margin-right:8px; font-size:16px;}
.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 #e2e2e2;*/ padding:5px;}
table.order_noBd tbody td {border:0px;background:#fff;line-height:140%;padding:5px 0; text-indent:5px;}
table.order_noBd tbody td:last-child {border:0px;background:#fff; width:150px; }
table.order_noBd tbody td .mspan {margin-top:5px}

/* 금액 정보 */
.proTtAmt {position:relative;margin:10px auto;width:90%;height:auto;background:#efefef;padding:10px;color:#fff;/*outline:1px solid #aaa;*/}
.proTtAmt h2 {font-size:16px;font-weight:bold;color:#333;}
.proTtAmt li{width:100%; height:25px; font-size:14px; font-weight:bold; color:#313131}
.proTtAmt .proTtFt {font-size:22px;font-weight:normal;color:#444;line-height:150%;}
.proTtAmt .proTtQtyTxt {color:#ea3b61;font-weight:bold; }
.proTtAmt .proTtAmtTxt {color:#ea3b61;font-weight:bold; font-size:18px;} 
.proTtAmt .proTtBtmTxt {font-size:11px;font-weight:normal;color:#313131}

.btnBoxVw {margin:10px auto 0; width:340px;}
.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;}
.boxTy3 {background:#fff;  border:2px solid #f8b922; border-radius:2px; color:#000; cursor: pointer;  transition:all 0.2s;  transition:all 0.2s;}
.boxTy3 span {color:#000; font-size:13px; font-weight:bold;}
.boxTy3:hover {background:#f8b922; color:#fff; transition:all 0.2s; }
.boxTy3:hover span { color:#fff; }
.boxTy4 {background:#fff; border:2px solid #999999; border-radius:2px; color:#000; cursor: pointer;  transition:all 0.2s;}
.boxTy4 span {color:#000; font-size:13px; font-weight:bold;}
.boxTy4:hover {background:#999999; color:#fff;  transition:all 0.2s;}
.boxTy4:hover span { color:#fff;}

.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;}
.big:first-child {margin-right:15px;  transition:all 0.2s;}
.big span {font-size:18px;}

.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 {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; }
.flexArea{display:flex;width:83%;}
.with100{width:100px;}

#TextProduct1 #TextArc_1 select{width:100%;}
/*포장옵션*/
.optionBox{width:100%; display:block; padding:10px 0; overflow:hidden;}
.optionBox .vm_box input:last-child {margin-top:10px;}
/* 이용안내 */
.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;}


/*버튼 접수대기,신청*/
#reg_btn ul{width:181px; height:30px; margin:0 auto 8px;}
#reg_btn ul li{display:inline-block; float:left; margin-right:10px;}
#reg_btn ul li:last-child{margin-right:0;}
/* 마이페이지 */
.top_tit_btn {position:relative;padding-bottom:20px; box-sizing:border-box; line-height: 130%;}
.top_tit_btn h3 { font-size:23px; font-weight:bold;}
.top_tit_btn h3 span { font-size:15px;color:#092563; font-weight:bold; margin-left:10px;}
.top_tit_btn .memLogo {float:left;padding-right:10px;}
.top_tit_btn .btn {position:absolute;bottom:8px;right:0;}
.top_tit_btn .btn a {float:left;margin-left:12px;}

.top_tit_btn p{float:left; line-height:36px;}
.MybtnArea{float:right;}
/*
.top_tit_btn .memName{float:left;}
.top_tit_btn .MybtnArea{float:right;}
*/
.myNtcTit {position:relative;height:14px;font-weight:bold;padding:0 0 10px 0;border-bottom:2px solid #060606;}
.myNtcTit td { }
.myNtcTit li {float:left;}
.myNtcTit li.tit {width:100%;font-weight:bold; font-size:15px;}
.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;}

.floatArea{width:48%; float:left;}
.floatArea1{width:48%; float:right;}
.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:#F9F9F9; margin:8px 0px 30px}
table.myPageTab2 td{padding:10px; text-align:center;height:230px;}
table.myPageTab2 td img{padding-bottom:5px;}
table.myPageTab2 td h3{text-align:center; font-size:16px; font-weight:bold; padding:12px 0; position:relative;}
table.myPageTab2 td h3:after {transition:all 0.8s;color:#FF773A;content:''; width:20px;height:3px; background:#FF773A; position:absolute; bottom:-3px; left:50%; transform:translatex(-50%); opacity:1; transition:all 0.4s;}

table.myPageTab2 td ul{margin:25px 10px 10px 10px;}
table.myPageTab2 td ul li{width:100%; padding-bottom:15px; height:18px; line-height:18px;}
table.myPageTab2 td ul li .fr{display:block;  font-weight:bold;font-size:17px; }
table.myPageTab2 td ul li a{display:block; font-size:16px;font-weight:bold; }
table.myPageTab2 td ul li a:hover, table.myPageTab2 td ul li.on a{font-weight:bold; color:#FF773A; transition:all 0.2s;}
table.myPageTab2 td ul li a:hover .fr, table.myPageTab2 td ul li.on a .fr{color:#FF773A;  transition:all 0.2s;}
table.myPageTab2 td ul li a.on, table.myPageTab2 td ul li.on a{font-weight:bold; color:#FF773A; transition:all 0.2s;}
table.myPageTab2 td ul li a.on .fr, table.myPageTab2 td ul li.on a .fr{transition:all 0.2s;}

/*마이페이지 수정*/
.MybtnArea p{width:100%; text-align:right;}
.myPageTab2 {padding:10px 2px;text-align:center; overflow:hidden; margin:8px 0px 20px ; }
.DivBox{width:100%; height:auto;  }
.myPageTab2 div{width:100%;}
.myPageTab2 .myPageTab2Div{outline:1px solid #dbe4eb;background:#f1f5f8; padding:10px 1%; height:185px; float:left;}
.myPageTab2 .myPageTab2Div:nth-child(7){border-right:0;}

.myPageTab2 div img{padding-bottom:5px; display:none;}
.myPageTab2 div h3{text-align:center; font-size:14px; font-weight:bold; padding-bottom:12px;}
.myPageTab2 div ul{margin: 0px 5px;}
.myPageTab2 div ul li{width:100%; padding-bottom:5px; height:18px; line-height:18px;}
.myPageTab2 div ul li .fr{display:block; min-width:30px; height:18px; line-height:18px; text-align:center; color:#fff; font-weight:bold; background:#acacac; border-radius:20px;}
.myPageTab2 div ul li a{display:block}
.myPageTab2 div ul li a:hover, table.myPageTab2 td ul li.on a{font-weight:bold; color:#313131}
.myPageTab2 div ul li a:hover .fr, table.myPageTab2 td ul li.on a .fr{background:#313131}
.myPageTab2 div ul li a.on, table.myPageTab2 td ul li.on a{font-weight:bold; color:#313131}
.myPageTab2 div ul li a.on .fr, table.myPageTab2 td ul li.on a .fr{background:#313131}


.bind-area{padding: 0 5px;}
.bind-area1{padding: 0 11px 0 23px;}

/* 마이페이지 */
.mbox {margin-bottom:10px; overflow:hidden; line-height:1.2;width:1015px; margin:0 auto; overflow:hidden; display:flex; JUSTIFY-CONTENT: space-between;}
.mbox #text{text-align:right;}
.mbox a {color:#fff; display:block; width:100%; height:100%;}
.mbox .btn {overflow:hidden; float:right; line-height:53px;margin-right:10px;}
.mbox .btn li {float:left;}
.mbox .btn span { font-size:14px !important; padding:5px 8px !important; box-sizing:border-box;}
.mbox .btn span img {width:21px; height:16px;   margin-right:10px;}
.mbox .mypg {width:16%; text-align:left; padding-left:60px !important; }
.mbox .cus {width:78%; color:#fff;}
.mbox .cus span {background:none; padding:0; font-size:16px; font-weight:bold;margin-right:5px;}
.mbox .cus span:last-child {margin-right:0; padding-right:2px !important;}
.mbox .mps {overflow:hidden;}
.mbox .lft {float:left} 
.mbox .mps{line-height: 44px;padding-left: 17px; line-height:53px;border-right: 1px solid #fff; border-bottom: 1px solid #fff;background: #092563; font-size: 16px;color:#fff;padding-top:4px;padding-bottom:4px;}
.mbox2 { display:flex; JUSTIFY-CONTENT: space-between;overflow:hidden;}
.mbox2 .mps{font-weight:bold; line-height: 44px; background: #092563; font-size: 18px;color:#fff;padding-top:4px;padding-bottom:4px;}
.mbox2 a {color:#fff; display:block; width:100%; height:100%;}
.mbox2 .bt {width:16.7%; padding-left:16px; box-sizing:border-box; position:relative;}
.mbox2 .bt:nth-child(1), .mbox2 .bt:nth-child(2) {width:25%}
.mbox2 .bt:after { position:absolute; content:''; width:1px; height:20px; top:16px; right:0; background:#aaa;}

.mbox2 span {margin-right:15px;font-size:16px; text-align:left !important;font-weight:bold; border-radius:5px; color:#fff;padding:6px 9px; padding-left:10px; box-sizing:border-box;}

.tname {overflow:hidden; background:#f5f5f5; height:40px; line-height:38px; border:1px solid #D1D1D1;  box-sizing:border-box;}
.tname li {float:left; width:23.4%;}
.tname li:last-child {float:right; width:5%;margin-right:7px;}
.tname li:nth-child(4) {border-right: 1.3px solid #d1d1d1;}
.tname li label {width:99px; position:relative; padding: 0 23px; box-sizing:border-box; margin-right:17px; }
.tname li label:after {position:absolute; left:0; top:-13px; width:1px; height:38px; content:''; background:#D1D1D1; }
.tname li .fir:after {display:none; }
.tname li label:before {position:absolute; right:0; top:-13px; width:1px; height:38px; content:''; background:#D1D1D1; }
.tname a {margin-top:6px; }


.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 strong{display:inline-block;}
.search_box .type1 span {padding-right:5px;}
.search_box .mid {margin:0 5px;*margin:0 3px; float:left;}
.search_box .mid1{float:right;}
.search_box table {width:auto;}
.search_box table td {padding:0 2px;}
.search_box > .searchBoxArea{width:100%; overflow:hidden; position:relative;}
.search_box > .searchBoxArea p{width:16%; float:left; }
.search_box > .searchBoxArea p > label{display:inline-block; width:35%;}
.search_box > .searchBoxArea p > input{width:/*90px*/50%; border-radius:3px; height:21px; border: 1px solid #aaa;}
/*.search_box > .searchBoxArea p.anoP{height:30px; margin-top:10px;}*/
.search_box > .searchBoxArea p.anoP label{width:20%;}
.search_box > .searchBoxArea p.anoP select{display:inline-block;width:60%; border-radius:3px;}
.search_box > .searchBoxArea a{position:absolute; top:/*50px*/15px; right:/*50px*/15px; border-radius:3px;}
.search_box > .searchBoxArea a:hover span{background-color:#1a3691;}
.search_box2 {letter-spacing:-1px;vertical-align:middle; }
.search_box2 label,.search_box2 strong,.search_box2 input,.search_box2 select,.search_box2 a {vertical-align:middle;}
.search_box2 select {width:100px; margin-right:2px; height:29px; font-size:13px; padding-left:5px;}
.search_box2 .type1 {padding-left:5px;}
.search_box2 input {width:150px !important;margin-right:2px;  }
.search_box2 a {height:29px; background:#092563; border-radius:1px;}
.search_box2 a span {padding-top:2px;,padding-bottom:2px; background-image:none; font-size:13px;font-weight:500; letter-spacing:1px; }
.search_box2 .mid {margin:0 5px;}
.search_box2 table {width:auto;}
.search_box2 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 {overflow:auto;}
.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 {border-top: 1px solid #979797;}
.board_list tr{border-bottom: 1px solid #dbdbdb;}
.board_list thead th {padding:10px 5px;/*text-align:center;*/line-height:12px;}
.board_list thead th {color:#636363;font-weight:bold;  box-sizing:border-box;background:#f5f5f5; line-height: 130%;
font-size:13px;}
.board_list tbody td {font-weight:bold; box-sizing:border-box; font-size:12px; padding:10px 5px; font-weight:500;
/*text-align:center;*/color:#313131;border-bottom:1px solid #dbdbdb;letter-spacing: -0.05em;}
.board_list tbody td p{font-size:13px;}
.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 {}
.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;}

.flex { overflow:hidden;  box-sizing:border-box;} 
.flex p { float:left; width:50%;margin-bottom:4px; }
.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;}

.MyPageNtc td {border:none !important;border-bottom: 1px solid #eee !important;  }

.paySearchArea{margin-top:20px;}

.l_height tbody td {line-height:16px; font-size:13px; font-weight:400; }
.tname label {font-size:14px; font-weight:bold; letter-spacing:0px;}
.trname th { font-size:13px; }
.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; overflow:hidden; }
.board_view_con li { float:left; line-height: 150%; border-bottom:1px solid #eee;  margin-bottom:5px; padding:4px;}
.board_view_con li:last-child { border-bottom:1px solid #0d71e5;}
.board_view_con p{overflow:hidden;}
.board_view_con p img{display:block;width:100%;}

.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 {color:#707070;font-weight:bold; /*border:1px solid #D1D1D1;*/text-indent:20px; box-sizing:border-box;background:#ebebeb; line-height: 130%;
/*text-align:center;*/ font-size:13px; }

.memberArea > .board_write tbody th{text-align:center; text-indent:0;}
.board_write tbody td {padding:5px 8px 8px 8px;}

.excelBoardA .board_write ul{display:flex;}
.excelBoardA .board_write ul li {padding:10px 0; float:left; border-bottom: 1px solid #e2e2e2; line-height:28px;}
.excelBoardA .board_write ul li:first-child {color:#707070;font-weight:bold; box-sizing:border-box;background:#ebebeb;  width:160px; text-align:center;
font-size:13px; }
.excelBoardA .board_write ul li:nth-child(2){width:85%; padding-left:1%;}
.excelBoardA .board_write ul li .excelDownArea{width:100%; overflow:hidden;}
.excelBoardA .board_write ul li .excelDownArea input{float:left; display:inline-block;}
.excelBoardA .board_write ul li .excelDownArea a{float:left;  display:inline-block;}


.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:72%;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:center;*/padding:5px 8px;}

.pass {display:inline-block;width:80px; height:30px; line-height:30px; text-align:center;color:#fff;background-color:#c00000;}
.pass2 {display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; 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; font-size:14px;}


.memAddrwArea tbody th{text-align:center; border-right:1px solid #e2e2e2; text-indent:0;}
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;}

.proNameArea{width:100%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:wrap;}
/* 덧글 */
.comment {position:relative; width:100%; overflow:hidden;}
.comment textarea {width:/*629px*/88%; float:left; height:40px;padding:10px 0; margin-right:1.6%; border:1px solid #bdbdbd;overflow-x:hidden;overflow-y:auto;}
.comment .btnIM{width:10%; float:left;}
.comment .btnMod{width:10%; float:left;}
.comment .btn {/*position:absolute;top:0px;right:0;*/width:100%;}
.comment .btn2 {/*position:absolute;top:32px;right:0px;*/width:100%;}
.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;background:url("/image/common/dot.gif") 0 100% repeat-x;}
.comment_list_box .comment_list li .user {padding:2px 0 17px;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 {}

/* 세금계산서 이나경 2020-11-24 */

.tx{border:1px solid #e2e2e2; }
.order_write {width:100%; }
.tx tbody th {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2; font-weight:bold}
.tx tbody td {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;  letter-spacing: -0.05em;   line-height: 130%; font-weight: 500; }
.tx tbody th {padding:15px 10px;text-align:center;color:#707070;border-right:1px solid #e2e2e2;background-color:#f0f0f0; letter-spacing: -0.05em;     line-height: 130%; border-bottom: 1px solid #e2e2e2; box-sizing: border-box; background-color: #f5f5f5; }
.tx tbody td {  box-sizing: border-box;  text-align:center; letter-spacing: -0.05em;   line-height: 130%;  }
.tx tbody th.tdCnter, .tx tbody td.tdCnter {text-align:center;}
.tx tbody th.tdLeft, .tx tbody td.tdLeft {text-align:center;}
.tx tbody th.tdRight, .tx tbody td.tdRight {text-align:right;}

.tax { overflow:hidden; margin:10px 0; text-align:center;} 
.tax li {float:left; width:33.33%; border:1px solid #e2e2e2; line-height: 130%; padding: 13px; box-sizing: border-box; letter-spacing:0.5px; font-weight: 550; }
.tax li:nth-child(2) {border-right:none; border-left:none;}
.tax .input_chk, .tx .input_chk  {vertical-align:middle; margin-right:5px;  }

.tax2 { overflow:hidden;    border-bottom:1px solid #e2e2e2;}
.tax2 li {float:left; width:33.33%; line-height: 130%; border-right:1px solid #e2e2e2; padding: 15px 0; box-sizing: border-box;letter-spacing:0.5px;  }
.tax2 li .input_chk {vertical-align:middle; margin-right:5px;  }
.tax2 li:last-child {border-right:none;}
.input_txt3 {width:550px;height:13px; line-height:13px; border:1px solid #d0d2d7; font-size:12px;    padding: 10px 4px; box-sizing: border-box;margin: 15px;  }

/* 세금계산서 선택시 */
.tx2{border:1px solid #e2e2e2;  }
.red {color:red; margin-bottom:5px;}
.input_txt4 { width:200px; border:1px solid #d0d2d7; font-size:12px; padding:4px 0; box-sizing:border-box;  }
.input_txt5 { width:88px; border:1px solid #d0d2d7; font-size:12px; padding:4px 0; box-sizing:border-box;  }
.input_txt6 { width:60px; border:1px solid #d0d2d7; font-size:12px; padding:4px 0; box-sizing:border-box;  }
.input_txt7 { width:250px; border:1px solid #d0d2d7; font-size:12px; padding:4px 0; box-sizing:border-box;  }

.tx2 tbody th {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.tx2 tbody td {border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;  letter-spacing: -0.05em;   line-height: 130%;  color: #606e85; font-weight: 500; }
.tx2 tbody th {padding:15px 10px;text-align:center;color:#707070;border-right:1px solid #e2e2e2;background-color:#f0f0f0; letter-spacing: -0.05em;     color: #606e85; line-height: 130%; border-bottom: 1px solid #e2e2e2; box-sizing: border-box; background-color: #f5f5f5;font-weight: bold }
.tx2 tbody td {padding:15px 0px;  box-sizing: border-box;  text-align:center; letter-spacing: -0.05em;   line-height: 130%;  color: #606e85; font-weight: bold;}
.tx2 tbody th.tdCnter, .tx tbody td.tdCnter {text-align:center;}
.tx2 tbody th.tdLeft, .tx tbody td.tdLeft {text-align:center;}
.tx2 tbody th.tdRight, .tx tbody td.tdRight {text-align:right;}

/* 세금계산서 버튼 */
.btn_ag { padding: 6px 20px; font-size: 13px;  font-weight: 700; line-height: 120%;background: #6b6b6b; color: #fff; border-radius: 3px;  transition:all 0.3s; }
.btn_ag:hover {background:#62aee2; transition:all 0.3s;  }
.btn_ag2 {border:1px solid #dbdbdb; padding: 6px 20px; font-size: 13px;  font-weight: 700; line-height: 120%;color: #fff; border-radius: 3px;  transition:all 0.3s; }
.btn_ag2:hover {background:#fff;  transition:all 0.3s;  background:#62aee2;  }
.btn_ag2 span {color:#777;}
.btn_ag2:hover span{color:#fff;}
.style_top_5 {margin-bottom:10px;text-align:right; float:right;}
.style_top_5 span, .btn_ag span {color:#fff;}



/* 세금계산서 업체관리 팝업 _ 이나현 210215*/
.pop-title2 {width: 100%;box-sizing:border-box; }
.pop-title2 h3 {position:relative; line-height:150%;font-size: 16px;font-family: "Nanum Gothic", Nanum Gothic;padding: 10px ;box-sizing:border-box; padding-left: 23px;font-weight:bold;}
.pop-title2 h3:after {    content: '';
    width: 5px;
    height: 17px;
    background: #1e7c88;
    position: absolute;
    left: 12px;
    top: 12.5px; } 
.board_list3 {}
.board_list3 thead th {padding:10px 5px;text-align:left;line-height:12px; text-align:center;font-size:14px;font-weight:600;}
.board_list3 thead th {color:#fff;font-weight:bold;border:1px solid #979797;;background:#9aabb9  ; line-height: 110%;}
.board_list3 tbody td {padding:10px 5px;text-align:center;color:#313131;border:1px solid #dbdbdb;letter-spacing: -0.05em; font-size:14px; font-weight:600;}
.board_list3 tbody td ul li {float: left; margin: 0 10px 0 10px;}
.yellow {background: #fac172  !important; color: #fff !important; transition:all 0.3s; }
.sky {background: #6db5ca !important; color: #fff !important; transition:all 0.3s; }
.board_list3 .pin {display:inline-block;}
.btn_ag2 {padding: 6px 20px;font-size: 13px;font-weight: 700;line-height: 120%; background: #6b6b6b;color: #fff; border-radius: 3px;transition: all 0.3s;}
.btn_ag2 span { color: #fff;}

/* 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;}
.style_top_5 {margin-top:37px;text-align:right;padding-bottom:10px; width:100%;}
.style_top_5 a {color:#fff;}
.style_top_6 {margin-top:37px;text-align:left;padding-bottom:10px;}
.green {background: #1EC800 !important; transition: all 0.2s ease-in-out;}
.red {background:#FC655A  !important; color: #fff !important;  }
.hotred {background: #ff3729  !important; color: #fff !important;  }
.right {float:right}
.grey {background: #999999 !important; color: #fff !important; transition:all 0.3s; }
.grey:hover {background: #092563 !important; color: #fff !important;transition:all 0.3s; }
.btnblue { background: #092563 !important; color: #fff !important; transition:all 0.3s;  }
.btnblue:hover  { background: #999999 !important; color: #fff !important; transition:all 0.3s;  }

/* 로그인 */
.login_box {border:1px solid #DEDEDE; margin-bottom:30px; width:100%; margin: 0 auto; padding: 25px 45px; box-sizing:border-box; overflow:hidden; }

.fid {float:left;position:relative;width:50%;box-sizing:border-box;height:auto;margin:0;padding:40px 30px 20px 40px;border-top:0;border-bottom:0;}
.fps {float:left;position:relative;width:50%;box-sizing:border-box;height:auto;margin:0;padding:40px 30px 20px 90px;border-top:0;border-bottom:0; position:relative; }
.fps:after {content:''; width:1px; height:250px; background:#ECECEC; position:absolute; left:-20px; top:50px;}
.login_box h3  {font-size: 21px; font-weight: bold;}
.login_box p {font-size:15px; font-weight:bold; margin:20px 0 15px 0; line-height:1.4;}
.oran {color:#FF773A;}
.login_box a {width:340px; transition:all 0.8s;cursor:pointer; display:inline-block; height:40px; line-height:40px; font-size: 18px; font-weight:bold;  text-align:center; vertical-align:middle; margin-top:10px; padding:0; }

.login_box  a {border:2px solid #0076A3;box-sizing:border-box; height:100%; transition:all 0.7s; background:#0076A3; color:#fff;}
.login_box  a:hover {border:2px solid #0076A3; transition:all 0.7s; background:#fff; color:#0076A3;}

.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;margin-top:29px;padding:0 95px 58px 0;}
.login_box .other {margin:0;padding:30px 5px 15px 0;}
.login_box .fid .other {margin:0; padding:46px 5px 45px 0;}
.login_box .login dl {width:100%; 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:15px;text-align:left;color:#000;border:none;  font-weight:bold;  letter-spacing: -0.05em;}

.login_box .login dl dd {margin-bottom:14px;}
.login_box .login dl dd input {width:250px;padding:8px 3px;border:1px solid #C7C7C7;}
.login_box .login dl dd .hp {width:66px; margin-right:15px; background:#fff;}
.login_box .login dl dd .hp:last-child {margin-right:0;}

.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:10px;}
.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:1px solid #DEDEDE; margin-bottom:30px; width:100%; margin: 0 auto; padding: 25px 45px; box-sizing:border-box; overflow:hidden;}
.loginB .logDflex{display:flex; justify-content:space-between; margin:0 0 30px;}

.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{position:relative;width:45%;box-sizing:border-box;height:auto;margin:0;border-top:0;border-bottom:0}
.loginBox-title {font-size: 21px; font-weight: bold; margin:40px 0 0;}
.loginBox .loginBox-sub {font-size:15px; font-weight:bold; margin:20px 0 25px 0;}
.loginBox .dflitem{display:flex; justify-content:space-between;}
.loginBox .dflitem > p{width:80%;}
.loginBox .dflitem .login_log { transition:all 0.8s;cursor:pointer; display:inline-block; width:132px; height:109px; line-height:109px; font-size: 18px; 
font-weight:bold; background:#013E6A; color:#fff; text-align:center; vertical-align:middle;}
.loginBox .login_log:hover {background:#00BCE7; transition:all 0.5s;}
.loginBox .item2 {margin: 4px 0 25px 0;}
.loginBtn{position:static;margin-top:45px}

.item .inp{width:95%; height:48px;border:1px solid #C7C7C7; padding:0 10px; box-sizing:border-box;margin-bottom:15px;}
.item2 .labelChk{color:#666;font-size:14px;vertical-align:1px;line-height:1; font-weight:bold; margin-left:3px;}

/* sns 로그인 */
.sns {margin-top: 0px; width:100%; height: 70px; border: 1px solid #DBDBDB; padding: 13px 26px; box-sizing: border-box; display:flex; flex-wrap:nowrap; 
justify-content:space-between; align-items:center;}
.sns span img {Width:53px}
.sns a img {Width:43px;  transition:all 0.8s;}
.sns a {  transition:all 0.8s;}
.sns a:hover img { transform:rotate(0deg);-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);   transition:all 0.8s;}
.sns a {cursor:pointer;}
.sns .snslo {width:52px;}

/*sns-kn 카카오와 네이버만 나올때*/
.sns-kn{width:100%; height:70px; display:flex; justify-content:space-between; align-items:center;}
.sns-kn p{width:49%; background-color:#f7ea2a; border-radius:10px; line-height:70px;}
.sns-kn p.s-Naver{background-color:#1ec800;}
.sns-kn p a{width:80%;  margin:0 auto;display:flex; flex-wrap:nowrap; align-items:center;}
.sns-kn p img{display:inline-block; width:43px;}
.sns-kn p a span{margin-left:10px; display:inline-block; font-size:14px; font-weight:600; color:#47292b; }
.sns-kn p.s-Naver a span{color:#fff;}

/*구분선*/
.loginB .logDflex > p{width:10%;  text-align:center; height:245px; padding-top:63px;}
.loginB .logDflex > p > span{background-color:#ccc; width:1px; display:inline-block; height:100%;}

/*로그인 오른쪽 아이디 비번찾기 부분*/
.loginHelp{width:45%;box-sizing:border-box;margin:0; position:relative; overflow:hidden;}
.loginHelp h3{font-size:15px; font-weight:bold; margin:20px 0 25px 0;}
.loginHelp li{width:100%;}

.loginHelp li.idps > div{display:flex; justify-content:space-between; margin-bottom:20px;}
.loginHelp li.idps > div > p{width:48%; line-height:40px; text-align:center; border:2px solid #0076A3;}


/* 아아디비번찾기 */
.idps > div > p a {display:inline-block; width:100%; height:100%; transition:all 0.7s;}
.idps > div > p a:hover {background:#0076A3; color:#fff; transition:all 0.7s; }


/* new 회원가입버튼 */
.loginHelp .join_ { transition:all 0.8s;cursor:pointer; display:inline-block; height:48px; line-height:48px; font-size: 18px; font-weight:bold;
background:#013E6A; color:#fff; ; text-align:center; vertical-align:middle;width:100%; background:#505767; margin:20px 0 0; padding:0; }
.loginHelp .join_ a {color:#fff;display:block; width:100%;}
.loginHelp .join_:hover {background:#999;  }
.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;}


/* 회원가입혜택 배너 */
.join_at { background:#FFFBF6; padding: 20px 30px; box-sizing:border-box; margin-top:15px; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.join_at img {width:30px; float:left;}
.join_at:hover img { transform:rotate(0deg);-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);   transition:all 0.8s;}
.join_at span {display:inline-block; width:87%;font-size:13px; font-weight:bold;}


/* 배송대행 로그인 */
.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;background:url("/image/common/dot.gif") 0 100% repeat-x;}
.step h4 {float:left;margin-top:12px;}
.step p {float:left; width:100%;}
.step p img{width:100%;}

.step_txt {color:#aaa;}
.agree_tit {margin:15px 0 12px; font-size: 16px;font-weight: bold; position:relative;padding-left:15px; padding-bottom:10px; border-bottom: 2px solid #666;}
.agree_tit:after {content:''; width:5px; height:17px; background:#0076A3; position:absolute; left:0px; top:0px; }

.agree_box {height:250px;padding:10px;border:1px solid #eee;overflow-x:hidden;overflow-y:scroll; letter-spacing: -0.02em;line-height: 140%;}
.agree_box p {font-size:13px; /*line-height:3 !important;*/margin-bottom:5px;}
.agree_box3 {height:250px;padding:10px;border:1px solid #eee;overflow-x:hidden;overflow-y:scroll; letter-spacing: -0.02em;line-height: 140%;}
.agree_box3 p {font-size:13px; margin-bottom:5px;}

.agree_box2 {padding:5px 10px;height:auto;padding:10px;border:1px solid #eee; letter-spacing: -0.02em;border:1px solid #eee;line-height:150%;color:#ff3300;}
.agree_box2 p {font-size:13px; /*line-height:3 !important;*/margin-bottom:5px;}

.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;}


/* 회원가입페이지-약관동의용  */
.tit-inner { width:100%;} 
.tit-inner li {  position: relative;}
.tit-inner { height: 40px;overflow: hidden;border:1px solid #eee; width:100%;box-sizing:border-box;}
.tit-inner li {display: inline-block;line-height: 40px;letter-spacing: -1px;text-align: center;font-size: 15px;width: 239px;color: #909090;font-weight:bold;}
.tit-inner li:first-child {  color: #fff;background:#013E6A;}
.tit-inner li:nth-child(2) {color: #092563;background:#eee; font-weight:500;}
.agree_p {margin-top:20px; margin-bottom:40px; font-size:13px; border-bottom: 1px solid #eee; padding-bottom:20px;}
.btn_ag { padding: 9px 23px; font-size: 14px;  font-weight: 700; line-height: 120%;background: #555; color: #fff; border-radius: 3px;}

/* 회원가입페이지-회원정보입력  */
.tit-inner2 { width:100%;} 
.tit-inner2 li {  position: relative;}
.tit-inner2 { height: 40px;overflow: hidden;border:1px solid #eee; width:100%;box-sizing:border-box;}
.tit-inner2 li {display: inline-block;line-height: 40px;letter-spacing: -1px;text-align: center;font-size: 15px;width: 239px;color: #909090;font-weight:bold;}
.tit-inner2 li:nth-child(2) {  color: #fff;background:#013E6A;}
.tit-inner2 li:nth-child(1) {color: #092563;background:#eee; font-weight:500;}

/* 회원가입페이지-가입완료  */
.tit-inner3 { width:100%;} 
.tit-inner3 li {  position: relative;}
.tit-inner3 { height: 40px;overflow: hidden;border:1px solid #eee; width:100%;box-sizing:border-box;}
.tit-inner3 li {display: inline-block;line-height: 40px;letter-spacing: -1px;text-align: center;font-size: 15px;width: 239px;color: #909090;font-weight:bold;}
.tit-inner3 li:nth-child(3) { color: #fff;background:#013E6A;}
.tit-inner3 li:nth-child(1),.tit-inner3 li:nth-child(2) {color: #092563;background:#eee; font-weight:500;}



/* 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*/10px;font-size:14px;font-weight:bold;font-family:"Nanum Gothic",Nanum Gothic;text-align:center; background-color:#092563; 
color:#fff; line-height:40px;}
#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*/38%;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:auto;padding:20px;background-color:#f4f4f4;}
.cp_num {margin:20px 0;padding:23px 0 ;border:1px dashed #898989;}
.cp_num label {margin:0 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: 18%;height: 40px;line-height: 40px;border-right: 1px solid #fbfbfb;border-bottom: 1px solid #fbfbfb;box-sizing: border-box;background: #dbdbdb;font-size: 15px;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;}

.tab-qu {width: 100%;margin: 20px 0 30px 0;	}
.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 {transition:all 0.5s; box-sizing:border-box; text-align: center;float: left; letter-spacing:1.2px; width: 16.6%;height: 40px;line-height: 40px;border: 1px solid #fff; border-right:none; background: #dbdbdb; font-size: 15.5px; font-weight: bold; color: #192c54;}
.tab-qu ul li a{color: inherit; transition:all 0.5s; }
.tab-qu ul li a:hover {color: inherit;	}
.tab-qu ul li:hover {transition:all 0.2s; color:#170aa6; border-top:1px solid #f00; background:#fff; transition:all 0.5s; box-sizing:border-box; }
.tab-qu ul li.on {color: #192c54; border-top:1.5px solid #f8b922; background:#fff; transition:all 0.2s; box-sizing:border-box; }
 


.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:auto; margin-bottom:10px !important;}
.grpbuy_tab li {float:left;}
.grpbuy_tab li a {display:block;padding:12px 60px;text-align:center;color:#000;background-color:#f8f8f8; border:1px solid #eee; box-sizing:border-box; font-size:15px; letter-spacing:1px;font-weight:550;}
.grpbuy_tab li.on a {color:#000;  box-sizing:border-box; background-color:#fff;font-size:15px;font-weight:bold; letter-spacing:1px;}
/*.grpbuy_tab li:hover a {color:#000;background-color:#fff;}*/
.grpbuy_tab.mt20{margin-top:40px; margin-bottom:0px;}


/* 탭메뉴 */
.grpbuy_tab {width: 100%;overflow:hidden;border-bottom:0px solid #ccc;overflow:hidden; height:auto; display:flex; flex-wrap:nowrap;}
.grpbuy_tab li {float:left;margin-right:1px; width:19%;}
.grpbuy_tab li a {display:block;padding:10px 0;text-align:center;color:#7f7f7f;background-color:#9c9c9c;font-size:13px; color:#fff; border-radius:10px 10px 0 0;}
.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 tr:first-child th {border-top:2px solid #dfdfdf;}
.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; font-size:13px;}
.tff_board th {padding:10px 0;text-align:center;color:#444; letter-spacing:1px;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: 13px; 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: left; text-indent:10px; line-height: 12px; border-bottom:1px solid #e7e7e7; }
.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:#092563;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 .adrTabFlex{display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
#pop_add .tableWp .adrTabFlex > span{display:inline-block; width:90%;}
#pop_add .tableWp .adrTabFlex > span > input{display:inline-block; width:100%;}
#pop_add .tableWp th{padding:15px; text-indent:0;}
#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 li {float: left;  padding-left:10px; padding-right:10px;  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;}
#pop_add .tableWp a.btn_small2{color:#fff; line-height:23px; width:46px; padding:0; text-align:center;}

.userPage .txtBox{border-bottom:1px solid #d8d8d8; padding-bottom:10px;  }
.userPage .txtBox h2{margin:25px 0 12px;font-size: 16px;font-weight: bold; position:relative;padding-left:15px; padding-bottom:10px; border-bottom: 2px solid #666;}
.userPage .txtBox h2:after {content:''; width:5px; height:17px; background:#0076A3; position:absolute; left:0px; top:0px; }

.userPage h2{font-size:18px; font-weight:bold; padding-bottom:14px;}
.userPage p{line-height:20px; font-size:13px; font-weight:bold; }
.userPage p.InArea{font-weight:400;}
.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; font-size:13px;}
.userPage table thead th{background:#777; font-weight:bold; color:#fff; }
.userPage table tbody th{font-weight:bold;background:#f1f1f1;}
.userPage .fontRed{color:#d30009;}
.txtBox1 .InArea{color:#d30009; font-weight:900;}
.txtBox1 .InArea strong{font-weight:900;}
.txtBox1 .InArea span{font-weight:900;}
.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 #092563;}
.info-bank span {display: block;color: #fff;line-height: 50px;text-align: center;font-size: 16px;font-weight: bold;background: #092563;	}
.info-bank span b{margin:0 5px;}

/*노데이타*/
.NodataSearchBox1{border:2px solid #dbe4eb; background:#eeeeee; padding:10px 15px; overflow:hidden;}
.Nodata-SearchBox{display:flex;}
.Nodata-SearchBox li{margin-right:2%;}
/*노데이타 팝업*/
.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 ul{display:flex;}
.search-board2 ul li { padding: 2px 15px 2px 4px;color: #99a;font-weight: normal;text-align: left;}
.search-board2 ul li .anDiv input{width:100px;}

/*.search-board2 ul li {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: center; border-top: 1px solid #4b4b4b; border-bottom: 1px solid #4b4b4b; border-left: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b; background: #323232; color: #fafafa;
  font-size: 14px; font-weight: normal; height: 27px; padding: 8px 0 8px 0px; font-weight:bold; }
.notice-board td {text-align:center;vertical-align: middle;padding:8px 0 8px 0px;color:#555; font-weight:bold;font-size:15px;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;}

/*이용후기 이미지*/
.boardImgArea{display:inline-block; width:115px; height:80px;}
.boardImgArea img{width:100%; height:100%;}


/* 재고글씨 */
.stock-font{font-size:14px; border:0px; color:red; background:transparent; font-weight:bold; width:30px;}

/* 대량등록 라인 2020-11-06 이나경*/
.line {border-top:1px solid #eee; margin-top: 40px;}

.MyPageNtc tr:last-child {border-bottom: 2px solid #707070;}

.order_noBd .box_size{margin-bottom: 10px;}
.order_noBd .box_size:first-of-type{margin-top: 5px;}
.order_noBd .box_size:last-of-type{margin-bottom: 0;}
.order_noBd .box_size input[type="text"]{text-align: right;}
.btn_box{position: absolute; top:15px; right: 15px; width: auto !important; height: auto !important;}
.btn_box button{background: #6D9C88; color: #fff; border-radius: 5px; padding: 5px 15px; font-weight: 700; font-size: 14px; border: none; cursor: pointer; transition: all 0.3s;}
.btn_box button:hover, .btn_box button:focus{background: #405E51}

/*예치금 포인트*/
.board_write_2 .pntArea{}
.board_write_2 .pntArea li{width:100%; height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.board_write_2 .pntArea li div{width:50%; float:left;}
.board_write_2 .pntArea li div p{float:left;height:40px; line-height:40px;}
.board_write_2 .pntArea li div p.p_tit{width:150px; background-color:#e7e7e7; text-align:center;}
.board_write_2 .pntArea li div p .input_txt2 , .board_write_2 .pntArea li div p > .easyui-datebox{margin-top:7px; margin-left:20px;}

.board_list tbody td b{font-weight:400;}

/*결제내역*/
.paySearchArea strong{margin-right:5px;}
.pay_endArea{display:block;}
.pay_endArea1{display:none;}
/*결제페이지*/
.pay_endArea1 .board_list thead th .labelWidth{width:60px; display:block;}
.pay_endArea1 .board_list thead th .labelWidth1{width:70px; display:block;}
.pay_endArea1 .board_list thead th{font-size:12px;}
.pay_endArea1 .board_list tbody td{font-size:12px;}

/*예치금 적립 pc버전일때*/
.DpstArea{display:block;}
.DpstArea1{display:none;}

/*예치금 환급  pc*/
.DpstRefundBox{display:block;}
.DpstRefundBox1{display:none;}
.refundArea{display:block;}
.refundArea1{display:none;}

/*예치금이용내역 pc*/
.DpstSearchArea .blockA strong , .DpstSearchArea .blockA1 strong{display:inline-block; width:30px;}
.DpstSearchArea .blockA{margin-right:5px;}
.DpstUseArea{display:block;}
.DpstUseArea1{display:none;}
.DpstUseArea1 .board_list thead th label{width:75px; display:inline-block;}

/*포인트이용내역 pc버전일때*/
.pntDetArea{display:block;}
.pntDetArea1{display:none;}

/*나의쿠폰함 pc버전일때*/
.CpnIssueArea{display:block;}
.CpnIssueArea1{display:none;}

/*받은 쪽지함 pc버전일때*/
.NtdetArea{display:block;}
.NtdetArea1{display:none;}

/*게시판들 pc버전일때*/
.BbsBoardArea{display:block;}
.BbsBoardArea1{display:none;}

.btnMod .btn a{color:#fff;}

/*나의 배송요금표*/
.mydlTable{width:48%;}

.NodataTable{display:block;}
.NodataTable1{display:none;}

.modalA{display:block;}
.modalA1{display:none;}
.modalA2{display:none;}

.popBody img{width:100%; height:100%;}

/*쿠폰등록 칸*/
.cp_num > .ico{margin:0 5px;}
.Cp_boarder{border:1px solid #ccc;}
.board_list .tit .titOverA{width:350px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

.cPpoptable2{display:none;}
.cPpoptable{display:block;}

/*결제내역*/
.payPopW .board_write tbody th{text-indent:0; text-align:center;}
/*################## 미디어 쿼리 ##################################*/

@media all and (min-width:460px) and (max-width:560px){
.tab-qu h3{font-size:16px;}
.tab-qu ul li{width:25%;}

}

@media all and (min-width:100px) and (max-width:459px){
.tab-qu h3{font-size:13px;}
.tab-qu ul li{width:25%;}

}

@media all and (min-width:482px) and (max-width:540px){
.select{width:55px;}

}
@media all and (min-width:561px) and (max-width:1000px){
.search_box > .searchBoxArea > div{height:56px; overflow:hidden;}
}

@media all and (min-width:482px) and (max-width:1000px){
.search_box > .searchBoxArea p{width:30%; margin-bottom:10px;}
.search_box > .searchBoxArea p.anoP{margin-top:0}
.search_box > .searchBoxArea p.anoP label{width:35%;}
.search_box > .searchBoxArea p.anoP select{width:50%;}
.search_box > .searchBoxArea p:last-child{margin-bottom:none;}


}

/*로그인 페이지*/
/*
@media all and (min-width:815px) and (max-width:1120px){


.loginBox .loginBox-title {font-size: 21px; font-weight: bold;}
.loginBox .loginBox-sub {font-size:15px; font-weight:bold; margin:20px 0 25px 0;}
.loginBox .login_log { transition:all 0.8s;cursor:pointer; display:inline-block;width:100%;height: 40px;line-height: 40px;font-size: 18px; 
font-weight:bold; background:#013E6A; color:#fff; text-align:center; vertical-align:middle;position: static;margin: 14px 0;}
.loginBox .login_log:hover {background:#00BCE7; transition:all 0.5s;}
.loginBox .item2 {margin: 4px 0 4px 0;}
.loginBtn{position:static;margin-top:45px}
.item{margin-top:13px}

.item .inp{height:40px; width:100%;}
.item2 .labelChk{color:#666;font-size:14px;vertical-align:1px;line-height:1; font-weight:bold; margin-left:3px;}

.loginHelp{width:46%; padding-left:0; padding:14px 2%; position:relative; }

.loginHelp li{width:100%; padding:0;}
.loginHelp li:first-child {overflow:hidden;}
.loginHelp li p:nth-child(2), .loginHelp li p:nth-child(3){width:48%; margin-right:2%; float:left; padding-top:0;}
.loginHelp li:first-child p:nth-child(2){margin-right:2%;}
.idps a {display:block; padding:10px 0; text-align:center;}
.loginHelp .join_{width:100%; margin:30px 0; height:69px; line-height:69px;}

.sns{width:100%; padding:13px 0;}
.sns .snslo{margin-right:0; margin:0 30px 0 10px;}
.sns a{margin-right:0; width:16%; display:inline-block;}

.join_at {padding: 20px 0; margin-top:25px;}
.join_at span {font-size: 11px; font-weight:bold;}

}


@media all and (min-width:100px) and (max-width:814px){
.loginB {padding:25px 0;}
.loginBox{padding:0;}
.loginBox .loginBox-title{text-align:center;}
.loginBox .loginBox-sub {text-align:center;}
.loginBox , .loginHelp {width:100%; margin:0 auto; float:none;}
.item .inp{display:block; width:80%; margin:0 auto 15px;}
.loginBox .item2{width:80%; margin:10px auto;}
.loginBox .login_log {position:static; display:block; width:80%; height:50px; line-height:50px;margin:10px auto;}
.sns{width:80%; margin:0 auto;}
.sns .snslo{display:none; width:20%; margin:0;}
.sns a {margin-right:0; display:inline-block; width:13%; float:left; margin:0 6%;}
.loginHelp li{padding:0;}
.loginHelp:after {width:0; position:static; display:none;}
.idps p:first-child {margin-bottom:0;}
.idps a{display:block; width:80%; margin:0 auto; padding:0; height:40px; line-height:40px;}
.loginHelp .join_{width:100%; margin:0;}
.loginHelp{padding-top:0; padding-left:0; text-align:center;}
.loginHelp li:first-child{margin-top:0;}
.loginHelp li{width:100%; padding-top:15px;}
.loginHelp:after {width:0; position:static; display:none;}
.loginHelp li:first-child p:nth-child(2){margin-right:0; float:none;}
}

@media all and (min-width:100px) and (max-width:482px){

.loginBox {padding:20px 0;}
.sns{padding:5px 0; height:60px;}
.sns .snslo{margin:0 2%;}
.sns a {margin-right:0; display:inline-block; width:18%;}
.sns a {width:17%;}
.sns .snslo img , .sns a img{}

.loginHelp{padding-top:0; padding-left:0; text-align:center;}
.loginHelp li:first-child{margin-top:0;}
.loginHelp li{width:100%; padding-top:15px;}
.loginHelp:after {width:0; position:static; display:none;}
.loginHelp li:first-child p:nth-child(2){margin-right:0; float:none;}

}
*/

/*로그인 변경 최근 반응형일때*/
@media(max-width:1040px){
.loginB{padding:20px;}
.join_at {padding: 20px;}
.loginB .logDflex > p{width:auto;}
.loginHelp{width:50%;}
}
@media(max-width:880px){
.loginBox{width:43%;}
.loginHelp{width:54%;}
.join_at {padding: 20px 10px;}
}
@media(max-width:840px){
.loginB{padding:20px 10%;}
.loginB .logDflex{flex-direction:column;}
.loginB .logDflex > p{display:none;}
.loginBox{width:100%;}
.loginHelp{width:100%;}
}

@media(max-width:482px){
.loginB{padding:20px 0;}
.loginBox-title{text-align:center;}
.loginBox .loginBox-sub{margin:20px 10px; text-align:center;}
.loginBox .dflitem{flex-direction:column;}
.loginBox .dflitem > p{width:100%;}
.loginBox .dflitem .login_log{height:50px; line-height:50px; width:100%; border-radius:5px;}
.item .inp{width:100%; border-radius:5px;}
.sns .snslo{display:none;}
.loginBox .dflitem{width:80%; margin:0 auto;}
.loginBox .item2{margin:4px auto 25px; width:80%;}

.sns{width:80%; margin:0 auto;}

.loginHelp h3 , .loginHelp p{text-align:center;}
.loginHelp li.idps > div{flex-direction:column; width:80%; margin:0 auto 20px;}
.loginHelp li.idps > div > p{width:auto; border-radius:5px;}
.loginHelp li.idps > div > p:first-child{margin-bottom:10px;}
.join_at{padding:20px;}
.join_at span{width:85%; text-align:center;}
}


/*아이디 비밀번호 찾기*/

@media all and (min-width:906px) and (max-width:1080px){
.fid {padding:20px 0 0;}
.fps{padding:20px 0 0;}
.fps:after{display:none;}
.login_box{padding:25px 0;} 
.fid {padding:20px 5% 0; width:50%;}
.fps{padding:20px 5% 0; width:50%;}
.fps:after{display:none;}
.login_box .fid .other{padding:20px 0; width:100%;}
.login_box .other{padding:0; width:100%;}
.login_box .login dl dd input{width:94%; display:block;}
.login_box .login dl dt{width:30%;}
.login_box .login dl dt:nth-child(2){width:100%;}
.login_box .login dl dd{width:70%;float:left;}
.login_box .login dl dd .hp{width:28%; margin-right:1%; display:inline-block;}
.login_box a{width:100%;}
.login_box .login dl{margin-bottom:0;}
.login_box .login dl dd{margin-bottom:8px;}
}
@media all and (min-width:810px) and (max-width:905px){
.login_box{padding:25px 0;} 
.fid {padding:20px 2% 0; width:50%;}
.fps{padding:20px 2% 0; width:50%;}
.fps:after{display:none;}
.login_box .fid .other{padding:20px 0; width:100%;}
.login_box .other{padding:0; width:100%;}
.login_box .login dl dd input{width:94%; display:block;}
.login_box .login dl dt{width:30%;}
.login_box .login dl dt:nth-child(2){width:100%;}
.login_box .login dl dd{width:70%;float:left;}
.login_box .login dl dd .hp{width:28%; margin-right:1%; display:inline-block;}
.login_box a{width:100%;}
.login_box .login dl{margin-bottom:0;}
.login_box .login dl dd{margin-bottom:8px;}
}

@media all and (min-width:100px) and (max-width:810px){
.login_box{padding:25px 0;} 
.fid {padding:20px 4% 0; width:100%;}
.fps{padding:20px 4% 0; width:100%;}
.fps:after{display:none;}
.login_box .fid .other{padding:20px 0; width:100%;}
.login_box .other{padding:0; width:100%; margin-bottom:15px;}
.login_box .login dl dd input{width:94%; display:block;}
.login_box .login dl dt{width:30%;}
.login_box .login dl dt:nth-child(2){width:100%;}
.login_box .login dl dd{width:70%;float:left;}
.login_box .login dl dd .hp{width:28%; margin-right:1%; display:inline-block;}
.login_box a{width:60%; margin:0 auto; display:block;}
.login_box .login dl{margin-bottom:0;}
.login_box .login dl dd{margin-bottom:8px;}


}

@media all and (min-width:482px) and (max-width:768px){


.myPageTab2{padding:0; border:1px solid #dbe4eb;}
.myPageTab2 .myPageTab2Div{width:33.3%; height:175px;  float:left;}

.search-board ul.search-list li{width:100%;}
.search-board ul.search-list li label{display:inline-block; width:20%;float:left; line-height:30px;}
.search-board ul.search-list li input{width:78%; float:left; height:30px; border:1px solid #ccc;}


.search_box > .searchBoxArea p{ margin-bottom:10px;}
.search_box > .searchBoxArea p.anoP{margin-top:0}
.floatArea{width:100%; float:none;}
.floatArea1{width:100%; float:none;}
.style_top_2{margin-top:20px;}
}


@media all and (min-width:591px) and (max-width:768px){
.search_box .mid1{display:inline-block; float:right;}
}
@media all and (min-width:100px) and (max-width:590px){
.search_box .mid1{display: block;margin: 10px 0;text-align: right;}
.search_box .mid{float:none;}
}

@media all and (min-width:100px) and (max-width:530px){
.MybtnArea{margin-top:5px;}
}
@media all and (min-width:561px) and (max-width:1000px){
.search_box > .searchBoxArea a{right:7px;}
}

@media all and (min-width:100px) and (max-width:560px){
/*마이페이지*/
.myPageTab2 .myPageTab2Div{width: 50%;height: 86px; padding:15px 0; float:left;}
.DivBox div:nth-child(5) , .DivBox div:nth-child(6){height:115px;}
.myPageTab2 div h3{font-size:13px;}
.myPageSpan {float:left;width: 36%; height:100%;}
.myPageTab2Div ul{float:left; width:57%;}
.search_box .mid{float:none; margin-bottom:5px;}
.search_box > .searchBoxArea p{width:29%; margin:0 2% 10px;}
.search_box > .searchBoxArea p.anoP{margin-top:0; height:auto;}
.search_box > .searchBoxArea p > input {width:100%;}
.search_box > .searchBoxArea p label{width:100%; display:block;}
.search_box > .searchBoxArea p.anoP select{width:100%;}
.search_box > .searchBoxArea p:last-child{width:95%;}
.search_box > .searchBoxArea p:last-child > a {position:static; float:right}
.floatArea{width:100%; float:none;}
.floatArea1{width:100%; float:none;}
.bankNameA{display:block; margin-top:5px;}
.addrTel .inputPostCode{width:110px;}
/*이용후기 이미지*/
.boardImgArea{display:inline-block; width:70px; height:80px;}
.boardImgArea img{width:100%; height:100%;}
.goods_img img{height:100%;}

}

@media all and (min-width: 100px) and (max-width: 490px){
.search_box > .searchBoxArea p.anoP label{width:100%; display:block;}
/*.search_box > .searchBoxArea p > input {width:80%;}
.search_box > .searchBoxArea p.anoP select{width:80%;}*/
}


@media all and (min-width:100px) and (max-width:520px){
.l_height tbody td{font-size:12px;}
.bind-area , .bind-area1{padding:0;}


/*노데이타
.Nodata-SearchBox{display:flex;float:none; width:100%;}
.Nodata-SearchBox li{width:50%; }
.Nodata-SearchBox label{display:block;}

.Nodata-SearchBox1{display:block; overflow:hidden; margin-top:5px;}
.Nodata-SearchBox1 li{width:50%; float:left;}
.Nodata-SearchBox1 li:nth-child(2) .btn2_reg{padding-left:0px; border-radius:3px;}
.Nodata-SearchBox1 li:nth-child(2) .btn2_reg span{padding:0; width:105px; text-align:center;}
*/

}
@media all and (min-width:769px) and (max-width:1000px){
.thp{width:19%; text-indent:0; text-align:center; }
.board_view_con p img{display:block;width:100%;}

}
@media all and (min-width:100px) and (max-width:855px){
.addrRcvEn span{display:block}
.board_view_con p img{display:block;width:100%;}

}

@media all and (min-width:492px) and (max-width:768px){
/*.order_table_top {border:1px solid #e2e2e2;}*/
.orderStepTit h4{font-size:16px;}
.addr_{/* padding:10px 0; */}

.thp{/* margin-bottom:10px; */ text-indent:0; color:#0076a3;}
.thp , .tdp{width:100%; float:none; }
.tdp{padding-left:3%;}
.tdp .full{width: 92% !important;}
.step{margin-bottom:0;}

.board_view_con p img{display:block;width:100%;}

/*
.tdp li{width:95%;}
.addrRcvKr{width:100%;}
*/
.awidth{width:80px; display:inline-block;}
.divWidth{width:92%;}
.addrRcvKr .RcvKrBox{float:none; margin-bottom:10px; width:100%;}
.addrRcvEn{padding-left:0;}
.addrTel2 .vm_box label{width:80px;}
.addrTel2 .adr_in #ADDR_2, .addrTel2 .adr_in #ADDR_1{width:71%;}
.addrRcvEn span , .addrRcvEn span > strong{font-size:13px;}
.userPage p {font-size:13px;}

}
@media all and (min-width:100px) and (max-width:791px){
.proInfoArea .tdp .order_noBd p{float:left; width:80%;}
.info-bank span{font-size:14px;}
.board_view_con p img{display:block;width:100%;}

}
@media all and (min-width:650px) and (max-width:800px){
.proInfoArea .thp{float:left; width:20%;}
.proInfoArea .tdp{width:74%; float:left;}
.goods_img{width:80%; margin:0 auto;}
.goods_img img{width:100%;}
.imgBoxArea a.Btn_small5{width:80%; margin:0 auto;}
.proInfoArea .tdp .order_noBd label{width:15%;}
.proInfoArea .tdp .order_noBd p{width:82%;}
.board_view_con p img{display:block;width:100%;}

}
@media all and (min-width:431px) and (max-width:649px){
/*.proMenuBox li a{width:112px;}*/
.proInfoArea .thp{float:left; width:20%;}
.proInfoArea .tdp{width:100%; float:none;}
.proInfoArea  .imgBoxArea{float:none; width:100%;}
.proInfoArea .ingtdp{width:74%; float:none;}
.goods_img{width:100px; }
.board_view_con p img{display:block;width:100%;}


.imgBoxArea a.Btn_small5{width:130px; }

.proInfoArea .tdp .order_noBd p{width:97%;}
.proInfoArea .tdp .order_noBd label{width:100%;}
.proInfoArea .tdp .order_noBd label b {display:inline-block;}

}
@media all and (min-width:635px) and (max-width:720px){
.proInfoArea .tdp .order_noBd select#ARC_SEQ{float:none; margin-top:5px;}
.board_view_con p img{display:block;width:100%;}

}
@media all and (min-width:492px) and (max-width:600px){
.email_1{margin-bottom:5px;}
.hp{width:70px;}
.adr{width:95%;} 
.board_view_con p img{display:block;width:100%;}

}

@media all and (min-width:100px) and (max-width:491px){
/*.order_table_top {border:1px solid #e2e2e2;}*/
.orderStepTit p .stepNo {font-size:15px;}
.adr{width:95%;} 
.board_view_con p img{display:block;width:100%;}

/*.board_view_con p img{width:100%;}*/

/*우편번호 검색 버튼 전*/
.email_1{margin-bottom:5px;}
/*.orderStepTit{background-color:#717c82;}*/
.orderStepTit h4{font-size:13px; text-indent:0; text-align:center;}
.thp{/* margin-bottom:10px; */ text-indent:0; color:#0076a3;}
.thp , .tdp{width:100%; float:none; padding-left:3%; }
.tdp .full{width: 92% !important;}
.addrRcvEn span , .addrRcvEn span > strong{font-size:12px;}
.hp{width:50px;}
.vm_box input , .addrTel2 .vm_box b{margin-right:4px;}
.awidth{width:60px; display:inline-block;}
.proInfoArea .tdp .order_noBd label{width:100%;}
.divWidth{width:92%;}
.addrRcvKr .RcvKrBox{float:none; margin-bottom:10px; width:100%;}
.addrRcvEn{padding-left:0;}
.addrTel2 .vm_box label{width:60px;}
.addrTel2 .adr_in #ADDR_2, .addrTel2 .adr_in #ADDR_1{width:71%;}
.addrRcvKr .RcvKrBox li {font-size:13px;}
.proInfoArea .tdp .order_noBd p{float:left; width:97%;}
.proInfoArea .tdp .order_noBd select#ARC_SEQ{float:none; margin-top:5px;}
.vm_box span > strong{display:block;}
.vm_box span#textReTotMny > strong{display:inline-block;}
}
@media all and (min-width:100px) and (max-width:1020px){
.proInfoArea .tdp .order_noBd label b{display:block; text-indent:10px;}
}

@media all and (min-width:100px) and (max-width:600px){
.grpbuy_tab li{width:24.5%;}
.last_svc1{width:50%;}
.last_svc2{width:49%;}
.last_svc2 .last_svc2_box{width:150px;}
.board_view_con p img{display:block;width:100%;}

/* 재고목록페이지 */
.search-board2 ul{display:flex; overflow:hidden;}
.search-board2 ul li { width:20%; float:left; padding: 2px 4px;color: height:27px #99a;font-weight: normal;text-align: left;}
.search-board2 ul li:last-child{width:61%;}
.search-board2 ul li strong{width:50px; display:block;}
}

@media all and (min-width:100px) and (max-width:1000px){
.board_list tbody td b{display:block;}
.pHt20 {height:0;}
.myPageTab2{margin:0;}
.padgeName1{margin-bottom:10px;}
.top_tit_btn {padding-bottom:0; height:auto;}
.step{margin-bottom:10px;}
}
@media all and (min-width:483px) and (max-width:680px){
.comment textarea{width:70%;}
}
/*
@media all and (min-width:483px) and (max-width:810px){
.board_list tbody td , .board_list thead th{font-size:14px;}
.board_list tbody td p {font-size: 14px;}
}
*/
@media all and (min-width:100px) and (max-width:482px){
.style_top_2{margin-top:15px;}
#pop_wrap{width:95%; margin:0 auto; padding:7px 0;}
.order_write tbody th{padding-left:0; text-align:center;}
.board_list tbody th , .board_list tbody td{font-size:12px;}

.board_view_con p img{display:block;width:100%;}

.board_list tbody td p {font-size: 12px;}
.info-bank{height:auto;}
.info-bank span{line-height:25px;}
.info-bank span b{margin:0; display:block;}
.last_svc2 .last_svc2_box .last_mny{font-size:20px;}
.actingW-table tr{border-top: 1px solid #e7e7e7;}
.goods_img{width:90px;}
.m_actingW_wrap .boxStep02 h4 .btn_wrap {padding-bottom:8px;}
.proMenuBox li a{margin:10px 2px; padding:0 3px;}
.proMenuBox li:last-child{margin-bottom:8px;}
.comment textarea{width:60%;}
.userPage p {font-size:12px;}
.userPage .txtBox h2{font-size:14px;}
.userPage ul > li{font-size:12px;}
.userPage table td, .userPage table th , .board_list tbody td p, .board_list thead th {font-size:12px;}
/*결제페이지*/
.pay_page tbody th{text-align:center;}
.pay_page tbody th , .pay_page tbody td{padding:15px 5px;} 
.order_view tbody td.tdRight{text-align:center;}
.tdCnter p{width:111px;}
/*.lht_150{text-align:center;}*/
.fileArea input{width:180px;}
.AnWidth td .ty2 a.btn_small > span{display:block; width:22px;}
.AnWidth td p a.btn_small > span{display:block; width:22px;}

.board_list thead th ,.board_list thead td {font-size:12px;}
#sSelMail{margin-top:5px; height:25px;}
.step{display:none; }

.excelDownArea {display:block;}
.excelDownArea input{width:67%;}
.excelBoardA .board_write ul li .excelDownArea a{float:right;}

.DpstUseArea1 .board_list thead th label{width:58px; display:inline-block;}
.DpstUseArea1 .board_list thead th{font-size:11px;}
.DpstUseArea1 .board_list tbody td{font-size:11px;}

/*상품상세*/
table.order_noBd tbody th{font-size:11px;padding:5px 0;}
table.order_noBd tbody td{font-size:11px;}
.order_view tbody td{padding:5px 5px;}


} 

@media all and (min-width:1001px) and (max-width:1130px){ #MemDpstMny, 
#MemPntMny{width:50%;} 
}
@media all and (min-width:768px) and (max-width:1000px){ #MemDpstMny, 
#MemPntMny{width:33%;} 

}
@media all and (min-width:100px) and (max-width:767px){ #MemDpstMny, 
#MemPntMny{width:59%;} 

}
@media all and (min-width:713px) and (max-width:860px){
.SelectAreab span{display:block;  margin-right:1%;}
}

@media all and (min-width:100px) and (max-width:712px){
.SelectAreab span{display:block; width:100%; margin-right:0; margin-top:5px;}
}
@media all and (min-width:100px) and (max-width:430px){
.addrRcvEn span , .addrRcvEn span > strong{display:block; font-size:12px;}
.addrRcvEn span > strong{text-indent:50px; color:#034da2;}
.addrTel2 #ZIP{width:147px;}
.search-board2 ul li .anDiv{position:relative;}
.search-board2 ul li .anDiv input{width:106px;}
.search-board2 ul li strong{display:block; font-weight:400; margin-bottom:5px;}
.search-board2 ul li .anDiv a{position:absolute; right:0px; top:24px;  }
}

@media all and (min-width:100px) and (max-width:510px){

.board_write ul li:first-child{font-size:12px;}
.board_write ul li .btn_reg1 span{font-size:11px; }
}
@media all and (min-width:100px) and (max-width:768px){
.board_write ul li .excelDownArea input{width:170px;}
}

@media all and (min-width:410px) and (max-width:530px){
.Nodata-SearchBox{display:block;}
.Nodata-SearchBox li{float:left; margin-right:5px;}
.Nodata-SearchBox li label{display:block;}
.Nodata-SearchBox li:last-child{position:relative; top:18px; margin-right:0;}
}
@media all and (min-width:100px) and (max-width:409px){
.Nodata-SearchBox{display:block;}
.NodataSearchBox1{padding:10px 5px;}
.Nodata-SearchBox li select{width:50px;}
.Nodata-SearchBox li{float:left; margin-right:3px;}
.Nodata-SearchBox li label{display:block;}
.Nodata-SearchBox li:last-child{position:relative; top:18px; margin-right:0;}
}

/* 재고목록페이지 */
@media all and (min-width:430px) and (max-width:560px){
.search-board2 ul{display:flex; overflow:hidden;}
.search-board2 ul li {float:left; margin-right:1%;}
.search-board2 ul li:last-child{margin-right:0;}
.search-board2 ul li strong{display:block;}
}
@media all and (min-width:100px) and (max-width:429px){
.search-board2 ul{display:flex; overflow:hidden;}
.search-board2 ul li {float:left; padding:2px 0; margin-right:1%;}
.search-board2 ul li:last-child{margin-right:0;}
.search-board2 ul li strong{display:block;}
}
@media all and (min-width:100px) and (max-width:490px){
.notice-board th .lWidth{display:block; width:30px;}
.notice-board th .lWidth1{display:block; width:50px;}

}
@media all and (min-width:501px) and (max-width:910px){
.order_view tbody td .blockA{display:block;}
.listW{display:inline-block; width:95px;}
}
@media all and (min-width:100px) and (max-width:500px){

/*예치금 적립 모바일버전일때*/
.DpstArea{display:none;}
.DpstArea1{display:block;}

.refundArea{display:none;}
.refundArea1{display:block;}
.notice-board th , .notice-board td{font-size:12px; border-left:none;}
.order_view tbody td {font-size:12px;}
.order_view tbody td .blockA{display:block;}
.listW{display:inline-block; width:82px;}
}
@media all and (min-width:100px) and (max-width:915px){
/*대행결제내역 모바일버전일때*/
.pay_endArea{display:none;}
.pay_endArea1{display:block;}
}
@media all and (min-width:100px) and (max-width:685px){
/*예치금 환급 모바일버전일때*/
.DpstRefundBox{display:none;}
.DpstRefundBox1{display:block;}
.DpstRefundBox1 .tc p{margin:5px 0}
}
@media all and (min-width:100px) and (max-width:500px){
.pay_endArea1 .board_list thead th .labelWidth{width:53px; display:block;}
.paySearchArea , .DpstSearchArea{display:flex;}
.paySearchArea .mid{margin:0; margin-right:5px;}
.paySearchArea .s_type1{width:75px;}
.search_box .blockA strong{display:block;}
.paySearchArea .mid strong{display:block;}
.pay_endArea1 .board_list thead th{font-size:11px;}
.pay_endArea1 .board_list tbody td{font-size:11px;}
.DpstSearchArea .blockA strong ,.DpstSearchArea .blockA1 strong{display:block;}
.DpstSearchArea .blockA1 select{width:55px;}
.orderTit h4{font-size:14px;}

.notice-board th , .notice-board td{font-size:12px; border-left:none;}

/*대행결제*/
.order_view tbody th,.order_view tbody td {font-size:11px;}

}
@media all and (min-width:100px) and (max-width:650px){
/*예치금이용내역 모바일버전일때*/
.DpstUseArea{display:none;}
.DpstUseArea1{display:block;}
}
@media all and (min-width:100px) and (max-width:730px){
/*포인트이용내역 모바일버전일때*/
.pntDetArea{display:none;}
.pntDetArea1{display:block;}

/*받은 쪽지함 모바일버전일때*/
.NtdetArea{display:none;}
.NtdetArea1{display:block; margin-top:20px;}

/*게시판들 모바일버전일때*/
.BbsBoardArea{display:none;}
.BbsBoardArea1{display:block;}


}
@media all and (min-width:100px) and (max-width:760px){
/*나의쿠폰함 모바일버전일때*/
.grpbuy_tab.mt20 {margin-top:20px;}
.CpnIssueArea{display:none;}
.CpnIssueArea1{display:block;}
}

/*배송비안내*/
.ptit{font-size:16px;}
.ptit1{display:none;}
@media all and (min-width:575px) and (max-width:665px){
.ptit{font-size:15px;}
}
@media all and (min-width:540px) and (max-width:574px){
.ptit{font-size:14px;}
}

@media all and (min-width:100px) and (max-width:539px){
.ptit{display:none;}
.ptit1{display:block;}
.ptit1 > .bold > span{display:block;}
}
@media all and (min-width:100px) and (max-width:520px){
.priceWrap{overflow:scroll;}
.priceWrap .tff_board{width:500px;}
}
@media all and (min-width:486px) and (max-width:600px){
.userpageArea{overflow:scroll;}
.userpageArea table{width:600px;}
}
@media all and (min-width:486px) and (max-width:660px){
.BbsBoardArea1 .board_list tbody td.tit a.txtoverf{display:inline-block; width:200px;  overflow:hidden;}
}
@media all and (min-width:100px) and (max-width:485px){
.userpageArea{overflow:scroll;}
.userpageArea table{width:485px;}
.NodataTable{overflow:hidden;}
.NodataTable .board_list2 tbody td{padding:10px 0;}
.NodataTable .board_list2 tbody td label.trWidth{display:inline-block; width:110px;}

.BbsBoardArea1 .board_list tbody td.tit a.txtoverf{display:inline-block; width:130px; overflow:hidden;}
}
@media all and (min-width:100px) and (max-width:660px){
.proMenuBox li a.hidArea{display:none;}

}

@media all and (min-width:100px) and (max-width:510px){
.proMenuBox li{width:82px; float:left;}
.proMenuBox li:last-child{width:auto;}
}
@media all and (min-width:100px) and (max-width:400px){
.proMenuBox li a{margin:10px 2px; padding:0 0px;}
.email_1{width:90px;} 
.email_2{width:98px;} 
}

@media all and (min-width:100px) and (max-width:380px){
.board_view_head h4 .blspan{display:block;}
}

/*댓글쓰기*/
@media all and (min-width:769px) and (max-width:1005px){
.comment textarea{width:85.5%;}
.comment .btnIM , .comment .btnMod {width:12%;}
}
@media all and (min-width:483px) and (max-width:768px){
.comment textarea{width:80.5%;}
.comment .btnIM , .comment .btnMod {width:17%;}
.s_tit_box2{margin:10px 0 0;}
}
@media all and (min-width:100px) and (max-width:482px){
.comment textarea{width:77%;}
.comment .btnIM , .comment .btnMod {width:20%;}
.board_btn_center{padding:10px 0;}
.comment_list_box{margin-top:10px;}
.mt20{margin:10px 0;}
.paySearchArea{margin-top:10px;}

.grpbuy_tab li a , .grpbuy_tab li.on a{border-radius:5px 5px 0 0;}
.s_tit_box2{margin:10px 0 0;}
.order_view tbody th{padding:8px 5px;}
.pHt30{height:10px;}
}
@media all and (min-width:100px) and (max-width:430px){
/*상품보기 금액정보*/
.blSp{display:block;}
}
@media all and (min-width:100px) and (max-width:482px){
.grpbuy_tab{flex-wrap:wrap; justify-content:space-between;}
.grpbuy_tab li{width:50%; margin-right:0;}
}
@media all and (min-width:100px) and (max-width:540px){
.mydlTable{width:47%;}
}
/*마이페이지 아이콘*/
.openIcon{background-image:url('/image/common/plus.jpg'); opacity:0.5;}

@media all and (min-width:100px) and (max-width:430px){
.NodataTable1{display:block;}
.NodataTable{display:none;}
}
/*이메일칸*/
@media all and (min-width:471px) and (max-width:545px){
.email_1{width:75px;}
.email_2{width:81px;} 
}
@media all and (min-width:458px) and (max-width:470px){
.email_1{width:65px;}
.email_2{width:81px;} 
}
@media all and (min-width:100px) and (max-width:458px){
.email_1{width:88px;}
.email_2{width:81px;}
}
@media all and (min-width:100px) and (max-width:768px){
.flexArea{width:90%;}
.SelectAreab .flexArea{display:block;}
}
@media all and (min-width:551px) and (max-width:800px){
.modalA{display:none;}
.modalA1{display:block;}
.modalA2{display:none;}
.popBody .img{width:500px; height:200px;}
}
@media all and (min-width:100px) and (max-width:550px){
.modalA{display:none;}
.modalA1{display:none;}
.modalA2{display:block;}
.popBody .img{width:340px; height:200px;}
.popTit h4 {font-size:12px;}

}
@media all and (min-width:431px) and (max-width:520px){
.excelBoardA .board_write ul li:first-child{width:100px;}

}
@media all and (min-width:381px) and (max-width:430px){
.excelBoardA .board_write ul li:first-child{width:85px;}
}
@media all and (min-width:100px) and (max-width:380px){
.excelBoardA .board_write ul li:first-child{width:100px;}
}
@media all and (min-width:100px) and (max-width:573px){
.th_block{display:block;}
}
@media all and (min-width:100px) and (max-width:540px){
.cp_num{padding:20px 10px;}
.cp_num label{display:block; margin-bottom:8px; margin-left:0;}
}
@media all and (min-width:100px) and (max-width:480px){
.cp_box{padding:20px 10px;}
.cp_num input{width:60px;}

}
@media all and (min-width:100px) and (max-width:420px){
.cp_num > .ico{margin:0;}
.cp_num input{width:55px;}
}
@media all and (min-width:100px) and (max-width:390px){
.proMenuBox li:last-child{margin-bottom:0;}
}
@media all and (min-width:100px) and (max-width:482px){
.board_list .tit .grey1{display:block;}
}
@media all and (min-width:100px) and (max-width:490px){
.board_list .tit .titOverA{width:200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
}
@media all and (min-width:100px) and (max-width:552px){
/*쿠폰등록 목록*/
.cPpoptable1{display:none;}
.cPpoptable2{display:block;}
.dpblock{display:block;}
}
@media all and (min-width:100px) and (max-width:480px){
.dpblock1{display:block;}
}

.proConList .board_write tbody th{text-indent:0;}
/*열고닫기 아이콘*/
.openIcon{background-image:url('/image/common/plus.jpg');}


/*회원가입 2번째 폼 mem_w1*/
.member_AreaBox{width:100%;}
.member_AreaWrap{position:relative; width:100%; height:750px; margin:70px 0}
.member_AreaWrap span.bgL{position:absolute; left:26%;}
.member_AreaWrap span.bgR{position:absolute; right:12.5%; bottom:0;}
.member_Area{width:480px; height:auto; overflow:hidden; margin:50px auto; box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.13);border:1px solid #e8e8e8; 
border-radius:10px; padding:50px 0;  position:absolute; left:33%;}
.joinWrap{padding:0 30px;}
.joinWrap h2{font-size:26px; font-weight:700; font-family: 'Roboto', 'NotoSans',sans-serif; margin-bottom:30px;}
.joinWrap ul{overflow:hidden;}
.joinWrap ul li{overflow:hidden;}
.joinWrap li div{display:flex; height:48px; line-height:48px; border-bottom:1px solid #000;}
.joinWrap li div > span{display:inline-block; width:16px; height:48px; margin-right:10px;}
.joinWrap li div > span.joinId-icon{ background: url("/Image/login/Icon_Info_email.svg") no-repeat 1px center; letter-spacing: 0; }
.joinWrap li div > span.joinPw-icon{  background: url("/Image/login/Icon_Info_Lock_on.svg") no-repeat 1px center; }
.joinWrap li div > span.joinName-icon{  background: url("/Image/login/Icon_Info_People.svg") no-repeat 1px center; }
.joinWrap li div > span.joinMobie-icon{  background: url("/Image/login/Icon_Info_mobile.svg") no-repeat 1px center; }
.joinWrap li div > span.joinEmail-icon{  background: url("/Image/login/Icon_Info_email.svg") no-repeat 1px center; }
.joinWrap li div > input{display:inline-block; height:22px; padding:5px; margin:8px 0; border:none; width:85%; font-size:13px;}
.joinWrap li div > select{display:inline-block; height:32px; margin:8px 0; border:none; background:none;}
.joinWrap li div a.okBtn{display:inline-block; width:40px;height:18px; line-height:18px; padding:5px; margin:10px 0; border:none;
background-color:#57b5ac; text-align:center; color:#fff; border-radius:5px;}
.joinWrap li > p{color:#ff4644; line-height:25px; margin-left:30px; font-size:13px;}
.joinWrap li:last-child div > input{width:30%;} 

.joinWrap div.chkArea{margin-top:30px; font-size:14px;}
.joinWrap div.chkArea > div{line-height:30px; color:#aaa;}
.joinWrap div.chkArea > div > span{width:20%; display:inline-block; color:#65cac0; font-weight:900;}

.joinWrap div.chkArea input[type='radio']:checked{background-color:#57b5ac;}


@media all and (min-width:100px) and (max-width:1140px){
.member_AreaWrap span.bgL, .member_AreaWrap span.bgR{display:none;}
.member_AreaWrap{height:auto; margin:40px 0;}
.member_Area{position:static; margin:0 auto;padding:30px 0;}
.order_table td div.wid33{width:50%;}
}

@media all and (min-width:500px) and (max-width:768px){
.joinWrap h2{margin-bottom:15px;}
.member_Area{width:80%;}

.joinWrap li div > span{width:25px;}
.joinWrap li > p{margin-left:40px;}
.joinWrap div.chkArea{font-size:13px;}
.joinWrap div.chkArea > div > span{width:30%;}
.joinWrap li div #sSelMail{margin-top:0; height:auto;}
}

@media all and (min-width:100px) and (max-width:501px){
.member_AreaWrap{margin:20px 0;}
.member_Area{width:96%;}
.joinWrap h2{margin-bottom:10px;}
.joinWrap li div > span{width:25px;}
.joinWrap li > p{margin-left:40px;}
.joinWrap div.chkArea{font-size:13px; margin-top:20px;}
.joinWrap div.chkArea > div > span{width:30%;}
.joinWrap li div #sSelMail{margin-top:0; height:auto;}

.joinWrap li:last-child div > input{width:25%;}
}
@media all and (min-width:100px) and (max-width:768px){
.order_table td div.wid33{width:100%;}
.board_view_con p img{max-height:300px;}
}
/*마이페이지 경계선구분 추가*/
.board_write1 tbody td{border-bottom:1px solid #b9b9b9;}

.myPageTab2 div.DivBox{display:flex; }

@media (max-width:1000px){
.myPageTab2 div.DivBox{display:block; background-color: #f1f5f8; overflow:hidden;}
.myPageTab2 .myPageTab2Div{width:31.3%;}
}
@media (max-width:600px){
.myPageTab2 div.DivBox{display:block;}
.myPageTab2 .myPageTab2Div{width:50%; padding:15px 0; height:150px;}
}

/*국내통관조회*/
.board_write tbody th.alCenter{padding:10px 0;}


@media (max-width:768px){
.order_write .imgInFoArea .ordIcon5{width:30%;}	
.order_write .imgInFoArea .flexAreaB .input_txt{width:70%;}
.order_write .imgInFoArea .ordIcon6{width:30%;}	
}

@media (max-width:500px){
.order_write .imgInFoArea .flexAreaB{flex-wrap:wrap;}
.order_write .imgInFoArea .ordIcon5{width:100%; height:25px; border-bottom:none;}	
.order_write .imgInFoArea .flexAreaB .input_txt{width:100%; border-top:none; border-left:1px solid #ddd;}
.order_write .imgInFoArea .ordIcon6{width:100%; height:25px; border-bottom:none;}	

}

/* 결제페이지 현금영수증 발급번호*/
#taxcach .input_Txt3{display:block; width:85%; height:30px; line-height:30px; border:1px solid #d0d2d7; font-size:12px;    padding: 10px 4px;
box-sizing: border-box;margin: 15px;  }

.tx2Area{display:block;}
.tx2Area1{display:none;}
@media (max-width:660px){
.tx2Area{display:none;}
.tx2Area1{display:block;}
}

.fn3 {text-decoration:none; cursor:pointer; font-size: 14px; display: inline-block; top: 2px; position: relative;}

.right4 { font-weight:bold; font-size:14px; float:right; margin-right:10px; color:#333;}

/*마이페이지 변경*/
.MybtnAreaNew > p{text-align:center; margin-bottom:20px;}
.MybtnAreaNew .clrMemLvl6{color: #1f4e79;}
.MybtnAreaN{padding-top:20px;}
.MybtnAreaN p{display:flex; flex-wrap:nowrap; justify-content:space-around; align-items:center;}
.MybtnAreaN p a{width:30%;line-height:40px;border:1px solid #ccc;text-align:center;border-radius:8px;font-size:15px;box-shadow: 1px 1px 5px rgb(31 78 121 / 54%);color: #1f4e79;font-weight:900;}

.MybtnAreaN p a:hover{background-color:#2a84b9; color:#fff;}

.MybtnAreaNew .my-infoB{background-color: /*#1f4e79*/#1f4e79;margin-top:20px;border-radius:5px;}
.MybtnAreaNew .my-infoB ul{display:flex; flex-wrap:nowrap;}
.MybtnAreaNew .my-infoB li{width:20%; line-height:40px; border-right:1px solid #deecf4;}
.MybtnAreaNew .my-infoB h5{line-height:55px; color:#fff; font-size:15px; font-weight:900; text-align:center;}
.MybtnAreaNew .my-infoB p{width:90%;margin:0 auto 20px;border-radius:3px;background-color: #f1f5f8;text-align:center;}

/*주문보기 요청사항*/
.vm_box div.wid-D{display:inline-block; width:33%; float:left}
@media(max-width:1000px){
.vm_box div.wid-D{width: 49%;}	
}
@media(max-width:768px){
.vm_box div.wid-D{width:100%;}	
}
@media(max-width:482px){
.vm_box div.wid-D{margin:3px 0;}	
}

/*마이페이지 트래팅넘버 변경 버튼*/
/* ProListMem_L */
.flexDiv{width:100%; display:flex; align-items:center;}
.flexDiv select{width:74px; margin-right:2px;}
.flexDiv > input{margin:0 5px 0 0; display:inline-block; height: 20px; border: 1px solid #b9b9b9;}
.flex-Span{margin-right:3px; display:inline-block;}
.board_write td .flexDiv .whBlkBtn{height:20px; line-height:20px; display:inline-block; padding:0; width:40px; text-align:center; 
background-color:#555; color:#fff; border-radius:3px; border:1px solid #555;}
.board_write td .flexDiv .whBlkBtn:hover{background-color:#000;}
@media(max-width:482px){
.flexDiv{flex-direction:column; align-items:normal;}
.flexDiv > input{margin-bottom:3px;}
}
@media (max-width:1200px){
.userPg-area img{width:100%;}
.userPg-area p img{width:100%;}
}


/*신청페이지 보험 안심케어 서비스*/
.careDp{display:flex; justify-content:space-between; align-itmes:center; margin-top:10px;}
.careInfoA{display:flex; align-items:center; justify-content:space-between;}
.careInfoA .leftA{background-color: #e3e3e3;width: /*27%*/280px;height: 63px;line-height: 15px;padding-top: 15px;text-align: center;border: 1px solid;margin: 0 2%;/* border-right: 1px solid #ccc; */}
.careInfoA .rightA{width: 69%; padding:10px 0 10px 2%; border-left: 1px solid #e9e9e9;}

@media (max-width:1000px){
.careInfoA{flex-direction:column;}
.careInfoA .leftA {width:60%; margin:10px auto 0;}
.careInfoA .rightA{border-left:none; width:96%; padding:10px 2%;}
}

@media (max-width:768px){
.careDp{flex-direction:column;}
.careDp .right4{text-align:right; margin-top:10px;}
.careInfoA .leftA {width:285px; margin:10px auto 0;}
.mbTableA tbody td{padding:9px 0 9px 10px;}
.mbTableA td > div.wid33 > label{line-height:25px;}
.mbTableA td > div.wid33 > p{width:95%;}
}

@media (max-width:653px){
h4 span.mdpNone{display:none;}/*구매물품보상보험 안심케어서비스 글자길이*/
}

/*배송신청 요청사항입력*/
.order_write tbody.newOpTableA td{padding:0;}
.order_write tbody.newOpTableA td.pd13left{padding-left:13px;}
.order_table td div.newOpTable{width:100%; display:flex; flex-wrap:nowrap; align-items:center;border:1px solid #e9e9e9;
border-top:none; border-left:none; height:50px;}
.order_write tbody.newOpTableA td div.newOpTable:last-child{border-bottom:none;}
.order_table td div.newOpTable .mLabel{width:43%; padding-left:2%;  margin:0; display:flex; align-items:center;}
.order_table td div.newOpTable p{width:67%; height:100%; line-height:150%; padding-left:10px; border-left:1px solid #e9e9e9; display:flex; align-items:center;}

@media (max-width:1295px){
.order_table td div.newOpTable .mLabel{width:45%;}
.order_table td div.newOpTable p{width:70%;}
}

@media (max-width:1060px){
.order_table td div.newOpTable .mLabel{width:52%;}
.order_table td div.newOpTable p{width:49%;}
}

@media (max-width:840px){
.order_table td div.newOpTable{height:auto; flex-wrap:wrap;}
.order_table td div.newOpTable .mLabel{width:98%; border-right:none; margin-left:8px; line-height:normal; padding:8px 0 0; height:auto;}
.order_table td div.newOpTable p{width:98%; line-height:normal; padding:8px 5px 8px 28px; height:auto; border-left:none;}
}

/*회원가입 사업자 추가*/
.memberArea .agree_title{font-size:16px; font-weight:bold; padding-bottom:15px; position:relative; padding-left:15px;}
.memberArea .agree_title:before{content:"■"; font-size:11px; padding-right:5px;position:absolute; top:2px; left:0px; color:#1490d7}
.memberArea .memer-info{border-top:1px solid #979797; margin-bottom:20px;}
.memer-info > li{display:flex; flex-wrap:wrap; border-bottom:1px solid #c5c5c5; align-items:center;}
.memer-info > li > span, .memer-info > li > div > span {width:150px; padding:10px 0;text-align:center;color:#707070; background-color:#f0f0f0; margin-right:10px;}

.memer-info li div{display:flex; flex-wrap:nowrap; align-items:center; width:54%;}
.memer-info li div.r50{width:46%;}
.memer-info li.hpAr div{width:100%;}
.memer-info li input[type="text"] ,.memer-info li input[type="password"]{border:1px solid #c5c5c5;}
.memer-info li.hpAr{flex-wrap:nowrap;}
.memer-info li.addr-area{height:140px; flex-wrap:nowrap;}
.memer-info li.addr-area > span{height:100%; line-height:140px; padding:0;}
.memer-info .addr-area .addrTel .InArea{margin:5px 0; display:inline-block;}
.sbtel{width:160px;}
@media (max-width:1130px){
.memer-info li.addr-area div{width:80%;}
.memer-info li.addr-area div > ul{width:100%;}
}
@media (max-width:890px){
.memer-info li div{width:100%;}
.memer-info li div.r50{width:100%; border-top:1px solid #c5c5c5;}
.memer-info li.addr-area > div{width:auto;}
.memberArea .memer-info .addrTel li .InArea{display:none;}
}

@media (max-width:540px){
.memer-info > li > span, .memer-info > li > div > span{width:80px;}
}

@media (max-width:460px){
.memer-info li.emailAr{height:80px;}
.memer-info li.emailAr > span{height:100%; padding:0; line-height:80px;}
.memer-info li.emailAr p > select{display:block;}
}

@media (max-width:370px){
.memer-info li.hpAr{height:60px;}
.memer-info li.hpAr div > span{height:100%; padding:0; line-height:60px;}
}

/* padding20px , 높이 28px 버튼*/
a.lightGrBtn{display:inline-block; background-color:#3AA4A3; padding:0 20px; line-height:28px; height:28px; text-align:center; border-radius:3px; cursor:pointer; color:#fff;}
a.blu1Btn , button.blu1Btn{display:inline-block; background-color:#495198; padding:0 20px; line-height:28px; height:28px; text-align:center; border-radius:3px; cursor:pointer; color:#fff;}
a.BlakBtn{display:inline-block; background-color:#333; padding:0 20px; line-height:28px; height:28px; text-align:center; border-radius:3px; cursor:pointer; color:#fff;}
a.blu2Btn{display:inline-block; background-color:#0111a2; padding:0 20px; line-height:28px; height:28px; text-align:center; border-radius:3px; cursor:pointer; color:#fff;}
a.red1Btn{display:inline-block; background-color:#c62917; padding:0 20px; line-height:28px; height:28px; text-align:center; border-radius:3px; cursor:pointer; color:#fff;}
a.lBlakBtn{display:inline-block; background-color:#666; padding:0 20px; line-height:28px; height:28px; text-align:center; border-radius:3px; cursor:pointer; color:#fff;}

a.lightGrBtn:hover{background-color:#000; font-weight:900;}
a.blu1Btn:hover , a.blu2Btn:hover , a.lBlakBtn:hover{font-weight:900; background-color:#c62917;}

table.pay_page #MemDpstMny, table.pay_page #MemPntMny{width:20%;} 

@media(max-width:768px){
table.pay_page #MemDpstMny, table.pay_page #MemPntMny{width:30%;} 
}
@media(max-width:482px){
.Pgrpbuy_tab li a{border-radius:5px 5px 0 0;}
table.pay_page #MemDpstMny, table.pay_page #MemPntMny{width:40%;} 
}

/*리턴신청 팝업*/
.ReturnPopA{padding:10px;}
.rtinput_txt{ width:90%; display:inline-block; border:1px solid #d0d2d7; font-size:12px; padding:8px 0; box-sizing:border-box;  }
.rtinput_txt1{width:96%;}

.btnblue1 { background-color:#fff; border:1px solid  #092563 !important; color: #092563 !important; transition:all 0.3s;  }
.btnblue1:hover{ background: #000 !important; color: #fff !important; transition:all 0.3s;  }

.dflex-ret{display:flex; align-items:center;}
.dflex-ret li{margin-right:5px;}
.dflex-ret li p{line-height:46px; font-size:16px; margin:0 10px; font-weight:700;}
.dflex-ret li button.blu1Btn{border:none; background-color:#2661bd;}
.dflex-ret li button.blu1Btn:hover{background-color:#000;}

@media(max-width:620px){
.dflex-ret{flex-wrap:wrap;}
.dflex-ret li:nth-child(2){width:70%;}
}
@media(max-width:440px){
.dflex-ret li:nth-child(2){width:50%;}
}
/*배송비안내*/
.tffDv .grpbuy_tab{flex-wrap:nowrap;}
.tffDv .grpbuy_tab li{width:50%;}
.tffDv .grpbuy_tab li a, .tffDv .grpbuy_tab li.on a{font-size:13px;}

/*마이페이지 검색영역 2*/
.searchBoxAreaN > div{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.search_box > .searchBoxAreaN > div > div{display:flex; flex-wrap:wrap; justify-content:space-between; width:93%;}
.search_box > .searchBoxAreaN > div > div > p{display:flex; flex-direction:column; width:15%;}
.search_box > .searchBoxAreaN a{width:6%; text-align:center; height:43px; line-height:43px;}
.search_box > .searchBoxAreaN > div > div > p > select{width:100%;} 

/**/
@media(max-width:460px){
.MybtnArea .btn_5858{padding:0 6px;}
}

/*타오바오 상품 불러오기 팝업*/

#pop_UrlA h2{margin-bottom:20px;font-size:18px;font-weight:bold;text-align:center; background-color:#1f4e79; line-height:50px; color:#fff;}
.urlContent{padding:0 20px;}
.urlContent > p{margin-bottom:10px;}
.urlContent > p > select{display:block; width:100%; line-height:30px; height:30px; text-align:center; font-size:16px; padding:0;}
.urlContent > p > input{display:block; width:100%; line-height:28px; border:1px solid #dbdbdb; border-radius:3px; text-align:center; font-size:16px;}
.urlContent > p > select{display:block; width:100%; line-height:30px; height:30px; text-align:center; font-size:16px; padding:0;}

.urlBtnArea{display:flex; flex-wrap:nowrap; width:100%; justify-content:space-between; align-items:center; padding-bottom:10px;}
.urlBtnArea > a.url_Btn{display:inline-block; height:32px; width:100%; background-color:#666; border:1px solid #666; border-radius:3px; color:#fff; 
font-size:16px; text-align:center; line-height:32px;}
.urlBtnArea > a.cancleBtn{ height:32px; width:18%; background-color:#fff; border:1px solid #636363; border-radius:3px; color:#636363; 
font-size:16px; text-align:center; line-height:32px; margin-left:2%;}
.urlBtnArea > a:hover{background-color:#000; color:#fff;}

.urlBtnArea > button.url_Btn{display:inline-block; height:32px; width:100%; background-color:#666; border:1px solid #666; border-radius:3px; color:#fff; 
font-size:16px; text-align:center; line-height:32px;}

.proUrl_Cont{padding:0 20px;}

.proUrl_Cont .nmP{border:1px solid #dbdbdb; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
.proUrl_Cont .nmP span{display:inline-block; width:20%; line-height:46px; background-color:#f0f0f0; color:#707070; font-size:14px; text-align:center;
border-right:1px solid #dbdbdb;}
.proUrl_Cont .nmP input{border:1px solid #dbdbdb; height:26px; margin:6px 2%; width:76% }

.proDflex{display:flex; flex-wrap:nowrap; justify-content:space-between; margin:10px 0;}
.proDflex .img_left{width:40%; margin-right:10px;}
.proDflex .img_left p{ border:1px solid #dbdbdb; height:286px; overflow:hidden; display:flex;}
.proDflex .img_left img{width:100%; display:block;}

.proDflex ul{width:100%;display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-top:10px;}
.proDflex li{width:18%; border:1px solid #ccc; height:50px; background-color:#f8f8f8; display:flex;}
.proDflex li img{display:block; width:100%;}

.proDflex .rightTable{width:100%;}
.proDflex .board_write{border:1px solid #dbdbdb;}
.proDflex .board_write thead th{padding:0; line-height:34px;}
.proDflex .board_write tbody td{padding:8px; border-right:1px solid #dbdbdb;}
.proDflex .board_write tbody td select{width:100%;}
.proDflex .board_write tbody td input{line-height:23px; border:1px solid #dbdbdb; width:94%;}
.proDflex > div > div{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%; margin-top:10px;}
.proDflex > div > div > p{width:45%;border:1px solid #dbdbdb;display: flex;flex-wrap: nowrap; height: 35px;line-height: 35px;margin-top:15px; padding:0 10px;
justify-content:space-between;}
.proDflex > div > div > p:first-child{margin-right:10px;}
.proDflex > div > > div > p > span{font-size:14px;}
.proUrl_Cont .order_write{margin-bottom:10px;}
.proUrl_Cont .order_write tbody td{padding:9px 15px;}
.proUrl_Cont .order_write tbody td .flexArea{width:100%;}
.proUrl_Cont .order_write tbody td.SelectAreab span{width:50%; display:inline-block;}
.proUrl_Cont .order_write tbody td.SelectAreab span:first-child{width:35%;}
.proUrl_Cont .order_write tbody td.SelectAreab span > select{width:100%; display:inline-block;}

.taobaoPro { width:58%; }

@media(max-width:600px){
.proDflex{flex-wrap:wrap;}
.proDflex .img_left{margin-right:0; width:100%; margin-bottom:10px;}
.proDflex .img_left p{height:200px; margin:0 auto 10px;}
.proDflex .rightTable{width:100%;}
.proDflex > div > div > p{margin-top:0;}
.proUrl_Cont .order_write tbody td.SelectAreab span{width:100%;}
.proUrl_Cont .order_write tbody td.SelectAreab span:first-child{width:100%; margin-bottom:5px;}
.taobaoPro { width:100%; }
}

@media(max-width:482px){
.proUrl_Cont{padding:0 10px;}
.proDflex > div > div > p{width:43%;}
}

.totText {display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%; margin-top:10px;}
.totText > p{width:45%;border:1px solid #dbdbdb;display: flex;flex-wrap: nowrap; height: 35px;line-height: 35px;margin-top:15px; padding:0 10px;}
.totText > p:first-child{margin-right:10px;}
.totText > p > span{font-size:14px;}

.search_box .mid a.mbProbtn{display:none;}
@media (max-width:810px){
.search_box .mid a.pcProbtn{display:none;}
.search_box .mid a.mbProbtn{display:block;}
}
/*이용안내 페이지 이미지*/
@media (max-width:768px){
.userPg-area .userPage img{display:block; width:100%;}
}
/*통관품목 검색*/
.order_write .searchInputA .flexArea .input_txt2{width:93%; margin-right:5px;}
.order_write .searchInputA .btn_small3 {display:inline-block; height:28px; line-height:28px; text-align:center; padding:0; width:50px;}
.order_write .searchInputA .btn_small3 span{line-height:28px;}
@media(max-width:768PX){
.order_write .searchInputA  .flexArea{flex-wrap:wrap;}
.order_write .searchInputA .flexArea .input_txt2{width:100%; margin-bottom:5px;}
.order_write .searchInputA .btn_small3{width:98%;}
}