@charset "utf-8";

@media screen and (max-width:1659px) {
    section.gnb .gnb_cities {width:calc(100% - 600px)}
    section.gnb #header_cities {position:unset; margin-left:30px; width:calc(100% - 800px)}
}

@media screen and (max-width:1159px) {
    header{width:100%; overflow-x:hidden}

    /*메인 상단 팝업*/
    div.main_pop > ul{width:100%; }
    div.main_pop > ul > li:nth-child(2){width:60%}
    div.main_pop > ul > li:nth-child(4){float:left; margin-left:15px}



    /*메인 컨텐츠 상단 문구*/
    section.main_info > ul.web_info {display:none}
    section.main_info > ul.mobile_info {display:block; width:450px; margin:0 auto}
    section.main_info > ul.mobile_info > div > div > li{width:100%; height:65px; padding:10px 20px}
    section.main_info > ul.mobile_info > div > div > li > img{float:left; width:65px; height:65px}
    section.main_info > ul.mobile_info > div > div > li > div{float:left; margin:14px 0 0 20px}
    section.main_info > ul.mobile_info > div > div > li > div > p{font-size:18px; line-height:18px; font-weight:bold}
    section.main_info > ul.mobile_info > div > div > li > div > span{padding:5px 0 0 0;}


    /*content*/
    


    /*서브카테고리*/
    ul.category{padding:0 20px}
    ul.category > li:nth-child(1){width:23%;}
    ul.category > li:nth-child(2){width:75%; margin-left:2%}
    ul.category > li:nth-child(2) > ul.card_type3 > li{width:45%}
    ul.category > li:nth-child(2) > ul.card_type3 > li{margin:20px 0 0 40px}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(even){margin-left:30px}
    ul.category > li > div > ul{left:100%}

    

    /*상품 카드 타입2*/
    ul.card_type2{padding:0 20px}
    ul.card_type2 > li{width:32% }
    ul.card_type2 > li:nth-child(3n){margin:20px 0 10px 2%}
    ul.card_type2 > li:nth-child(3n+1){margin:20px 2% 10px 0}
    ul.card_type2 > li > a > div > div.card2_text{width:100%; padding:10px ; box-sizing:border-box}


    /*상품 카드 타입3*/
    ul.card_type3{padding:0 20px}
    ul.card_type3 > li{width:32%}
    ul.card_type3 > li:nth-child(3n){margin:20px 0 10px 2%}
    ul.card_type3 > li:nth-child(3n+1){margin:20px 2% 10px 0}



    

    /*계정설정*/
    section.myinfo{width:90%; margin:120px 5% 50px}
    section.myinfo > div{padding:0 0}
    section.myinfo > div:nth-child(1){width:20%}
    section.myinfo > div:nth-child(2){width:75%}
    section.myinfo > div:nth-child(2) > ul > li:nth-child(1){width:100%}
    section.mywish{width:90%; margin:50px 5% }
    section.mywish > div > div{padding:0 0}
    section.mywish > div > div:nth-child(1){width:20%}
    section.mywish > div > div:nth-child(2){width:79.8%}
    section.mywish > div > div:nth-child(2) > ul.card_type3{padding:0px; margin:13px}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li{width:49%;}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(3n){margin:20px 0 10px 0}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(3n+1){margin:20px 0 0 0}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:20px 0 0 13px}


    /*magazine팝업*/

    section.popup > ul > li > div{border-radius:0}
    section.popup > ul > li:nth-child(1) {width:70%}
    section.popup > ul > li:nth-child(2) {width:30%}
    section.popup > ul > li:nth-child(1) > ul > li{margin-top:30px}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1){width:auto; margin:10px;}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1) > h3{white-space:normal; padding:40px 20px 0px 20px}
    /*section.popup > ul > li:nth-child(1) > ul > li > div{padding:20px 60px 0}*/
    section.popup > ul > li:nth-child(1) > ul > li > div{padding:0}
    section.popup > ul > li:nth-child(1) > ul > li > div > img{width:100%}
    section.popup > ul > li:nth-child(1) > ul > li > div:nth-child(1){padding:0px 70px}
    section.popup > ul > li:nth-child(1) > ul > li > div:nth-child(2){margin:0 70px 15px}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1) > p{padding:0 0 5px 20px}


    /*footer*/
    footer{width:100%; overflow-x:hidden}
    footer ul {width:100%}



    /*섹션 재정의 20231127 hjs*/
    div.content {width:100%}
    div.content section {width:calc(100% - 40px); padding:0 20px; background-color:var(--color-white)}
    

    /*//섹션 재정의 20231127 hjs*/

}



@media screen and (max-width:980px) {
    /*메인 상단 팝업*/
    div.main_pop > ul > li:nth-child(2) > p{font-size:16px}

    /*sub페이지 gnb*/

    /*서브카테고리*/
    ul.category{padding:0 20px}
    ul.category > li:nth-child(1){display:none;}
    ul.category > li:nth-child(2){width:100%; margin-left:0}
    ul.category > li:nth-child(2) > ul.card_type3{padding:0}
    ul.category > li:nth-child(2) > ul.card_type3 > li{width:32%; margin:20px 0 10px 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:20px 0 0 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n){margin:20px 0 10px 15px; clear:none}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n+1){margin:20px 15px 0 0}


    /*계정설정*/
    section.mywish > div > div:nth-child(2) { border-left:0px }
    section.mywish > div > div:nth-child(2) > ul.card_type3{padding:0px; margin:18px}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li{width:48%;}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:20px 0 0 18px}

    
    
}

@media screen and (max-width:865px) {
    /*메인 상단 팝업*/
    div.main_pop > ul > li:nth-child(1){margin:20px 0 0 20px}
    div.main_pop > ul > li:nth-child(2){width:55%;}
    div.main_pop > ul > li:nth-child(2) > p{font-size:14px}


    /*sub페이지 gnb*/
    section.sub_gnb > div > ul > li:nth-child(2){margin-left:15%}
    section.sub_gnb > div > ul > li:nth-child(3){width:32.5%}
    section.sub_gnb > div > ul > li:nth-child(3) > ul > li{font-size:16px; line-height:16px}
    section.sub_gnb > div > ul > li:nth-child(3) > ul > li > span{margin:0 10px}




    /*서브 상단 이미지 높이 조절*/
    section.sub_bg{height:430px; overflow:hidden}
    section.sub_bg img{height:430px;}
    section.sub_bg > div.sub_text{top:340px}
    section.sub_bg > div.sub_text > p:nth-child(2){padding:30px 0 0 0}


    /*가격비교 표*/
    section.travel_table > ul:nth-child(1) > li:nth-child(1){margin:30px 0 20px 20px}
    section.travel_table > ul:nth-child(1) > li:nth-child(2){margin:40px 0 0 20px}
    section.travel_table > ul:nth-child(1) > li:nth-child(3){margin:20px 20px 20px}


    /*로그인*/
    section.login{width:100%;}

    /*가입하기*/
    section.singup{width:100%}

    /*섹션 재정의 20231127 hjs*/
    .content ul[class*=col] li {width:calc(50% - 20px)}
    .content ul[class*=col]:not(.card_type1) li {margin-top:20px}

    /*//섹션 재정의 20231127 hjs*/

}



@media screen and (max-width:806px) {
    div.content > section h2{padding:40px 0 7px}

    /*sub페이지 gnb*/
    section.sub_gnb > div > ul > li:nth-child(2){margin-left:10%}
    section.sub_gnb > div > ul > li:nth-child(3){width:34%}
    section.sub_gnb > div > ul > li:nth-child(2) > ul{width:450px}
    section.sub_gnb > div > ul > li:nth-child(2) > ul > li > p{font-size:14px; text-indent:5px}
    section.sub_gnb > div > ul > li:nth-child(2) > ul > li > ul > li {font-size:14px}

    /*계정설정*/
    section.myinfo{width:95%; margin:120px 2.5% 50px}
    section.myinfo > div{padding:0 0}
    section.myinfo > div:nth-child(1){width:29%}
    section.myinfo > div:nth-child(2){width:70%}
    section.myinfo > div:nth-child(2) > ul > li:nth-child(1){width:91%}
    section.mywish > div > div:nth-child(1){width:29%}
    section.mywish > div > div:nth-child(2){width:70%}
    section.mywish > div > div:nth-child(2) > ul.card_type3{padding:0 25px; margin:18px}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li{width:97%;}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:20px 0 0 0}

    div.myinfo_menu > ul > li { padding: 0px; margin:0px !important; width:100% !important}
    div.myinfo_menu > ul > li:nth-child(1) { text-align:center }
    div.myinfo_menu > ul > li:nth-child(2) { padding:0 !important  }
    div.myinfo_menu > ul > li:nth-child(2) > div > ul > li > p { padding:0px 0px 0px 20px; height:58px; line-height:58px; border-bottom:1px solid #c9caca; font-size:16px; }
    div.image-upload > p { line-height: 20px; font-size:16px; }

    /*가격비교 표*/
    section.travel_table > ul:nth-child(1) > li:nth-child(1){margin:30px 0 10px 20px}

    /*상품 카드 타입1*/
    /*ul.card_type1 > li{width:50%; padding:10px 12px 10px 0}
    ul.card_type1 > li:nth-child(3n){width:50%; padding:10px 12px 10px 0 !important;}
    */


    /*상품 카드 타입2*/
    ul.card_type2 > li{width:48.5%; margin:20px 0 10px 0}
    ul.card_type2 > li:nth-child(3n){margin:20px 0 10px 0 }
    ul.card_type2 > li:nth-child(3n+1){margin:20px 0 0px 0; }
    ul.card_type2 > li:nth-child(even){margin:20px 0 10px 1.8%;}


    /*상품 카드 타입3*/
    ul.card_type3 > li{width:48.5%; margin:20px 0 10px 0}
    ul.card_type3 > li:nth-child(3n){margin:20px 0 10px 0;}
    ul.card_type3 > li:nth-child(3n+1){margin:20px 0 10px 0;}
    ul.card_type3 > li:nth-child(even){margin:20px 0 10px 1.8%;}

    /* 카테고리 있는 상품 카드 타입3*/
    ul.category > li:nth-child(2) > ul.card_type3 > li{width:48.5%; margin:20px 0 10px 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n){margin:20px 0 10px 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n+1){margin:20px 0 10px 0;}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:20px 0 10px 1.8%}


    /*magazine팝업*/
    section.popup > ul > li:nth-child(1) > ul > li > div:nth-child(1){padding:0px 20px 0 20px; line-height:0}
    section.popup > ul > li:nth-child(1) > ul > li > div:nth-child(2){margin:0px 20px}


}


@media screen and (max-width:722px) {
    /*sub페이지 gnb*/
    section.sub_gnb > div > ul > li > h1{font-size:30px}
    section.sub_gnb > div > ul > li:nth-child(2){margin-left:5%}
    section.sub_gnb > div > ul > li:nth-child(3){width:38%; font-size:14px; line-height:14px}


    /*메인검색창*/
    section.main_bg > div.main_search{width:80%; margin:0 10%; left:0; }
    section.main_bg > div.main_search > input{width:90%}
    section.main_bg > div.main_search > div > ul > li > p{width:30%}
    section.main_bg > div.main_search > div > ul > li > ul{width:70%; left:30%}



    /*서브 상단 이미지 높이 조절*/
    section.sub_bg{height:410px}
    section.sub_bg img{height:410px;}
    section.sub_bg > div.sub_text{top:320px;}
    section.sub_bg > div.sub_text > p:nth-child(1){font-size:38px; line-height:38px}
    section.sub_bg > div.sub_text > p:nth-child(2){padding:30px 20px 20px; font-size:24px; line-height:24px;}


    /*계정설정*/
    section.myinfo > div{padding:0 0}
    section.myinfo > div:nth-child(1){width:23%}
    section.myinfo > div:nth-child(1) > ul > li > a > p{padding-left:20px}
    section.myinfo > div:nth-child(1) > ul > li{margin-left:30px}

    /*about tab*/
    section.about_tab > ul > li{padding:0}




}

@media screen and (max-width:650px) {

    /*헤더*/
    div.main_pop{display:none}
    section.main_bg > div.main_text{width:100%; text-align:center}
    section.main_bg > div.main_text > input{width:70%}

    /*web 메뉴 off*/
    section.sub_gnb{display:none}

    /*모바일 메뉴*/
    section.gnb{height:55px; display:none}
    section.mb_menubar{display:block; width:100%; height:55px; }
    
    section.mb_menubar div {position:fixed; left:0; top:0; right:0; height:55px; z-index:90; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 5px 1px; z-index:9999}
    section.mb_menubar ul > li{margin-top:15px}
    section.mb_menubar ul > li:nth-child(1){padding-left:15px }
    section.mb_menubar ul > li:nth-child(2){width:calc(100% - 85px)}
    section.mb_menubar ul > li:nth-child(3){float:right; padding-right:15px }
    section.mb_menubar ul > li > a > h1{font-size:30px; line-height:30px}
    section.mb_menubar ul > li > img{cursor:pointer}



    /*모바일 도시찾기 */
    section.mb_menu{position:fixed; height:auto; max-height:470px; left:0px; top:0px; z-index:101; overflow-x:hidden; overflow-y:auto; display:block; margin-top:-471px}
    section.mb_menu > ul.mb_title { height:58px }
    section.mb_menu > ul.mb_title > li {height:58px; line-height:58px; font-size:18px; position:relative; border-bottom:1px solid #c9caca}
    section.mb_menu > ul.mb_title > li > span{position:absolute; right:15px; font-size:28px; cursor:pointer}
    section.mb_menu > ul.mb_cities > li{padding:0 20px; }
    section.mb_menu > ul.mb_cities > li > p{height:58px; line-height:58px; border-bottom:1px solid #c9caca; font-size:18px}
    section.mb_menu > ul.mb_cities > li > p > span{font-size:18px; float:right; cursor:pointer; width:50px;}
    section.mb_menu > ul.mb_cities > li > p > span.city_up{display:none}
    section.mb_menu > ul.mb_cities > li > ul {  display:none}
    section.mb_menu > ul.mb_cities > li > ul > li{padding:0 30px; height:58px; line-height:58px; border-bottom:1px solid #c9caca; font-size:18px}


    div.mb_filter2 > ul > li{padding:0 20px; }
    div.mb_filter2 > ul > li > div > ul > li > p{height:58px; line-height:58px; border-bottom:1px solid #c9caca; font-size:18px}
    div.mb_filter2 > ul > li > div > ul > li > p > span{font-size:18px; float:right; cursor:pointer; width:50px; }
    div.mb_filter2 > ul > li > div > ul > li > p > span.city_up{display:none}
    div.mb_filter2 > ul > li > div > ul > li > ul   {  display:none}
    div.mb_filter2 > ul > li > div > ul > li > ul > li > p { margin:0 20px; height:58px; line-height:58px; border-bottom:1px solid #c9caca; font-size:18px}
    div.mb_filter2 > ul > li > div > ul > li > ul > li:last-child > p { margin:0px !important; padding:0 20px}


    /*메인 상단 광고*/
    div.mobile_main_pop{display:block}


    /*메인 광고*/
    div.mobile_main_pop{position:relative; padding:20px 0 15px 0; display:block}
    div.mobile_main_pop > img{width:100%}
    div.mobile_main_pop > ul{position:absolute; width:100%; top:45px; height:auto }
    div.mobile_main_pop > ul > li:nth-child(1){margin:0 0 0 20px}
    div.mobile_main_pop > ul > a > li{float:right; width:48px; height:48px; border:1px solid #fff; border-radius:3px; margin-right:20px; font-size:10px; line-height:50px}
    div.mobile_main_pop > ul > li > img{width:50px; height:50px}
    div.mobile_main_pop > ul > li > p{margin: 10px 0 0 20px; letter-spacing:-1px}
    div.mobile_main_pop > ul > li > p:nth-child(2){margin:5px 0 0 20px }

    /*메인 이미지 높이 조절*/
    section.main_bg{height:360px; margin:0}
    section.main_bg img{height:360px;}
    section.main_bg > div.main_text{top:170px}
    section.main_bg > div.main_text > p:nth-child(1){font-size:32px; line-height:32px}
    section.main_bg > div.main_text > p:nth-child(2){ padding:20px 0 0 0}
    section.main_bg > div.main_search{top:280px}
    section.main_bg > div.main_search > input {width:85%}
    section.main_bg > div.main_search > div > ul > li > p {text-indent:10px}


    /*서브 상단 이미지 높이 조절*/
    section.sub_bg {height:360px; padding-top:0px}
    section.sub_bg img {height:360px;}
    section.sub_bg > div.sub_text{top:260px}
    section.sub_bg > div.sub_text > p:nth-child(2){padding:20px; font-size:24px; line-height:24px;}


    /*메인 컨텐츠 상단 문구*/
    section.main_info {border:none}



    /*컨텐츠*/
    div.content > section > ul.category{padding:0}

    /*abut tab*/
    section.about_tab > ul > li{width:100%; padding:0 30% }
    section.about_tab > ul > li > a > span{font-size:16px}
    section.about_tab > ul > li > div.tab_content{top:270px}


    /*모바일 여백 조절*/
    div.content > section > ul.mb_blank{padding-top:0px; margin-top:0}
    div.content > section > ul.mb_blank > li > div{padding:0px 0px 10px 0px; margin-top:0}
    div.content > section > ul.mb_subblank{margin-top:0}







    /*홍보영상*/
    section.travel_movie{height:210px; margin-top:0px;}
    section.travel_movie > ul{top:30px}
    section.travel_movie > ul > li{font-size:18px; min-height:18px; line-height:18px}
    section.travel_movie > ul > li:nth-child(1){font-size:30px; height:30px; line-height:30px; margin:0 0 20px 0}
    section.travel_movie > ul > li:nth-child(3){margin:8px 0 20px 0}



    /*가격비교 표*/
    section.travel_table > ul:nth-child(1) > li:nth-child(1){color:#595757; font-weight:bold; float:left}
    section.travel_table > ul:nth-child(1) > li:nth-child(2){width:40%; text-align:left; float:left}
    section.travel_table > ul:nth-child(1) > li:nth-child(3){height:25px; line-height:25px; width:120px; font-size:14px; width:28%; margin:20px 20px 20px 0 }
    section.travel_table > ul:nth-child(2) > li{border-left:0; border-right:0}
    section.travel_table > ul:nth-child(2) > li:nth-child(1){padding-bottom:20px; background:#efefef}
    section.travel_table > ul:nth-child(2) > li:nth-child(1) > p{font-size:14px; line-height:18px; color:#595757; background:#fff}
    section.travel_table > ul:nth-child(2) > li:nth-child(2){border-left:0; border-right:0; background:#fff; border-top:none}
    section.travel_table > ul:nth-child(2) > li:last-child > p{border:1px solid #c9caca; border-radius:3px; width:370px; height:37px; line-height:37px; margin:0 auto; background:#e02511; color:#fff}
    section.travel_table > ul:nth-child(2) > li:last-child > p:hover{background:#404040}
    section.travel_table > ul.ul_table2 > li > ul > li:nth-child(2){width:68%}

    /*계정설정*/
    section.myinfo{margin:90px 2.5% 50px}
    section.myinfo > div:nth-child(1){display:none}
    section.myinfo > div:nth-child(2){width:100%}
    section.mywish > div > div:nth-child(1){display:none}
    section.mywish > div > div:nth-child(2){width:100%}
    section.mywish > div > div:nth-child(2) > ul:nth-child(1) > li{width:92%}
    section.mywish > div > div:nth-child(2) > ul.card_type3{width:370px; margin:0 auto}

    /*로그인*/
    section.login > div{margin:0; width:auto; height:auto; padding:0 20px}
    section.login > div > ul{width:100%}
    section.login > div > ul > li{width:100%; padding:0px}
    section.login > div > ul > li > input[type=text]{width:100%}
    section.login > div > ul > li > input[type=password]{width:100%}
    section.login > div > ul > li:nth-child(1){height:65px;}
    section.login > div > ul > li:nth-child(2){padding:20px 0px 9px}
    section.login > div > ul > li:nth-child(4){padding:20px 0px 9px}
    section.login > div > ul:nth-child(1){padding-top:30px}
    section.login > div > ul:nth-child(2) > li{padding:10px 0px 0}
    section.login > div > ul:nth-child(2) > li:nth-child(1){height:44px; border:none}
    section.login > div > ul:nth-child(2) > li:nth-child(1){width:60%;}
    section.login > div > ul:nth-child(2) > li:nth-child(2){width:40%;}
    section.login > div > ul:nth-child(4) > li:nth-child(1){width:70%;}
    section.login > div > ul:nth-child(4) > li:nth-child(2){width:30%;}
    section.login > div > ul:nth-child(4) > li:nth-child(2){padding-right:20px}
    section.login > div > ul:nth-child(4) > li:nth-child(2) > a > p{font-size:14px}


    /*가입하기*/
    section.singup > div{margin:0; width:auto; height:auto; padding:0 20px}
    section.singup > div > ul{width:100%}
    section.singup > div > ul > li{width:100%; padding:0}
    section.singup > div > ul > li:nth-child(2){padding:20px 0px 10px}
    section.singup > div > ul > li:nth-child(4){padding:20px 0px 10px}
    section.singup > div > ul > li:nth-child(6){padding:20px 0px 10px}
    section.singup > div > ul > li > input[type=text]{width:100%}
    section.singup > div > ul > li > input[type=password]{width:100%}
    section.singup > div > ul > li:nth-child(7) > p{white-space:normal; height:20px}
    section.singup > div > ul:nth-child(1){padding-top:30px}
    section.singup > div > ul:nth-child(1) > li:nth-child(1){height:65px}
    section.singup > div > ul:nth-child(2) > li:nth-child(2) > a > p{font-size:14px}
    section.singup > div > ul:last-child > li:nth-child(1){width:70%; padding:35px; margin-top:20px; height:95px}
    section.singup > div > ul:last-child > li:nth-child(2){width:30%; padding-right:20px; margin-top:20px}


    /*magazine팝업*/
    section.popup { margin-top:0px }
    section.popup > ul > li:nth-child(1){width:100%}

    section.popup > ul > li:nth-child(1) > ul > li{margin-top:30px}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1){margin:20px 20px 0}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1) > h3{padding:30px 0 0px 0}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1) > p{padding:0}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1) > div.mb_good{display:block; font-size:14px}
    section.popup > ul > li:nth-child(1) > ul > li:nth-child(1) > div.mb_good > span:nth-child(1){font-size:18px; margin-right:5px}
    section.popup > ul > li:nth-child(1) > ul > li > div:nth-child(1){padding:0; }
    section.popup > ul > li:nth-child(1) > ul > li > div:nth-child(2){padding:0; margin:0}



    section.popup > ul > li:nth-child(2){display:none}




    /*모바일일때 페이징 안보이게*/
    section.paging_wrap{display:none}



    /*상품 카드 타입2*/
    ul.card_type2{width:370px; margin:0 auto; overflow:hidden}
    ul.card_type2 > li{width:100%}
    ul.card_type2 > li:nth-child(even){margin-left:0px}
    ul.card_type2 > li > div > a > div{ height:auto; }


    /*상품 카드 타입3*/
    ul.card_type3 {width:370px; margin:0 auto; overflow:hidden}
    ul.card_type3 > li{width:100%}
    ul.card_type3 > li:nth-child(even){margin-left:0px}
    ul.card_type3 > li > a > div > ul.card3_2 > li:nth-child(2) > span{width:80%}
    ul.card_type3 > li > a > div > ul.card3_2 > li:nth-child(3){width:100%}
    ul.card_type3 > li > div{height:auto}
    ul.card_type3 > li > div > a > div{height:auto}
    ul.card_type3 > li > div.card3_2_text > ul{overflow:hidden}
    ul.card_type3 > li > div.card3_3_text > a > div{padding-bottom:10px}


    /*카테고리 있는 상품 카드 타입3*/
    ul.category > li:nth-child(2) > ul.card_type3 > li{width:auto; margin:20px 10px 10px 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n){margin:20px 10px 10px 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n+1){margin:20px 10px 10px 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:20px 10px 10px 0}

    


    /*footer*/
    footer .ft_link li {width:50%}
    footer .ft_link li:nth-child(1) a,
    footer .ft_link li:nth-child(2) a {width:90%; display:block; margin:0 auto;border-bottom:1px solid var(--color-border)}
    footer .ft_link li:nth-child(even):after{display:none}
    footer .ft_info {padding:0 10px 50px 0}
    footer .ft_info li span {width:50%; display:inline-block}
    footer .ft_info li:nth-child(4) span:first-child{width:70%}
    footer .ft_info li:nth-child(4) span:last-child{width:30%}
    
    
    

    /*필터*/
    #filter_click {display:block; height:50px; line-height:50px; position:fixed; left:0; right:0; bottom:0; text-align:center; background-color:var(--color-red); font-size:18px}
    .mb_cate {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7); display:none; z-index:100}
    .mb_cate .wrap {position:fixed; left:0; bottom:-3px; width:100%;}
    .mb_cate .wrap #mb_filter {display:block; height:50px; line-height:50px; padding:0 20px; text-align:center; color:var(--color-white); background-color:var(--color-red); font-size:18px}
    .mb_cate .wrap #mb_filter > a {float:right; font-size:18px; color:var(--color-white)}
    .mb_cate .wrap ul {display:inline-block; width:100%; background-color:var(--color-white)}
    .mb_cate .wrap ul li:not(:last-child) {border-bottom:1px solid var(--color-border)}
    .mb_cate .wrap ul a {padding:0 20px; line-height:50px}

    /*계정*/
    .mb_info {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7); z-index:100}
    .mb_info .wrap {position:fixed; left:0; bottom:0; right:0; }
    .mb_info .wrap #info_close {line-height:60px; color:var(--color-white); font-size:18px; float:right; font-weight:bold; padding-right:15px}
    .mb_info ul {background-color:var(--color-white); display:inline-block; width:100%}
    .mb_info ul li {margin:0 20px; line-height:60px}
    .mb_info ul li:not(:last-child){border-bottom:1px solid var(--color-border)}
    .mb_info ul li:not(:last-child) a {display:block}
    .mb_info ul li img {width:40px; height:40px; border-radius:50%; float:left; margin:10px 10px 0 0}
    .mb_info ul li img + p {display:inline-block}
    

    /*모바일 회원가입*/
    section.mb_join {display:block}
    section.mb_join > ul > li{padding:0 20px;}
    section.mb_join > ul > li > p{height:58px; line-height:58px; border-bottom:1px solid #c9caca; font-size:18px}
    section.mb_join > ul > li > p > a:hover{color:#e03725}

    

    /*섹션 재정의 20231127 hjs*/
    div.content {background-color:#efefef}
    div.content section{overflow:hidden; position:relative}
    div.content section:not(:last-child) {margin-bottom:20px}
    div.content section:not(:first-child) {padding-bottom:90px}
    div.content .tit h2 {padding:30px 0 20px; font-size:20px}
    div.content .tit .btn_more {position:absolute; left:20px; bottom:30px; right:20px; width:calc(100% - 40px);}

    .content ul[class*=col]:not(.card_type1) li:first-child {margin-top:0}
    .content ul[class*=col] {width:100%}
    .content ul[class*=col] li {width:100%;}

    .category { display:none}
    .category + .sub_prd {width:100%; padding-left:0}
    
    
    /*//20231127 새타입 추가 hjs*/


}



@media screen and (max-width:460px) {

    /*메인 광고*/
    div.mobile_main_pop > ul{top:40px}
    div.mobile_main_pop > ul > li:nth-child(1){margin:0 0 0 10px}
    div.mobile_main_pop > ul > li > p{margin:0px 0 0 20px}
    div.mobile_main_pop > ul > a > li{margin-right:10px; height:40px; line-height:40px }



    /*메인 이미지 높이 조절*/
    section.main_bg{height:210px;}
    section.main_bg img{height:210px;}
    section.main_bg > div.main_text{top:120px}
    section.main_bg > div.main_text > p:nth-child(1){font-size:28px; line-height:28px; letter-spacing: -2px}
    section.main_bg > div.main_text > p:nth-child(2){ padding:10px 0 0 0; font-size:18px; line-height:18px}
    section.main_bg > div.main_search{top:190px; width:90%; margin:0 5%; left:0;}
    section.main_bg > div.main_search > input{width:80%}

    /*서브 상단 이미지 높이 조절*/
    section.sub_bg{height:210px}
    section.sub_bg img{height:210px;}
    section.sub_bg > div.sub_text{top:160px;}
    section.sub_bg > div.sub_text > p:nth-child(1){font-size:30px; line-height:30px}
    section.sub_bg > div.sub_text > p:nth-child(2){padding:18px; font-size:18px; line-height:18px; padding:20px 10px}


    /*메인 컨텐츠 상단 문구*/
    section.main_info > ul.mobile_info > div > div > li{padding:10px}


    /*계정설정*/
    div.content_wrap{padding:20px 0 }
    section.myinfo{width:100%; margin:0; border:none}
    section.myinfo > div:nth-child(2) > ul > li{margin:0px 30px}
    section.myinfo > div:nth-child(2) > ul > li:nth-child(1){width:90%}
    section.myinfo > div:nth-child(2) > ul > li:last-child > button{width:85%}
    section.mywish{width:100%; margin:0}
    section.mywish > div{border:none}
    section.mywish > div > div:nth-child(2){padding:0}
    section.mywish > div > div:nth-child(2) > ul:nth-child(1) > li{padding:10px 0; margin:0 0 0 10px; text-indent:10px; border-bottom:none}
    section.mywish > div > div:nth-child(2) > ul.card_type3{padding:0; width:100% }
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li{width:100%}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(3n){margin:0 0 0}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(3n+1){margin:0 0 0}
    section.mywish > div > div:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:0 0 0 0}




    /*가격비교 표*/
    section.travel_table > ul:nth-child(2) > li:last-child > p{width:100%;}



    
    /*상품 카드 타입1*/
    ul.card_type1{width:100%; padding:0}
    ul.card_type1 > li{margin:0 0 0 0}
    ul.card_type1 > li:nth-child(3n){width:100%; padding:0 0 0 0 !important}
    ul.card_type1 > li { border-bottom:15px solid #efefef; padding:0 0 0 0}
    ul.card_type1 > li > a > div{height:200px}
    ul.card_type1 > li > a > div > div.card_type1_img{width:100%; }
    ul.card_type1 > li > a > div > div.opacity{width:100%; height:200px}



    /*상품 카드 타입2*/
    ul.card_type2{width:100%; padding:0}
    ul.card_type2 > li{border-bottom:15px solid #efefef; margin:0 0 0 0}
    ul.card_type2 > li:hover{box-shadow:none}
    ul.card_type2 > li:nth-child(3n){margin:0 0 0 0}
    ul.card_type2 > li:nth-child(3n+1){margin:0 0 0 0}
    ul.card_type2 > li:nth-child(even){margin:0 0 0 0}
    ul.card_type2 > li > a > div > div.card_type2_img{width:100%}
    ul.card_type2 > li > a > div > div.card_type2_img > img{width:100%}

    /*상품 카드 타입2*/
    ul.card_type3{width:100%; padding:0}
    ul.card_type3 > li{margin:20px 0px 0px 0px;border-bottom:15px solid #efefef }
    ul.card_type3 > li:nth-child(3n){margin:0 0 0 0}
    ul.card_type3 > li:nth-child(3n+1){margin:0 0 0 }
    ul.card_type3 > li:nth-child(even){margin:0 0 0 }
    ul.card_type3 > li > a > div > div.card_type3_img{width:100%}
    ul.card_type3 > li > a > div > div.card_type3_img > img{width:100%}



    /*카테고리 있는 상품 카드 타입3*/
    div.content > section > ul.category{width:100%; margin:0; padding:0}
    ul.category > li:nth-child(2) > ul.card_type3{width:100%; padding:0; margin:0}
    ul.category > li:nth-child(2) > ul.card_type3 > li{width:100%; margin:0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n){margin:0 0 0 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(3n+1){margin:0 0 0 0}
    ul.category > li:nth-child(2) > ul.card_type3 > li:nth-child(even){margin:0 0 0 0}

    /*가격비교 표*/
    section.travel_table > ul.ul_table2 > li > ul > li:nth-child(2){width:60%}



}

@media screen and (max-width:420px) {
    /*모바일 메뉴*/
    section.mb_menubar > div > ul > li > a > h1{font-size:28px; line-height:28px}

    /*가입하기*/
    section.singup > div > ul > li:nth-child(7) > p{height:20px; margin:10px 0;line-height:18px}
    /*메인광고*/

    /*TTTT*/
    div.mobile_main_pop > ul > li > p{margin:0 0 0 10px; font-size:10px}
    div.mobile_main_pop > ul > li > p:nth-child(2){margin:10px 0 0 10px}
    /*//TTTT*/

    /*메인 컨텐츠 상단 문구*/
    section.main_info > ul.mobile_info > div > div > li > div{margin:14px 0 0 10px}
    section.main_info > ul.mobile_info > div > div > li > div > p{font-size:16px}
    section.main_info > ul.mobile_info > div > div > li > div > span{white-space:normal; font-size:13px}

    div.mobile_main_pop > ul > li > img { width:40px; height:40px }

    .lity-iframe-container iframe { width:80% !important; height:80% !important; top:10% !important; left:10% !important }
}

/*
@media screen and (max-width:380px) {
section.mb_menubar > div > ul > li:nth-child(2){width:84%}
section.mywish > div > div:nth-child(2) > ul.card_type3{width:100%}/
div.content > section > ul.mb_more > li > a > p{width:90%; margin:20px 5%}
footer > ul.mb_filter > li > a > p{width:90%; margin:20px 5%}
}*/