/* ===========================================================================
   기본 소스 외 추가 커스텀 소스에 대한 저작권은 '디자인위브'에 있습니다.
   관련소스를 무단으로 도용할 경우 강력하게 법적대응하며 선처는 없음을 미리 알립니다.
   ===========================================================================  */

.sub_content{padding:0; width:100%;}

/** input **/
/* #wrap #container input[type='checkbox']{display:none;}
#wrap #container input[type='checkbox'] + label,
#wrap #container input[type='radio'] + label{font-size:14px; color:#000; padding-left:22px; line-height:15px; background:url('../img/icon/icon_chk_off.png')no-repeat left center; min-width:15px; min-height:15px;}
#wrap #container input[type='checkbox'] + label.on,
#wrap #container input[type='radio'] + label.on{background-image:url('../img/icon/icon_chk_on.png');}
#wrap #container input{width:100%; height:50px; border:none; background:#f5f5f5; padding:0 0 0 15px; font-size:14px;}
#wrap #container input::placeholder{color:#888;} */
.input_email{margin-top:0 ! important; width:210px ! important;}
/* #wrap select{-webkit-appearance:none; -moz-appearance:none; appearance:none; width:162px; background:url('../img/icon/icon_select.png')no-repeat right 20px center; height:54px; border:1px solid #ddd; padding-left:18px; font-size:15px; color:#7e7f7f; margin:0 0 0 4px;}
#wrap select::-ms-expand{display:none;} */
#wrap .member_warning.prior_wrong input, #wrap .member_warning.prior_wrong textarea, #wrap .member_warning.prior_wrong .prior_input, #wrap .member_warning.prior_wrong .chosen-single{border:1px solid #FF0000 ! important; background:#FFF9F9 ! important;}
#wrap .text_pass{font-size:13px; color:#000; padding-top:10px;}
#wrap .text_warning{font-size:13px; color:#FF0000; padding-top:10px;}


/** 버튼 **/
.btn01{margin-top:20px; width:100%; height:60px; background:#000; border:1px solid #000; color:#fff; font-size:17px; font-weight:500; transition:all 0.3s;}
.btn01.off{background:#D2D2D2; border-color:#D2D2D2;}
.btn01:hover{background:#000;}


/** 샘플러 **/
.sp01 > div{width:50%; box-sizing:border-box;}
.sp01 .sp_basic{padding-right:11%; border-right:1px solid #E4E4E4; vertical-align:bottom;}
.sp01 .sp_subscribe{padding-left:13%; padding-top:190px;}
.sp_tit{font-size:40px; line-height:1; padding-bottom:105px; letter-spacing:-1px;}
.sp_sub_tit{font-size:18px; font-weight:500; line-height:1; padding-bottom:30px;}
/* 상품정보 */
.pd_cont{font-size:0; display:table; width:100%; padding-bottom:20px;}
.pd_cont > div{display:table-cell; vertical-align:middle;}
.pd_cont .pd_img{width:130px;}
.pd_cont .pd_img img{width:100%;}
.pd_cont .pd_info{padding-left:25px;}
.pd_cont .pd_info .pd_name{font-size:0; padding-bottom:5px;}
.pd_cont .pd_info .pd_name > *{display:inline-block; vertical-align:middle;}
.pd_cont .pd_info .pd_name h1{font-size:18px; font-weight:500;}
.pd_cont .pd_info .pd_name span{font-size:15px; padding-left:10px; margin-left:10px; position:relative;}
.pd_cont .pd_info .pd_name span:before{content:''; display:block; width:1px; height:15px; background:#E4E4E4; position:absolute; top:50%; margin-top:-7.5px; left:0;}
.pd_cont .pd_info p{font-size:14px; color:#464646;}
.pd_cont .pd_info p strong{color:#000; font-weight:500;}
.pd_cont .pd_info p strong span{color:#E4E4E4;}
.option_change_btn{font-size:14px; font-weight:500; text-decoration:underline ! important; display:inline-block; margin-top:15px; line-height:1;}
.select_box{width:245px; box-sizing:border-box; position:relative; margin-top:12px;}
.select_box p{border:1px solid #f5f5f5; background:#f5f5f5; line-height:43px; font-size:13px; color:#000; padding:0 25px 0 15px; position:relative; cursor:pointer; transition:border 0.3s, background 0.3s;}
.select_box p:after{content:''; display:block; width:14px; height:100%; background:url('../img/icon/icon_select.png')no-repeat 50% 50%; position:absolute; top:0; right:10px; transition:all 0.3s;}
.select_box p.open{border-color:#000; background:#fff;}
.select_box p.open:after{transform:rotate(180deg);}
.select_box.fixed p{color:#888; cursor:auto;}
.select_box.fixed p:after{display:none;}
.select_box ul{position:absolute; top:44px; left:0; z-index:9; background:#fff; width:100%; padding:10px 15px; box-sizing:border-box; border:1px solid #000; display:none;}
.select_box ul li{cursor:pointer; font-size:14px; line-height:30px; transition:all 0.3s;}
.select_box ul li:hover{padding-left:10px; font-weight:500;}
.pd_cont .pd_price{width:100px; text-align:right;}
.pd_cont .pd_price .fix_price{font-size:16px; color:#ACACAC; text-decoration:line-through;}
.pd_cont .pd_price .fix_price .won{font-size:14px;}
.pd_cont .pd_price .price{font-size:18px; font-weight:500;}
.pd_cont .pd_price .price .won{font-size:16px;}
/* 결제정보 */
.pay_cont{border-top:1px solid #efefef; padding:30px 0;}
.pay_cont ul li{font-size:0; padding-bottom:8px;}
.pay_cont ul li:last-child{padding:0;}
.pay_cont ul li span{display:inline-block; vertical-align:top; width:50%; font-size:15px; color:#464646;}
.pay_cont ul li span.cont{text-align:right;}
.pay_cont ul li span strong{font-weight:500;}
.pay_cont ul li.total_price span{color:#000; font-size:16px;}
.info_txt{font-size:14px; color:#464646; text-align:center; line-height:1.7; padding-top:25px;}
/* 구독주기 */
.sp_subscribe .cycle{padding:20px 0 0;}
.sp_subscribe .cycle_box{border:1px solid #000; padding:0 25px;}
.sp_subscribe .cycle_box:after{content:''; display:block; clear:both;}
.sp_subscribe .cycle_box p{font-size:16px; line-height:63px; float:left;}
.sp_subscribe .cycle_box span{float:right; font-size:16px; font-weight:500; float:right; line-height:63px;}
.sp_subscribe .cycle_info{padding-top:25px; text-align:center;}
.sp_subscribe .cycle_info h3{font-size:18px; font-weight:500; padding-bottom:15px;}
.sp_subscribe .cycle_info p{font-size:14px; color:#464646; line-height:1.7;}
/* 샘플러 주문 */
.sampler_order > div{width:50%; box-sizing:border-box;}
.order_info{border-right:1px solid #e4e4e4;}
/* 배송지 탭 */
.delivery_tab li a{display:block; font-size:23px; color:#C9CACA; line-height:1;}
.delivery_tab li:first-child a{padding-right:20px;}
.delivery_tab li:last-child a{padding-left:20px; border-left:1px solid #e5e5e5;}
.delivery_tab li.on a{color:#000; font-weight:bold;}
/* 배송정보 */
.delivery_info{max-width:500px; padding-top:40px;}
.delivery_info table, 
.delivery_info table tbody,
.delivery_info table tbody tr,
.delivery_info table tbody tr th,
.delivery_info table tbody tr td{display:block; width:100%; text-align:left;}
.delivery_info table tbody tr th{font-size:14px; font-weight:normal; padding-bottom:10px;}
.delivery_info table tbody tr td{padding:0 0 30px;}
#wrap #container .address_postcode input{width:170px;}
.btn_post_search{width:116px; height:48px; line-height:48px; background:#000; color:#fff; font-size:13px; margin-left:10px;}
.address_input input{margin-top:10px;}
.delivery_chk p{margin-bottom:10px;}
.delivery_chk p:last-child{margin:0;}
/* 결제수단 */
.payment_info{border-top:1px solid #E4E4E4; max-width:500px;}
.payment_info > h3{font-size:23px; line-height:1; padding:60px 0 18px;}
.payment_info ul li{width:calc(50% - 6px); margin-right:12px; margin-top:12px; box-sizing:border-box; border:1px solid #D6D6D6; padding:10px; height:120px; text-align:center; position:relative; cursor:pointer;}
.payment_info ul li:nth-of-type(2n){margin-right:0;}
.payment_info ul li:before{content:''; display:block; width:22px; height:22px; background:url('../img/icon/icon_chk_off2.png')no-repeat 50% 50%; position:absolute; top:10px; right:10px;}
.payment_info ul li.on{border-color:#000;}
.payment_info ul li.on:before{background-image:url('../img/icon/icon_chk_on2.png');}
.payment_info ul li .pay_type{display:table; width:100%; height:100%;}
.payment_info ul li .pay_type > div{display:table-cell; vertical-align:middle;}
.payment_info ul li .pay_type p{font-size:15px; padding-top:15px; line-height:1;}
/* 주문결과 */
.order_result{padding-left:180px; padding-top:145px;}
.order_result .pay_cont{border:none;}
/* 출고안내 */
.expected{position:relative; border:1px solid #000; padding:0 20px;}
.expected > p{font-size:15px; line-height:58px;}
.expected > p b{font-weight:500; margin-right:15px;}
.expected .ex_info_icon{display:block; width:20px; height:20px; border-radius:50%; box-sizing:border-box; position:absolute; top:50%; right:20px; margin-top:-10px; border:1px solid #000; background:#fff url('../img/icon/icon_info.png')no-repeat 50% 50%; cursor:pointer; transition:all 0.3s;}
.expected .ex_info_icon.on{background-color:#000; background-image:url('../img/icon/icon_info_w.png');}
.expected .ex_info_box{position:absolute; top:60px; right:0; width:461px; box-sizing:border-box; padding:30px 25px; background:#fff; z-index:10; border:1px solid #000; transition:all 0.3s; opacity:0; visibility:hidden;}
.expected .ex_info_box.on{opacity:1; visibility:visible; top:88px;}
.expected .ex_info_box .close_btn{display:block; width:16px; height:16px; background:url('../img/icon/icon_close.png')no-repeat 50% 50%; position:absolute; top:12px; right:12px; cursor:pointer;}
.expected .ex_info_box h3{font-size:19px; line-height:1; padding-bottom:15px;}
.expected .ex_info_box p{font-size:14px; color:#464646; letter-spacing:-0.5px; padding-left:7px; position:relative;}
.expected .ex_info_box p:before{content:''; display:block; width:2px; height:2px; border-radius:50%; background:#000; position:absolute; top:9px; left:0;}
.expected .ex_info_box p b{color:#000; font-weight:500;}
.sp_buy_btn{margin-top:10px;}
.payment_final_check{padding-top:20px;}
.payment_final_check b{font-weight:500;}
/* 취향 */
.taste{max-width:1200px; margin:0 auto;}
.taste .tit{text-align:center;}
.taste .tit h1{font-size:42px; font-weight:normal; line-height:1;}
.taste .tit a{display:inline-block; margin-top:40px; width:155px; line-height:50px; color:#fff; background:#000; font-size:14px; font-weight:500;}
.taste_list{padding-top:100px;}
.taste_list .list{padding-bottom:70px;}
.taste_list .list:last-child{padding:0;}
.taste_list .list > h3{font-size:23px; font-weight:normal; line-height:1; padding-bottom:25px;}
.taste_list .list ul li{width:calc(33.3333% - 12px); margin-right:18px; background:#f5f5f5; border:1px solid #f5f5f5; height:150px; padding:0 25px; cursor:pointer; box-sizing:border-box; transition:all 0.3s;}
.taste_list .list ul li:nth-of-type(3n){margin-right:0;}
.taste_list .list ul li.on, .taste_list .list ul li:hover{background:#fff; border:1px solid #000;}
.taste_list .list ul li .table{display:table; width:100%; height:100%;}
.taste_list .list ul li .table > div{display:table-cell; vertical-align:middle;}
.taste_list .list ul li h6{font-size:20px;}
.taste_list .list ul li h6 span{padding-left:10px; margin-left:10px; position:relative;}
.taste_list .list ul li h6 span:before{content:''; display:block; width:1px; height:18px; background:#e4e4e4; position:absolute; top:50%; left:0; margin-top:-9px;}
.taste_list .list ul li p{font-size:15px; color:#464646; padding-top:10px;}


/** 구독 **/
#subscribe{padding-top:100px;}
#subscribe .btn01{height:55px; font-size:15px;}
.sb_tit{font-size:40px; line-height:1; padding-bottom:50px; letter-spacing:-1px;}
.sb_tit > small {font-size: 22px;}
.sb_sub_tit{margin-top:-20px; padding-bottom:50px; font-size:15px;}
/* 구독타입 */
.sb_type ul{padding-top:65px; text-align:center;}
.sb_type ul li{width:590px; padding:0 75px; box-sizing:border-box; border-right:1px solid #E4E4E4;}
.sb_type ul li:last-child{border:none;}
.sb_type ul li h1{font-size:23px; line-height:1; padding:35px 0 25px}
.sb_type ul li h1 span{font-size:15px; color:#FE592A; display:inline-block; vertical-align:middle;}
.sb_type ul li p{font-size:15px; color:#464646;}
.sb_type ul li .sb_price{padding-top:30px;}
.sb_type ul li .sb_price p{font-size:14px; color:#000; font-weight:500; vertical-align:middle; padding:0 10px; position:relative;}
.sb_type ul li .sb_price p:after{content:''; display:block; width:1px; height:15px; background:#d9d9d9; position:absolute; top:50%; right:0; margin-top:-7.5px; transform:rotate(15deg);}
.sb_type ul li .sb_price p:last-child:after{display:none;}
.sb_type ul li .sb_price .price{font-size:26px; font-weight:bold;}
.sb_type ul li .sb_price .price .won{font-size:17px; font-weight:normal;}
.sb_type ul li > span{font-size:13px; color:#888; display:block; padding-top:5px;}
.sb_type .btn01{margin-top:40px;}
/* 공통 폼 */
.sb_step{display:flex;}
.sb_step > div{box-sizing:border-box;}
.step_chk{width:calc(100% - 550px); padding-right:12%; border-right:1px solid #E4E4E4; min-height:700px;}
.step_chk > ul > li, .step_chk > div > ul > li{width:calc(50% - 10px); margin:30px 20px 0 0; box-sizing:border-box; padding:0 30px 30px; text-align:center; position:relative;}
.step_chk > ul > li:nth-of-type(2n), .step_chk > div> ul > li:nth-of-type(2n){margin-right:0;}
.step_chk > ul > li:nth-of-type(1), .step_chk ul li:nth-of-type(2), .step_chk > div > ul > li:nth-of-type(1), .step_chk ul li:nth-of-type(2){margin-top:0;}
.step_chk > ul > li .img_box img, .step_chk > div > ul > li .img_box img{max-width:100%;}
.step_chk > ul > li .txt_box, .step_chk > div > ul > li .txt_box{padding-top:5px;}
.step_chk > ul > li .txt_box h1, .step_chk > div > ul > li .txt_box h1{font-size:22px; padding-bottom:10px;}
.step_chk > ul > li .txt_box p, .step_chk > div  > ul > li .txt_box p{font-size:15px; color:#464646;}
.step_chk > ul > li .txt_box .price, .step_chk > div > ul > li .txt_box .price {font-size:20px; font-weight:bold; color:#000; padding-top:15px;}
.step_chk > ul > li .txt_box .price .won, .step_chk > div > ul > li .txt_box .price .won{font-size:14px; font-weight:normal;}
.step_chk > ul > li .txt_box .data, .step_chk > div > ul > li .txt_box .data{font-size:17px; color:#000; font-weight:500; padding-top:5px;}
#wrap .step_chk > ul > li .btn01, #wrap .step_chk > div > ul > li .btn01{margin-top:30px; height:50px; z-index:2; position:relative;}
.step_chk > ul > li .option_box, .step_chk > div > ul > li .option_box{position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #000; background:#fff; z-index:1; padding:60px 40px 110px 40px; text-align:left; transition:opacity 0.3s, visibility 0.3s; opacity:0; visibility:hidden;}
.step_chk > ul > li:hover .option_box, .step_chk > div > ul > li:hover .option_box{opacity:1; visibility:visible;}
.step_chk > ul > li:hover .btn01, .step_chk > div > ul > li:hover .btn01{background:#000;}
.step_chk > ul > li .option_box h3, .step_chk > div > ul > li .option_box h3{font-size:16px; font-weight:500; line-height:1; padding-bottom:4px;}
.step_chk > ul > li .option_box .select_box, .step_chk > div > ul > li .option_box .select_box{width:100%;}
.step_chk > ul > li .option_box > p, .step_chk > div > ul > li .option_box > p{font-size:14px; color:#464646; padding-top:15px;}



/* 선택 결과 */
.step_result{width:550px; padding-left:59px; position:relative;}
.step_result .result_all{width:491px; position:fixed;}
.step_result .result_all.ab{position:absolute; bottom:0; right:0;}
.step_result ul.result_chk li{padding:30px 0; border-bottom:1px solid #E4E4E4; position:relative;}
.step_result ul.result_chk li .arrow_btn{display:block; width:9px; height:15px; background:url('../img/icon/icon_arrow_right_g.png')no-repeat 50% 50%; position:absolute; top:50%; right:0; margin-top:-7.5px;}
.step_result ul.result_chk li h6{font-size:15px; color:#888; font-weight:normal; line-height:1;}
.step_result ul.result_chk li.ok .arrow_btn{background-image:url('../img/icon/icon_arrow_right.png');}
.step_result ul.result_chk li.ok h1{font-size:25px; line-height:1; margin-top:20px; position:relative;}
.step_result ul.result_chk li.on{border-color:#000;}
.step_result ul.result_chk li.on h6{font-weight:bold; color:#000;}
.step_result ul.result_chk li .change_btn{display:block; font-size:13px; text-decoration:underline; position:absolute; top:50%; right:0; margin-top:-10px;}
.step_result .pay_cont{border:none;}
.step_result .pay_cont .total_price{padding-top:10px;}
.sb_next_btn{margin-top:5px;}
/* 용량타입 */
.sb_step02 .img_box{height:256px; position:relative;}
.sb_step02 .img_box img{position:relative; top:50%; transform:translateY(-50%);}
/* 구독주기 */
.sb_step03 .img_box{padding:80px 0 40px;}
/* 구독 주문 */
.subscribe_order > div{width:50%; box-sizing:border-box;}
.subscribe_order .pd_cont .pd_info .pd_name h1{font-size:22px; font-weight:bold;} 
.subscribe_order .order_result .pay_cont{padding:20px 0;}
.subscribe_order .pay_cont .total_price{padding-top:10px;}
.margin50{margin-top:50px;}


/** 팝업 **/
.pop{position:fixed; top:50%; left:50%; border:1px solid #000; background:#fff; z-index:101; box-sizing:border-box; transition:all 0.3s; opacity:0; visibility:hidden;}
.pop.on{opacity:1; visibility:visible;}
.pop .btn_box{font-size:0; padding-top:32px;}
.pop .btn_box a{display:inline-block; vertical-align:top; width:calc(50% - 5px); height:50px; background:#000; color:#fff; text-align:center; line-height:50px; font-size:14px; font-weight:700; margin-right:10px; max-width:180px;}
.pop .btn_box a:last-child{margin:0;}
.pop .close_btn{content:''; display:block; width:16px; height:16px; position:absolute; top:15px; right:15px; background:url('../img/icon/icon_close.png')no-repeat 50% 50%; cursor:pointer;}
.pop .pop_tit{font-size:22px; line-height:1; padding-bottom:40px;}
/* 구독관리, 전환 */
.sb_page_pop, .sb_reverse_pop{width:440px; padding:35px; margin:-117px 0 0 -220px; text-align:center;}
.sb_reverse_pop{width:484px; margin-left:-242px;}
.sb_page_pop p, .sb_reverse_pop p{font-size:24px; line-height:1.7; letter-spacing:-1px;}
.sb_page_pop p strong, .sb_reverse_pop p strong{display:block;}
/* 결제등록 */
.pay_info_pop{width:544px; padding:35px 30px 30px; margin-left:-272px; transform:translateY(-50%);}
.pay_info_pop ul li{padding-bottom:30px;}
.pay_info_pop ul li span{display:block;}
.pay_info_pop ul li span.tit{font-size:14px; padding-bottom:5px;}
.pay_info_pop ul li > div{width:calc(50% - 5px); margin-right:10px;}
.pay_info_pop ul li > div:last-child{margin:0;}
#wrap #container .pay_info_pop input{color:#888;}
#wrap #container input#cardNumber{border:1px solid #000; background:#fff; color:#000;}
.card_add_btn{margin-top:5px;}
/* 옵션변경 */
.option_change_pop{width:900px; margin-left:-450px; padding:43px 38px 34px; transform:translateY(-50%); height:85%;}
.option_change_pop .sb_option{max-height:calc(100% - 62px); overflow-y:auto;}
.option_change_pop .sb_option h3{font-size:18px; line-height:1; padding:50px 0 25px;}
.option_change_pop .sb_option .step01 h3{padding-top:20px;}
.option_change_pop .sb_option ul li{width:calc(25% - 12px); margin-right:16px; box-sizing:border-box; border:1px solid #e4e4e4; padding:10px 0 20px; text-align:center; position:relative; cursor:pointer;}
.option_change_pop .sb_option ul li:nth-of-type(4n){margin-right:0;}
.option_change_pop .sb_option ul li:before{content:''; display:block; width:21px; height:21px; background:url('../img/icon/icon_chk_off2.png')no-repeat 50% 50%; position:absolute; top:10px; right:10px;}
.option_change_pop .sb_option ul li.on{border-color:#000;}
.option_change_pop .sb_option ul li.on:before{background-image:url('../img/icon/icon_chk_on2.png');}
.option_change_pop .sb_option ul.type2 li{width:calc(50% - 8px);}
.option_change_pop .sb_option ul.type2 li:nth-of-type(2n){margin-right:0;}
.option_change_pop .sb_option ul li .img_box{width:142px; margin:0 auto;}
.option_change_pop .sb_option ul li .img_box img{max-width:100%;}
.option_change_pop .sb_option ul li .txt_box{padding:10px 0 0;}
.option_change_pop .sb_option ul li .txt_box h1{font-size:15px; padding-bottom:7px;}
.option_change_pop .sb_option ul li .txt_box p{font-size:13px; color:#464646;}
.option_change_pop .sb_option ul li .txt_box p.price{color:#000; font-weight:bold;}
.option_change_pop .sb_option ul li .txt_box p.price .won{font-weight:normal;}
.option_change_pop .sb_option ul li .txt_box p .delivery{font-weight:500; padding-left:15px; position:relative;}
.option_change_pop .sb_option ul li .txt_box p .delivery:before{content:''; display:block; width:1px; height:13px; background:#D9D9D9; transform:rotate(15deg); position:absolute; top:2px; left:8px;}
.option_change_pop .sb_option ul li .txt_box p.data{color:#000; font-weight:500;}
.option_change_pop .sb_option .step03 .img_box{padding:39px 0 9px;}
.option_change_pop .sb_option .step03 .img_box img{width:96px;}
.option_change_pop .btn_box{padding-top:33px; font-size:0; text-align:center;}
.option_change_pop .btn_box button{width:240px; box-sizing:border-box; border:1px solid #000; background:#fff; font-size:15px; font-weight:bold; height:50px; margin:0 3.5px;}
.option_change_pop .btn_box button.save_btn{background:#000; color:#fff;}
/* 수량선택 */
.count_pop{width:420px; margin-left:-210px; padding:40px; transform:translateY(-50%);}
.count_pop .option_box{padding:126px 0 115px;}
.count_pop .option_box .num{width:205px; margin:0 auto; padding:0 35px; box-sizing:border-box; position:relative;}
#wrap #container .count_pop .option_box .num input{border:none; background:#fff; text-align:center; padding:0; height:35px;}
.count_pop .option_box .num button{width:35px; height:35px; box-sizing:border-box; border:1px solid #000; position:absolute; top:0;}
.count_pop .option_box .num button:before, .count_pop .option_box .num button.up:after{content:''; display:block; width:14px; height:2px; background:#000; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-7px;}
.count_pop .option_box .num button.up:after{transform:rotate(90deg);}
.count_pop .option_box .num button.up{right:0;}
.count_pop .option_box .num button.down{left:0;}

/** 구독 메인 **/
.sb_main{padding-bottom:150px;}
.sb_main .btn_box{padding-top:50px;}
.sb_main .btn_box a{width:180px; border:1px solid #000; line-height:48px; text-align:center; font-size:16px; font-weight:500; margin-right:8px;}
.sb_main .btn_box a:last-child{margin:0;}
.sb_main .btn_box >*{transition:all 0.3s; position:relative; overflow:hidden;}
.sb_main .btn_box >* span{position:relative; z-index:1;}
.sb_main .btn_box >*:before, .sb_main .btn_box >*:after{content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:-50px; border-bottom:50px solid #fff; border-right:50px solid transparent; transform:translateX(-100%); transition:all 0.3s;}
.sb_main .btn_box >*:after{left:0; right:-50px; transform:translateX(100%); border:none; border-top:50px solid #fff; border-left:50px solid transparent;}
.sb_main .btn_box >*:hover{border-color:#fff;}
.sb_main .btn_box >*:hover:before{transform:translateX(-50%);}
.sb_main .btn_box >*:hover:after{transform:translateX(27%);}
.sb_main .btn_box a.block_bg{background:#000; color:#fff;}
.sb_main .btn_box a.block_bg:hover span{color:#000;}
.sb_main .btn_box a.white_bg{background:#fff; color:#000;}
.sb_main .tit{padding-bottom:60px; text-align:center;}
/* 구독메인 배너 */
.sb_main_ban{position:relative;}
.sb_main_ban .img img{width:100%;}
.sb_main_ban .txt{position:absolute; top:50%; left:0; margin-top:-142px; width:100%;}
.sb_main_ban .txt h3{font-size:18px; font-weight:500;}
.sb_main_ban .txt h1{font-size:46px; line-height:1.4; padding-top:30px; letter-spacing:-1px;}
/* 선택방법 */
.sb_work{padding-top:100px; padding-bottom:135px; text-align:center;}
.sb_work ul{margin:0 auto;min-width: 920px;display: flex;justify-content: space-between;}
.sb_work ul li{width:270px; }
.sb_work ul li:last-child{margin:0;}
.sb_work ul li .icon{width:100%; height:270px; border-radius:50%; background:#f5f5f5; position:relative;}
.sb_work ul li .icon img{position:relative; top:50%; transform:translateY(-50%);}
.sb_work ul li .txt{margin-top:-16px; position:relative; z-index:1;}
.sb_work ul li .txt .num{display:inline-block; width:34px; padding:11px 0; border-radius:50%; background:#000;}
.sb_work ul li .txt h3{font-size:21px; line-height:1; padding-top:25px;}
.sb_work ul li .txt p{font-size:15px; color:#6a6a6a; letter-spacing:-0.7px; padding-top:15px;}
/* 중간배너 */
.sb_main .mid_banner{position:relative;}
.sb_main .mid_banner .img img{width:100%;}
.sb_main .mid_banner .txt{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.sb_main .mid_banner .txt h6{font-size:23px; color:#fff; line-height:1; padding-top:25px;}
.sb_main .mid_banner .txt p{font-size:17px; color:#fff; padding-top:25px; line-height:1.7;}
.sb_main .mid_banner .btn_box a{border-color:#fff; color:#fff;}
.sb_main .mid_banner .btn_box a:hover{color:#000;}
.sb_main .btn_box a.white_bg{background:#fff; color:#000;}
/* 3단배너 */
.sb_main .three_banner{padding-top:130px; padding-bottom:130px;}
.sb_main .three_banner li{width:calc(33.3333% - 33.3334px); margin-right:50px;}
.sb_main .three_banner li:last-child{margin:0;}
.sb_main .three_banner li .img img{max-width:100%;}
.sb_main .three_banner li .txt{padding-top:25px;}
.sb_main .three_banner li .txt h1{font-size:27px;}
.sb_main .three_banner li .txt p{font-size:16px; color:#464646; letter-spacing:-0.5px; padding-top:10px;}
/* 배너01 */
.sb_main .banner01{display:flex; background:#F5F5F5; align-items:center; text-align:center;}
.sb_main .banner01 > div{width:50%;}
.sb_main .banner01 .img img{width:100%;}
.sb_main .banner01 .txt h6{font-size:17px; font-weight:500; line-height:1;}
.sb_main .banner01 .txt h1{font-size:44px; line-height:1.3; padding-top:20px;}
.sb_main .banner01 .txt > p{font-size:17px; line-height:1; padding-top:25px;}
.sb_main .banner01 .txt > p span{padding-left:20px; position:relative;}
.sb_main .banner01 .txt > p span:before{content:''; display:block; width:1px; height:13px; background:#000; position:absolute; top:4px; left:10px;}
.sb_main .banner01 .txt .price_box{padding-top:20px;}
.sb_main .banner01 .txt .price_box > *{vertical-align:baseline;}
.sb_main .banner01 .txt .fix_price{font-size:17px; text-decoration:line-through; margin-right:15px;}
.sb_main .banner01 .txt .price{font-size:23px; font-weight:bold;}
.sb_main .banner01 .txt .price .won{font-weight:normal; font-size:16px;}
.sb_main .banner01 .txt .btn_box{padding-top:20px;}
/* faq */
.sb_main .faq_list{text-align:center; padding-top:150px; padding-bottom:140px; text-align:center;}
.sb_main .faq_list ul li{background:#F5F5F5; border-bottom:1px solid #fff; padding:0 25px; text-align:left;}
.sb_main .faq_list ul li h1{font-size:17px; line-height:74px; position:relative; cursor:pointer;}
.sb_main .faq_list ul li h1:after{content:''; display:block; width:14px; height:10px; background:url('../img/icon/icon_select.png')no-repeat 50% 50%; position:absolute; top:50%; margin-top:-5px; right:0; transition:all 0.3s;}
.sb_main .faq_list ul li h1.on:after{transform:rotate(180deg);}
.sb_main .faq_list ul li .cont{padding-bottom:40px; display:none;}
.sb_main .faq_list ul li .cont p{font-size:14px; color:#1D1F22; padding-bottom:5px; padding-left:10px; position:relative;}
.sb_main .faq_list ul li .cont p:before{content:''; display:block; width:2px; height:2px; border-radius:50%; background:#000; position:absolute; top:9px; left:0;}
.sb_main .faq_list .btn_box a:hover{border-color:#000;}
/* 리뷰 */
.sb_main .review{overflow:hidden;}
.sb_main .swiper-container{overflow:visible;}
.sb_main .list{position:relative;}
.sb_main .list .img img{width:100%;}
.sb_main .list .txt{padding:25px 0 0;}
.sb_main .list .txt h1 a{display:block; font-size:20px; letter-spacing:-0.5px; font-weight:500; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sb_main .list .txt p{font-size:15px; color:#595959; letter-spacing:-0.5px; padding-top:15px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:44px;}
.sb_main .list .txt span{display:block; font-size:14px; color:#8E8E8E; line-height:1; padding-top:25px;}
.sb_main .swiper-button-disabled{opacity:0;}
.swiper-button-prev, .swiper-button-next{width:45px; height:45px; background:rgba(255,255,255,0.8) url('../img/icon/icon_prev.png')no-repeat 50% 50%; margin-top:-22.5px; left:0;}
.swiper-button-next{background-image:url('../img/icon/icon_next.png'); left:auto; right:0;}



@media (max-width: 1190px) {

.sb_work ul li .icon {    width: 90%;
    height: 240px;}

}

@media (max-width: 1000px) {

.sb_work ul li .icon {    width: 90%;
    height: 200px;}

}