@charset "utf-8";
/* CSS Document */

h2 {font-size:2.25rem; line-height:1.2; margin-bottom:1.25rem;}
h3 {font-size:1.75rem; line-height:1.2;}
h4 {font-size:1.375rem; line-height:1.2; margin-bottom:1rem;}
h5 {font-size:1.25rem;}

section {margin-top:5rem;}
section:first-child {margin-top:0;}
.bg_gray {background:#f2f2f2; padding:4.5rem 0;}

.cmtxt {color:#888; font-size:0.875rem; font-weight:500;}
.info_txt {position:relative; padding-left:23px; margin:0 0 10px 0; font-size:14px; color:#999; text-align:left;}
.info_txt::before {content:''; background:url(../images/content/info_txt_icon.png) 0 0 no-repeat; background-size:contain; width:18px; height:18px; position:absolute; top:1px; left:0;}
.dot_list > li {position:relative; padding-left:9px; text-align:left; margin:1% 0;}
.dot_list > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:2px; background:#a4a5a3;}
.dot_list > li strong {color:#222;}
.etc_group {border-top:3px solid #5a5b5b; border-bottom:1px solid #ddd; padding:0 1%; margin:1% 0;}

.container {padding:4.375rem 0 100px; min-height:500px;}

.page_head {margin-bottom:3.125rem; text-align:center;}
.page_head h2 + p {color:#666; font-size:1.125rem; margin-top:-0.625rem;}

/* sub_visual */
#sub_visual {position:relative; padding:0 4%; text-align:center; overflow:hidden; -webkit-transition-duration:2s; -moz-transition-duration:2s; transition-duration:2s;}
#sub_visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover;}
#sub_visual .bg::after {content:''; background:#0e2641; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.3;}
#sub_visual .tit_group {position:relative; padding:17% 0;}
#sub_visual h2 {font-size:3.75rem; color:#fff; text-transform:uppercase;}
#sub_visual.sub_vis01 .bg {background-image:url(../images/content/sub_vis_cmnty01.jpg);}
#sub_visual.sub_vis02 .bg {background-image:url(../images/content/sub_vis_cmnty02.jpg);}
#sub_visual.sub_vis_company .bg {background-image:url(../images/content/sub_vis_company.jpg);}
#sub_visual .path_wrap {color:rgba(255,255,255,0.7); margin: 0;}

.path_wrap {color:#888; font-size: 14px; margin: -30px 0 30px;}

/* 탭메뉴 */
.tabmenu > ul {display:flex; margin-bottom:40px;}
.tabmenu li {flex:1;}
.tabmenu a, .tabmenu button {display:block; color:#888; font-weight:500; width:100%; padding:12px 0; position:relative; text-align:center;}
.tabmenu a::after {content:''; background:#ddd; width:100%; height:1px; position:absolute; bottom:0; left:0;}
.tabmenu .on, .tabmenu .active {color:#f94a3f;}
.tabmenu .on::after {background:#f94a3f; height:3px;}

/* content_wrap */
.rcontent .content {margin-top:3.125rem;}

/* 회사소개 */
.intro .main_txt {font-size:2rem; font-weight:500; line-height:1.3; margin-bottom:3.75rem; text-align:center;}
.intro .main_txt .ptxt {display:block;}
.intro .main_txt strong {color:#273c97; font-size:2.25rem; font-weight:800;}
.intro .int {position:relative; padding:2.5rem;}
.intro .int .imgs {background:#273c97; padding:2.5rem 1.875rem; width:25%; max-width:270px; position:absolute; top:0; left:0; text-align:center;}
.intro .int .imgs img {width:80%; max-width:177px;}
.intro .int .text {background:#f0f4f7; padding:3.75rem 2.5rem 3.75rem 27%;}
.intro .int .text li {font-size:1.125rem; line-height:1.6;}
.intro .int .text li + li {margin-top:1.875rem;}
.intro .int .text .sign {margin-top:2.5rem; text-align:right;}
.intro .int .text .sign i {display:inline-block; font-weight:600;}
.intro .int .text .sign img {max-width:210px; margin-right:5px; vertical-align:bottom;}
.intro .int .text .sign em {display:block; font-size:2rem; font-weight:700; font-style:normal;}

/* 회사위치 */
.map_addr {margin-bottom:2rem;}
.map_addr .addr {display:flex; justify-content:center; font-size:1.625rem; font-weight:500; line-height:1.2;}
.map_addr .addr::before {content:''; background:url(../images/content/icon_marker.png) 0 0 no-repeat; background-size:contain; width:2rem; height:3.875rem; flex:0 0 2rem; margin:0 0.938rem 0 0;}
.map_wrap {overflow:hidden; /* margin-bottom:-105px; */}
.map_wrap > iframe {width:100vw; height:580px; margin-left:calc(50% - 50vw);}
.traffic {margin-top:5rem;}
.traffic h4 {margin-bottom:1.375rem;}
.transport > li .desc span {display:block;}
.transport > li .desc .subway_num {margin-bottom:0.5rem;}
.ico_traffic { display: inline-flex; justify-content:center; align-items:center; background: #aaa; border-radius: 100%; color: #fff; font-weight: 700; width: 1.875rem; height: 1.875rem; margin-right: 0.625rem; text-align: center; }
.line2 { background: #3cb44a; }
.bustype { display: inline-block; background: #aaa; color: #fff; font-size: 14px; width: 40px; height: 20px; min-width: 40px; margin: 5px 10px 0 0; text-align: center; }
.bustype.type1 { background-color: #6175F5; }
.bustype.type2 { background-color: #47AF1B; }

/* itemlist */
.itemlist {border-top:1px solid #888; border-bottom:1px solid #888;}
.itemlist > li + li {border-top:1px solid #d2d2d2;}
.itemlist > li .innerbox {display:flex; align-items:center; padding:2rem 0;}
.itemlist > li .icons {width:23%; margin-right:1.25rem;}
.itemlist > li .icons i {display:flex; align-items: center; justify-content: center; background:#f2f2f2; border-radius:100%; width:100%; max-width:150px; margin:0 auto; position:relative;}
.itemlist > li .icons i::before {content:''; display:block; padding-bottom:100%;}
.itemlist > li .icons i::after {content:''; display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:43%; height:43%;}
.itemlist > li .cont {color:#3f3f3f; flex:1; font-size:1.375rem;}
.itemlist > li .cont em {display:block; font-size:1.5rem; font-weight:700; font-style:normal; margin-bottom:1.25rem;}
.itemlist > li .cont .info_txt {font-size:1.125rem; margin-top:1.25rem;}

/* shop */
.item_category {border:1px solid #dfdfdf; border-radius:10px; padding:1rem 15px; margin-bottom:30px; word-break:break-all;}
.item_category > ul {overflow:hidden; font-size:0; letter-spacing:-5px;}
.item_category > ul > li {width:19%; margin:0.5rem 0.5%; display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; *display:inline; zoom:1;}
.item_category > ul > li a {font-size:14px; line-height:1.3;}
.item_category > ul > li em {font-style:normal; color:#999;}
.pick_list_num {color:#333;}
.pick_list_num strong {color:#ff8500;}
.pick_list_num + .list_head {margin-top:10px;}
.list_head {overflow:hidden; padding:8px 10px; margin-bottom:40px; border-top:2px solid #454545; border-bottom:1px solid #dbdbdb;}
.list_head * {font-size:14px;}
.list_head .goods_sort {display:none;}
.list_head .type_chk {float:left; padding-top:7px;}
.list_head .type_chk > span label {background:none; border:0; color:#777; padding:0 0.625rem; min-width:10px; height:auto; line-height:1.3; position:relative; text-align:left;}
.list_head .type_chk > span input[type=radio]:checked + label {background:none; color:#333; font-weight:700; padding-left:18px;}
.list_head .type_chk > span input[type=radio]:checked + label::before {content:''; background:url(../images/content/cate_chk_on.png) 0 0 no-repeat; background-size:contain; width:14px; height:10px; position:absolute; top:3px; left:0;}
.list_head .list_type {float:right;}
.list_head .list_type select {height:30px;}

/* shop_view 상단 */
.item_photo_info {overflow:hidden;}
.item_photo_info .item_photo {float:left; width:49%; max-width:600px;}
.item_photo_info .item_photo .slider_nav_wrap {margin-top:20px;}
.item_photo_info .item_photo .slider_nav_wrap .slider_nav {margin:0 -5px;}
.item_photo_info .item_photo .slider_nav_wrap .slick-slide {margin:0px 5px;}
.item_photo_info .item_photo .slider_nav_wrap .slick-track {margin:0;}
.item_photo_info .item_info {float:right; width:49%;}
.item_photo_info .item_info .price_box {margin-top:20px;}
.item_photo_info .item_info .price_box .per {color:#f94a3f; font-size:1.875rem; font-weight:700;}
.item_photo_info .item_info .price_box del {color:#aaa;}
.item_photo_info .item_info .price_box .item_price {color:#222; font-size:1.875rem; font-weight:600;}
.item_info_detail {border-top:1px solid #d5d5d5; padding-top:15px; margin:30px 0; font-size:0.938rem;}
.item_info_detail dl {position:relative; display:flex; width:100%;}
.item_info_detail dl dt, .item_info_detail dl dd {padding:12px 5px;}
.item_info_detail dl dt {flex:0 0 90px;}
.item_info_detail dl dd {color:#333; flex:1;}
.item_option {align-items:center;}
.item_option select {width:100%; height:45px;}
.item_list {background:#f7f7f7; border-radius:0.625rem; font-size:0.938rem;}
.item_list > .item {padding:1.25rem;}
.item_list > .item + .item {border-top:1px solid #dbdbdb;}
.item_list > .item .opt_name {display:flex; justify-content:space-between;}
.item_list > .item .opt_info {display:flex; justify-content:space-between; margin-top:0.625rem;}
.item_list > .item .opt_info .opt_price strong {font-size:1.125rem;}
.total_amount {position:relative; text-align:right; padding-left:85px; margin-top:30px; border-bottom:1px solid #dbdbdb; padding-bottom:10px;}
.total_amount dt {position:absolute; bottom:10px; left:5px; color:#333; font-weight:700;}
.total_amount dd {font-size:24px; color:#f94a3f;}
.shop_btn {display:flex; margin:30px auto 0;}
.shop_btn button {width:auto; flex:1; margin-left:2%; border-radius:10px; height:50px; line-height:50px; font-size:1rem;}
.shop_btn button:first-child {margin-left:0;}
/* 증가감소 */
.count_wrap {display:flex;}
.count_wrap .bt_count {display:flex; justify-content:center; align-items:center; width:1.875rem; height:1.875rem; background:#fff; border:1px solid #e5e5e5; padding:0; text-indent:-9999px;}
.count_wrap .bt_count::before {content:''; background-image:url(../images/content/icon_plusminus.png); background-repeat:no-repeat; background-size:24px; position:absolute;}
.count_wrap .countup::before {background-position:0 0; width:10px; height:10px;}
.count_wrap .countdown::before {background-position:100% 0; width:10px; height:10px;}
.count_wrap .countupdown {display:block; border-color:#e5e5e5; border-left:0; border-right:0; border-radius:0; font-size:14px; font-weight:700; width:2.5rem; height:1.875rem; text-align:center;}

/* shop_view 상세정보 */
.goods_content {margin-top:80px;}
.goods_content .menu_box + div {margin-top:50px;}
.goods_content > div + div {margin-top:70px;}
.goods_content h4 {font-weight:600;}
.goods_content .detailcont {position:relative;}
.goods_content .detailcont h5 {border-bottom:1px solid #cacaca; padding-bottom:8px; font-weight:600;}
.goods_content .detailcont .goodscont + h5 {margin-top:50px;}
.goods_content .detailcont .goodscont {margin-top:20px; line-height:1.5; letter-spacing:0;}
.goods_content .detailcont .goodscont img {height:auto !important;}
.goods_content .detailcont .no_data_msg {font-weight:300; padding:30px 10px; margin-left:0; text-align:center;} /* 게시글 없을때 */
.goods_content .func_btn {position:absolute; top:-5px; right:0; width:70%; text-align:right;}
/* shop_view 상세정보 tabs */
.tabs {overflow:hidden; padding-top:1px; padding-left:1px; margin-bottom:40px; margin-right:-4px; display:flex; flex-wrap:wrap; align-items: center;}
.tabs button {width:20%; background:#fff; border:1px solid #777; border-radius:0; padding:0 5px; margin-left:-1px; margin-top:-1px; font-size:1rem; height:60px; position:relative; word-wrap:break-word; cursor:pointer;}
.tabs button.active {background:#909090; color:#fff; z-index:2;}
.menu_box {width:100%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.menu_box.fixed {transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; position:fixed; top:0; left:0; z-index:2;}
.menu_box.fixed .tabs {margin:0 -6px 0 0; padding:0;}

/* prd_detail */
.prd_detail .detailcont {min-height:500px;}

/* 별점평가 */
.star_score {display:inline-block; background-image:url(../images/content/star_score.png); background-repeat:no-repeat; background-size:64px; overflow:hidden; width:auto; vertical-align:top; text-indent:-9999px;}
.rating_star {position:relative; width:64px; height:11px; background-position:0 0;}
.rating_star_per {position:absolute; top:0; left:0; height:100%; background-position:0 -18px;}
/* 별점평가참여 */
.star_grade button {display:inline-block; background:#fff url(../images/content/star_score_big.png) 0 0 no-repeat; background-size:142px; border:0; width:26px; height:25px; padding:0; text-indent:-9999px; cursor:pointer;}
.star_grade button.on {background-position:0 -30px;}

/* 상품문의 */
.slidecont {border-top:1px solid #222; border-bottom:1px solid #e4e4e4;}
.slidecont > li + li {border-top:1px solid #e4e4e4;}
.slidecont .wrap {display:flex; padding:1.25rem 15px;}
.slidecont > li > div {background:#f7f7f7; border-top:1px solid #e4e4e4; padding:1.25rem 15px;}
.qna_nav .wrap {justify-content:space-between;}
.qna_nav .wrap .title {color:#222; font-weight:600;}
.qna_nav .wrap .info {display:flex; align-items:center;}
.qna_nav .wrap .info .date {color:#aaa; font-size:0.875rem; margin-right:10px;}
.qna_nav .wrap .info .reply {display:flex; justify-contnet:center; align-items:center; background:#e5e5e5; border-radius:5px; font-size:0.813rem; padding:2px 6px;}
.qna_nav .wrap .info .reply.type1 {background:#f94a3f; color:#fff;}
.qna_nav > li > div .qcont {padding:15px 15px 15px 35px; position:relative;}
.qna_nav > li > div .qcont::before {content:'Q.'; display:block; color:#f94a3f; font-weight:700; position:absolute; left:10px;}
.qna_nav > li > div .awcont {border-top:1px solid #e4e4e4; padding:15px 15px 15px 45px; position:relative;}
.qna_nav > li > div .awcont::before {content:'A.'; display:block; color:#aaa; font-weight:700; position:absolute; left:20px;}

/* review */
.goods_review > li {border-top:1px solid #222; border-bottom:1px solid #e4e4e4;}
.goods_review > li + li {border-top:1px solid #e4e4e4;}
.goods_review > li .wrap {position:relative; padding:1.875rem 0;}
.goods_review > li .wrap .info_head {display:flex; justify-content:space-between; align-items:center;}
.goods_review > li .wrap .wr_info > span {color:#949393; font-size:0.875rem; position:relative;}
.goods_review > li .wrap .wr_info .date {padding-left:20px;}
.goods_review > li .wrap .wr_info .date::before {content:''; background:#aaa; width:1px; height:12px; position:absolute; top:1px; left:8px;}
.goods_review > li .wrap .goods_name {color:#777; font-size:0.875rem;}
.goods_review > li .wrap .imgs {display:flex; flex-wrap:wrap; margin-top:0.938rem;}
.goods_review > li .wrap .imgs .item {width:160px; margin:3px;}
.goods_review > li .wrap .cont {margin-top:0.938rem;}
.goodscont .paging {margin-top:35px;}
.goodscont .paging .on, .goodscont .paging .on:hover {background-color:#777;}
/* 상품평 검색 */
.sch_item {display:flex; justify-content:space-between; margin-bottom:1.25rem;}
.sch_item .type_chk > span label {border:0; color:#bbb; font-size:14px; height:2.5rem; padding:0;}
.sch_item .type_chk > span input[type=radio]:checked + label {background:none; color:#222;}
.sch_item .search_box input[type="text"] {font-size:14px; height:2.5rem;}
.sch_item .wrap {display:flex;}
.sch_item .wrap > div + div {margin-left:5px;}
/* 상품평 작성 */
.review_head {margin-bottom:30px;}
.review_head .star_grade {margin-top:10px;}
/* select_custom */
.select_custom {width:95px; flex:0 0 95px; position:relative;}
.select_custom > button {display:flex; justify-content:space-between; align-items:center; background:#fff; border:1px solid #d2d2d2; border-radius:8px; font-size:14px; width:100%; height:2.5rem; padding:0 0.938rem; position:relative;}
.select_custom > button::after {content:''; background:url(../images/common/icon_arrow_select.png) 0 0 no-repeat; background-size:contain; width:12px; height:6px; margin:-3px 0 0 0;}
.select_custom > button.active::after {transform:rotate(180deg);}
.ul_select_style {display:none; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:5px 0; position:absolute; width:100%; z-index:1;}
.ul_select_style.active {display:block}
.ul_select_style li input[type=radio] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.ul_select_style li label {display:flex; align-items: center; font-size:14px; height:1.5rem; padding:0 0.938rem; cursor:pointer;}

/* 배송 및 환불 안내 */
.shop_guide {border-top:1px solid #c9c9c9;}
.shop_guide > div {display:flex; flex-wrap:wrap; border-bottom:1px solid #c9c9c9; position:relative;}
.shop_guide .title {display:flex; align-items: center; background:#f5f5f5; width:208px; color:#545454; font-weight:600; padding:15px 25px; text-align:center;}
.shop_guide .cont {width:calc(100% - 208px); padding:25px; font-weight:300;}

/* 고객센터 */
.cs_box {background:#f4f4f4; border:1px solid #a0a0a0; border-radius:10px; padding:2.5rem 1.25rem;}
.cs_info > li {display:flex; padding:0 2em;}
.cs_info > li .icons {width:90px;}
.cs_info > li .icons > span {display:block; background:#fff; border:1px solid #d7d7d7; border-radius:100%; width:100%; position:relative;}
.cs_info > li .icons > span::after {content:''; display:block; padding-bottom:100%;}
.cs_info > li .icons > span i {display:flex; align-items: center; justify-content: center; position:absolute; width:100%; height:100%;}
.cs_info > li .icons > span i::after {content:''; position:absolute; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; width:34px; height:34px;}
.cs_info > li .icons > span.ico_tel i::after {background-image:url(../images/content/icon_cs_tel.png);}
.cs_info > li .icons > span.ico_email i::after {background-image:url(../images/content/icon_cs_email.png);}
.cs_info > li > dl {width:calc(100% - 90px); padding:13px 0 0 15px;}
.cs_info > li > dl > dt {font-size:18px; font-weight:500; margin-bottom:0.375rem;}
.cs_info > li > dl > dd .tel {display:block; font-size:1.625rem; font-weight:700; line-height:1;}
.cs_info > li > dl > dd .info {display:flex; flex-wrap:wrap; color:#888; margin:0.375rem -5px 0;}
.cs_info > li > dl > dd .info > span {margin:2px 5px;}
.faq_cate {display:flex; flex-wrap:wrap; margin-top:3.75rem; padding:1px 0 0 1px;}
.faq_cate > li {border:1px solid #dbdbdb; width:33.33%; margin:-1px 0 0 -1px;}
.faq_cate > li > a {display:block; padding:1.875rem 1.25rem;}
.faq_cate > li > a > em {display:block; font-size:1.25rem; font-weight:700; font-style:normal; margin-bottom:0.625rem;}
.faq_cate > li > a > .go_txt {display:inline-block; background:#454545; border-radius:50px; color:#fff; font-size:0.875rem; padding:2px 10px; margin-top:1.25rem;}

/* FAQ */
.faq_nav .wrap .qcont {display:flex; align-items:center; flex:1; position:relative; padding-right:15px;}
.faq_nav .wrap .qcont::before {content:'Q.'; color:#f94a3f; font-weight:700;}
.faq_nav .wrap .qcont::after {content:''; background:url(../images/content/icon_path_arrow.png) 0 0 no-repeat; background-size:contain; width:10px; height:5px; position:absolute; right:0;}
.faq_nav .on .wrap .qcont::after {transform:rotate(180deg);}
.faq_nav .wrap .qcont .cate {padding:0 10px;}
.faq_nav .wrap .qcont .text {font-weight:600;}
.faq_nav > li > div .cont {display:flex;}
.faq_nav > li > div .cont::before {content:'A.'; color:#888; font-weight:700; margin-right:10px;}
/* FAQ tab */
.cate_tab {display:flex; margin:0 -3px 1.875rem;}
.cate_tab > li {flex:1; padding:3px;}
.cate_tab > li > button {background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1rem; width:100%; padding:0.938rem 0; position:relative;}
.cate_tab > li > button.on {background:#f94a3f; border-color:transparent; color:#fff; z-index:1;}

/* 테이블 스타일 ------------------------------- */
.tb {width:100%; border-top:1px solid #555;}
.tb th, .tb td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:12px 7px; text-align:center; word-wrap:break-word;}
.tb th {background:#f8f8f8; color:#333;}
.tb tbody th {background:#f8f8f8;}
.tb th:first-child, .tb td:first-child {border-left:0;}
.tb th.line, .tb td.line, .tb tbody td.bd {border-left:1px solid #ddd;}
.tb td {color:#666; font-weight:400;}
.tb td.tl {padding-left:2%;}
.tb.tl td {text-align:left;}

/* SHOP관련 */
.order_tb {border-top:2px solid #000; word-break:break-all;}
.order_tb thead th {border-color:transparent; background:none; border-bottom:1px solid #cecece; color:#121212; height:47px;}
.order_tb thead th label {display:none;}
.order_tb tbody td {border-left:0; color:#333;}
.order_tb tbody td.od_btn button {display:block; font-size:13px; width:100%; max-width:100px; height:27px; line-height:27px; margin:0 auto;}
.order_tb tbody td.od_btn button + button {margin-top:3px;}
.order_tb .ordernum {font-size:14px;}
.order_tb .tracking {font-size:14px; margin-top:5px;}
.order_tb .od_status {color:#333; font-weight:600;}
.order_tb .od_chk .chkbox {vertical-align:top;}
.order_tb.cart tbody .no_data_msg {padding:0;}
.order_tb.cart tbody .no_data_msg td {padding:3.125rem 0; text-align:center;}
.prd_info {display:flex; align-items:center; width:100%; text-align:left;}
.prd_info + .prd_info {border-top:1px dashed #ccc; margin-top:10px;}
.prd_info + .prd_info > div {padding-top:10px;}
.prd_info .img_thumb {width:30%; max-width:100px; margin-right:10px;}
.prd_info .info em {display:block; font-weight:500; font-style:normal;}
.prd_info .info .opt {color:#a9a9a9; font-size:0.875rem;}
.prd_info .info .opt strong {font-weight:400;}
.prd_info .info .sub_info {color:#888; font-size:0.875rem; margin-top:10px;}
.sub_btn {margin-top:20px;}
.sub_btn button {height:34px; line-height:34px; min-width:10px; font-size:14px;}
#order_prd .shop_btn, .shop_btn.v2 {margin:45px auto 0;}
.prd_info2 {align-items:stretch !important;}
.prd_info2 .plusInfo { display: flex; flex-direction: column; justify-content: space-around;}
/* 기간검색 */
.date_search {border:6px solid #efefef; padding:1rem; display:flex; justify-content:space-between; margin-bottom:30px;}
.date_search .type_chk {display:flex; padding-top:1px; padding-left:1px;}
.date_search .type_chk > span {margin-left:-1px; margin-top:-1px;}
.date_search .type_chk > span label {height:34px; line-height:1.2; font-size:0.813rem; padding:0 5px; min-width:50px; border-radius:0;}
.date_search .type_chk > span input[type=radio]:checked + label {background:#bbb;}
.date_search .search_box input[type="text"] {border-radius:0; height:34px;}
.date_search .date_group {position:relative; padding-right:60px;}
.date_search .date_group .icon_cal {max-width:150px; float:left; width:45%;}
.date_search .date_group .hypen {float:left; width:10%; text-align:center; padding-top:7px;}
.date_search .date_group input, .date_search .date_group button {height:35px;}
.date_search .date_group > button {line-height:35px; background:#777; color:#fff; width:55px; position:absolute; top:0; right:0;}
.date_search + #order_prd {margin-top:2.5rem;}

/* 총 결제금액 */
.price_sum {background:#f7f7f7; border-radius:10px; padding:4%; margin:6% 0 0;}
.price_sum > ul {overflow:hidden; max-width:1000px; margin:0 auto;}
.price_sum li {float:left; width:33.33%; text-align:center; position:relative;}
.price_sum li.total_sum {width:33.34%;}
.price_sum li::before {content:''; position:absolute; top:10px; right:-10px;}
.price_sum li.total_sum::before, .price_sum li.total_sum::after {display:none;}
.price_sum li::after {content:''; background-repeat:no-repeat; background-size:contain; position:absolute; top:18px; right:-3px;}
.price_sum li.pay::after {background-image:url(../images/content/order_price_plus.png); width:19px; height:19px;}
.price_sum li.ship::after {background-image:url(../images/content/order_price_total.png); width:19px; height:9px; top:20px;}
.price_sum .price {margin-top:10px; text-align:center;}
.price_sum .price strong {font-size:20px;}
.total_sum .price strong {color:#f94a3f;}
/* 금액 */
.price {font-size:0.875rem; font-weight:400;}
.price strong {font-size:1rem; font-weight:700; color:#333;}
.price strong.rtxt {color:#f94a3f; font-size:1.125rem;}
.ship_price strong {color:#f94a3f; font-weight:700;}
/* 결제방법 */
.pay_how {margin-top:1%;}
.pay_how .type_chk {display:flex; padding-left:1px;}
.pay_how .type_chk > span {flex:1; margin-left:-1px;}
.pay_how .type_chk > span label {height:55px; line-height:55px; border:1px solid #888; border-radius:0; color:#888;}
.pay_how .type_chk > span input[type=radio]:checked + label {background:#fff; border-color:#00264b; color:#00264b; font-weight:700; z-index:1;}
.accounts {display:none; max-width:450px; margin:0 auto; margin-top:30px; text-align:center;}
.accounts > ul {margin-top:10px;}
.accounts li {position:relative; padding-left:80px;}
.accounts li + li {margin-top:10px;}
.accounts li > span {display:block; position:absolute; top:9px; left:0;}
.order_agreechk {margin:50px 0; text-align:center; border-top:1px dashed #999; padding-top:30px;}
/* 결제완료메시지 */
.confirm_msg {border:10px solid #f7f7f7; padding:25px 3%; font-size:20px; font-weight:700; color:#333; text-align:center;}
.confirm_msg > p {margin-top:15px;}
.confirm_msg img {max-width:70px;}

/* 주문서 작성 */
.order_wrap {max-width:800px; margin:0 auto;}
.order_agreechk {margin-top:20px;}
.ship_info .option {display:flex; justify-content:space-between; align-items:center;}

/* 배송지명 */
.address_list {display:block;}
.address_list .wrap {border:1px solid #d4d4d4; border-radius:10px; padding:1.25rem; position:relative;}
.address_list .wrap + .wrap {margin-top:15px;}
.address_list .wrap .title {display:block; color:#111; font-size:1.125rem; font-weight:700; margin-bottom:10px;}
.address_list .wrap .info {display:flex; flex-wrap:wrap; color:#111; font-size:15px;}
.address_list .wrap .info .tel {display:flex; align-items:center; margin-left:10px;}
.address_list .wrap .info .tel::before {content:''; background:#ccc; width:1px; height:14px; margin-right:10px;}
.address_list .wrap .info .adress {width:100%; margin-top:5px;}
.address_list .wrap .del_btn {position:absolute; top:1.25rem; right:1.25rem;}
.address_list .btn_set:first-child {margin-top:0; margin-bottom:1.25rem;}
.address_wr {display:none;}

/* input_con */
.input_con {border-top:1px solid #333;}
.input_con dl {border-bottom:1px solid #ddd; font-size:1rem; position:relative; padding:12px 10px; display: flex; align-items: center;}
.input_con dl dt {color:#111; font-weight:600; display: flex; align-items: center; width:130px; padding-right:10px;}
.input_con dl dd {flex:1;}
.input_con dl dd .wr_con textarea {height:300px;}
.input_con dl dt .es {flex:0 0 7px;}
.text_count {padding:5px 10px; font-size:13px; text-align:right;}
.text_count strong {color:#f94a3f;}
.input_con .cmtxt {display:block; margin-top:6px;}

/* board ------------------------------- */
.bbs {width:100%; border-top:1px solid #333; font-weight:500;}
/* list ----- */
.bbs_list > li.th_head {font-weight:700;}
.bbs_list > li.th_head > ul .b_tit {text-align:center;}
.bbs_list > li {border-bottom:1px solid #ddd; padding:1.25rem 5px; position:relative;}
.bbs_list > span > li {border-bottom:1px solid #ddd; padding:1.25rem 5px; position:relative;}
.bbs_list > li a {position:absolute; top:0; left:0; width:100%; height:100%;}
.bbs_list > li > ul {display:flex;}
.bbs_list > span > li > ul {display:flex;}
.bbs_list > li > ul li {width:10%; text-align:center;}
.bbs_list > span > li > ul li {width:10%; text-align:center;}
.bbs_list > li > ul .b_tit {flex:1; text-align:left;}
.bbs_list > span > li > ul .b_tit {flex:1; text-align:left;}
.bbs_list > li > ul .b_tit .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_list > span > li > ul .b_tit .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_list > li:not(.th_head) > ul .b_date, .bbs_list > li:not(.th_head) > ul .b_hit {font-size:1rem;}
.bbs_list > span > li:not(.th_head) > ul .b_date, .bbs_list > li:not(.th_head) > ul .b_hit {font-size:1rem;}
#notice_list li:hover {cursor: pointer}

.no_data_msg {width:100% !important; text-align:center; padding:30px 2%; color:#888; font-size:1rem !important; margin-left:0 !important;} /* 게시글 없을때 */

/* view ----- */
.bbs_view {border-top:0; border-bottom:1px solid #888;}
.bbs_view li {padding:20px 0;}
.bbs_view li + li {border-top:1px solid #ddd;}
.bbs_view .b_tit + li {border-top:0;}
.bbs_view .b_tit {padding:0 0 20px; border-bottom:1px solid #888;}
.bbs_view .b_tit .subject {font-size:1.75rem; font-weight:700; padding:0 0 10px;}
.bbs_view li dl {overflow:hidden; position:relative;}
.bbs_view li dt {color:#333; position:absolute; top:0px; left:10px;}
.bbs_view li dd {padding-left:90px; min-height:22px;}
.bbs_view .view_con {min-height:250px; width:100%; padding:1.25rem 0; word-break:break-all; color:#3f3f3f; font-size:1rem;}
.bbs_view .view_con img {max-width:100%; height:auto !important;}
/* 게시글정보 */
.add_info {display:flex; flex-wrap:wrap; font-size:14px; margin-left:-17px;}
.add_info > span {position:relative; display:inline-block; padding:0 17px; color:#3f3f3f;}
/* 첨부파일 */
.bbs_view .attach > p {margin-top:5px;}
.bbs_view .attach > p:first-child {margin-top:0;}
.bbs_view .attach > p a {display:inline-block; position:relative; padding-left:17px; font-size:14px; color:#777; word-break:break-all;}
.bbs_view .attach > p a i {position:absolute; top:2px; left:0; font-size:1rem;}

/* 이미지 높이값 조정 */
.thumb_wrap {display:block; position:relative; overflow:hidden;}
.thumb_wrap::after {content:''; display:block; padding-bottom:100%;}
.thumb_wrap > img {display:block; width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

/* MAIN 이미지 높이값 조정 */
.bgWhite {background-color: white;}
.thumb_wrap2 {display:block; position:relative; overflow:hidden;}
.thumb_wrap2::after {content:''; display:block; padding-bottom:100%;}
.thumb_wrap2 > img {display:block; width:100%; aspect-ratio:1; object-fit:cover; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}


/* 유튜브를 소스로 하는 iframe이 있다면 youtubeWrap을 클래스 값을 가지는 div로 */
.youtubeWrap {position:relative; max-width:800px; padding-bottom:38.15%;}
.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

/* search ------------------------------- */
.search_box input[type="text"], .search_box select, .search_box button {height:3.125rem;}
.search_box input[type="text"], .search_box select {border-radius:8px; font-size:1rem;}
.search_box .schword {display:flex; align-items:center; position:relative;}
.search_box .schword input {padding-right:3.125rem;}
.search_box .schword button {background:url(../images/common/icon_search_ver2.png) 0 0 no-repeat; background-size:contain; border:0; width:18px; height:17px; padding:0; color:#fff; vertical-align:top; position:absolute; right:1.25rem; text-indent:-9999px;}
.search_box input::-webkit-input-placeholder {color: #888;}/* Webkit */
.search_box input:-moz-input-placeholder {color: #888;}/* moz */
.bbs_wrap .search_box {max-width:320px; margin:0 0 20px auto;}

/* paging ------------------------------- */
.paging {text-align:center; margin:3.125rem 0 0; font-size:0;}
.paging a, .paging button {display:inline-flex; justify-content:center; align-items:center; width:2rem; height:2rem; padding:0; margin:0 0.125rem; background-color:#fff; border:1px solid transparent; border-radius:5px; color:#3f3f3f; font-size:0.875rem; font-weight:500; vertical-align:middle; cursor:pointer;}
.paging a:hover {color:#333;}
.paging .on, .paging .on:hover {background:#fcbe00; border-color:transparent; color:#fff; cursor:inherit;}
.paging .count_num {width:auto; border:0; margin:0 0.625rem;}
.paging .count_num button + button {margin-left:0.25em;}
.paging .page_bt {width:1.563rem; margin:0 0.125rem; text-indent:-9999px; position:relative;}
.paging .page_bt::after {content:''; background:url(../images/content/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:6px; height:13px; position:absolute;}
.paging .first::after, .paging .last::after {background-image:url(../images/content/page_bt_arrow02.png); width:11px;}
.paging .next::after, .paging .last::after {transform: rotate(180deg);}

/* 회원관련 ------------------------------- */
.login_wrap {max-width:520px; margin:0 auto;}
/* 로그인입력폼 */
.login_input {margin-top:0;}
.login_input li {position:relative;}
.login_input li + li {margin-top:-1px;}
.login_input li input {background:#f7f7f7; border-radius:0; font-size:1rem; height:3.75rem; max-height:none; padding:0 20px;}
.login_input li:first-child input {border-radius:10px 10px 0 0;}
.login_input li:last-child input {border-radius:0 0 10px 10px;}
.login_input li > span {display:block; position:relative;}
.login_input li > .add_in {display:flex; align-items:center;}
.login_input li > .add_in button {background:#fff; border:1px solid #00264b; color:#00264b; height:1.875rem; position:absolute; right:10px;}
.login_btn {margin:1.875rem 0;}
.login_btn .btns {display:block; background:#00264b; border:0; border-radius:10px; color:#fff; font-size:1.125rem; font-weight:600; width:100%; height:4rem; line-height:4rem; margin:0 auto;}
.form_chk {margin-top:23px;}
.form_chk > span + span {margin-left:20px;}
.login_wrap .chkbox input[type="checkbox"], .login_wrap .chkbox i {width:23px; height:23px; top:0;}
.login_wrap .chkbox label {min-height:23px; line-height:23px;}
.login_wrap .chkbox i, .login_wrap .chkbox input:focus {border-radius:100%;}
.login_wrap .chkbox i::before {background-image:url(../images/content/chk_icon.png); width:14px; height:11px;}
.login_wrap .chkbox input:checked+i::before {background-image:url(../images/content/chk_icon_on.png);}
.add_menu {display:flex; justify-content:center; text-align:center;}
.add_menu, .add_menu a {color:#888;}
.add_menu a {padding:0 1.25rem; position:relative;}
.add_menu a + a::before {content:''; background:#d2d2d2; width:1px; height:15px; position:absolute; top:2px; left:0;}
.sns_login {margin-top:3.75rem; text-align:center;}
.sns_login > a {display:flex; justify-content:center; align-items:center; border-radius:10px; color:#381e1e; font-size:14px; font-weight:600; height:3.75rem;}
.sns_login > a > span {display:flex;}
.sns_login > a > span::before {content:''; background-repeat:no-repeat; background-size:contain; margin-right:7px;}
.sns_login .icon_ktalk {background:#f9e02c;}
.sns_login .icon_ktalk > span::before {background-image:url(../images/content/ico_sns_kakao.png); width:20px; height:19px;}
/* 회원정보찾기 */
/* user_info_view */
.user_info_view {text-align:center; margin:6% 0 0; background:#fff; border:1px solid #e5e5e5; padding:6% 5px;}
.user_info_view strong {color:#00264b; font-size:18px; font-weight:700;}
/* 인증번호 입력 */
.emailchk_num {display:none; margin-top:1.875rem;}
/* mem_type_chk */
.mem_type_chk {overflow:hidden; display:flex; padding:1px 0 0 1px; margin:0 -2px 3.125rem;}
.mem_type_chk>span {position:relative; margin:-1px 0 0 -1px; flex:1;}
.mem_type_chk>span input[type=radio] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.mem_type_chk>span label {display:block; background:#f8f8f8; border:1px solid rgba(0, 0, 0, 0.2); color:#bbb; font-size:1rem; position:relative; height:3.75rem; line-height:3.75rem; padding:0 5px; box-sizing:border-box; text-align:center; cursor:pointer;}
.mem_type_chk>span input[type=radio]:checked+label {background:#fff; border-color:#00264b; color:#00264b; font-weight:700; z-index:1;}
.mem_type_chk>span input[type=radio]:focus+label {border:1px solid #64768a;}
.mem_type_chk>span:first-child label {border-radius:8px 0 0 8px;}
.mem_type_chk>span:last-child label {border-radius:0 8px 8px 0;}

/* 회원가입 */
.join_wrap {max-width:600px; margin:0 auto;}
.join_wrap h4 {margin-bottom:1.25rem;}
.join_input + h4 {margin-top:3.75rem;}
/* 가입단계 */
.join_step {display:flex; justify-content:center; list-style:none; margin-bottom:3.125rem;}
.join_step > li {display:flex; align-items:center; margin:0 0.75rem; position:relative;}
.join_step > li:not(:first-child)::before {content:''; background:#ccc; width:3.125rem; height:1px; margin-right:20px;}
.join_step > li > .num {display:flex; justify-content:center; align-items:center; background:#aaa; border-radius:100%; color:#fff; font-weight:700; width:1.875rem; height:1.875rem; margin-right:5px;}
.join_step > li > .title {color:#aaa; font-size:1.125rem; font-weight:700;}
.join_step > li.on > .title {color:#00264b;}
.join_step > li.on > .num {background:#00264b; text-indent:-9999px;}
.join_step > li.on > .num::before {content:''; background:url(../images/content/icon_step_on.png) 0 0 no-repeat; background-size:contain; width:12px; height:9px; position:absolute;}
/* 약관동의 */
.join_agree {margin-top:3.75rem;}
.allchk_box {margin-bottom:1rem;}
.allchk_box .chkbox label {font-size:1.125rem; line-height:1.5rem; padding-left:2rem;}
.allchk_box .chkbox input[type="checkbox"], .allchk_box .chkbox i {width:1.5rem; height:1.5rem;}
.agree_list {border-top:1px solid #333;}
.agree_list > li {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; padding:1rem; min-height:3.75rem;}
.agree_list > li .btns {background:#fff; border:1px solid #ccc; color:#888; flex:0 0 80px; padding:0;}
.agree_con .wrap {background:#f5f6f7; border-radius:0.625rem; color:#888; font-size:0.875rem; padding:1.563rem 2px 1.563rem 1.563rem; margin-top:0.938rem;}
.agree_con ol {margin-top:1.25rem;}
.agree_con ol > li + li {margin-top:0.625rem;}
.agree_con ol > li ul {margin-top:5px;}
.inner_text {height:12.5rem; padding-right:1.25rem; overflow-y:auto;}
.inner_text::-webkit-scrollbar {width:5px; background-color:#fff; border-radius:6px;}
.inner_text::-webkit-scrollbar-thumb {background-color:#d2d2d2; border-radius:6px;}
/* 회원가입 완료 */
.join_message {max-width:720px; margin:0 auto; position:relative;}
.join_message .wrap {background:#f2f2f2; border-radius:2.5rem; padding:4.188rem 1.875rem; text-align:center;}
.join_message .con_head_txt {color:#232323; font-size:1.875rem; font-weight:700;}
.join_message .con_head_txt::before {content:''; display:block; background:url(../images/content/join_confirm_img.png) 0 0 no-repeat; background-size:contain; width:6.625rem; height:5.875rem; margin:0 auto 1.438rem;}
.join_message .info {background:#fff; border-radius:1.25rem; font-size:1.125rem; line-height:1.6; padding:1.25rem; margin:2.188rem 0;}
.join_message .btn_set .btns {height:3.25rem;}
/* 사업자정보 */
.business_info_box {display:none; margin-top:3.75rem;}
.business_info_box.md {display:block;}

/* 필수입력표시 */
.es {display:inline-block; background:url(../images/content/icon_es.png) 0 0 no-repeat; background-size:contain; width:7px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px; text-indent:-9999px;}
.es_txt {color:#888; font-size:15px; font-weight:500; margin-left:15px;}
.es_txt i {color:#dd0101;}

/* input 정의 */
input[type="text"], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select {width:100%; height:2.875rem; padding:0 0.938rem;}
select {padding-right:25px;}
textarea {padding:0.938rem;}
.addr_in p {margin-top:0.625rem;}
.addr_post input[readonly] {background:#f2f2f2;}
.add_in.addr_post {max-width:240px;}
.add_in.addr_post .btns {width:7.5rem;}
.add_in {display:flex; position:relative;}
.add_in .btns {background:#fff; border:1px solid #00264b; color:#00264b; width:6.25rem; padding:0 0.313rem; height:auto; line-height:inherit; margin-left:5px;}
/* checkbox */
.chkbox {display:inline-block; position:relative;}
.chkbox input[type="checkbox"], .chkbox i {width:20px; height:20px; position:absolute; top:0.063rem; left:0;}
.chkbox input[type="checkbox"] {border:none; border-radius:12px; z-index:1; -webkit-appearance:none; appearance:none;}
.chkbox label {display:block; color:#3f3f3f; font-size:15px; font-weight:600; line-height:20px; padding:0 0 0 1.875rem;}
.chkbox i {background:#fff; border:1px solid #d2d2d2; border-radius:5px; display:flex; justify-content:center; align-items:center;}
.chkbox input:checked + i {background:#00264b; border-color:transparent;}
.chkbox i::before {content:''; background:url(../images/content/formchk_icon.png) 0 0 no-repeat; background-size:contain; width:12px; height:9px; position:absolute;}
.chkbox input:checked + i::before {background-image:url(../images/content/formchk_icon_on.png);}
.chkbox input:focus {border-radius:2px;}
/* radio */
.radios {position:relative; display:inline-block; margin-right:15px;}
.radios input[type=radio] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.radios label {display:block; position:relative; padding:0px; padding-left:23px; line-height:25px; z-index:1; cursor:pointer;}
.radios .check {display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #d2d2d2; border-radius:100%; width:18px; height:18px; position:absolute; top:4px; left:0px;}
.radios .check::before {content:''; display:block; position:absolute; background:#d2d2d2; border-radius:100%; width:8px; height:8px; margin:auto;}
.radios input[type=radio]:checked ~ .check {background:#f94a3f; border-color:transparent;}
.radios input[type=radio]:checked ~ .check::before {background:#fff;}
.radios input[type=radio]:checked ~ label {color:#333;}
.radios.readonly {background:none;}
.radios.readonly input[type=radio]:checked ~ .check {border-color:#ccc;}
.radios.readonly input[type=radio]:checked ~ .check::before {background:#ccc;}
/* radio 버튼타입 */
.type_chk > span {position:relative; display:inline-block; margin-bottom:2px;}
.type_chk > span input[type=radio], .type_chk > span input[type=checkbox] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.type_chk > span label {display:flex; justify-content:center; align-items:center; position:relative; height:43px; background:#fff; border:1px solid #ccc; color:#333; font-weight:500; padding:0 10px; min-width:60px; margin-bottom:0; border-radius:3px; box-sizing:border-box; text-align:center; cursor:pointer;}
.type_chk > span input[type=radio]:checked + label, .type_chk > span input[type=checkbox]:checked + label {background:#454545; border-color:transparent; color:#fff;}
/* 첨부파일 스타일 */
.file_input {display:flex; position:relative; max-width:800px;}
.file_input + .file_input {margin-top:0.5rem;}
.file_input label {display:flex; justify-content:center; align-items:center; background:#aaa; border-radius:3px; color:#fff; font-size:0.875rem; width:85px; cursor:pointer; overflow:hidden; text-align:center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {color:#737070; background:#fff; border:1px solid #ccc; margin-right:5px;}
.file_input .btns {background:#fff; border:1px solid #aaa; display:flex; justify-content:center; align-items:center; width:auto; height:auto; position:relative; margin-left:5px; text-indent:-9999px;}
.fn_btn::after {content:''; background-image:url(../images/content/icon_plusminus.png); background-repeat:no-repeat; background-size:24px; position:absolute;}
.fn_add_btn::after {background-position:0 0; width:10px; height:10px;}
.fn_del_btn::after {background-position:100% 0; width:10px; height:10px;}
/* 첨부파일 스타일 이미지 */
.imgfile .file_input label {background:#fff; border:1px solid #00264b; color:#00264b; width:85px; height:40px;}
.imgfile .list {display:flex; flex-wrap:wrap; margin:15px -5px 0;}
.imgfile .list .item {flex:0 0 90px; margin:5px; position:relative;}
.imgfile .list .item .del_btn {position:absolute; top:-5px; right:-5px;}
.icon_cal {display:flex; align-items:center; position:relative;}
.icon_cal img {max-width:18px; position:absolute; right:10px; cursor:pointer;}

/* placeholder style (placeholder는 ie10 이상에서만 적용) */
input::-webkit-input-placeholder {color:#d2d2d2;}/* Webkit */
input:-moz-input-placeholder {color:#d2d2d2;}/* moz */
input:-ms-input-placeholder {color:#d2d2d2;}/* IE10+ */
textarea::-webkit-input-placeholder {color:#d2d2d2;}
textarea:-moz-input-placeholder {color:#d2d2d2;}
textarea:-ms-input-placeholder {color:#d2d2d2;}

/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-block; padding:0 10px; /* width:85px; */ height:34px; line-height:1; font-weight:500; font-size:14px; text-align:center; vertical-align:middle; border-radius:3px; border:1px solid transparent; overflow: hidden; white-space:nowrap;}
.btns:hover, .btns:focus {opacity:0.9;}
span.button {cursor:default;}
span.button:hover {text-decoration:none;}
/* 스타일 */
.btn_st {background:#f94a3f; color:#fff;}
.btn_st1 {background:#00264b; color:#fff;}
.btn_st2 {background:#999; color:#fff;}/* gray */
.btn_st3 {background:#4496b3; color:#fff;}
.btn_bdr {background:#fff; border-color:#f94a3f; color:#f94a3f;}
.btn_bdr1 {background:#fff; border-color:#00264b; color:#00264b;}
.btn_bdr2 {background:#fff; border-color:#777; color:#777;}
.btn_bdr3 {background:#fff; border-color:#4496b3; color:#4496b3;}

.btn_xs {padding:0 7px; height:26px; line-height:26px; font-size:12px;}
.btn_mid {font-size:1rem; min-width:5rem; height:2.625rem;}
.btnW40 {min-width:40px;}
.btnW50 {min-width:50px;}
.btnW60 {min-width:60px;}
.btnW70 {min-width:70px;}

.btns.primary {height:26px; line-height:26px; width:auto; padding:0 10px; background:linear-gradient(to bottom, #f7f7f7, #e7e7e7); border:1px solid #b7b7b7; border-radius:3px; font-size:12px;}

.del_btn {display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ccc; border-radius:5px; width:1.25rem; height:1.25rem; padding:0; text-indent:-9999px;}
.del_btn::before {content:''; background:url(../images/content/icon_del.png) 0 0 no-repeat; background-size:10px; width:10px; height:10px; position:absolute;}

/* 버튼 그룹 */
.btn_set {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:20px 0 0;}
.btn_set.tl {justify-content:flex-start;}
.btn_set.tr {justify-content:flex-end;}
.btn_set.between {justify-content:space-between;}
.btn_set button {margin:3px;}

/* 레이어팝업 */
.pop_close {display:flex; justify-content:center; align-items:center; background:none; border:0; color:#777; width:2rem; height:2rem; position:absolute; top:8px; right:5px; text-indent:-9999px;}
.pop_close::after {content:''; background:url(../images/content/icon_pop_close.png) 0 0 no-repeat; background-size:contain; width:15px; height:15px; position:absolute;}
.overlay_t {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:10px; background-color:rgba(0, 0, 0, 0.7); text-align:center; z-index:90; display:flex; align-items:center;}
.popLayer {width:100%; max-width:700px; margin:0 auto; position:relative; z-index:100; display:none;}
.popLayer .pop_container {background:#fff; box-shadow:0px 5px 7px rgba(0, 0, 0, 0.4); padding:1.875rem 1.875rem; color:#888; max-height:calc(100vh - 60px); overflow:auto; text-align:left;}
.popLayer h3 {background:#f4f4f4; border-bottom:1px solid #e5e5e5; color:#111; font-size:18px; padding:12px 15px; line-height:1.3; text-align:left;}
.popLayer em {font-style:normal;}
.popmsg {border-radius:15px; max-width:380px; overflow:hidden;}
.popmsg .pop_container {color:#000; font-size:20px; font-weight:500; padding-top:60px; text-align:center;}
.popmsg .pop_container .imgs {margin-bottom:1.25rem;}
.popmsg .pop_container .imgs img {max-height:70px;}
.popmsg .pop_close {top:12px; right:12px;}
/* 비밀번호 입력창 */
#pop_pw {max-width:300px; text-align:left;}
.pw_wrap .pw_input {display:flex; margin-top:10px;}
.pw_wrap .pw_input button {width:85px; height:auto; margin-left:5px;}
.agree_con textarea {height:390px; background:#f5f6f7; border:0; color:#777; padding:1.875rem; font-size:14px; line-height:1.6; overflow-x:hidden;}
.agree_con textarea:focus {box-shadow:none;}
/* 레이어팝업_추가 */
.pop_container .btn_set:first-child {margin-top:0;}


@media screen and (min-width:1025px) {
/* content_wrap */
.content_wrap {display:flex;}
.lcontent {width:16.16%;}
.rcontent {flex:1; margin-left:3.125rem;}

/* 좌측메뉴영역 */
.depth > a {display:none;}
.lcontent h2 {font-size:1.875rem;}
.snb > li {border-bottom:1px solid #e5e5e5;}
.snb > li > a {display:block; position:relative; font-size:1rem; font-weight:500; color:#454545; padding:15px 0; background:#fff; transition:background .25s ease-in-out; -moz-transition:background .25s ease-in-out; -webkit-transition:background .25s ease-in-out;}
.snb > li > a.on, .snb > li > a.on:hover {color:#f94a3f; font-weight:700;}

.container .prd_list > li {width:calc((100%)/4 - 1.25rem);}

/* 고객센터 */
.cs_info {display:flex; justify-content:center;}
.cs_info > li > dl > dt {font-size:1.25rem;}

.tb th {font-size:15px;}
}

@media screen and (min-width:769px) {
#order_prd .shop_btn, .shop_btn.v2 {max-width:320px;}
.order_tb .od_date .od_status {margin-top:10px;}
.order_tb .tracking > i {display:block;}

/* 회원가입 완료 */
.join_message .wrap {padding:4.188rem 2.625rem;}
.join_message .con_head_txt {font-size:2.5rem;}
.join_message .info {font-size:1.375rem;}
}

@media screen and (max-width:1024px) {
html, body, input, select, textarea {font-size:14px;}

h2 {font-size:1.875rem;}

/* sub_visual */
#sub_visual .tit_group {padding:0; display:flex; justify-content:center; align-items:center; height:18.75rem;}
#sub_visual h2 {font-size:2.25rem;}
#sub_visual .bg {background-position:25% 0;}

/* content_wrap */
.rcontent {margin-top:30px;}

/* 좌측메뉴영역 */
.lcontent h2 {display:none;}
.depth {position:relative;}
.depth > a {display:flex; align-items:center; height:45px; line-height:45px; font-weight:800; padding-left:15px; background:#fff; border:1px solid #333; border-radius:6px;}
.depth > a::after {content:''; display:inline-block; position:absolute; right:15px; width:11px; height:6px; background:url(../images/content/icon_path_arrow.png) 0 0 no-repeat; background-size:contain; /* opacity:.4; */ transition:all 0.1s; transform-origin:50% 50%;}
.depth > a.on::after {transform:rotate(180deg); opacity:1;}
.depth > ul {width:100%; position:absolute; top:40px; right:0; background:#fff; box-shadow:none; border:1px solid #333; border-radius:0 0 6px 6px; display:none; z-index:1;}
.depth > ul > li {border-top:1px solid #e6e6e6;}
.depth > ul > li > a {display:block; color:#555; font-size:14px; font-weight:normal; padding:9px 15px;}

/* 회사소개 */
.intro .main_txt {font-size:1.625rem;}
.intro .main_txt strong {font-size:2rem;}
.intro .int {padding:1rem;}
.intro .int .imgs {width:160px; height:100px; display:flex; justify-content:center; align-items:center;}
.intro .int .text {padding:120px 1.875rem 3.75rem;}

/* 회사위치 */
.map_addr .addr {font-size:1.25rem;}
.map_addr .addr::before {margin-top:-0.25rem;}

    /* itemlist */
    .itemlist > li .innerbox {padding:1.875rem 0;}
    .itemlist > li .icons i {max-width:130px;}
    .itemlist > li .cont {font-size:1.125rem;}
    .itemlist > li .cont em {font-size:1.375rem; margin-bottom:0.625rem;}
    .itemlist > li .cont .info_txt {font-size:1rem;}

/* shop_view 상단 */
.item_photo_info .item_photo {float:none; width:auto; max-width:500px; margin:0 auto;}
.item_photo_info .item_info {float:none; width:auto; margin-top:30px;}
/* shop_view 상세정보 tabs */
.tabs button {font-size:13px; height:42px;}

/* 고객센터 */
.cs_info > li {padding:0;}
.cs_info > li + li {margin-top:10px;}
.cs_info > li .icons {width:70px;}
.cs_info > li .icons > span i::after {width:27px; height:27px;}
.cs_info > li > dl {padding-top:10px;}
}

@media screen and (max-width:768px) {
/* shop */
.item_category > ul > li {width:auto; margin-right:20px;}
.item_category > ul > li a {font-size:13px;}
.list_head * {font-size:13px;}
.list_head {background:none; border:0; padding:0;}
.list_head .type_chk {display:none;}
.list_head .goods_sort {display:block;}
.list_head .list_type {float:none; display:none;}

/* 상품문의 */
.qna_nav .wrap {flex-wrap:wrap;}
.qna_nav .wrap .title {width:100%; order:2; margin-top:0.5rem;}
.qna_nav .wrap .info {width:100%; order:1;}

/* 상품평 검색 */
.sch_item {flex-wrap:wrap;}
.sch_item .wrap {width:100%;}
.sch_item .type_chk {width:100%; margin-top:0.75rem; text-align:right;}

/* 배송 및 환불 안내 */
.shop_guide {border:0;}
.shop_guide > div {display:block; border:0;}
.shop_guide > div + div {margin-top:30px;}
.shop_guide .title {background:none; width:auto; font-size:18px; padding:0; text-align:left;}
.shop_guide .cont {width:auto; font-size:14px; padding:0; margin-top:7px;}

/* 고객센터 */
.faq_cate > li {width:50%;}

/* FAQ */
.faq_nav .wrap .qcont {flex-wrap:wrap;}
.faq_nav .wrap .qcont .text {width:100%; margin-top:5px;}
/* FAQ tab */
.cate_tab {flex-wrap:wrap;}
.cate_tab > li {flex:none; width:25%;}
.cate_tab > li > button {padding:0.75rem 0;}

/* SHOP관련 */
.order_tb {border-bottom:1px solid #ccc;}
.order_tb, .order_tb thead, .order_tb tbody {display:block;}
.order_tb th, .order_tb td {padding:2px 0;}
.order_tb thead tr {display:block; position:relative;}
.order_tb thead th {display:none; height:auto;}
.order_tb thead th.od_chk {display:block; position:relative; top:0; padding:10px 0; text-align:left;}
.order_tb thead th label {display:inline-block; font-size:14px; font-weight:700;}
.order_tb tbody tr {display:block; position:relative; padding:15px 0;}
.order_tb tbody tr + tr {border-top:1px solid #ddd;}
.order_tb.cart tbody tr {padding-left:25px;}
.order_tb tbody td {display:block; border:0; text-align:left;}
.order_tb .od_chk {position:absolute; top:13px; left:0;}
.order_tb .od_date + .od_prd {margin-top:10px;}
.order_tb .od_prd + .od_price {margin-top:10px;}
.order_tb .od_price > div, .order_tb .od_amount > div {display:inline-block;}
.order_tb .od_status {position:absolute; top:15px; right:5px; font-size:14px; text-align:right;}
.order_tb .od_tprice {color:#49b5dc; position:absolute; bottom:15px; right:5px; text-align:right;}
.order_tb tbody td.od_btn {width:100%; margin-top:15px; text-align:right;}
.order_tb tbody td.od_btn button {display:inline-block; width:auto; min-width:inherit; margin:0 !important; height:23px; line-height:22px; font-size:12px;}
.order_tb .count_wrap {margin:5px 0;}
/* .prd_info .img_thumb {position:absolute; top:17px; left:0; width:70px;} */
.od_chk + .od_prd .prd_info .img_thumb {left:35px;}
/* before text */
.order_tb .od_price, .order_tb .od_amount, .order_tb .od_num {position:relative; padding-left:55px; min-height:22px;}
.order_tb .od_price::before, .order_tb .od_amount::before, .order_tb .od_num::before {color:#888; font-size:13px; position:absolute; top:4px; left:0;}
.order_tb .od_num::before {content:'수량 ';}
.order_tb .od_price::before {content:'판매가 ';}
.order_tb .od_price.t1::before {content:'정가 ';}
.order_tb .od_amount::before {content:'합계 ';}
/* 기간검색 */
.date_search {flex-wrap:wrap;}
.date_search .type_chk {width:100%; margin-top:10px; margin-right:-5px;}
.date_search .type_chk > span {flex:1;}
.date_search .search_box {width:100%;}
.date_search .date_group {width:100%; margin-top:10px; padding-right:0;}
.date_search .date_group .icon_cal {max-width:none; float:none; width:auto; margin-bottom:5px;}
.date_search .date_group .hypen {display:none;}
.date_search .date_group input, .date_search .date_group button {height:35px;}
.date_search .date_group > button {line-height:35px; background:#777; color:#fff; width:100%; position:relative;}

/* 총 결제금액 */
.price_sum {border:1px solid #ccc;}
.price_sum > ul {overflow:hidden; max-width:none;}
.price_sum li {float:none; width:auto !important; overflow:hidden;}
.price_sum li + li {margin-top:7px;}
.price_sum li > span {float:left;}
.price_sum li > div {float:right;}
.price_sum li:before, .price_sum li:after {display:none;}
.price_sum .price {margin-top:0;}
.price_sum .price strong {font-size:16px;}
.price_sum li.total_sum {border-top:1px solid #ccc; padding-top:13px; margin-top:13px;}

/* board ------------------------------- */
/* list ----- */
.bbs_list > li {padding:1rem 5px;}
.bbs_list > li.th_head {display:none;}
.bbs_list > li > ul {flex-wrap:wrap; margin:0 -0.75rem;}
.bbs_list > li > ul li {width:auto; padding:0 0.75rem;}
.bbs_list > li > ul li:not(.b_tit) {color:#777;}
.bbs_list > li > ul .b_num {display:none;}
.bbs_list > li > ul .b_tit {width:100%; flex:none; margin-bottom:0.625rem;}
.bbs_list > li > ul .b_tit .title {line-height:2rem;}
.bbs_list > li > ul .b_date::before {content:'[등록일자]'; margin-right:5px;}
.bbs_list > li > ul .b_hit::before {content:'[조회]'; margin-right:5px;}

/* input_con */
.input_con dl {flex-wrap:wrap;}
.input_con dl dt, .input_con dl dd {flex:1 0 100%;}
.input_con dl dt {margin-bottom:10px;}

/* 가입단계 */
.join_step > li {flex-direction:column;}
.join_step > li:not(:first-child)::before {width:6rem; position:absolute; top:1.25rem; left:-100%; z-index:-1;}
.join_step > li > .num {border:0.5rem solid #fff; width:2.875rem; height:2.875rem; margin:0 0 10px;}
/* 약관동의 */
.agree_list > li {flex-wrap:wrap;}
.agree_list > li .btns {flex:none; width:100%; margin-top:1.25rem;}
}

@media screen and (max-width:480px) {

}

.mg_download {margin:2px 0 2px 4px;}
.mg_delivery {padding: 6px 7px !important;}
.mg_delivery div {display: flex; align-items: center;}
.mg_delivery div > span {margin:0 2px;}
.mg_delivery div > button {margin:0 14px;}