.flex{display: flex;}

.flex_a {display: flex; align-items: center;}

.flex_bw{display: flex; justify-content: space-between; align-items: center;}

.flex_ad{display: flex; justify-content: space-around; align-items: center;}

.flex_c {display: flex; justify-content: center; align-items: center;}

.flex_bt {display: flex; justify-content: space-between;}

.flex_ed {display: flex; justify-content: end; align-items: center;}

.in-bl-p {font-size: 0!important;}

.in-bl-p > * {display: inline-block;vertical-align:top; font-size: 1rem;}


/* 공통 */

input::placeholder {color: #B8B8B8;}
.purple_txt {color: #7457F9;}
.btn_g1 {border: 1px solid #E0E0E0; color: #4D4D4D;}
.btn_g2 {background-color: #F5F5F5; color: #4D4D4D;}
.btn_b1 {background-color: #7457F9; color: #FFF; border-radius: 4px;}
.secwrap {margin: 100px auto 120px; width: 1200px;}
.title_txt1 {font-size: 4.8rem; text-align: center; font-weight: 700; margin-bottom: 70px;}

/* header */
.header {background-color: #FFF; color: #000; display: none;}
.header .hd_top_wrpa { border-bottom: 1px solid #F0F0F0;}
.header .header_top {padding: 12px 0; width: 1400px; margin: 0 auto;}
.header .header_top::after {display: block; clear: both; content: "";}
.header .header_top .logo {margin-right: 35.1px; width: 9.4533%;}
.header .header_seach_wrap {width: 45.4166%; position: relative;  margin-right: 86px; }
.header .header_seach {background-color: #F5F5F5; padding: 10px 20px; width: 100%; border-radius: 4px;}
.header .header_seach button {width: 5%;}
.header .header_seach input {background-color: #F5F5F5; width: 95%; font-size: 14px; border: none;}
.header .header_seach input::placeholder {color: #888;}
.seach_li_wrap {position: absolute; padding: 20px; background-color: #FFF; width: 150%; z-index: 2; border-radius: 4px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); display: none;}
.seach_li > li {padding: 13px 0;}
.seach_li > li:last-child {padding-bottom: 0;}
.seach_li_wrap .seach_top_txt {padding-bottom: 13px;}
.seach_li_wrap .seach_top_txt::before {content: ""; display: inline-block; background: url(../img/seach_icon_c.png) no-repeat; width: 20px; height: 20px; margin-right: 24px; vertical-align: middle;}
.seach_li_title {display: inline-block;}
.seach_li_title > .s_b_txt {color: #888; font-size: 1.4rem;}
.seach_li .seach_li_item a::before {content: ""; display: inline-block; background: url(../img/seach_img.png); width: 40px; height: 40px; margin-right: 14px;}
.hd_country, .hd_language {cursor: pointer;}
.country_img {margin-right: 6px;}
.header_right_wrap {float: right; width: 35.0416%; font-size: 14px;}
.hd_language img {vertical-align: middle;}
.hd_country img {vertical-align: middle;}
.hd_language_btn img {display: inline-block;}
/* 로그인 알람벨 채팅 아이콘 */
.login_notice_bell_icon {
    background: url(../img/login_notice_bell_icon.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px;
}
.login_notice_bell_icon_on {
    background: url(../img/login_notice_bell_icon_on.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px;
}
.login_chat_icon {
    background: url(../img/login_chat_icon.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px;
}
/* --로그인 알람벨 채팅 아이콘 */
.hd_loginbtn, .hd_shopbtn {padding: 10px 20px; background-color: #7457F9; border-radius: 4px; color: #FFF; font-size: 14px;}
.hd_shopbtn > img {display: inline-block; margin-right: 5px; vertical-align: middle;}
.header_bottom .hd_catagory img {display: inline-block; margin-right: 6px; font-weight: 600;}
.header_bottom .hd_catagory > p {font-weight: 700;}
.header_bottom {padding: 20px 0; margin: 0 auto; width: 1400px;}
.header_bottom_wrap {border-bottom: 1px solid #F0F0F0; position: relative;}
.hd_bt_inner li {width: auto;}
.header_bottom .hd_bt_inner > li > a {
    font-weight: 600;
}
.hd_country_wrap {position: relative;}

/* 환률 팝업창 */
.hd_sel_inner {display: none; position: absolute; top: 26px; background-color: #FFF; padding:16px 15px; z-index: 2; right: 0; box-shadow: 2px 4px 3px rgba(0,0,0,0.2); 
  width: 200px;  border-radius: 4px;}

.hd_cont_inner_tit_line h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 25px;
}
.hd_cont_inner_tit_line2 h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 25px;
}
.hd_language_wrap {position: relative;}
.hd_sel_inner_box {
    display: grid;
    grid-template-columns:100%;
    row-gap: 15px;
}
@media (max-width:826px) {
    .hd_sel_inner_box {
        grid-template-columns:100%;
        overflow-y: scroll;
    }
}
.hd_sel_inner_box li {--margin-bottom: 15px;}
.hd_sel_inner_box li:hover {color: #7457F9;}
.hd_sel_inner_box li span:hover {color: #7457F9;}
.hd_sel_inner_box li:last-child {margin-bottom: 0;}
.hd_country_wrap .hd_cont_inner p {font-size: 1.4rem; margin-right: 20px;}
.hd_sel_inner_box li span {font-size: 12px; color: #888;}
.hd_sel_inner_box li img {margin-right: 15px;}
.h-logo > .title {font-size: 20px; font-weight: 500;}
.hd_shop_wrap {position: relative;}
.hd_shop_inner {display: none; position: absolute; top: 41px; right: 0; background-color: #FFF; padding: 20px; z-index: 2; box-shadow: 2px 4px 3px rgba(0,0,0,0.2);
    border-radius: 4px; width: 400px; height: 250px; overflow: hidden;}
.shop_icon_wrap {margin-top: 25px;}
.shop_icon_wrap > img {margin: 0 auto;}
.shop_icon_wrap > .cart_txt {text-align: center; color: #888; margin: 10px 0 20px;}
.hd_shop_inner > .shop_btn1 {width: 120px; height: 36px; margin: 0 auto; background-color: #7457F9; border-radius: 4px; color: #FFF;}
.hd_shop_inner_list .hd_shop_li_img {width: 20%;}
.hd_shop_inner_list .hd_shop_li_txt {width: 80%;}
.hd_shop_inner_list .hd_shop_li_txt > h4 {font-weight: 600; margin-bottom: 5px; font-size: 1.6rem;}
.hd_shop_inner_list .hd_shop_li_txt > p {margin-bottom: 5px; font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;}

.hd_shop_inner_list .hd_shop_li_txt > span {color: #888; display: block; margin-bottom: 10px; font-size: 1.4rem;}
.hd_shop_inner_list .hd_shop_li_txt > h6 {color: #7457F9; font-size: 1.4rem; margin-bottom: 20px;}
.hd_shop_fix_bottom {width: 100%; position: absolute; bottom: 0; left: 0; border-top: 1px solid #E0E0E0;}
.hd_shop_fix_bottom > .left_fix_txt {background-color: #FFF; width: 65%; padding: 10px 20px ;}
.hd_shop_fix_bottom > .left_fix_txt > p {font-size: 1.4rem; margin-bottom: 4px;}
.hd_shop_fix_bottom > .left_fix_txt > span {display: block; font-size: 1.8rem; color: #7457F9;}
.hd_shop_fix_bottom > .right_fix_btn {background-color: #7457F9; color: #FFF; width: 35%; }
.hd_shop_fix_bottom > .right_fix_btn > button {width: 100%; text-align: center; height: 100%; font-size: 1.6rem;}
/* mobale header */
.header_m {display: none; background-color: #FFF;}
.hd_loginbtn.m_loginbtn, .hd_shopbtn.m_shopbtn {padding: 5px 10px; margin-left: 10px;}
.m_mypagebtn {margin-left: 10px;}
.m_logo {--margin-left: 10px; margin-right: 10px;}
.h_r_sh_wrap {border: 1px solid #e0e0e0; border-radius: 4px; padding: 8px;}
.h_r_sh_wrap input[type="text"] {border: none;}
.header_right .det_heart_btn {display: none;}
.header_right .det_heart_btn.on {display: block;}
.header_right .det_heart_btn i {font-size: 2.8rem; color: #232323;}
.header_right .det_heart_btn.det_heart_btn2 i {color: #7457F9;}
/* footer */
footer {width: 100%; border-top: 1px solid #E0E0E0;}
footer .footer_inner {width: 1200px; margin: 0 auto;}
footer .footer_inner .footer_top { padding: 38px 0;}
.footer_li:nth-child(3) {margin-right: 10%;}
.footer_li.footerli_txt {width: 20%;}
.footer_li.footerli_img {width: 30%;}

footer .footer_inner .footer_top .footer_li > p ,footer .footer_right > p {color: #888; margin-bottom: 12px; font-size: 14px; font-weight: 500;}
footer .footer_inner .footer_top .footer_li ul > li {margin-bottom: 7px; color: #888; font-size: 14px;}
.footer_payment_wrap {gap: 0 6px;}
.footer_bottom {width: 100%; border-top: 1px solid #E0E0E0;}
.footer_all_rights {padding: 15px 0; font-size: 12px; color: #888; width: 1200px; margin: 0 auto;}

/* popup */
.pop input {border: 1px solid #C0C0C0; border-radius: 4px; padding: 13px 15px;}
.pop {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3;}
.pop_bg {width: 100%; height: 100vh; background: rgba(0,0,0,0.4);}
.pop .pop_con {width: 600px; background-color: #FFF; padding: 50px 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; box-shadow: -1px 0px 15px rgba(0, 0, 0, 0.2);}
.pop_title {text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 10px;}
.pop_title2 {color: #7457F9;}




/* 서브헤더 */
/* .header_sub_menu {
    display: none;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 65px;
    z-index:3;
}
.header_sub_menu .header_sub_menu_box {
    width: 1226px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.header_sub_menu_box ul li {
    font-size: 14px;
    font-weight: 400;
} */

/* --서브헤더 */


/* 서브헤더 */
.header_bottom_wrap {
    position: relative;
}
.hd_bt_inner > li {
    position: relative;
}
.sub_header_bottom_menu {
    top: 61px;
    position: absolute;
    z-index: 3;
    display: none;
}
.sub_header_bottom_menu > li > a {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.sub_header_bottom_menu > li > .main_sub_sub_menu {
    color: #888888;
    margin-top: 5px !important;
}
.sub_header_bottom_menu > li:first-of-type > a {
    margin-top: 0px;
}
.sub_menu_white_bg {
    background-color: #fff;
    width: 100%;
    height: 380px;
    position: absolute;
    top: 65px;
    z-index: 2;
    display: none;
}


/* .hd_bt_inner > li:first-of-type {
    width: 1.5%;
}
.hd_bt_inner > li:nth-of-type(2) {
    width: 11.1533%;
}
.hd_bt_inner > li:nth-of-type(3) {
    width: 7.1141%;
}
.hd_bt_inner > li:nth-of-type(4) {
    width: 9.5%;
}
.hd_bt_inner > li:nth-of-type(5) {
    width: 9.5%;
}
.hd_bt_inner > li:nth-of-type(6) {
    width: 11%;
}
.hd_bt_inner > li:nth-of-type(7) {
    width: 9%;
}
.hd_bt_inner > li:nth-of-type(8) {
    width: 9.3132%;
}
.hd_bt_inner > li:nth-of-type(9) {
    width: 9%;
}
.hd_bt_inner > li:nth-of-type(10) {
    width: 8%;
} */

.hd_catagory {
    cursor: pointer;
}

/* --서브헤더 */