#boardContainer{padding: 0}
#boardContainer > div{max-width: 100%}
#boardContainer .main1_box > div{padding: 0px 0 30px}
.form_base_btn{margin-top: 50px}
.form_title{margin: 20px 0 0}

.in_title2 > h3{margin: 10px 0 0}


.area_search .pcView{display: none}
.sub_box{
    display: flex;
    flex-direction: column-reverse;
}

.daechul_name{font-size: 28px; color: #1588ff; margin: 10px 0 0}

.ad_box_2>div:first-child{margin-bottom:85px}
.mypage_box2{margin:60px 0 0}

.view-category{display: flex; align-items: center;}
.view-category img{width:25px; margin-right:5px;}

@media screen and (min-width: 600px){
    #boardContainer .main1_box > div{padding: 0 0 45px}
}

.from_box{padding: 10px 0 40px !important}

@media screen and (min-width: 768px){
    .daechul_name{font-size: 32px;}
    .area_search .pcView{display:flex}
    .area_search .moView{display:none}

    .sub_box{
        flex-direction: column;
    }
}

@media screen and (min-width: 950px){

    .premium_daechul_1 h2 {
        height: unset !important;
    }
}


@media screen and (min-width: 1200px){
    .form_base_btn{padding: 0 30px}
    #boardContainer .main1_box > div{padding: 0 0 40px}

    .sub_box{flex-direction: inherit;}
}

#boardBox #listBox .thumbnail_box{overflow: hidden; border-radius: 5px}
#boardBox #listBox .thumbnail_box .gallery_image:hover{transform:scale(1.06);opacity: 0.9;}

#boardBox #listBox .gallery_box{padding:20px 0 0}
#boardBox #listBox .gallery_box .contents_box{overflow: hidden}

#boardBox #listBox .gallery_image{height:220px;background-size:cover;background-position: center;background-repeat: no-repeat;transition: 0.25s all;}
#boardBox #listBox .gallery_box>div{width:100%; margin:0 0 5% 0}
#boardBox #listBox .gallery_box>div>div h2{font-size:16px;line-height: inherit !important;margin:0px;font-weight: 500;color:#000;}
#boardBox #listBox .gallery_box>div>div p{margin:3px 0 15px; color: #888888; font-weight: 300}
#boardBox #listBox .gallery_box>div>div span{color:#888888; font-weight: 300}
#boardBox #listBox .gallery_text{padding:10px;}

.listContents{position: relative}
.listContents .check{position: absolute;left:10px;top:10px;z-index: 1111}

/*#boardBox #listBox .gallery_box{border-top:1px solid #000}*/

/*view*/
#viewBox .viewTitle{margin:0 !important;text-align:center;padding:15px 20px 30px;}
#viewBox .viewTitle>p{font-size:22px;line-height: 1.4;margin:6px 0 8px; font-weight: 600}
#viewBox .viewTitle>div{font-size:15px;}
#viewBox .viewTitle>div>div{color: #014188;font-size:27px;font-weight: 600;margin-top: -6px}
#viewBox .viewTitle>div>span{color:#009eda;font-size: 23px;font-weight: 550}
.viewBody{padding:10px 0 0px;}
#viewBox .viewTitle>div{color:#888888}

.view_link{
    /*    border-bottom:1px solid #e3e3e3;*/
    margin:0 0 35px}
    .view_link a{display: flex;padding:15px 15px;border-top:1px solid #e3e3e3;align-items: center;}
    .view_link a san{margin:0 15px 0 5px;display: inline-block}
    .view_content{padding:30px 0;border-top:1px solid #bbb;word-break: break-all;}
    .viewBody h2{font-size: 18px;font-weight: 600;color:#000;}
    .view-category{margin:0 0 8px ;}
    .viewBody>div.view_text{margin:0 0 30px}
    .view_text>div{display: flex; align-items: center; border-top:1px solid #e3e3e3;}
    .view_text{border-bottom:1px solid #bbb;}
    .bbbt-m{border-top:1px solid #bbb !important;}

    .view_text>div>p{height: 100%; min-height: 45px; background-color: #f7f7f7;width:80px;min-width:80px;padding:10px 0;font-weight: 500; display:flex; align-items: center; justify-content: center; text-align: center;}
    .view_text>div>div{padding:2px 12px; display: flex; justify-content: space-between; align-items: center;}
    .view_text>div>div{width:100%;position: relative}
    .view_text>div>div>a{display: inline-block;padding:8px 15px 10px !important; font-size: 15px !important; border-radius: 40px;background-color: #cdf6e8 !important;color:#222 !important;margin:0 0 0 10px;font-weight:400}

    .view_text .view_text_icon{margin-right: 7px; font-size:14px;}


    @media screen and (max-width:500px){
        .view_text>div>div>a{padding:8px 10px 10px !important; font-size: 14px !important;}
        .view-point-text>div>span{font-size: 15px;font-weight: 600;}
    }

    @media screen and (min-width:650px){
        div.view-point-text>p{background-color: #d0e7ff; border: 4.5px solid #d0e7ff;}
        .view-point-text>div>span{font-size: 16px;color:#1588ff; font-weight: 600;}
        .view-point-text>div{border:2px solid #1588ff;}
    }

    .view_btn{display: flex;justify-content: center;align-items: center;}
    .view_btn button:first-child{margin:0 10px 0 0;border-color:#1588ff;background-color:#1588ff;color:#fff;}
    .view_btn button{border-radius: 30px;width:150px}
    .view_information{padding:25px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;display: flex;flex-wrap: wrap;margin:0 0 30px}

    .view_information img{width: 60px}
    .view_information>div{width:25%;text-align: center;margin:0 0 20px}
    .view_information>div:nth-child(n+5):nth-child(-n+8){margin-bottom:0;}
    .view_information>div h3{margin:10px 0 5px;font-size:14px;}
    .view_information>div>div{font-size:12px;}

    .view_text>div>div>a{padding:3px 13px 5px;}

    /*view*/


    @media screen and (min-width:500px){

        #boardBox #listBox .gallery_image{height:200px;}
        #boardBox #listBox .gallery_box{display: flex;flex-wrap: wrap;}
        #boardBox #listBox .gallery_box>div{width:calc(50% - 10px); margin:20px 20px 0 0}
        #boardBox #listBox .gallery_box>div:nth-child(2n){margin:20px 0 0 0}
        #boardBox #listBox .gallery_box>div:nth-child(n+1):nth-child(-n+2){margin-top:0;}

        .view_information img{width: 80px}
        .view_information>div h3{font-size:16px;}
        .view_information>div>div{font-size:13px;}


    }

    @media screen and (min-width:640px){


    }

    @media screen and (min-width:768px){
        #boardBox #listBox .gallery_box>div>div p{font-size: 13px}
        #boardBox #listBox .gallery_image{height:250px;}
        #boardBox #listBox .gallery_text{padding:15px;}

        .viewTitle>p{font-size:20px;}
        .viewBody{font-size:16px; padding: 50px 20px}

        .view_text>div>p{min-height:70px;}
        .company-popup-area .view_text>div>p{min-height:60px;}

        /*view    */
        #viewBox .viewTitle{padding:20px 25px;}
        #viewBox .viewTitle>p{line-height: inherit;margin: 0;font-size:33px;}
        #viewBox .viewTitle>div>div{color: #014188;font-size:38px;font-weight: 600;margin-top: -6px}
        #viewBox .viewTitle>div>span{color:#009eda;font-size: 28px;font-weight: 550}
        .viewBody{padding:0px 0 0px }
        .viewBody h2{font-size:23px;}
        .view-category{margin:0 0 15px;}
        .view_text>div>p{width:130px;min-width:130px;padding:20px 0;}
        .view_text>div>div{display: block; padding: 20px;}
        .view-point-text>div>span{font-size:20px;}

        .viewBody>div.view_text{margin:0 0 50px}
        .viewBody>div.view_information{margin:0 0 50px}

        /*    view*/
    }

    @media screen and (min-width:950px){
        #boardBox #listBox .gallery_box>div{width:calc(33.3333%  - 13.33333333333333px);margin:20px 20px 0 0}
        #boardBox #listBox .gallery_box>div:nth-child(2n){margin:20px 20px 0 0}
        #boardBox #listBox .gallery_box>div:nth-child(3n){margin:20px 0 0 0}
        #boardBox #listBox .gallery_box>div:nth-child(n+1):nth-child(-n+3){margin-top:0;}
        #boardBox #listBox .gallery_box>div>div h2{font-size:16px;}
        #boardBox #listBox .gallery_image{height:220px;}


        .ad_box_2>div:first-child{margin-bottom:120px}
    }

    @media screen and (min-width:1024px){
        #boardBox #listBox .gallery_image{height:190px;}
        #boardBox #listBox .gallery_box>div>div{}


            #boardBox #listBox .gallery_box>div{width:calc(25% - 15px);;margin:20px 20px 0 0}

            #boardBox #listBox .gallery_box>div:nth-child(3n){margin:20px 20px 0 0}
            #boardBox #listBox .gallery_box>div:nth-child(4n){margin:20px 0 0 0}
            #boardBox #listBox .gallery_box>div:nth-child(n+1):nth-child(-n+4){margin-top:0;}

            .view_text{display: flex;flex-wrap:wrap;}

            .view_text>div{width:50%;}

            .view_text>div>p{width:160px;min-width:160px;}
            .view_information>div{width:12.5%;margin:0;}

            .empty_li_height {height: 26px;}

            .bbbt-p{border-top:1px solid #bbb !important;}

        }


        @media screen and (min-width:1200px){
            .daechul_box_1 > div:first-child {
                width: calc(30% - 15px) !important

            }

            .daechul_box_1 > div:last-child{
                width: 70% !important
            }
        }

        @media screen and (min-width:1600px){
            #boardContainer{position: relative;}
        }


        /* 업페정보수정페이지 */
        .new_style_titlebox.mypage_box{padding:0;}
        .new_style_titlebox h3 span{color:#1588ff;font-size: 25px; font-weight: bold;}
        .new_style_titlebox .new_style_p{color:#777;padding-top:5px;}
        .new_style_box_01{display: flex; justify-content: center; align-items: start; border-bottom: 1px solid #ddd;flex-wrap: wrap;}
        .new_style_box_01 > div{padding:0 10px;width:360px;}
        .new_style_box_01 h3{color:#fff;border-radius:10px;padding:0 10px;line-height:36px;margin-bottom:15px;text-align:center;}
        .new_style_box_01 > div:first-child h3{background:#1588ff;}
        .new_style_box_01 > div:last-child h3{background:#004188;}
        .new_style_box_01 ul li{margin-bottom:15px;display: flex; justify-content: space-between;}
        .new_style_box_01 ul li label{padding-left:25px;position: relative;}
        .new_style_box_01 ul li .new_input_bg{background:#f7f7f7;padding:0 10px;border-radius:10px;font-family: none;font-weight: bold;}
        .new_style_box_01 > div:first-child .new_input_bg{display: flex; justify-content: space-between; width:120px;max-width:100%;align-items: center;}
        .new_style_box_01 > div:first-child .new_input_bg span{font-family: none;}
        .new_style_box_01 ul li select{width: 93px; padding: 0 5px; border-radius: 3px;background: url(/assets/images/arrow_bg_w.png) no-repeat 90% 58%/14px auto;}
        .new_style_box_01 ul li .new_input_bg input{opacity: 1; visibility: visible; overflow: visible; position: relative; z-index: 0; background: none; border: 0; width: calc(100% - 15px); text-align: right;font-weight:bold;outline:none;}
        .new_style_box_01 > div:last-child .new_input_bg input{width:43%;text-align: center;background: #f7f7f7;padding: 0 10px; border-radius: 10px;}
        .new_style_box_01 > div:last-child .new_input_bg{background: none;padding:0;width: calc(100% - 93px);}

        .new_style_box_01 input{opacity: 0;visibility: hidden;overflow: hidden;position: absolute;z-index: -1;}
        .new_style_box_01 ul li label:before{content:"";width: 18px;height:18px;border:1px solid #d2d2e4;position: absolute; top: 2px; left: 0;}
        .new_style_box_01 ul li input:checked + label:before{background: #163a67 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); border-color: #163a67;background-repeat: no-repeat; background-position: center center; background-size: 9px;}

        .new_style_box_02{border-bottom: 1px solid #ddd;display:flex;justify-content: center;padding-top: 10px;}
        .new_style_box_02 ul, .new_style_box_02 > p{padding:0 10px;width:360px}
        .new_style_box_02 ul li{display:flex;justify-content:space-between;margin-bottom:10px;}
        .new_style_box_02 ul li .new_input_input {background:#f7f7f7;padding: 0 10px;text-align: right;border-radius:10px;border:0;width:95px;outline: none;}
        .new_style_box_02 ul li p:last-child .new_input_input{text-align: center;}
        .new_style_box_02 ul li select{width: 109px; padding: 0 5px; border-radius: 3px;background: url(/assets/images/arrow_bg_w.png) no-repeat 90% 58%/14px auto;}
        .new_style_box_02 ul li p:first-child{width:60px;}
        .new_style_box_02 > p{font-size:14px;}
        .new_style_box_02 > p i{color:red;}

        .new_style_box_03{text-align:center;padding:10px 0 0;display:flex;justify-content:center;}
        .new_style_box_03 p{color:#1588ff;font-size: 20px; font-weight: 500;padding:0 10px;width:330px;text-align:right;}
        .new_style_box_03 p span{padding:0 10px;border-radius:5px;background:#1588ff;color:#fff;line-height: 26px; display: inline-block;margin-left:5px;}
        .new_style_box_03 p span i{font-style:normal;font-family: none;}
        .new_style_box_03 p span i:last-child{padding-left:40px;}

        .new_style_box_04 ul li textarea{background: #f7f7f7; height: 70px; border: 0; width: 100%; border-radius: 10px;padding:10px;max-width:100%;}

        .new_style_box_06.ad_container{font-family: '돋움' , doum , sans-serif;display: block;}
        .new_style_box_06 textarea{width:100%;min-height: 500px;border:1px solid #ddd;}
        .new_style_box_06 b{font-size:14px;color:#1588ff;font-weight:bold;font-family: '돋움', dotum, sans-serif;font-weight:bold;}
        .new_style_box_06 span{font-size:12px;color:#000;font-family: '돋움', dotum, sans-serif;font-weight:bold;}


        .new_area.area_search .in_title {padding-left: 5px;}
        .new_area.area_search ul{background:0;border:0;padding:0;}
        .new_area.area_search ul li{width:16.66%;margin:0;padding:5px;}
        .new_area.area_search ul li a{display: block;text-align: center;color:#1588ff;box-shadow: 1px 1px 10px rgb(21,136,255,.5);font-size:12px;padding: 22px 3px;font-weight:500;}
        .new_area.area_search ul li a img{display: block;margin:0 auto 5px;height:30px;}
        .new_area.area_search ul li a img.new_icon_off{display: none;}

        .new_area.area_search ul li a.on{color:#fff;background:#0770ff;}
        .new_area.area_search ul li a.on img.new_icon_off{display: block;}
        .new_area.area_search ul li a.on img.new_icon_on{display: none;}

        .new_sub .new_main_in .special_daechul .special_daechul_2{padding: 5px 15px;background:#101010;color:#fada9d;}
        .new_sub .new_main_in .special_daechul .special_daechul_2 i{color:#fada9d;}
        .new_sub .new_main_in .special_daechul .swiper-slide1 > div{background: url(/assets/images/new_recommend_bg.jpg) no-repeat center bottom; background-size: cover;color:#fff;}
        .new_sub .new_main_in .special_daechul_1 h3{color:#fada9d;}
        .new_sub .new_main_in .special_daechul_1 > p{color:#fada9d;}
        .new_sub .new_main_in .special_daechul_1 > div > span{color:#fff;}
        .new_sub .new_main_in .special_daechul .swiper-slide1 > div>span.label{width: auto; padding: 3px 5px; color: #fada9d;border:1px solid #fada9d; font-weight: 100; font-size: 12px;top:5px;left:5px;}
        .new_sub .new_main_in .special_daechul .swiper-slide1 > div>span.label i{font-style:normal;font-weight:bold;text-transform: uppercase;}
        .daechul_box_1.new_sub > div:first-child .page_txt{padding-right: 7px;}
        .new_area.area_search ul li:nth-child(3n){margin: 0;}

        .new_sub_style .page_txt {display: block;text-align: right;}
        .new_sub_style2 .page_txt {display: block;text-align: right;}

        .new_sub_style .new_icon_location{width:15px;margin:-4px 5px 0 0;}

        @media screen and (min-width: 1200px){
            .daechul_box_1.new_sub > div:first-child{margin:0;}
        }

        @media screen and (min-width: 1198px){
            .daechul_box_1.new_sub > div:first-child{width:50% !important;}
            .daechul_box_1 .new_area.area_search{width:50% !important;}
        }
        @media screen and (max-width: 1199px){
            .daechul_box_1.new_sub > div:first-child{width:100% !important;}
            .daechul_box_1 .new_area.area_search{width:100% !important;}
            .new_sub.sub_box > div{margin:5px 0;}
            .new_sub .new_main_in .special_daechul .swiper-slide1 > div{background:#141414 url(/assets/images/new_recommend_bg_tab.png) no-repeat center bottom 8px;background-size:cover;}
        }
        @media screen and (max-width: 950px){
            .new_sub_style .in_title{display: block !important; margin:0 0 5px;}
            .daechul_box_1 .new_area.area_search{margin:0;}
            .new_sub .new_main_in.daechul_box_1_1 > div{margin:0 0 10px;}
            .new_sub_style .page_txt {display: block;text-align: right;}
            .new_sub_style2 .page_txt {display: block;text-align: right;}
            .daechul_box_1.new_sub > div:first-child .page_txt {display: block; text-align: right;line-height:16px;}
            .new_sub .new_main_in .special_daechul .swiper-slide1 > div{background-position: center;background-size:contain;}
        }
        @media screen and (min-width: 950px){
            .new_sub .new_main_in .special_daechul .swiper-slide1 > div:first-child{margin-bottom: 10px;}
            .new_sub .new_main_in.daechul_box_1_1 > div:first-child{margin:0 10px 0 0;}
        }
        @media screen and (min-width:768px){
            .new_sub .new_main_in .special_daechul .swiper-slide1 > div{padding: 35px 10px 39px;}
        }
        @media screen and (min-width:767px){
            .daechul_box_1.new_sub{justify-content: space-between;}
        }
        @media screen and (max-width:767px){
            .pcView{display: none !important;}
            .new_style_box_01 > div:first-child .new_input_bg{width:100px;}
            .new_style_box_04 ul li textarea{width:100%;}
            /*    .new_sub .new_main_in.daechul_box_1_1 > div.pc_margin_left .in_title.new_title{display: none;}*/
            .new_sub .new_main_in.daechul_box_1_1 > div.pc_margin_left .in_title.new_title .pc_view{display: none;}

            .new_sub .new_main_in.daechul_box_1_1 .special_daechul .swiper-slide1 > div{padding: 30px 20px 46px;border:0;}
            .new_sub .new_main_in .special_daechul .special_daechul_2{padding:0;}
            .new_sub .new_main_in .special_daechul .special_daechul_2 a{background:#e5b165;color:#222;font-weight:bold;}
            .new_sub .new_main_in .special_daechul .special_daechul_2 a:last-child{border-left:1px solid #cca05f;}
            .new_sub .new_main_in .special_daechul .special_daechul_2 i{color:#222 !important;}
            .new_area.area_search ul li{width:33.33%;}
            .new_area.area_search ul li a{padding:5px 10px;display: flex;justify-content: center;}
            .new_area.area_search ul li a img{width:auto;height:19px;margin:0 5px 0 0;}

            .new_sub .new_main_in .special_daechul .swiper-slide1 > div{background:#141414 url(/assets/images/new_recommend_bg_mo01.png) no-repeat center;background-size:contain;}
            .new_area.area_search ul li:nth-child(7) a{justify-content: space-around !important; padding: 5px 17px;}
            .new_area.area_search ul li:nth-child(9) a img {width:auto; max-width: 30px;}
            .new_area.area_search ul li:nth-child(18) a{justify-content: space-around; padding: 5px 23px;}
            .new_area.area_search ul li:nth-child(18) a img {height: 16px;}
        }
        @media screen and (max-width: 660px){
            /* .new_area.area_search ul li{width:25%;} */
        }

        @media screen and (max-width: 600px){
            .new_area.area_search ul li{width:33.33%;padding: 3px;}
            .new_area.area_search ul li a{font-size:11px;}
        }
        @media screen and (min-width: 600px){
            .new_area.area_search ul li:nth-child(n+1):nth-child(-n+4),
            .new_area.area_search ul li:nth-child(4n){margin:0;}
        }

        @media screen and (min-width: 500px){
            .new_area.area_search ul li:nth-child(3n){margin:0;}
        }

        @media screen and (max-width:500px){
            .new_style_box_02{flex-wrap: wrap;padding:10px 0;}
            .new_style_box_02 > p{text-align: center;}
            .new_style_box_03 p{width:100%;text-align: center;}
            .new_style_box_03{display: block;justify-content: space-between;padding:10px 0 20px;}
        }
        @media screen and (max-width: 428px){
            .new_sub_style .sub_box.new_sub > div{margin:0;}
        }

        @media screen and (min-width: 400px){
            .new_area.area_search ul li a:before{display: none;}
        }

        @media screen and (max-width:318px){
            .new_style_box_01 > div:last-child ul li{display: block;}
            .new_style_box_01 ul li select{margin: 5px auto 0; display: block;}
            .new_style_box_01 > div:last-child ul li .new_input_bg{width: 100%; display: inline-block; text-align: center;}
            .new_style_box_04 .address_product_desc li{width:auto;}

            .new_style_box_02 ul li .new_input_input{width:60px;}
            .new_style_box_02 ul li p:last-child .new_input_input{width:90px;}
        }




        .daechul_container.new_main > div{padding:10px 0 0;}
        .daechul_container.last_box > div{padding-bottom:20px;}
        .daechul_box_1_1.new_main_in > div{margin:0;}
        .new_main .daechul2_caution{margin:0; font-size: 10pt;}
        .new_main .daechul2_box_1 {padding-top: 10px;}

        .new_main .daechul2_box_1 > div h3{margin:0 0 12px;padding:4px 0 8px;}

        .new_main .daechul2_box_1 > div > div > div{margin:10px auto;word-break: break-all;}
        .phone_search {

            justify-content: space-between;
            align-items: center;
            background-color: #f7f7f7;
        }

        .phone_search > div {
            position: relative;
            width: 150px;
        }

        /*
        .phone_search i {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #1588ff
    }
    */

    .phone_search input {
        border: none;
        border-radius: 40px;
        height: 35px;
        padding: 0 30px 0 10px;
        width: 100%;
        font-weight: 300;
        font-size: 12px
    }

    .phone_search p {
        font-weight: 500;
        color: #444
    }

    .phone_search a{display: inline-block;margin:0 0 0 5px;border-radius: 30px;padding:6px 12px;background-color:#1588ff;color:#fff;font-size: 12px; line-height: 1.4;font-weight: 500}
    .phone_search.new_btn_style01 a {
        border-radius:0;
        width: 100%;
        margin: 0;
        text-align: center;
        padding:10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .phone_search i{font-size: 13px}

    .main1_box_1_2 {
        /* border: 1px solid #ddd; */
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .main1_box_1_2 > div {
        padding: 15px 20px;
    }

    .main1_box_1_2 > div:first-child {
        padding: 11px 20px;
    }
    .main1_box_1_2 > div.new_btn_style01 {
        padding:0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border:0;
    }

    .rolling_box {
        height: 200px;
        overflow: hidden;
    }

    .rolling_box ul li {
        margin: 0 0 20px
    }

    .rolling_box ul li > div {
        position: relative;
    }

    .rolling_box ul li > div a {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }

    .rolling_box ul li > div a > span {
        background-color: #e60315;
        color: #fff;
        border-radius: 2px;
        display: inline-block;
        padding: 0 4px 0 3px;
        margin: 0 0 0 5px;
        font-size: 10px;
        font-weight: 400;
        height: 14px;
        line-height: 13px;
        text-transform: uppercase
    }

    .rolling_box ul li > div > span {
        display: inline-block;
        background-color: #1588ff;
        color: #fff;
        border-radius: 20px;
        padding: 3px 8px;
        position: absolute;
        left: 0;
        bottom: -2px;
        font-size: 12px;
        line-height: 12px;
        height: 19px;
    }

    .rolling_box ul li > div > div {
        display: flex;
        padding: 5px 0 0 35px;
        color: #888
    }

    .rolling_box ul li > div > div p {
        margin: 0 15px
    }

    /* .main1_box_2 > div:first-child {
    margin: 0 0 30px
    } */

    .main1_box_2_1 {
        /* border: 1px solid #ddd; */
        background-color: #fff;
    }

    .main1_box_2_1 ul {
        display: flex;
        flex-wrap: wrap;
        padding:  0 20px;
    }

    .main1_box_2_1 ul li {
        /* width: 33.33333%; */
        margin: 8px 0 0;
        text-align: center;
    }

    /* .main1_box_2_1 ul li:nth-child(n+1):nth-child(-n+3) {
    margin: 0
    } */

    .main1_box_2_1 ul li a {
        /* display: flex; */
        align-items: center;
        font-weight: 400;
        color: #808080;
        background-color: #fff;
        padding: 6px 10px;
        border: 1px solid #fff;
        border-radius: 5px;
        margin: 0 10px 0 0;
    }

    .main1_box_2_1 ul li a:hover {
        color: #1588ff;
        font-weight: 500;
        border-color: #1588ff;
        text-decoration: underline;
    }

    .main1_box_2_1 ul li a:before {
        content: '·';
        display: inline-block;
        margin: 0 4px 0 0;
        display: none;

    }

    /* . {
    background-color: #f9f9f9;
    } */

    .real_time{display: flex;justify-content: space-between;padding:8px 10px;border-bottom:1px solid #e3e3e3;align-items: center;}
    .real_time>div{display: flex;margin:0 10px 0 0; font-size: 13px}
    .real_time>div p{color:#0770ff;margin:0 10px 0 0; font-weight: 500}
    .real_time>div ul{height:19px;overflow: hidden}
    .real_time>a{display: inline-block;padding:3px 9px;background-color:#0770ff;color:#fff;min-width:50px;text-align: center;font-weight: 500; font-size: 12px;line-height: 13px;height: 22px}
    .real_time a>i{font-size: 11px}

    .main1_box_tab{border: 2px solid #f2f2f2;border-top-left-radius: 10px;border-top-right-radius: 10px;}
    .main1_box_tab > ul{display: flex;justify-content: space-around;align-items: center;}
    .main1_box_tab > ul > li{width:51%;text-align: center;line-height: 36px;background: #f7f7f7;border-bottom:2px solid #e8e8e8;}
    .main1_box_tab > ul > li a{display: block;}
    .main1_box_tab > ul > li.on{background: #fff;position: relative;}
    .main1_box_tab > ul > li.on:after{content:'';width:100%;height: 2px;background:#238fff;position: absolute; bottom: -2px; left: 0;}
    .main1_box_tab > ul > li:first-child{border-right:2px solid #e8e8e8;}
    .main1_box_tab > ul > li:first-child.on{border-top-left-radius: 10px;}
    .main1_box_tab > ul > li:last-child.on{border-top-left-radius: 10px;}
    .main1_box_tab > ul > li a{color:#333;}

    .main1_box_tabbox{display: none;}
    .main1_box_tabbox.on{display: block;}

    .new_main_text{margin:0 0 15px;}
    .in_title2.new_main_text{margin:0;}
    .daechul_box_1_1.new_main_in .swiper-pagination{display: block;text-align: right;line-height: 10px;padding:17px 5px 0 0;display:none !important;}
    .new_main_in .in_title .swiper-pagination-bullet{opacity: .3;margin:0 2px 0 1px;width:5px;height:5px;}
    .new_main_in .in_title .swiper-pagination-bullet-active{opacity: 1;}
    .daechul_box_1_1.new_main_in > div:first-child{margin: 0 0 10px;}

    .main_img{position: absolute;top:0;left:0; width:37px !important;}

    .disp_flex2 .daechul2_caution.mo_view{display: block;text-align: right;}
    .new_main_in .daechul2_caution{color:#333;font-weight:300;font-size:13px;}
    .new_main_in .daechul2_caution > span{color: red;}

    .member_no{display: none !important;}

    .new_main_in .page_txt{line-height: 29px;display: inline-block;padding-right: 5px;}
    .new_main.daechul2_box .page_txt{display: block;text-align: right;padding-top: 5px;}

    .banner_brand_font {color: white;}
    .reservation_conf_btn{border: 1px solid #aaa; border-radius: 50px; padding: 4px 10px; color: #1588ff; background: none;}
    .reservation_completion_box{background: rgba(0,0,0,.5);position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 11111;opacity: 0;visibility: hidden;overflow: hidden;transition: all .3s;}
    .reservation_completion_box.on{opacity: 1;visibility: visible;}
    .reservation_completion_inbox{position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);background:#fff;border-radius:10px;z-index: 11112;padding: 50px;text-align: center;max-width: 390px;width:95%;}
    .reservation_completion_inbox .reservation_close_btn{position: absolute;top:20px;right: 20px;cursor: pointer;}
    .reservation_completion_inbox .reservation_close_btn img{width: 20px;}
    .reservation_completion_inbox .resco_img{width: 80px;}
    .reservation_completion_inbox h3{font-size: 25px;font-weight: bold;padding: 10px 0;}
    .reservation_completion_inbox .txt_box{border-top: 1px solid #ccc;padding-top: 10px;margin-top: 20px;}
    .reservation_completion_inbox .txt_box .txtp01{display: flex;justify-content: space-between;font-weight: 500;padding-bottom: 10px;}
    .reservation_completion_inbox .txt_box .txtp01 .txt01{color: #807e7f;}
    .reservation_completion_inbox .txt_box .txtp02{font-weight: bold;padding-top: 10px;}


    @media screen and (max-width: 1200px) {
        .main1_box_tab{margin-top:30px;}
    }

    @media screen and (min-width: 1200px) {
        .daechul_container.new_main > div{padding:30px 0 0;}
        .daechul_container.last_box > div{padding-bottom:50px;}
        .rolling_box ul li > div > span {
            height: 21px
        }
        .rolling_box {
            height: 249px;
        }
        .rolling_box ul li > div a {
            max-width: 280px;
            width: 100%;
        }

        .main1_box_2 > div {
            width: calc(50% - 10px)
        }

        .main1_box_2 > div {
            margin: 0;
        }

        .main1_box_2 > div:first-child {
            margin: 0 20px 0 0;
            width:100%;
        }

        .main1_box_2_1 ul {
            padding: 10px 13px;
        }
        .main1_box_2_1 ul li {
            width: 33.33%;
            margin: 17px 0;
            text-align: center;
        }

        .main1_box_2_1 ul li a {
            font-size: 14.7px
        }

        /* .main1_box_2_1 ul li:nth-child(n+1):nth-child(-n+5) {
        margin: 0
        } */

        .daechul_box_1 > .new_pcView_style {
            width: 28%;
            padding-left: 15px;
        }
        .daechul_box_1 > div.new_pcView_style:last-child {
            width: 22%;
        }
        .pc_margin_left {
            margin-left: 15px !important;
        }
    }

    @media screen and (max-width: 950px) {
        .new_main_in .in_title{display: block;margin:0 0 5px;}
        .new_main_in .in_title p{display: block;text-align: center;}
        .new_main_in .in_title p.pc_view,
        .new_main_text.in_title2 > h3{display: none;}
        .new_main_in .in_title p.mo_view{display: block;}
        .daechul_box_1_1.new_main_in .swiper-pagination{display: block;text-align: right;line-height: 10px; padding: 0;}

        .new_main_in .in_title .swiper-pagination-bullet{opacity: .3;margin:0 2px 0 1px;width:5px;height:5px;}
        .new_main_in .in_title .swiper-pagination-bullet-active{opacity: 1;}
        .daechul_box_1_1.new_main_in > div{margin: 0 0 6px;}
        .daechul_box_1_1.new_main_in .swiper-pagination{padding:0;}

        .daechul_box_1_1.new_main_in > div:last-child{margin: 0 0 12px;}

        .new_main_in .page_txt{display: block; text-align: right;line-height:16px;}
        .new_main.daechul2_box .page_txt{padding-top: 0;}
        .new_main .daechul2_box_1{padding-top:5px;}
    }

    @media screen and (min-width: 950px) {
        .daechul_container.new_main > div{padding:20px 0 0;}
        .daechul_container.last_box > div{padding-bottom:20px;}
        .special_daechul .special_daechul_2{padding:5px 15px;}
        .real_time{display: none;}

        .new_main_in .in_title p.mo_view{display: none;}

        .premium_daechul_1 h2 {
            width: 95%
        }


        .main1_box_1_2 > div {
            padding: 17px 15px;
            border: 1px solid #ddd;
            border-top: 0;
        }

        .rolling_box {
            height: 174px;
        }


        .main1_box_2 {
            /* display: flex;
            margin: 40px 0 0*/
            margin:0;
        }

        /* .main1_box_2 > div {
        width: calc(50% - 7.5px)
        } */

        .main1_box_2 > div {
            margin: 0;
        }

        .main1_box_2 > div:first-child {
            margin: 0 15px 0 0
        }

        .main1_box_2_1 ul {
            padding: 11px 20px;
        }

        .main1_box_2_1 ul li a {
            font-size: 14px;
            background-color: inherit;
            padding: 0;
            border: none
        }
        .new_main_in .special_daechul .swiper-slide1 > div:first-child{margin-bottom:5px;}
    }

    @media screen and (max-width:767px){
        .board_widget_box>div:nth-child(2){display: none;}
        /* .daechul_box_1_1.new_main_in > div:last-child{margin:0;} */
        .daechul_container.new_main.daechul2_box > div{padding:0;}
        .new_main .daechul2_caution{margin:5px 0 3px 0; font-size: 7pt;}

        .new_main_in .premium_daechul .swiper-slide1 > div{padding:15px 15px 52px;}
        .new_main_in .special_daechul .swiper-slide1 > div{padding:15px 10px 52px;}

        .new_main_in .premium_daechul_1 h2,
        .new_main_in .special_daechul_1 h3{padding:0 0 8px;margin:2px 0 8px;}

        .new_main_in .special_daechul .swiper-slide1 .daechul_list_top{top:-6px;}

        .new_main .premium_daechul_1 > span.img_left,
        .new_main .premium_daechul_1 > span.img_right{top:5px}
        .new_main .premium_daechul_1 > span.img_left img,
        .new_main .premium_daechul_1 > span.img_right img{width:55%;}

        .new_main .special_daechul_1 span.left,
        .new_main .special_daechul_1 span.right{top:0;transform:translateY(0);}
        .new_main .special_daechul_1 span.left img,
        .new_main .special_daechul_1 span.right img{width:55%;}

        .new_main .premium_daechul_1 > span.img_left{left:-10px}
        .new_main .premium_daechul_1 > span.img_right{right:-10px;}
        .new_main .special_daechul_1 span.left{left:-5px;}
        .new_main .special_daechul_1 span.right{right:-5px;}

        .new_main .daechul2_box_1 > div > div > div span{padding-left: 46px;}

        .new_main_in .daechul2_caution{font-size:11px;}
    }

    @media screen and (min-width: 768px) {

        .real_time>div{font-size: 15px}
        .real_time a{font-size: 15px}
        .real_time a>i{font-size: 13px}

        .rolling_box {
            height: 243px;
        }

        .phone_search > div {
            position: relative;
            width: 180px;
        }

        .phone_search i {
            right: 20px;
        }


        .phone_search input {
            padding: 0 50px 0 20px;
            width: 100%;
        }


        .phone_search a{
            padding:6px 15px;
            font-size: 14px
        }

        .rolling_box ul li > div > span {
            padding: 2px 7px 3px;
            font-size: 12px;
            line-height: 15px;
            bottom: 0px;
            height: 19px;
        }

        .main1_box_2_1 ul li {
            /* width: 25%; */
            margin: 10px 0;
        }

        /* .main1_box_2_1 ul li:nth-child(n+1):nth-child(-n+5) {
        margin: 9px 0 0
    }

    .main1_box_2_1 ul li:nth-child(n+1):nth-child(-n+4) {
    margin: 0
    } */


    /* .main1_box_2{margin:30px 0 0} */

    .new_main_in .premium_daechul .swiper-slide1 > div{padding:25px 20px 75px;}
    .new_main_in .special_daechul .swiper-slide1 > div{padding:20px 10px 56px;}
    .new_main_in .special_daechul .special_daechul_2{padding:5px 15px;}
}


@media screen and (min-width:400px){
    .phone_search {display: flex;}
}

@media screen and (max-width:483px){
    .phone_search a{display: inline-block;margin:5px 0 0;border-radius: 30px;padding:5px 8px;background-color:#1588ff;color:#fff;}
}

@media screen and (max-width: 500px) {
    .new_main .daechul2_box_1 > div > div > div span{padding-left:32px;}
}
@media screen and (max-width: 490px) {
    .new_main .daechul2_box_1 > div > div > div span{padding-left:24px;}
}

@media screen and (min-width: 480px) {
    .phone_search input {
        font-size: 13px
    }

    .main1_box_2_1 ul li {
        /* width: 25%; */
        margin: 14px 0;
    }

    /* .main1_box_2_1 ul li:nth-child(n+1):nth-child(-n+4) {
    margin: 0
}

.main1_box_2_1 ul li a {
padding: 9px 10px;
} */

.real_time>div{font-size: 14px}
.real_time a{font-size: 13px; line-height: 19px; height: 27px}
.real_time a>i{font-size: 12px}

}

@media screen and (min-width: 500px) {

    .rolling_box ul li > div > span {
        bottom: 0px;
    }
    .main_img{width:50px !important;}

}

@media screen and (min-width: 600px) {
    .main1_box_2_1 ul li {
        /* width: 20%; */
        margin: 14px 0;
    }

    /* .main1_box_2_1 ul li:nth-child(n+1):nth-child(-n+5) {
    margin: 0
    } */
    .main_img{width:62px !important;}

}

@media screen and (max-width:370px){
    .new_main_in .moView .premium_daechul_2 a,
    .new_main_in .special_daechul_2 a,
    .new_main .moView .daechul_sms a{padding:8px 0;}
    /*    .new_main_in .special_daechul_1 h3{height:50px;word-break: break-word;}*/
    /*    .new_main_in .premium_daechul_1 h2{height:55px;word-break: break-word;}*/
    /*    .new_main_in .special_daechul_1 > p{height:40px;word-break: break-word;}*/
    /*    .new_main_in .premium_daechul_1 p{height:38px;word-break: break-word;}*/

    .new_main_in .special_daechul_1 h3{word-break: break-word;}
    .new_main_in .premium_daechul_1 h2{word-break: break-word;}
    .new_main_in .special_daechul_1 > p{word-break: break-word;}
    .new_main_in .premium_daechul_1 p{word-break: break-word;}

    /*

    .new_main .premium_daechul_1 > span.img_left, .new_main .premium_daechul_1 > span.img_right{top:37px;}
    .new_main .special_daechul_1 span.left, .new_main .special_daechul_1 span.right{top: 30px !important;}
    */
}

@media screen and (max-width:340px){
    .new_main_in .premium_daechul_1 > div:last-child{height:40px;}
    .new_main_in .special_daechul_1 > div:last-child{height:40px;}
}

.new_banner .new_main_banner_pc{width:100%;}
.new_banner .new_main_banner_mo{display: none;}
.new_banner > div{padding:0;position: relative;}
.new_banner .new_main_banner_btn{position: absolute; bottom: 5px; right: 5px;}
.new_banner .move_left{right: 130px !important;}

.side_banner > div.social_box{border:2px solid #014189;border-radius: 10px;width: 180px; padding: 0 12px 5px 0;margin-top: 20px;}
.side_banner > div.social_box h3{color: #014189; background: #fff; z-index: 2; display: inline-block; font-size: 17px; position: relative; top: -12px; padding: 0 5px; font-weight: bold;}
.side_banner > div.social_box ul{display:flex;justify-content: left;flex-wrap: wrap;}
.side_banner > div.social_box ul li{width:50%;padding: 0 0 12px 12px;}

.banner_pop_wrap{position: absolute; top: 251px; right: 210px; width: 320px; box-shadow: 1px 1px 10px rgb(0 0 0 / 30%); border-radius: 10px;z-index: 112;background:#fff;overflow: hidden;opacity: 0;visibility: hidden;transition: all .3s;}
.banner_pop_wrap.on{opacity: 1;visibility: visible;}
.banner_pop_wrap > ul{padding:20px 20px 0;}
.banner_pop_wrap > ul > li{border-bottom:1px solid #d4d4d4;margin-bottom: 5px;padding-bottom: 5px;}
.banner_pop_wrap > ul > li:last-child{border:0;margin-bottom: 0;}
.banner_pop_wrap > ul > li h3{font-size:20px;position: relative;cursor: pointer;}
.banner_pop_wrap > ul > li:last-child h3{padding-bottom:5px;}
.banner_pop_wrap > ul > li h3:after{content: ""; background: url(/assets/images/banner_reservation_updown.png); background-size: 100%;background-repeat: no-repeat; position: absolute; top: 0px; right: 0; height: 27px; width: 27px;transform: rotate(180deg);}
.banner_pop_wrap > ul > li h3.change:after{content: ""; background: url(/assets/images/banner_reservation_updown.png); background-size: 100%;background-repeat: no-repeat; position: absolute; top: 0px; right: 0; height: 27px; width: 27px;transform: rotate(0);}
.banner_pop_wrap > ul > li h3 img{width:22px;margin-right: 5px;}
.banner_pop_wrap > ul > li .txt01{font-size:14px;font-weight: bold;padding:5px 0 0;}
.banner_pop_wrap > ul > li:last-child .txt01{padding:0 0 5px;}
.banner_pop_wrap > ul > li .txt01 span{color:#1588ff;}

.banner_time_list.first{border-top:2px solid #222;}
.banner_time_list .txt02{text-align: center;padding: 5px 0;}
.banner_time_list .time_list{display: flex; justify-content: left; flex-wrap: wrap; margin: 0 -5px 0 -5px;}
.banner_time_list .time_list li{width: 25%; text-align: center; color: #020202; padding: 0 2px 4px;}
.banner_time_list .time_list li span{display: block; background: #d9e9ff; border-radius: 3px; line-height: 35px; cursor: pointer; transition: all .2s;}
.banner_time_list .time_list li.off span{background: #d1d1d1; color: #8d8d8d;}
.banner_time_list .time_list li:hover span, .banner_time_list .time_list li:active span, .banner_time_list .time_list li.on span{background:#1689fe;color:#fff;}

.banner_inbox_info{margin: 10px 0 15px; display: flex; justify-content: right;}
.banner_inbox_info p{padding-left: 5px;}
.banner_inbox_info p:before{content: ''; width: 17px; height: 17px; border-radius: 2px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.banner_inbox_info .res_info01:before{background: #d9e9ff;}
.banner_inbox_info .res_info02:before{background: #d1d1d1;}

.banner_time_btnbox{display: flex;justify-content:left;}
.banner_time_btnbox p{width:50%;}
.banner_time_btnbox button{border:0;width:100%;background: #eaeaea; color: #a6a6a6;line-height: 35px;}
.banner_time_btnbox .banner_time_completion_btn{background:#1588ff;color:#fff;}

@keyframes ani-btn {
    from { box-shadow: 1px 1px 10px rgb(21,136,255, .0); }
    to { box-shadow: 1px 1px 10px rgb(21,136,255); }
}
.phone_search.new_btn_style01 a{box-shadow: 1px 1px 10px rgb(21,136,255);background:radial-gradient(#65affc, #1588ff);animation: ani-btn 0.6s infinite alternate;}

@media screen and (max-width:1199px){
    .new_banner > div{padding-top: 20px;}
}
@media screen and (max-width:767px){
    .new_banner > div{padding-top: 0;}
    .new_banner .new_main_banner_pc{display: none;}
    .new_banner .new_main_banner_mo{display: block;width:100%;}
}
@media screen and (max-width:500px){
    .new_banner .new_main_banner_btn{width:100px;}
    .new_banner .move_left{right: 110px !important; text-align: right; width: 200px;}
    .new_banner .no_login{right: 5px !important; text-align: right; width: 200px;}
}
@media screen and (max-width:350px){
    .new_banner .new_main_banner_btn{width:80px;}
}
@media screen and (max-width:650px){
    .reservation_inbox ul li{width:25%;}
    .reservation_completion_inbox{padding: 30px 20px;}
    .reservation_completion_inbox .resco_img{width: 50px;}
    .reservation_completion_inbox h3{font-size: 20px;}
    .reservation_conf_btn{font-size: 13px;}
    .reservation_completion_inbox .txt_box{margin-top: 10px;}
    .reservation_completion_inbox .txt_box .txtp02{padding-top: 0;}
}