@charset "utf-8";
/* 유통 모바일 240821 */

@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.8/static/pretendard.css");
@font-face {
    font-family: 'MaruBuri-Regular';
    src: local('MaruBuri-Regular'), url('../font/hansem/MaruBuri-Regular.ttf') format('truetype');
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaruBuri-SemiBold';
    src: local('MaruBuri-SemiBold'), url('../font/hansem/MaruBuri-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaruBuri-Bold';
    src: local('MaruBuri-Bold'), url('../font/hansem/MaruBuri-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 400 normal 500 medium 600 semi-bold 700 bold */
/* 'Pretendard', sans-serif; */
/* body {user-select:none} */

/* common */
.hidden {display: none} /* 단순 가리기용 */
.txt_ir {position: absolute;overflow: hidden;width: 0;height: 0;line-height: 0;text-indent: -999.9rem}
.ico_aster {position:relative;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content}
.ico_aster::before{content:'*';position: relative;left: 0;top:0;margin-right: .4rem;color: #f23737}

/* 공통 product list */
.buybgcolor .subpage_wrap .sub_tit {padding: 11.5rem 0 15rem;}
.subpage_wrap .pkg_sub_tab {display: flex;justify-content: center;flex-wrap: wrap;width: 100%;}
.pkg_sub_tab .pkg_sub_item {width: 50%;background: rgba(255,255,255,.3);outline: .1rem solid #fff;overflow: hidden;white-space: nowrap;}
.pkg_sub_tab .pkg_sub_item a {font-size: 1.5rem;font-weight: 600;color: #fff}
.pkg_sub_tab .pkg_sub_item.on {background: #fff;}
.pkg_sub_tab .pkg_sub_item.on a {color: #1e88e5;}
.subpage_wrap .pkg_sub_tab .pkg_sub_item a {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: auto;padding: .7rem 0;line-height: normal;}
.pkg_sub_tab .pkg_sub_item a::before {content: '';position: relative;display: inline-block;top: 0;left: 0;width: 6.6rem;height: 1.4rem;margin: 0 0 .4rem}
.pkg_sub_tab .pkg_sub_item:nth-of-type(1) a::before {width: 8.9rem;background: url("../img/board/package/logo_kovi.png") center / contain no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(2) a::before {background: url("../img/board/package/logo_hansem.png") center / cover no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(3) a::before {width: 7.8rem;background: url("../img/board/package/logo_younglim.png") center / cover no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(4) a::before {width: 4.7rem;background: url("../img/board/package/logo_inus.png") center / cover no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(1).on a::before {background: url("../img/board/package/logo_kovi2.png") center / contain no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(2).on a::before {background: url("../img/board/package/logo_hansem.png") center / cover no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(3).on a::before {background: url("../img/board/package/logo_younglim2.png") center / contain no-repeat}
.pkg_sub_tab .pkg_sub_item:nth-of-type(4).on a::before {background: url("../img/board/package/logo_inus2.png") center / contain no-repeat}

.b2b {padding: 0 2rem;color: #212529}
.b2b *,.etc_pkg * {box-sizing: border-box;}
.b2b, .pkg_sub_tab .pkg_sub_item a, .ordersheet_wrap, .ordersheet_wrap *, .b2b * {font-family: 'Pretendard', sans-serif;}
.b2b img {width: 100%;}
.b2b .main_tit {margin: 2.8rem 0 3.2rem;font-size: 2.4rem;font-weight: 600;color: #171717;text-align: center;}
.package_wrap {margin: 3.2rem 0;}
.major_img {display: flex;position: relative;overflow: hidden;width: 100%;min-height: 21.7rem;aspect-ratio: 3/2.325;}
.package_wrap:not(.inus_package) .major_img img {filter: brightness(0.8);}
.major_img .product_info {display: flex;justify-content: space-between;position: absolute;bottom: 1rem;left: 0;width: 100%;padding: 0 1.8rem 0 1.3rem;color: #fff;box-sizing: border-box;}
.product_info .left {display: flex;flex-direction: column;}
.product_info .product_name {font-size: 2rem;font-weight: 700;}
.product_info .product_size {align-self: flex-end;font-size: 2.4rem;font-weight: 700;}
.product_info .product_feature {margin-top: .4rem;font-size: 1.4rem;font-weight: 500;}

.package_list {display: flex;flex-wrap: wrap;}
.package_list .thumb {width: calc(50% - .3rem);}
.package_list .thumb:nth-of-type(2n-1) {margin-right: .6rem;}
.thumb .img_wrap {margin: 2rem 0 .4rem;}
.thumb .tit {font-size: 1.4rem;font-weight: 600;color: #212529}
.thumb .size2 {margin: .2rem 0 .4rem;font-size: 1.2rem;color: #868e96;}
.thumb .info .consumer_price2 {font-size: 1.1rem;font-weight: 600;color: #495057;white-space: nowrap;}
.buy .etc_package .price {font-size: inherit;color: inherit}
.b2b .btn, .order .btn, .ordersheet .btn {display: block;width: 100%;padding: 1rem;background: #464ee3;color: #fff;text-align: center;font-weight: 600;font-size: 1.6rem;box-sizing: border-box;}

/* inus list */
.inus_package .package_list .thumb {width: calc((100% - 1.6rem)/3);margin-right: .8rem;}
.inus_package .package_list .thumb:last-of-type {margin-right: 0;}
.inus_package .info .tit:first-of-type{margin-bottom: .3rem;font-size: 1.2rem;font-weight: 500;color: #868e96;}
.inus_package .info .tit:nth-of-type(2) {margin: .3rem 0;}
.inus_package .supply_price {font-size: 1.1rem;font-weight: 600;color: #495057;text-decoration: none;line-height: 1.3rem;word-break: keep-all;}
.package_wrap .spec {display: none;margin-top: 2rem}
.package_wrap.on .spec {display: block}
.package_wrap.on .spec_tit .btn_hide::after {transform: translate(.4rem, -50%) rotateX(180deg)}
.spec_tit {display: flex;justify-content: flex-end;align-items: flex-end;width: 100%;margin-top: 1rem;}
.spec_tit .tit {display: none;}
.spec_tit .btn_hide {position: relative;padding: .4rem 2.4rem .4rem 1rem;border-radius: 5rem;background: #d1ccc4;font-weight: 500;font-size: 1.2rem;text-align: start;}
.spec_tit .btn_hide::after {position: absolute;top: 50%;content: '';width: 1.4rem;height: 1.4rem;background: url("../img/board/package/inus/arrow_down2.png") center no-repeat;transform: translate(.4rem, -50%)}

/* inus buy page */
.buy_pkg_view {padding: 2.8rem 2rem 0;}
.buy_pkg_view button {box-sizing: border-box;}
.buy_pkg_view .product_header {display: flex;flex-direction: column;}
.product_header .company {font-size: 1.4rem;font-weight: 500;color: #868e96;}
.product_header .product_name {margin: .4rem 0 0;font-size: 2rem;font-weight: 700;color: #171717;}
.buy_pkg_view .imgbox {margin: .8rem 0;}
.buy_pkg_view .caution {margin-left: 2rem;list-style:disc;font-size: 1.2rem;color: #495057;line-height: 1.6rem;word-break: keep-all}
.buy_pkg_view .caution_item {margin-bottom: .4rem;}
.buy_pkg_view .caution_item:last-of-type {margin-bottom: 0;}
.buy_pkg_view .current_price {display: flex;align-items: center;}
.buy_pkg_view .price_text {margin: 1.2rem 0 0;padding: 1.2rem 0 0;border-top: .1rem solid #ced4da;}
.buy_pkg_view .price_text .text_r {flex: 1;width: 100%;font-size: 1.8rem;font-weight: 700;line-height: 1;text-align: right;}
.buy_pkg_view .textbox .vat {font-weight: 500;font-size: 1.2rem;color: #495057;}
.buy_pkg_view .text_l {font-size: 1.4rem;color: #212529;font-weight: 600;}
.buy_pkg_view .text_r .price {margin-left: .4rem}
.buy_pkg_view .text_r .unit {font-size: 1.2rem;font-weight: 500;color: #495057;}
.buy_pkg_view .textbox .order_btn {margin: 2rem 0;border-radius: .4rem;}
.pkg_contentbox {position: relative;padding: 0;font-family: 'pretendard', sans-serif;}
.pkg_contentbox .buy_pkg_tb {width: 100%;}
.pkg_contentbox thead {border: .1rem solid #ced4da;border-width: .1rem 0 .1rem;}
.pkg_contentbox thead tr {display: block;padding: 1.2rem 2rem;background: #f8f9fa;}
.pkg_contentbox .li_tit_link {font-size: 1.4rem;font-weight: 400;margin-right: 1.2rem;color: #868e96}
.buy_pkg_tb .li_tit.on .li_tit_link {color: #212529;font-weight: 600;}
.buy_pkg_tb .pkg_content {padding: 2rem;border: none}
.pkg_content img {width: 100%;}
.inus_iframe {width: 100%;height: auto;min-height: 23.3rem;margin: 2rem 0 .8rem;aspect-ratio: 3/2.185;}

/* inus ordersheet */
.ordersheet_wrap {display: none;position: fixed;left: 0;top:0;right: 0;bottom: 0;width: 100%;margin-top: 55px;z-index: 1050;color: #262626;transition: all .5s}
.ordersheet {position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;padding: 1.2rem 2rem;background: #fff;z-index: 150;font-size: 1.4rem;}
.ordersheet {height: 100%;overflow-y: overlay;overflow-x: hidden;box-sizing: border-box}
.order_form ::placeholder, .order_form ::-webkit-input-placeholder {color: #989898}
.ordersheet .section_box {margin-bottom: 2rem}
.ordersheet .section_box.first {margin-bottom: 1.6rem;padding-bottom: 2.9rem;border-bottom: .1rem solid #939393}
.ordersheet .close_btn {width: 2.4rem;height: 2.4rem;margin-bottom: 1.2rem;background: url("../img/board/package/ico_arrow_3x.png") center / cover no-repeat}
.ordersheet .tit_area {margin-bottom: 1.2rem;}
.ordersheet .tit, .ordersheet .tit2 {display: inline-block;font-size: 1.4rem;font-weight: 700}
.ordersheet .info .tit2 {word-break: keep-all;}
.ordersheet  .first .tit {margin-bottom: 0;font-size: 1.6rem;font-weight: 600;}
.info_txt, .info_txt2 {color: #767676;}
.ordersheet .info_txt {margin-left: .4rem;font-size: 1.2rem;}
.ordersheet .info_txt2 {margin-top: .6rem;font-size: 1.1rem}
.ordersheet .img_wrap img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.ordersheet input, .ordersheet textarea {font-size: 1.4rem;background: #f5f5f5;border: none;line-height: 1;appearance: auto;}
.ordersheet input[type="text"], .ordersheet input[type="number"], .ordersheet textarea {padding: 1rem 1.5rem;box-sizing: border-box}

/* select_product */
.select_product {display: flex;align-items: center;margin-top: 1.6rem}
.select_product .sub_tit {float: left;color: #767676}
.select_product .main_tit {font-size: 2.4rem;font-weight: 700;margin: .4rem 0 1.3rem;color: #474646}
.select_product .img_wrap {flex-shrink: 0;width: 11rem;height: 11rem;overflow: hidden;background: #7c7c7c;}
.select_product .info {flex: 1;overflow: hidden;text-align: right;}
.select_product .info_txt, .select_info .info_txt {margin: 0;font-size: 1.2rem;font-weight: 500;color: #737373;}
.select_product .tit2, .select_info .tit2 {margin: .4rem 0 .9rem;font-size: 1.8rem;color: #474646}
.info_price .vat {font-size: 1.1rem;color: #939393;}
.info_price .consumer_price {color: #949494;}
.info_price .consumer_price .price {font-weight: 700;}
.select_product .supply_price {font-size: 1.8rem}
.select_product .supply_price .price {font-weight: 700;color: #3e3e3e;}

/* radio tab */
.ordersheet .option_box {position: relative;}
.ordersheet .radio_tab {display: flex;}
.ordersheet .radio_tab .input_wrap {float: left;margin-right: .9rem;font-size: 1.2rem;color: #767676;}
.ordersheet .radio_tab label {display: flex;}
.radio_tab .custom_radio, .check_list .custom_checkbox {width: 1.4rem;height: 1.4rem;margin: 0 0 0 .2rem;border: .1rem solid #adb5bd;border-radius: .4rem;box-sizing: border-box;}
.radio_tab .custom_radio {border-radius: 50%;margin-right: .4rem;}
.radio_tab input:checked + .custom_radio {background: #1c7ed6;border: .3rem solid #fff;box-shadow: 0 0 0 .1rem #adb5bd;}

/* option_tab */
.ordersheet .option_wrap {margin-bottom: 2rem;}
.ordersheet .option_tab li {float: left;margin-right: 1rem;border: .1rem solid #767676;font-size: 1.2rem;color: #767676;cursor: default}
.ordersheet .option_tab li.on {border-color: #464ee3;color: #464ee3}
.ordersheet .option_tab .tab_link {display: inline-block;padding: .8rem 1.6rem}

/* option_detail */
.option_detail {border: .1rem solid #939393;padding: 1.2rem;overflow: hidden;}
.option_detail .tab_content {display: flex;/*overflow: hidden;*/}
.option_detail .tab_content li {flex-shrink: 0;position: relative;width: 8.9rem;margin-right: .4rem;border: .1rem solid transparent}
.option_detail .tab_content li.selected {border: solid .1rem #464ee3;}
.option_detail .tab_content .tab_content_link {display: block;width: 100%;overflow: hidden}
.option_detail .tab_content li .tab_content_link:hover + .tooltiptext {opacity: 1}
.tooltiptext {position: absolute;left: 0;bottom: 0;padding: .8rem;background: #464ee3;border: .1rem solid #464ee3;border-radius: .8rem;color: #fff;;font-size: 1.4rem;letter-spacing: .08rem;transform: translateY(110%);opacity: 0;transition: all .2s;z-index: 10}
.tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -0.5rem;border-width: .5rem;border-style: solid;border-color: transparent transparent #464ee3 transparent}
.option_detail .tab_content .img_wrap {width: 100%;height: 7.4rem;background: #c9c9c9}
.info_option {padding: .4rem .6rem .5rem;background: #f7f7f7;font-size: 1.2rem;box-sizing: border-box;text-align: left;}
.info_option .price {position: relative;color: #767676;word-wrap: break-word}
.info_option .price::before, .info_option .price::after {position: relative;color: inherit}
.info_option .price::before {content:'+'}
.info_option .price::after {content:'원'}
.info_option .option_name {margin-top: 2px;color: #262626;word-break: break-all;}

/* address */
.address .input_wrap {margin-bottom: .8rem;}
.address input {width: 100%}
.address .first {display: flex;height: 3.6rem;}
.address .first .zipcode {flex: 1;margin-right: .8rem;}
.address .search_zipcode_btn {width: 12.2rem;padding: 1rem 2.2rem;border: .1rem solid #7803e8;color: #7803e8;text-align: center;box-sizing: border-box;}

/* size */
.size {display: flex;align-items: center}
.size .input_wrap {position: relative;width: calc((100% - 2.8rem)/3)}
.size .input_wrap input {width: 100%;}
.order_form .size input[type="text"]:disabled {color: #767676}
.size .input_wrap .size_unit {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);color: #989898}
.size .input_wrap + span {display: inline-block;width: 1.4rem;text-align: center;font-size: 1rem;}

/* special */
.special_wrap textarea {width: 100%;resize: none}
.special_wrap textarea::-webkit-scrollbar {display: none}

/* phone */
.phone input {width: calc((100% - 4.5rem)/3)}
.phone span {display: inline-block;width: 1.4rem;text-align: center} 

/* confirmation */
.ordersheet .confirmation_wrap {margin-bottom: 3rem;padding: 1.6rem 1rem;border: .1rem solid #767676}
.confirmation_wrap li {font-size: 1.2rem;color: #262626;line-height: 1.67}

/* result */
.result {padding: 2rem 0 1.6rem;border-top: .1rem solid #939393;text-align: right}
.result li {height: 2rem;margin-bottom: .4rem}
.result li:not(.total_cost) span {font-size: 1.2rem;}
.result .price {position: relative;display: inline-block;width: 16rem;font-weight: 600;font-size: 1.4rem}
.result .price::after {position: relative;content: '원';margin-left: .4rem}
.result .total_cost {height: auto;margin-top: 2.4rem;font-size: 1.8rem;}
.result .total_cost .price {font-size: 1.8rem;}
.total_cost .vat {margin-top: .4rem;color: initial;font-size: 1.2rem}
a.order_submit_btn:link, a.order_submit_btn:visited {color: #fff}
.order_submit_btn:disabled {background: #e7eaf1;color: #a8aec1}
.check_list {margin: 0 0 2rem;text-align: right;}
.check_list .input_wrap {display: flex;margin-bottom: .4rem;font-size: 1.2rem;font-weight: 500;}
.check_list .input_wrap a {color: #464ee3}
.ordersheet_wrap .check_list .text span:last-of-type {white-space: nowrap;line-height: 1.5;}
.order_submit_btn, .confirmation_btn {padding: 1.15rem;font-size: 1.8rem;}

/* input custom */
.check_list .input_wrap label {display: flex;flex: 1;text-align: right;}
.check_list .input_wrap .text {flex: 1;}
.radio_tab .input_wrap input, .check_list .input_wrap input {overflow: hidden;position: absolute;width: .1rem;height: .1rem;margin: -0.1rem;clip: rect(0 0 0 0);}
.check_list input:checked + .custom_checkbox {background: url("../img/board/package/ico_check_3x.png") center / cover no-repeat;border: none}

/* orderresult_inus */
.order .pkg_contentbox {padding: 2.8rem 2rem;color: #262626;}
.orderresult_txt {text-align: center;font-size: 2rem;font-weight: 600;}
.inus_order_section .section_box {margin-bottom: .8rem}
.inus_order_section .section_box:first-of-type {margin-bottom: 1.6rem;}
.inus_order_section .img_wrap {float: left;width: 11rem;height: 11rem;overflow: hidden;;background: #9d9d9d}
.inus_order_section .img_wrap img {height: 100%}
.inus_order_section .text_l {float: left}
.inus_order_section .text_r {float: right;font-size: 1.2rem;text-align: right;color: #212529;}
.inus_order_section .select_option {margin-bottom: .4rem;color: #767676;font-size: 1.2rem}
.inus_order_section .tit {font-size: 1.4rem;font-weight: 600}
.inus_order_section .tit2 {font-weight: 700;}
.inus_order_section .section_box:first-of-type .tit {margin: 1.6rem 0;font-size: 1.6rem;}
.inus_order_section .total_info {margin: 2.4rem 0 1.6rem;padding-top: 2.4rem;border-top: .1rem solid #767676;color: #262626;}
.inus_order_section .total_info div {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.8rem}
.inus_order_section .total_info .tit {margin-bottom: 0}
.inus_order_section .total {font-size: 2rem;font-weight: 700;}
.inus_order_section .total, .inus_order_section .account {flex: 1;}
.inus_order_section .account {margin-bottom: 0;}
a.confirmation_btn:link, a.confirmation_btn:visited {color: #fff}
.blank {height: 14.5rem;background: #fff}
.info_txt_wrap {margin-bottom: 2rem;font-size: 1.2rem;}
.info_txt_wrap .info_txt {margin-bottom: 1.6rem;color: #262626;line-height: 1.5;}

/* younglim, hansem */
.etc_pkg .pkg_content {padding: 0}
.etc_pkg .content_bottom {margin: 1.2rem 2rem 2rem;}
.vr_wrap {width: 100%;margin: 0 auto;padding: 2rem 2rem 1.4rem;text-align: center;}
.vr {padding: 1.2rem 1.5rem;background: url("../img/board/package/bg_blur.jpg") 0 0 no-repeat}
.vr_tit {margin-bottom: 1.2rem;font-size: 1.6rem;font-weight: 700;color: #fff}
.vr_tit span {margin: 0 .4rem;background: #987A46}
.vr_ifrm {width: 100%;height: auto;min-height: 16.7rem;aspect-ratio: 4/2.3;}
.vr_info {margin: 5.8rem 0 0;font-size: 1.2rem;color: #fff;text-align: start;}
.vr_info .info_item {display: flex;align-items: center;margin-bottom: .5rem;}
.vr_info .info_item:last-of-type {margin-bottom: 0;}
.vr_info .info_item .img_wrap {width: 2rem;height: 2rem;margin-right: .2rem;}
.vr_btn_list {display: flex;flex-wrap: wrap;justify-content: space-around;margin: 2rem 0 0;}
.btn_show_vr {width: calc((100% - 1.2rem)/4);max-width: 15.4rem;padding: .6rem;margin: 0 0 1.2rem;border-radius: .4rem;color: #fff;font-size: 1.4rem;border: .1rem solid transparent}
.hansem .btn_show_vr {background: #827670}
.hansem .btn_show_vr:hover, .hansem .btn_show_vr:focus, .hansem .btn_show_vr.on {background: #fff;color: #827670;border: .1rem solid #827670}
.younglim .btn_show_vr {background: #5f564c}
.younglim .btn_show_vr:hover, .younglim .btn_show_vr:focus,  .younglim .btn_show_vr.on {background: #fff;color: #5F564C;border: .1rem solid #5F564C}
.type_wrap .type_select {width: 100%;height: auto;padding: 1rem 1.5rem 1rem .6rem;background: #f5f5f5;border: none;}

.ordersheet_wrap.collapse{display: block;right: -40rem}

@media screen and (max-width: 320px) {
    body, .ordersheet {min-width: 320px;}

}
@media screen and (max-width: 640px) {
    html {font-size: 62.5%}
    body {font-size: 1.5rem}
}
@media screen and (min-width: 765px) {
    
}
@media screen and (min-width: 641px) {
    /* html {font-size: 125%} */
}