@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('default.css');

/*
공통
*/
.linePink, .lbl .title,
header nav ul li a.active, header nav ul li a:hover,
.loginTabs button.active, .loginFind a:last-of-type:hover,
.genderCheck input[type='radio']:checked+label,
.inReg>div h2 span, .inReg>div p span,
aside ul li a:hover, aside ul li a.active, .coupons_on li p span,
.date_btns button.active,
.formMy1>div div:last-of-type .imgCh, .sub_tabs li.active, .sub_tabs li.active a,
.payInfo .payInfo_top2 strong, .payInfo_top1 strong,
.product_wrap2 .pay_wrap p.active, .date_btns input[type='radio']:checked+label,
.date_btns label.active, .payment_box .price_box strong,
.m_aside_dep ul li a.active, .m_aside_dep ul li a:hover,
.con_tabs li.active, .con_tabs input:checked+label{ color:#FF176B; }
.prod_lbl li, .py_artcle p:last-of-type, .payment_list li p{ color:#1B6CE2; }
.text_box .title h2, .SnsConLine .text_box p:not(.admin_numb),
.SnsCon .text_box .infor p, .SnsConLine .text_box h1,
header nav ul li a, header .util>a, .country_dep a,
.loginFind a, .sign_wrap1 a div strong, .sign_wrap1 a div p, .sign_wrap2 ul li a,
header .util .login_wrap, aside ul li a, .myinfo1 h3, .admin_tabs a,
.m_aside_dep ul li a, .m_asideMy .img_boxs h3{ color:#202124; }
.sub_tabs li,
.loginTabs button,
.formMy1>div div:last-of-type .imgDe, .rder_btn button, .cancel_btn,
.coupon_text, .sub_tabs li a, .payInfo>div:last-of-type a, .date_btns button,
.ur_infor button, .dlt_btn, .prev_btn,
.ft_top div ul li a, .ft_btm, .ft_page_btn button{ color:#5A6068; }
.tags li,.tags,
header .util input::placeholder,
.login1 label, .CheckFrom .CheckBtn, input::placeholder,
.coupns_off li strong, .coupns_off li h3, .coupns_off li p,
.input-number-decrement, .input-number-increment, .admin_numb,
.formMy2 div button, .con_tabs li,
.SnsCon .my_btns button{ color:#989EA4; }

.body_wrap{
    display:flex;
    flex-direction: column;
    min-height:100vh;
}
.in_1360{
    max-width:1360px; width:90%;
    margin:0 auto;
}
.in_920{
    max-width:920px; width:90%;
    margin:0 auto;
}
.img_box{
    display:flex; justify-content:center; align-items:center;
    overflow:hidden;
}
select{ padding:0 5px; background:url('../images/arrow_more_gr_ico.png') no-repeat 90% center / 10px; }

/*더보기*/
.more_btn{ text-align:center; }
.more_btn button{
    padding-right:35px; position:relative;
    background-image:url('../images/arrow_more_ico.png');
    background-position:80% 53%;
    background-repeat:no-repeat;
    background-size:13px;
}
.more_btn button:hover{ background-image:url('../images/arrow_more_wh_ico.png'); }
.line{ border-bottom: 1px solid #e1e2e5; }

/*-----------------------------!!!!!!!!!!
버튼 활성화 스타일 ex)인증버튼
*/
.activeBtn{
    background-color:#FF176B !important;
    color:#FFF !important;
    border-color:#FF176B !important
}
.notActiveBtn{ 
	background-color:#F7F7F7 !important;
	color:#989EA4 !important; 
}

.swiper-button-prev::after,
.swiper-button-next::after{ display:none; }
.swiper-button div:not(.swiper-button-stop){
    background-image:url('../images/arrow_more_gr_ico.png');
    background-repeat:no-repeat;
    background-position:center;
}
.swiper-button div{ transition:all .2s; }
.swiper-button div:hover{ background-color:#FF176B; border-color:#FF176B; }
.swiper-button div:not(.swiper-button-stop):hover{ background-image:url('../images/arrow_more_wh_ico.png'); }
.SnsCon_btns div:not(.swiper-button-stop){ background-size:33%; }
.swiper-button-prev{ transform:rotate(90deg); }
.swiper-button-next{ transform:rotate(-90deg); }

/*border - Pink/gray*/
.linePink{
    display:inline-block; line-height:38px;
    border:1px solid #ff176b; border-radius:9999px;
    background-color:#FFF; padding:0 20px;

    font-size:14px; font-weight:500;
}
.linePink:hover{ transition:all .3s; }
.linePink img{
    display:inline-block; vertical-align:middle;
    margin-left:10px;
}
.lineGray{ border:1px solid #E8EAED; }

.bgPink, .linePink:hover,
.check_btn{ background-color:#FF176B; color:#FFF; }

/*label태그*/
.lbl li{
    display:inline-block; padding:0 8px;
    border-radius:5px; margin-bottom:5px;
    font-size:12px; font-weight:500;
}
.lbl .title{ background-color:#ffeaf2; }
.lbl .numb{ background-color:#e7ecf4; color:#1B6CE2; }


/*모달 likeBtn_modal*/
.modal{
    z-index:99999; display:none;
    position:fixed; left:50%; top:50%;
    transform:translate(-50%,-50%);
    border-radius:10px; width:70%;
    background-color:#FFF;
}
.modal>h2{
    font-size:22px; font-weight:600;
    margin-bottom:5px;
}
.modal>p{
    font-size:16px; font-weight:400;
    margin-bottom:30px;
}
.back_bg{
    z-index:9999; display:none;
    position:fixed; left:0; top:0;
    width:100%; height:100%;
    background-color:rgba(0, 0, 0, 0.3);
}
.modal .btn_boxs{ display:flex; justify-content:center; align-items:center; }
.modal>div:last-of-type button{
    width:150px; height:50px; border-radius:8px;
    font-size:16px; font-weight:600;
}
.modal .dlt_btn{ margin-left:10px; }

.likeBtn_modal,
.saveBtn_modal,
.search_modal{
    max-width:500px;
    text-align:center; padding:25px 30px; 
}

.text_box .title h2{
    font-size:16px; font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.tags{

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}
.tags li{
    display:inline-block;
    font-size:12px; font-weight:400;
}
.SnsCon_ho>li .img_boxs .img_box img{ opacity:1; transition:.3s ease-in-out; }
.SnsCon_ho>li:hover .img_boxs .img_box img{ opacity:.5; }

/*추가사항(연계사항&즐겨찾기)*/

.SnsCon .my_btns{ padding:0 20px 15px 20px; display:flex; }
.SnsCon .my_btns button{
    width:50%; line-height:30px;
    border-radius:5px; transition:all .3s;
    border-style:solid; border-width:1px;
    border-color:#e7ecf4;
    display:flex; justify-content:center; align-items:center;
    font-size:14px; font-weight:500;
}
.SnsCon .my_btns button:not(:first-of-type){ margin-left:10px; }
.SnsCon .my_btns button:hover{ background-color:#E8EAED; }
.SnsCon .my_btns button img{ min-height:auto; margin-right:5px; vertical-align:middle; }
.SnsCon .my_btns .travel_btn img{ width:18px; }
.SnsCon .my_btns .like_btn img{ width:14px; }
.SnsCon .my_btns .like_btn.active{
    background-color:#ff699f;
    border-color:#ff699f; color:#fff;
}

.SnsCon .my_btns .travel_btn.active{
    background-color:#2e78e3;
    border-color:#2e78e3; color:#fff;
}

.SnsCon .my_btns .travel_btn.active2{
    background-color:#2e78e3;
    border-color:#2e78e3; color:#fff;
}


.like_btn:hover{
	background-color: #ff699f !important;
    border-color: #ff699f !important;
    color: #fff !important;
}



.like_btn.active img{
    animation: animateHeart .3s linear forwards;
}

.SnsCon .ur_btns{ padding:0 20px 15px 20px; display:flex; }
.SnsCon .ur_btns button{
    width:50%; line-height:30px;
    border-radius:5px; transition:all .3s;
    border-style:solid; border-width:1px;
    border-color:#e7ecf4;
    display:flex; justify-content:center; align-items:center;
    
    font-size:14px; font-weight:500;
}
.SnsCon .ur_btns button:not(:first-of-type){ margin-left:10px; }
.SnsCon .ur_btns button:hover{ background-color:#E8EAED; }
.SnsCon .ur_btns button img{ min-height:auto; margin-right:5px; vertical-align:middle; }
.SnsCon .ur_btns .travel_btn img{ width:18px; }
.SnsCon .ur_btns .like_btn img{ width:14px; }
.SnsCon .ur_btns .like_btn.active{
    background-color:#ff699f;
    border-color:#ff699f; color:#fff;
}
.SnsCon .ur_btns .travel_btn.active{
    background-color:#2e78e3;
    border-color:#2e78e3; color:#fff;
}

.SnsCon .ur_btns .travel_btn.active2{
	background-color:#2e78e3;
    border-color:#2e78e3; color:#fff;
}

@keyframes animateHeart{
    0%{transform:scale(.2);}
    40%{transform:scale(1.2);}
    100%{transform:scale(1);}
}

.SnsCon .urHeart_btn .like_btn{ width:100%; }
.SnsCon_py .urHeart_btn{ position:absolute; right:0; bottom:0; }
.SnsCon_py .urHeart_btn .like_btn{ padding:0 15px; }




/*관리자 번호 표출*/

.SnsConLine .admin_numb{ width:100%; }
.admin_numb{
    line-height:25px; text-align:center;
    border-radius:5px; margin: 0 20px 15px 20px;
    font-size:14px; font-weight:500;
}

/*관리자 번호 표출*/
.SnsCon_admin .text_box{ height:160px !important; }
.SnsCon_admin .admin_numb{
    line-height:25px;
    border-radius:5px; padding:0 10px;
    font-size:14px; font-weight:500;
}
.SnsCon .SnsCon_ico2{ bottom:58px !important; }

/*SnsConLine*/
.SnsConLine>li{ display:flex; flex-wrap:wrap; }
.SnsConLine .text_box h1{
    font-size:16px; font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.SnsConLine .text_box p:not(.admin_numb){ text-align:right; font-weight:800; }

/*img/내용/버튼*/
.SnsCon>li{
    border-radius:8px; position:relative;
    border:1px solid #E8EAED; background-color:#fff;
}
.SnsCon>li .img_boxs{
    margin-bottom:15px; border-radius:8px;
    overflow:hidden; position:relative;
}
.SnsCon>li .img_boxs .img_box{ width:100%; height:200px; }

.SnsCon>li>a{ display:block; width:100%; }
.SnsCon .text_box{
    height:125px; padding:0 20px 15px 20px;
    display:flex; flex-flow:column;
    justify-content:space-between;
}
.SnsCon .text_box .infor{
    display:flex; justify-content:space-between; align-items:center;
    position:relative;
}
.SnsCon .text_box .infor>div{ display:flex; align-items:center; }
.SnsCon .text_box .infor .img_box{
    display:flex; justify-content:center; align-items:center;
    width:25px; height:25px;
    background-color:#E8EAED; border-radius:9999px;
}
.SnsCon .text_box .infor p{
    display:inline-block; margin-left:5px;
    font-size:14px; font-weight:500;
}
.SnsCon .text_box .infor img{ display:inline-block; }

.SnsCon_btns{ display:flex; align-items:center; }
.SnsCon_btns div{
    width:35px; height:35px;
    background-color:#fff; border-radius:9999px;
    border:1px solid #E8EAED;
}
.SnsCon_btns div:not(:first-of-type){ margin-left:5px; }
.SnsCon_btns .swiper-button-prev,
.SnsCon_btns .swiper-button-next{
    position:static;
    display:inline-flex;
    margin-top:0;
    --swiper-theme-color:#5A6068;
    --swiper-navigation-size:12px;
}
.SnsCon_btns .swiper-button-stop{
    background:url('../images/stop_ico.png') no-repeat center / 22%;
    cursor:pointer;
}
.SnsCon_ytb{ position:absolute; right:15px; top:15px; }
.SnsCon_ytb img{ width:35px; }

.con_content>ul{ display:flex; flex-wrap:wrap; }
.con_content>ul>li{ width:23.875%; }
.con_content>ul>li:not(:nth-of-type(4n+1)){ margin-left:1.5%; }
.con_content>ul>li:not(:nth-of-type(-n+4)){ margin-top:50px; }

/*카테고리 유*/
.Snscon_ca .text_box{ height:165px; }

.not_wrap{
    text-align:center; margin:50px 0 250px 0;
    font-size:20px; font-weight:500; color:#E0E0E0;
}
.not_wrap img{ width:80px; margin:0 auto 30px auto; }



/*----------------------------------------------------------------------
header
*/
header{
    z-index:999;
    position:fixed; left:0; top:0;
    width:100%; background-color:#FFF;
    box-shadow:0 5px 5px -5px #d7d7d7;
}
header>div{ display:flex; align-items:center; height:60px; }
header h1 a{ display:inline-block; height:32px; }
header h1 a img{ height:100%; }

/*gnb*/
header nav{ margin-left:50px; }
header nav ul li{ display:inline-block; }
header nav ul li a.active,
header nav ul li a:hover{ background-color:#FFF5f9; }
header nav ul li a{
    display:block; width:110px; line-height:35px;
    background-color:#FFF;
    border-radius:8px; text-align:center;
    font-size:14px; font-weight:500;

    transition:all .3s;
}
header nav ul li:last-of-type{ margin-left:5px; }

header .util{ margin-left:auto; display:flex; }
input[type="search"]{
    height:40px; padding:0 47px 0 20px;
    border-radius:9999px;
    /*background:url('../images/search_ico.png') no-repeat 92% center / 20px;*/
}
.search-container {
    position: relative;
    width: fit-content;
}

.search-button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/search_ico.png) no-repeat center / cover;
    border: none;
    cursor: pointer;
}
.search_modal .search-button{
	top: 30%;
}
.m_search{ display:none; }
.search_modal{ display:none; }
input::-ms-clear,
input::-ms-reveal{ display:none;width:0;height:0; }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{ display:none; }
header .util>button{ text-align:left; }
header .util .country{
    width:62px; position:relative;
    background:url('../images/arrow_smt.png') no-repeat 100% center;
    margin-left:40px;
}
header .util .country img{
    min-height:auto; border:1px solid #E8EAED;
    border-radius:3px;
}
header .util .login{ position:relative; }
header .util .login_wrap{
    border-radius:8px; padding:0 15px;
    margin-left:13px; border:1px solid #E8EAED;
    display:flex; align-items:center; line-height:40px;
    font-size:13px; font-weight:500;
}
header .util .login_wrap .img_box{
    width:25px; height:25px;
    background-color:#E8EAED;
    border-radius:9999px; margin-right:10px;
}

/*언어 선택*/
/*.country_dep{
    display:none;
    position:absolute; right:0; top:63px;
    width:230px; background-color:#FFF;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
    border-radius:8px; padding:10px;
}
.country_dep a{
    display:flex; align-items:center;
    padding:10px 15px; border-radius:5px;
    font-size:14px; font-weight:500;
}
.country_dep a.active,
.country_dep a:hover{ font-weight:700; }
.country_dep a.active{ background-color:#F7F7F7; }
.country_dep a img{ margin-right:15px; }

.country{
    width:62px; position:relative;
    background:url('../images/arrow_smt.png') no-repeat 100% center;
    margin-left:40px; font-weight:500;
}*/
.country_dep{
    display:none;
    position:absolute; right:0; top:60px;
    background-color:#FFF;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
    border-radius:8px; padding:10px;
}
.country_dep a{
    display:flex; align-items:center;
    padding:10px 15px; border-radius:5px;
    font-size:14px; font-weight:500;
}
.country_dep a.active,
.country_dep a:hover{ font-weight:700; }
.country_dep a.active{ background-color:#F7F7F7; }
.country_dep a img{ margin-right:15px; }

/*로그인후 마이페이지 메뉴*/
.m_aside_dep{
    display:none;
    position:absolute; right:5%; top:65px;
    background-color:#FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
    border-radius:8px; width:200px;
}
.m_asideMy{ padding:15px; }
.m_asideMy .img_boxs{ display:flex; align-items:center; margin-bottom:10px; }
.m_asideMy .img_box{ width:50px; height:50px; }
.m_asideMy .img_boxs h3{
    font-size:16px; font-weight:600;
    margin-left:13px;
}
.m_asideMy a:last-of-type{
    display:block; width:100%;
    border-radius:9999px; text-align:center;
    line-height:35px; font-size:13px; font-weight:500;
}
.m_aside_dep ul li a:hover{ font-weight:600; }
.m_aside_dep ul{ padding:10px; }
.m_asideMy, .m_aside_dep ul:not(:last-of-type){ border-bottom:1px solid #E8EAED; }
.m_aside_dep ul li a{
    display:block;
    font-size:14px; font-weight:500;
    padding:10px 15px; border-radius:5px;
}
.m_aside_dep ul li a.active{ background-color:#FFF5f9; font-weight:600; }


/*----------------------------------------------------------------------
search
*/
.search{ margin-top:100px; }
.search .con_content_py{
    background-color:#F8F9FA; padding:30px;
    border:1px solid #E8EAED; border-radius:8px;
}

/*----------------------------------------------------------------------
footer
*/
footer{ background-color:#F8F9FA; flex:1; }
.ft_top{ border-bottom:1px solid #E8EAED; padding:20px 0; }
.ft_top div{
    display:flex; flex-wrap:wrap; align-items:center;
    border-radius:8px;
}
.ft_top div ul li{ display:inline-block; }
.ft_top div ul li:not(:first-of-type){ margin-left:15px; }
.ft_top div ul li a,
.ft_top div P{ font-size:14px; font-weight:500; }
.ft_top div ul li a:hover{ text-decoration:underline; }
.ft_page_btn{ margin-left:auto; }
.ft_page_btn button{
    position:relative;
    width:160px; height:35px; padding:0 13px;
    background-color:#FFF;
    border-radius:8px; text-align:left;
    font-size:14px; font-weight:500;
}
.ft_page_btn button::after{
    content:''; display:block;
    width:17px; height:10px;
    position:absolute; right:13px; top:40%;
    background:url('../images/arrow_smt.png') no-repeat center;
}
.ft_top div>a img{ width:35px; margin-left:10px; }

.ft_btm{ padding:40px 0 60px; }
.ft_btm div{
    margin-bottom:20px;
    font-size:16px; font-weight:500;
}
.ft_btm div img{
    display:inline-block; vertical-align:middle;
    margin-right:15px;
}
.ft_btm p{ font-size:14px; font-weight:400; }
.ft_btm p:first-of-type{ margin-bottom:20px; }
.ft_btm p span{ display:block; margin-top:20px; }

/*이용약관 개인정보처리방침*/
.ex_wrap strong{
    font-size:28px; font-weight:600;
    display:block; margin-bottom:30px;
}
.ex_wrap .text_box{ padding:25px 30px; border-radius:8px; }
.ex_wrap .text_box p{
    font-size:16px; font-weight:700;
    margin-bottom:10px;
}
.ex_wrap ul:not(:last-of-type){ margin-bottom:10px; }
.ex_wrap ul li{ font-size:16px; font-weight:400; }
.ex_wrap ul li:first-of-type{ font-weight:700; }


/*기본 pc 스타일*/

@media screen and (max-width:1110px) {
    .util input[type="search"]{ display:none; }
    .m_search{ display:block; width:22px; }
    .m_search img{ min-height:auto; }
    .m_search_dep{
        position:absolute; left:0; top:120px;
        width:100%; padding:50px 0;
    }
    .search_modal h2{ margin-bottom:10px; }
    .search_modal input[type="search"]{ width:100%; margin-bottom:30px; }
    .search_modal .search-container {
    	width: 100%;
    }
    
    header .util{ justify-content:flex-end; }
    header .util .country{ margin-left:20px; }
} 
@media screen and (max-width:850px) {
    .likeBtn_modal, .saveBtn_modal, .search_modal{ padding:20px 25px; }
    header>div{
        height:120px; align-items:flex-start;
        padding-top:15px;
    }
    header nav{
        position:absolute; left:3.5%; bottom:15px;
        margin-left:0;
    }
    .country_dep{ top:45px; }
    .m_aside_dep{ top:55px; }
}
@media screen and (max-width:767px) {
    .modal>div:last-of-type button{ width:140px; }
    .ex_wrap ul li{ font-size:15px; }
    .ex_wrap strong{ font-size:25px; margin-bottom:25px; }
}
@media screen and (max-width:600px) {
    .ft_top{ padding:25px 0; }
    .ft_top>div>ul{
        display:block; width:100%;
        margin-bottom:15px;
    }
    .ft_page_btn{ margin-left:0; }
}
@media screen and (max-width:500px) {
    .modal>div:last-of-type button{ width:130px; height:45px; }
    .modal{ width:90%; }
    header .util .login_wrap{ padding:0 10px; }
    header .util .country{ position:absolute; right:5%; bottom:18px; }
    .country_dep{ top:63px; }
}
@media screen and (max-width:400px) {
    .search_modal input[type="search"]{ margin-bottom:25px; }
    .modal>div:last-of-type button{ width:120px; font-size:14px; }
    .modal>h2{ font-size:18px; }
    header nav ul li a{ font-size:13px; width:95px; }
    .country_dep{ top:40px; }
    .SnsCon_btns div{ width:33px; height:33px; }
    .ft_btm div img{ display:block; }
    .country_dep{ top:63px; }
    .text_box .title h2, .SnsConLine .text_box h1,
    .SnsConLine .text_box p:not(.admin_numb){ font-size:15px; }

    .ft_top div ul li a, .ft_top div P,
    .ft_btm p, .ft_page_btn button, .more_btn button,
    input::placeholder{ font-size:13px; }

    .ex_wrap ul li{ font-size:14px; }
    .ex_wrap strong{ font-size:22px; margin-bottom:20px; }
    .ex_wrap .text_box{ padding:20px 25px; }
}

.skiptranslate{
	display: none;
}
#goog-gt-tt{
	display: none !important;
}