@charset "utf-8";

/* ##############################
	# 레이아웃 스타일
############################## */
/*--------------------------------------------------------------------------------
# 레이아웃
---------------------------------------------------------------------------------*/
/* body {height:100%; overflow:hidden;} */
/*2021.07.12*/
.wrap {position:relative; min-width:32rem; background-color:#fff;}
.wrap.web {width:500px; margin:0 auto;}

/* .wrap{position:relative; width:500px; margin:0 auto; background-color:#fff;} */

.p_s {padding:0 2rem;}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.open {display:block !important; height:100% !important; min-height:100%; overflow:hidden !important; touch-action:none;}
/*header*/
.header {/*position:sticky; position:-webkit-sticky; top:0;*/ position:relative; padding:3.56rem 2rem 0; background-color:#fff; box-sizing:border-box; z-index:1500;}
.header::after {clear: both; content:""; display: block;}
.header .logo {float:left;}
.header .logo a {width:0; height:4.6rem; padding-left:15.65rem; background:url("../logos/logo-500x131.png") 0 0 no-repeat; background-size:100%; display:block; overflow:hidden;}
/*.header .logo a {width:0; height:3.1rem; padding-left:15.65rem; background:url("../logos/logo-500x97.png") 0 0 no-repeat; background-size:100%; display:block; overflow:hidden;}*/

.state_wrap {position:absolute; left:50%; transform:translate(-50%, 0);}
.state_wrap .select_box {position:relative;}
.state_wrap .select {position:relative; padding:0.5rem 2rem 0.5rem 4.2rem; max-width:22rem; width:14.25rem; overflow:hidden; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; color:#202020;}
.state_wrap .select::after {content:""; position:absolute; top:50%; right:0; width:0; height:0.65rem; padding-left:1.2rem; margin-top:-0.430rem; background:url("../img/icon/arrow.png") no-repeat 0 0; background-size:100%;}
.state_wrap .select.on::after {background:url("../img/icon/arrow.png") no-repeat 0 100%; background-size:100%;}

.state_wrap .select::before {content:""; position:absolute; left:0; top:0; width:0; height:2.8rem; padding-left:2.75rem; background:url("../img/national_flag1.png") no-repeat 0 0; background-size:100%;}
/*select box image change*/
.state_wrap .select.state_type0::before {background:url("../img/national_flag1.png") no-repeat 0 0; background-size:100%;}
.state_wrap .select.state_type1::before {background:url("../img/national_flag2.png") no-repeat 0 0; background-size:100%;}

.list {overflow-x:hidden; overflow-y:auto; display:none; max-height:8rem; position:absolute; left:0; right:0; top:100%; margin-top:0.5rem; background-color:#fff;}
.select_list li {margin-top:1rem;}
.select_list li i {width:2.75rem; display:inline-block; vertical-align:middle;}
.select_list li em {margin-left:1.1rem;}

.cart {float:right; padding-top:0.45rem;}
.cart_relative {position:relative;}
.cart_relative .cart_box {width:0; height:2.2rem; padding-left:2.55rem; background:url("../img/icon/cart.png") 0 0; background-size:100%; display:block; overflow:hidden;}
.cart_relative .num {position:absolute; right:-0.65rem; top:-0.6rem; width:1.9rem; height:1.9rem; border-radius: 1rem; background-color:#ea3838;}
.cart_relative .num em {position:absolute; top:0.2rem; width:100%; text-align: center; font-size:0.9375rem; font-weight: bold; color:#fff;}
.cart_relative a {position:absolute; left:0; top:-0.6rem; right:-0.65rem; bottom:0; display:block; overflow:hidden; font-size:0;}

.cart.newCart{position:absolute; display:block; width:2.5rem; right:6rem; top:4.17rem; float:none; padding-top:0;}

/*content, search*/
.content {margin-top:2.25rem;}
.search_wrap { margin:0 2rem 0;}
.search_wrap .box {position:relative; border-radius:0.3rem; background-color:#fff; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.search_wrap .search [class*="inp_type"] {border-color:transparent;}
.search_wrap .search [class*="inp_type"] input {width:100%; height:4.25rem; padding:1.5rem 1.3rem 1.5rem 4.2rem; font-size:1.406rem; border-radius:0.3rem; border:0; background-color:#f5f5f5;}
.search_wrap .search [class*="inp_type"] input::placeholder {color:#afafaf;}
.search_wrap .search .btn_submit {position:absolute; left:1.15rem; top:1.2rem; width:0; height:1.9rem; padding-left:1.95rem; background:url("../img/icon/search.png") 0 0; background-size:100%; display:block; overflow:hidden;}
.search_wrap .newStyle::after{content:""; position:absolute; left:1.15rem; top:1.2rem; width:0; height:1.9rem; padding-left:1.95rem; background:url("../img/icon/search.png") 0 0; background-size:100%; display:block; overflow:hidden;}
.searchPop {position:absolute; left:0; top:0; right:0; bottom:0; display:block; font-size:0; color: transparent;}

/*swiper CSS --S*/
.main_product {margin:2.05rem auto 0 auto;}
.swiper-container {width:100%; margin:0 auto;}
.swiper-slide { width:100%; text-align: center; background:#fff;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{width:4.7rem; padding:0.45rem 0; left:auto; right:2rem; bottom:1.5rem; background-color:#000; border-radius:1.5rem; opacity:0.6; font-size:1.094rem; font-weight:bold; letter-spacing:-0.010rem; color:#fff;}
.swiper-pagination-fraction span { color:#fff;}
/*-----E-------*/
/*44.082125603864734, 44.082125603864734, 11.835748792270532, 4.347826086956522, 4.830917874396135, 2.657004830917875, 2.415458937198068
42.995169082125604,
*/
/*list_tab*/
.list_wrap {margin-top:3.05rem;}
.list_wrap .m_title{ margin-left:2.0rem; font-size:2.5rem; font-weight:initial; color:#202020;}
.list_wrap .tab_type {margin-top:1.15rem;}
.list_wrap .tab_type li {position:relative;}
.list_wrap .tab_type li:first-child {margin-left:0;}
.list_wrap .tab_type li a {font-weight:bold; color:#979797;}
.list_wrap .tab_type li.on a {color:#202020;}
.list_wrap .tab_type li.on a span {position:relative;}
.list_wrap .tab_type li.on a span::after {content:""; position:absolute; width:100%; left:0; bottom:-1.2rem; border-bottom:0.4rem solid #202020; display:block; font-size:0; color:#202020;}
.list_wrap .tab_type li.new a span{position:relative;}
.list_wrap .tab_type li.new a span::after {content:""; position:absolute; padding-top:0.4rem; width:0.4rem; top:-0.55rem; right:-0.9rem; border-radius:1rem; display:block; font-size:0; background-color:#ea3838;}

/*product*/
.product_list {position:relative; border-top:0.1rem solid #e5e5e5; background-color:#fff;}
.item_wrap {margin:0 2rem;}
.item {margin-left:-5.5%; padding-bottom:9rem;}
/*2021.01.31*/
/*2021.07.12*/
/* .item li {position:relative; width:19.6%; margin:2.7rem 0 0 5.34%; box-sizing:border-box; float:left; overflow: hidden;} */
.item li {position:relative; width:94.5%; margin:2.7rem 0 0 5.34%; box-sizing:border-box; float:left; overflow: hidden;}

.item:after {display:block; content:""; clear:both;}
.item li .detail {position:absolute; left:0; top:0; bottom:0; right:0; font-size:0; color:transparent; z-index:100;}
.item .area1 {position:relative; height:0; padding-top:100%; border-radius:1.3rem; background-color:#eff2f6; overflow:hidden;}
.item .area1 img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.item .basket_wrap {position:absolute; bottom:0.95rem; right:0.8rem; z-index:200;}
.item .basket_wrap a {padding-left:3.3rem; width:0; height:3.3rem; display:block; overflow:hidden;}
.item .basket_wrap a.opt {background:url("../img/basket_onoff.png") 0 0; background-size:100%;}
.item .basket_wrap a.opt.on {background:url("../img/basket_onoff.png") 0 100%; background-size:100%;}
.item .basket_wrap a.basket {margin-top:0.45rem; background:url("../img/basket1.png") 0 0; background-size:100%;}
.item .area2 {margin-top:1.25rem;}
.item .area2 .brand {font-size:1.146rem; font-weight:bold; color:#202020;}
.item .area2 cite {font-style:normal; font-size:1.405rem; line-height:1.375; color:#202020; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.item .area2 .price {color:#202020;}
.item .area2 .price strong {font-size:1.509rem; display: table-cell;}
.item .area2 .price span {font-size:1.145rem; font-weight:bold;}
.item .area2 .product_info {display:block; letter-spacing:-0.05em; font-size:1.0405rem; color:#979797;}

.product_list .sortWrap {margin:2.35rem 2rem 0;}
.product_list .sortWrap::after {content:""; display:block; clear:both;}
.product_list .sortWrap .srotAll {margin-left:0.35rem; float:left; font-size:1.302rem; color:#202020;}
.product_list .sortWrap .sortList {float:right;}
.product_list .sortWrap .sortList .commonSelect {position:relative; display:inline-block;}
.commonSelect select {padding:0 0.75rem 0 0; border:none; font-size:1.302rem; background:url("../img/icon/arrow_bottom3.png") no-repeat right center; background-size:0.65rem; color:#202020; appearance:none;}

/*footer*/
/*2021.07.12*/
.footer {position:fixed; left:0; bottom:0; width:100%; background-color:#fff; border-top:1px solid #e5e5e5; box-sizing: border-box; z-index:1000;}
.footer.web {left:auto; width:500px;}
.footer_list::after {display:block; content:""; clear:both;}
.footer_list li {position:relative; width:20%; float:left; text-align:center;}
.footer_list li .fot_txt {padding:3.1rem 0 0}
.footer_list li span {position:absolute; left:50%; top:14%; height:2.2rem; transform:translate(-50%, 0); padding-left:2.15rem; background:url("../img/icon/footer1.png") no-repeat 0 0; background-size:100%; font-size:0; color:transparent;}
.footer_list li span.icon_type1 {top:20%; background:url("../img/icon/footer1.png") no-repeat 0 0; background-size:100%;}
.footer_list li span.icon_type2 {background:url("../img/icon/footer2.png") no-repeat 0 0; background-size:100%;}
.footer_list li span.icon_type3 {background:url("../img/icon/footer3.png") no-repeat 0 0; background-size:100%;}
.footer_list li span.icon_type4 {background:url("../img/icon/footer4.png") no-repeat 0 0; background-size:100%;}
.footer_list li span.icon_type5 {background:url("../img/icon/footer5.png") no-repeat 0 0; background-size:100%;}
.footer_list li small {padding:0.5em; display:block; letter-spacing:-0.05rem; font-size:1.146rem; color:#979797;}
.footer_list li a {position:absolute; left:0; top:0; right:0; bottom:0; display:block; font-size:0; color:transparent;}
.footer_list li.new span::after {content:"new"; position:absolute; padding-top:0.4rem; width:0.4rem; top:0; right:-0.4rem; border-radius:2rem; display:block; font-size:0; background-color:#ea3838;}

/*검색 화면*/
.list_wrap.mT {margin:0;}
.list_wrap.mT .search_type {position:relative; margin:2.3rem 0 2.4rem;}
.list_wrap.mT .search_type.style1 {margin:2.3rem 0 1.6rem;}
.list_wrap.mT .search_type .title_box {position:relative; text-align:center;}
/*2021.01.31*/
.list_wrap.mT .search_type a {position:absolute; left:2rem; top:50%; padding-left:0.9rem; height:1.7rem; background:url("../img/icon/arrow_left.png") no-repeat 0 0; background-size:100%; transform:translate(0, -50%); font-size:0; color:transparent;}
.list_wrap.mT .search_type span {position:relative; padding-right:1.5rem; font-size:1.5105rem; font-weight:bold; color:#202020; display:inline-block; }
/*2021.01.31*/
/* .list_wrap.mT .search_type span.more::after {content:""; position:absolute; right:0; top:50%; width:0.65rem; padding-top:0.55rem; background:url("../img/icon/arrow_bottom2.png") no-repeat 0 0; transform:translate(0, -50%); background-size:100%;} */
.list_wrap.mT .tab_type {margin:0; border-top:1px solid #f0f0f0; box-sizing:border-box;}
.list_wrap.mT .tab_type li a {font-weight:normal;}
.list_wrap.mT .tab_type li.on a {font-weight:bold;}

/*details*/
.list_wrap.mT .details {padding-left:2rem; margin-top:1.8rem;}
.list_wrap.mT .details li {margin-right:0.6rem; font-size:1.198rem; display:inline-block; color:#979797;}
.list_wrap.mT .details li + li::before {content:""; margin-right:0.7rem; width:0.45rem; height:0.85rem; background:url("../img/icon/arrow_right.png") no-repeat 0 center; background-size:100%; display:inline-block;}

.detailVisual {border-top:1px; border-bottom:1px; border-style:solid; border-color:#f0f0f0;}
.detailInfor {position:relative;}
.detail_txt{position:relative; padding:2.4rem 2rem;}
.detail_txt .brand {font-size:1.302rem; font-weight:bold; color:#202020;}
/*2021.07.31*/
/*.detail_txt cite {font-style:normal; font-size:1.875rem; line-height:1.375; color:#202020; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}*/
.detail_txt cite {font-style:normal; font-size:1.875rem; line-height:1.375; color:#202020; letter-spacing:-0.05em; text-overflow:ellipsis; word-break:break-all; display:block; margin-right:30px;}
.detail_txt .price {color:#202020;}
.detail_txt .price strong {font-size:2.604rem; display: table-cell;}
.detail_txt .price span {font-size:1.823rem; font-weight:bold;}
.detail_txt .product_info {display:block; letter-spacing:-0.05em; font-size:1.0405rem; color:#979797;}
.detail_txt .shar {position:absolute; right:2rem; top:4.20rem; width:1.9rem; height:2.1rem; background:url("../img/icon/sharing.png") no-repeat 0 0; background-size:100%; font-size:0; color:transparent;}

/*2021.01.31*/
.detail_account {position:relative; padding:2.65rem 2rem 10.8rem; border-top:1px solid #f0f0f0;}
.detail_account li + li {/*margin-top:3.65rem;*/ margin-top:2.65rem}
.detail_account .tit dt {font-size:1.302rem; color:#202020;}
.detail_account .tit dd {margin-top:0.9rem; letter-spacing:-0.05rem; font-size:1.302rem; color:#6f6f6f;}


/*detail 장바구니*/
.orderBtnWrap {position:fixed; left:0; right:0; bottom:0; background-color:#000;}
.orderBtnWrap::after {display:block; content:""; clear:both}
.orderBtnWrap.web {left:auto; right:auto; width:500px;}
.orderBtnWrap .btnJjim {float:left; width:20%;}
.orderBtnWrap .btnJjim button {position:relative; width:100%; height:6.8rem; font-size:0;}
.orderBtnWrap .btnJjim button::before {content:""; position: absolute; right:0; top:1.5rem; width:1px; height:3.8rem; background:url("../img/line.jpg") no-repeat 0 0; background-size: 100%;}
.orderBtnWrap .btnJjim button::after {content:""; position:absolute; top:2.6rem; left:50%; width:1.8rem; height:1.6rem; background:url("../img/icon/jjim.png") no-repeat 0 0; background-size:100%; transform:translate(-50%, 0); display:block;}
/*2021.07.19*/
.orderBtnWrap .btnJjim.on button::after {background:url("../img/icon/jjim_on.png") no-repeat 0 0; background-size:100%;}

.orderBtnWrap .cartOpt {float:left; width:80%; height:6.8rem;}
.orderBtnWrap .cartOpt button {width:100%; height:100%; background:#202020; font-size:1.5105rem; color:#fff;}

/*search 검색화면*/
.search_view {position:fixed; left:0; top:0; width:100%; height:100%; padding-top:3.6rem; background-color:#fff; z-index:1600; display:none;}
.search_wrap.type1 {position:relative; margin:0 2rem 0;}
.search_wrap.type1 .box {position:relative; padding-left:2.1rem; border-radius:0.3rem; background-color:#fff; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.search_wrap.type1 .search [class*="inp_type"] {border-color:transparent;}
.search_wrap.type1 .search [class*="inp_type"] input {width:100%; height:4.25rem; padding:1.45rem 3rem 1.45rem 1.65rem; font-size:1.406rem; border-radius:0.3rem; border:0; background-color:#f5f5f5;}
.search_wrap.type1 .search [class*="inp_type"] input::placeholder {color:#afafaf;}
.search_wrap.type1 .search .btn_search_submit {position:absolute; right:1.05rem; top:1.2rem; width:0; height:1.9rem; padding-left:1.95rem; background:url("../img/icon/search.png") no-repeat 0 0; background-size:100%; display:block; overflow:hidden;}
.search_wrap.type1 .backBtn {position:absolute; left:0; top:50%; padding-left:0.9rem; height:1.7rem; background:url("../img/icon/arrow_left.png") no-repeat 0 0; background-size:100%; transform:translate(0, -50%); font-size:0; color:transparent;}

/*search 탭*/
.search_line {margin-top:2.1rem; border-top:1px solid #f0f0f0;}
.search_line .tab_type {width:85%; margin:0 auto;}
.search_line .tab_type li a {display:block; color:#979797;}
.search_line .tab_type li.on a span{position:relative;}
.search_line .tab_type li.on a span::after {content:""; position:absolute; width:100%; left:0; bottom:-1rem; border-bottom:0.4rem solid #202020; display:block; font-size:0; color:#202020;}

/*search 나의검색어*/
.search_list {height:100%; padding:2.75rem 2rem 2.75rem; background-color:#f0f0f0;}
.search_layer {position:relative; height:37.7rem; padding:6rem 2.35rem 1.15rem 2.25rem; background-color:#fff;}
.search_layer ul {max-height:38.7rem; overflow-y:auto; overflow-x: hidden;}
.search_layer ul::after {display:block; content:""; clear: both;;}
.search_layer ul li:first-child {padding:0 0 1.4rem 0;}
.search_layer ul li {padding:1.8rem 0 1.4rem 0; border-bottom:1px solid #f0f0f0; line-height:1.2;}
.search_layer ul li a {font-size:1.406rem;}
.search_layer ul li button {float:right; margin-right:0.3rem; font-size:1.406rem; color:#afafaf;}
.search_layer .list_removeAll {position:absolute; right:2.3rem; top:1.85rem; display:block; font-size:1.302rem; color:#202020;}

/*search 결과*/
.search_list.newSearch {height:auto; padding:2.75rem 1px 0; background-color:#f0f0f0;}
.search_list.newSearch .search_layer {height:63.05rem; padding:2.6rem 4.35rem 0 4.2rem;}
.search_list.newSearch .search_layer ul {max-height:54.7rem;}
.search_list.newSearch .search_layer #contains li a span {color:#ea3838;}

/*제품상세페이지 수량*/
.pdtViewCount .innerWrap {position:fixed; left:0; right:0; bottom:6.7rem; max-height:1.2rem; border-top:1px solid #f0f0f0; transition:all .5s; background-color:#fff;}
.pdtViewCount .innerWrap.web {left:auto; right:auto; width:500px;}
.orderCloseBtn {position:absolute; top:-1.6rem; left:50%; width:6.8rem; height:1.6rem; transform:translate(-50%);}
/*2021-03-01*/
.orderCloseBtn.btn_open button::before {transform: rotate(0deg)}
.orderCloseBtn button {width:6.8rem; height:1.6rem; font-size:0; background:url("../img/buttom_label.png") no-repeat 0 0; background-size:100%; vertical-align:top;}
.orderCloseBtn button::before {content:""; position:absolute; left:50%; bottom:0.2rem; width:1.4rem; height:0.7rem; margin-left:-0.7rem; background:url("../img/icon/arrow_bottom4.png") no-repeat 0 0; background-size:100%; transform:rotate(180deg);}
.order_style {padding:2.65rem 2rem 2.8rem;}
.orderTxt {color:#202020;}
.orderTxt span {font-size:1.302rem; font-weight:bold; display:block;}
.orderTxt strong {font-size:1.5625rem; display:block;}

.optionWrap {position:relative; margin-top:1.95rem;}
.optionWrap .opSelect {width:100%; padding:1.15rem 1.2rem 1.2rem 1.05rem; border:1px solid #d3d3d3; border-radius:0.3rem; box-sizing:border-box; background:url("../img/icon/arrow_bottom5.png") no-repeat 96% center; background-size:1.1rem; line-height:1.1; font-size:1.302rem; color:#afafaf;}

.countPriceWrap {margin-top:1.5rem; overflow:hidden;}
.orderCount {float:left; position:relative; width:5.1rem; height:2.55rem; padding:0 2.6rem; border:0.1rem solid #e1e1e1;}
.orderCount button {position:absolute; top:0; width:2.6rem; height:100%; font-size:0; color: transparent;}
.orderCount button.btnMinus {left:0; border-right:0.1rem solid #e1e1e1; background:url("../img/icon/minus.png") no-repeat 50% 50%; background-size:0.95rem;}
.orderCount button.btnPlus {right:0; border-left:0.1rem solid #e1e1e1; background:url("../img/icon/plus.png") no-repeat 50% 50%; background-size:1.05rem;}
.orderCount .number {width:100%; height:100%; border:none; font-size:1.3rem; text-align:center; vertical-align:middle; color:#202020;}
.orderPirce {float:right; font-weight:bold;}
.orderPirce span{font-size:1.823rem;}
.orderBtnWrap .cartOpt.ops {float:none; width:100%;}

/* category */
.menuWrarp {position:relative; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:500;}
.menu_line {padding:3.45rem 0 9.4rem 0; overflow-y:auto;}
.menu_tit {padding-left:2rem; display:block; font-size:2.5rem; font-weight:normal;}
.menu_list ul.ul_type1 > li:first-child{border-top:none;}
.menu_list ul.ul_type1 > li {border-bottom:1px solid #f0f0f0;}
/* .menu_list ul.ul_type1 > li:first-child b:first-child {border-bottom:1px solid #f0f0f0;} */
.menu_list ul.ul_type1 > li b {position:relative; padding:3.25rem 2rem; border-bottom:none; display:block; font-size:1.6rem;}
.menu_list ul.ul_type1 > li b.on {border-bottom:1px solid #f0f0f0;}
.menu_list ul.ul_type1 > li b::after {content:""; position:absolute; right:2rem; top:50%; width:1.2rem; height:0.65rem; margin-top:-0.325rem; background:url("../img/icon/arrow_bottom6.png") no-repeat 0 0; background-size:100%; transform:rotate(180deg);}
.menu_list ul.ul_type1 > li b a {display:block;}
.menu_list ul.ul_type1 > li b.on::after {transform:rotate(0deg);}
/*2021.01.31*/
.box_wrap {position:relative; padding:0 2rem 2rem;}

/*2021.01.31*/
.menu_list ul.ul_type1 li b + .box_wrap {display:none;}
.menu_list ul.ul_type1 li b.on + .box_wrap {display:block;}

/* .box_wrap.style1 {display:none;} */
.menu_box {padding-left:0.7rem;}
/*2021.01.31*/
/* .menu_box dt:first-child {padding-top:6.75rem;} */
.menu_box dt {padding-top:2rem; font-size:1.5105rem; font-weight:bold;}
.menu_box dt a {position:relative; display:block;}
/*2021.01.31*/
.menu_box dt.on a::after {content:""; position:absolute; right:0; top:50%; width:1.2rem; height:0.65rem; margin-top:-0.325rem; background:url("../img/icon/arrow_bottom6.png") no-repeat 0 0; background-size:100%; transform:rotate(180deg);}
.menu_box dt.on.s_menu a::after {transform:rotate(0deg);}
/*2021.01.31*/
.menu_box dd {margin-top:2rem; padding-left:0.85rem;}
.menu_box dd > ol > li {margin-top:2rem; font-size:1.406rem;}
.menu_box dd > ol > li a {color:#797979;}
/*2021.01.31*/
/* .menuAll {position:absolute; left:2.7rem; top:2rem; display:inline-block; font-size:1.5105rem; font-weight:bold;} */
/*2021.01.31*/
.menu_box dt.on + dd {display:none;}
.menu_box dt.on.s_menu + dd {display:block;}

/*brand*/
.menu_list.menu_type2 {padding:0 2rem;}
.menu_list.menu_type2 ul.ul_type1 > li b {position:relative; padding:3.25rem 0; border-bottom:1px solid #f0f0f0; display:block; font-size:1.6rem;}
.menu_list.menu_type2 ul.ul_type1 > li b::after {right:0; transform:rotate(90deg);}

/*최근 본 상품*/
.latestP_wrap {position:relative; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:500}
.removeAll{position:absolute; top:1.7rem; right:2.15rem; font-size:1.146rem; display:inline-block; z-index:1;}
.lastest_line {padding:3.2rem 0 0 0; height:73%;  overflow-y:auto;}
.lastest_tit {position:relative; margin:0 2rem; text-align:center;}
.lastest_tit .backBtn {position:absolute; left:0; top:50%; padding-left:0.9rem; height:1.7rem; background:url("../img/icon/arrow_left.png") no-repeat 0 0; background-size:100%; transform:translate(0, -50%); font-size:0; color:transparent;}
.lastest_tit span {font-size:1.5105rem; font-weight:bold;}

.date_list {position:relative; margin-top:3rem; padding-bottom:9.4rem; border-top:1px solid #f0f0f0;}
.product_wrap {padding:0 2rem;}
.product_wrap .date_tit {position:relative; padding:3.2rem 0 2.4rem 0; text-align:center; font-weight:normal; display:block;}
.product_wrap .date_tit::before {content:""; position:absolute; left:4.15rem; top:0; bottom:0; right:0; width:0.1rem; background-color:#f0f0f0;}

.small_item li {position:relative; margin-top:1rem; max-height:8.4rem; border:1px solid #f0f0f0; border-radius:1rem; box-sizing:border-box;}
.small_item li:first-child {margin-top:0;}
.small_item li:first-child::before{display:none;}
.small_item li::before {content:""; position:absolute; left:4.15rem; top:-1.1rem; bottom:8.3rem; right:0; width:0.1rem; background-color:#f0f0f0;}
.small_item .small_area1 {position:relative; width:8.35rem; height:8.3rem; display:inline-block; border-radius:1rem 0 0 1rem; background-color:#f5f5f5;}
.small_item .small_area1 img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.small_item .small_area2 {width:calc(100% - 18rem); max-height:8.3rem; margin-left:1.35rem; vertical-align:top; display:inline-block;}
.small_item .small_area2 .brand {display:block; margin-top:1.6rem; font-size:1.146rem; font-weight:bold; color:#202020;}
.small_item .small_area2 cite {margin:0.2rem 0 0.2rem 0; font-style:normal; font-size:1.302rem; line-height:1.375; color:#9f9f9f; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.small_item .small_area2 .price {margin-top:1.2rem; color:#202020;}
.small_item .small_area2 .price strong {font-size:1.509rem; display: table-cell;}
.small_item .small_area2 .price span {font-size:1.145rem; font-weight:bold;}
.small_item .small_area2 .product_info {display:block; letter-spacing:-0.05em; font-size:1.0405rem; color:#979797;}

.small_item .basket_wrap {position:absolute; top:2.5rem; right:0.9rem; z-index:200;}
.small_item .basket_wrap a {padding-left:3.3rem; width:0; height:3.3rem; display:block; overflow:hidden; display:inline-block; vertical-align:middle;}
.small_item .basket_wrap a.opt {background:url("../img/basket_onoff.png") 0 0; background-size:100%;}
.small_item .basket_wrap a.opt.on {background:url("../img/basket_onoff.png") 0 100%; background-size:100%;}
.small_item .basket_wrap a.basket {background:url("../img/basket1.png") 0 0; background-size:100%;}

.small_item li .detail {position:absolute; left:0; top:0; bottom:0; right:0; font-size:0; color:transparent; z-index:100;}

/*장바구니*/
.tit_view {padding:4.15rem 0 3.25rem 0; background-color:#fff;}
.tit_view > strong {display:block; text-align:center; font-size:1.5105rem;}
.tit_view .backBtn {position:absolute; left:2rem; top:4.35rem; padding-left:0.9rem; height:1.7rem; background:url("../img/icon/arrow_left.png") no-repeat 0 0; background-size:100%; font-size:0; color:transparent;}
.tit_view .homeBtn {position:absolute; right:2rem; top:4.15rem; padding-left:1.9rem; height:2.05rem; background:url("../img/icon/footer3.png") no-repeat 0 0; background-size:100%; font-size:0; color:transparent;}
.tit_view .cartBtn {position:absolute; right:6rem; top:4.15rem; padding-left:2.55rem; height:2.2rem; background:url("../img/icon/cart3.png") no-repeat 0 0; background-size:100%; font-size:0; color:transparent;}

.shopping_detail {position:relative; padding:0 2rem 9.4rem; background-color:#f0f0f0;}
.check_wrap {padding:2.6rem 0 2.2rem 0rem;}
.check_wrap::after {content:""; display:block; clear:both;}
.check_wrap .check_type1 {float:left;}

.label_login{padding:5.9rem 0 5.5rem 0; text-align:center; background-color:#fff;}
.txt_con p {width:19.5rem; margin:0 auto;}
.txt_con > p {font-size:1.4585rem; color:#202020;}
.txt_con p + p {margin-top:2.05rem; font-size:1.302rem; color:#6f6f6f;}
.loginBtn {margin-top:4.4rem; padding:1.7rem 0 1.65rem; width:22.5rem; border-radius:0.3rem; background-color:#202020; display:inline-block; color:#fff;}
.loginBtn.login{margin-top:1.7rem; border:1px solid #000; background-color:#fff; color:#202020;}

.mail_wrap {margin:11.6rem -2rem 0; padding:1.6rem 2rem; background-color:#e8e8e8;}
.mail_wrap::after {content:""; display:block; clear:both;}
.mail_txt {float:left; position:relative; padding-left:4.2rem;}
.mail_txt em {font-size:1.199rem; color:#6f6f6f;}
.mail_txt strong {display:inline-block; margin-top:-1.1rem; font-size:1.7205rem; color:#6f6f6f;}
.mail_txt::before {content:""; position:absolute; left:0; top:50%; width:3.05rem; height:2.95rem; background:url("../img/icon/email-1.png") no-repeat 0 0; transform:translate(0, -50%); background-size:100%;}
.mailBtn {float:right; margin-top:0.3rem; padding:1rem 0 0.9rem 0; width:8.7rem; text-align:center; font-size:1.199rem; border-radius:0.3rem; display:block; background-color:#aeaeae; color:#fff; }

.company {margin-top:2.7rem;}
.company.type1 {padding-bottom:9.1rem;}
.company p {position:relative; font-size:1.199rem; color:#6f6f6f;}
.company p .line {position:relative; margin:0 0.5rem; width:0.1rem; height:1.1rem; display:inline-block; vertical-align:middle; background-color:#b5b5b5;}

/*로그인*/
.ly_login {padding-bottom:6.8rem;}
.inp_area2 {padding:3.1rem 2rem 0; border-top:1px solid #f0f0f0;}
.inp_area2 [class*="inp_type"] {border:1px solid #d3d3d3;}
.inp_type2 + .inp_type2 {margin-top:0.95rem;}

.util {margin-top:1.35rem;}
.util .check_type1 span {font-size:1.302rem;}
.util .check_type1 + .check_type1 {margin-left:1.95rem;}

.btn_wrap1 {margin-top:5.05rem;}
.btn_wrap1 a {padding:1.6rem 0; display:block; border:1px solid #202020; border-radius:0.3rem; text-align:center; font-size:1.406rem; background-color:#202020; box-sizing:border-box; color:#fff;}
.btn_wrap1 a + a {margin-top:0.8rem; border:1px solid #202020; background-color:#fff; color:#202020;}
.btn_txt {margin-top:2.1rem; padding-bottom:3.5rem; display:block; text-align:center;}
.btn_txt a {padding-right:0.6rem; font-size:1.198rem; color:#6f6f6f;}
.btn_txt a + a{position:relative; padding-left:1.2rem;}
.btn_txt a + a::before {content:""; position:absolute; left:0; top:-1px; right:0; bottom:0; width:0.1rem; height:1rem; display:inline-block; vertical-align:middle; background-color:#b5b5b5;}

.area_sns {padding-top:2.95rem; border-top:1px solid #f0f0f0; text-align:center;}
.area_sns li {position:relative; width:4.1rem; padding-top:4.1rem; display:inline-block;}
.area_sns li + li {margin-left:1.15rem;}
.area_sns li a {position:absolute; left:0; top:0; right:0; bottom:0; display:block; font-size:0; color:transparent;}
.area_sns li a::before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-size:100%;}
.area_sns .sns_list {margin-top:2.65rem;}
.area_sns .ico1 a::before {background:url("../img/icon/sns_type1.png") no-repeat 0 0; background-size:100%;}
.area_sns .ico2 a::before {background:url("../img/icon/sns_type2.png") no-repeat 0 0; background-size:100%;}
.mail_wrap.type1 {margin:8.1rem -2rem 0;}

/*회원가입*/
.inp_area2 li {margin-top:2.6rem;}
.inp_area2 li:first-child{margin-top:0;}
.inp_area2 li > label {margin-bottom:1rem; display:block; font-size:1.406rem; color:#202020;}
.inp_area2 li > label > i {margin-left:0.7rem; font-size:1.146rem; color:#6f6f6f;}
.inp_area2 li > label > em {margin-left:0.7rem; font-size:1.146rem; color:#ea3838;}

.clause_wrap.util {margin-top:3.45rem;}
.clause_wrap.util [class*="check_type"] {padding-left:3rem;}
.clause_wrap::after {content:""; display:block; clear:both;}
.clause_wrap li:first-child {padding:0 0 1.1rem 0; border-bottom:1px solid #f0f0f0;}
.clause_wrap li {position:relative; padding:1.1rem 0; border-bottom:1px solid #f0f0f0;}
.clause_wrap li p{margin-top:0.8rem; padding-left:2.95rem; font-size:1.198rem; color:#6f6f6f;}
.clause_wrap li .check_type1 em {margin-left:0.7rem; font-size:1.146rem; color:#ea3838;}
.clause_wrap li .check_type1 i {margin-left:0.7rem; font-size:1.146rem; color:#6f6f6f;}
.clause_wrap li a {position:absolute; right:0; font-size:1.146rem; display:inline-block; color:#6f6f6f;}
.clause_wrap li a::after {content:""; position:absolute; height:0.1rem; bottom:0; left:0; right:0; background-color:#6f6f6f;}
.subm {margin-top:4.05rem; padding:1.6rem 0; display:block; border:1px solid #202020; border-radius:0.3rem; text-align:center; font-size:1.406rem; background-color:#202020; box-sizing:border-box; color:#fff;}

[class*="select_type"] .selected.wid {width:10.05rem;}

/*비밀번호 재설정*/
.inp_area2.type1 {padding:3.45rem 2rem 0; border-top:1px solid #f0f0f0;}
.inp_area2 > label {margin-bottom:1.2rem; display:block;}
.inp_area2.type1 em {position:relative; padding-left:1.45rem; margin-top:1.1rem; display:block; font-size:1.146rem; color:#ea3838;}
.inp_area2.type1 em.success {padding-left:0.5rem; color:#6f6f6f;}
.inp_area2.type1 em.success::before{display:none;}
.inp_area2.type1 em::before {content:""; position:absolute; left:0; top:50%; width:1.05rem; height:1.05rem; margin-top:-0.6rem; background:url("../img/icon/icon_mark.png") no-repeat 0 0; background-size:100%;}
.mail_wrap.type2 {margin:22.45rem -2rem 0;}
.subm.passMail {border:1px solid #5db399;background-color:#5db399;}

/*약관*/
.ly_tit{padding:4.35rem 2rem 3.6rem;}
.ly_tit h1 {position:relative; font-size:1.5rem; color:#202020;}
.lyClose {position:absolute; right:2rem; top:4.35rem; width:1.7rem; height:1.65rem; background:url("../img/icon/icon_close.png") no-repeat 0 0; background-size:100%; font-size:0; color:transparent;}
.ly_con {position:relative; top:0; right:0; left:0; bottom:0; overflow-y:scroll; overflow-x:hidden; flex:1; padding:0 0 2.5rem 0; -webkit-overflow-scrolling:touch;}
.terms_type {padding:3.25rem 2rem 0; border-top:1px solid #f0f0f0;}
.tit_s1 {margin-top:3.1rem;}
.terms_type p {margin-top:0.5rem; font-size:1.198rem; color:#6f6f6f;}

.terms_type > ol {margin-top:2.9rem;}
.terms_type > ol > li:first-child {margin-top:0;}
.terms_type > ol > li {margin-top:3rem; font-size:1.198rem; color:#6f6f6f;}
.terms_type > ol > li em {display:block;}
.terms_type > ol.m_0 > li {margin-top:0;}

/*장바구니 풀*/
.cart_list {background-color:#fff;}
.cart_list + .cart_list {margin-top:1.5rem;}
.cart_list .tit_type1 {position:relative; margin-left:0.9rem; padding:0.55rem 0 0.85rem 3.2rem;}
.cart_list .product_tit {vertical-align:bottom; line-height:1.3; font-size:1.302rem; font-weight:normal; color:#202020;}
.cart_list .product_tit::before {content:""; position:absolute; left:0; top:0.55rem; width:2.15rem; height:2.15rem; background-image:none; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
/***이미지 추가시 클래스 추가***/
.cart_list .product_tit.nation1::before {background-image:url("../img/cart_nation1.png");}
.cart_list .product_tit.nation2::before {background-image:url("../img/cart_nation2.png");}

.cont_type1 {padding-top:3.8rem; border-top:1px solid #f0f0f0;}
.cont_type1 .duct_wrap {position:relative; padding:0 1.05rem 3rem;}
.cont_type1 .duct_wrap .check_type1 {height:2.1rem; padding-left:3rem; vertical-align:top;}
.small_item.cartType li {border:none; border-radius:0; box-sizing:initial; max-height:initial; margin-top:0; border-top:1px solid #f0f0f0;}
.small_item.cartType li:first-child {border-top:none;}
.small_item.cartType li + li {padding-top:3.45rem;}
.small_item.cartType li::before {display:none;}
.small_item.cartType .small_area1 {position:relative; width:8.2rem; height:8.2rem; margin-left:-0.4rem; display:inline-block; border:1px solid #f0f0f0; border-radius:initial; background-color:transparent;}
.countPriceWrap.cartPnum {margin-top:0; position:absolute; right:1.05rem; bottom:4rem; z-index:100;}
.countPriceWrap.cartPnum .orderCount {float:initial;}

.cart_Pclose {position:absolute; top:-0.8rem; right:1.05rem; width:2.3rem; height:2.3rem; display:inline-block; border:1px solid #e1e1e1; box-sizing:border-box; background-color:#f0f0f0; font-size:0; color:transparent}
.cart_Pclose::before,
.cart_Pclose::after {content:""; position:absolute; left:1rem; right:0; top:0.3rem; bottom:0; width:0.2rem; height:1.5rem; background-color:#000;}
.cart_Pclose::before {transform:rotate(-45deg);}
.cart_Pclose::after {transform:rotate(45deg);}

.cart_allPrice {margin-top:2.15rem}
.cart_allPrice p {float:left;}
.cart_allPrice p + p {float:right; font-weight:bold; font-size:initial; line-height:initial;}
.cart_allPrice p + p span { font-size:1.7715rem; color:#202020;}
.cart_allPrice .product_price,
.cart_allPrice .delivery_price,
.cart_allPrice .all_charge {width:100%; overflow:hidden;}

.product_price > p,
.delivery_price > p {font-size:1.3025rem;}

.product_price,
.delivery_price {padding-bottom:0.5rem;}

.all_charge {padding-top:2rem; border-top:1px solid #e1e1e1;}
.all_charge > p {font-size:1.563rem;}

.choiceRemove {float:right; font-size:1.302rem; color:#6f6f6f;}

/*주문*/
.order_wrap {position:relative; padding:2.8rem 2rem 9.4rem; background-color:#f0f0f0;}
.info_box {background-color:#fff;}
.info_box + .info_box {margin-top:1.5rem;}
.info_box .tit_type1 {padding:1.2rem 0 1.2rem 1.45rem;}
.info_box .tit_type1 strong {font-size:1.406rem; color:#202020;}

.info_box .tit_type2 {padding:0.65rem 1.5rem;}
.info_box .tit_type2::after {content:""; display:block; clear:both;}
.info_box .tit_type2 strong {float:left; font-size:1.406rem; color:#202020;}
.info_box .tit_type2 .check_type1 {float:right;}
.order_wrap .check_type1 span {font-size:1.146rem; color:#6f6f6f;}

.inner_box1 {padding:1.25rem 1.15rem 2.55rem 1.65rem; border-top:1px solid #f0f0f0;}

.inner_box1 span,
.inner_box1 em,
.inner_box1 address {font-size:1.25rem; color:#6f6f6f;}

.inner_box1 em {margin-top:0.55rem; display:block;}
.inner_box1 address,
.inner_box1 p {margin-top:1.35rem;}

.user_name::after {content:""; display:block; clear:both;}
.user_name span {float:left; padding:0.52rem 0;}
.chageBtn {float:right; padding:0.65rem; width:8rem; border:1px solid #e1e1e1; background-color:#f0f0f0; text-align:center; font-size:1.146rem; color:#6f6f6f;}

/*recipient_info*/
.inner_box {padding:2rem 1.15rem 2.35rem 1.65rem; border-top:1px solid #f0f0f0;}
.inp_area2.type2 {padding:0; border-top:none;}
.inp_area2.type2 li {margin-top:2rem;}
.inp_area2.type2 li:first-child {margin-top:0;}
.inp_area2.type2 li > label {margin-bottom:0.95rem; font-size:1.25rem;}
.inp_area2.type2 input:only-child {padding:1.15rem 1.05rem; font-size:1.302rem;}

.inp_area2.type2 .put_box::after {content:""; display:block; clear: both;}
.inp_area2.type2 .put_box > .inp_type2 {width:calc(100% - 10rem);}
.inp_area2.type2 .put_box + .inp_type2 {margin-top:0.8rem;}

.chageBtn.tpye1 {padding:1.28rem 0.65rem;}

.inp_area2.type2 .check_type1 {margin-top:1.25rem; margin-bottom:0;}

.info_box + .check_type1 {margin-top:2.5rem; padding-left:2.85rem;}
.info_box + .check_type1 > span {display:block;}
.order_wrap .info_box + .check_type1 > span::before {top:0; margin-top:0;}
.order_wrap .info_box + .check_type1 > span::after {top:0; margin-top:0.7rem;}

.subm.type1 {margin-top:5.4rem; margin-bottom:5.4rem;}

/*my 정버구니 담기 버튼*/
.cont_type1.my .duct_wrap {padding:0 1.05rem 2.2rem;}
.cartPut {margin-top:2.15rem; padding:1.35rem 0; display:block; border:1px solid #d3d3d3; border-radius:0.3rem; background-color:#f0f0f0; text-align:center; font-size:1.25rem; color:#6f6f6f;}

/*my 내 정보 관리*/
.subm.type2 {margin-top:2.8rem; margin-bottom:5.4rem;}
.inner_box1.type1 {padding:1.25rem 1.15rem 2.05rem 1.65rem;}

/*회원 정보 수정*/
.info_txt {margin-top:1.05rem;}
.info_txt span {font-size:1.146rem; color:#6f6f6f;}
.subm.type3 {margin-top:3.75rem; margin-bottom:5.4rem;}

/*비밀번호 변경*/
.inner_box.newType {padding:2rem 1.15rem 3.75rem 1.65rem; border-top:1px solid #f0f0f0;}
.subm.type4 {margin-top:5.1rem; margin-bottom:5.4rem;}

/*결제 예정금액*/
.cart_allPrice.type1 {margin-top:0rem}
.inner_box1.type2 {padding:1.85rem 1.35rem 2.25rem 1.7rem;}
.cart_allPrice.type1 p {margin-top:0; color:#6f6f6f;}
.cart_allPrice.type1 .product_price > p,
.cart_allPrice.type1 .delivery_price > p {font-size:1.198rem;}

.cart_allPrice.type1 .product_price > p + p,
.cart_allPrice.type1 .delivery_price > p + p {font-size:initial;}

.cart_allPrice.type1 .all_charge > p {font-size:1.406rem;}
.cart_allPrice.type1 .all_charge > p + p {font-size:initial;}

.cart_allPrice.type1 p + p span {font-size:1.6145rem;}
.cart_allPrice.type1 p + p {color:#202020;}


.tit_type3 {padding:1rem 1.5rem;}
.inner_box.type1 {padding:2rem 1.15rem 4.6rem 1.65rem;}
.selection_pay{margin-right:-4%; margin-top:-0.9rem;}
.selection_pay::after {content:""; display:block; clear:both;}
.selection_pay li {float:left; width:30%; margin-right:3%; margin-top:0.9rem;}
.selection_pay li a {padding:1.45rem 0; display:block; border:1px solid #d3d3d3; border-radius:0.3rem; background-color:#f0f0f0; text-align:center; font-size:1.198rem; color:#202020;}
.selection_pay li.on a {border:1px solid #5db399; border-radius:0.3rem; box-sizing:border-box; background-color:#5db399; text-align:center; font-size:1.198rem; color:#ffffff;}

.optionWrap.type1 {margin-top:2.15rem;}
.optionWrap.type1 + .optionWrap {margin-top:0.85rem;}
.subm.type5 {margin-top:3.2rem; margin-bottom:5.4rem;}

/*간편 결제*/
.inner_box.type2 {padding:2rem 1.15rem 3.25rem 1.65rem;}
.easy_pay {margin-top:2.1rem}
.easy_pay ul {margin-right:-3rem;}
.easy_pay ul li {display:inline-block; margin-right:1.2rem;}

.easy_pay .check_type1 span em {display:inline-block; vertical-align:middle;}
.easy_pay .check_type1 span em.pay1 {width:4.95rem;}
.easy_pay .check_type1 span em.pay2 {width:5.15rem;}
.easy_pay .check_type1 span em.pay3 {width:7rem;}
.easy_pay [class*="check_type"] {padding-left:2.8rem;}
/* .easy_pay [class*="check_type"] [type="radio"] + span:after {left:0.47rem; margin-top:-0.7rem;} */
.easy_pay [class*="check_type"] input:checked + span::before {border:1px solid #202020; background-color:#fff;}
.easy_pay [class*="check_type"] input:checked + span:after {left:0.5rem; width:0; height:0; margin-top:-0.6rem; border:solid #202020; border-width:0.6rem; background-color:#202020; transition:all 0.3s ease;}


/*주문 상세 보기*/
.order_wrap.type1 {padding:8.7rem 2rem 9.4rem;}
.order_wrap.type1 strong {font-weight:normal;}
.label {position:absolute; left:0; top:0; right:0; padding:1.95rem 2rem; background-color:#202020;}
.label::after {content:""; display:block; clear:both;}

.label span {display:inline-block; color:#fff;}
.label .order_num {float:left; padding-left:0.9rem;}
.label span + span {float:right}

.inner_box1.presentType1 {padding:2.15rem 2rem 1.65rem 2rem;}
.inner_box1.presentType1 > ul {position:relative; display: flex; justify-content:space-between;}
.inner_box1.presentType1 > ul::before {content:""; position:absolute; left:0; top:2.2rem; right:0; padding-top:0.20rem; background:url("../img/border_line.jpg") repeat-x 0 0; background-size:100%;}

.stateofOrder {position:relative; padding-top:4.46rem; width:4.45rem; background-image:none; background-repeat:no-repeat; background-size:100%; background-position:0 101%; overflow:hidden;}
.stateofOrder.status1 {background-image:url("../img/order_status1.png");}
.stateofOrder.status2 {background-image:url("../img/order_status2.png");}
.stateofOrder.status3 {background-image:url("../img/order_status3.png");}
.stateofOrder.status4 {background-image:url("../img/order_status4.png");}
.stateofOrder.status5 {background-image:url("../img/order_status5.png");}

.stateofOrder.status1.on {background-position:0 0;}
.stateofOrder.status2.on {background-position:0 0;}
.stateofOrder.status3.on {background-position:0 0;}
.stateofOrder.status4.on {background-position:0 0;}
.stateofOrder.status5.on {background-position:0 0;}

.inner_box1.presentType1 li em {margin-top:1.05rem; font-size:1.198rem; text-align:center; color:#6f6f6f;}

.order_number {margin-top:2.4rem; font-size:1.406rem; color:#202020;}
.order_f {margin-top:1.8rem;}
.cont_type1.type1 {padding-top:0; padding-bottom:1.6rem; border-top:1px solid #f0f0f0;}
.cont_type1.type1::after {content:""; display:block; clear:both;}
.cont_type1.type1 .duct_wrap {padding:1.5rem 0 1.85rem 1.5rem;}
.cont_type1.type1 .small_item .small_area2 {width:calc(100% - 10rem);}
.cont_type1.type1 .small_item .small_area2 cite {color:#202020;}
.cont_type1.type1 .small_item.cartType li {border-top:0; border-bottom:1px solid #f0f0f0;}
.cont_type1.type1 .small_item.cartType li + li {padding-top:0;}

.btn_style {padding:0 1.5rem;}

.subm.type6 {margin-top:2.15rem; border:1px solid #d3d3d3; font-size:1.25rem; background-color:#f0f0f0; color:#6f6f6f;}
.subm.type6 + .subm {margin-top:1.1rem; background-color:#f0f0f0; font-size:1.25rem; }

.subm.type6,
.subm.type6 + .subm {padding:1.4rem 0;}

.subm.color1 {border:1px solid #5db399; color:#71bba5;}

.my_orderPrice {float:right; margin-top:3.15rem; padding-right:1.5rem; letter-spacing:-0.05em; font-size:1.51rem; color:#202020;}
.my_orderPrice em {font-weight:bold; font-size:1.51rem;}
.my_orderPrice span {font-size:1.1445rem;}
.my_orderPrice::after {content:""; display:block; clear:both;}

.info_box.type1 {margin-top:1.7rem;}


/*my SGP*/
.menu_list.menu_type3 {padding:0 2rem 9.4rem 2rem; border-top:1px solid #f0f0f0;}
.login_info {margin-top:2.35rem;}
.login_info::after {content:""; display:block; clear:both;}
.login_name {float:left; padding-top:0.9rem; font-weight:bold;}

.login_name {font-size:1.823rem; color:#202020;}
.logOut {float:right; padding:0.9rem 2rem; display:block; border-radius:0.3rem; text-align:center; font-size:1.302rem; background-color:#5db399; color:#fff;}

.mysgp_list {padding:3.85rem 0 0 0;}
.mysgp_list li:first-child {padding:0 0 2.25rem 0; border-top:none;}
.mysgp_list li {padding:2.25rem 0 2.25rem 0; border-top:1px solid #f0f0f0;}
.mysgp_list li a {position:relative; padding-left:2.45rem; display:block; font-size:1.406rem; color:#202020;}
.mysgp_list li a::before {content:""; position:absolute; left:0; top:50%; background-image:none; background-size:100%; background-repeat:no-repeat; background-position:0 0; transform:translate(0, -50%);}
.mysgp_list li a::after {content:""; position:absolute; right:0; top:50%; width:0.55rem; height:1.05rem; background:url("../img/icon/my_arrow.png") no-repeat 0 0; background-size:100%; transform:translate(0, -50%);}
.mysgp_list li.image_type1 a::before {width:1.4rem; height:1.25rem;  background-image:url("../img/icon/icon_type1.png");}
.mysgp_list li.image_type2 a::before {width:1.55rem; height:1.5rem;  background-image:url("../img/icon/icon_type2.png");}
.mysgp_list li.image_type3 a::before {width:1.2rem; height:1.1rem;  background-image:url("../img/icon/icon_type3.png");}
.mysgp_list li.image_type4 a::before {width:1.05rem; height:1.45rem;  background-image:url("../img/icon/icon_type4.png");}

.order_details {margin-top:4rem;}
.order_details > strong {padding-bottom:1.45rem; display:block; font-size:1.5625rem; color:#202020;}
.details_list {}
.details_type1 + .details_type1 {margin-top:2.8rem;}

.line1 {border-top:1px solid #000000; /*border-bottom:1px solid #f0f0f0;*/ background-color:#f0f0f0;}
.line1 p {padding:1.15rem 0 1.15rem 1.4rem; font-size:1.302rem; color:#202020;}
.line1 p em {display:inline-block; vertical-align:middle;}
.line1 p i {font-size:0.855rem; color:#7a7a7a;}
.container {padding:0 0.7rem; border-width:0 1px 1px 1px; border-style:solid; border-color:#f0f0f0;}
.bundle {display:flex; justify-content:space-between;  padding:0.75rem 0;}
.title {position:relative; padding-left:3.2rem;}
.title::before {content:""; position:absolute; left:0; width:2.15rem; height:2.15rem; background-image:none; background-size:100%; background-repeat:no-repeat; background-position:0 0;}

/*국가 추가시 이미지 추가*/
.title.type1::before {background-image:url("../img/cart_nation1.png");}
.title.type2::before {background-image:url("../img/cart_nation2.png");}

.title strong {padding-top:0.2rem; display:inline-block; font-size:1.302rem; color:#202020;}
.details_price > strong {font-size:1.509rem;}
.details_price > span {font-size:1.145rem; font-weight:bold;}
.detials_status em {font-size:1.302rem; color:#979797;}
.detials_status.completion em {color:#5db399;}