@charset "utf-8";
/* 구매 메뉴 260128 */
/* 시공 패키지 241030 */

@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; */

/* board inus css 240213 */
body {
    font-family: "NBG","NS","맑은고딕", Dotum, AppleGothic, sans-serif;
}

button {
    font-family: inherit;
}

.pkg, .buy .pkg .main_tit {
    font-family: 'Pretendard', sans-serif !important;
    font-weight: 600;
}

#header #top-ly h1 a, #header #top-ly ul {
    z-index: 1000;
}

.hidden {
    display: none;
}
/* 단순 가리기용 */

.txt_ir {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    text-indent: -9999px;
    line-height: 0;
}

.ico_aster {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.ico_aster::before {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 4px;
    color: #f23737;
    content: '*';
}

/* inus product list */
.consumer_price {
    font-size: 15px;
    color: #949494;
}

.consumer_price .price, .supply_price .price {
    margin: 0 2px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: line-through;
}

.consumer_price .unit, .supply_price .unit {
    font-size: 13px;
}

.vat {
    font-size: 13px;
    color: #939393;
}

.package_wrap {
    /*display: flex;*/
    margin-bottom: 40px;
}

.major_img {
    overflow: hidden;
    width: 452px;
    height: 308px;
    margin-right: 16px;
}

.grey .major_img {
    height: 322px;
}

.major_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.buy .package_wrap li {
    overflow: hidden;
    width: 200px;
    margin-left: 0;
}

.buy .package_wrap li:not(:last-of-type) {
    margin-right: 16px;
}

.buy .pkg .thumb {
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.package_wrap .thumb img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.buy .package_wrap .info {
    margin-top: 8px;
}

.package_wrap .info p {
    margin: 0;
}

.package_wrap p.tit:first-of-type {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #868e96;
}

.package_wrap .info .consumer_price, .info .consumer_price span {
    color: #868e96;
}

.package_wrap .info .supply_price, .info .supply_price span {
    font-size: 12px;
    color: #495057;
    text-decoration: none;
}

.buy .list .package_wrap .sales_txt {
    margin: 10px 0 0;
    font-weight: 700;
    color: #0000ff;
}

.buy .list .info .tit:nth-of-type(2) {
    color: #212521;
}

/* inus product table 240215 */
.package_wrap .product {
    display: flex;
}

.package_wrap .spec {
    display: none;
    margin-top: 16px;
}

.package_wrap.on .spec {
    display: block;
}

.package_wrap.on .spec_tit .btn_hide::after {
    transform: translate(4px, -50%) rotateX(180deg);
}

.spec_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 666px;
    margin-top: 16px;
    font-family: 'Pretendard', sans-serif;
    color: #232323;
}

.spec_tit .tit {
    font-size: 26px;
}

.spec_tit .btn_hide {
    position: relative;
    height: 22px;
    padding: 4px 25px 4px 11px;
    border-radius: 30px;
    background: rgb(168 158 143 / 53%);
    font-size: 12px;
    font-weight: 500;
}

.spec_tit .btn_hide::after {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    background: url("../img/board/package/inus/arrow_down2.png") center no-repeat;
    content: '';
    transform: translate(4px, -50%);
}

/* inus buy page */
.inus_content {
    max-width: 1100px;
}
/*240312 추가*/

.buy_pkg_view {
    padding-top: 60px;
}

.buy_pkg_view .buy_con .imgbox {
    float: left;
    position: relative;
    overflow: hidden;
    width: 422px;
    height: 422px;
    border: 1px solid #c9c9c9;
}

.buy_pkg_view .imgbox img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.buy_pkg_view .buy_con .textbox .price_text {
    padding: 12px 0 33px;
}

.buy_pkg_view .buy_con .textbox strong {
    height: 47px;
    margin-bottom: 107px;
}

.buy_pkg_view ul {
    margin-left: 20px;
    font-size: 14px;
    color: #797979;
    line-height: 1.71;
    list-style: disc;
    word-break: keep-all;
}

.buy_pkg_view .buy_con .textbox .detail_text {
    padding: 0;
    padding-top: 15px;
}

.buy_pkg_view .consumer_price {
    text-align: right;
}

.buy_pkg_view .current_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.buy_pkg_view .buy_con .textbox .price_text .text_l {
    flex: 1;
}

.buy_pkg_view .buy_con .textbox .price_text .text_r {
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
    height: 40px;
    font-family: inherit;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.buy_pkg_view .buy_con .textbox .vat {
    font-weight: 400;
    line-height: 2.3;
}

.buy_pkg_view .buy_con .text_r .price {
    margin-left: 6px;
}

.buy_pkg_view .buy_con .text_r .unit {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
}

.buy_pkg_view .buy_con .textbox .order_btn {
    width: 100%;
    background: #464ee3;
    font-family: inherit;
    font-weight: bold;
}

.pkg_contentbox {
    position: relative;
    padding-bottom: 40px;
}

.buy_inus_tb th {
    border: 0;
    font-size: 18px;
}

.buy_inus_tb th.li_tit {
    border: 0;
    background: #f7f7f7;
}

.buy_inus_tb .li_tit.on {
    background: #fff;
}

.buy_inus_tb .li_tit_link {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    text-align: center;
}

.buy_inus_tb .pkg_content {
    padding-top: 48px;
    padding-bottom: 94px;
    border: none;
}

.pkg_content_inner {
    max-width: 1100px;
}

/* 펼쳐보기 */
/* .pkg_content_inner {max-width: 1100px;height: 376px;overflow: hidden;}
.pkg_content_inner.expand {height: auto;overflow: visible}
.expand_btn {position: absolute;top: 518px;width: 100%;max-width: 1100px;height: 60px;border: 1px solid #c9c9c9;font-size: 18px;line-height: 21px;background: #fff}
.expand_btn:after {content: '';position: absolute;width: 18px;height: 18px;margin-left: 2px;background: url("../img/board/inus/arrow_down.png") center no-repeat}
.expand_btn.on {position: static}
.expand_btn.on:after {transform: rotateX(180deg)} */

/* inus ordersheet */
.ordersheet_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    color: #262626;
    transition: all .5s;
}

.dim {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.ordersheet {
    overflow-y: overlay;
    overflow-x: hidden;
    position: relative;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 600px;
    height: 90%;
    padding: 24px 24px 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}

.ordersheet::-webkit-scrollbar {
    width: 20px;
}

.ordersheet::-webkit-scrollbar-track {
    width: 10px;
    background: transparent;
}

.ordersheet::-webkit-scrollbar-thumb {
    border: 6px solid transparent;
    border-radius: 10px;
    background: #c9c9c9;
    background-clip: padding-box;
}

.order_form {
    min-width: 552px;
}

.order_form ::-webkit-input-placeholder {
    color: #989898;
}

.order_form ::-moz-placeholder {
    color: #989898;
}

.order_form :-ms-input-placeholder {
    color: #989898;
}

.order_form ::-ms-input-placeholder {
    color: #989898;
}

.order_form ::placeholder {
    color: #989898;
}

.ordersheet .section_box {
    margin-bottom: 60px;
}

.ordersheet .section_box.first {
    margin-bottom: 40px;
    padding-bottom: 59px;
    border-bottom: 1px solid #939393;
}

.ordersheet .close_btn {
    float: right;
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
    background: url("../img/board/package/close.png") center no-repeat;
}

.ordersheet .tit, .ordersheet .tit2 {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
}

.ordersheet .info_txt {
    margin-left: 4px;
    color: #767676;
}

.ordersheet .info_txt2 {
    margin-top: 8px;
    font-size: 12px;
    color: #767676;
}

.ordersheet .text_l {
    float: left;
}

.ordersheet .text_r {
    float: right;
}

.ordersheet .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.ordersheet input, .ordersheet textarea, .ordersheet select {
    border: none;
    background: #f5f5f5;
    font-size: 14px;
    line-height: 1;
}

.ordersheet select {
    width: 100%;
    height: 50px;
    margin: 8px 0 0;
    padding: 16px;
    box-sizing: border-box;
}

.ordersheet input[type="text"], .ordersheet input[type="number"], .ordersheet textarea {
    padding: 16px;
    box-sizing: border-box;
}

/* select_product */
.select_product {
    margin-top: 18px;
}

.select_product .sub_tit {
    float: left;
    color: #767676;
}

.select_product .main_tit {
    margin: 4px 0 13px;
    font-size: 24px;
    font-weight: 700;
    color: #474646;
}

.select_product .img_wrap {
    float: left;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin-right: 16px;
    background: #7c7c7c;
}

.select_product .info {
    overflow: hidden;
    padding: 10px 0 6px;
}

.select_product .info_txt {
    margin: 0;
    margin-bottom: 4px;
    font-size: 13px;
    color: #737373;
}

.select_product .tit2 {
    font-size: 16px;
    color: #474646;
}

/* 갯수 */
/* .select_product .count {margin-bottom: 16px}
.select_product .count input {width: 56px;height: 26px;padding: 8px 0;background: transparent;border: 1px solid #939393;box-sizing: border-box}
.select_product .count input::-webkit-textfield-decoration-container {padding-left: 8px;box-sizing: border-box}
.select_product .count input::-webkit-inner-spin-button {opacity: 1;height: 26px;margin-left: 6px}
.select_product .count .info_txt {display: inline-block;padding: 5px 0;margin: 0} */

.select_product .info_price {
    margin-top: 30px;
}

.select_product .info_price .text_l {
    margin-top: 48px;
    color: #767676;
}

.select_product .info_price .text_r {
    text-align: right;
}

.select_product .supply_price {
    font-size: 18px;
}

.select_product .supply_price .price {
    font-size: 19px !important;
}

/* radio tab */
.ordersheet .option_box {
    position: relative;
}

.ordersheet .radio_tab {
    clear: both;
    overflow: hidden;
}

.ordersheet .radio_tab .input_wrap {
    float: left;
    margin: 10px 8px 10px 0;
}

/* option_tab */
.ordersheet .option_wrap {
    margin-bottom: 20px;
}

.ordersheet .tit_area .tit {
    margin-bottom: 0;
}

.ordersheet .option_tab {
    margin: 20px 0;
}

.ordersheet .option_tab li {
    float: left;
    margin-right: 10px;
    border: 1px solid #767676;
    color: #767676;
    cursor: default;
}

.ordersheet .option_tab li.on {
    border-color: #464ee3;
    color: #464ee3;
}

.ordersheet .option_tab .tab_link {
    display: inline-block;
    padding: 6px 16px;
}

/* option_detail */
.option_detail {
    margin-bottom: 39px;
    padding: 24px 10px 14px;
    border: 1px solid #939393;
}

.option_detail .tit {
    font-size: 17px;
}

.tab_content li {
    float: left;
    position: relative;
    width: calc((100% - 30px)/3);
    margin-right: 10px;
}

.tab_content li.selected {
    outline: solid 1px #464ee3;
}

.tab_content .tab_content_link {
    display: block;
    overflow: hidden;
    width: 100%;
}

.tab_content li .tab_content_link:hover + .tooltiptext {
    opacity: 1;
}

.tooltiptext {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 8px;
    border: 1px solid #464ee3;
    border-radius: 8px;
    background: #464ee3;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.8px;
    opacity: 0;
    transition: all .2s;
    transform: translateY(110%);
}

.tooltiptext::after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #464ee3 transparent;
    content: "";
}

.tab_content .img_wrap {
    width: 100%;
    height: 100px;
    background: #c9c9c9;
}

.info_option {
    padding: 8px;
    background: #f7f7f7;
}

.info_option .price {
    position: relative;
    color: #767676;
    word-wrap: break-word;
}

.info_option .price::before, .info_option .price::after {
    position: relative;
    font-size: 15px;
    color: inherit;
}

.info_option .price::before {
    content: '+';
}

.info_option .price::after {
    content: '원';
}

.info_option .option_name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}

/* address */
.address .first {
    display: flex;
    margin-bottom: 9px;
}

.address .first .zipcode {
    width: 152px;
}

.address .first .mid {
    width: 235px;
    margin: 0 7px;
}

.address .last input {
    width: 100%;
}

.address .search_zipcode_btn {
    display: inline-block;
    width: 143px;
    height: 49px;
    padding: 15px 0;
    border: 1px solid #7803e8;
    font-size: 13px;
    color: #7803e8;
    text-align: center;
    box-sizing: border-box;
}

/* size */
.size {
    display: flex;
    align-items: center;
}

.size .input_wrap {
    position: relative;
    width: calc((100% - 50px)/3);
}

.size .input_wrap input {
    width: 100%;
    padding: 16px;
    padding: 16px 40px 16px 15px;
}

.order_form .size input[type="text"]:disabled {
    color: #767676;
}

.size .input_wrap .size_unit {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #989898;
    transform: translateY(-50%);
}

.size .input_wrap + span {
    display: inline-block;
    width: 25px;
    text-align: center;
}
/* 32 - 7 차이 */

/* special */
.special_wrap textarea {
    width: 100%;
    resize: none;
}

.special_wrap textarea::-webkit-scrollbar {
    display: none;
}

/* phone */
.ordersheet .phone_wrap, .ordersheet .confirmation_wkkrap {
    margin-bottom: 37px;
}

.phone input {
    width: calc((100% - 45px)/3);
}

.phone span {
    display: inline-block;
    width: 14px;
    text-align: center;
}
/* 21 - 7 차이 */

/* confirmation */
.confirmation_wrap {
    padding: 16px 10px;
    border: 1px solid #767676;
}

.confirmation_wrap li {
    font-size: 14px;
    line-height: 1.6;
}

/* result */
.result {
    padding: 40px 0;
    border-top: 1px solid #939393;
    text-align: right;
}

.result li {
    height: 20px;
    margin-bottom: 4px;
}

.result .price {
    display: inline-block;
    position: relative;
    width: 160px;
    font-size: 17px;
    font-weight: 700;
}

.result .price::after {
    position: relative;
    margin-left: 4px;
    content: '원';
}

.result .total_cost {
    height: auto;
    margin-top: 40px;
    font-size: 17px;
}

.result .total_cost .price {
    font-size: 24px;
}

.total_cost .vat {
    margin-top: 4px;
    font-size: 14px;
    color: initial;
}

.order_submit_btn {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    padding: 19px 0;
    background: #464ee3;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1.1;
}

a.order_submit_btn:link, a.order_submit_btn:visited {
    color: #fff;
}

.order_submit_btn:disabled {
    background: #e7eaf1;
    color: #a8aec1;
}

.check_list {
    width: 400px;
    margin: 0 0 26px -45px;
    font-size: 13px;
    text-align: right;
}

.check_list .input_wrap {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 4px;
}

.check_list .input_wrap a {
    color: #464ee3;
}

.check_list .input_wrap label {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.check_list .input_wrap input {
    width: 15px;
    height: 15px;
    margin: 3px;
    margin-left: 7px;
    border-radius: 0;
    accent-color: #464ee3;
}

/* input custom */
/* .check_list .input_wrap label {user-select: none}
.check_list .input_wrap input {appearance: none}
.check_list .custom_checkbox {display: inline-block;width: 18px;height: 18px;margin: 3px;border: 1px solid #262626;box-sizing: border-box}
.check_list input:checked + .custom_checkbox {background: url("../img/board/inus/check_fill.png") center no-repeat;border: none} */

/* orderresult_inus css */
.orderresult_txt p {
    margin-top: 60px;
    font-size: 36px;
    font-weight: 700;
    color: #262626;
    text-align: center;
}

.inus_order_section {
    margin-top: 40px;
    padding: 28px 310px;
    border: 1px solid #c9c9c9;
    font-family: NBG;
    color: #262626;
}

.inus_order_section .img_wrap {
    float: left;
    overflow: hidden;
    width: 100px;
    height: 100px;
    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: 14px;
    text-align: right;
}

.inus_order_section ul.text_r li {
    margin-bottom: 2px;
    font-size: 13px;
    color: #767676;
}

.inus_order_section .select_info {
    margin-bottom: 4px;
    text-align: right;
}

.inus_order_section .select_info p:first-of-type {
    margin-bottom: 4px;
    font-size: 14px;
    color: #767676;
}

.inus_order_section .select_info p:last-of-type {
    font-size: 16px;
    font-weight: 700;
}

.inus_order_section .tit {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
}

.inus_order_section .section_box {
    margin-bottom: 16px;
}

.inus_order_section .h18 {
    height: 18px;
    margin-bottom: 10px;
    line-height: 1;
}

.inus_order_section .total_info {
    margin: 24px 0;
    padding-top: 31px;
    border-top: 1px solid #767676;
}

.inus_order_section .total_info div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.inus_order_section .total_info .tit {
    margin-bottom: 0;
}

.inus_order_section .total {
    flex: 1;
    font-size: 24px;
    font-weight: 700;
}

.inus_order_section .account {
    flex: 1;
}

.inus_order_section .info_txt {
    font-size: 14px;
    letter-spacing: 0;
}

.confirmation_btn {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 17.5px 0;
    background: #464ee3;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

a.confirmation_btn:link, a.confirmation_btn:visited {
    color: #fff;
}

.blank {
    height: 145px;
    background: #fff;
}

.info_txt_wrap {
    margin-bottom: 40px;
}

.info_txt_wrap .info_txt {
    margin-bottom: 24px;
}

#wrapper {
    position: relative;
}

.btn_top {
    position: fixed;
    bottom: 10%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    transform: translate(570px, 0);
}

.btn_top .btn_link {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

/* body {scroll-behavior: smooth} */

/* board hansem css 240214 */
.hansem_package .thumb_link {
    background: pink;
}

.subpage_wrap .pkg_sub_tab {
    display: flex;
    justify-content: center;
    bottom: -22px;
}

.pkg_sub_tab li {
    overflow: hidden;
    width: 198px;
    height: 45px;
    margin-right: 8px;
    border: 1px solid #1e88e5;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 0px 1px 1px rgb(20 86 144 / 20%);
    white-space: nowrap;
}

.pkg_sub_tab li:hover, .subpage_wrap .pkg_sub_tab li.on {
    background: #1e88e5;
}

.subpage_wrap .pkg_sub_tab li:hover a, .subpage_wrap .pkg_sub_tab li.on a {
    color: #fff;
}

.subpage_wrap .pkg_sub_tab li a {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #3b3b3d;
    line-height: normal;
}

.pkg_sub_tab li a::before {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 66px;
    height: 14px;
    margin-right: 4px;
    content: '';
}

.pkg_sub_tab li:nth-of-type(1) a::before {
    width: 89px;
    background: url("../img/board/package/logo_kovi.png") center / contain no-repeat;
}

.pkg_sub_tab li:nth-of-type(2) a::before {
    background: url("../img/board/package/logo_hansem.png") center / cover no-repeat;
}

.pkg_sub_tab li:nth-of-type(3) a::before {
    width: 78px;
    background: url("../img/board/package/logo_younglim.png") center / cover no-repeat;
}

.pkg_sub_tab li:nth-of-type(4) a::before {
    width: 47px;
    background: url("../img/board/package/logo_inus.png") center / cover no-repeat;
}

.pkg_sub_tab li:nth-of-type(1):hover a::before, .pkg_sub_tab li:nth-of-type(1).on a::before {
    background: url("../img/board/package/logo_kovi2.png") center / contain no-repeat;
}

.pkg_sub_tab li:nth-of-type(2):hover a::before, .pkg_sub_tab li:nth-of-type(2).on a::before {
    background: url("../img/board/package/logo_hansem.png") center / cover no-repeat;
}

.pkg_sub_tab li:nth-of-type(3):hover a::before, .pkg_sub_tab li:nth-of-type(3).on a::before {
    background: url("../img/board/package/logo_younglim2.png") center / contain no-repeat;
}

.pkg_sub_tab li:nth-of-type(4):hover a::before, .pkg_sub_tab li:nth-of-type(4).on a::before {
    background: url("../img/board/package/logo_inus2.png") center / contain no-repeat;
}

.subpage_wrap .pkg_sub_tab .last {
    margin-right: 0;
}

.hansem .btn {
    text-align: center;
    box-sizing: border-box;
}

.buy .pkg .main_tit {
    margin-bottom: 50px;
    font-weight: 600;
    color: #171717;
    text-align: center;
}

/* view_hansem_younglim  */
.etc_sheet .address_wrap {
    padding-top: 0;
    border-top: none;
}

.etc_sheet .type_wrap .tit_area {
    margin-bottom: 8px;
}

.etc_sheet .type_select {
    width: 100%;
    height: auto;
    padding: 16px;
    border: transparent;
    background: #f5f5f5;
}

.etc_sheet .type_select:focus {
    background: #f3f3f3;
}

.ordersheet_wrap {
    display: none;
    right: 0;
    left: auto;
}

.ordersheet_wrap.collapse {
    right: -400px;
}

.ordersheet {
    overflow-y: overlay;
    overflow-x: hidden;
    width: 400px;
    height: 100%;
    padding: 20px 20px 0;
    padding-right: 10px;
    border-radius: 0;
}

.btn_handle_expand {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 200px;
    padding: 0 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #464ee3;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    transform: translate(-40px, -50%);
}

.order_form {
    min-width: auto;
    max-width: 500px;
}

.option_detail {
    padding: 24px 16px 14px;
}

.tab_content li {
    margin: 0;
    margin-bottom: 10px;
}

.tab_content li:nth-of-type(3n-1) {
    margin: 0 15px 10px;
}

.address .first .zipcode {
    width: 28%;
}

.address .first .mid {
    width: 43.5%;
}

.address .search_zipcode_btn {
    width: 26.5%;
}

.buy_pkg_view .buy_con {
    width: 1050px;
}

.buy_pkg_view .buy_con .textbox {
    width: 502px;
}

.ordersheet_wrap input:focus, .ordersheet_wrap select:focus,
.ordersheet_wrap textarea:focus-visible {
    border-radius: 2px;
    outline: 1px solid #464ee3;
}

.ordersheet_wrap input[type="checkbox"]:focus {
    border-radius: 0;
}

.ordersheet_wrap .check_list .text span {
    color: #464ee3;
}

/* 쇼룸 */
.vr_wrap {
    width: 1000px;
    margin: 0 auto;
    font-family: 'Pretendard', sans-serif;
}

.vr {
    padding: 51px 60px;
    background: url("../img/board/package/bg_blur.jpg") 0 0 no-repeat;
}

.vr_tit {
    margin-bottom: 51px;
    font-size: 34px;
    font-weight: 800;
    color: #fff;
}

.vr_tit span {
    background: #987A46;
}

.vr .img_wrap {
    display: flex;
    margin-top: 51px;
}

.vr_btn_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 61px 46px 0;
}

.btn_show_vr {
    width: calc((100% - 120px)/4);
    max-width: 196px;
    margin: 0 0 33px;
    padding: 15px 0;
    border: 1px solid transparent;
    border-radius: 20px;
    font-size: 26px;
    color: #fff;
}

.hansem .btn_show_vr {
    background: #827670;
}

.hansem .btn_show_vr:hover, .hansem .btn_show_vr:focus, .hansem .btn_show_vr.on {
    border: 1px solid #827670;
    background: #fff;
    color: #827670;
}

.younglim .btn_show_vr {
    background: #5f564c;
}

.younglim .btn_show_vr:hover, .younglim .btn_show_vr:focus, .younglim .btn_show_vr.on {
    border: 1px solid #5F564C;
    background: #fff;
    color: #5F564C;
}

.pkg .img_wrap {
    overflow: hidden;
}

.etc_package .major_img {
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
    width: 388px;
    height: 233px;
    margin-right: 30px;
}

.etc_package .major_img img {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

.major_img .product_info {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 0;
    justify-content: space-between;
    width: 100%;
    padding: 0 18px 0 13px;
    color: #fff;
    box-sizing: border-box;
}

.product_info .product_name {
    font-size: 24px;
    font-weight: 700;
}

.product_info .product_feature {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
}

.product_info .product_size {
    align-self: flex-end;
    font-size: 28px;
    font-weight: 700;
}

.product_info .left {
    display: flex;
    flex-direction: column;
}

.pkg .package_list {
    display: flex;
}

.etc_package .product {
    justify-content: center;
}

.buy .pkg .etc_package .thumb {
    height: auto;
}

.etc_package p.tit:first-of-type {
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
    color: #212529;
}

.etc_package .size2 {
    font-size: 14px;
    font-weight: 400;
    color: #868e96;
}

.etc_package .info .consumer_price2 {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #495057;
    white-space: nowrap;
}

.buy .etc_package .price {
    font-size: inherit;
    color: inherit;
}

.buy .all .list_inner {
    padding: 0 0 100px;
}

.buy .all .list_inner:nth-of-type(1) {
    padding-top: 85px;
}

/* buy */
.buy .buy_plan .section_title {
    margin-bottom: 40px;
    font-family: 'NSBold';
    font-size: 36px;
    color: #212529;
    line-height: 1.33;
}

.buy_plan .plan_category {
    font-size: 14px;
    font-weight: 500;
    color: #343a40;
    line-height: 1.43;
}

.buy_plan .plan_name {
    margin: 5px 0 32px;
    font-size: 18px;
    font-weight: 600;
    color: #212529;
    line-height: 1.56;
}

.buy_plan .plan_price {
    font-size: 32px;
    font-weight: 700;
    color: #212529;
    line-height: 1.38;
}

.buy_plan .payment_cycle {
    font-size: 24px;
    font-weight: 600;
    color: #868e96;
}

.buy .list .plan_note {
    font-size: 16px;
    font-weight: 500;
    color: #676f77;
    text-align: center;
    line-height: 1.5;
}

.buy_plan .feature_name {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500;
    color: #676f77;
    line-height: 1.43;
}

.buy_plan .accent .feature_name {
    color: #f92d00;
}

.feature_name .extra_label {
    color: #f92d00;
}

.buy_plan .btn_cta {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.buy_plan .btn_cta:disabled, .buy_plan .btn_cta.disabled {
    background-color: #c6cdd4;
    color: #495057;
}

.buy .buy_plan .plan_description p {
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    line-height: 1.43;
}

.plan_note .upgrade {
    font-size: 18px;
    font-weight: 600;
    color: #343a40;
    line-height: 1;
}

.feature_item .tooltip {
    font-size: 12px;
    font-weight: 500;
    color: #495057;
    word-break: keep-all;
}

.buy .buy_plan * {
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
}

.buy .buy_plan .list_inner {
    padding: 80px 0;
}

.buy_plan .plan_section {
    margin-bottom: 120px;
}

.buy_plan .plan_section:last-of-type {
    margin-bottom: 0;
}

.buy .buy_plan .plan_wrap {
    display: flex;
}

.buy_plan .plan_card {
    width: calc(100%/3);
    padding: 32px 24px 40px;
    border: 1px solid #e7eaed;
}

.buy_plan .plan_wrap .plan_card:nth-of-type(2n) {
    border-width: 1px 0;
}

.buy_plan .price_unit {
    margin-left: -6px;
}

.buy_plan .feature_list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.buy .buy_plan .feature_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 0;
}

.buy_plan .feature_item.disabled .feature_name {
    text-decoration: line-through;
}

.buy_plan .feature_item.disabled .extra {
    position: relative;
    text-decoration-color: #f92d00;
}

.buy_plan .feature_item.disabled .extra::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 87px;
    height: 1px;
    background-color: #676f77;
    content: '';
}

.feature_item .tooltip_wrap {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.feature_item .tooltip {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 10;
    width: 272px;
    padding: 16px;
    border-radius: 10px;
    background-color: #f4f6f7;
    text-align: center;
    line-height: 1.5;
    cursor: auto;
    transform: translate(-50%, -34px);
}

.feature_item .link .tooltip {
    padding: 0;
}

.feature_item .tooltip a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px;
}

.tooltip_wrap:hover .tooltip {
    display: block;
}

.feature_item .tooltip::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    transform: translate(-50%, 75%) rotate(90deg);
}

.feature_item .tooltip::before {
    border: 16px solid transparent;
    border-left: 24px solid #f4f6f7;
    border-radius: 2px;
}

.feature_item .tooltip_icon {
    display: block;
    width: 14px;
    height: 14px;
    margin: 5px;
    background-image: url("../img/board/ico_tooltip1_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s;
}

.feature_item .link .tooltip_icon {
    background-image: url("../img/board/ico_tooltip2_1.svg");
}

.feature_item .tooltip_wrap:hover .tooltip_icon {
    background-image: url("../img/board/ico_tooltip1_2.svg");
}

.feature_item .link:hover .tooltip_icon {
    background-image: url("../img/board/ico_tooltip2_2.svg");
}

.feature_item .link .tooltip_wrap:hover .tooltip_icon {
    background-image: url("../img/board/ico_tooltip2_2.svg");
}

.plan_category {
    padding: 4px 8px;
    border-radius: 5px;
    background: #e7eaed;
    line-height: 1.43;
}

.plan_badge.standard {
    color: #f92d00;
}

.plan_badge.plus {
    color: #744eff;
}

.buy_plan .btn_cta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0 8px;
    padding: 16px;
    border-radius: 10px;
    background-color: #212529;
}

.buy_plan .btn_cta:not(:disabled):not(.disabled):hover {
    background-image: radial-gradient(ellipse at 50% 120%, #868e96, #212529 70%);
}

.buy .list .plan_note {
    height: 48px;
    margin-bottom: 20px;
}

.buy_plan .upgrade_card {
    background-image: linear-gradient(to bottom, #fff, rgba(116, 78, 255, 0) 60%, rgba(116, 78, 255, 0.25) 100%);
}

.buy_plan .upgrade_card .plan_note {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 5px;
}

.buy_plan .plan_note .upgrade {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.buy_plan .upgrade::before {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #676F77;
    content: '';
    mask: url("../img/board/ico_right.svg") no-repeat center;
}

.buy .buy_plan .plan_description p {
    margin: 0 0 14px;
}

.buy .buy_plan .plan_description p:last-of-type {
    margin: 0;
}