@import url("reset.css?v=25090105");
@import url("slick.css?v=25090105");
@import url("swiper.css?v=25090105");

:root{
    --padding:0 20px;
    --width:1288px;
    --point-color-1:#F08300; 
}

/* header */
.top_banner{position:relative; background-color:#3E3939; min-width:var(--width);}
.top_banner .inner{position:relative; margin:0 auto; padding:var(--padding); width:var(--width); box-sizing:border-box;}
.top_banner .inner a{text-align:center; width:100%; height:63px; display:flex; align-items: center; justify-content: center; font-size:1.5rem; color:var(--point-color-1)}
.top_banner .btn_top_banner{position:absolute; right:20px; top:50%; padding-right:25px; display:inline-block; font-size:0.75rem; color:#9F9FA0; transform:translateY(-50%); line-height:18px; background:url(../img/btn_close.svg) no-repeat right center;}

.header{min-width: var(--width);}
.header_inner{position:relative; z-index:21; margin:0 auto; padding:var(--padding); box-sizing:border-box; width:var(--width);}
.util_menu_area{background-color:#EFEFEF;}
.util_menu_area .header_inner{display:flex; align-items: center; height:48px;}
.util_menu_area .left_menu{display:flex; align-items: center;}
.util_menu_area .left_menu li{position:relative; padding:0 10px; }
.util_menu_area .left_menu li:before{position:absolute; left:0; top:50%; width:1px; height:14px; background-color:#9F9FA0; display:block; content:""; transform: translateY(-50%); }
.util_menu_area .left_menu li a{font-size:0.75rem; color:#7d7d7d;  font-weight:300;}
.util_menu_area .left_menu li a strong{font-weight:inherit; color:#666464;}
.util_menu_area .left_menu li.mm01 a {font-size:12px;color:#666464;font-weight:300}
.util_menu_area .left_menu li.mm02 a {font-size:12px;color:#666464;font-weight:300}
.util_menu_area .left_menu li.mm03 a {font-size:12px;color:#666464;font-weight:300}
.util_menu_area .left_menu li:first-child{padding-left:0;}
.util_menu_area .left_menu li:first-child:before{display:none;}
.util_menu_area .ml-auto{display:flex; align-items: center;}
.util_menu_area ul{display:flex; align-items: center;}
.util_menu_area ul li{position:relative; padding:0 10px;line-height: 1;}
.util_menu_area ul li:before{position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#a1a1a1; display:block; content:""; transform:translateY(-50%); }
.util_menu_area ul li:first-child:before{display:none;}
.util_menu_area ul li a{font-size:12px; color:#7D7D7D; line-height:1; vertical-align: top; margin-top:2px; display:inline-block;}
.util_menu_area ul li a strong{font-weight:600; color:#727171;}
.util_menu_area ul.right_menu_1 li:first-child{padding-left:0;}

.util_menu_area ul li.mr05 a {font-size:12px;color:#9F9FA0;font-weight:300}

.util_menu_area ul li.log01:first-child:before{position:absolute; left:-6px; top:50%; background:url(../img/smenu-left01.png) no-repeat center center; background-size:8px auto; width:8px; display:block; content:""; transform:translateY(-50%);}
.util_menu_area ul li.log02:before{position:absolute; left:-6px; top:50%; background:url(../img/smenu-left02.png) no-repeat center center; background-size:8px auto; width:8px; display:block; content:""; transform:translateY(-50%);}
.util_menu_area ul.right_menu_2{padding:4px 5px; border:1px solid #9F9FA0;}
.util_menu_area ul.right_menu_2 li a{font-weight:300;}

.header .logo_area{padding:25px 0 11px;display:Flex; align-items: center;}
.header .logo img{display:block;max-width:120px;}
.header .menu{margin-left:auto;padding-top:6px}
.header .menu>ul{display:flex; align-items: center; gap:20px;}
.header .menu>ul>li{position:relative;  text-align:center;}
.header .menu>ul>li>*{position:relative; z-index:6; padding-top: 30px; width:100%; display:block; font-size:0.6875rem; color:#9F9FA0; transition: all 0.3s ease-out;}
.header .menu>ul>li:hover>a{color:#727171;}
.header .menu>ul>li a {width:27px}
.header .menu>ul>li a span {display:none}
.header .menu>ul>li.icon_1>*{background:url(../img/icon_search_30px.svg) no-repeat center 0; background-size:auto 22px;}
.header .menu>ul>li.icon_2>a{background:url(../img/icon_mypge_30px.svg) no-repeat center 0; background-size:auto 22px;}
.header .menu>ul>li.icon_3>*{background:url(../img/icon_cart_30px.svg) no-repeat center 0; background-size:auto 22px;}
.header .menu>ul>li.icon_4>*{background:url(../img/icon_heart_30px.svg) no-repeat center 0; background-size:auto 22px;}
.header .menu>ul>li.icon_5>*{background:url(../img/icon_order_30px.svg) no-repeat center 0; background-size:auto 22px;}
.header .menu>ul>li.icon_6>*{background:url(../img/icon_star_30px.svg) no-repeat center 0;}
.header .menu>ul>li:hover .s_menu{visibility: visible; opacity:1;}
.header .menu>ul>li .s_menu{position:absolute; left:50%; top:40px; z-index:5; padding:10px; width:100px; transform:translateX(-50%); background-color:#fff; box-sizing:border-box; visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.header .menu>ul>li .s_menu:before{position:absolute; left:50%; top:0; width:54px; height:1.5pt; background-color:#9F9FA0; display:block; content:""; transform:translateX(-50%);border-radius: 50px;}
.header .menu>ul>li .s_menu li {padding:2px 0}
.header .menu>ul>li .s_menu li a{font-size:12px; color:#666464; transition: all 0.3s ease-out; line-height:1.8;}
.header .menu>ul>li .s_menu li a:hover{color:#3E3A39; font-weight:500;}

.gnb_wrap{position:sticky; top:0; z-index:20; padding-top:10px; background-color:#fff; border-bottom: 2px solid var(--point-color-1);}
.gnb_area{padding-bottom:15px; display:flex; align-items: center; }
.total_menu_open{width:20px; height:20px; background:url(../img/btn_allmenu.svg) no-repeat center 6px;}
.gnb>ul{display:flex; align-items: center;}
.gnb>ul>li{position:relative; margin-left:25px; }
.gnb>ul>li>a{padding:15px 0; text-align:center; font-size:16px; font-weight:400; color:#666464; transition: all 0.3s ease-out;}
.gnb>ul>li.active>a, .gnb>ul>li:hover>a{color:var(--point-color-1);}
.gnb>ul>li:hover .s_gnb{visibility: visible; opacity:1;}
.s_gnb{position:absolute; left:50%; top:38px; z-index:5; padding:5px 0 0; width:148px; transform:translateX(-50%); visibility: hidden; opacity:0; }
.s_gnb>ul:before{position:absolute; left:50%; top:17px; width:0; height:1.5pt; background-color:#9F9FA0; display:block; content:""; transform:translateX(-50%); transition: all 0.3s ease-out;border-radius: 50px; }
.s_gnb>ul{position:relative; width:100%; padding:21px 16% 20px; background-color:#fff; box-sizing:border-box;  text-align:center; border: 1px solid #D6D6D6; border-top:none;}
.s_gnb>ul>li {padding:3px 0}
.s_gnb>ul>li>a{font-size:0.875rem; color:#666464; transition: all 0.3s ease-out; line-height:2;}
.s_gnb>ul>li.active>a, .s_gnb>ul>li>a:hover{color:#3E3A39; font-weight:500;}
.gnb>ul>li:hover .s_gnb>ul:before{width: 90px;}
.s_gnb>ul>li:first-child {padding-top:7px}

.top_search{position:absolute; left:0; top:213px; z-index:20; width:100%; height:300px; background-color:#fff; display:flex; align-items: center; justify-content: center; visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.top_search.active{visibility: visible; opacity:1;}
.top_search .inner{margin:0 auto; width:100%; max-width:890px; }
.top_search .search{position:relative; width:100%;}
.top_search .search input[type=text]{width:100%; padding-right:60px; text-align:center; height:60px; line-height:60px; border:none; border-bottom:2px solid #4C4948; font-size:34px; font-weight:300;}
.top_search .search .btn_search{position:absolute; right:15px; top:50%; width:34px; height:34px; background:url(../img/icon_search_30px.svg) no-repeat center center;  display:block; transform:translateY(-50%); text-indent: -9999px;border:0}
.top_search .search_word{margin-top:10px; display:flex; align-items: center; justify-content: center;}
.top_search .search_word .tit{font-size:15px; color:#4C4948;}
.top_search .search_word ul{display:flex; align-items: center; }
.top_search .search_word ul li{position:Relative; padding:0 10px;}
.top_search .search_word ul li:before{position:absolute; left:0; top:50%; width:1px; height:15px; background-color:#707070; transform:translateY(-50%); display:block; content:"";}
.top_search .search_word ul li:first-child:before {display:none}
.top_search .search_word ul li button{font-size:15px; color:#7d7d7d;}

.main_visual{position:relative; overflow:Hidden;}
.main_visual .list{positioN:relative; vertical-align:top; display:none;}
.main_visual .list:first-child{display:block;}
.main_visual .list img{width:100%;}
.main_vs_txt{position:absolute; left:50%; top:50%; z-index:2; max-width:var(--width); width:100%; padding:var(--padding); box-sizing:border-box; transform:translate(-50%, -50%); text-align:right;}
.main_vs_txt>div{text-align:left; padding:0 15%; display:inline-block; font-size:1.75rem; color:#4C4948;}
.main_vs_txt span{display:block; font-size:0.875rem; }
.main_vs_txt strong{font-size:inherit; font-weight:600;}
.main_vs_txt p{margin-top:10px; font-size:0.875rem; color:#727171;}
.main_visual .slick-prev{position:absolute; left:20px; top:50%; z-index:5; width:28px; height:50px; background:url(../img/visual_prev.svg) no-repeat center center; transform:translateY(-50%); display:block; text-indent:-9999px;}
.main_visual .slick-next{position:absolute; right:20px; top:50%; z-index:5; width:28px; height:50px; background:url(../img/visual_prev.svg) no-repeat center center; transform:translateY(-50%) rotate(-180deg); display:block; text-indent:-9999px;}
.main_visual .slick-dots{position:absolute; left:0; bottom:23px; width:100%; text-align:center; display:flex; align-items: center; justify-content: center;}
.main_visual .slick-dots li{margin:0 3px;}
.main_visual .slick-dots li button{width:11px; height:11px; background-color:#fff; border-radius:50%; text-indent:-9999px; border-radius:50%; opacity:0.75;}
.main_visual .slick-dots li.slick-active button{background-color:var(--point-color-1)}

.main_cont{margin:0 auto; padding:var(--padding); max-width:var(--width); box-sizing:border-box;}
.main_cont_1{padding:30px 0;}
.main_cont_1 ul{display:flex; flex-wrap:wrap;}
.main_cont_1 ul li{width:22.8%; margin-right:2.9%;}
.main_cont_1 ul li:last-child{margin-right:0;}
.main_cont_1 ul li .txt{margin-bottom:18px; text-align:center;font-size:1.125rem; color:#666464; }
.main_cont_2{padding:45px 0 30px;}
.main_cont_2 .main_cont{position:relative; }
.main_cont_2 .more{position:absolute; right:20px; top:8px;}
.main_cont_2 .more a{padding-left:17px; background:Url(../img/icon_plus_11px.svg) no-repeat 0 center; display:inline-block; font-size:17px; font-weight:300; color:#9F9FA0;}
.main_cont .title_area{margin-bottom:30px; border-bottom:1px solid #666464;}
.main_cont .title_area h1{position:relative; padding-bottom:10px; line-height:1; font-size:1.25rem; font-weight:300; display:inline-block; }
/*.main_cont .title_area h1:before{position:absolute; left:0; bottom:0; width:100%; height:4px; background-color:#444; display:block; content:"";}*/
.main_cont .title_area h1 strong{margin-right:10px; font-size:25px; font-weight:300; color:#666464;}
.main_cont .title_area h1 span{font-size:17px; color:#9f9fa0; font-weight:300;}
.main_list{position:relative;}
.main_list>ul{display:flex; flex-wrap:wrap;}
.main_list>ul>li{width:20.5%; padding-right:2.5%; box-sizing:border-box;}
.main_list>ul>li:nth-child(5n){width:18%; padding-right:0;}
.main_list>ul>li .img_area{position:relative; margin-bottom:10px;}
.main_list>ul>li .img_area>a{position:relative; padding-bottom:93.75%; display:block;}
.main_list>ul>li .img_area>a img{position:absolute; left:0; top:0; max-width:100%; max-height:100%; object-fit: cover;}
.main_list>ul>li:Hover .control{opacity:1;}
.main_list>ul>li .control{position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:3px 10px; background:rgba(0,0,0,0.45); display:block; box-sizing:border-box; opacity:0; transition: all 0.3s ease-out;}
.main_list>ul>li .control ul{display:flex; align-items: center; flex-wrap:wrap;}
.main_list>ul>li .control ul li{position:relative; width:33.33%; text-align:center;}
.main_list>ul>li .control ul li:before{position:absolute; left:0; top:50%; width:1px; height:100%; background-color:#666666; display:block; content:""; transform:translateY(-50%);}
.main_list>ul>li .control ul li:first-child:before{display:none;}
.main_list>ul>li .control ul li>*{padding-top:22px; width:100%; display:block; font-size:9px; color:#000; text-align:center;}
.main_list>ul>li .control ul li .icon_preview{background:url(../img/icon_view_20px.svg) no-repeat center 0;}
.main_list>ul>li .control ul li .icon_like{background:url(../img/icon_heart_20px.svg) no-repeat center 0;}
.main_list>ul>li .control ul li .icon_like.active{background:url(../img/icon_heart_20px_on.svg) no-repeat center 0; color:#fff;}
.main_list>ul>li .control ul li .icon_order{background:url(../img/icon_order_20px.svg) no-repeat center 0;}
.main_list>ul>li .txt_area{display:flex; align-items: flex-end; flex-wrap:wrap;padding:0 15px}
.main_list>ul>li .txt_area .state{width:40px; height:40px; border:1px solid #9F9FA0; box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size:11px; color:#9F9FA0; font-weight:300;}
.main_list>ul>li .txt_area .state.complete{border-color:var(--point-color-1); color:var(--point-color-1);}
.main_list>ul>li .txt_area .item{padding:0 4px; width:calc(100% - 123px); box-sizing:border-box; letter-spacing:-0.2px;}
.main_list>ul>li .txt_area .item strong{display:block; font-size:19px; color:#9F9FA0; font-weight:500;}
.main_list>ul>li .txt_area .item span{position:relative; display:block; font-size:13px; color:#898989; font-weight:300;}
/*.main_list>ul>li .txt_area .item span:after{position:absolute; right:0; top:10px; width:1px; height:12px; background-color:#85868A; display:block; content:""; transform: translateY(-50%);}*/
.main_list>ul>li .txt_area select{position:relative; padding:0 10px 0 5px; width:53px; height:20px; line-height:1; border:none; font-size:13px; color:#85868A; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../img/select_srrow2.svg) no-repeat right 0 center; background-size:8px;}
.main_list>ul>li .txt_area .wrap-select-block {position:relative;}
.main_list>ul>li .txt_area .wrap-select-block:before {content: "|";position: absolute;left: -5px;top: 52%;transform: translateY(-50%);color: #C6C6C6;font-size: 10px;}
.main_list>ul>li.wrap-item-list .txt_area .item{width:calc(100% - 95px);}

.main_list.sub>ul>li .txt_area {padding:0 2px 0}
.main_list.sub>ul>li .txt_area select {width:52px;}
.main_list.sub>ul>li .txt_area .wrap-select-block:before {left: -3px;}
.main_list.sub>ul>li.wrap-item-list .txt_area .item {width:calc(100% - 93px);}

.main_banner{position:relative; padding:30px 0 60px;}
.main_banner_rolling .list a{position:relative; padding:0; width:100%; background-color:#FCDDD0; height:197px; display:flex; box-sizing:border-box; justify-content: space-between; align-items: center; font-size:1.5rem;}
.main_banner_rolling .list a span{margin-top:8px; display:block; color:#9F9FA0; font-size:0.9375rem;}
.main_banner_rolling .slick-prev{position:absolute; left:3%; top:50%; z-index:5; width:54px; height:54px; background:url(../img/banner_prev.svg) no-repeat center center; background-size:100%; text-indent: -9999px; display:block; transform:translateY(-50%);}
.main_banner_rolling .slick-next{position:absolute; right:3%; top:50%; z-index:5; width:54px; height:54px; background:url(../img/banner_next.svg) no-repeat center center; background-size:100%; text-indent: -9999px; display:block; transform: translateY(-50%);}

/* footer */
.footer{padding:0 0 28px; background-color:#EBECEC; min-width: var(--width);}
.footer_inner{margin:0 auto; padding:30px 20px 40px; max-width:var(--width); box-sizing:border-box; }
.footer .d-flex{display:flex;}
.footer .custom_center{width:26.76%;}
.footer .custom_center ul li{display:flex; align-items: center;}
.footer .custom_center ul li:first-child{margin-bottom:8px;}
.footer .custom_center ul li .tit{width:67px; font-size:12px; color:#898989;}
.footer .custom_center ul li .tit.btm {padding-top:10px;padding-bottom: 2px;display: inline-block;}
.footer .custom_center ul li .tel{width: calc(100% - 67px); font-size:23px; color:#666464;}
.footer .custom_center ul li .txt{width:calc(100% - 67px); font-size:15px; color:#898989;}
.footer .custom_center ul li .txt span.sm{font-size:13px; color:#85868A; }
.footer .bank{position:relative; width:41%; text-align:center;}
.footer .bank>div{display:inline-block; text-align:left;}
.footer .bank:before{position:absolute; left:0; top:0; width:1px; height:72px; border-left:1px solid #BABABD; display:block; content:"";}
.footer .bank:after{position:absolute; right:0; top:0; width:1px; height:72px; border-left:1px solid #BABABD; display:block; content:"";}
.footer .bank ul{display:flex;}
.footer .bank ul li{margin-left:35px;}
.footer .bank ul li:first-child{margin-left:0;}
.footer .bank ul li .logo{font-size:15px; font-weight:500; color:#7D7D7D;}
.footer .bank ul li .number{font-size:19px; color:#7D7D7D;}
.footer .bank ul li .name{font-size:13px; color:#9F9FA0;}
.footer .bank ul li .name span.imt{color:#7D7D7D;}
.footer .shopping{width:32.24%; text-align:right;}
.footer .shopping h1{padding-left:18px;}
.footer .shopping>div{width:300px; display:inline-block; text-align:left;    margin-right: -18px;}
.footer .shopping ul{display:Flex; flex-wrap:wrap; justify-content: space-between;}
.footer .shopping ul li{width:25%; text-align:center;}
.footer .shopping ul li span{font-size:9px; color:#9A9B9F; font-weight:300;vertical-align:top}
.footer h1{margin-bottom:10px; font-family: "myriad-pro-condensed", sans-serif; font-weight:300; font-size:1.1875rem; color:#9F9FA0;}
.footer_menu_area{display:flex; padding:14px 0 14px; background-color:#D8D8DA; display:flex; align-items: flex-end;}
.footer_menu_area .cont{margin:0 auto; width:100%; max-width:var(--width); padding:var(--padding); box-sizing:border-box; display:flex; align-items: center;}
.footer_menu ul{display:Flex; align-items: center;}
.footer_menu ul li{position:relative; padding:0 10px; font-size:0.75rem; color:#4C4948;}
.footer_menu ul li a{font-size:13px;color:#898989;}
.footer_menu ul li:before{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; display:block; background-color:#B6B6B6; content:"";}
.footer_menu ul li:First-child{padding-left:0;}
.footer_menu ul li:First-child:before{display:none;}
.footer_info_area{padding-top:20px; display:flex;}
.footer_info ul{display:flex; align-items: center;}
.footer_info ul li{position:relative; padding:0 10px; font-size:12px; color:#898989; }
.footer_info ul li:before{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; display:block; background-color:#B6B6B6; content:"";}
.footer_info ul li:First-child{padding-left:0;}
.footer_info ul li:First-child:before{display:none;}
.nhn_logo{margin-left:auto;}
.footer .family_site{position:relative; margin-left:auto;}
.footer .family_site .family_site_open{position:relative; padding:0 25px 0 16px; width:156px; height:28px; line-height:28px; background:url(../img/select_arrow.svg) no-repeat right 16px center #EBECEC;  font-size:13px; box-sizing:border-box; color:#7D7D7D; text-align:left;}
.footer .family_site .family_site_list{position:absolute; left:0; top:100%; width:100%; background-color:#fff; display:none;padding: 5px 0;}
.footer .family_site .family_site_list ul li{}
.footer .family_site .family_site_list ul li a{padding:5px 20px; display:block; font-size:10px;color:#727171;font-weight : 300 }
.footer .family_site .family_site_list ul li.mr01 a {color:#727171;}
.footer .family_site .family_site_list ul li.mr03 a {color:#9F9FA0;}
/*.footer .family_site .family_site_list ul li a:hover{background-color:#f5f5f5; }*/
.footer .family_site.active .family_site_list{display:block;}

/* quick */
.quick{position:fixed; right:0; top:50%; z-index:30; width:95px; transform:translateY(-50%); background-color:#fff; display:none;}
.quick .menu{background-color:#EFEFEF; }
.quick .menu ul li{height:63px; display:flex; align-items: center; justify-content: center; border-top:1px solid #898989;}
.quick .menu ul li:first-child{border-top:none;}
.quick .menu ul li a{padding-top:27px; width:100%; display:block;  font-size:0.8125rem; color:#9F9FA0; text-align:center;}
.quick .menu ul li.icon_1 a{background:url(../img/icon_star_30px.svg) no-repeat center 0;}
.quick .menu ul li.icon_2 a{background:url(../img/icon_search_30px.svg) no-repeat center 0;}
.quick .menu ul li.icon_3 a{background:url(../img/icon_mypge_30px.svg) no-repeat center 0;}
.quick .menu ul li.icon_4 a{background:url(../img/icon_cart_30px.svg) no-repeat center 0;}
.quick .menu ul li.icon_5 a{background:url(../img/icon_webhard_25px.svg) no-repeat center 0;}
.quick .menu ul li.icon_6 a{background:url(../img/contact.svg) no-repeat center 0;}
.quick .recently_item .tit{padding:15px 0; font-size:0.75rem; color:#fff; text-align:center; background-color:#595757;}
.recently_item_list{padding:0 10px; background-color:#EFEFEF;}
.recently_item_list ul li{margin-bottom:2px;}
.recently_item_list ul li:last-child{margin-bottom:0;}
.recently_item .control{display:flex; align-items: center; justify-content: center; background-color:#898989; height:38px;}
.recently_item .recently_prev{width:6px; height:8px; background:url(../img/recently_prev.svg) no-repeat center center;}
.recently_item .recently_next{width:6px; height:8px; background:url(../img/recently_next.svg) no-repeat center center;}
.recently_item .recently_number{margin:0 8px; font-size:0.75rem; color:#333;}
.recently_item .recently_number strong{font-weight:600;}

/* main_popup */
.main_popup{position:fixed;left:0; top:50%; z-index:90; transform:translateY(-50%);}
.main_popup.btm_popup{top:auto; bottom:0; transform:translateY(0);}
.main_popup .btm_area{background-color:#111111; }
.main_popup .btm_area ul{display:flex; align-items: center; justify-content: center;}
.main_popup .btm_area ul li{position:relative; width:50%; height: 45px; display:flex; align-items: center; -ms-flex-align: center; justify-content: center; border-left:1px solid #303030;}
.main_popup .btm_area ul li:First-child{border-left:none;}
.main_popup .btm_area .not_today{position:relative; overflow:hidden; display:inline-block; }
.main_popup .btm_area .not_today input[type=checkbox]{position:absolute; left:-20px; top:0; }
.main_popup .btm_area .not_today label{padding-left:27px; display:block; line-height:20px; font-size:0.75rem; color:#999999;}
.main_popup .btm_area .not_today label:before{position:absolute; left:0; width:19px; height:19px; background:url(../img/icon_check.svg) no-repeat center center; display:block; content:"";}
.main_popup .btm_area .main_popup_close{font-size:0.75rem; color:#999999;}

.container{min-width:var(--width);}
.sub_container{padding-bottom:100px;}
.sub_cont{margin:0 auto; padding:var(--padding); width:var(--width); box-sizing:border-box;}
.list_top_area{padding:72px 0 40px; display:flex; align-items: flex-end; }
.list_top_area h1{line-height:1; font-size:40px; font-weight:300; color:#898989;}
.list_top_area .total_num{margin-left:20px; font-size:20px; color:#898989; display:block; font-weight:300;}
.list_tab_area{margin-bottom:30px; display:flex; justify-content: space-between; }
.list_tab_area{border-bottom: 1px solid #9F9FA0;}
.list_tab_area .filter_area{display:flex; align-items: center;}
.list_tab_area .filter_area .align_list ul{display:flex; align-items: center;}
.list_tab_area .filter_area .align_list ul li{margin-left:8px;}
.list_tab_area .filter_area .align_list ul li button{width:23px; height:23px; display:block;}
.list_tab_area .filter_area .align_list ul li.type_1 button{background:url(../img/list_align_1.svg) no-repeat center center;}
.list_tab_area .filter_area .align_list ul li.type_2 button{background:url(../img/list_align_2.svg) no-repeat center center;}
.list_tab_area .filter_area .align_list ul li.type_3 button{background:url(../img/list_align_3.svg) no-repeat center center;}
.list_tab_area .filter_area .align_list ul li.type_1 button.active{background:url(../img/list_align_1_on.svg) no-repeat center center;}
.list_tab_area .filter_area .align_list ul li.type_2 button.active{background:url(../img/list_align_2_on.svg) no-repeat center center;}
.list_tab_area .filter_area .align_list ul li.type_3 button.active{background:url(../img/list_align_3_on.svg) no-repeat center center;}
.tabType_1>ul{display:flex; }
.tabType_1>ul>li{position:relative; margin-left:15px;}
.tabType_1>ul>li:first-child{margin-left:0;}
.tabType_1>ul>li>*{position:relative; padding-bottom:7px; font-size:16px; font-weight:300; color:#727171; letter-spacing:-0.5px;}
.tabType_1>ul>li.active>*:before{position:absolute; left:0; bottom:-1px; width:100%; height:2px; background-color:#4C4948; color:#4C4948; display:block; content:""; border-radius:20em;}
.tabType_1>ul>li.active>*{color:#4C4948;}
.list_tab_area select{margin-left:12px; padding:0 22px 0 7px; width:85px; line-height:22px; height:22px; border:1px solid #9F9FA0; font-size:0.75rem; color:#9F9FA0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../img/select_arrow.svg) no-repeat right 9px center;}
.list_tab_area select.w125{width:125px;}

.sub_cont .main_list>ul>li{padding-top:40px; padding-bottom:40px; padding-right:20px; width:calc((100% - 100px)/6); box-sizing:content-box;}
.sub_cont .main_list>ul>li:nth-child(6n){padding-right: 0;}
.sub_cont .main_list>ul>li:nth-child(1),
.sub_cont .main_list>ul>li:nth-child(2),
.sub_cont .main_list>ul>li:nth-child(3),
.sub_cont .main_list>ul>li:nth-child(4),
.sub_cont .main_list>ul>li:nth-child(5),
.sub_cont .main_list>ul>li:nth-child(6){border-top:none;}

.page_list{padding-top:20px; display:flex; align-items: center; justify-content: center}
.page_list .prev_all{width:12px; height:12px; background:url(../img/paging_btn_prev2.svg) no-repeat center center;}
.page_list .prev{margin-left:10px; width:6px; height:12px; background:url(../img/paging_btn_prev.svg) no-repeat center center;}
.page_list .next_all{width:12px; height:12px; background:url(../img/paging_btn_next2.svg) no-repeat center center;}
.page_list .next{margin-right:10px; width:6px; height:12px; background:url(../img/paging_btn_next.svg) no-repeat center center;}
.page_list ul{margin:0 30px; display:flex; align-items: center; ;}
.page_list ul li{margin-left:10px;}
.page_list ul li:first-child{margin-left:0;}
.page_list ul li span{width:22px; height:22px; line-height:20px; text-align:center; font-size:0.9375rem; color:#898989; display:block; text-align:center; border:1px solid #A4A4A4; box-sizing:border-box;  color:#4C4948;}
.page_list ul li a{width:22px; height:22px; line-height:22px; text-align:center; font-size:0.9375rem; color:#898989; display:block; text-align:center;}

/* preview_popup */
.preview_popup_wrap{position:relative; z-index:100; visibility: hidden; opacity:0; transition: all 0.3s ease-out; }
.preview_popup_wrap.active{visibility: visible; opacity:1;}
.preview_popup_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:101; background: rgb(0 0 0 / 85%); display:block; }
.preview_popup{position:fixed; left:50%; top:50%; z-index:102; max-width:1248px; padding:36px; width:100%; border:6px solid #4C4948; box-sizing:border-box; background-color:#fff; display:flex;  transform:translate(-50%, -50%);}
.preview_popup .img_area{width:58.2%;}
.preview_popup .big_img_area{position:relative; margin-bottom:20px;  width:100%; height:510px;}
.preview_popup .big_img_area img{width:100%; height:510px;}
.preview_popup .txt_area{margin-left:auto; width:38%; display:flex; flex-direction: column; justify-content: space-between;}
.preview_popup .thumbnail_list ul{display:flex;}
.preview_popup .thumbnail_list ul li{position:relative;margin-right:5px; width:132px; height:99px;}
.preview_popup .thumbnail_list ul li.on:before{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #444; display:block; content:""; box-sizing:border-box;}
.preview_popup .thumbnail_list ul li:last-child{margin-right:0;}
.preview_popup .thumbnail_list ul li img{width:132px; height:99px;}
.preview_popup .txt_area .title{padding:0 10px 5px; margin-bottom:15px; font-size:22px; font-weight:600; color:#666464; border-bottom:2px solid #7d7d7d;}
.preview_popup .select_list li{margin-bottom:5px; display:flex; align-items: center;}
.preview_popup .select_list li .tit{padding:0 10px; width:95px; font-size:15px; font-weight:300; color:#666464; box-sizing:border-box;}
.preview_popup .select_list li select{padding-left:10px; width:250px; height:30px; line-height:28px; border:1px solid #B6B6B6; box-sizing:border-box; border-color:#B6B6B6; color:#666464;}
.preview_popup .select_list li .more{margin-left:auto; display:block; width:90px; height:30px; line-height:30px; /*background:url(../img/icon_arrow_more_9px.svg) no-repeat right 12px center #666464;*/ background-color:#666464; font-size:12px; color:#fff; text-align:center; box-sizing:border-box;}
.preview_popup .select_list li .txt{padding-left:10px; width:calc(100% - 95px); box-sizing:border-box; font-size:15px; font-weight:500; color:#666464;}
.preview_popup .select_list li .txt span{color:var(--point-color-1); font-weight:500; vertical-align: top;}

.preview_popup .select_list li {position: relative;}
.preview_popup .select_list li .tooltip-box{position:absolute;right:22%;top:-20px;background:#fff;padding:8px 12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s;z-index:10;border:2px solid #c4c4c6}
.preview_popup .select_list li .tooltip-box::before{content:"";position:absolute;right:-16px;top: 34px;border-width:8px;border-style:solid;border-color:transparent transparent transparent #c4c4c6;transform:translateY(-50%) rotate(0deg);z-index:9}
.preview_popup .select_list li .tooltip-box::after{content:"";position:absolute;right:-12px;top: 27px;border-width:7px;border-style:solid;border-color:transparent transparent transparent #fff;z-index:10}
.preview_popup .select_list li:hover .tooltip-box{opacity:1;visibility:visible}

.preview_popup .total_price{padding-top:5px; border-top:1px solid #9F9FA0; margin-top:30px;}
.preview_popup .total_price li{display:flex; align-items: center;}
.preview_popup .total_price li .tit{padding:0 10px; width:95px; line-height:32px; box-sizing:border-box; font-size:15px; font-weight:300; color:#666464;}
.preview_popup .total_price li .txt{padding-left:10px; width:calc(100% - 95px); line-height: 32px; box-sizing:border-box; font-size:15px; font-weight:300; color:#666464;}
.preview_popup .total_price li.gray_bg{background-color:#EFEFEF;}
.preview_popup .total_price li.gray_bg .tit{font-weight:600; color:var(--point-color-1); }
.preview_popup .total_price li.gray_bg .txt{font-weight:600; font-size:15px; color:var(--point-color-1); }
.preview_popup .btn_list{margin-top:35px;}
.preview_popup .btn_list ul{display:flex; justify-content: space-between;}
.preview_popup .btn_list ul li.btn_w1{width:167px; }
.preview_popup .btn_list ul li.btn_w2{width:136px; }
.preview_popup .btn_list ul li.btn_w3{width:136px; }
.preview_popup .btn_list ul li .btn{width:100%; height:45px; line-height:45px; text-align:center; display:block; font-size:13px; font-weight:500; color:#fff; transition: all 0.3s ease-out;border:0}
.preview_popup .btn_list ul li .btn-orange-bg{background-color:var(--point-color-1);}
.preview_popup .btn_list ul li .btn-orange-bg:hover{background-color:#4C4948;}
.preview_popup .btn_list ul li .btn-gray-bg{background-color:#4C4948}
.preview_popup .btn_list ul li .btn-gray-bg:hover{background-color:var(--point-color-1);}
.preview_popup .btn_list ul li .btn-gray-bg2{background-color:#c4C4C4;}
.preview_popup .btn_list ul li .btn-gray-bg2:hover{background-color:#4C4948;}
.preview_popup .ad_area{margin-top:10px;}
.preview_popup_close{position:absolute; right:-6px; top:-56px; width:40px; aspect-ratio: 1/1; background:url(../img/total_menu_close2.svg)no-repeat center center; background-size:100%; display:block;  transform: rotate(0deg); transition: all .25s ease-out;}
.preview_popup_close:hover{transform: rotate(90deg);}


/* sample_save_popup */
.sample_save_popup{position:fixed; left:0; bottom:-286px; z-index:10;  width:100vw; background-color:#4C4948; min-width:1318px; transition: all 0.3s ease-out;}
.sample_save_popup.active{bottom:0;}
.sample_save_popup .inner{position:relative; margin:0 auto; width:1318px;padding: 20px 35px 26px; box-sizing: border-box;}
.sample_save_popup .close{margin-bottom:20px; text-align:right;}


.sample_save_popup .sample_save_close{margin-left:auto; width:30px; aspect-ratio: 1/1; background:url(../img/total_menu_close2.svg)no-repeat center center; background-size:100%; display:block;  transform: rotate(0deg); transition: all .25s ease-out;}
.sample_save_popup .sample_save_close:hover{transform: rotate(90deg);}

.sample_save_popup .top_btn_area{position:absolute; left:50%; top:-35px; width:200px; transform:translateX(-50%);}
.sample_save_popup .top_btn_area ul{display:flex; align-items: top;}
.sample_save_popup .top_btn_area ul li{width:50%;}
.sample_save_popup .top_btn_area ul li button{width:100%; height:35px; line-height:35px; text-align:center; font-size:11px; color:#fff; }
.sample_save_popup .top_btn_area ul li:nth-child(1){background: url(../img/popup_btn3_on.svg?v=250901) no-repeat center center; background-size:100% 100%;}
.sample_save_popup .top_btn_area ul li:nth-child(2){background: url(../img/popup_btn4_on.svg?v=250901) no-repeat center center; background-size: 100% 100%;}
.sample_save_popup .top_btn_area ul li:nth-child(1).active{background: url(../img/popup_btn3_off.svg?v=250901) no-repeat center center; background-size:100% 100%;}
.sample_save_popup .top_btn_area ul li:nth-child(2).active{background: url(../img/popup_btn4_off.svg?v=250901) no-repeat center center; background-size: 100% 100%;}
.sample_save_popup .btm_area{margin-top:30px; display:flex; align-items: center;justify-content: center;   /* 가로 가운데 */
    gap: 20px;                 /* 버튼 그룹과 텍스트 사이 간격 */}
.sample_save_popup .btm_area p{margin: 0;color:#fff;font-size:15px;font-weight:300}
.sample_save_popup .swiper-slide{position:relative; width:118px; height:110px;}
.sample_save_popup .swiper-slide:before{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #898989; box-sizing:border-box; display:block; content:"";}
.sample_save_popup .swiper-slide .img_area{position:relative; z-index:3;}
.sample_save_popup .swiper-slide .img_area img{width:118px; height:110px;}
.sample_save_popup .swiper-slide .custom_checkbox{position:absolute; right:3px; top:3px; z-index:4; width:18px; height:18px; overflow:hidden;}
.sample_save_popup .swiper-slide .custom_checkbox input[type=checkbox]{position:absolute; left:-20px; top:0;}
.sample_save_popup .swiper-slide .custom_checkbox label{width:18px; height:18px; background:url(../img/check_off.svg) no-repeat center center; background-size:100%; cursor:pointer; display:block;}
.sample_save_popup .swiper-slide .custom_checkbox input[type=checkbox]:checked+label{background:url(../img/check_on.svg) no-repeat center center; background-size:100%; cursor:pointer;}
.sample_save_popup .swiper-slide .number{position:absolute; left:50%; top:50%; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background-color:#898989; border-radius:50%; font-size:13px; color:#B6B6B6; font-weight:600; transform:translate(-50%, -50%);}
.sample_save_popup .btn_area{display:flex; align-items: center;gap: 10px;}
.sample_save_popup .btm_area .btn{height:45px; line-height:45px; }
.sample_save_popup .btm_area .btn_delete{padding:0 45px 0; /*background:url(../img/btn_close_37px.svg) no-repeat 45px center #9F9FA0;*/ background-color:#9F9FA0;color:#fff; font-size:13px; font-weight:500;}
.sample_save_popup .btm_area .btn-orange-bg{padding:0 80px; background-color:var(--point-color-1); color:#fff; font-size:13px; font-weight:500;}
.sample_save_rolling{position:relative;}
.sample_save_popup .btm_area .btn-gray-bg{padding:0 45px 0; background-color:#231f20;color:#fff; font-size:13px; font-weight:500;}
.sample_save_popup .swiper-button-prev{margin:0; left:-35px; top:50%; width:20px; height:43px; background:url(../img/btn_arrow_l_19px.svg) no-repeat center center; transform:translateY(-50%);}
.sample_save_popup .swiper-button-next{margin:0; right:-35px; top: 50%; width:20px; height:43px; background:url(../img/btn_arrow_r_19px.svg) no-repeat center center; transform: translateY(-50%);}
.sample_save_popup .swiper-button-next:after,
.sample_save_popup .swiper-button-prev:after{display:none;}
.sample_save_popup .cont>div{display:none;}
.sample_save_popup .cont>div:first-child{display:block;}

/* view */
.view_cont .top_area{padding:30px 0 70px; box-sizing:border-box;  display:flex; transition: all 0.3s ease-out;}
.view_cont .top_area .img_area{width:720px;}
.view_cont .top_area .big_img_area{position:relative; margin-bottom:20px;  width:100%;}
.view_cont .top_area .big_img_area img{width:100%; height:540px;}
.view_cont .top_area .txt_area{margin-left:auto; width:468px; display:flex; flex-direction: column; justify-content: space-between;}
.view_cont .top_area .thumbnail_list ul{display:flex;}
.view_cont .top_area .thumbnail_list ul li{position:relative; margin-right:10px;  cursor:pointer;}
.view_cont .top_area .thumbnail_list ul li.on:before{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #444; display:block; content:""; box-sizing:border-box;}
.view_cont .top_area .thumbnail_list ul li:last-child{margin-right:0;}
.view_cont .top_area .thumbnail_list ul li img{width:136px; height:102px;}
.view_cont .top_area .txt_area .title{padding:0 10px 5px; margin-bottom:15px; font-size:22px; font-weight:500; color:#666464; border-bottom:3px solid #4C4948;}
.view_cont .top_area .select_list li{margin-bottom:5px; display:flex; align-items: center;}
.view_cont .top_area .select_list li:last-child{margin-top:10px;}
.view_cont .top_area .select_list li .tit{padding:0 10px; width:118px; font-size:15px; color:#666464; box-sizing:border-box;}
.view_cont .top_area .select_list li select{padding-left:10px; width: 250px; height:30px; line-height:28px; border:1px solid #B6B6B6; box-sizing:border-box; border-color:#B6B6B6; color:#666464; font-size:15px; }
.view_cont .top_area .select_list li .more{margin-left:auto; display:block; width:90px; height:30px; line-height:30px; /*background:url(../img/icon_arrow_more_9px.svg) no-repeat right 12px center #666464;*/;background-color:#666464; font-size:12px; color:#fff; text-align:center; box-sizing:border-box;}
.view_cont .top_area .select_list li .txt{padding-left:10px; width:calc(100% - 118px); box-sizing:border-box; font-size:15px; font-weight:500; color:#666464;}
.view_cont .top_area .select_list li .txt span{color:var(--point-color-1); font-weight:500; vertical-align: top;}

.view_cont .top_area .select_list li {position: relative;}
.view_cont .top_area .select_list li .tooltip-box{position:absolute;right:21%;top:-20px;background:#fff;padding:8px 12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s;z-index:10;border:2px solid #c4c4c6}
.view_cont .top_area .select_list li .tooltip-box::before{content:"";position:absolute;right:-16px;top: 34px;border-width:8px;border-style:solid;border-color:transparent transparent transparent #c4c4c6;transform:translateY(-50%) rotate(0deg);z-index:9}
.view_cont .top_area .select_list li .tooltip-box::after{content:"";position:absolute;right:-12px;top: 27px;border-width:7px;border-style:solid;border-color:transparent transparent transparent #fff;z-index:10}
.view_cont .top_area .select_list li .btn-opt-detail-popup:hover + .tooltip-box {opacity:1;visibility:visible}


.view_cont .top_area .total_price{padding-top:5px; border-top:1px solid #4C4948; margin-top:30px;}
.view_cont .top_area .total_price li{display:flex; align-items: center;}
.view_cont .top_area .total_price li .tit{padding:0 10px; width:95px; line-height:32px; box-sizing:border-box; font-size:15px; font-weight:300; color:#666464;}
.view_cont .top_area .total_price li .txt{padding-left:10px; width:calc(100% - 95px); line-height: 32px; box-sizing:border-box; font-size:15px; font-weight:500; color:#666464;}
.view_cont .top_area .total_price li.gray_bg .tit{color:var(--point-color-1); font-weight:300;}
.view_cont .top_area .total_price li.gray_bg .txt{font-weight:500; font-size:15px; color:var(--point-color-1); }
.view_cont .top_area .total_price li.gray_bg .txt strong{font-weight:500;}
.view_cont .top_area .btn_list{margin-top:35px;}
.view_cont .top_area .btn_list ul{display:flex; justify-content: space-between;}
.view_cont .top_area .btn_list ul li.btn_w1{width:190px; }
.view_cont .top_area .btn_list ul li.btn_w2{width:136px; }
.view_cont .top_area .btn_list ul li.btn_w3{width:136px; }
.view_cont .top_area .btn_list ul li .btn{width:100%; height:45px; line-height:45px; text-align:center; display:block; font-size:13px; font-weight:500; color:#fff; transition: all 0.3s ease-out;}
.view_cont .top_area .btn_list ul li .btn.btn-order{background-color:var(--point-color-1); border-color:var(--point-color-1)}
.view_cont .top_area .btn_list ul li .btn.btn-order:hover{background-color:#f89e54;}
.view_cont .top_area .btn_list ul li .btn.btn-view-cart-insert{background-color:#4c4948;}
.view_cont .top_area .btn_list ul li .btn.btn-view-cart-insert:hover{background-color:#77787b;}
.view_cont .top_area .btn_list ul li .btn.btn-quotation-print{background-color:#7d7d7d;}
.view_cont .top_area .btn_list ul li .btn.btn-quotation-print:hover{background-color:#939598;}
.view_cont .top_area .btn_list ul li .btn-orange-bg:hover{background-color:#f89e54;}
.view_cont .top_area .btn_list ul li .btn-gray-bg{background-color:#4C4948}
.view_cont .top_area .btn_list ul li .btn-gray-bg:hover{background-color:#77787b}
.view_cont .top_area .btn_list ul li .btn-gray-bg2{background-color:#7d7d7d;}
.view_cont .top_area .btn_list ul li .btn-gray-bg2:hover{background-color:#939598;}
.view_cont .top_area .ad_area{margin-top:10px;}
.view_cont .top_area .ad_area img{width:100%;}
.view_cont .popular_products h1{font-size:22px; color:#7d7d7d; font-weight:300;}
.view_cont .popular_products{position:relative; margin-bottom:80px; }
.view_cont .popular_products h1{margin-bottom:20px; }
.view_cont .popular_products_rolling .img_area a{position:relative; display:block; width:100%; display:block; padding-bottom:88.78%;}
.view_cont .popular_products_rolling .img_area img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.view_cont .popular_products_rolling .txt_area{padding-top:10px;}
.view_cont .popular_products_rolling .txt_area .tit{font-size:14px; color:#9F9FA0; font-weight:300;}
.view_cont .popular_products_rolling .txt_area .price{margin-top:2px; font-size:16px; font-weight:300; color:#7D7D7D;}
.view_cont .popular_products_rolling .control{position:absolute; right:0; top:10px; display:flex; align-items: center; }
.view_cont .popular_products_rolling .control .swiper-pagination{position:relative; left:auto; top:auto; bottom:auto; margin-right:20px; width:auto; display:flex; align-items: center; font-size:15px; font-weight:500; color:#898989; }
.view_cont .popular_products_rolling .control .swiper-pagination .swiper-pagination-current{font-weight:600; color:#4C4948;}
.view_cont .popular_products_rolling .control .swiper-button-prev{position:Relative; left:auto; top:auto; margin:0 5px 0 0; width:21px; height:20px; background:url(../img/btn_arrow_l_19px.svg) no-repeat left center;}
.view_cont .popular_products_rolling .control .swiper-button-next{position:Relative; right:auto; top:auto; margin: 0 0 0 5px; width:21px; height:20px; background:url(../img/btn_arrow_r_19px.svg) no-repeat right center;}
.view_cont .popular_products_rolling .control .swiper-button-next:before{position:absolute; left:-5px; top:50%; margin-top:-10px; width:1px; height:20px; background-color:#B6B6B6; display:block; content:"";}
.view_cont .popular_products_rolling .control .swiper-button-next:after,
.view_cont .popular_products_rolling .control .swiper-button-prev:after{display:none;}
.view_tab_title{position:relative; margin-bottom:30px; padding-top:80px; }
.view_tab_title ul{display:flex; align-items: center; gap:8px; justify-content: space-between;}
.view_tab_title ul li{width:20%;}
.view_tab_title ul li>*{width:100%; height:48px; display:flex; align-items:center; justify-content: center; background-color:#EFEFEF; font-size:17px; font-weight:500; color:#9F9FA0; text-align:center;  box-sizing:border-box;}
.view_tab_title ul li.active>*{background-color:#fff; border:3px solid var(--point-color-1); color:var(--point-color-1);}
.view_detail{text-align:center;}
.view_schedule{font-size:14px; color:#666464; font-weight:300;}
.view_schedule .step{padding:30px 0; margin-bottom:40px; background-color:#efefef;}
.view_schedule .step ul{display:flex; flex-wrap:wrap; justify-content: space-between;}
.view_schedule .step ul li{position:relative; width:24%; text-align:center;}
.view_schedule .step ul li:after{position:absolute; left:-15px; top:25px; width:15px; height:33px; background:url(../img/icon_con_arrow_15px.svg) no-repeat center center; display:block; content:"";}
.view_schedule .step ul li:first-child:after{display:none;}
.view_schedule .step ul li:before{margin:0 auto 9px; width:82px; height:82px; border:3px solid #fff; box-sizing:border-box; border-radius:50%; display:block; content:"";}
.view_schedule .step ul li.icon_1:before{background: url(../img/view_icon1.svg) no-repeat center center;}
.view_schedule .step ul li.icon_2:before{background: url(../img/view_icon2.svg) no-repeat center center;}
.view_schedule .step ul li.icon_3:before{background: url(../img/view_icon3.svg) no-repeat center center;}
.view_schedule .step ul li.icon_4:before{background: url(../img/view_icon4.svg) no-repeat center center;}
.view_schedule .step ul li .tit{font-size:16px; font-weight:600; color:#7D7D7D;}
.view_schedule .step ul li .txt{font-size:11px; color:#898989; line-height:1.2;}
.view_schedule h2{margin-bottom:8px; font-size:19px; font-weight:500; color:#666464;}
.view_schedule .list ul li{position:relative; margin-bottom:5px; padding-left:36px; font-size:13px; color:#666464; line-height:1.4;}
.view_schedule .list ul li:before{position:absolute; left:0; top:6px; width:4px; height:4px; background-color:#7D7D7D; display:block; content:""; border-radius:50%;}
.view_schedule .list ul li:last-child{margin-bottom:0;}
.view_sale_price th{padding:0 15px 3px 0; border-bottom:2px solid #A5A5A5; font-size:13px; font-weight:600; color:#4C4948; text-align:right;}
.view_sale_price th:first-child{padding:0 0 0 30px; text-align:left;}
.view_sale_price td{height:24px; padding-right:15px; text-align:Right; font-size:12px; color:#4C4948; }
.view_sale_price td:first-child{padding:0 0 0 30px; text-align:left;}
.view_sale_price tfoot{background-color:#EFEFEF;}
.view_review .title_area{margin-bottom:7px; align-items: center; display:flex;}
.view_review .title_area>div{align-items: flex-end; display:flex;}
.view_review .title_area p{margin-left:5px; font-size:13px; color:#7D7D7D;}
.view_review .title_area h1{font-size:23px; color:#666464; font-weight:500;}
.view_review thead th{height:48px; text-align:center; border-top:3px solid #4C4948; border-bottom: 1px solid #4C4948; font-size:15px; font-weight:500; color:#4C4948; }
.view_review tbody td{padding:6px 0; height:95px; box-sizing:border-box; text-align:center; font-size:15px; color:#666464; border-bottom:1px solid #9F9FA0; }
.view_review tbody td:first-child{border-left:none;}
.view_review tbody td .img_area{margin:0 auto; width:88px;}
.view_review tbody td .img_area img{width:88px; height:83px;}
.view_review tbody td .state{padding:0 14px; height:22px; line-height:20px; border:1px solid var(--point-color-1); color:var(--point-color-1); font-size:15px; display:inline-block; border-radius:2em;}
.view_review tbody td .rating{margin-top:2px; display:flex; align-items: center; justify-content: center;}
.view_review tbody td .rating span{margin-right:2px; width:11px; height:11px; background:url(../img/star.svg) no-repeat center center; display:block;}
.view_review tbody td .rating span:last-child{margin-right:0;}
.view_delivery h1{margin-bottom:8px; font-size:19px; font-weight:500; color:#666464; }
.view_delivery ol{margin-bottom:25px;}
.view_delivery ol li{position:relative; padding-left:16px; font-size:13px; color:#7D7D7D; line-height:1.3;}
.view_delivery ol li .num{position:absolute; left:0; top:0; }
.view_delivery p{margin-bottom:25px; font-size:13px; color:#7D7D7D; line-height:1.3;}
.view_delivery{font-size:14px; color:#666464; font-weight:300;}
.view_delivery .card{padding-top:25px; display:flex; align-items: center;}
.view_delivery .card .txt_area{margin-left:18px;}
.view_delivery .card .txt_area h1{margin-bottom:5px; font-size:19px; font-weight:500; color:#898989;}
.view_delivery .card .txt_area h1 i{position:relative; font-style: normal;}
.view_delivery .card .txt_area h1 i:before{position:absolute; left:50%; top:0; margin-left:-2px; width:4px; height:4px; background-color:#9F9FA0; display:block; content:""; border-radius:50%; }
.view_delivery .card .txt_area p{margin-bottom:0; color:#4C4948;}

/* listType_1 */
.listType_1{display:flex;}
.listType_1 .left_area{width:577px;}
.listType_1 .left_area .img_area{position:relative;height:506px; border:3px solid #D8D8DA; box-sizing:border-box; display:flex; align-items: center; justify-content: center;padding: 20px;}
.listType_1 .left_area .img_area img{max-width:100%; max-height:100%; object-fit: cover;}
.listType_1 .left_area .txt_area{position:relative; padding:0 30px; margin-top:30px; text-align:center;}
.listType_1 .left_area .txt_area .s_title{font-size:20px; color:#9F9FA0; display:block; }
.listType_1 .left_area .txt_area .item_name{font-size:40px; font-weight:500; color:#9F9FA0; display:block; }
.listType_1 .left_area .txt_area .listType1_prev{position:absolute; left:10px; top:50%; width:16px; height:37px; background:url(../img/btn_arrow_l_19px.svg) no-repeat center center; transform: translateY(-50%); display:block;  opacity:1; transition: all 0.3s ease-out;}
.listType_1 .left_area .txt_area .listType1_next{position:absolute; right:10px; top:50%; width:16px; height:37px; background:url(../img/btn_arrow_r_19px.svg) no-repeat center center; transform: translateY(-50%); display:block; opacity:1; transition: all 0.3s ease-out;}
.listType_1 .left_area .txt_area .listType1_prev:disabled{opacity:0.4}
.listType_1 .left_area .txt_area .listType1_next:disabled{opacity:0.4}
.listType_1 .left_area .price_area{margin-top:40px; display:flex; align-items: center; justify-content: center;}
.listType_1 .left_area .price_area .price{font-size:20px; font-weight:300; color:#9F9FA0;}
.listType_1 .left_area .price_area .price strong{color:#7D7D7D; font-weight:500;}

.listType_1 .left_area .price_area .wrap-select-block {position:relative;margin-left: 10px;padding-top: 3px;}
.listType_1 .left_area .price_area .wrap-select-block:before {content: "|";position: absolute;left: -2px;top: 52%;transform: translateY(-50%);color: #C6C6C6;font-size: 10px;}

.listType_1 .left_area .price_area select{margin:0; width:91px; height:30px; line-height:28px; border:0; font-size:20px; color:#9F9FA0;}
.listType_1 .left_area .price_area .total{font-size:21px; font-weight:500; color:#7D7D7D;}
.listType_1 .left_area .btn_area{margin-top:30px;}
.listType_1 .left_area .btn_area ul{display:flex; align-items: center; gap:3px;}
.listType_1 .left_area .btn_area ul li{width:25%; }
.listType_1 .left_area .btn_area ul li>*{width:100%; height:45px; line-height:45px; text-align:center; font-size:15px; font-weight:500; color:#fff; transition: all 0.3s ease-out;}
.listType_1 .left_area .btn_area ul li .btn-color-1{background-color:#7d7d7d;}
.listType_1 .left_area .btn_area ul li .btn-color-2{background-color:#4c4948;}
.listType_1 .left_area .btn_area ul li .btn-color-3{background-color:#9F9FA0;}
.listType_1 .left_area .btn_area ul li .btn-color-4{background-color:var(--point-color-1);}
.listType_1 .left_area .btn_area ul li .btn-color-1:hover{background-color:#939598;}
.listType_1 .left_area .btn_area ul li .btn-color-2:hover{background-color:#77787b;}
.listType_1 .left_area .btn_area ul li .btn-color-3:hover{background-color:#bcbdc0;}
.listType_1 .left_area .btn_area ul li .btn-color-4:hover{background-color:#f89e54;}
.listType_1 .right_area{margin-left:auto; padding:10px 20px; width:656px; border:3px solid #D8D8DA; box-sizing:border-box; height:770px; overflow: auto;}
.listType_1 .right_area .list>ul{display:flex; flex-wrap:wrap; }
.listType_1 .right_area .list>ul>li{position:relative; padding:27px 3.5% 27px 0; width:34.5%;  box-sizing:border-box;}
.listType_1 .right_area .list>ul>li:nth-child(3n){padding-right:0; width:31%;}
.listType_1 .right_area .list>ul>li:nth-child(1):before,
.listType_1 .right_area .list>ul>li:nth-child(2):before,
.listType_1 .right_area .list>ul>li:nth-child(3):before{display:none;}
.listType_1 .right_area .list>ul>li:before{position:absolute; left:0; top:0; width:100%; height:1px; background:url(../img/bar.png) repeat-x center center; display:block; content:"";}
.listType_1 .right_area .list>ul>li:Hover .control{opacity:1;}
.listType_1 .right_area .list>ul>li .control{position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:3px 10px; background:rgba(0,0,0,0.45); display:block; box-sizing:border-box; opacity:0; transition: all 0.3s ease-out;}
.listType_1 .right_area .list>ul>li .control ul{display:flex; align-items: center; flex-wrap:wrap;}
.listType_1 .right_area .list>ul>li .control ul li{position:relative; width:33.33%; text-align:center;}
.listType_1 .right_area .list>ul>li .control ul li:before{position:absolute; left:0; top:50%; width:1px; height:100%; background-color:#666666; display:block; content:""; transform:translateY(-50%);}
.listType_1 .right_area .list>ul>li .control ul li:first-child:before{display:none;}
.listType_1 .right_area .list>ul>li .control ul li>*{padding-top:22px; width:100%; display:block; font-size:9px; color:#000; text-align:center;}
.listType_1 .right_area .list>ul>li .control ul li .icon_preview{background:url(../img/icon_view_20px.svg) no-repeat center 0;}
.listType_1 .right_area .list>ul>li .control ul li .icon_like{background:url(../img/icon_heart_20px.svg) no-repeat center 0;}
.listType_1 .right_area .list>ul>li .control ul li .icon_like.active {color:#fff;background:url(../img/icon_heart_20px_on.svg) no-repeat center 0;}
.listType_1 .right_area .list>ul>li .control ul li .icon_order{background:url(../img/icon_order_20px.svg) no-repeat center 0;}
.listType_1 .right_area .list>ul>li .txt_area{display:flex; align-items: flex-end; flex-wrap:wrap; font-size:18px; color:#9F9FA0; font-weight:500;margin-top:10px;}
.listType_1 .right_area .list>ul>li .img_area{position:relative;cursor:pointer }
.listType_1 .right_area .list>ul>li .img_area>a{position:relative; aspect-ratio: 1/0.94; display:flex; align-items: center; justify-content: center;}
.listType_1 .right_area .list>ul>li .img_area img{max-width:100%; height:auto; object-fit: cover;}
.listType_1 .right_area::-webkit-scrollbar {
    padding:0 2px;
    width: 13px;
    background-color: #efefef;
    box-sizing:border-box;
}
.listType_1 .right_area::-webkit-scrollbar-thumb {
    width:9px;
    background-color: #ccc;
    border-radius:2em;
}

.listType_1 .right_area::-webkit-scrollbar-track {
    background-color: #efefef;
}

.listType_3>ul{display:flex;flex-wrap:wrap;}
.listType_3>ul>li{padding:50px 40px 50px 0; width:calc((100% - 80px)/3); box-sizing:border-box; border-top:1px dashed #D6D6D6; box-sizing:content-box;}
.listType_3>ul>li:nth-child(1),
.listType_3>ul>li:nth-child(2),
.listType_3>ul>li:nth-child(3){border-top:none;}
.listType_3>ul>li:nth-child(3n){padding-right:0;}
.listType_3>ul>li .img_area{position:relative;}
.listType_3>ul>li .img_area img {max-width:100%; max-height:100%; object-fit: cover;}
.listType_3>ul>li .img_area>a{position:relative; aspect-ratio: 1/0.93; display:flex; align-items: center; justify-content: center;}
.listType_3>ul>li .img_area>a img{max-width:100%; max-height:100%; object-fit: cover;}
.listType_3>ul>li:Hover .control{opacity:1;}
.listType_3>ul>li .control{position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:10px; background:rgba(0,0,0,0.45); display:block; box-sizing:border-box; opacity:0; transition: all 0.3s ease-out;}
.listType_3>ul>li .control ul{display:flex; align-items: center; flex-wrap:wrap;}
.listType_3>ul>li .control ul li{position:relative; width:33.33%; text-align:center;}
.listType_3>ul>li .control ul li:before{position:absolute; left:0; top:50%; width:1px; height:100%; background-color:#666666; display:block; content:""; transform:translateY(-50%);}
.listType_3>ul>li .control ul li:first-child:before{display:none;}
.listType_3>ul>li .control ul li>*{padding-top:22px; width:100%; display:block; font-size:0.75rem; color:#000; text-align:center;}
.listType_3>ul>li .control ul li .icon_preview{background:url(../img/icon_view_20px.svg) no-repeat center 0;}
.listType_3>ul>li .control ul li .icon_like{background:url(../img/icon_heart_20px.svg) no-repeat center 0;}
.listType_3>ul>li .control ul li .icon_like.active {background:url(../img/icon_heart_20px_on.svg) no-repeat center 0; color:#fff;}
.listType_3>ul>li .control ul li .icon_order{background:url(../img/icon_order_20px.svg) no-repeat center 0;}
.listType_3>ul>li .txt_area{padding:10px 78px; display:flex; align-items: flex-end;}
.listType_3>ul>li .txt_area .btn_sample_add{width:42px; height:42px; display:flex; align-items: center; justify-content: center; border:1px solid #9F9FA0; box-sizing:border-box; }
.listType_3>ul>li .txt_area .btn_sample_add span{font-size:11px; color:#9F9FA0;}
.listType_3>ul>li .txt_area .name{margin-left:5px;width: calc(100% - 130px);}
.listType_3>ul>li .txt_area .name strong{font-size:20px; color:#9F9FA0; display:block; font-weight:500;}
.listType_3>ul>li .txt_area .name .price{font-size:15px; color:#8a8c8e; display:block; font-weight:300;}

.listType_3>ul>li .txt_area .wrap-select-block {position:relative;}
.listType_3>ul>li .txt_area .wrap-select-block:before {content: "|";position: absolute;left: 0px;top: 52%;transform: translateY(-50%);color: #C6C6C6;font-size: 10px;}
.listType_3>ul>li .txt_area select{margin-left:auto; width:79px; height:22px; line-height:20px; font-size:15px; color:#9F9FA0;border: none;}
.listType_3>ul>li .txt_area .wrap-select-block select {}

/* btn */
.basic-btn01{margin:0 7px; padding:0 45px; width:220px; height:49px; line-height:49px; text-align:center; font-size:15px; font-weight:500; color:#fff; display:inline-block; transition: all 0.3s ease-out; box-sizing:border-box; transition: all 0.3s ease-out;border:0}
.basic-btn02{padding:0 40px; display:inline-block; height:40px; line-height:40px; text-align:center; font-size:15px; font-weight:500; color:#fff; display:inline-block; transition: all 0.3s ease-out;}
.basic-btn03{padding:0 20px; width:100%; display:block; height:47px; line-height:47px; text-align:center; font-size:15px; font-weight:500; text-align:center; transition: all 0.3s ease-out;}
.basic-btn04{margin-left:3px; padding:0 30px; display:inline-block; height:35px; line-height:35px; text-align:center; font-size:15px; font-weight:500; text-align:center; transition: all 0.3s ease-out;}
.basic-btn05{min-width:340px; padding:0 30px; display:inline-block; height:54px; line-height:54px; text-align:center; font-size:16px; font-weight:500; text-align:center; box-sizing:border-box;  display:inline-block; transition: all 0.3s ease-out;}
.min300{min-width:300px; box-sizing:border-box; width:auto; display:inline-block;}
.min212{min-width:212px; box-sizing:border-box; width:auto; display:inline-block;}
.btn-darkgray-bg{background-color:#4c4948; color:#fff;}
.btn-darkgray-bg:hover{background-color:#77787b;}
.btn-gray-bg{background-color:#9F9FA0; color:#fff;}
.btn-gray-bg2{background-color:#7D7D7D; color:#fff;}
.btn-gray-bg2:hover{background-color:#939598;}
.btn-gray-bg3{background-color:#d6d6d6; color:#666464;}
.btn-gray-bg4{background-color:#666464; color: #fff;}
.btn-gray-bg5{background-color:#4c4948; color: #fff;}
.btn-gray-bg5:hover{background-color:#77787b;}
.btn-orange-bg{background-color:var(--point-color-1); color:#fff;}
.btn-orange-bg;hover{background-color:#f89e54;}
.btn_prev{padding-left:15px; background:url(../img/icon_back.svg) no-repeat 0 center;}

/* order */
.order_cont{padding-top:50px;}
.order_cont .title_area{margin:30px 0 20px; padding-bottom:5px;  display:flex; align-items: center;}
.order_cont .title_area.bar{border-bottom: 5px solid #C8C8CA;}
.order_cont .title_area h1{font-size:25px; color:#7D7D7D; line-height:1;}
.order_cont .title_area .right_txt{margin-left:auto; font-size:13px; color:#7D7D7D;}
.order_cont .order_box{padding:30px; border:5px solid #D6D6D6; box-sizing:border-box; }
.order_cont .order_box_1{display:flex; align-items: center;}
.order_cont .order_box_1 .img_area{margin:0 55px 0 70px; width:224px; height: 210px; display:flex; align-items: center; justify-content: center;}
.order_cont .order_box_1 .img_area img{max-width:100%; max-height:100%; }
.order_cont .order_box_1 .txt_area{display:inline-block;}
.order_cont .order_box_1 .txt_area .name{margin-bottom:10px; font-size:30px; font-weight:600; color:#7D7D7D;}
.order_cont .order_box_1 .txt_area ul li{display:flex; padding: 5px;}
.order_cont .order_box_1 .txt_area ul li .title{max-width:70px; font-size:19px; color:#7D7D7D;}
.order_cont .order_box_1 .txt_area ul li .txt{margin-left:auto; width:calc(100% - 70px); font-size:19px; color:#7D7D7D; text-align:left;}
.order_cont .order_box_1 .txt_area ul li .txt select{max-width:125px; height:30px; line-height:30px; font-size:15px; color:#898989;}
.order_cont .order_box_1 .txt_area ul li.total{ background-color:#EFEFEF;}
.order_cont .order_box_2{display:flex;}
.order_cont .order_box_2 .select_list{width:460px;}
.order_cont .order_box_2 .select_list ul li{margin-bottom:5px; display:flex; align-items: center;}
.order_cont .order_box_2 .select_list ul li .title{width:110px; color:#666464; font-size:15px; font-weight:600;}
.order_cont .order_box_2 .select_list ul li select{width:250px; height:30px; line-height:28px; border:1px solid #B6B6B6;}
.order_cont .order_box_2 .select_list ul li .btn{margin-left:10px; width:90px; height:30px; line-height:30px; text-align:center; background-color:#666464; display:flex; align-items: center; justify-content: center; font-size:12px; color:#fff;}
.order_cont .order_box_2 .select_list ul li .btn:after{margin-left:5px; width:7px; height:9px; background:url(../img/icon_arrow_more_9px.svg) no-repeat center center; display:block; content:"";}
.order_cont .order_box_2 .right_area{position:relative; margin-left:90px;  width:560px; }
.order_cont .order_box_2 .right_area .balloon_box:before{position:absolute; left:-24px; top:5px; width:27px; height:28px; background:url(../img/icon_box_arrow.svg) no-repeat center center; display:block; content:"";}
.order_cont .order_box_2 .right_area .balloon_box{padding:14px 52px; border:3px solid #C8C8C9; box-sizing:border-box; display:none;}
.order_cont .order_box_2 .right_area .balloon_box:first-child{display:block;}
.order_cont .order_box_2 .right_area .balloon_box:nth-child(2):before{top:35px; }
.order_cont .order_box_2 .right_area .balloon_box:nth-child(3):before{top:70px; }
.order_cont .order_box_2 .right_area .balloon_box:nth-child(4):before{top:105px; }
.order_cont .order_box_2 .right_area ul{display:flex; }
.order_cont .order_box_2 .right_area ul li{width:211px; margin-right:14px;}
.order_cont .order_box_2 .right_area ul li .img_area{aspect-ratio: 1/0.9; display:flex; align-items: center ; justify-content: center;}
.order_cont .order_box_2 .right_area ul li .img_area img{width:100%; height:100%; object-fit: cover;}
.order_cont .order_box_2 .right_area ul li .txt_area{margin-top:2px; }
.order_cont .order_box_2 .right_area ul li .txt_area .name{font-size:11px; font-weight:600; color:#666464;}
.order_cont .order_box_2 .right_area ul li .txt_area p{font-size:8px; color:#666464;}
.order_cont .order_box_3{display:flex;}
.order_cont .order_box_3 .left_area{width:748px;}
.order_cont .order_box_3 .left_area>ul>li{margin-bottom:10px; display:flex; align-items: center;}
.order_cont .order_box_3 .left_area .title{width:120px;  font-size:15px; font-weight:600; color:#666464;}
.order_cont .order_box_3 .left_area .title strong{color:#F08300;}
.order_cont .order_box_3 .left_area .input_area{width:calc(100% - 120px);}
.order_cont .order_box_3 .right_area{margin-left:auto; width:404px; background-color:#eee; display:flex; align-items: center; justify-content: center;}
.order_cont .list li{position:relative; padding-left:20px; font-size:15px; color:#7D7D7D; line-height:1.57;}
.order_cont .list li:last-child{margin-bottom:0;}
.order_cont .list li:before{position:absolute; left:0; top:0; display:block; content:"※";}
.order_cont .tel{display:flex;}
.order_cont .tel select{width:25%; }
.order_cont .tel input[type=number],
.order_cont .tel input[type=text]{width:35%; }
.order_cont .tel>*{margin-left:2.5%;}
.order_cont .tel>*:first-child{margin-left:0;}
.order_cont .address_list ul li{margin-bottom:10px; display:flex; }
.order_cont .address_list ul li:last-child{margin-bottom:0;}
.order_cont .address_list ul li.post{display:flex; }
.order_cont .address_list ul li.post .btn{margin-left:auto; width:155px; height:30px; line-height:30px; text-align:center; background-color:#656464; color:#fff; font-size:13px;}
.order_cont .address_list ul li.post input[type=number],
.order_cont .address_list ul li.post input[type=text]{width:calc(100% - 170px);}
.order_cont .info_box{margin-bottom:25px; padding:20px; min-height:76px; box-sizing:border-box; background-color:#EFEFEF; display:flex; align-items: center;}
.order_cont .info_box li{position:relative; padding-left:20px; font-size:15px; color:#7D7D7D; line-height:1.57;}
.order_cont .info_box li:last-child{margin-bottom:0;}
.order_cont .info_box li:before{position:absolute; left:0; top:0; display:block; content:"※";}
.order_cont .card_list{margin-bottom:50px;}
.order_cont .card_list ul{display:flex;}
.order_cont .card_list ul li{position:relative; padding:0 40px; text-align:center;}
.order_cont .card_list ul li:before{position:absolute; left:0; top:0; width:1px; height:100%; background-color:#D6D6D6; display:block; content:"";}
.order_cont .card_list ul li .txt_area{margin-top:10px; font-size:15px; font-weight:500; color:#666464;}
.order_cont .card_list ul li .txt_area .number input[type=number],
.order_cont .card_list ul li .txt_area .number input[type=text]{margin-right:5px; width:57px; height:20px; line-height:18px; font-size:13px; color:#666464;}
.order_cont .card_list ul li:first-child:before{display:none;}
.order_cont .card_list .total{position:absolute; left:50%; top:-30px; font-size:15px; font-weight:500; color:#666464; transform: translateX(-50%);}
.order_cont .sample_box{padding:20px; border:5px solid #d6d6d6; box-sizing:border-box;}
.order_cont .sample_box .left_area{width:172px;}
.order_cont .sample_box .left_area h2{width:100%; height:63px; display:flex; align-items: center; justify-content: center; background-color:#666464; font-size:15px; font-weight:500; color:#fff;}
.order_cont .sample_box .left_area h2 button{font-size:inherit; color:inherit; font-weight:inherit;}
.order_cont .sample_box .select_number{margin-top:100px; text-align:center; font-size:15px; font-weight:500; color:#666464;}
.order_cont .sample_box .select_number input[type=number],
.order_cont .sample_box .select_number input[type=text]{margin-right:5px; width:57px; height:20px; line-height:18px; font-size:13px; color:#666464;}
.order_cont .sample_box .right_area{margin-left:auto; width:939px; min-height:310px; border:1px solid #9F9FA0; display:flex; align-items: center; justify-content: center;}
.order_cont .sample_box .txt_1{margin-bottom:15px; text-align:right;font-size:15px; color:#666464;}
.order_cont .sample_box .send{margin-top:20px; }
.order_cont .sample_box .send .left_area h2{background-color:#9F9FA0;}
.order_cont .sample_box .send .right_area{min-height:53px;}
.order_cont .order_box_5 {display:flex;}
.order_cont .order_box_5 .left_area{width:748px;}
.order_cont .order_box_5 .left_area li{padding:10px 0; display:flex; align-items: center; border-bottom:1px dashed #9F9FA0;}
.order_cont .order_box_5 .left_area li:first-child{padding-top:0;}
.order_cont .order_box_5 .left_area li:last-child{padding-bottom:0; border-bottom:none;}
.order_cont .order_box_5 .left_area li .title{width:124px; }
.order_cont .order_box_5 .left_area li .list{width:calc(100% - 124px);}
.order_cont .order_box_5 .left_area li .chk_area{margin-bottom:10px; padding:8px 15px; background-color:#EFEFEF; border:1px solid #B6B6B6; font-size:13px; color:#666464; box-sizing:border-box;}
.order_cont .order_box_5 .left_area li .input_area{ width:624px; display:flex; align-items: center;}
.order_cont .order_box_5 .left_area li .input_area input[type=text]{width:125px; text-align:center;}
.order_cont .order_box_5 .left_area li .input_area input[type=text].w157{width:157px;}
.order_cont .order_box_5 .left_area li .input_area span{width:52px; font-size:15px; font-weight:500; color:#666464; display:inline-block; text-align:center;}
.order_cont .order_box_5 .left_area li .input_area select{width:125px; margin-right:15px;}
.order_cont .order_box_5 .left_area li .input_area i{width:25px; display:flex; align-items: center; justify-content: center;}
.order_cont .order_box_5 .left_area li .input_area i:before{margin:0 auto; width:5px;height:5px; background-color:#4C4948; border-radius:50%; display:block; content:"";}
.order_cont .order_box_5 .right_area{margin-left:auto; width:404px; background-color:#EEEEEE; display:flex; align-items: center; justify-content: center;}
.order_cont .order_box_5 .input_area2{display:flex; }
.order_cont .order_box_5 .input_area2 select{width:156px; }
.order_cont .order_box_5 .input_area2 input[type=text]{margin-left:16px; width:218px; }
.order_cont .order_box_6>ul>li{margin-bottom:10px; display:flex; align-items: center;}
.order_cont .order_box_6>ul>li:last-child{margin-bottom:0;}
.order_cont .order_box_6>ul>li .title{width:124px; font-size:15px; font-weight:600; color:#666464}
.order_cont .order_box_6>ul>li input[type=text]{width:624px;}
.order_cont .order_box_6>ul>li .info_txt{margin-left:30px; font-size:13px; color:#A9A9AA}
.order_cont .order_box_7 .tab{position:relative; }
.order_cont .order_box_7 .tab:before{position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#9F9FA0; display:block; content:"";}
.order_cont .order_box_7 .tab>ul{display:flex;}
.order_cont .order_box_7 .tab>ul>li{position:relative; z-index:2; width:229px;}
.order_cont .order_box_7 .tab>ul>li>*{width:100%; height:53px; border-bottom:3px solid #9F9FA0; box-sizing:border-box; display:flex; align-items: center; justify-content: center; background-color:#EFEFEF; font-size:16px; font-weight:500; color:#9F9FA0;}
.order_cont .order_box_7 .tab>ul>li.active>*{background-color:#fff; border:3px solid #9F9FA0; border-bottom:3px solid #fff; color:#3E3A39;}
.order_cont .envelope_area{border:5px solid #D6D6D6;}
.order_cont .envelope_area .tabCont{padding:25px 20px;}
.order_cont .envelope_area .select_list{margin-bottom:3px; }
.order_cont .envelope_area .select_list ul{display:flex; align-items: center;}
.order_cont .envelope_area .select_list ul li{margin-right:3px;}
.order_cont .envelope_area .select_list ul li>*{width:176px; height:36px; background-color:#EFEFEF; color:#666464; font-weight:500; display:flex; align-items: center; justify-content: center;}
.order_cont .envelope_area .select_list ul li.active>*{background-color:#fff; border:3px solid var(--point-color-1); color:var(--point-color-1); }
.order_cont .envelope_area .d-flex{padding-top:25px; border-top:2px solid #B6B6B6;}
.order_cont .envelope_area .sample{margin-left:auto; padding:20px; width:572px; background-color:#EFEFEF; box-sizing:border-box;}
.order_cont .envelope_area .sample .txt_area{padding:12px 25px; }
.order_cont .envelope_area .sample .txt_area span{margin-bottom:4px; display:inline-block; padding:6px 10px; border:1px solid var(--point-color-1); color:var(--point-color-1);  font-size:12px;  background-color:#fff;}
.order_cont .envelope_area .sample .txt_area p{font-size:11px; color:#7D7D7D; line-height:1.2;}
.order_cont .envelope_area .left_area{width:530px; padding-top:35px;}
.order_cont .envelope_area .left_area.mb_65{margin-bottom:65px;}
.order_cont .envelope_area .left_area>ul>li{margin-bottom:10px; display:flex; align-items: center;}
.order_cont .envelope_area .left_area>ul>li:last-child{margin-bottom:0;}
.order_cont .envelope_area .left_area>ul>li .title{width:124px; font-size:15px; font-weight:600; color:#666464;}
.order_cont .envelope_area .left_area>ul>li .title strong{font-size:15px; font-weight:600; color:#F08300;}
.order_cont .envelope_area .left_area>ul>li .input_area{width:calc(100% - 124px);}
.order_cont .envelope_area .left_area h2{margin-top:65px; font-size:19px; font-weight:500; padding-bottom:5px; border-bottom:2px solid #B6B6B6; color:#3E3A39;}
.order_cont .envelope_area .left_area .list2{padding-top:10px;}
.order_cont .envelope_area .left_area .list2>li{display:flex; align-items: center;}
.order_cont .envelope_area .left_area .list2>li .input_area{display:flex; align-items: center;}
.order_cont .envelope_area .left_area .list2>li select{width:24%;}
.order_cont .envelope_area .left_area .list2>li input[type=text]{margin-left:auto; width:69%;}
.order_cont .input_area .person{display:flex; align-items: cetner;}
.order_cont .input_area .person input[type=text]{width:280px;}
.order_cont .input_area .person select{margin-left:auto; width:118px;}
.order_cont .envelope_area .left_area .list2>li .post_box{margin-left:auto; width:calc(100% - 124px); display:flex; align-items: center; padding:6px 10px; border:1px solid #B6B6B6;  box-sizing:border-box;}
.order_cont .envelope_area .left_area .list2>li .post_box span{margin-right:2px; width:18px; height:18px; border: 1px solid #B6B6B6; display:block;}
.order_cont .order_box_8 .request_box{padding:25px 20px; border:5px solid #D6D6D6;}
.order_cont .order_box_8 .request_box>ul>li{display:Flex; margin-bottom:15px;}
.order_cont .order_box_8 .request_box>ul>li:last-child{margin-bottom:15px;}
.order_cont .order_box_8 .request_box .title{width:172px; background-color:#666464; display:flex; align-items:center; justify-content: center; font-size:17px; font-weight:500; color:#fff; text-align:center;}
.order_cont .order_box_8 .request_box .right_area{margin-left:auto; width:939px; }
.order_cont .order_box_8 .request_box .right_area .txt_area{min-height:265px; border:1px solid #9F9FA0; box-sizing:border-box; display:flex; align-items: center; justify-content: center;}
.order_cont .order_box_8 .request_box .right_area .right_btn{display:flex; }
.order_cont .order_box_8 .request_box .right_area .right_btn .txt_area{width:764px; }
.order_cont .order_box_8 .request_box .right_area .right_btn .btn_area{margin-left:auto; width:160px; display:flex; flex-direction: column; justify-content: space-between;}
.order_cont .order_box_8 .request_box .right_area .right_btn .btn_area>*{width:100%; height:47px; line-height:47px; text-align:center; background-color:#666464; font-size:15px; font-weight:500; color:#fff;}
.order_cont .order_box_8 .request_box .right_area .right_btn .btn_area>*.bg2{background-color:#7D7D7D;}
.order_cont .order_box_8 .request_box .right_area .right_btn .btn_area>*.arrow_btn{padding:0; height:auto; line-height:1; justify-content: flex-start; background:transparent;}
.order_cont .order_box_8 .request_box .right_area .right_btn .btn_area>*.arrow_btn button{margin-right:5px;}
.order_cont .order_box_8 .request_box>ul>li:nth-child(2) .title{background-color:#7D7D7D;}
.order_cont .order_box_8 .request_box>ul>li:nth-child(2) .txt_area{min-height:125px;}
.order_cont .order_box_8 .info_txt{margin-left:auto; width:939px; font-size:13px; font-weight:500; color:#A9A9AA; text-align:left;}
.order_cont .order_box_9{padding:38px 45px;}
.order_cont .order_box_9 ul li{padding:8px 0; display:Flex; border-bottom:1px solid #B6B6B6;}
.order_cont .order_box_9 ul li:last-child{border-bottom:none;}
.order_cont .order_box_9 ul li .title{width:94px; font-size:15px; color:#666464;}
.order_cont .order_box_9 ul li .price{width:110px; font-size:15px; color:#666464; text-align:right;}
.order_cont .order_box_9 ul li .txt{margin-left:30px; width:calc(100% - 234px); font-size:15px; color:#898989;}
.order_cont .order_box_9 ul li .price strong{font-weight:600; color:#4C4948;}
.order_cont .order_box_9 ul li .txt.c-orange{color:var(--point-color-1);}
.order_cont .btm_btn_area{margin-top:50px; display:flex; align-items: center; justify-content: center;}

/* tab */
.tabType_2{margin-top:140px;margin-bottom:45px; }
.tabType_2>ul{display:flex; width:100%; gap:6px; }
.tabType_2>ul>li{position:relative; flex-grow:1; flex:1 1 0%;}
.tabType_2>ul>li>*{position:relative; width:100%; height:49px; display:flex; align-items: center; justify-content: center; background-color:#EFEFEF; font-size:1.0625rem; font-weight:500; color:#4C4948;}
.tabType_2>ul>li.active>*{background-color:var(--point-color-1); color:#fff;}

.tabType_3{margin:0 auto; max-width:752px; }
.tabType_3>ul{display:flex;}
.tabType_3>ul>li{flex-grow:1;}
.tabType_3>ul>li>*{width:100%; height:60px; display:flex; align-items: center; justify-content: center; text-align:center; background-color:#efefef; border-bottom:2px solid var(--point-color-1); font-size:19px; font-weight:500;  color:#9F9FA0; box-sizing:border-box;}
.tabType_3>ul>li.active>*{border:2px solid var(--point-color-1); border-bottom:none; color:var(--point-color-1); background-color:#fff;}

.tabType_4{margin:0 auto 40px; max-width:650px; }
.tabType_4 ul{display:flex; gap:4px;}
.tabType_4 ul li{flex-grow:1;}
.tabType_4 ul li>*{width:100%; height:49px; display:flex; align-items: center; justify-content: center; background-color:#EFEFEF; text-align:center; font-size:15px; color:#4C4948; }
.tabType_4 ul li.active>*{background-color:#4C4948; color:#fff;}

.tabType_5{margin:0 auto 20px; padding-bottom:5px; border-bottom:2px solid #BABABD;}
.tabType_5 ul{display:flex; gap:6px;}
.tabType_5 ul li{flex-shrink: 0;}
.tabType_5 ul li>*{width:172px; height:32px; line-height:32px; display:flex; align-items: center; justify-content: center; background-color:#EBECEC; border:2px solid #EBECEC;  text-align:center; font-size:16px; color:#7D7D7D; }
.tabType_5 ul li.active>*{background-color:#fff; border-color:var(--point-color-1); font-weight:500; color:var(--point-color-1);}

.tabType_6{margin:0 auto; max-width:650px; }
.tabType_6>ul{display:flex;}
.tabType_6>ul>li{flex-grow:1;}
.tabType_6>ul>li>*{width:100%; height:60px; display:flex; align-items: center; justify-content: center; text-align:center; background-color:#efefef; border-bottom:2px solid var(--point-color-1); font-size:19px; font-weight:500;  color:#F08300; box-sizing:border-box;}
.tabType_6>ul>li.active>*{border:2px solid var(--point-color-1); border-bottom:none; color:var(--point-color-1); background-color:#fff;}

/* custom_radio */
.custom_radio{position:Relative; display:inline-block; overflow:hidden;}
.custom_radio input[type=radio]{position:absolute; left:0; top:0; z-index:1; opacity:0;}
.custom_radio label{position:relative; padding-left:22px; line-height:17px; display:inline-block; font-size:15px; color:#4C4948;}
.custom_radio label:before{position:absolute; left:0; top:0; width:17px; height:17px; background:url(../img/radio_off.svg) no-repeat center center; background-size:100%; display:block; content:"";}
.custom_radio input[type=radio]:checked+label:before{background:url(../img/radio_on.svg) no-repeat center center; background-size:100%;}

/* mypage */
.mypage_top_area{padding:0px 0 45px;}
.mypage_top_area h1{font-size:22px; color:#4C4948;}
.mypage_top_area h1 strong{font-weight:600; }
.mypage_top_area .right_btn{margin-left:auto; }
.mypage_top_area .right_btn ul{display: flex; align-items: center;}
.mypage_top_area .right_btn ul li .basic-btn01{ width:187px;}
.mypage_top_area table{margin-top:8px;}
.mypage_top_area thead th{padding-left:6px; height:38px; font-size:15px; font-weight:500; color:#4C4948; text-align:left; box-sizing:border-box; border-bottom:1px solid #4c4948; border-top:3px solid #4c4948;}
.mypage_top_area tbody th{padding-left: 6px; height:37px; border-bottom:1px solid #B6B6B6; font-weight:300; color:#666464; text-align:left; font-size:15px;}
.mypage_top_area tbody td{padding-left: 6px; height:37px; border-bottom:1px solid #B6B6B6; color: #4C4948; font-size:15px;}
.mypage_top_area tbody tr:last-child th{border-bottom:0.5pt solid #4c4948;}
.mypage_top_area tbody tr:last-child td{border-bottom:0.5pt solid #4c4948;}
.mypage_cont h1{font-size:23px; font-weight:500; color:#4C4948;}
.mypage_cont .list_1{margin-bottom:20px; }
.mypage_cont .list_1 li{position:relative; padding-left:10px; font-size:15px; color:#898989;}
.mypage_cont .list_1 li:before{position:absolute; left:0; top:0; display:block; content:"-";}
.mypage_cont .list_1 li strong{color:var(--point-color-1); font-weight:400;}
.mypage_cont table{margin-bottom:60px;}
.mypage_cont thead th{height:46px; background-color:#EFEFEF; border-top:1px solid #4C4948; border-bottom:1px solid #4C4948; border-left:1px solid #D6D6D6; font-size:15px; font-weight:500; color:#4C4948;}
.mypage_cont thead th:first-child{border-left:none;}
.mypage_cont tbody td{padding:6px; text-align:center; border:1px solid #D6D6D6; border-bottom:1px solid #666464; border-right:none; font-size:15px; color:#666464;}
.mypage_cont tbody td:first-child{border-left:none;}
.mypage_cont tbody td .img_area img{width:88px; height:83px;}
.mypage_cont tbody td .basic-btn01{max-width:155px; }
.mypage_cont tbody td .btn-gray-bg:hover{background-color:var(--point-color-1); color:#fff; }
.mypage_cont tbody td strong{font-weight:400; color:var(--point-color-1)}
.mypage_cont tbody td .w115{width:115px;}
.mypage_cont tbody td select.item-list-gp-ix {width:110px} 
.mypage_cont .check_point {margin-top:50px}
.mypage_cont .check_point h1{margin-bottom:10px; color:var(--point-color-1);}
.mypage_cont .check_point tbody th{padding:20px 0; border:none; border-top:1px solid #9F9FA0; text-align:left; font-size:18px; font-weight:500; vertical-align: top;;}
.mypage_cont .check_point tbody td{padding:20px 0; border:none; border-top:1px solid #9F9FA0; text-align:left;}
.mypage_cont .check_point tbody tr:first-child th,
.mypage_cont .check_point tbody tr:first-child td{border-top:2px solid #666464;}
.mypage_cont .txt_1{font-size:15px; color:#898989;margin-bottom:20px}
.mypage_cont .txt_1 strong{font-weight:400; color:var(--point-color-1);}
.mypage_cont .shipping_info{margin-top:20px; border-top:2px solid #666464;}
.mypage_cont .shipping_info th{padding:18px 0 18px 15px; text-align:left; font-size:15px; font-weight:500; color:#4C4948; border-bottom:1px solid #898989;}
.mypage_cont .shipping_info td{padding:18px 0; text-align: left; border-left:none; border-bottom: 1px solid #898989;}
.mypage_cont .shipping_info td input[type=text]{max-width:624px; }
.mypage_cont .radio_list ul{display:flex; align-items: center;}
.mypage_cont .radio_list ul li{margin-right:35px;}
.mypage_cont .add_list ul li{position:relative; margin-bottom:10px; max-width:624px; display:flex;}
.mypage_cont .add_list ul li:last-child{margin-bottom:0;}
.mypage_cont .add_list ul li.right_btn input[type=text]{width:calc(100% - 170px);}
.mypage_cont .add_list ul li.right_btn .btn_post{margin-left:auto; width:155px; height:30px; line-height:30px; font-size:13px; background-color:#656464; color:#fff;}
.mypage_cont .tel{display:flex; align-items: center; max-width:624px;}
.mypage_cont .tel select{width:25%;}
.mypage_cont .tel input[type=number],
.mypage_cont .tel input[type=text]{margin-left:2.5%; width:35%;}
.mypage_cont .company_number{display:Flex; align-items: center;}
.mypage_cont .company_number input[type=number]{margin-left:2.5%; width:35%;}
.mypage_cont .company_number input[type=number]:first-child{margin-left:0; width:25%;}
.mypage_cont textarea{height:150px;}
.mypage_cont tr.bar_none th,
.mypage_cont tr.bar_none td{padding-bottom:0; border:none;}
.mypage_cont tr.bar_top_none td{border-top:none;}
.mypage_cont .contact_tb{margin-bottom: 30px; padding:5px 0; border-top:2px solid #666464; border-bottom:2px solid #666464;}
.mypage_cont .contact_tb table{margin-bottom:0;}
.mypage_cont .contact_tb th{padding:5px 0 5px 15px; font-size:15px; font-weight:500; color:#4C4948; box-sizing:border-box; text-align:left; vertical-align: top;}
.mypage_cont .contact_tb td{padding:5px 0; font-size:15px; font-weight:500; color:#4C4948; text-align:left; border:none;}
.mypage_cont .contact_tb .select_list{max-width:370px; display:flex; align-items: center;}
.mypage_cont .contact_tb .select_list select{width:42.2%;}
.mypage_cont .contact_tb .select_list select:nth-child(2){margin-left:auto; width:50.8%;}
.mypage_cont .contact_tb input[type=text]{max-width:624px;}
.mypage_cont .contact_tb .tel,
.mypage_cont .contact_tb .email{max-width:576px; display:flex; align-items: center; }
.mypage_cont .contact_tb .email input[type=text]{width:32.6%; box-sizing:border-box;}
.mypage_cont .contact_tb .email input[type=text]:first-child{width:27%;}
.mypage_cont .contact_tb .email span{width:4.3%; font-size:15px; color:#4C4948; display:inline-block; text-align:center; }
.mypage_cont .contact_tb .email select{margin-left:3.5%; width: 32.6%;}
.mypage_cont .contact_tb .tel select{width:28%; margin-right:2%;}
.mypage_cont .contact_tb .tel input[type=text]{margin-left:3.5%; width:32.6%;}
.mypage_cont .contact_tb textarea{height:117px;}
.mypage_cont .contact_tb .file_area{width:calc(100% - 172px); min-height:117px; display:flex; align-items: center; justify-content: center; border: 1px solid #B6b6b6; box-sizing:border-box; font-size:13px; color:#A9A9AA; }
.mypage_cont .contact_tb .right_btn{margin-left:auto; width:160px; }
.mypage_cont .contact_tb .right_btn ul{display:flex; flex-direction: column; justify-content: space-between; height:100%;}
.mypage_cont .contact_tb .right_btn ul .basic-btn01{width:100%;}
.mypage_cont .h_70 tr td{height:70px;}
.mypage_cont .right_btn{margin-left:auto; }
.mypage_cont .right_btn ul{display: flex; align-items: center;}
.mypage_cont .right_btn ul li .basic-btn01{ width:187px;}

.mypage_cont .wide-pos-bx {position:relative;}
.mypage_cont .wide-pos-bx .absol-pos-right {position:absolute;bottom:0;right:0}

.mypage_view{padding-top:150px;}
.mypage_view .top_area{margin-bottom:15px; padding-left:75px; min-height:55px; background:url(../img/icon_note.svg) no-repeat 0 center;}
.mypage_view .top_area h1{font-size:23px; font-weight:500; color:#4C4948;}
.mypage_view .top_area ul li{position:relative; padding-left:10px; font-size:15px; color:#898989;}
.mypage_view .top_area ul li:before{position:absolute; left:0; top:0; display:block; content:"-";}
.mypage_view .title_area{border-top:2px solid var(--point-color-1); border-bottom: 2px solid var(--point-color-1);}
.mypage_view .title_area .cate{padding:15px 25px; font-size:17px; font-weight:500; color:#4C4948;}
.mypage_view .title_area h2{padding:13px 25px; background-color:#EFEFEF; color:#3E3A39; font-weight:600; font-size:16px;}
.mypage_view .title_area .info{padding:16px 0 16px 25px; display:flex;}
.mypage_view .title_area .info ul{display:flex; align-items: center;}
.mypage_view .title_area .info ul li{position:relative; padding:0 10px; font-size:15px; color:#666464;}
.mypage_view .title_area .info ul li:before{position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; display:block; background-color:#898989; content:"";}
.mypage_view .title_area .info ul li:first-child{padding-left:0;}
.mypage_view .title_area .info ul li:first-child:before{display:none;}
.mypage_view .title_area .file_list{display:flex; align-items: center;}
.mypage_view .title_area .file_list .title{margin-right:10px; display:inline-block; font-size:15px; color:#666464;}
.mypage_view .view_cont{margin-bottom:50px; padding:60px 25px; min-height:420px; box-sizing:border-box; border-bottom: 2px solid var(--point-color-1); font-size:15px; color:#666464; line-height:2;}

/* title */
.titleType_1{margin-bottom:60px; padding-bottom:8px; border-bottom:2px solid #666464;}
.titleType_1 h2{font-size:23px; font-weight:500; color:#4C4948;}
.titleType_1 p{font-size:15px; color:#898989;}
.titleType_1 .right_btn{margin-left:auto; }
.titleType_1 .right_btn ul{display: flex; align-items: center;}
.titleType_1 .right_btn ul li .basic-btn01{ width:187px;}

.titleType_2{margin-bottom:10px; font-size:25px; color:#7A7C80;}

/* title */
.titleType_3{margin-bottom:60px; padding-bottom:8px; border-bottom:3pt solid #4C4948;}
.titleType_3 h2{font-size:23px; font-weight:500; color:#4C4948;}
.titleType_3 p{font-size:15px; color:#898989;}
.titleType_3 .right_btn{margin-left:auto; }
.titleType_3 .right_btn ul{display: flex; align-items: center;}
.titleType_3 .right_btn ul li .basic-btn01{ width:187px;}

/* webhard */
.cs_center_top{padding:65px 0 60px; }
.cs_center_top h1{margin-bottom:5px; font-size:27px; font-weight:400; color:#4C4948;}
.cs_center_top ul li{display:flex; align-items: center; flex-wrap:wrap;}
.cs_center_top ul li .title{width:64px; font-size:13px; font-weight:500; color:#666464}
.cs_center_top ul li .txt{width:calc(100% - 64px); font-size:15px; color:#666464;}
.cs_center_top ul li .txt .tel{font-size:27px; font-weight:500; }
.cs_center_top ul li .txt .time{font-size:17px; font-weight:500; }
.webhard .tabType_2{margin-bottom:60px;}
.webhard h3{margin-bottom:10px; font-size:25px; color:#7D7D7D;}
.webhard .txt_box{margin-bottom:35px; padding:15px 30px; background-color:#EFEFEF; }
.webhard .txt_box p{position:relative; padding-left:20px; font-size:15px; color:#7D7D7D;}
.webhard .txt_box p:before{position:absolute; left:0; top:0; display:block; content:"※";}
.webhard .agree_txt{margin:18px 0; font-size:13px; color:#898989;}

/* estimate_form_box */
.estimate_form_box{padding:25px; margin-bottom: 30px; border:5px solid #D6D6D6; box-sizing:border-box;}
.estimate_form_box .estimate_form{display:flex; }
.estimate_form_box .estimate_form .left_area{width:63%; }
.estimate_form_box .estimate_form .left_area ul li{margin-bottom:10px; display:flex; align-items: center;}
.estimate_form_box .estimate_form .left_area ul li:last-child{margin-bottom:0;}
.estimate_form_box .estimate_form .left_area ul li .title_area{width:124px; font-size:15px; font-weight:300; color:#666464;}
.estimate_form_box .estimate_form .left_area ul li .input_area{width:calc(100% - 124px);}
.estimate_form_box .estimate_form .left_area ul li .tel{display:flex; justify-content: space-between;}
.estimate_form_box .estimate_form .left_area ul li .tel select{width:25%;}
.estimate_form_box .estimate_form .left_area ul li .tel input[type=number]{width:35.3%;}
.estimate_form_box .estimate_form .right_area{margin-left:auto; width:34%; display:flex; align-items: center; justify-content: center; text-align: center; background-color:#EEEEEE; font-size:15px; color:#7D7D7D;}
.estimate_form_box .estimate_form .right_area p { font-size: 12px; color : #898989; font-weight : 300}
.estimate_form_box .estimate_form2 ul li{margin-bottom:10px; display:flex; align-items: center;}
.estimate_form_box .estimate_form2 ul li:last-child{margin-bottom:0;}
.estimate_form_box .estimate_form2 ul li .title_area{width:124px; font-size:15px; font-weight:300; color:#666464;}
.estimate_form_box .estimate_form2 ul li .input_area{width:calc(63% - 124px); }
.estimate_form_box .estimate_form2 ul li .right_txt{margin-left:auto; width:34%; font-size:13px; color:#A9A9AA;}

/* member_info */
.member_info{margin:0 auto; max-width:852px; padding:70px 50px; box-sizing:border-box; }
.member_info>ul>li{margin-bottom:16px; display:flex; }
.member_info>ul>li .title{width:125px; font-size:15px; font-weight:600; color:#666464; }
.member_info>ul>li .title strong{color:#F08300; }
.member_info>ul>li .input_area{margin-left:auto; width:calc(100% - 124px); font-size:13px; font-weight:500; color:#4C4948;}
.member_info>ul>li .input_area .right_btn{display:flex; align-items: center; width:100%;}
.member_info>ul>li .input_area .right_btn .btn{margin-left:auto; width:155px;height:30px; line-height:30px; text-align:center; background-color:#656464; font-size:13px; color:#fff;}
.member_info>ul>li .input_area .right_btn input[type=number],
.member_info>ul>li .input_area .right_btn input[type=text]{width: calc(100% - 170px);}
.mypage_cont .member_info>ul>li .add_list li{width:100%;}
.member_info>ul>li input[type=checkbox]{margin-top:6px;}
.member_info>ul>li .birthday{display:flex; align-items: center;}
.member_info>ul>li .birthday .number_area{width:calc(100% - 160px); display:flex; align-items: center;}
.member_info>ul>li .birthday .number_area input[type=number],
.member_info>ul>li .birthday .number_area input[type=text]{margin-left:2.4%; width:27.6%; box-sizing:border-box;}
.member_info>ul>li .birthday .number_area input[type=number]:first-child,
.member_info>ul>li .birthday .number_area input[type=text]:first-child{margin-left:0; width:40%;}
.member_info>ul>li .birthday .solar_lunar{margin-left:auto; width:123px; display:flex; justify-content: space-between;}

/* join */
.join_cont{padding-top:120px; margin:0 auto; max-width:752px;}
.step_list{position:relative; margin:0 auto 150px; max-width:365px; }
.step_list:before{position:absolute; left:5%; top:20px; z-index:1; width:90%; height:1px; background-color:#CFCFCF; display:block; content:""; }
.step_list ul{position:relative; z-index:4; display:flex; justify-content: space-between;}
.step_list ul li .number{margin:0 auto; width:45px; height:45px; line-height:45px; background-color:#ccc; border-radius:50%; text-align:center; color:#fff;}
.step_list ul li .txt{margin-top:5px; font-size:17px; font-weight:500; color:#9F9FA0; }
.step_list ul li.on .number{background-color:var(--point-color-1); color:#fff;}
.step_list ul li.on .txt{color:#4C4948;}
.join_cont .join_all_check{margin-bottom:10px; padding:5px 32px; background-color:#eFEFEF; box-sizing:border-box;  font-size:20px; font-weight:300; color:#666464;}
.join_cont .join_all_check input[type=checkbox]{margin-top:10px;}
.join_cont .join_terms_wrap{margin-bottom:12px; padding:15px 32px; background-color:#EFEFEF; }
.join_cont .join_terms_wrap h1{margin-bottom:5px; font-size:20px; font-weight:300; color:#666464;}
.join_cont .terms_box{padding:15px; background-color:#fff; box-sizing:border-box; color:#727171;height:168px; overflow:auto; font-size:13px; font-weight:250; line-height:1.3;}
.join_cont .agree_txt{margin-top:5px; font-size:13px; font-weight:250; color:#666464;}
.join_cont .sns_login{margin:60px 0 70px; padding:50px 32px 20px; background-color:#fff; border:2px solid #B6B6B6;  }
.join_cont .sns_list{position:relative; margin-bottom:25px; display:flex; align-items: center; justify-content: center;}
.join_cont .sns_list:before{position:absolute; left:50%; top:18px; width:2px; height:47px; background-color:#C9C9CB; display:block; content:"";}
.join_cont .sns_list>div{width: 50%;height:170px}
.join_cont .sns_list ul{display:flex; align-items: center; gap:36px; justify-content: center;}
.join_cont .sns_list ul .custom_radio{display:block; margin:10px auto; }
.join_cont .sns_list ul .custom_radio label{padding:0 0 25px; }
.join_cont .sns_list ul .custom_radio label:before{left:50%; bottom:0; top:auto; transform:translateX(-50%);}
.join_cont .sns_list span{display:block; margin-bottom:20px; font-weight:500; color:#666464; text-align:center;}
.join_cont .sns_login .info{padding:18px 24px; background-color:#EFEFEF; }
.join_cont .sns_login .info li{position:Relative; padding-left:10px; font-size:12px; font-weight:250; color:#666464; }
.join_cont .sns_login .info li:before{position:absolute; left:0; top:0; display:block; content:'-';}
.join_cont .btn_area{text-align:center; }
.join_cont .btn_area .basic-btn01{width:312px;}
.join_form{padding:20px 0px;width:752px}
.join_form ul li{margin-bottom:16px; display:flex; align-items: center;}
.join_form ul li .title{width:120px; font-size:15px; font-weight:300; color:#666464;}
.join_form ul li .title strong{color:var(--point-color-1); font-weight:600;}
.join_form ul li .input_area{width:calc(100% - 120px); }
.join_form .add_list ul li{position:relative; margin-bottom:10px; width:100%; display:flex;}
.join_form .add_list ul li:last-child{margin-bottom:0;}
.join_form .add_list ul li.right_btn input[type=text]{width:calc(100% - 170px);}
.join_form .add_list ul li.right_btn .btn_post{margin-left:auto; width:155px; height:30px; line-height:30px; font-size:13px; background-color:#656464; color:#fff;}
.join_form .tel{display:flex; align-items: center; max-width:632px;}

.join_form .email{display:flex; align-items: center; width:100%;}
.join_form .email span {display: inline-block;margin: 0 5px;text-align: center;}
.join_form .email select { margin-left: 10px; min-width:100px}

.join_form .add_list .tel {display:flex; align-items: center; width:100%;}
.join_form .add_list .tel .btn {margin-left: 10px;width: 155px;height: 30px;line-height: 30px;text-align: center;background-color: #656464; font-size: 13px; color: #fff;}
.join_form .add_list .hp_cert_wrap input[type=number], 
.join_form .add_list .hp_cert_wrap #hp_cert_input {display: flex; align-items: center;width: 100%;}
.join_form .add_list .hp_cert_wrap #hp_cert_input .btn {margin-left: 10px;width: 190px;height: 30px;line-height: 30px;text-align: center;background-color: #656464; font-size: 13px; color: #fff;}

.join_form .tel select{width:26%;}
.join_form .tel input[type=number],
.join_form .tel input[type=text]{margin-left:2.5%; width:35%;}
.join_form .tel .btn {margin-left: auto;width: 155px;height: 30px;line-height: 30px;text-align: center;background-color: #656464; font-size: 13px; color: #fff;}

.join_form .company_number{display:Flex; align-items: center;}
.join_form .company_number input[type=number]{margin-left:2.5%; width:35%;}
.join_form .company_number input[type=number]:first-child{margin-left:0; width:25%;}
.join_form .input_area input[type=password],
.join_form .input_area input[type=text]{width:100%; }
.join_form .input_area .right_btn{display:flex; align-items: center; width:100%;}
.join_form .input_area .right_btn .btn{margin-left:auto; width:155px;height:30px; line-height:30px; text-align:center; background-color:#656464; font-size:13px; color:#fff;}
.join_form .input_area .right_btn input[type=number],
.join_form .input_area .right_btn input[type=text]{width: calc(100% - 170px);}
.join_form ul li .agree_txt{font-size:13px; font-weight:300; color:#7D7D7D;}
.join_form .birthday{display:flex; align-items: center;}
.join_form .birthday .number_area{width:calc(100% - 160px); display:flex; align-items: center;}
.join_form .birthday .number_area input[type=number],
.join_form .birthday .number_area input[type=text]{margin-left:2.4%; width:27.6%; box-sizing:border-box;}
.join_form .birthday .number_area input[type=number]:first-child,
.join_form .birthday .number_area input[type=text]:first-child{margin-left:0; width:40%;}
.join_form .birthday .solar_lunar{margin-left:auto; width:123px; display:flex; justify-content: space-between;}
.join_cont .complete{ text-align:center;}
.join_cont .complete p{margin-bottom:80px; font-size:18px;}
.join_cont .complete p strong{margin-bottom:18px; font-weight:600; font-size:38px; color:#4C4948; display:block; }
.join_cont .complete .name{margin-bottom:80px; height:186px; border-top:2px solid #B6B6B6; border-bottom:2px solid #B6B6B6; display:flex; align-items: center; justify-content: center;}

/* custom_checkbox */
.custom_checkbox{position:relative; overflow:hidden; display:inline-block;}
.custom_checkbox input[type=checkbox]{position:absolute; left:-20px; top:0;}
.custom_checkbox label{padding-left:20px;min-width:20px;min-height:20px; display:block; font-size:15px; color:#666464;}
.custom_checkbox label:before{position:absolute; left:0; top:1px; width:18px; height:16px; background:url(../img/check_off.svg) no-repeat center center; background-size:100%; cursor:pointer; display:block; content:"";}
.custom_checkbox input[type=checkbox]:checked+label:before{background:url(../img/check_on.svg) no-repeat center center; background-size:100%; cursor:pointer;}

/* login_cont */
.login_cont{padding:120px 0 100px;}
.login_form{margin:120px auto 16px; padding:40px 97px; max-width:650px; border:2px solid #ddd; box-sizing:border-box;}
.login_form ul li{margin-bottom:14px; display:flex; align-items: center;}
.login_form ul li:last-child{margin-bottom:0;}
.login_form ul li label{width:70px; font-size:15px; font-weight:300; color:#666464;}
.login_form ul li input[type=number]::placeholder{text-align:center; color:#898989; font-size:12px;}
.login_form ul li input[type=number],
.login_form ul li input[type=password],
.login_form ul li input[type=text]{width:calc(100% - 70px); height:35px; line-height:33px; background-color:#EFEFEF; border:1px solid #7D7D7D; box-sizing:border-box; }

.password_cont {padding: 120px 0 100px;}
.password_cont strong {display:block;font-size:20px;margin-bottom:20px}
.password_cont span {color:#666464}
.password_cont .tabType_3 {padding: 50px 0;margin:0 auto 55px;border: 1px solid #9F9FA0;border-left: none; border-right: none;}
.password_form{margin:46px auto 50px; padding:0px; max-width:454px; box-sizing:border-box;}
.password_form input[type=number]::placeholder, .password_form input[type=password]::placeholder{text-align:center; color:#9F9FA0; font-size: 12px font-weight : 300}
.password_form input[type=number],
.password_form input[type=password],
.password_form input[type=text]{height:35px; line-height:33px; background-color:#EFEFEF; border:1px solid #7D7D7D; box-sizing:border-box;}

.login_cont .link{margin:0 auto 70px; max-width:454px; display:flex; align-items: center; justify-content:space-between;}
.login_cont .link .custom_checkbox {width: 117px;}
.login_cont.no_member .link ul{width:100%; padding-left:0;}
.login_cont.no_member .link ul li:first-child{margin-left:0;}
.login_cont .link ul{display:flex; align-items: center; justify-content: space-between;width:100%}
.login_cont .link ul li{flex-grow:1; margin-left:6px;}
.login_cont .link ul li>*{width:100%; min-width:112px; height:39px; line-height:39px; background-color:#E8E8E8; font-size:15px; font-weight:500; color:#666464; display:block; text-align:center;}
.login_cont .btn_login{margin:0 auto; width:454px; height:49px; line-height:49px; text-align:center; background-color:#4C4948; font-size:15px; font-weight:500; color:#fff; display:block; }
.easy_login{margin-top:140px;}
.easy_login h2{margin-bottom: 40px; font-size:18px; font-weight:500; color:#4C4948; text-align:center;}
.easy_login ul{display:flex; justify-content: center; }
.easy_login ul li{margin:0 43px; text-align:center;}
.easy_login ul li span{margin-top:10px; display:block; font-size:15px; font-weight:500; color:#666464;}
.login_btm{margin:140px auto 0; width:650px; }
.login_btm .cs_center{width:42%; text-align:left;}
.login_btm .cs_center>div{text-align:left; display:inline-block; }
.login_btm .cs_center .call{display:flex;}
.login_btm .cs_center .call span{width:72px; font-size:15px ;font-weight:600; color:#4C4948;}
.login_btm .cs_center .call_number{font-size:11px; color:#9F9FA0;}
.login_btm .cs_center .call_number strong{display:block; font-size:20px; font-weight:600; color:#3E3A39;}
.login_btm .service{position:Relative; padding-left:50px; width:58%; font-size:12px; color:#666464;  box-sizing:border-box;}
.login_btm .service:before{position:absolute; left:0; top:0; width:2px; height:100%; background-color:#9F9FA0; display:block ;content:"";}
.login_btm .service .d-flex span{width:50px; display:inline-block;}
.login_btm h2{font-size:15px; font-weight:600; color:#4C4948;}
.login_btm p{margin-bottom:15px; font-size:11px; color:#7D7D7D;}
.login_btm .bar{margin-top:20px; padding:20px 60px 0 0; border-top:1px solid #9F9FA0; }
.login_btm .bar h2{margin-bottom:10px;}
.login_btm .bar ol{display:flex; }
.login_btm .bar ol li{position:relative; width:32%; padding:0 10px 0 30px; font-size:11px; color:#666464;}
.login_btm .bar ol li:before{position:absolute; left:0; top:50%; width:1px; height:30px; background-color:#9F9FA0; display:block; content:""; transform: translateY(-50%);}
.login_btm .bar ol li:first-child:before{display:none;}
.login_btm .bar ol li:after{position:absolute; left:10px; top:0; display:block; font-size:36px; font-weight:200; line-height:0.9;}
.login_btm .bar ol li:first-child{padding-left:20px;}
.login_btm .bar ol li:nth-child(2){width:36%;}
.login_btm .bar ol li:nth-child(1):after{left:0; content: "1"; color:#E4A1C0;}
.login_btm .bar ol li:nth-child(2):after{content: "2"; color:#C5DB9E;}
.login_btm .bar ol li:nth-child(3):after{content: "3"; color:#8FB4DE;}

/* id_search */
.id_search{padding:120px 0 90px; margin:0 auto; }
.id_search .tabType_3, .id_search .tabType_6{margin-bottom:120px;}
.id_search .tabCont{margin:0 auto; max-width:650px;}
.id_search .tabCont>div{display:none;}
.id_search .tabCont>div:first-child{display:block;}
.id_search .search_form{padding:43px 49px; border:2px solid #DCDCDC; box-sizing:border-box;}
.id_search .search_form li{margin-bottom:14px; display:flex; align-items: center;}
.id_search .search_form li:last-child{margin-bottom:0;}
.id_search .search_form li .title{width:70px; font-size:15px; font-weight:300; color:#666464;}
.id_search .search_form li .input_area{width:calc(100% - 70px);}
.id_search .search_form li input[type=text]::placeholder,
.id_search .search_form li input[type=number]::placeholder{text-align:center; color:#898989; font-size:12px;}
.id_search .search_form li input[type=number],
.id_search .search_form li input[type=password],
.id_search .search_form li input[type=text]{width:100%; height:35px; line-height:33px; background-color:#EFEFEF; border:1px solid #7D7D7D; box-sizing:border-box; }
.id_search .search_form li .email{display:flex; align-items: center; }
.id_search .search_form li .email input[type=text]{width:31.8%; background-color:#fff; border-color:#B6B6B6; }
.id_search .search_form li .email select{margin-left:5px; width:30%; height:35px; line-height:33px; border-color: #B6B6B6;}
.id_search .search_form li .email span{width:calc(6.4% - 5px); text-align:center; font-size:15px; color:#4C4948;}
.id_search .btn_search{margin:70px auto 20px; width:454px; height:49px; line-height:49px; text-align:center; background-color:#4C4948; font-size:15px; font-weight:500; color:#fff; display:block;}
.id_search p{text-align:center; font-size:12px; color:#7D7D7D; }

/* cart_cont */
.cart_cont{padding:120px 0 0; }
.cart_cont .title_area{margin-bottom:20px; display:flex; align-items: flex-end;}
.cart_cont h2{margin:60px 0 12px; font-size:23px; font-weight:500; color:#4C4948;}
.cart_cont .title_area h2{margin:0;}
.cart_cont .title_area p{font-size:15px; color:#898989;}
.cart_cont .title_area .navi{margin-left:auto; }
.cart_cont .title_area .navi ul{display:Flex; align-items: center;}
.cart_cont .title_area .navi ul li{padding:0 5px 0 14px; font-size:17px; font-weight:500; background:url(../img/icon_location1.svg) no-repeat 0 center; color:#666464;}
.cart_cont .title_area .navi ul li:first-child{background:none;}
.cart_cont .title_area .navi ul li.on{color: var(--point-color-1);}
.cart_cont .total_price{margin:100px 0 70px; padding:30px 140px; text-align:center; background-color:#EFEFEF; font-size:19px; color:#7D7D7D; font-weight:500;}
.cart_cont .total_price strong{font-weight:600;}
.cart_cont .total_price .c-orange{color:var(--point-color-1);}


.cart_cont .info_txt {
  margin-top: 15px;
  font-size: 13px;
  color: #898989;
  display: flex;              /* 가로 배치 */
  align-items: center;        /* 세로 중앙 정렬 */
  gap: 6px;                   /* 체크박스-라벨 간격 */
}
.cart_cont .info_txt input[type="checkbox"],
.cart_cont .info_txt input[type="radio"] {
  margin: 0;                  /* 위쪽 여백 제거 */
  vertical-align: middle;     /* 혹시 남아있는 정렬 영향 차단 */
}
.cart_cont .info_txt .agree {}
.cart_cont .info_txt.info-member-edit {    margin-top: 10px;}
.cart_cont .info_txt.info-member-edit label {letter-spacing: -0.5px;}

.form-row {
  display: flex;
  align-items: center;  /* 세로 중앙 정렬 */
  gap: 8px;            /* 요소 간 간격 */
}
.form-row input[type="checkbox"],
.form-row input[type="radio"] {
  margin: 0;
  vertical-align: middle;
}

.cart_cont .info_txt.info_txt--stack { 
  flex-wrap: wrap;            /* 같은 flex 컨테이너지만 줄바꿈 허용 */
}
.cart_cont .info_txt.info_txt--stack > p {
  flex: 0 0 100%;
  margin: 0;                  /* 필요 시 gap으로 간격 처리 */
}
.cart_cont .info_txt .agree{
  display: flex;
  align-items: center;
  gap: 6px;
}
.cart_cont .info_txt .agree input[type="checkbox"],
.cart_cont .info_txt .agree input[type="radio"]{
  margin: 0;
  vertical-align: middle;
}

/* table */
.tableType_1 thead th{height:45px; background-color:#EFEFEF; border-top:1px solid #4C4948; border-bottom:1px solid #4C4948; border-left:1px solid #D6D6D6;  font-size:15px; font-weight:500; color:#4C4948; text-aligN:center;}
.tableType_1 thead th:first-child{border-left:none;}
.tableType_1 tbody td{padding:25px 10px; text-align:center; border-left:1px solid #D6D6D6;  border-bottom:1px solid #d6d6d6; font-size:15px; color:#666464; }
.tableType_1 tbody td strong{font-weight:400; color:var(--point-color-1);}
.tableType_1 tbody td:first-child{border-left:none;}
.tableType_1 tbody tr:last-child td{border-bottom:1px solid #666464;}
.tableType_1 tbody .img_area img{width:88px; height:83px;}
.tableType_1 tbody td .btn{margin-top:5px; padding:0 42px; height:30px; line-height:30px; font-size:13px; display:inline-block;}
.table_btm_area{margin-top:15px; display:flex; align-items: center;}
.table_btm_area .price{margin-left:auto; font-size:17px; font-weight:500; color:#7D7D7D;}
.table_btm_area .price strong{font-weight:600;}
.table_btm_area .price .c-orange{color:var(--point-color-1); }

.tableType_2{border-top:2px solid #666464; border-bottom:2px solid #666464;}
.tableType_2 th{padding:18px 29px; height:57px; border-bottom: 1px solid #9F9FA0; border-right:1px solid #9F9FA0; box-sizing:border-box; font-size:15px; font-weight:500; color:#666464;}
.tableType_2 td{padding:18px 29px; height:57px;border-bottom:1px solid #9F9FA0; box-sizing:border-box; font-size:15px; font-weight:500; color:#666464;}
.tableType_2 td p{font-size:12px; font-weight:300; color:#898989;}
.tableType_2 select,
.tableType_2 input[type=number],
.tableType_2 input[type=text]{height:30px; line-height:28px; max-width:624px; width:100%; }
.tableType_2 .email{display:flex; align-items: center; max-width:624px; justify-content: space-between; width:100%;}
.tableType_2 .email span{width:4%; display:block; text-align:center;}
.tableType_2 .email input[type=text]{width:35%;}
.tableType_2 .email input[type=text]:first-child{width:25%;}
.tableType_2 .email select{width:33%;}
.tableType_2 .tel{display:flex; align-items: center; max-width:624px; justify-content: space-between; width:100%;}
.tableType_2 .tel select{width:25%;}
.tableType_2 .tel input[type=number]{width:36.8%;}
.tableType_2 .tel input[type=number]:last-child{width:33.6%;}
.tableType_2 tr.phone th{padding-bottom:6px; border-bottom:none; height:54px;}
.tableType_2 tr.phone td{padding-bottom:6px; border-bottom: none; height: 54px;}
.tableType_2 tr.phone2 th{padding-top:6px; border-top:none; height: 54px;}
.tableType_2 tr.phone2 td{padding-top:6px; border-top:none; height: 54px;}
.tableType_2 .radio_list ul{display:flex;}
.tableType_2 .radio_list ul li{margin-left:35px;}
.tableType_2 .radio_list ul li:first-child{margin-left:0;}
.tableType_2 .add_list{max-width:624px; width:100%;}
.tableType_2 .add_list>div{margin-bottom:10px;}
.tableType_2 .add_list>div:last-child{margin-bottom:0;}
.tableType_2 .add_list .post{display:flex;}
.tableType_2 .add_list .post input[type=number],
.tableType_2 .add_list .post input[type=text]{width:calc(100% - 170px);}
.tableType_2 .add_list .post .btn{margin-left:auto; width:155px; height:30px; line-height:30px; text-align:center; background-color:#656464; font-size:13px; color:#fff;}
.tableType_2 textarea{max-width: 624px; width:100%; height:117px; }

.tableType_3 th{padding:4px 5px 4px 25px; background-color:#efefef; border:0.5px solid #666464; font-size:15px; font-weight:300; text-align:left; color:#64666B; border-left:none; border-right:none; }
.tableType_3 td{padding:4px 5px 4px 25px; border: 1px solid #909195; border-bottom:0.5px solid #909195; font-size:15px; color:#64666B; border-right:none; border-left:none;}
.tableType_3 td .c-orange{color:var(--point-color-1); font-weight:500; font-size:17px}
.tableType_3 .file_list{padding:10px 0;}
.tableType_3 .file_list ul li{font-size:15px; display:Flex; align-items: center; flex-wrap:wrap;}
.tableType_3 .file_list ul li a{position:relative; padding-left:20px; display:inline-block; background:url(../img/icon_jpg.png) no-repeat 0 center; font-weight:600; color:#64666B; }

/* payment */
.payment_info .left_area{width:50%;}
.payment_info .right_area{margin-left:auto; width:40%;}
.payment_info .left_area .list_1{border-top:2px solid #666464;}
.payment_info .left_area .list_1 li{padding:0 40px 0 15px; height:45px; display:flex; align-items: center; border-bottom:1px solid #9F9FA0; font-size:15px; font-weight:500; color:#4C4948; }
.payment_info .left_area .list_1 li:last-child{border-bottom:2px solid #666464;}
.payment_info .left_area .list_1 li .c-orange{color:var(--point-color-1);}
.payment_info .left_area .list_2{padding:25px 40px; border-bottom:2px solid #666464;}
.payment_info .left_area .list_2 li{margin-bottom:10px; display:Flex; align-items: center; justify-content: flex-end; font-size:15px; color:#4C4948; font-weight:500;}
.payment_info .left_area .list_2 li:last-child{margin-bottom:0;}
.payment_info .left_area .list_2 .tit{width:147px;}
.payment_info .left_area .list_2 .tit strong{color:var(--point-color-1); font-weight:500;}
.payment_info .left_area .list_2 input[type=text]{width:188px; height:35px; line-height:35px; border:none; }
.payment_info .left_area .list_2 .btn{margin-left:14px; width:100px; height:35px; line-height:35px; text-align:center; background-color:#666464; color:#fff; font-weight:500; }
.payment_info .left_area .list_2 .btn-orange-bd{border:1px solid var(--point-color-1); color:var(--point-color-1); background-color:#fff;}
.payment_info .right_area h3{padding:0 25px; height:91px; border-top:2px solid #666464; border-bottom:1px solid #666464; display:flex; align-items: center; font-size:17px; font-weight:500; color:#4C4948;}
.payment_info .right_area ul{padding:32px 40px 32px 25px; }
.payment_info .right_area ul li{margin-bottom:24px; display:flex; align-items: center; font-size:15px; font-weight:500; color:#4C4948;}
.payment_info .right_area ul li:last-child{margin-bottom:0;}
.payment_info .right_area .total{padding:0 40px 0 25px; height:90px; display:flex; align-items: center; background-color:#EFEFEF; font-size:24px; font-weight:500; }
.payment_info .right_area .total strong{font-size:24px; font-weight:600; color:var(--point-color-1);}
.payment_end{margin:0 auto; max-width:852px; text-align:center;}
.payment_end strong{font-size:38px; font-weight:600; display:block; }
.payment_end p{margin-top:19px; font-size:18px; color:#4C4948; }
.payment_end .txt{margin-top:84px; padding-top:80px; border-top:1px solid #B6B6B6; font-size:18px;color:#4C4948;}

/* faq */
.faq_search{margin-bottom:90px; padding:45px 0; justify-content: center; background-color:#EFEFEF; }
.faq_search>div{margin:0 auto; max-width:850px; width:100%; align-items: center; justify-content: space-between;}
.faq_search label{font-size:20px; color:#666464; display:block; }
.faq_search input[type=text]{width:625px; height:47px; line-height:45px; }
.faq_search input[type=text]::placeholder{text-align:center; font-size:18px; font-weight:200;}
.faq_search .btn_search{width:115px; height:47px; line-height:47px; background-color:#4C4948; font-size:15px; color:#fff; font-weight:500;border:0}
.faq_cont .tabType_1{margin-bottom:60px;}
.faq_cont .tabType_1>ul{width:100%; }
.faq_cont .tabType_1>ul>li{position:relative; margin:0; flex-grow:1; text-align:center;}
.faq_cont .tabType_1>ul>li>*{position:relative; width:100%; padding-bottom:7px; height:37px; display:flex; align-items: center; justify-content: center; font-size:15px; font-weight:300; color:#7d7d7d;  box-sizing:border-box;}
.faq_cont .tabType_1>ul>li:before{position:absolute; left:0; top:0; width:1px; height:30px; background-color:#D6D6D6; display:block; content:"";}
.faq_cont .tabType_1>ul>li:first-child:before{display:none;}
.faq_cont .tabType_1>ul>li.active>*{color:#4c4948; font-weight:300;}
.faq_list ul{display:flex; align-items: center; font-size:15px; font-weight:500; color:#666464;}
.faq_list .thead{border-top:3pt solid #4C4948; border-bottom:1px solid #4C4948;}
.faq_list .thead li{height:46px; display:Flex; align-items: center; justify-content: center;  text-align:center;}
.faq_list .num{width:120px; text-align:center;}
.faq_list .cate{width:250px;text-align: center;}
.faq_list .title{width:calc(100% - 370px);}

.faq_list .tbody .question{cursor:pointer; border-bottom: 0.5pt solid #9F9FA0;}
.faq_list .tbody .question li{padding:5px 0; height:32px; box-sizing:border-box; }
.faq_list .tbody .question li.num {font-weight:300;color: #666464}
.faq_list .tbody .question .title{position:relative; padding-right:120px; }
.faq_list .tbody .question .title:before{position:absolute; right:90px; top:50%; width:20px;height:14px; background: url(../img/faq_btn3.svg) no-repeat right center; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.faq_list .tbody .question.on .title:before{transform: translateY(-50%) rotate(-180deg);;}
.faq_list .tbody .answer{padding-left:120px; background-color:#EFEFEF; border-bottom:1px solid #666464; display:none;}
.faq_list .tbody .answer ul{padding:5px 0;}
.faq_list .tbody .answer .cate{font-weight:500; color:var(--point-color-1);}
.faq_list .tbody .answer .title {color:#666464;font-size:15px;font-weight:300}

/* notice */
.notice_table thead th{padding-left:15px; height:46px; background-color:#EFEFEF; text-align:left; border-bottom:1px solid #4C4948; box-sizing:border-box; font-size:15px; font-weight:300;  color:#4C4948;}
.notice_table tbody td{padding-left:15px; height:43px;  text-align:left; border-top:0.5pt solid #9F9FA0; border-bottom:0.5pt solid #9F9FA0; box-sizing:border-box; font-size:15px; font-weight:300;  color:#666464;}

/* intro */
.intro_cont .tabType_1{margin-bottom:60px;}
.intro_cont .tabType_1>ul{width:100%; }
.intro_cont .tabType_1>ul>li{position:relative; margin:0; flex-grow:1; text-align:center;}
.intro_cont .tabType_1>ul>li>*{position:relative; width:100%; padding-bottom:7px; height:37px; display:flex; align-items: center; justify-content: center; font-size:15px; font-weight:300; color:#7D7D7D;  box-sizing:border-box;}
.intro_cont .tabType_1>ul>li:before{position:absolute; left:0; top:0; width:1px; height:30px; background-color:#D6D6D6; display:block; content:"";}
.intro_cont .tabType_1>ul>li:first-child:before{display:none;}
.intro_cont .tabType_1>ul>li.active>*{color:#4C4948; font-weight:300;}
.intro_cont .btn-gray-bg.on{background-color:#4C4948;}
.intro_cont p{font-size:15px; font-weight:500; color:#4C4948;padding-top: 12px;}
.intro_cont table{margin:14px 0 40px; border-top:2px solid #4C4948;}
.intro_cont table th{padding:20px; text-align:center; background-color:#EFEFEF; border-bottom:1px solid #666464; font-size:17px; color:#666464; font-weight:400;}
.intro_cont table th .best{position:relative; }
.intro_cont table th .best:before{position:absolute; right:-50px; top:-20px; width:53px; height:26px; background:url(../img/icon_best.svg) no-repeat center center; display:block; content:"";}
.intro_cont table td{padding:20px; text-align:center; border-bottom:1px solid #666464; font-size:13px; line-height:1.3; letter-spacing:-0.2px; font-size:13px; color:#666464;}

/* event */
.event{padding-top:72px; }
.event h1{margin-bottom:20px; display:flex;  font-size:23px; font-weight:500; color:#666464; line-height:1; align-items: center;}
.event h1 span{margin-left:10px; display:inline-block; font-size:15px; font-weight:300;color:#9F9FA0; line-height:1;}
.event .tabType_1{position:relative; margin-bottom:30px; }
.event .tabType_1:before{position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#9F9FA0; display:block; content:"";}
.event .tabType_1>ul>li.active>*:before{bottom:0;}
.event .tabType_1>ul>li>*{padding:7px 15px; color:#7D7D7D; }
.event .tabType_1>ul>li.active>*{color:#4C4948;}
.event_list>ul{display:flex; flex-wrap:wrap; }
.event_list>ul>li{margin-bottom:30px; width:48.8%; text-align:center; }
.event_list>ul>li:nth-child(2n){margin-left:auto; }
.event_list>ul>li a{width:100%;  aspect-ratio: 609/194; display:flex; align-items:center; justify-content:center;}
.event_list>ul>li img{width:100%; height:100%; object-fit:cover;}
.event_view{padding:50px 0; text-align:center; }

/* secession */
.secession{padding:150px 0; }
.secession .box{margin:0 auto 100px; padding:64px 30px;  width:910px; border:3px solid var(--point-color-1); box-sizing:border-box; text-align:center;}
.secession .box strong{margin-bottom:30px; display:block; font-size:24px; color:var(--point-color-1); font-weight:500;}
.secession .box p{margin-bottom:56px; font-size:16px; font-weight:500; color:#4C4948;}
.secession .box p span{margin-bottom:9px; display:block; font-weight:300;}
.secession .box .agree_txt{font-size:18px; font-weight:400; color:#4C4948;}
.secession .box .agree_txt input[type=checkbox]{margin-top:10px;}

/* secession_complete */
.secession_complete{padding-top:150px; text-align:center; }
.secession_complete strong{display:block; padding-top:110px; background:url(../img/icon_checkbox.svg) no-repeat center 0; font-size:50px; font-weight:500; color:#7D7D7D; line-height:1.1;}
.secession_complete p{margin:10px 0 125px; font-size:19px; font-weight:500; color:#7D7D7D;}

/* search */
.search_page{padding-top:65px;}
.search_page .search_input_area{position:relative; margin:0 auto; width:639px;}
.search_page .search_input_area input[type=text]{width:100%; height:60px; line-height:60px; border:none; border-bottom:2px solid #4C4948; font-size:34px;}
.search_page .search_input_area input[type=text]::placeholder{text-align:center; font-size:34px; font-weight:300; color:#C7C7C8;}
.search_page .search_input_area .btn_search{position:absolute; right:20px; top:50%; width:34px; height:34px; background:url(../img/icon_search_30px.svg) no-repeat center center; display:block;  transform: translateY(-50%);}
.search_page .search_word{margin-top:10px; display:flex; align-items: center; justify-content: center;}
.search_page .search_word .tit{padding-right:10px; font-size:15px; color:#4C4948;}
.search_page .search_word  ul{display:flex; align-items: center; justify-content: center;}
.search_page .search_word  ul li{position:relative; padding:0 10px; font-size:15px; font-weight:200; color:#7D7D7D; }
.search_page .search_word ul li>*{font-weight:inherit; color:inherit;}
.search_page .search_word  ul li:before{position:absolute; left:0; top:50%; width:1px; height:15px; background-color:#707070; display:block; content:""; transform: translateY(-50%);}
.search_page .smart_search{margin:70px 0 100px; padding:36px 0; background-color:#EFEFEF;}
.search_page .smart_search ul{margin: 0 auto 50px; width:910px; display:flex; flex-wrap:wrap;}
.search_page .smart_search ul li{padding:8px 0; width:calc(100% / 7);}
.search_page .custom_checkbox label:before{background:url(../img/checkbox2.svg) no-repeat center center;}
.search_page .btn_search{margin:0 auto; width:245px; height:49px; line-height:49px; display:block;}

/* memo_box */
.memo_box{padding:25px; border:5px solid #D6D6D6; box-sizing:border-box; }
.memo_box.pd10{padding:10px;}
.memo_box.border_dark{border-color:#909195;}
.memo_form{padding:10px; border:5px solid #ddd;}
.memo_form ul li{margin-bottom:15px;border: 1.5pt solid rgba(159, 159, 160, 0.5);}
.memo_form.bordernone ul li {border:0}
.memo_form ul li:last-child{margin-bottom:0;}
.memo_form ul li .title_area{width:15.24%; display:flex; align-items: center; background-color:#666464; color:#fff; justify-content: center; font-size:15px; font-weight:500;}
.memo_form ul li .input_area{margin-left:auto; width:83.2%; }
.memo_form ul li .input_area textarea{padding:10px; height:265px; box-sizing:border-box; border-color:#9F9FA0; font-size:13px; color:#666464;}
.memo_form ul li:nth-child(2) .title_area{background-color:#7D7D7D; }
.memo_form ul li .right_btn_wrap{display:flex; }
.memo_form ul li .right_btn_wrap .right_btn{margin-left:auto; width:160px; display:flex; flex-direction: column; justify-content: space-between;}
.memo_form ul li .right_btn_wrap .right_btn button{width:100%; }
.memo_form ul li .attach_file{position:relative; width:calc(100% - 175px); height:125px; box-sizing:border-box; border:1px solid #9F9FA0; box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size:13px; color:#898989;}
.memo_form ul li .txt_2{margin-top:12px; margin-left:auto; width:83.2%; font-size:13px; color:#7D7D7D;}
.memo_form ul li .tbl-item-list li {border:0;margin-bottom:0}
.memo_form ul li .btn-sian-select {display:block;color:var(--point-color-1);}

.memo_box .fomr_list{display:flex; }
.memo_box .fomr_list>ul{width:63%}
.memo_box .fomr_list>ul>li{margin-bottom:10px; display:flex; align-items: center;}
.memo_box .fomr_list>ul>li:last-child{margin-bottom:0;}
.memo_box .fomr_list>ul>li .title_area{width:124px; font-size:15px; color:#666464; font-weight:300;}
.memo_box .fomr_list>ul>li .title_area strong{color:#F08300; font-weight:700;}
.memo_box .fomr_list>ul>li .input_area select,
.memo_box .fomr_list>ul>li .input_area input[type=number],
.memo_box .fomr_list>ul>li .input_area input[type=text]{font-size:15px; color:#3E3A39; }
.memo_box .fomr_list>ul>li .input_area input[type=text].txt_c{padding-left:0;}
.memo_box .fomr_list>ul>li .input_area{width:calc(100% - 124px); }
.memo_box .fomr_list>ul>li .input_area .h_367{height:367px;}
.memo_box .fomr_list .right_box{margin-left:auto; width:34%; background-color:#eee; display:flex; align-items: center; justify-content: center; text-align:center; font-size:12px; color:#9F9FA0;}
.memo_box .fomr_list .right_box p{position:relative; padding-left:15px;text-align:left }
.memo_box .fomr_list .right_box p:before{position:absolute; left:0; top:0; display:block; content:"※";}
.memo_box .input_area .tel{display:flex;}
.memo_box .input_area .tel select{width:25%; }
.memo_box .input_area .tel input[type=number],
.memo_box .input_area .tel input[type=text]{width:35%; }
.memo_box .input_area .tel>*{margin-left:2.5%;}
.memo_box .input_area .tel>*:first-child{margin-left:0;}
.memo_box .fomr_list2>ul>li{position:relative; margin-bottom:10px; display:flex; align-items: center;}
.memo_box .fomr_list2>ul>li:last-child{margin-bottom:0;}
.memo_box .fomr_list2>ul>li .title_area{width:124px; font-size:15px; color:#666464;}
.memo_box .fomr_list2>ul>li .title_area strong{color:#F08300; font-weight:700;}
.memo_box .fomr_list2>ul>li .input_area{width:calc(100% - 558px); }
.memo_box .fomr_list2>ul>li .right_txt{margin-left:auto; width:404px; font-size:13px; color:#A9A9AA;}
.memo_box .fomr_list3>ul>li{margin-bottom:7px; display:flex; align-items:center;}
.memo_box .fomr_list3>ul>li:last-child{margin-bottom:0;}
.memo_box .fomr_list3>ul>li .tit{width:110px; font-size:15px; color:#64666B;}
.memo_box .fomr_list3>ul>li .input_area{width:calc(100% - 110px - 105px);}
.memo_box .fomr_list3>ul>li .input_area select{width:100%; font-size:15px; color:#666464;}
.memo_box .fomr_list3>ul>li .right_btn{margin-left:auto; width:93px; }
.memo_box .fomr_list3>ul>li .right_btn button{width:100%; height:32px; line-height:32px; text-align:center; background-color:#64666B; font-size:12px; color:#fff; }
.memo_box .fomr_list3>ul>li .right_btn:hover .right_area{visibility: visible; opacity:1;}
.memo_box .fomr_list3>ul>li:nth-child(2) .right_area>div:before{top:40px;}
.memo_box .fomr_list3>ul>li:nth-child(3) .right_area>div:before{top:80px;}
.memo_box .fomr_list3>ul>li:nth-child(4) .right_area>div:before{top:120px;}
.memo_box .fomr_list3>ul>li:nth-child(5) .right_area>div:before{top:160px;}
.memo_box .fomr_list3>ul>li:nth-child(6) .right_area>div:before{top:200px;}
.memo_box .fomr_list3>ul>li:nth-child(7) .right_area>div:before{top:240px;}
.memo_box .fomr_list3>ul>li:nth-child(8) .right_area>div:before{top:280px;}
.memo_box .fomr_list4>ul>li{margin-bottom:10px; display:Flex; align-items: center;}
.memo_box .fomr_list4>ul>li:last-child{margin-bottom:0;}
.memo_box .fomr_list4>ul>li .title_area{width:124px; font-size:15px; color:#666464;}
.memo_box .fomr_list4>ul>li .title_area strong{color:#F08300; font-weight:700;}
.memo_box .fomr_list4>ul>li .input_area{width:calc(100% - 124px); }
.memo_box .add_list>div{margin-bottom:10px;}
.memo_box .add_list>div:last-child{margin-bottom:0;}
.memo_box .add_list .post{display:flex; }
.memo_box .add_list .post input[type=text]{width: calc(100% - 125px);}
.memo_box .add_list .post .btn_post{margin-left:auto; width:118px; height:30px; line-height:30px; background-color:#595B60; font-size:15px; font-weight:500; color:#fff; }
.memo_box .add_list input[type=text]{background-color:#EBECEC; border-color:#A5A6A9;}
.memo_box .sender{display:flex; align-items: center ;}
.memo_box .input_area .sender input[type=text]{width:69%;}
.memo_box .input_area .sender select{margin-left:auto; width:28%;}
.memo_box .input_area .tel2{display:flex; justify-content: space-between;}
.memo_box .input_area .tel2 select{width:23%; }
.memo_box .input_area .tel2 input[type=number],
.memo_box .input_area .tel2 input[type=text]{width:23%; }
.memo_box .input_area .type_1{display:flex; align-items: center;}
.memo_box .input_area .type_1 select{width:23%; font-size:13px; color:#666464;}
.memo_box .input_area .type_1 select.post-box option:nth-child(2) {font-size:11px}
.memo_box .input_area .type_1 input[type=text]{margin-left:auto; width:74%;}
.memo_box .input_area .type_1 .box{margin-left:auto; width:74%; padding-left:10px; height:30px; line-height:30px; border:1px solid #A5A6A9; box-sizing:border-box;}
.memo_box .input_area .type_2{position:relative; }
.memo_box .input_area .type_2 input[type=text]{padding-left:35px; width:100%;}
.memo_box .input_area .type_2 .custom_checkbox{position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.memo_box .input_area .type_3{display:flex; align-items: center; justify-content: space-between;}
.memo_box .input_area .type_3 input[type=text]{width:20%; text-align:center; padding-left:0;}
.memo_box .input_area .type_3 select{width:20%; }
.memo_box .input_area .type_3 input[type=text].w25p{width:25%;}
.memo_box .input_area .type_3 i{width:5px; height:5px; background-color:#4E5055; display:block; content:""; border-radius:50%;}
.memo_box .input_area .type_3 span{font-size:14px; font-weight:500; color:#64666B;}


/* 공통: 두 줄 모두 같은 칼럼 규격 */
.memo_box .input_area .type_4{
  display:grid;
  /* [1]부 [2]점 [3]모 [4]의(텍스트) [5]선택(셀렉트) [6]신랑 */
  grid-template-columns: 125px 10px 125px 32px 125px 147px;
  align-items:center;
  column-gap:12px;   /* 칼럼 간 간격 */
}

/* 내부 입력요소는 칼럼 폭에 맞춰 100% */
.memo_box .input_area .type_4 input[type=text],
.memo_box .input_area .type_4 select{
  width:100%;
  text-align:center;
  padding-left:0;
}

/* 점(구분용) */
.memo_box .input_area .type_4 i{
  width:5px; height:5px; background:#4E5055; display:block; border-radius:50%;
  justify-self:center;   /* 칼럼 가운데 */
}

/* '의' 텍스트 */
.memo_box .input_area .type_4 span{
  font-size:14px; font-weight:500; color:#64666B;
  text-align:center;
}

/* 위 줄(기존 그대로 순서대로 들어가면 자동으로 1~6 칼럼에 배치됨)
   마지막 입력은 6번째 칼럼 */
.memo_box .input_area .type_4 input.w25p{ grid-column:6; }

/* 아래 줄(.active): 요소가 4,5 칼럼을 건너뛰고 6번 칼럼에 가도록 강제 배치 */
.memo_box .input_area .type_4.active input[type=text]:nth-of-type(1){ grid-column:1; } /* 신랑 부 세례명 */
.memo_box .input_area .type_4.active i{ grid-column:2; }                               /* 점 */
.memo_box .input_area .type_4.active input[type=text]:nth-of-type(2){ grid-column:3; } /* 신랑 모 세례명 */
.memo_box .input_area .type_4.active input.w25p{ grid-column:6; }                      /* 신랑 세례명 */

/* 기존 width 강제값 제거 */
.memo_box .input_area .type_4 input[type=text]{ width:auto; }
.memo_box .input_area .type_4 select{ width:auto; }

#m-christian-use.active, #f-christian-use.active {display:grid;padding-top:10px}

.memo_box .fomr_list5>ul>li{padding:10px; display:flex; align-items: center; font-size:15px; color:#85868A; border-top:1px solid #898989;}
.memo_box .fomr_list5>ul>li:first-child{border-top:none;}
.memo_box .fomr_list5>ul>li .tit{width:124px; font-size:15px; color:#666464;}
.memo_box .fomr_list5>ul>li .price{width:100px; font-size:15px; font-weight:500; color:#595B60;}
.memo_box .fomr_list5>ul>li .txt{width:calc(100% - 224px);}
.memo_box .fomr_list5>ul>li .price strong{color:#595B60; font-weight:600;}
.memo_box .fomr_list5>ul>li .txt strong{color:var(--point-color-1); font-weight:400; aspect-ratio: ;}
.memo_box .fomr_list5>ul>li .txt .custom_checkbox label{color:#898989; }
.memo_box .text_print .left_area p{font-size:15px; color:#64666B;}
.memo_box .text_print .left_area p.f13{font-size:13px;}
.memo_box .text_print .left_area textarea{height:170px;}
.memo_box .text_print .right_area{padding:40px; display:flex; align-items: center; justify-content: center;}
.memo_box .text_print .right_area .back{width:293px; height:166px; border:4px solid #9A9B9F; box-sizing:border-box; display:flex; align-items: center; justify-content: center; text-align:center; background-color:#fff; font-size:9px; color:#4E5055; }
.memo_box .text_print .right_area .front{margin:-24px 0 0 115px; width:293px; background-color:#fff;}
.memo_box .text_print .right_area .front img{width:100%;}
.memo_box .text_print .fomr_list4>ul>li{align-items: flex-start;}
.memo_box .text_print .fomr_list4>ul>li .title_area{width:95px;}
.memo_box .text_print .fomr_list4>ul>li .input_area{width:calc(100% - 95px);}
.memo_box .no_print{width:100%; height:396px; display:flex; align-items: center; justify-content: center; text-align: center; background-color:#EBECEC; font-size:12px; color:#9F9FA0;}
.memo_box .tabCont>div{display:none;}
.memo_box .tabCont>div:first-child{display:block;}

.memo_form2 ul li{margin-bottom:15px;}
.memo_form2 ul li:last-child{margin-bottom:0;}
.memo_form2 ul li .title_area{width:280px; display:flex; align-items: center; background-color:#666464; color:#fff; justify-content: center; font-size:15px; font-weight:500;}
.memo_form2 ul li .input_area{margin-left:auto; width:calc(100% - 297px);}
.memo_form2 ul li .input_area textarea{padding:10px; height:265px; box-sizing:border-box; border-color:#9F9FA0;}
.memo_form2 ul li:nth-child(2) .title_area{background-color:#7D7D7D; }
.memo_form2 ul li .right_btn_wrap{display:flex; }
.memo_form2 ul li .right_btn_wrap .right_btn{margin-left:auto; width:160px; display:flex; flex-direction: column; justify-content: space-between;}
.memo_form2 ul li .right_btn_wrap .right_btn button{width:100%; }
.memo_form2 ul li .right_btn_wrap .arrow{display:flex; align-items: center; justify-content: space-between;}
.memo_form2 ul li .attach_file{position:relative; width:calc(100% - 175px); height:140px; box-sizing:border-box; border:1px solid #9F9FA0; box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size:0.875rem; font-weight:500;color:#A9A9AA;}
.memo_form2 ul li .txt_2{margin-top:12px; margin-left:auto; width: calc(100% - 297px); font-size:13px; font-weight:500; color:#A9A9AA;}

.memo_form3>ul>li{position:relative;margin-bottom:15px;}
.memo_form3 ul li:last-child{margin-bottom:0;}
.memo_form3 ul li .title_area{width:280px; display:flex; align-items: center; background-color:#E4E4E5; color:#666464; justify-content: center; font-size:15px; text-align:center;}
.memo_form3 ul li .title_area.orange_bg{background-color:var(--point-color-1); color:#fff;}
.memo_form3 ul li .title_area.gray_bg{background-color:#9F9FA0; color:#fff;}
.memo_form3 ul li .title_area .c-orange{margin-top:10px; display:inline-block; font-size:15px; color:var(--point-color-1); font-weight:500;}
.memo_form3 ul li .input_area{margin-left:auto; padding:25px; width:calc(100% - 280px); border: 1px solid #909195; border-right:none; border-left:none; box-sizing:border-box; box-sizing:border-box; font-size:15px; color:#64666B;}
.memo_form3 ul li .input_area .date{font-size:17px;}
.memo_form3 ul li .input_area textarea{padding:10px; height:265px; box-sizing:border-box; border-color:#9F9FA0;}
.memo_form3 ul li .input_area .card_image ul{display:flex; gap:17px;}
.memo_form3 ul li .input_area .card_image>ul>li{border:1px solid #C4C4C6;}
.memo_form3 ul li .envelope .size{position:absolute; left:0; top:-15px; font-size:10px; color:#FB3099;}
.memo_form3 ul li .envelope {border:1px solid #2B2E34; width:124px; aspect-ratio: 1/1; }
.memo_form3 ul li .input_area .card_image>ul>li{position:relative;}
.memo_form3 ul li .input_area .card_image>ul>li.bd_none{border:none;}
.memo_form3 ul li .input_area .card_image .txt{padding-left:16px; font-size:10px; color:#0D3691;}
.memo_form3 ul li .input_area .card_image .txt strong{font-size:10px; color:#FB3099; font-weight:400;}
.memo_form3 ul li .input_area .file_list{padding:10px 0;}
.memo_form3 ul li .input_area .file_list ul li{font-size:15px; display:Flex; align-items: center; flex-wrap:wrap; color:#3E3A39; font-weight:300;}
.memo_form3 ul li .input_area .file_list ul li a{position:relative; padding-left:20px; display:inline-block; background:url(../img/icon_jpg.png) no-repeat 0 center;  }


/* quotation */
.quotation{padding:0px;}
.quotation .print_area{margin:0 auto;  max-width:1248px; border:1px solid #707070; box-sizing:border-box;}
.quotation .logo_area{margin-bottom:40px; display:flex; align-items: center;}
.quotation .logo_area .logo img{width:130px;}
.quotation .logo_area h1{letter-spacing: 7px;margin-left:auto; font-size:27px; font-weight:500; color:#4c4948;}
.quotation .top_info_list{display:flex; margin-bottom:34px;}
.quotation .top_info_list>ul{width:40%; border-top:1px solid #e4e4e5;}
.quotation .top_info_list>ul:nth-child(2n){margin-left:auto; width:53%;}
.quotation .top_info_list>ul>li{position:Relative; padding:4px 0; display:flex; align-items: center; border-bottom:1px solid #E4E4E5; }
.quotation .top_info_list>ul>li .seal{position:absolute; right:0; top:-14px; }
.quotation .top_info_list>ul>li .seal img {width:58px}
.quotation .top_info_list>ul>li .tit{padding-left:15px; width:71px; font-size:9px; font-weight:300; color:#4c4948; box-sizing:border-box; }
.quotation .top_info_list>ul>li .txt{width:calc(100% - 80px); font-size:9px; color:#666464;}
.quotation .top_info_list>ul>li .txt [type=text] {padding-left:2px; width:100%; box-sizing:border-box; vertical-align:middle; border:solid 1px #B6B6B6; background-color:#fff; height:12px; line-height:11px; outline:none; font-size:9px; color:#666464;}

.quotation .top_info_list>ul>li address{font-size:9px;}
.quotation thead th{padding:0 10px; height:30px; border-top:3pt solid #4c4948; border-bottom:1pt solid #4c4948; box-sizing:border-box; font-size:11px; font-weight:500; text-align:left;}
.quotation tbody td{padding:0 10px; height:26px; border-bottom:0.5pt solid #9F9FA0; font-size:10px; color:#4c4948; box-sizing:border-box;font-weight:300}
.quotation tbody tr:last-child td{border-bottom:3pt solid #4C4948; height:26px;}
.quotation .total_price{margin-top:18px; display:flex; }
.quotation .total_price>ul{margin-left:auto; max-width:400px; width:100%;}
.quotation .total_price>ul>li{margin-bottom:8px; display:flex; align-items: center;}
.quotation .total_price>ul>li .tit{font-size:13px; font-weight:500; color:#4E5055;}
.quotation .total_price>ul>li .txt{margin-left:auto; font-size:10px; font-weight:300; color:#4C4948;}
.quotation .total_price>ul>li.all_price .tit{font-size:15px;}
.quotation .total_price>ul>li.all_price .txt{font-size:15px; color:#666464; font-weight:500;}
.quotation_cont{padding: 60px 37px;}
.quotation_footer{padding:30px 37px 30px; background-color:#E4E4E5; display:flex;}
.quotation_footer .left_area ul li{position:relative; padding-left:20px; font-size:9px; color:#7D7D7D;}
.quotation_footer .left_area ul li:before{position:absolute; left:0;  top:0; content:"※"; display:block; }
.quotation_footer .right_area{margin-left:auto; }
.quotation_footer .right_area h2{font-size:11px; color:#7D7D7D; text-align:Right; font-weight:300;}
.quotation_footer .right_area ul li{margin-top:2px; text-align:right; font-size:11px; color:#7D7D7D; }
.quotation_footer .right_area ul li strong{font-weight:500;}
@media print {
.quotation{padding-top:0;}
.quotation .btn_area,
.quick,
.footer,
.top_banner,
.header,
.gnb_wrap{display:none;}
.quotation_cont{padding:40px 40px 10px;}
body,section{padding:0;margin:0;width:100%;}
nav,aside{display:none;}
body,section{padding:0;margin:0;width:100%;}
p{page-break-after:avoid;}
img{max-width:100%!important;}

article{page-break-before:always;}
ul,img{page-break-inside:avoid;}
.print{padding:0; border:none;}
.quotation .top_info_list{margin-bottom:40px; }
.quotation .print_area{margin:0; max-width:1050px;}
@page{size: A4;}
}
@media print and (color){
*{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* card_cont */
.card_cont{padding-top:80px;}
.card_cont h2{margin-bottom:10px; font-size:25px; color:#666464; font-weight:300;}
.txtType_1{font-size:12px; color:#7A7C80;}
.card_cont .title_bar{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #C4C4C6; align-items: flex-end;}
.card_cont .img_box{display:flex; padding:0 40px; align-items: center;}
.card_cont .img_box .img_area{width:250px; aspect-ratio: 1/0.88;}
.card_cont .img_box .txt_area{margin-left:auto; width: calc(100% - 300px);}
.card_cont .img_box .txt_area h3{margin-bottom:10px; display:Flex; align-items: center; font-size:30px; font-weight:300; color:#898989; }
.card_cont .img_box .txt_area h3 strong{font-size:38px; font-weight:500; color:#898989;}
.card_cont .img_box .txt_area ul{max-width:240px;}
.card_cont .img_box .txt_area ul li{padding:0 5px; font-size:19px; color:#7D7D7D; line-height:1.5; font-weight:300;  display:flex; align-items: center; }
.card_cont .img_box .txt_area ul li span {padding-left: 5px;}
.card_cont .img_box .txt_area ul li strong{font-weight:500; font-size:21px; color:#7d7d7d;}
.card_cont .img_box .txt_area ul li select{width:120px; height:28px; line-height:26px; font-size:18px; color:#85868A;}
.card_cont .order_quantity{position:relative; display:flex; min-height:360px;}
.card_cont .order_quantity .left_area{width:43%;}
.card_cont .order_quantity .right_area{position:absolute; left:43%; top:0; padding-left:40px; margin-left:auto; width:560px; height:100%; opacity:0; visibility: hidden; transition: all 0.3s ease-out;}
.card_cont .order_quantity .right_area:before{position:absolute}
.card_cont .order_quantity .right_area>div{position:relative; padding:20px;  border:3px solid #C4C4C6;}
.card_cont .order_quantity .right_area>div:before{position:absolute; left:-23px; top:5px; width:23px; height:22px; background:url(../img/tip_arrow.svg) no-repeat 0 center; display:block; content:"";}
.card_cont .order_quantity .right_area>div:nth-child(2):before{top:40px;}
.card_cont .order_quantity .right_area>div:nth-child(3):before{top:80px;}
.card_cont .order_quantity .right_area>div:nth-child(4):before{top:120px;}
.card_cont .order_quantity .right_area ul{display:flex; gap:14px; justify-content: center;}
.card_cont .order_quantity .right_area ul li{max-width:210px; }
.card_cont .order_quantity .right_area ul li .txt_area{margin-top:3px; font-size:9px; color: #64666B; letter-spacing:-0.4px;}
.card_cont .order_quantity .right_area ul li .txt_area strong{font-size:10px; font-weight:500; color:#64666B; display:block;}
.card_cont .order_quantity .right_area ul li span{font-size:8px;}
.card_cont .card_order{padding:20px; display:Flex; align-items: center; border-top:5px solid #D8D8DA;}
.card_cont .card_order:first-child{border-top:none;}
.card_cont .card_order .title_area{width:125px; font-size:15px; font-weight:500; color:#595B60;}
.card_cont .card_order .input_cont{width: calc(100% - 125px);}
.card_cont .card_list{margin-bottom:20px; }
.card_cont .card_list ul{display:Flex; position:relative; }
.card_cont .card_list ul li{position:relative; padding: 0 40px; }
.card_cont .card_list ul li:first-child{padding-left:0;}
.card_cont .card_list ul li:first-child:before{display:none;}
.card_cont .card_list ul li:before{position:absolute; left:0; top:0; width:1px; height:128px; background-color:#D8D8DA; display:block; content:"";}
.card_cont .card_list ul li .txt_area{padding-top:5px; text-align:center; font-size:15px; color:#666464;}
.card_cont .card_list ul li .txt_area strong{font-weight:inherit;}
.card_cont .card_list ul li .txt_area input[type=number]{margin-right:5px; width:55px; height:18px; line-height:16px; border:1px solid #9A9B9F;}
.card_cont .card_list ul li .tit{position:absolute; left:0; top:-25px; width:calc(100% - 40px); font-size:15px; font-weight:500; color:var(--point-color-1); text-align:center;}
.card_cont .card_order .txt_box{display:Flex; }
.card_cont .card_order .txt_box textarea{width:58%; height:255px; box-sizing:border-box; font-size:15px; color:#3E3A39; font-weight:300;}
.card_cont .card_order .txt_box .right_box {margin-left:auto; width:38.7%; display:flex; align-items: center; justify-content: center; background-color:#eee; display:flex; align-items: center; justify-content: center; text-align:center; font-size:12px; color:#9F9FA0; font-weight:300;}
.card_cont .card_order .txt_box .right_box p{position:relative; padding-left:15px; text-align: left;}
.card_cont .card_order .txt_box .right_box p:before{position:absolute; left:0; top:0; display:block; content:"※";}
.card_cont .card_order .btn_area{margin-top:10px; display:flex; align-items: center;}
.card_cont .card_order .btn_area .custom_checkbox label{font-size:13px; color:#7D7D7D;}
.card_cont .card_order .btn_area .custom_checkbox label span{vertical-align: top;}
.card_cont .info_txt{margin-bottom:40px; padding:16px; font-size:15px; background-color:#E4E4E5; }
.card_cont .info_txt p{position:relative; padding-left:20px; color:#7D7D7D;  font-size:15px;}
.card_cont .info_txt p:before{position:absolute; left:0; top:0; display:block; content:"※";}
.card_cont .card_print h3{margin-bottom:14px; font-size:25px; color:#7A7C80;}
.card_cont .card_print .inner{border:7px solid #D8D8DA;}
.card_cont .tab_list{position:relative; margin-bottom:40px; }
.card_cont .tab_list:before{position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#909195; display:block; content:"";}
.card_cont .tab_list>ul{display:flex; gap:6px; flex-grow: 0;}
.card_cont .tab_list>ul>li{position:relative; }
.card_cont .tab_list>ul>li>*{padding:12px 40px; background-color:#EBECEC; font-size:16px; display:block; box-sizing:border-box; color:#898989;}
.card_cont .tab_list>ul>li.active>*{border:3px solid #909195; border-bottom:none; background-color:#fff; color:#4C4948; }
.card_cont .card_print .left_area{width:46.8%;}
.card_cont .card_print .right_area{margin-left:auto; padding:20px; width:50.3%; background-color:#ebecec; box-sizing:border-box;}
.card_cont .card_print .envelope_prview{padding:30px 25px; width:100%; height:354px; display:flex; flex-direction: column; justify-content: space-between; background-color:#fff; box-sizing:border-box;}
.card_cont .card_print .envelope_prview .top_area{display:flex; }
.card_cont .card_print .envelope_prview .logo{margin-bottom:3px; }
.card_cont .card_print .envelope_prview .logo img{max-width:96px; }
.card_cont .card_print .envelope_prview address{font-size:12px; color:#3E3A39;}
.card_cont .card_print .envelope_prview .tel{font-size:12px; color:#3E3A39;}
.card_cont .card_print .envelope_prview .name{margin-bottom:5px; display:flex; align-items: center; font-size:10px; }
.card_cont .card_print .envelope_prview .name strong{font-size:13px; font-weight:300;}
.card_cont .card_print .envelope_prview .post_number{display:Flex; align-items: center; gap:3px;}
.card_cont .card_print .envelope_prview .post_number span{width:12px; height:12px; line-height:10px; border:1px solid #2B2E34; display:inline-block; box-sizing:border-box; text-align:center; font-size:10px; }
.card_cont .card_print .envelope_prview .post_office{margin-left:auto; width:80px; height:80px; display:flex; align-items: center; border-radius:50%; border:1px solid #2B2E34; justify-content: center; text-align:center;}
.card_cont .card_print .envelope_prview .post_office>div{width:100%;}
.card_cont .card_print .envelope_prview .post_office span{padding-bottom:3px; width:100%; border-bottom:1px solid #000; margin-bottom:3px; display:block; font-size:9px;}
.card_cont .card_print .envelope_prview .post_office strong{display:block; font-size:12px; font-weight:300; }
.card_cont .card_print .envelope_prview .recipient{text-align:Right; }
.card_cont .card_print .envelope_prview .recipient>div{display:inline-block; }
.card_cont .card_print .envelope_prview .recipient .name{font-size:13px; justify-content: flex-end;}
.card_cont .card_print .envelope_prview .recipient .post_number span{width:20px; height:20px; line-height:18px; font-size:15px;}
.card_cont .card_print .btm_area{padding:14px 25px 0;}
.card_cont .card_print .btm_area h5{margin-bottom:3px; padding:5px 10px; background-color:#fff; border:1px solid var(--point-color-1); display:inline-block; font-size:12px; font-weight:500; color:var(--point-color-1);}
.card_cont .card_print .btm_area p{font-size:11px; color:#7A7C80; line-height:1.45;}
.card_cont .btm_txt{margin-top:70px; font-size:23px; font-weight:500; color:var(--point-color-1);text-align:center;}
.card_cont .card_print h4{margin-bottom:12px; padding-bottom:8px; font-size:19px; color:#666464; font-weight:500; border-bottom:2px solid #BABABD}

/* greetings_popup */
.greetings_popup{max-width:907px; width:100%; border:1px solid #D8D8DA; box-sizing:border-box; background-color:#fff;}
.greetings_popup .title_area{position:relative; padding:20px 40px; background-color:#595B60; }
.greetings_popup .title_area h1{font-size:19px; font-weight:500; color:#fff; text-align:center;}
.greetings_popup .inner{padding:30px 20px; }
.greetings_popup .top_area{padding-bottom:15px; display:flex; align-items: center; border-bottom:7px solid #D8D8DA;}
.greetings_popup .top_area select{width:237px; height:56px; line-height:54px; font-size:17px; font-weight:500;}
.greetings_popup .top_area .ml-auto{margin-left:auto; }
.greetings_popup .top_area button{width:142px; height:56px; line-height:56px; border:1px solid var(--point-color-1); color:var(--point-color-1); font-size:14px; font-weight:500;}
.greetings_popup .top_area button.active{border-color:#9A9B9F; background-color:#EBECEC; color:#4E5055;}
.greetings_list>ul>li{padding:17px 0; display:flex; align-items: center; border-bottom:1px solid #D8D8DA;}
.greetings_list>ul>li:last-child{border-bottom:none;}
.greetings_list>ul>li .left_area{width:200px; text-align:center;}
.greetings_list>ul>li .left_area .name{font-size:29px; font-weight:500; color:#4E5055;}
.greetings_list>ul>li .right_area{padding:10px;  width:calc(100% - 200px); background-color:#EBECEC; height:auto; overflow:hidden; box-sizing:border-box; text-align:center; font-size:12px; color:#4E5055;}
.greetings_list>ul>li .btn_select{margin:0 auto; width:100px; height:42px; line-height:42px; display:block; background-color:#595B60; font-size:14px; font-weight:500; color:#fff;}
.greetings_list>ul>li .txt{margin-top:4px; font-size:18px; font-weight:500; color:#4E5055;}

/* mail_certification */
.mail_certification{margin:95px auto 65px; padding:25px; max-width:840px; box-sizing:border-box; border:1px solid #ddd;}
.mail_certification p{font-size:17px; font-weight:500; color:#64666B;}
.mail_certification ul{padding:10px 0; }
.mail_certification ul li{padding:8px 0; display:flex; align-items: center;}
.mail_certification ul li .title_area{width:110px; font-size:17px; font-weight:500; color:#64666B;}
.mail_certification ul li .input_area{width: calc(100% - 110px);}
.mail_certification ul li .input_area input[type=text]{width:100%; height:42px; }

/* greetings_popup */
.view_details_popup{position:relative; z-index:100; visibility: hidden; opacity:0; transition: all 0.3s ease-out; }
.view_details_popup.active{visibility: visible; opacity:1;}
.view_details_popup .btn_close{position:absolute; right:28px; top:18px; width:30px; height:30px; background:url(../img/btn_close_37px.svg) no-repeat center center;}
.view_details_popup_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:101; background:rgba(255,255,255,0.4); display:block; }
.view_details_cont{position:fixed; left:50%; top:50%; z-index:102; max-width:500px; width:100%; border:1px solid #D8D8DA; box-sizing:border-box; background-color:#fff; transform:translate(-50%, -50%);}
.view_details_cont .title_area{position:relative; padding:20px 40px; background-color:#595B60; }
.view_details_cont .title_area h1{font-size:19px; font-weight:500; color:#fff; text-align:center;}
.view_details_cont .inner{padding:30px 28px; max-height:calc(100vh - 300px); overflow:auto;}
.view_details_cont ul{display:flex; justify-content: center; gap:14px;}
.view_details_cont ul li{width:50%;}
.view_details_cont ul li .img_area{aspect-ratio: 1/0.9; display:flex; align-items: center ; justify-content: center;}
.view_details_cont ul li .img_area img{width:100%; height:100%; object-fit: cover;}
.view_details_cont ul li .txt_area{margin-top:2px; }
.view_details_cont ul li .txt_area .name{font-size:11px; font-weight:600; color:#666464;}
.view_details_cont ul li .txt_area p{font-size:8px; color:#666464;}

/* total_menu */
.total_menu_wrap{position:absolute; left:0; top:53px; z-index:10; width:100%; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); display:none; }
.total_menu_wrap.active{display:block;}
.total_menu_wrap .inner{position:relative; margin:0 auto; padding:10px 108px 0 0; width:1248px;  box-sizing:border-box;}
.total_menu>ul{padding:25px 0; display:flex; border-top:1px dashed #9A9B9F;}
.total_menu>ul:First-child{border-top:none;}
.total_menu>ul>li{width:16.66%; }
.total_menu>ul>li .tit{margin-bottom:12px; font-size:17px; color:#64666B; display:block; }
.total_menu>ul>li .s_menu ul li{margin-bottom:8px; }
.total_menu>ul>li .s_menu ul li a{font-size:13px; color:#64666B; transition: all 0.3s ease-out;}
.total_menu>ul>li .s_menu ul li a:hover{font-weight:500;}
.total_menu>ul>li .s_menu ul li:last-child{margin-bottom:0;}
.total_menu .banner{margin-top:45px; width:158px;}
.total_menu .banner>div{margin-bottom:5px;}
.total_menu .banner>div:last-child{margin-bottom:0;}
.total_menu .member_menu ul{display:flex; align-items: center;}
.total_menu .member_menu ul li{position:relative; padding:0 12px;}
.total_menu .member_menu ul li:before{position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#64666B; display:block; content:""; transform: translateY(-50%);}
.total_menu .member_menu ul li:first-child:before{display:none;}
.total_menu .member_menu ul li a{font-size:15px; color:#64666B;}
.total_menu_close{position:absolute; right:0; top:35px; width:40px; aspect-ratio: 1/1; background:url(../img/total_menu_close.svg)no-repeat center center; background-size:100%; display:block;  transform: rotate(0deg); transition: all .25s ease-out;}
.total_menu_close:hover{transform: rotate(90deg);}

/* tableType_4 */
.tableType_4{border:1px solid #909195;}
.tableType_4 th{padding:10px 10px 10px 28px; font-size:15px; font-weight:500; color:#64666B; background-color:#EFEFEF; border:1px solid #909195;  text-align:left;}
.tableType_4 td{padding:4px 28px; font-size:15px; color:#64666B; border:1px solid #909195; }

/* tableType_5 */
.tableType_5{border:1px solid #909195;}
.tableType_5 th{padding:10px; height:48px; text-align:center; background-color:#EFEFEF; font-size:15px; font-weight:500; border:1px solid #909195; box-sizing:border-box; color:#64666B;}
.tableType_5 td{padding:24px 10px; text-align:center; font-size:15px; font-weight:500; border:1px solid #909195; box-sizing:border-box; color:#6F7175; font-weight:300;}
.tableType_5 td .item-block {display: block;}

.tableType_6 th{padding:4px 5px 4px 25px; background-color:#efefef; border: 0.5px solid rgba(159, 159, 160, 0.5); font-size:15px; font-weight:300; text-align:left; color:#64666B; }
.tableType_6 td{padding:4px 5px 4px 25px; border: 0.5px solid rgba(159, 159, 160, 0.5); font-size:15px; color:#64666B; }
.tableType_6 td .c-orange{color:var(--point-color-1); font-weight:500; font-size:17px}
.tableType_6 .file_list{padding:10px 0;}
.tableType_6 .file_list ul li{font-size:15px; display:Flex; align-items: center; flex-wrap:wrap;}
.tableType_6 .file_list ul li a{position:relative; padding-left:20px; display:inline-block; background:url(../img/icon_jpg.png) no-repeat 0 center; font-weight:600; color:#64666B; }
.tableType_6 td table td {border:0;padding:0}
.tableType_6 .tbl-greetings {margin-bottom:10px}
.tableType_6 .tbl-greetings:last-child {margin-bottom:0}
.tableType_6 .list-subject {font-size: 15px;font-weight: 300;    color: #64666B;    padding: 8px 0 3px;}
.tableType_6 .list-subject:first-child {padding: 0px 0 3px;}

.total_price_type1{margin-top:10px; padding:15px 50px; text-align:right; background-color:#EFEFEF; font-size:17px; font-weight:500; color:#6F7175;}
.total_price_type1 strong{font-weight:500;}
.total_price_type1 strong.c-orange{color:var(--point-color-1);}

.view_review tbody td.review_detail{padding:0;}
.view_review tbody td .review_detail_cont{padding:25px; }
.view_review tbody td.review_detail .txt_area{padding:26px 75px 0;font-size:15px; color:#666464; text-align:left;}
.view_review tbody td.review_detail  .btn_area{display:flex; justify-content: flex-end; gap:3px;}
.view_review tbody td.review_detail .review_repple{margin-top:10px; padding:40px 140px; background:url(../img/ic_re.svg) no-repeat left 110px top 36px #EBECEC;  font-size:15px; color:#666464; text-align:left;}

.review_write_popup{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:100; visibility: hidden; opacity:0; transition: all 0.3s ease-out; background:rgba(0,0,0,0.7);}
.review_write_popup.active{visibility: visible; opacity:1;}
.review_write_popup_content{position:fixed; left:50%; top:50%; z-index:30; width:1006px; transform:translate(-50%, -50%);  background-color:#fff; }
.review_write_popup .title_area{padding:15px 0; background-color:#64666B; }
.review_write_popup .title_area h1{font-size:19px; font-weight:500; color:#fff; text-align:center;}
.review_write_popup .popup_inner{padding:24px; }
.review_write_popup .review_item_info{margin-bottom:15px; display:flex; }
.review_write_popup .review_item_info .img_area{width:138px; aspect-ratio: 1/1; display:Flex; align-items: center; justify-content: center; border: 1px solid #A5A6A9;}
.review_write_popup .review_item_info .img_area img{max-width:100%; max-height:100%; }
.review_write_popup .review_item_info .txt_area{margin-left:auto; width:calc(100% - 158px); font-size:15px; color:#666464; }
.review_input_form input[type=text]{width:100%; height:65px; line-height:63px;  border:none; border-top:3px solid #4C4948;  border-bottom:1px solid #4C4948;  font-size:15px; color:#9F9FA0; text-align:center;}
.review_input_form .review_rating_list{margin-top:15px;}
.review_input_form .review_rating_list ul{display:Flex; justify-content: space-between;}
.review_input_form .review_rating_list ul li{display: flex; list-style: center;}
.review_input_form .review_rating_list ul li label{margin-left:5px; display:inline-block; display:flex; align-items: center; font-size:12px;  color:#666;}
.review_write_popup .popup_close{position:absolute; right:20px; top:15px; width:30px; aspect-ratio: 1/1; background:url(../img/btn_close2.svg) no-repeat center center; transition: all .25s ease-out;}
.review_write_popup .popup_close:hover{transform: rotate(90deg);}

/* individual_payment */
.individual_payment{padding:72px 0 0;}
.individual_payment .title_area{margin-bottom:24px; display:flex; align-items: flex-end; gap:20px;}
.individual_payment .title_area h1{font-size:40px; color:#898989; line-height:1; }
.individual_payment .title_area .total_num{font-size:20px; color:#898989;}
.individual_payment .list_tab_area .tab ul{display:flex; gap:10px;}
.individual_payment .list_tab_area .tab ul li>*{position:relative; padding:0 14px; box-sizing:border-box; display:block; font-size:17px; color:#6F7175; }
.individual_payment .list_tab_area .tab ul li>*:before{position:absolute; left:0; bottom:-10px; width:100%; height:2px; display:block; content:""; background-color:#4E5055; border-radius:2em; display:none;}
.individual_payment .list_tab_area .tab ul li.active>*:before{display:block; }
.individual_payment .list_tab_area .tab ul li.active>*{color:#4E5055;}
.individual_payment_list{margin-bottom:40px;}
.individual_payment_list>ul{display:flex; flex-wrap:wrap; }
.individual_payment_list>ul>li{padding:50px 30px 70px; width:calc(100% /3);  border-top:1px dashed #9A9B9F;  box-sizing:border-box;}
.individual_payment_list > ul > li:nth-child(1),
.individual_payment_list > ul > li:nth-child(2),
.individual_payment_list > ul > li:nth-child(3) {border-top:none;}
.individual_payment_list>ul>li .img_area{margin:0 auto; max-width:200px; aspect-ratio: 200/130; display:flex; align-items: center; justify-content: center;}
.individual_payment_list>ul>li .img_area span{display:block; padding-top:75px; background:url(../img/individual_payment.svg) no-repeat center 0; font-size:12px; font-weight:300; color:#B1B2B5;}
.individual_payment_list>ul>li .txt_area{text-align:center; }
.individual_payment_list>ul>li .txt_area .tit{font-size:13px; color:#898989; }
.individual_payment_list>ul>li .txt_area  .price{font-size:15px; color:#666464; display:flex; align-items: center; justify-content: center;}
.individual_payment_list>ul>li .txt_area  .price span{font-size:15px; color:#9F9FA0;}

.individual_payment_view{padding:60px 0;}
.individual_payment_view h1{padding:0 0 8px 10px; border-bottom:3px solid #64666B; font-size:22px; font-weight:500; color:#64666B;}
.individual_payment_view th{padding:8px; font-size:15px; font-weight:300; color:#64666B; text-align:left;}
.individual_payment_view td{padding:8px; height:43px; box-sizing:border-box; font-size:15px; color:#64666B;}
.individual_payment_view td input[type=text]{max-width:340px; height:28px; line-height:26px; font-size:15px; color:#64666B;}
.individual_payment_view td .custom_radio_list ul{display:flex; gap:20px;}
.individual_payment_view .table_area{padding:20px 0;border-bottom:1px solid #7A7C80;}
.individual_payment_view .btn_area{margin-top:30px; display:flex; gap:5px;}
.individual_payment_view .btn_area .basic-btn03{width:auto; padding:0 70px;}

/* privacy_cont */
.privacy_cont{padding:80px 0;}
.privacy_cont h1{padding-bottom:60px; font-size:25px; font-weight:500; color:#7D7D7D;}
.privacy_cont .anchor_list{padding:15px 0 30px;  border-top:2px solid #B6B6B6;}
.privacy_cont .anchor_list ul{display:flex; flex-wrap:wrap; }
.privacy_cont .anchor_list ul li{position:relative;  width:33.33%; box-sizing:border-box; }
.privacy_cont .anchor_list ul li a{position:relative; padding:5px 0 5px 10px; font-size:12px; color:#7D7D7D; display:inline-block; }
.privacy_cont .anchor_list ul li a:before{position:absolute; left:0; top:5px; content:"-";}
.privacy_cont .terms_box{padding:40px; background-color:#EFEFEF; }
.privacy_cont .terms_box pre{height:920px; overflow:auto;  white-space: pre-wrap; font-size:13px; color:#7D7D7D; line-height:1.4;}
.use_term_box pre{font-size:13px; color:#7D7D7D; line-height:1.4;}

/* compare_products_popup */
.compare_products_popup{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:100; visibility: hidden; opacity:0; transition: all 0.3s ease-out; background:rgba(0,0,0,0.7);}
.compare_products_popup.active{visibility: visible; opacity:1;}
.compare_products_popup .popup_contents{position:fixed; left:50%; top:50%; z-index:30; width:1248px; transform:translate(-50%, -50%);  background-color:#fff; }
.compare_products_popup .title_area{padding:15px 0; background-color:#4C4948; }
.compare_products_popup .title_area h1{font-size:18px; font-weight:500; color:#fff; text-align:center; }
.compare_products_popup .popup_inner{padding:30px 42px; }
.compare_products_popup .item_number{margin-bottom:20px; display:flex; align-items: center; gap:10px;}
.compare_products_popup .item_number span{font-size:17px; font-weight:500; color:#666464; }
.compare_products_popup .item_number select{width:110px; height:30px; line-height:28px;}
.compare_products_popup .item_number .btn{width:86px; height:30px; line-height:30px; background-color:#9F9FA0; font-size:14px; color:#fff; text-align:center; }
.compare_products_popup thead th{padding:10px 0px;width:200px; background-color:#EFEFEF; border-top:1px solid #4C4948; border-bottom:1px solid #4C4948;  border-left:1px solid #D6D6D6; font-size:12px; color:#4C4948; font-weight:300; white-space: nowrap;}
.compare_products_popup tbody td:first-child,
.compare_products_popup thead th:First-child{border-left:none;}
.compare_products_popup tbody td{padding:10px 10px; width:200px; border-bottom:1px solid #666464; border-left:1px solid #D6D6D6; text-align:center; font-size:12px; color:#666464; box-sizing:border-box; white-space: nowrap;}
.compare_products_popup tbody td .c-orange{color:var(--point-color-1); vertical-align: top;}
.compare_products_popup tbody .bg td{background-color:#EFEFEF;}
.compare_products_popup .scroll{overflow-x:auto;  white-space: nowrap;}
.compare_products_popup .scroll table{min-width:100%; table-layout: fixed; border-collapse: collapse;}
.compare_products_popup .popup_close{position:absolute; right:20px; top:15px; width:30px; aspect-ratio: 1/1; background:url(../img/btn_close2.svg) no-repeat center center; }
.compare_products_popup tbody td.max-size-img img {max-height:240px}

/* notice_view_area */
.notice_view_area{padding:100px 0; }
.notice_view_area h1{margin-bottom:20px; font-size:23px; font-weight:500; color:#64666B; text-align:center;}
.notice_view_area .info_area{padding:15px 0; display:flex; gap:10px; align-items: flex-start; border-top:3px solid #64666B; border-bottom:1px solid #64666B;}
.notice_view_area .info_area .photo{width:28px; aspect-ratio: 1/1; }
.notice_view_area .info_area .photo img{width:100%; height:100%; object-fit: cover; border-radius:50%; }
.notice_view_area .info_area .name{font-size:15px; font-weight:500; color:#7A7C80;}
.notice_view_area .info_area .txt ul{display:flex; }
.notice_view_area .info_area .txt ul li{position:relative; padding:0 20px;  font-size:13px; color:#9A9B9F; }
.notice_view_area .info_area .txt ul li:before{position:absolute; left:0; top:50%; width:1px; height:10px; background-color:#9A9B9F; display:block; transform:translateY(-50%); display:block; content:"";}
.notice_view_area .info_area .txt ul li:First-child{padding-left:0;}
.notice_view_area .info_area .txt ul li:First-child:before{display:none;}
.notice_view_area .info_area .txt ul li span{display:inline-block; }
.notice_view_area .info_area .txt ul li.icon_1 span{padding-left:30px; background:url(../img/notice_icon_1.svg) no-repeat 0 center;}
.notice_view_area .info_area .txt ul li.icon_2 span{padding-left:24px; background:url(../img/notice_icon_2.svg) no-repeat 0 center;}
.notice_view_area .info_area .txt ul li.icon_3 span{padding-left:20px; background:url(../img/notice_icon_3.svg) no-repeat 0 center;}
.notice_view_cont{padding:40px 0 60px 170px; font-size:15px; color:#64666B; line-height:1.5; border-bottom:1px solid #64666B; }
.notice_view_area .type_1{display:Flex; padding:9px 0; align-items: center;}
.notice_view_area .type_1 .title{width:170px; font-size:15px; color:#7A7C80;}
.notice_view_area .type_1 .txt_area{width: calc(100% - 170px);}
.notice_view_area .next_view{border-bottom:1px solid #64666B;}
.notice_view_area .next_view .txt_area .bg{min-height:60px; display:flex; align-items: center; background-color:#EBECEC; font-size:15px; color:#64666B;padding-left:20px }
.notice_view_area .next_view .txt_area .ic_new{margin-left:10px; padding:0 10px; height:16px; line-height:14px; border:1px solid var(--point-color-1); color:var(--point-color-1); display:inline-block; font-size:12px; border-radius:2em;}
.notice_view_area  .repple .txt_area{font-size:15px; color:#64666B;}
.notice_view_area  .repple .txt_area>ul>li{padding:3px 0 30px; border-bottom:1px solid #909195;}
.notice_view_area  .repple .txt_area .info ul{display:flex; }
.notice_view_area  .repple .txt_area .info ul li{position:relative; padding:0 20px;  font-size:16px; font-weight:500; color:#9A9B9F;}
.notice_view_area  .repple .txt_area .info ul li:before{position:absolute; left:0; top:50%; width:1px; height:10px; background-color:#9A9B9F; display:block; transform:translateY(-50%); display:block; content:"";}
.notice_view_area  .repple .txt_area .info ul li:first-child:before{display:none;}
.notice_view_area  .repple .txt_area .info ul li:first-child{padding-left:0;}
.notice_view_area  .repple .txt_area .info ul li .ic_time{padding-left:15px; background:url(../img/notice_icon_3.svg) no-repeat 0 center;}
.notice_view_area  .repple .ic_secret{padding-left:14px; background:url(../img/ic_lock.svg) no-repeat 0 center; color:var(--point-color-1); color:var(--point-color-1); text-decoration: underline;}
.notice_view_area  .repple_input_area{padding:10px 0; margin-top:10px; border-top:3px solid #64666B; border-bottom:1px solid #64666B;}
.notice_view_area  .repple_input_area>ul>li{margin-bottom:15px; display:flex; }
.notice_view_area  .repple_input_area>ul>li .tit{width:170px; font-size:15px; color:#64666B;}
.notice_view_area  .repple_input_area>ul>li .input_area{width: calc(100% - 170px); }
.notice_view_area  .repple_input_area>ul>li input[type=password],
.notice_view_area  .repple_input_area>ul>li input[type=text]{width:calc(100% - 100px); height:42px; line-height:40px; border-color:#909195;}
.notice_view_area  .repple_input_area>ul>li textarea{width:100%; height:180px; border-color:#909195;}
.notice_view_area  .repple_input_area>ul>li .chk{margin-left:auto; font-size:17px; font-weight:500; color:#7A7C80;}

.notice_view_area .right_btn{margin-left:auto; }
.notice_view_area .right_btn ul{display: flex; align-items: center;}
.notice_view_area .right_btn ul li .basic-btn01{ width:187px;}

.notice_view_area #fviewcomment {margin-top:90px}

/* notice_write_area */
.notice_write_area {padding:100px 0;}
.notice_write_area .title_area{padding-bottom:10px; display:flex; border-bottom:3px solid #64666B}
.notice_write_area .title_area h1{font-size:23px; color:#64666B; font-weight:500;}
.write_form{padding:20px 0;; border-bottom:1px solid #64666B;}
.write_form>ul>li{margin-bottom:10px; display:flex;}
.write_form>ul>li:last-child{margin-bottom:0;}
.write_form>ul>li .tit{padding-top:10px; width:170px; font-size:15px; color:#64666B;}
.write_form>ul>li .input_area{width: calc(100% - 170px);}
.write_form>ul>li .input_area input[type=text]{width:100%; height:42px; line-height:40px; border-color:#909195}
.write_form>ul>li .input_area input[type=text]::placeholder{text-align:center;}
.write_form>ul>li .input_area textarea{padding:16px; height:170px; border-color:#909195}
.write_form>ul>li .input_area textarea::placeholder{text-align:center;}
.write_form>ul>li .input_area .file_area{width:100%; height:70px; display:flex; align-items: center; justify-content: center; font-size:12px; color:#A5A6A9; border:1px solid #909195}

.notice_scrap{display:flex; margin-bottom:100px;}
.notice_scrap .left_area{width:566px;}
.notice_scrap .left_area h1{padding-bottom:10px; margin-bottom:20px;  border-bottom:3px solid #64666B;  font-size:23px; font-weight:500; color:#666464; }
.notice_scrap .left_area .txt_1{margin-bottom:5px; padding:7px; background-color:#EBECEC; font-size:17px; color:#64666B; text-align:center;}
.notice_scrap .left_area h2{margin-bottom:10px; font-size:15px; color:#64666B;}
.notice_scrap .left_area textarea{width:100%; height:170px; border-color:#909195; }
.notice_scrap .left_area .txt_2{margin-top:3px; font-size:13px; color:#85868A;}
.notice_scrap .right_area{margin-left:auto; width:566px;}
.notice_scrap .right_area .info{padding-bottom:10px; border-bottom:3px solid #64666B;}
.notice_scrap .right_area .info ul{display:Flex; align-items: center; justify-content: flex-end;}
.notice_scrap .right_area .info ul li{position:relative; padding:0 20px; font-size:15px; color:#64666B;}
.notice_scrap .right_area .info ul li:before{position:absolute; left:0; top:50%; width:1px; height:10px; background-color:#9A9B9F; display:block; transform:translateY(-50%); display:block; content:"";}
.notice_scrap .right_area .info ul li:First-child{padding-left:0;}
.notice_scrap .right_area .info ul li:First-child:before{display:none;}
.notice_scrap .right_area .info ul li .ic_time{padding-left:16px; background:url(../img/notice_icon_3.svg) no-repeat 0 center; color:#9A9B9F; font-size:13px;}
.notice_scrap .right_area .txt_area{padding:50px 0; text-align:center; text-align:center; font-size:17px; color:#64666B; border-bottom:1px solid #64666B}
.notice_scrap .right_area .txt_area strong{margin-bottom:20px; display:block; font-size:23px; color:#42454A;}

/* shipping_address_list_popup */
.shipping_address_list_popup .title_area{padding:10px 0; background-color:#727171; }
.shipping_address_list_popup .title_area h1{font-size:19px; font-weight:500; color:#fff; text-align:center;}
.shipping_address_list_popup .inner{padding:50px 25px; }
.shipping_address_list_popup thead th{height:57px; background-color:#EBECEC; text-align:center; font-size:15px; font-weight:500; color:#4E5055;  border: 1px solid #64666B; box-sizing:border-box; }
.shipping_address_list_popup tbody td{padding:10px; height:130px; text-align:center; font-size:15px; color:#4E5055; border: 1px solid #64666B; box-sizing:border-box; }
.shipping_address_list_popup tbody td button{margin:0 auto 5px; width:113px; height:32px; line-height:32px; font-size:15px; color:#fff;  display:block;}
.shipping_address_list_popup .btn-bg1{background-color:#7A7C80;}
.shipping_address_list_popup .btn-bg2{background-color:#A5A6A9;}
.shipping_address_list_popup .btn-border{margin:0 auto; width:113px; height:32px; line-height:26px; font-size:15px; border: 3px solid var(--point-color-1); color:var(--point-color-1);  display:block; box-sizing:border-box;}
.shipping_address_list_popup .custom_checkbox label{width:24px; height:24px; padding:0; }
.shipping_address_list_popup .custom_checkbox label:before{width:22px; height:24px; background:url(../img/custom_checkbox.svg) no-repeat center center; }
.shipping_address_list_popup .custom_checkbox input:checked + label:before{background:url(../img/custom_checkbox_on.svg) no-repeat center center; }
.shipping_address_list_popup .default_address{position:relative; margin:0 auto;  width:113px; overflow:hidden;}
.shipping_address_list_popup .default_address input[type=radio]{position:absolute; left:-20px; top:0; opacity:0;}
.shipping_address_list_popup .default_address input[type=radio] + label{width:100%; height:32px; line-height:26px;  font-size:15px; border:3px solid var(--point-color-1); color:var(--point-color-1); display:block; box-sizing:border-box; cursor:pointer;}
.shipping_address_list_popup .default_address input[type=radio]:checked + label{background-color:var(--point-color-1); color:#fff;}