@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap')
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap')

@charset "utf-8";
/* *{ font-family: "NanumSquareNeo", 맑은 고딕, 微软雅黑, sans-serif;} */


@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{ font-family: 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', 'Noto Sans SC', sans-serif;}




.blind { display: none;}

html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ letter-spacing:-0.5px; overflow: hidden; padding: 222px 0 0 0; -webkit-text-size-adjust: none; word-break: keep-all; font-size: 63%;  color: #000;}
@media(max-width: 1400px){
    body{ font-size: 65%;}
}
@media(max-width: 1025px){
    body{ padding: 222px 0 0 0;}
}
@media(max-width: 767px){
    body{ padding: 151px 0 0 0; font-size: 50%;}
}


.shopping_quick{ position: fixed; z-index: 120; right: 50px; bottom: 50px;}
.shopping_quick .top{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 60px; height: 60px; border-radius: 50%; background: #25acdc; cursor: pointer;}
.shopping_quick .top i{ font-size: 25px; color: #FFF;}
@media(max-width: 1400px){
    .shopping_quick{ right: 30px;}
    .shopping_quick .top{ width: 50px; height: 50px;}
    .shopping_quick .top i{ font-size: 20px;}
}
@media(max-width: 767px){
    .shopping_quick{ right: 10px; bottom: 15px;}
    .shopping_quick .top{ margin: 5px 0 0 0; width: 40px; height: 40px;}
    .shopping_quick .top i{ font-size: 15px;}
}


.popup{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 15px; background: rgba(0 0 0/70%); transition: opacity .5s;}
.popup > .row{ position: relative; position: relative; z-index: 10; margin-top: 200px; max-width: 450px; width: 100%; border-radius: 30px; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup > .row > .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 60px; border-radius: 30px 30px 0 0; border-bottom: 1px solid rgba(0 0 0/10%); background: #FFF;}
.popup > .row > .head p{ font-size: 1.6em; font-weight: 400; color: #000;}
.popup > .row > .head i{ font-size: 1.8em; font-weight: 400; color: #000; cursor: pointer;}
.popup > .row > .body{ padding: 30px;}
.popup > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup.on{ top: 0; bottom: 0; opacity: 1;}
.popup.on > .row{ margin: 0; opacity: 1;}
@media(max-width: 767px){
    .popup > .row{ border-radius: 20px;}
    .popup > .row > .head{ padding: 0 15px; height: 45px;}
    .popup > .row > .body{ padding: 20px 15px;}
}


.popup_login .row{ padding: 35px;}
.popup_login .row .logo{ display: block; margin: 0 auto 30px auto; height: 25px;}
@media(max-width: 767px){
    .popup_login .row{ padding: 30px;}
    .popup_login .row .logo{ width: auto; height: 30px;}
}


.popup_write{}
.popup_write .in{}
.popup_write .in .tit{ padding: 20px 0 10px 0; font-size: 1.2em; color: #666;}
.popup_write .in:first-child .tit{ padding-top: 0;}
.popup_write .in .input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.popup_write .login_check{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.popup_write .login_check .check{ display: flex; align-items: center; cursor: pointer;}
.popup_write .login_check .check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.2em; color: #999;}
.popup_write .login_check .check p{ margin: 0 0 0 5px; font-size: 1.2em; color: #666;}
.popup_write .login_check .check.on i{ border-color: #25acdc; background: #25acdc; color: #FFF;}
.popup_write .login_check a{ display: flex; align-items: center;}
.popup_write .login_check a p{ font-size: 1.2em; color: #25acdc;}
.popup_write .login_check a i{ margin: 0 0 0 5px; font-size: 1.2em; color: #25acdc;}
.popup_write .btn_login{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; height: 50px; border-radius: 25px; background: #25acdc; font-size: 1.8em; font-weight: 400; color: #FFF;}
.popup_write .btn_join{ display: flex; justify-content: center; align-items: center; margin: 30px 0 20px 0;}
.popup_write .btn_join p{ font-size: 1.3em; color: #666;}
.popup_write .btn_join a{ display: flex; align-items: center; margin: 0 0 0 10px;}
.popup_write .btn_join a span{ font-size: 1.3em; color: #25acdc;}
.popup_write .btn_join a i{ margin: 0 0 0 5px; font-size: 1.3em; color: #25acdc;}
@media(max-width: 767px){
    .popup_write .in .tit{ padding: 15px 0 10px 0;}
    .popup_write .in .input{ height: 45px;}
    .popup_write .login_check{ padding: 15px 0 0 0;}
    .popup_write .btn_login{ margin: 30px 0 0 0; height: 50px;}
    .popup_write .btn_join{ margin: 30px 0 0 0;}
}


.popup_like{}
.popup_like .row{ max-width: auto; width: auto;}
.popup_like .row .body{ display: flex; justify-content: center; align-items: center; padding: 30px;}
.popup_like .row .body i{ margin: 0 5px 0 0; font-size: 5em; color: #F00;}
.popup_like .row .body .fr{}
.popup_like .row .body .fr .t1{ font-size: 2em; font-weight: 400; color: #000;}
.popup_like .row .body .fr .t2{ margin: 7px 0 0 0; font-size: 1.3em; color: #666;}
@media(max-width: 767px){
    .popup_like .row{ padding: 0;}
}


.popup_in_code{}
.popup_in_code .row{ max-width: auto; width: auto;}
.popup_in_code .row .body img{ display: block; margin: 0 auto; max-width: 180px; width: 100%; height: auto;}
.popup_in_code .row .body p{ margin: 15px 0 0 0; text-align: center; font-size: 12px; color: #333;}


.popup_alarm{ position: fixed; z-index: 150; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .5s;}
.popup_alarm > .row{ overflow: hidden; position: fixed; z-index: 10; top: 0; right: -500px; width: 400px; bottom: 0; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup_alarm > .row > .head{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; left: 0; padding: 0 30px; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.popup_alarm > .row > .head .tit{  display: flex; align-items: center;}
.popup_alarm > .row > .head .tit i{ display: block; margin: 0 5px 0 0; font-size: 25px; color: #000;}
.popup_alarm > .row > .head .tit p{ font-size: 1.6em; font-weight: 400; color: #000;}
.popup_alarm > .row > .head i{ font-size: 1.8em; color: #000; cursor: pointer;}

.popup_alarm > .row .menu{ position: absolute; z-index: 9; top: 60px; right: 0; left: 0; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/8%);}
.popup_alarm > .row .menu .ft{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px;}
.popup_alarm > .row .menu .ft p{ display: flex; align-items: center; position: relative; height: 50px; font-size: 1.5em; font-weight: 400; color: #000; cursor: pointer;}
.popup_alarm > .row .menu .ft p.on{ font-weight: 400; color: #25acdc;}
.popup_alarm > .row .menu .ft p.red:before{ content: ""; display: block; position: absolute; top: 10px; right: -10px; width: 8px; height: 8px; border-radius: 50%; background: #F00;}

.popup_alarm > .row .body{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 110px 30px 30px 30px;}
.popup_alarm > .row .body .guide{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.popup_alarm > .row .body .guide .tit{ font-size: 1.3em; color: #666;}
.popup_alarm > .row .body .guide .tit span{ font-weight: 500; color: #25acdc;}
.popup_alarm > .row .body .guide .btn{ display: flex; align-items: center; cursor: pointer;}
.popup_alarm > .row .body .guide .btn i{ margin: 0 5px 0 0; font-size: 15px; color: #000;}
.popup_alarm > .row .body .guide .btn p{ font-size: 1.2em; color: #000;}

.popup_alarm > .row .body .list_alarm{}
.popup_alarm > .row .body .list_alarm ul{}
.popup_alarm > .row .body .list_alarm ul li{ margin: 10px 0 0 0;}
.popup_alarm > .row .body .list_alarm ul li:first-child{ margin: 0;}
.popup_alarm > .row .body .list_alarm ul li .row{ padding: 20px 20px 20px 40px; border-radius: 15px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.popup_alarm > .row .body .list_alarm ul li .row .head{ position: relative;}
.popup_alarm > .row .body .list_alarm ul li .row .head .red{ position: absolute; top: 3px; left: -20px; width: 9px; height: 9px; border-radius: 50%; background: #F00;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt{ display: flex; align-items: center; height: 15px;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt p{ font-size: 1.2em; color: #666;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt p:first-child{ font-weight: 400; color: #000;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt span{ margin: 0 15px; width: 1px; height: 15px; background: #DDD;}
.popup_alarm > .row .body .list_alarm ul li .row .text{ display: block; margin: 10px 0 0 0; line-height: 1.4; font-size: 1.4em; font-weight: 400; color: #000;}
.popup_alarm > .row .body .list_alarm ul li .row .text span{ font-weight: 400; color: #25acdc;}
.popup_alarm > .row .body .list_alarm ul li .row .item{ display: flex; align-items: center; margin: 15px 0 0 0; width: 100%; padding: 0 0 0 60px;}
.popup_alarm > .row .body .list_alarm ul li .row .item .img{ float: left; margin: 0 10px 0 -60px; width: 35px; height: 35px; border-radius: 5px;}
.popup_alarm > .row .body .list_alarm ul li .row .item .img img{ display: block; width: 100%; height: auto;}
.popup_alarm > .row .body .list_alarm ul li .row .item .txt{ width: 100%;}
.popup_alarm > .row .body .list_alarm ul li .row .item .txt .t1{ width: 100%; font-size: 1.2em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popup_alarm > .row .body .list_alarm ul li .row .item .txt .t2{ margin: 3px 0 0 0; font-size: 1.4em; font-weight: 500; color: #25acdc;}
.popup_alarm > .row .body .list_alarm ul li.on .row{ opacity: 0.5;}
.popup_alarm > .row .body .list_alarm ul li.on .row .head .red{ background: #CCC;}
.popup_alarm > .row .body .list_alarm.on{ display: block;}
.popup_alarm > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.000001%);}

.popup_alarm.on{ right: 0; left: 0; opacity: 1;}
.popup_alarm.on > .row{ right: 0; opacity: 1;}
@media(max-width: 767px){
    .popup_alarm > .row{ top: 0; width: 300px; bottom: 0; border-radius: 0;}
    .popup_alarm > .row > .head{ padding: 0 15px; height: 50px;}
    .popup_alarm > .row > .head .tit img{ height: 16px;}
    .popup_alarm > .row .menu{ top: 50px;}
    .popup_alarm > .row .menu .ft{ padding: 0 15px;}
    .popup_alarm > .row .menu .ft p{ height: 40px;}
    .popup_alarm > .row .body{ padding: 90px 15px 20px 15px;}

    .popup_alarm > .row .body .list_alarm ul li .row{ padding: 15px 15px 15px 30px;}
    .popup_alarm > .row .body .list_alarm ul li .row .head .red{ left: -15px;}
    .popup_alarm > .row .body .list_alarm ul li .row .item{ margin: 10px 0 0 0;}

    .popup_alarm > .row .body .list_notice ul li .row{ padding: 15px 15px 15px 30px;}
    .popup_alarm > .row .body .list_notice ul li .row .head .red{ left: -15px;}
    .popup_alarm > .row .body .list_notice ul li .row .item{ margin: 10px 0 0 0;}

    .popup_alarm > .row .body .list_event ul li .row{ padding: 15px 15px 15px 30px;}
    .popup_alarm > .row .body .list_event ul li .row .head .red{ left: -15px;}
    .popup_alarm > .row .body .list_event ul li .row .item{ margin: 10px 0 0 0;}

    .popup_alarm.on .row{ right: 0;}
}




.all_menu_btn_close{ display: none; position: absolute; z-index: 130; top: 60px; right: 100px; width: 20px; height: 40px; cursor: pointer;}
.all_menu_btn_close.open{ display: block;}
.all_menu_btn{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 120; top: 60px; right: 100px; width: 20px; height: 40px; cursor: pointer;}
.all_menu_btn.mob{ display: none;}
.all_menu_btn.pc{ display: block;}
.all_menu_btn #nav-icon1{ margin: 0; width: 20px; height: 20px; }
.all_menu_btn #nav-icon1 span{ height: 2px; border-radius: 0; background: #333; display: block; }
.all_menu_btn #nav-icon1 span:nth-child(1){ top: 2px;}
.all_menu_btn #nav-icon1 span:nth-child(2){ top: 9px; width: 14px;}
.all_menu_btn #nav-icon1 span:nth-child(3){ top: 16px;}
.all_menu_btn #nav-icon1.open span{ background:#FFF;}
.all_menu_btn #nav-icon1.open span:nth-child(1){ top: 9px;}
.all_menu_btn #nav-icon1.open span:nth-child(3){ top: 9px;}
@media(max-width: 1401px){
.all_menu_btn_close{ right: 50px;}
.all_menu_btn{ right: 50px;}
}
@media(max-width: 767px){

    
.all_menu_btn_close{ display: none; position: absolute; z-index: 130; top: 60px; right: 100px; width: 26px; height: 26px; cursor: pointer;}
.all_menu_btn_close.open{ display: block;}
.all_menu_btn{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 120; width: 26px; height: 26px; cursor: pointer;}
.all_menu_btn.mob{ display: block; top: 65px; right: 5px;}
.all_menu_btn.pc{ display: none;}
.all_menu_btn #nav-icon1{ margin: 0; width: 20px; height: 18px; top: 65px; right: 3%; }
.all_menu_btn #nav-icon1 span{ height: 2px; border-radius: 0; background: #555;  }
.all_menu_btn #nav-icon1 span:nth-child(1){ top: 2px;}
.all_menu_btn #nav-icon1 span:nth-child(2){ top: 9px; width: 14px;}
.all_menu_btn #nav-icon1 span:nth-child(3){ top: 16px;}
.all_menu_btn #nav-icon1.open span{ background:#FFF;}
.all_menu_btn #nav-icon1.open span:nth-child(1){ top: 9px;}
.all_menu_btn #nav-icon1.open span:nth-child(3){ top: 9px;}

.all_menu_btn_close{ position: absolute; z-index: 130; width: 20px; height: 40px; cursor: pointer; top: 45px; right: 15px;}
.all_menu_btn_close.on{ background-color: #333;}


.all_menu_btn.open{ z-index: 200;}
.all_menu_btn_close.open{ z-index: 200; top: 65px; right: 5px;}

}


.all_menu{ position: fixed; z-index: 110; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0,0,0,0.9); opacity: 0; transition: opacity .3s;}
.all_menu .row{ overflow: auto; display: flex; flex-direction: column; align-items: center; position: fixed; top: 0; right: 100%; bottom: 0; left: -100%; width: 400px; padding: 50px; background: #FFF; opacity: 0; transition: all .5s;}
.all_menu .logo{ display: block;}
.all_menu .logo img{ display: block; width: auto; height: 50px;}
.all_menu .menu{ margin: 30px 0 0 0; width: 100%;}
.all_menu .menu > ul{}
.all_menu .menu > ul > li{ padding: 20px 0; border-top:1px solid #DDD; cursor: pointer;}
.all_menu .menu > ul > li > a{ color: #000000;}
.all_menu .menu > ul > li p.home{ color: #d81c23;}
.all_menu .menu > ul > li p{ font-size: 16px; font-weight: 400;}
.all_menu .menu > ul > li:first-child{ border:0;}
.all_menu.on{ z-index: 160; right: 0; left: 0; opacity: 1;}
.all_menu.on .row{ right: 50%; left: 0; opacity: 1;}
@media(max-width: 767px){
    .all_menu .row{ width: auto; padding: 30px 50px;}
    .all_menu .logo img{ height: 25px;}
    .all_menu .menu > ul > li{ padding: 20px 0;}
    .all_menu .menu > ul > li > ul li a{ padding: 10px 10px;}
    .all_menu.on .row{ right: 60px;}

    .all_menu_btn_close{ position: absolute; z-index: 130; width: 20px; height: 40px; cursor: pointer; display:block; z-index: 30; top: 120px; right: 10px; }
/* .all_menu_btn_close.on{ background-color: #fff;} */
}

.header_top{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 150; top: 0; right: 0; left: 0; background: #22ac75;}
.header_top .topmenu{ position: relative; z-index: 20; padding: 0 153px; max-width: 1200px; width: 100%;}
.header_top .topmenu > ul{ padding: 10px 0 0 0; height: 40px;}
.header_top .topmenu > ul > li{ float: left; position: relative; margin: 0 0 0 20px;}
.header_top .topmenu > ul > li:first-child{ margin: 0;}
.header_top .topmenu > ul > li:last-child{ float: right;}
.header_top .topmenu > ul > li > span{ display: block; width: 1px; height: 10px; background: #CCC;}
.header_top .topmenu > ul > li > a{ display: flex; align-items: center; height: 20px; cursor: pointer;}
.header_top .topmenu > ul > li > a p{ font-size: 13px; color: #fff;}
.header_top .topmenu > ul > li > a i{ margin: 0 0 0 3px; font-size: 1.4em; color: #fff;}
.header_top .topmenu > ul > li ul{ overflow: hidden; position: absolute; top: 30px; right: 0; padding: 0; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header_top .topmenu > ul > li ul > li{}
.header_top .topmenu > ul > li ul > li a{ display: block; padding: 7px 0; font-size: 1.2em; color: #666;}
.header_top .topmenu > ul > li ul > li.on a{ font-weight: 400; color: #25acdc;}
.header_top .topmenu > ul > li:hover ul{ top: 20px; right: 0; padding: 10px 20px; height: auto; opacity: 1;}
@media(max-width: 767px){
    .header_top{ box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
    .header_top .topmenu{ padding: 0 15px;}
}


.header{ position: fixed; z-index: 50; top: 0; right: 0; left: 0; .yl_news .type_event .headpadding: 40px 0 0 0 !important; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header .top{ display: flex; justify-content: flex-end; padding: 20px 153px 0 153px;}
.header .middle{ display: flex; justify-content: space-between; align-items: center; padding: 20px 153px 20px 153px; margin-top:40px; position:relative;}
.header .middle .ml{ display: flex; align-items: center; width: 100%;}
.header .middle .mr{ display: flex; align-items: center;}
.header .bottom{ padding: 0 0 10px 0;}
.header .bottom2{ padding: 0 0 10px 0;font-size: 12pt;font-weight: 600;padding: 0;display: flex;align-items: center;}

.header .topmenu{ position: relative; z-index: 20;}
.header .topmenu > ul{ display: flex; align-items: center;}
.header .topmenu > ul > li{ position: relative; margin: 0 0 0 20px;}
.header .topmenu > ul > li > span{ display: block; width: 1px; height: 10px; background: #CCC;}
.header .topmenu > ul > li > a{ display: flex; align-items: center; height: 20px; cursor: pointer;}
.header .topmenu > ul > li > a p{ font-size: 1.2em; color: #666;}
.header .topmenu > ul > li > a i{ margin: 0 0 0 3px; font-size: 1.4em; color: #999;}
.header .topmenu > ul > li ul{ overflow: hidden; position: absolute; top: 30px; right: 0; padding: 0; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header .topmenu > ul > li ul > li{}
.header .topmenu > ul > li ul > li a{ display: block; padding: 7px 0; font-size: 1.2em; color: #666;}
.header .topmenu > ul > li ul > li.on a{ font-weight: 400; color: #25acdc;}
.header .topmenu > ul > li:hover ul{ top: 20px; right: 0; padding: 10px 20px; height: auto; opacity: 1;}

.header .logo{ display: block; height: 30px;}
.header .logo img{ display: block; width: auto; height: 100%;}

.header .search.search_pc{ position: relative; margin: 0 0 0 50px; width: 300px; height: 40px; border-radius: 20px; border: 1px solid #22ac75; background: #fff;}
.header .search.search_pc input{ display: flex; align-items: center; margin: 0; padding: 0 50px 2px 24px; width: 100%; border-radius: 0; border: none; background: none; font-size: 1.3em; font-weight: 500; color:#000; outline: none; -webkit-appearance: none; line-height:38px;}
.header .search.search_pc > i{ position: absolute; z-index: 10; top: 50%; transform:translateY(-50%); right: 18px; font-size: 18px; color: #393939; cursor: pointer;}
.header .search.search_pc input::placeholder{font-weight:400}

.header .search_m{ display: none; justify-content: center; align-items: center; width: 30px; height: 30px;}
.header .search_m i{ font-size: 23px; color: #000;}
.search_popup{display:none; position:absolute; top:100%; background-color:rgba(255,255,255, 0.9); width:100%; border-top:1px solid #dadada; padding:20px; justify-content:center; align-items:center; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.search_popup.on{display:flex;}
.search_popup > div{border:1px solid #ddd; border-radius:50px; background-color:#fff; padding:10px 20px; min-width:80%; display:flex; align-items:center; justify-content:space-between}
.search_popup > div > input{border:0;}
.search_popup > div > input:focus{outline:none}
.search_popup > div > i{font-size:17px;}

.header .mymenu{ display: flex; align-items: center; cursor: pointer;}
.header .mymenu li{ position: relative; margin: 0 0 0 5px;}
.header .mymenu li a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;}
.header .mymenu li a i{ font-size: 30px; color: #333;}
.header .mymenu li a span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -2px; right: 0; padding: 0 6px 0.5px 6px; min-width: 20px; height: 20px; border-radius: 20px; background: #F00; text-align: center; font-size: 12px; color: #FFF;}
.header .mymenu li:last-child a span{ background: #F00;}

.header .menu{ display: flex; justify-content: space-between; padding: 0 153px 0 153px; }
.header .menu > li{ display: flex; align-items: center; position: relative; margin: 0 0 0 22px; font-size: 10px;}
.header .menu > li:first-child{ margin: 0;}
.header .menu > li > a{ display: flex; align-items: center; position: relative; z-index: 10; height: 50px; cursor: pointer;}
.header .menu > li > a p{ padding: 0 0 1px 0; font-size: 16px; color: #000; white-space: nowrap; text-transform:uppercase; transition:0.2s}
.header .menu > li > a p:hover{color:#22ac75;}
.header .menu > li > a i{ margin: 1px 0 0 5px; font-size: 1.4em; color: #999; transition: all .2s;}
.header .menu > li > a i.xi-bars{ display: none;}
.header .menu > li > a.tm{ display: none;}
.header .menu > li > span{ display: block; width: 1px; height: 15px; background: #CCC;}
/* .header .menu > li:nth-child(4) p{ color: #e06842;}
.header .menu > li:nth-child(7) p{ color: #8bb92c;} */
.header .menu > li .menu_guide{ overflow: hidden; position: absolute; top: 90px; right: 0; padding: 0; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header .menu > li .menu_guide > ul{ display: flex;}
.header .menu > li .menu_guide > ul > li{ margin: 0 0 0 50px;}
.header .menu > li .menu_guide > ul > li:first-child{ margin: 0;}
.header .menu > li .menu_guide > ul > li > a{ display: block; padding: 0 0 10px 0; font-size: 1.5em; font-weight: 400; color: #000;}
.header .menu > li .menu_guide > ul > li ul{}
.header .menu > li .menu_guide > ul > li ul li{}
.header .menu > li .menu_guide > ul > li ul li a{ line-height: 2.5; font-size: 1.3em; color: #666;}
.header .menu > li .menu_guide > ul > li ul li a:hover{ color: #000;}
.header .menu > li:hover > a i{ transform: rotate(180deg);}
.header .menu > li:hover .menu_guide{ top: 50px; right: -45px; padding: 30px 40px; height: auto; opacity: 1;}
.header .menu > li.on:before{ content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 8px; height: 8px; border-radius: 50%; background: #d81c23;}
.header .menu > li.on > a p{ font-weight: 400; color: #d81c23;}
.header .menu > li.on > a i{ color: #d81c23;}
.header .menu > li .menu_guide > ul > li.on > a{ font-weight: 400; color: #25acdc;}
.header .menu > li .menu_guide > ul > li ul li.on a{ font-weight: 400; color: #25acdc;}
@media(max-width: 1400px){
    .header .middle{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0px 0px 0px;}
    .header .menu > li{ margin: 0 0 0 30px;}
    .header .search.search_pc{ margin: 0 0 0 20px; width: 220px;}
}
@media(max-width: 1025px){
    .header .bottom{ overflow: hidden; margin: 0 -50px; height: 60px;}
    .header .bottom2{ overflow: hidden; margin: 0px; height: 60px;}
    .header .menu{ overflow-y: scroll; padding: 0 50px; height: 80px;}
    .header .menu > li{ height: 50px;}
    .header .menu > li > a.tm{ display: flex;}
    .header .menu > li > a.tp{ display: none;}
    .header .menu > li .menu_guide{ display: none;}
	
}
@media(max-width: 767px){

    .header{ padding: 40px 0 0 0 !important;}
    .header .top{ display: block; position: fixed; z-index: 140; top: 0; right: 0; left: 0; margin: 0; padding: 10px 15px 10px 15px; height: 40px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f5f5f5;}
    .header .topmenu{ z-index: 150;}
    /* .header .middle{ padding: 20px 8px 10px 8px;} */
	.header .middle{ padding-right: 10px; margin-top:0;}
    /* .header .bottom{ margin: 0 -15px; padding: 0 0 10px 10px; height: 50px;} */
    .header .middle .ml{ justify-content: space-between;}
    .header .middle .mr{ margin-right: 30px;}

	.header .bottom{ display: none;}
	
    .header .topmenu > ul{ display: block;}
    .header .topmenu > ul > li{ float: left; margin: 0 0 0 15px;}
    .header .topmenu > ul > li:first-child{ margin: 0;}
    .header .topmenu > ul > li:nth-child(4){ display: none;}
    .header .topmenu > ul > li:last-child{ float: right;}
    .header .topmenu > ul > li > a p{ font-size: 11px;}
    .header .topmenu > ul > li > a i{ margin: 0 0 0 2px; font-size: 13px;}

    .header .logo{ height: 17px; padding-left:15px}

    .header .search.search_pc{ height: 30px;
        display: none;
    }
    .header .search_m{ 
        display: flex
    }
    .header .search.search_pc{
         /* margin: 0 0 0 55px; */
        width: 150px; background: #fff; border-color: #22ac75; }
    .header .search.search_pc input{ padding: 0 20px 0 13px; height: 28px; }
    .header .search.search_pc > i{font-size: 14px; right:9px}

    .header .mymenu li{ position: relative; margin: 0px;}
    .header .mymenu li a{ width: 30px; height: 30px;}
    .header .mymenu li a span{ top: -5px; right: -5px; padding: 0 3px 0.5px 3px; min-width: 16px; height: 16px; font-size: 8px;}
    .header .mymenu li a i{ font-size: 25px;}

    .header .menu{ padding: 0 15px; overflow-y: scroll; height: 60px;}
    .header .menu > li{ margin: 0 0 0 10px; height: 40px;}
    .header .menu > li > a{ height: 40px;}
    .header .menu > li > a p{ padding: 0 0 1px 0; font-size: 1.2em; font-weight: 400; color: #000; white-space: nowrap;}
    .header .menu > li.on:before{ bottom: 0; left: 50%; width: 6px; height: 6px;}
}


.footer{ margin: 50px 0 0 0;}
.footer .top{ border-top: 1px solid #efefef; }
.footer .top .type_row{ padding: 60px 0;}
.footer .top .type_row .box{ display: flex; margin: 0 -50px;}
.footer .top .type_row .row{ padding: 0 20px; width: 33.333%; border-right: 1px solid #DDD;}
.footer .top .type_row .row:nth-child(2){ width: 25%;}
.footer .top .type_row .row:first-child{ }
.footer .top .type_row .row:last-child{ border: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;}
.footer .top .type_row .row .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 15px 0; }
.footer .top .type_row .row .head p{ font-size: 1.5em; font-weight: 400; color: #000;  border-bottom: 1px solid #aaa; padding: 5px 10px; text-align: center; }
.footer .top .type_row .row .head a{ display: flex; align-items: center;}
.footer .top .type_row .row .head a span{ padding: 0 5px 0 0; font-size: 1.4em; color: #222;}
.footer .top .type_row .row .head a i{ font-size: 1.4em; color: #222;}

.footer .top .type_row .row .head_notice{ display: flex; }
.footer .top .type_row .row .head_notice p:last-child { font-size: 1.4em; }
.footer .top .type_row .row .head_notice p:last-child:before { content: '|'; font-weight: 400;  color: #666; margin-right: 15px;}

.footer .top .type_row .row .notice{}
.footer .top .type_row .row .notice li{ display: flex; align-items: center;}
.footer .top .type_row .row .notice li a{ width: 70%; line-height: 2; font-size: 1.2em; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400;}
.footer .top .type_row .row .notice li p{ width: 30%; text-align: right; font-size: 1.2em; color: #222;}

.footer .top .type_row .row .sns{ display: flex; align-content: center; justify-content: center; align-items: center; }
.footer .top .type_row .row .sns li{ width: 30px; height: 30px; margin-right: 15px; }
.footer .top .type_row .row .sns li:nth-child(1){background: url(/images/sns_01.png)no-repeat center/cover;}
.footer .top .type_row .row .sns li:nth-child(2){background: url(/images/sns_02.png)no-repeat center/cover;}
.footer .top .type_row .row .sns li:nth-child(3){background: url(/images/sns_03.png)no-repeat center/contain;}
.footer .top .type_row .row .sns li:nth-child(4){background: url(/images/sns_04.png)no-repeat center/cover;}
.footer .top .type_row .row .sns li:last-child{margin-right:0}
.footer .top .type_row .row .sns li img{width:100%}
.footer .top .type_row .row .sns li a{}
.footer .top .type_row .row .sns li a p{ display: none;}




.footer .top .type_row .row .tel{ margin: 0 auto; }
.footer .top .type_row .row .tel .t1{ display: flex; align-items: center; padding: 0 0 15px 0;}
.footer .top .type_row .row .tel .t1 i{ display: block; font-size: 3em; color: #000;}
.footer .top .type_row .row .tel .t1 p{ padding: 0 0 0 5px; font-size: 3em; font-weight: 400; color: #000;}
.footer .top .type_row .row .tel .t2{ font-size: 1.3em; color: #333;}
.footer .top .type_row .row .tel .t3{ margin: 5px 0 0 0; line-height: 1.5; font-size: 1.2em; color: #222;}
.footer .top .type_row .row .tel .t3 br{ display: none;}
.footer .top .type_row .row .btn{ width: 100%;}
.footer .top .type_row .row .btn ul{ display: flex;}
.footer .top .type_row .row .btn ul li{ width: 33.333%;}
.footer .top .type_row .row .btn ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.footer .top .type_row .row .btn ul li a i{ font-size: 40px; color: #000;}
.footer .top .type_row .row .btn ul li a p{ padding: 10px 0 0 0; font-size: 1.4em; font-weight: 400; color: #666;}


.footer .middle{ background: #f2f3f6;}
.footer .middle .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 60px 0;}
.footer .middle .type_row .fl{ display: flex; flex-direction: column; align-items: flex-start;}
.footer .middle .type_row .fl .logo{ display: block; height: 30px;}
.footer .middle .type_row .fl .logo img{ display: block; width: auto; height: 100%;}
.footer .middle .type_row .fl .text{ margin: 30px 0 0 0;}
.footer .middle .type_row .fl .text *{ display: inline-block; vertical-align: top;}
.footer .middle .type_row .fl .text p{ line-height: 25px; font-size: 1.3em; color: #000;}
.footer .middle .type_row .fl .text span{ margin: 7px 15px; width: 1px; height: 10px; background: #CCC;}
.footer .middle .type_row .fl .text span.none_pc{ display: none;}
.footer .middle .type_row .fr{ display: flex; flex-direction: column; align-items: flex-end;}
.footer .middle .type_row .fr select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 300px; height: 45px; border-radius: 5px; border: 1px solid #DDD; background: url(/images/basic_select_icon.png) no-repeat center right 15px; background-size: 10px auto; font-size: 1.3em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.footer .middle .type_row .fr .qr{ display: flex; margin: 20px 0 0 0;}
.footer .middle .type_row .fr .qr img{ display: block; margin: 0 0 0 10px; padding: 10px; border-radius: 5px; border: 1px solid #DDD;}
.footer .middle .type_row .fr .qr img:first-child{ margin: 0;}
.footer .bottom{ border-top: 1px solid rgba(0 0 0/10%); background: #FFF;}
.footer .bottom .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 40px 0;}
.footer .bottom .type_row .fl{ display: flex; align-items: center;}
.footer .bottom .type_row .fl li{ margin: 0 0 0 30px;}
.footer .bottom .type_row .fl li:first-child{ margin: 0 10px;}
.footer .bottom .type_row .fl li a{ display: flex; align-items: center;}
.footer .bottom .type_row .fl li a p{ font-size: 1.4em; font-weight: 400; color: #000;}
.footer .bottom .type_row .fl li a .icon{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 40px; height: 40px; border-radius: 15px; border: 1px solid #DDD;}
.footer .bottom .type_row .fl li a .icon img{ display: block; width: auto; height: 20px;}
.footer .bottom .type_row .fr{ display: flex; align-items: center;}
.footer .bottom .type_row .fr .copy{ font-size: 1.2em; color: #999; text-transform: uppercase;}
.footer .bottom .type_row .fr .txt{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 0 0 20px; padding: 1px 10px 0 10px; height: 40px; border-radius: 5px; border: 1px solid #DDD;}
.footer .bottom .type_row .fr .txt p{ line-height: 1.2; font-size: 1.2em; color: #333;}

@media(max-width: 1700px){
    .footer .top .type_row .row .sns{ justify-content: center; }
    .footer .top .type_row .row .tel .t1 p{ font-size: 3em;}
}

@media(max-width: 1500px){
    .footer .top .type_row .row .sns{ justify-content: center; }
    .footer .top .type_row .row .tel .t1 p{ font-size: 2.5em;}
}

@media(max-width: 1400px){
    .footer .top .type_row .row .head p{ font-size: 1.2em; padding: 5px 10px; min-width: 70px;}
    .footer .top .type_row .row .sns{ justify-content: center; }
    .footer .top .type_row .row .tel .t3 br{ display: block;}
    .footer .top .type_row .row:nth-child(2){ width: 50%;}
}

@media(max-width: 1025px){
    .footer .top .type_row .box{ flex-wrap: wrap;}
    .footer .top .type_row .row{ width: 50%; margin-bottom: 30px;}
    .footer .top .type_row .row:nth-child(3){ margin: 0px 0 0 0; width: 100%;}
    .footer .top .type_row .row .head p{ font-size: 1.2em; padding: 8px 10px; min-width: 60px; }
    .footer .top .type_row .row .head_notice p:last-child{ font-size: 2em; font-weight: 400; padding-left: 8px;}
    .footer .top .type_row .row .sns{ justify-content: center; }
    .footer .top .type_row .row .tel .t3 br{ display: none;}
    .footer .top .type_row .row .btn{ width: 50%;}

    .footer .middle .type_row{ flex-direction: column; align-items: center;}
    .footer .middle .type_row .fl{ align-items: center;}
    .footer .middle .type_row .fl .text{ text-align: center;}
    .footer .middle .type_row .fr{ margin: 30px 0 0 0;}
    .footer .bottom .type_row{ flex-direction: column;}
    .footer .bottom .type_row .fr{ margin: 20px 0 0 0;}
}

@media(max-width: 767px){
    .footer .top .type_row{background-color:#f2f3f6;padding:10px;}
    .footer .top .type_row .box{ display: block; margin: 0;}
    .footer .top .type_row .row{ width: 100%; background-color:#fff; border-radius:10px; padding:20px;}
    .footer .top .type_row .row:nth-child(1){ border: 0;  margin-bottom: 10px;width: 100%;}
    .footer .top .type_row .row:nth-child(2){ border: 0; margin-bottom: 10px;width: 100%;}
    .footer .top .type_row .row:nth-child(3){ margin: 0 0 10px; border: 0;width: 100%;}    
    .footer .top .type_row .row .head{padding:0; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px; width:100%}
    .footer .top .type_row .row .head p{ font-size: 13px; min-width: auto; background: none;  border: none; padding:0}
    .footer .top .type_row .row .head p:first-child{ padding-left: 0px; padding-right:10px;}
    .footer .top .type_row .row .head_notice p:last-child { background: none;font-size:13px; position:relative; padding-left:10px}
	.footer .top .type_row .row .head_notice p:last-child:before{font-size:10px; margin-right:10px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
    .footer .top .type_row .row .notice li{margin-bottom:5px}
	.footer .top .type_row .row .notice li a{ width: 80%;font-size: 13px; line-height:14px; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400;}
	.footer .top .type_row .row .sns li{width:30px; height:30px;}
	.footer .top .type_row .row .sns li img{width:100%;}

.footer .top .type_row .row .sns{ justify-content: center; }
	.footer .top .type_row .row .tel{margin:0}
    .footer .top .type_row .row .tel .t1{ padding: 0 0 10px 0; }
    .footer .top .type_row .row .tel .t1 i{ font-size: 3.5em;}
    .footer .top .type_row .row .tel .t1 p{ font-size: 3.5em;}
	.footer .top .type_row .row .tel .t2{font-size:13px}
	.footer .top .type_row .row .tel .t3{font-size:13px}
    .footer .top .type_row .row .btn{ width: 80%;}
    .footer .top .type_row .row .btn ul li a i{ font-size: 35px;}
    .footer .middle .type_row{ flex-direction: column; padding: 40px 0;}
    .footer .middle .type_row .fl{ align-items: center;}
    .footer .middle .type_row .fl .logo{ height: 20px;}
    .footer .middle .type_row .fl .text{ margin: 20px 0 0 0; text-align: center;}
    .footer .middle .type_row .fl .text p{ line-height: 25px; font-size: 1.2em;}
    .footer .middle .type_row .fl .text span{ margin: 7px 10px;}
    .footer .middle .type_row .fl .text span.none_pc{ display: none;}
    .footer .middle .type_row .fr{ align-items: center; margin: 30px 0 0 0;}
    .footer .middle .type_row .fr select{ width: 200px; height: 35px;}
    .footer .middle .type_row .fr .qr{ margin: 10px 0 0 0;}
    .footer .middle .type_row .fr .qr img{ margin: 0 5px !important; width: 95px;}
    .footer .bottom .type_row{ padding: 30px 0 40px 0;}
    .footer .bottom .type_row .fl{ flex-wrap: wrap; justify-content: center;}
    .footer .bottom .type_row .fl li{ margin: 10px 10px;}
    .footer .bottom .type_row .fl li a .icon{ width: 30px; height: 30px; border-radius: 10px;}
    .footer .bottom .type_row .fl li a .icon img{ height: 16px;}
    .footer .bottom .type_row .fr{ flex-direction: column; margin: 20px 0 0 0;}
    .footer .bottom .type_row .fr .txt{ margin: 25px 0 0 0;}
}


.visual{ position: relative; padding: 0; max-width:1910px; margin: auto;
    /* background: #ecf3dd; */
    }

/* .visual .slide { width: 100vw; height: ; }
.visual .slide .bg { background: url(/images/mv_01.jpg) no-repeat center/contain;} */


.visual .rolling{ position: relative; z-index: 10; margin: 0 auto; width: 100%;}
.visual .rolling .slick-list{ overflow: visible; }
.visual .rolling .slide{ width: 100vw; height: auto !important;}
.visual .rolling .slide a{ display: flex; justify-content: center; height: 465px !important;}
/*.visual .rolling .slide a .txt{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100% !important; background: rgba(0 0 0/50%);}*/
.visual .rolling .slide a .txt{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100% !important; /* background: rgba(0 0 0/10%); */}
.visual .rolling .slide a .txt p{ max-width: 1200px; width: 100%; text-align: center; line-height: 1.4; font-size: 40px; font-weight: 400; color: #FFF;}


.visual.mob .rolling .slide a img{ display: none;}
/* .visual .rolling .slide a:hover{ transform: translate(0,-25px);}
.visual .rolling .slide a:hover img{ border-radius: 0px;} */
.visual .rolling .slide.slick-center a img{ filter: blur(0); width: 100%; }
.visual .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; bottom: 20px; right: 210px;}
.visual.mob .rolling .slick-dots{ display: none;}
.visual .rolling .slick-dots li{ margin: 0 5px; width: auto; height: auto; transition: all .3s;}
.visual .rolling .slick-dots li button{ padding: 0; width: 10px; height: 6px; border-radius: 5px; background: rgba(255 255 255/70%); transition: all .3s;}

.visual.mob .rolling .slick-dots li button{width: 0;}

.visual .rolling .slick-dots li button:before{ display: none;}
.visual .rolling .slick-dots li.slick-active button{ width: 20px; background: #8bb92c;}
.visual .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 20%; margin: -30px 0 0 -10px; padding: 0 3px 0 0; width: 50px; height: 50px; border-radius: 50%; 
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
    font-size: 3em; color: #FFF; cursor: pointer;}
.visual .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 20%; margin: -30px -10px 0 0; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%;
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
    font-size: 3em; color: #FFF; cursor: pointer;}
.visual .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0 0 0/0%), rgba(0 0 0/50%));}

.visual.pc .rolling .slide { width: 100vh; height: 465px;}
.visual.pc .rolling .slide1{ background-image: url(/images/main_bg01.jpg); background-size: cover; background-position:center;}
.visual.pc .rolling .slide2{ background-image: url(/images/mv_01.jpg); background-size: cover; background-position:center;}
.visual.pc .rolling .slide3{ background-image: url(/images/bbg_01.jpg); background-size: cover; background-position:center;}
.visual.pc .rolling .slide4{ background-image: url(/images/bbg_02.jpg); background-size: cover; background-position:center;}
.visual.pc .rolling .slide5{ background-image: url(/images/bbg_03.jpg); background-size: cover; background-position:center;}

.visual.pc .slide a { color: #fff;}
.visual.pc .slide a .row .info .banner_tit{ position: absolute; z-index: 3;}
.visual.pc .slide a .row .info .banner_tit .t1{font-size: 5em;}
.visual.pc .slide a .row .info .banner_tit .t2{}
.visual.pc .slide a .row .info .img{ position: relative; height: 100%; }
.visual.pc .slide a .row .info .img img{ height: 100%;}



@media(max-width: 1400px){
    .visual{ padding: 0;}
    /* .visual .rolling .slide a:hover{ transform: translate(0,0);}
    .visual .rolling .slide a:hover img{ border-radius: 0;} */
    .visual .rolling .slide a img{ width: 100vw; }

}
@media(max-width: 1024px){
    .visual .rolling .xi-angle-left{ left: 10%;}
    .visual .rolling .xi-angle-right{ right: 10%;}

}
@media(max-width: 1023px){

}
@media(max-width: 767px){
    .visual{ padding: 0;}
    .visual .rolling .slide{}
    .visual.mob .rolling{ display: block; height: 250px; }
    .visual .rolling .slide a{ margin: 0; height: 200px; }
    .visual .rolling .slide a img{ border-radius: 0;}
    .visual .rolling .slick-dots{ bottom: 10px;}
    .visual.pc .rolling .slick-dots{ display: none;}
    .visual.mob .rolling .slick-dots{ display: block;}
    .visual .rolling .slick-dots li{ margin: 0 2.5px;}
    .visual .rolling .xi-angle-left{ display: none !important; margin: -10px 0 0 -5px; width: 30px; height: 30px; font-size: 20px;}
    .visual .rolling .xi-angle-right{ display: none !important; margin: -10px -5px 0 0; width: 30px; height: 30px; font-size: 20px;}
    .visual.pc .rolling .slide a img{ display: none; }
    .visual.mob .rolling .slide a img{ display: block; height: 100%; width: auto; }

    .visual .rolling .slide{ overflow: hidden !important;}
    .visual .rolling .slide a{ overflow: hidden !important; position: relative !important; height: 250px !important;}
    .visual .rolling .slide a .txt{ position: relative; z-index: 10;}
    .visual .rolling .slide a .txt p{ padding: 0 15px; font-size: 25px;}
    .visual .rolling .slide a img{ display: none !important; position: absolute;  top: 0; left: 50%; width: auto; height: 100%; transform: translate(-50%,0);}
}


.home_best{ padding: 60px 100px;}
.home_best .head{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-end; margin: 0 auto; padding: 0 0 20px 0; max-width: 1200px;}
.home_best .head .hl{}
.home_best .head .hl .t1{ text-align: center; line-height: 1; font-size: 30px; font-weight: 600; color: #000;}
.home_best .head .hl .t2{ padding: 20px 0 0 0; line-height: 1; font-size: 1.8em; font-weight: 400; color: #666; }
.home_best .head a{ display: flex; align-items: center; padding: 0 30px; height: 40px; border-radius: 20px; background: #f5f5f5;}
.home_best .head a p{ font-size: 1.3em; color: #666;}
.home_best .head a i{ margin: 0 0 2px 10px; font-size: 1.3em; color: #666;}

.home_best .select.m_only{display:none}
.home_best .select .sort_box{ margin-bottom: 20px;}
.home_best .select .sort_box ul{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
.home_best .select .sort_box ul li{ text-align: center; margin:0 10px;}
.home_best .select .sort_box ul li:first-child{ 
    /* border-radius: 10px 0 0 10px/10px 0 0 10px; */
}
.home_best .select .sort_box ul li:last-child{ 
    /* border-right: 1px solid #25acdc; border-radius: 0 10px 10px 0/0 10px 10px 0;  */
}
.home_best .select .sort_box ul li.on > a{background-color:#22ac75; color:#fff; border-color:#22ac75;}
.home_best .select .sort_box_02 ul li.on{ border-bottom: 2px solid #22ac75;}
.home_best .select .sort_box_03 ul li.on{ border-bottom: 2px solid #22ac75;}
.home_best .select .sort_box_04 ul li.on{ border-bottom: 2px solid #22ac75;}
.home_best .select .sort_box ul li a{ display:flex; text-align: center; border:1px solid #ddd; border-radius:50px; line-height: 1; font-size: 15px; color: #000; padding:10px 30px; transition:0.2s;}
.home_best .select .sort_box ul li a:hover{background-color:#22ac75; color:#fff; border-color:#22ac75;}


.home_best .rolling{ margin: 0 auto; max-width: 1200px;}
.home_best .rolling .slide{}
.home_best .rolling .slide .row{ margin: 0 20px 0 0; width: 200px;}
.home_best .rolling .slide .row .img{ position: relative; border-radius: 15px;}
.home_best .rolling .slide .row .img:before{ content: ""; display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; background: rgba(0 0 0/50%); opacity: 0; transition: all .3s;}
.home_best .rolling .slide .row .img .btn_like{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,0); width: 60px; height: 60px; border-radius: 50%; background: #000; opacity: 0; transition: all .3s; cursor: pointer;}
.home_best .rolling .slide .row .img .btn_like i{ font-size: 30px; color: #FFF; transition: all .3s;}
.home_best .rolling .slide .row .img .btn_like.on{ background: #F00;}
.home_best .rolling .slide .row .img .btn_like.on i{ color: #FFF;}
.home_best .rolling .slide .row .img .btn_link{ display: block; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.home_best .rolling .slide .row .img .time{ display: flex; align-items: center; position: absolute; z-index: 4; top: 15px; left: 15px; padding: 0 10px; height: 25px; border-radius: 5px; background: #8bb92c; font-size: 1.2em; color: #FFF;}
.home_best .rolling .slide .row .img .bg{ display: block; position: relative;}
.home_best .rolling .slide .row .img .bg:before{ content: ""; display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; border: 1px solid rgba(0 0 0/6%);}
.home_best .rolling .slide .row .img .bg img:first-child{ display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px;}
.home_best .rolling .slide .row .img .bg img:last-child{ display: block; width: 100%; height: auto;}
.home_best .rolling .slide .row .info{ overflow: hidden; position: relative; padding: 20px 0px 0 0; height: 160px;}
.home_best .rolling .slide .row .info .t1{ display: flex; align-items: center;}
.home_best .rolling .slide .row .info .t1 a{ line-height: 1; font-size: 1.3em; font-weight: 400; color: #a7a7a7;}
.home_best .rolling .slide .row .info .t1 span{ display: block; margin: 0 10px 2px 10px; width: 1px; height: 10px; background: #CCC;}
.home_best .rolling .slide .row .info .t1 p{ line-height: 1; font-size: 1.3em; color: #a7a7a7; font-weight:400;}
.home_best .rolling .slide .row .info .t2{ margin: 15px 0 0 0; line-height: 1.2; font-size: 1.5em; font-weight: 500; color: #000; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_best .rolling .slide .row .info .price{ margin: 15px 0 0 0; font-size: 1.7em; font-weight: 500; color: #000; position: absolute; bottom: 20px;}
.home_best .rolling .slide .row .info .price span{ padding: 0 5px 0 0; font-size: 15px; color: #e06842;}
.home_best .rolling .slide .row .info .price span.rg_price{color:#b5b5b5; text-decoration:line-through; display:block}
.home_best .rolling .slide .row .info .date{width:100%; margin: 15px 0 0 0; font-size: 1.5em; color: #828282; position: absolute; bottom: 0; letter-spacing:0; font-weight:300;   overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;}
.home_best .rolling .slide .row .info .date span{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 10px; height: 25px; border-radius: 10px; background: #f5f5f5; font-size: 12px; font-weight: 400; color: #666;}
.home_best .rolling .slide .row .info .date span i{ margin: 0 3px 0 0; font-size: 12px; color: #666;}
.home_best .rolling .slide .row:hover .img:before{ opacity: 1;}
.home_best .rolling .slide .row:hover .img .btn_like{ transform: translate(-50%,-50%); opacity: 1;}
.home_best .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 100px; right: -25px; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%; background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #FFF; cursor: pointer;}


.home_best .main-slide{ margin: 0 auto; max-width: 1200px; position:relative;}
.home_best .main-slide .slide{}
.home_best .main-slide .slide .row{ margin: 0 ; width: 100%;}
.home_best .main-slide .slide .row .img{ position: relative; border-radius: 15px;}
.home_best .main-slide .slide .row .img:before{ content: ""; display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; background: rgba(0 0 0/50%); opacity: 0; transition: all .3s;}
.home_best .main-slide .slide .row .img .btn_like{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,0); width: 60px; height: 60px; border-radius: 50%; background: #000; opacity: 0; transition: all .3s; cursor: pointer;}
.home_best .main-slide .slide .row .img .btn_like i{ font-size: 30px; color: #FFF; transition: all .3s;}
.home_best .main-slide .slide .row .img .btn_like.on{ background: #F00;}
.home_best .main-slide .slide .row .img .btn_like.on i{ color: #FFF;}
.home_best .main-slide .slide .row .img .btn_link{ display: block; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.home_best .main-slide .slide .row .img .time{ display: flex; align-items: center; position: absolute; z-index: 4; top: 15px; left: 15px; padding: 0 10px; height: 25px; border-radius: 5px; background: #8bb92c; font-size: 1.2em; color: #FFF;}
.home_best .main-slide .slide .row .img .bg{ display: block; position: relative;}
.home_best .main-slide .slide .row .img .bg:before{ content: ""; display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; border: 1px solid rgba(0 0 0/6%);}
.home_best .main-slide .slide .row .img .bg img:first-child{ display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px;}
.home_best .main-slide .slide .row .img .bg img:last-child{ display: block; width: 100%; height: auto;}
.home_best .main-slide .slide .row .info{ overflow: hidden; position: relative; padding: 20px 0px 0 0; height: 160px;}
.home_best .main-slide .slide .row .info .t1{ display: flex; align-items: center;}
.home_best .main-slide .slide .row .info .t1 a{ line-height: 1; font-size: 1.3em; font-weight: 400; color: #a7a7a7;}
.home_best .main-slide .slide .row .info .t1 span{ display: block; margin: 0 10px 2px 10px; width: 1px; height: 10px; background: #CCC;}
.home_best .main-slide .slide .row .info .t1 p{ line-height: 1; font-size: 1.3em; color: #a7a7a7; font-weight:400;}
.home_best .main-slide .slide .row .info .t2{ margin: 15px 0 0 0; line-height: 1.2; font-size: 1.5em; font-weight: 500; color: #000; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_best .main-slide .slide .row .info .price{ margin: 15px 0 0 0; font-size: 1.7em; font-weight: 500; color: #000; position: absolute; bottom: 20px;}
.home_best .main-slide .slide .row .info .price span{ padding: 0 5px 0 0; font-size: 15px; color: #e06842;}
.home_best .main-slide .slide .row .info .price span.rg_price{color:#b5b5b5; text-decoration:line-through; display:block}
.home_best .main-slide .slide .row .info .date{width:100%; margin: 15px 0 0 0; font-size: 1.5em; color: #828282; position: absolute; bottom: 0; letter-spacing:0; font-weight:300;   overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;}
.home_best .main-slide .slide .row .info .date span{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 10px; height: 25px; border-radius: 10px; background: #f5f5f5; font-size: 12px; font-weight: 400; color: #666;}
.home_best .main-slide .slide .row .info .date span i{ margin: 0 3px 0 0; font-size: 12px; color: #666;}
.home_best .main-slide .slide .row:hover .img:before{ opacity: 1;}
.home_best .main-slide .slide .row:hover .img .btn_like{ transform: translate(-50%,-50%); opacity: 1;}
.home_best .main-slide .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute;right: -25px; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%; background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #FFF; cursor: pointer;}
.home_best .main-slide .main-navi{top:35%; right:0;}
.home_best .main-slide .main-navi:after{display:none}

@media(max-width: 1400px){
    .home_best{ padding: 50px;}
    .home_best .rolling .slide .row{ width: 180px;}
    .home_best .rolling .slide .row .img:before{ display: none;}
    .home_best .rolling .slide .row .img .btn_like{ top: inherit; left: inherit; right: 20px; bottom: 20px; transform: translate(0,0); width: 40px; height: 40px; opacity: 1;}
    .home_best .rolling .slide .row .img .btn_like i{ font-size: 20px;}
    .home_best .rolling .slide .row:hover .img .btn_like{ transform: translate(0,0);}

	.home_best{ padding: 50px;}
    .home_best .main-slide .slide .row{ width: 100%;}
    .home_best .main-slide .slide .row .img:before{ display: none;}
    .home_best .main-slide .slide .row .img .btn_like{ top: inherit; left: inherit; right: 20px; bottom: 20px; transform: translate(0,0); width: 40px; height: 40px; opacity: 1;}
    .home_best .main-slide .slide .row .img .btn_like i{ font-size: 20px;}
    .home_best .main-slide .slide .row:hover .img .btn_like{ transform: translate(0,0);}
}
@media(max-width: 767px){
    .home_best{ padding: 30px 15px;}
    .home_best .head{ padding: 0 0 10px 0;}
    .home_best .head .hl .t1{ font-size: 21px}
    .home_best .head .hl .t2{ padding: 15px 0 0 0;}
    .home_best .head a{ padding: 0 20px; height: 35px;}
    .home_best .head a i{ margin: 0 0 2px 5px;}

    .home_best .rolling .slick-list{ overflow: visible;}
    .home_best .rolling .slide .row{ margin: 0 10px 0 0; width: 120px;}
    .home_best .rolling .slide .row .img .btn_like{ right: 10px; bottom: 10px; width: 30px; height: 30px;}
    .home_best .rolling .slide .row .img .btn_like i{ font-size: 15px;}
    .home_best .rolling .slide .row .info{ padding: 18px 10px 0 0; height: 130px;}
    .home_best .rolling .slide .row .info .t1 a{ font-size: 10px;}
    .home_best .rolling .slide .row .info .t1 span{ margin: 0 8px;}
    .home_best .rolling .slide .row .info .t1 p{ font-size: 10px;}
    .home_best .rolling .slide .row .info .t2{ margin: 10px 0 0 0; font-size: 13px;}
    .home_best .rolling .slide .row .info .price{ margin: 10px 0 0 0;}
    .home_best .rolling .slide .row .info .price span{ font-size: 12px;}
    .home_best .rolling .slide .row .info .date{ margin: 5px 0 0 0; font-size: 10px;}
    .home_best .rolling .slide .row .info .date span{ padding: 0 5px; height: 25px; font-size: 10px;}
    .home_best .rolling .slide .row .info .date span i{ font-size: 10px;}

    .home_best .main-slide .slide .row{ margin: 0 10px 0 0; width: 100%;}
    .home_best .main-slide .slide .row .img .btn_like{ right: 10px; bottom: 10px; width: 30px; height: 30px;}
    .home_best .main-slide .slide .row .img .btn_like i{ font-size: 15px;}
    .home_best .main-slide .slide .row .info{ padding: 18px 10px 0 0; height: 130px;}
    .home_best .main-slide .slide .row .info .t1 a{ font-size: 10px;}
    .home_best .main-slide .slide .row .info .t1 span{ margin: 0 8px;}
    .home_best .main-slide .slide .row .info .t1 p{ font-size: 10px;}
    .home_best .main-slide .slide .row .info .t2{ margin: 10px 0 0 0; font-size: 13px;}
    .home_best .main-slide .slide .row .info .price{ margin: 10px 0 0 0;}
    .home_best .main-slide .slide .row .info .price span{ font-size: 12px;}
    .home_best .main-slide .slide .row .info .date{ margin: 5px 0 0 0; font-size: 10px;}
    .home_best .main-slide .slide .row .info .date span{ padding: 0 5px; height: 25px; font-size: 10px;}
    .home_best .main-slide .slide .row .info .date span i{ font-size: 10px;}
	.home_best .main-slide .best-navi{display:none}


    .home_best .select.pc_only {display:none }
	.home_best .select.m_only {display:block }
	.home_best .select.pc_only .sort_box { margin-bottom:20px;}
    .home_best .select.pc_only .sort_box ul{ flex-wrap: wrap; }
    .home_best .select.pc_only .sort_box ul li{margin:0 5px;}
    .home_best .select.pc_only .sort_box ul li.on{}
    .home_best .select.pc_only .sort_box ul li a{ text-align: center; line-height: 1; font-size: 1.5em; font-weight: 600; color: #000;}
    .home_best .select.pc_only .sort_box ul li.on a{ color: #fff;}
	
	.home_best .select.m_only{}


    
}


.home_list{ padding: 50px 0;
    /* background: #f1f9fc; */
}
.home_list .head{ padding: 0 0 30px 0; text-align: center;}
.home_list .head .t1{text-align: center; line-height: 1; font-size: 30px; font-weight: 600; color: #000; /*font-family: 'yg-jalnan'*/}
.home_list .head .t2{ padding: 20px 0 0 0; line-height: 1; font-size: 1.8em; font-weight: 400; color: #666;}

.home_list .select{ }
.home_list .select .sort_box{ margin-bottom: 0px;}
.home_list .select .sort_box ul{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
.home_list .select .sort_box ul li{ 
    /* background: #fff; border-left: 1px solid #8bb92c; border-right: none;  */
    padding: 8px; min-width: 55px; text-align: center;}
/* .home_list .select .sort_box ul li:first-child{ border-radius: 10px 0 0 10px/10px 0 0 10px;} */
/* .home_list .select .sort_box ul li:last-child{ border-right: 1px solid #8bb92c; } */
/* .home_list .select .sort_box ul li.on:last-child{  border-radius: 0 10px 10px 0/0 10px 10px 0; } */
.home_list .select .sort_box ul li.on{  border-bottom: 2px solid #8bb92c;}
.home_list .select .sort_box ul li a{ text-align: center; line-height: 1; font-size: 1.5em; font-weight: 400; color: #000;}
.home_list .select .sort_box ul li.on a{ color: #8bb92c;}

.home_list .tour { margin: 0 auto; max-width: 1200px;}
.home_list .tour ul{ display: flex; justify-content: center; max-width: 1200px;}
.home_list .tour ul li{ margin-right: 30px; text-align: center;}
.home_list .tour ul li:last-child{ margin-right: 0px;}
.home_list .tour ul li a{ }
.home_list .tour ul li a img{ width: 100%; height: auto;}
.home_list .tour ul li a p{ margin-top: 15px; font-size: 1.5em; color: #000; font-weight: 400;}



/* .home_list .shopping_list .type_row ul li .row .info .date span{ background: #FFF;}
.home_list .type_btn_more a{ background: #FFF;} */

@media(max-width: 1400px){
    .home_list .tour { margin: 0 auto; max-width: 1200px;}
    .home_list .tour ul{ display: flex; justify-content: space-between; max-width: 1200px;}
    .home_list .tour ul li{ margin-right: 0px;}
    .home_list .tour ul li:last-child{ margin-right: 0px;}
    .home_list .tour ul li a{ }
    .home_list .tour ul li a img{ width: 100%; height: auto;}
    .home_list .tour ul li a p{ margin-top: 15px; font-size: 1.5em; color: #000; font-weight: 400;}

}    
@media(max-width: 1025px){
    .home_list .tour { margin: 0 auto; }
    .home_list .tour ul{ flex-wrap: wrap; padding: 0 90px; }
    .home_list .tour ul li { }
    .home_list .tour ul li.x2 { width: 100%; }
    .home_list .tour ul li.x1 { width: 48%; }
    .home_list .tour ul li:last-child{ margin-right: 0px; margin-left: 4%; }
    .home_list .tour ul li a{ }
    .home_list .tour ul li a img{ width: 100%; height: auto;}
    .home_list .tour ul li a p{ margin: 15px 0; font-size: 1.5em; color: #000; font-weight: 400;}

}    
@media(max-width: 767px){
    .home_list{ padding: 40px 15px 0 15px;}
    .home_list .head{ padding: 0 0 20px 0;}
    .home_list .head .t1{ font-size: 21px}
    .home_list .head .t2{ padding: 15px 0 0 0;}

    .home_list .tour { margin: 0 auto; margin-bottom: 30px; }
    .home_list .tour ul{ padding: 0; flex-wrap: wrap; }
    .home_list .tour ul li{ text-align: center; margin-right: 0;}
    .home_list .tour ul li.x2 { width: 100%; padding: 0;}
    .home_list .tour ul li.x1 { width: calc(50% - 15px); padding-right: 0;}
    .home_list .tour ul li:last-child{ padding-right: 0px;}
    .home_list .tour ul li a{ }
    .home_list .tour ul li a img{ width: 100%; height: auto; min-height: auto; max-height: auto; }
    .home_list .tour ul li a p{ margin: 8px 0 10px 0; font-size: 1.5em; color: #000; font-weight: 400;}

}


.home_date{ padding: 50px 100px; background: #e9f4de;}
.home_date .head{ margin: 0 auto; padding: 0 0 30px 0; max-width: 1200px; text-align: center;}
.home_date .head .t1{text-align: center; line-height: 1; font-size: 2.4em; font-weight: 400; color: #000;}
/* .home_list .head .t2{ padding: 20px 0 0 0; line-height: 1; font-size: 1.8em; font-weight: 400; color: #666;} */

.home_date .head .menu{ display: flex; justify-content: center; margin: 20px 0 0 0;}
.home_date .head .menu select{ display: flex; align-items: center; margin: 0 5px; padding: 0 30px 0 20px; width: 110px; height: 45px; border-radius: 25px; 
    /* border: 1px solid rgb(174, 206, 107); 
    background: url(/images/basic_select_icon.png) no-repeat center right 20px #fafafa;  */
    border: none; 
    background: url(/images/basic_select_icon.png) no-repeat center right 20px; 
    background-size: 10px auto; font-size: 1.5em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.home_date .head .menu select option{ font-weight: 400; }
.home_date .head .menu .month { display: flex; flex-direction: row; align-content: center; justify-content: space-around; align-items: center; }
.home_date .head .menu .month li{ padding: 10px; font-size: 1.2em; color: #000;}
.home_date .head .menu .month li.on{ font-size: 1.4em; font-weight: 400;}
.home_date .head .menu .month li a{ color: #000; }

.home_date .rolling{ margin: 0 auto; max-width: 1200px;}
.home_date .rolling .slide{}
.home_date .rolling .slide .row{ margin: 0 20px 0 0; width: 200px;}
.home_date .rolling .slide .row .img{ position: relative; border-radius: 15px;}
.home_date .rolling .slide .row .img:before{ content: ""; display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; background: rgba(0 0 0/50%); opacity: 0; transition: all .3s;}
.home_date .rolling .slide .row .img .btn_like{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,0); width: 60px; height: 60px; border-radius: 50%; background: #000; opacity: 0; transition: all .3s; cursor: pointer;}
.home_date .rolling .slide .row .img .btn_like i{ font-size: 30px; color: #FFF; transition: all .3s;}
.home_date .rolling .slide .row .img .btn_like.on{ background: #F00;}
.home_date .rolling .slide .row .img .btn_like.on i{ color: #FFF;}
.home_date .rolling .slide .row .img .btn_link{ display: block; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.home_date .rolling .slide .row .img .time{ display: flex; align-items: center; position: absolute; z-index: 4; top: 15px; left: 15px; padding: 0 10px; height: 25px; border-radius: 5px; background: #8bb92c; font-size: 1.2em; color: #FFF;}
.home_date .rolling .slide .row .img .bg{ display: block; position: relative;}
.home_date .rolling .slide .row .img .bg:before{ content: ""; display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; border: 1px solid rgba(0 0 0/6%);}
.home_date .rolling .slide .row .img .bg img:first-child{ display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px;}
.home_date .rolling .slide .row .img .bg img:last-child{ display: block; width: 100%; height: auto;}
.home_date .rolling .slide .row .info{ overflow: hidden; position: relative; padding: 20px 20px 0 0;}
.home_date .rolling .slide .row .info .t1{ display: flex; align-items: center;}
.home_date .rolling .slide .row .info .t1 a{ line-height: 1; font-size: 1.2em; font-weight: 400; color: #333;}
.home_date .rolling .slide .row .info .t1 span{ display: block; margin: 0 10px 2px 10px; width: 1px; height: 10px; background: #CCC;}
.home_date .rolling .slide .row .info .t1 p{ line-height: 1; font-size: 1.2em; color: #666;}
.home_date .rolling .slide .row .info .t2{ margin: 15px 0 0 0; line-height: 1; font-size: 1.6em; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_date .rolling .slide .row .info .price{ margin: 15px 0 0 0; font-size: 1.8em; font-weight: 500; color: #000;}
.home_date .rolling .slide .row .info .price span{ padding: 0 5px 0 0; font-size: 15px; color: #e06842;}
.home_date .rolling .slide .row:hover .img:before{ opacity: 1;}
.home_date .rolling .slide .row:hover .img .btn_like{ transform: translate(-50%,-50%); opacity: 1;}
.home_date .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 100px; right: -25px; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%; background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #FFF; cursor: pointer;}
@media(max-width: 1400px){
    .home_date{ padding: 50px;}
    .home_date .rolling .slide .row{ width: 180px;}
    .home_date .rolling .slide .row .img:before{ display: none;}
    .home_date .rolling .slide .row .img .btn_like{ top: inherit; left: inherit; right: 20px; bottom: -20px; transform: translate(0,0); width: 40px; height: 40px; opacity: 1;}
    .home_date .rolling .slide .row .img .btn_like i{ font-size: 20px;}
    .home_date .rolling .slide .row:hover .img .btn_like{ transform: translate(0,0);}
}
@media(max-width: 767px){
    .home_date{ padding: 40px 15px;}
    .home_date .head{ padding: 0 0 20px 0;}
    .home_date .head .t1{ font-size: 3em;}
    .home_date .head .menu{ margin: 15px 0 0 0;}
    .home_date .head .menu select{ margin: 0 2.5px; width: 120px; height: 35px;}

    .home_date .rolling .slick-list{ overflow: visible;}
    .home_date .rolling .slide .row{ margin: 0 10px 0 0; width: 150px;}
    .home_date .rolling .slide .row .img .btn_like{ right: 10px; bottom: -15px; width: 30px; height: 30px;}
    .home_date .rolling .slide .row .img .btn_like i{ font-size: 15px;}
    .home_date .rolling .slide .row .info{ padding: 15px 10px 0 0;}
    .home_date .rolling .slide .row .info .t1 a{ font-size: 10px;}
    .home_date .rolling .slide .row .info .t1 span{ margin: 0 8px;}
    .home_date .rolling .slide .row .info .t1 p{ font-size: 10px;}
    .home_date .rolling .slide .row .info .t2{ margin: 10px 0 0 0; font-size: 14px;}
    .home_date .rolling .slide .row .info .price{ margin: 10px 0 0 0;}
    .home_date .rolling .slide .row .info .price span{ font-size: 12px;}

	.home_best .select .sort_box ul{flex-wrap:wrap;}
	.home_best .select .sort_box ul li{margin-bottom:5px}
}


/* .home_banner{ overflow: hidden; padding: 50px 100px; background: #e9f4de;}
.home_banner .type_row{}
.home_banner .type_row ul{ display: flex; margin: 0 -15px;}
.home_banner .type_row ul li{ }
.home_banner .type_row ul li img{ width: 100%; height: 100%;}
.home_banner .type_row ul li a{ display: block; position: relative; margin: 0 15px; padding: 50px 60px; border-radius: 15px; cursor: pointer;}
.home_banner .type_row ul li:nth-child(1) a{ position: relative; background: #a73030;}
.home_banner .type_row ul li:nth-child(1) a .t1{ position: relative; z-index: 1; font-size: 2.5em; font-weight: 400; color: #FFF;}
.home_banner .type_row ul li:nth-child(1) a .t2{ position: relative; z-index: 1; padding: 10px 0 0 0; font-size: 1.6em; font-weight: 400; color: rgba(255 255 255/80%);}
.home_banner .type_row ul li:nth-child(1) a img{ position: relative; z-index: 1; display: block; position: absolute; right: -20px; bottom: -220px; width: auto; height: 400px;}
.home_banner .type_row ul li:nth-child(1) a .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; background: url(/images/hb01_bg.png); background-size: auto 200%; opacity: 0.5;}
.home_banner .type_row ul li:nth-child(2) a{ background: #FFF;}
.home_banner .type_row ul li:nth-child(2) a .t1{ font-size: 2.5em; font-weight: 400; color: #000;}
.home_banner .type_row ul li:nth-child(2) a .t2{ padding: 10px 0 0 0; font-size: 1.8em; font-weight: 400; color: rgba(0 0 0/80%);}
.home_banner .type_row ul li:nth-child(2) a img{ display: block; position: absolute; right: 80px; bottom: 0; width: auto; height: 180px;}


@media(max-width: 1025px){
    .home_banner .type_row ul li a{ padding: 50px 30px;}
    .home_banner .type_row ul li:nth-child(1) a .t2{ font-size: 1.3em;}
    .home_banner .type_row ul li:nth-child(1) a img{ right: -60px; bottom: -120px; height: 300px;}
    .home_banner .type_row ul li:nth-child(2) a .t2{ font-size: 1.3em;}
    .home_banner .type_row ul li:nth-child(2) a img{ right: -50px;}
}
@media(max-width: 767px){
    .home_banner{ padding: 40px 15px;}
    .home_banner .type_row ul{ display: block; margin: -10px 0 0 0;}
    .home_banner .type_row ul li{ margin: 10px 0 0 0; width: auto;}
    .home_banner .type_row ul li a{ margin: 0; padding: 30px;}
    .home_banner .type_row ul li:nth-child(1) a img{ right: 10px; bottom: -60px; height: 190px;}
    .home_banner .type_row ul li:nth-child(2) a{ display: flex; flex-direction: column; align-items: flex-end; position: relative; z-index: 10;}
    .home_banner .type_row ul li:nth-child(2) a img{ right: inherit; left: 30px; height: 130px;}
} */



/* 
.home_pass{ padding: 50px 0 0 0;}
.home_pass .head{ padding: 0 0 30px 0; text-align: center;}
.home_pass .head .t1{ line-height: 1; font-size: 3.5em; font-weight: 400; color: #000;}
.home_pass .head .t2{ padding: 20px 0 0 0; line-height: 1; font-size: 1.8em; font-weight: 400; color: #666;}

.home_pass .shopping_list .type_row{ overflow: visible;}
.home_pass .shopping_list .type_row ul li{ width: 33.333%;}
.home_pass .shopping_list .type_row ul li .row{ display: flex; align-items: flex-end;}
.home_pass .shopping_list .type_row ul li .row .img{ flex: 0 0 160px; margin: 0 20px 0 0;}
.home_pass .shopping_list .type_row ul li .row .info{ padding: 0 0 20px 0; width: 100%;}
.home_pass .shopping_list .type_row ul li .row .info .date{ flex-direction: column; align-items: flex-start;}
.home_pass .shopping_list .type_row ul li .row .info .date span{ margin: 10px 0 0 0;}
@media(max-width: 1025px){
    .home_pass .shopping_list .type_row ul li{ width: 50%;}
}
@media(max-width: 767px){
    .home_pass{ padding: 40px 0 0 0;}
    .home_pass .head{ padding: 0 0 20px 0;}
    .home_pass .head .t1{ font-size: 3em;}
    .home_pass .head .t2{ padding: 15px 0 0 0;}
    .home_pass .shopping_list .type_row ul li{ width: 100%;}
    .home_pass .shopping_list .type_row ul li .row{ position: relative;}
    .home_pass .shopping_list .type_row ul li .row .img{ position: initial; flex: 0 0 100px; margin: 0 15px 0 0;}
    .home_pass .shopping_list .type_row ul li .row .img .btn_like{ right: 0; bottom: 50px;}
    .home_pass .shopping_list .type_row ul li .row .img .time{ top: 5px; left: 5px; padding: 0 10px; border-radius: 10px; font-size: 10px;}
    .home_pass .shopping_list .type_row ul li .row .info{ padding: 0 0 5px 0;}
    .home_pass .shopping_list .type_row ul li .row .info .date{ display: flex; flex-direction: inherit; align-items: center; margin: 10px 0 0 0;}
    .home_pass .shopping_list .type_row ul li .row .info .date span{ margin: 0;}
}
 */


.home_news{ padding: 50px 0; max-width: 1200px;}
.home_news .head{ margin: 0 auto; padding: 0 0 30px 0; text-align: center; }
.home_news .head .t1{ line-height: 1; font-size: 30px; font-weight: 600; color: #000; text-align: center;}
/* .home_news .head .t2{ padding: 20px 0 0 0; line-height: 1; font-size: 1.8em; font-weight: 400; color: #666;} */

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

.home_news .body .news_after{width:100%}
.home_news .body .news_after ul{ display: flex; flex-wrap:wrap}
.home_news .body .news_after ul li{width:calc(33% - 10px); padding:0; margin:0 5px 10px; height:400px; }
.home_news .body .news_after ul li:not(.fix_title):hover > a{box-shadow:0 10px 10px rgba(0,0,0,0.2); transform:translateY(-20px);}
.home_news .body .news_after ul li a.after_btn{transition:0.3s; position:relative; width:100%; min-width:380px; height:380px; display:block; background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:25px; overflow:hidden;}
.home_news .body .news_after ul li a img{ width: 100%; height: calc(100% - 55.55px);}
	.home_news .body .news_after ul li a.after_btn:after{content:''; position:absolute; display:block; width:100%; height:100%; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);top:0; left:0}

/* .home_news .body .news_after ul li:hover a img{ border-radius: 25px 0 25px 0px/25px 0 25px 0;} */
.home_news .body .news_after ul li a > dl{position:absolute; color:#fff; bottom:0; left:50%; transform:translateX(-50%); text-align:center; width:100%; z-index:1; padding:25px 20px;}
.home_news .body .news_after ul li a dl dt{ font-size:23px; font-weight:600; line-height:23px; padding-bottom:5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;}
.home_news .body .news_after ul li a dl dd{font-size:18px; line-height:26px; font-weight: 400; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
.home_news .body .news_after ul li a dl dd.after_data{font-size:15px; margin-top:5px;}

/* 고정되는 li */
.home_news .body .news_after ul li.fix_title{padding:20px;}
.home_news .body .news_after ul li.fix_title > h1{font-size:41px; font-weight:800; letter-spacing:-0.5px;}
.home_news .body .news_after ul li.fix_title > h1 > p{line-height:41px}
.home_news .body .news_after ul li.fix_title > h1 > span{display:block; font-size:26px; font-weight:400;}
.home_news .body .news_after ul li.fix_title > p{font-size:20px; letter-spacing:-0.5px; margin-top:20px; font-weight:300; line-height:25px}
.home_news .body .news_after ul li.fix_title > a{position:relative; color:#000; display:inline-block; letter-spacing:1px; font-size:14px; border-bottom:1px solid #c0c0c0; margin-top:30px; padding:10px 25px 10px 10px ; transition:0.2s}
.home_news .body .news_after ul li.fix_title > a:hover{border-color:#000;}
.home_news .body .news_after ul li.fix_title > a > i{position:absolute; top:50%; transform:translateY(-50%); right:5px; color:#5b5b5b}
/* 고정되는 li end*/

.home_news .body .news_ep{ width: 50%; padding-left: 35px; height: 408px;}
.home_news .body .news_ep ul{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; height: 408px;}
.home_news .body .news_ep ul li:before{ content: ''; display: block; border-top: 1px dotted #666; padding-top: 2.5%; width: 90%; position: relative; left: 1%; }
.home_news .body .news_ep ul li:first-child:before{ content: ''; display: none; }
/* .home_news .body .news_ep ul li:after{ content: ''; display: block; border-top: 1px dotted #666; } */
.home_news .body .news_ep ul li{ }
.home_news .body .news_ep ul li a{ color: #000; display: flex; transition: 0.3s;}
.home_news .body .news_ep ul li a img{ width: 15%; }
/* .home_news .body .news_ep ul li:hover a img{ border-radius: 25px 0 25px 0px/25px 0 25px 0; } */
.home_news .body .news_ep ul li a .txt{ display: flex; flex-direction: column; justify-content: space-between; max-width: 400px; padding: 0px 0 0 25px; }
.home_news .body .news_ep ul li a .txt .ep_tit{ font-size: 1.3em; font-weight: 400; line-height: 1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.home_news .body .news_ep ul li a .txt .ep_con{ font-size: 1.2em; font-weight: 400; line-height: 1.8; min-width: 400px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; }
.home_news .body .news_ep ul li a .txt .ep_date{ font-size: 10px; font-weight: 400; line-height: 2;}

/* 리뷰 */
div.review_wrap{background-color:#eff4f8; padding:50px 0 70px;}
.news_ep{max-width:1200px; margin: auto;}
.news_ep > div.top_box h1{font-size:30px; text-align:center; line-height:1; font-weight:600; color:#000; margin-bottom: 30px; letter-spacing:1px;}
.news_ep > div.top_box p{}
.news_ep > ul{display:flex;}
.news_ep > ul > li{width:calc(25% - 20px); margin:0 10px; transition:0.2s;}
.news_ep > ul > li > a{display:block;border-radius:20px; overflow:hidden;}
.news_ep > ul > li > a div.img{width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; 2024-03-22}
.news_ep > ul > li > a div.txt{background-color:#fff; padding:20px}
.news_ep > ul > li > a div.txt b{color:#000; font-size:17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:100%; display:block; margin-bottom:0px;}
.news_ep > ul > li > a div.txt p{color:#5c5c5c; font-size:14px;text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; width:100%; height:20px; margin-bottom:10px; font-weight:300;}
.news_ep > ul > li > a div.txt span{font-size:15px; color:#000;}
.news_ep > ul > li:hover{transform:translateY(-15px); }
.news_ep > ul > li:hover > a{ box-shadow:0 10px 10px rgba(0,0,0,0.1);}
div.review_btn{text-align:center; margin-top:50px;}
div.review_btn > a{display:inline-block; padding:10px 30px 12px; font-size:17px; color:#fff; background-color:#22ac75; border-radius:50px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;}
div.review_btn > a:hover{ background-color: #2EE59D; box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4); color: #fff; transform: translateY(-7px);}


@media(max-width: 1400px){


.home_news .body .news_after ul li a{ color: #000;}
.home_news .body .news_after ul li a img{ width: 100%;}
.home_news .body .news_after ul li.on a img{ border-radius: 0;}
.home_news .body .news_after ul li a dl{ margin-top: 10px;}

.home_news .body .news_ep ul{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; height: auto;}
.home_news .body .news_ep ul li{margin: 10px 0 0 10px;}
.home_news .body .news_ep ul li:before{ content: ''; display: block; border-top: 1px dotted #666; padding-top: 1.5%; width: 90%; position: relative; left: 1%; }
.home_news .body .news_ep ul li a{ color: #000; display: flex; align-items: center; }
/* .home_news .body .news_ep ul li a img{ width: 20%; } */
.home_news .body .news_ep ul li.on a img{ border-radius: 0; }
.home_news .body .news_ep ul li a .txt{ display: flex; flex-direction: column; padding: 0px 0 0 20px; }

.home_news .body .news_ep ul li a .txt .ep_tit{ font-size: 1.3em; font-weight: 400; line-height: 2.5; }
.home_news .body .news_ep ul li a .txt .ep_con{ font-size: 1.2em; font-weight: 400; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; }
.home_news .body .news_ep ul li a .txt .ep_date{ font-size: 10px; font-weight: 400; line-height: 2;}

}

@media(max-width:1200px){
	.home_news .body .news_after ul{padding:50px;}
	.home_news .body .news_after ul li{height:300px}
	.home_news .body .news_after ul li a.after_btn{min-width:100%; height:300px;}
	.home_news .body .news_after ul li.fix_title > h1{font-size:31px;}
	.home_news .body .news_after ul li.fix_title > h1 > span{font-size:20px}
	.home_news .body .news_after ul li.fix_title > h1 > p{line-height:31px;}
	.home_news .body .news_after ul li.fix_title > p{font-size:17px; line-height:21px;}
	.home_news .body .news_after ul li:last-child{margin:0 5px 10px;}
	.home_news .body .news_after ul li a dl dt{padding-bottom:0; font-size:18px}
	
	div.review_wrap{padding:50px 50px 70px;}
}

@media(max-width: 1025px){

.home_news .body { display: unset; justify-content: center;}

.home_news .body .news_after {width: 100%;}
.home_news .body .news_after ul{ display: flex; padding: 0 50px; }
.home_news .body .news_after ul li a{ color: #000;}
.home_news .body .news_after ul li a img{ width: 100%;}
.home_news .body .news_after ul li.on a img{ border-radius: 0;}
.home_news .body .news_after ul li a dl{ margin-top: 10px;}

.home_news .body .news_ep{ width: 100%; padding-left: 0; }
.home_news .body .news_ep ul{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; height: auto; margin: 5% 5% 0 5%;}
.home_news .body .news_ep ul li{margin: 10px 0 0 10px;}
.home_news .body .news_ep ul li:before{padding-top: 1.2%; }
/* .home_news .body .news_ep ul li:first-child:before{ content: ''; display: none; } */
/* .home_news .body .news_ep ul li:after{ content: ''; display: block; border-top: 1px dotted #666; } */
.home_news .body .news_ep ul li a{ color: #000; display: flex;}
.home_news .body .news_ep ul li a img{ width: 20%; }
.home_news .body .news_ep ul li.on a img{ border-radius: 0; }
.home_news .body .news_ep ul li a .txt{ display: flex; flex-direction: column; max-width: 400px; padding: 0px 0 0 10px; }
.home_news .body .news_ep ul li a .txt .ep_tit{ font-size: 1.5em; font-weight: 400; line-height: 2; }
.home_news .body .news_ep ul li a .txt .ep_con{ font-size: 1.4em; font-weight: 400; line-height: 1.8; -webkit-line-clamp: 3;}
.home_news .body .news_ep ul li a .txt .ep_date{ font-size: 12px; font-weight: 400; line-height: 2;}

}

@media(max-width:1023px){
	.home_news .body .news_after ul li{width:calc(50% - 10px); height:300px}
	.news_ep > ul{flex-wrap:wrap}
	.news_ep > ul > li{width:calc(50% - 20px); margin-bottom:20px;}
}

@media(max-width: 767px){

.home_news { padding: 40px 0;}
.home_news .head .t1{font-size:21px}

.home_news .body { display: unset; justify-content: center;}

.home_news .body .news_after {width: 100%;}
.home_news .body .news_after ul{ display: flex; padding: 0;}
.home_news .body .news_after ul li a{ color: #000;}
.home_news .body .news_after ul li a img{ width: 100%; max-height: 500px;}
.home_news .body .news_after ul li.on a img{ border-radius: 0;}
.home_news .body .news_after ul li a dl{ margin-top: 0px;}
.home_news .body .news_after ul li a dl dt{ font-size: 1.6em; font-weight: 400;line-height: 2;}
.home_news .body .news_after ul li a dl dd{font-size: 1.4em; font-weight: 400; line-height: 1.5;}

.home_news .body .news_ep{ width: 100%; }
.home_news .body .news_ep ul{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; height: auto; margin: 20px 0 0 0;}
.home_news .body .news_ep ul li{margin: 10px 10px 0 10px;}
.home_news .body  ul li:before{padding-top: 2.1%; }
.home_news .body .news_ep ul li a{ color: #000; display: flex; align-items: center;}
.home_news .body .news_ep ul li a img{ width: 30%; }
.home_news .body .news_ep ul li.on a img{ border-radius: 0; }
.home_news .body .news_ep ul li a .txt{ display: flex; flex-direction: column; padding: 0px 0 0 10px; max-width: none; width: 70%; height: 80px; }
.home_news .body .news_ep ul li a .txt .ep_tit{ font-size: 1.8em; font-weight: 400; line-height: 2; }
.home_news .body .news_ep ul li a .txt .ep_con{ font-size: 1.5em; font-weight: 400; line-height: 1.6; min-height: auto; min-width: auto; overflow: hidden; text-overflow: ellipsis; width: auto; }
.home_news .body .news_ep ul li a .txt .ep_date{ font-size: 10px; font-weight: 400; line-height: 2;}

.home_news .body .news_after ul{padding:0px 15px}
.home_news .body .news_after ul li{height:200px}
.home_news .body .news_after ul li:nth-child(even){margin:0 0 15px 5px;}
.home_news .body .news_after ul li:nth-child(odd){margin:0 5px 15px 0}
.home_news .body .news_after ul li a.after_btn{height:200px}
.home_news .body .news_after ul li a > dl{padding:15px;}
.home_news .body .news_after ul li a dl dt{padding:0 10px; font-size:15px; line-height:18px;}
.home_news .body .news_after ul li a dl dd{font-size:14px;}
.home_news .body .news_after ul li.fix_title{padding:10px}
.home_news .body .news_after ul li.fix_title > h1{font-size:21px;}
.home_news .body .news_after ul li.fix_title > h1 > span{font-size:17px;}
.home_news .body .news_after ul li.fix_title > h1 > p{line-height:21px;}
.home_news .body .news_after ul li.fix_title > p{font-size:15px; margin-top:5px}
.home_news .body .news_after ul li.fix_title > p > br{display:none}
.home_news .body .news_after ul li.fix_title > a{letter-spacing:0; margin-top:10px; font-size:13px; padding:5px 0; width:70%;}
.home_news .body .news_after ul li:nth-child(5){display:none;}
.home_news .body .news_after ul li:nth-child(6){display:none;}


div.review_wrap{padding:50px 15px 70px}
.news_ep > div.top_box h1{font-size:21px}
.news_ep > ul > li{width:calc(50% - 5px);}
.news_ep > ul > li:nth-child(even){margin:0 0 15px 5px;}
.news_ep > ul > li:nth-child(odd){margin:0 5px 15px 0}
.news_ep > ul > li > a div.img{height:150px}
.news_ep > ul > li > a div.txt{padding:10px 15px}
.news_ep > ul > li > a div.txt b{font-size:15px;}
.news_ep > ul > li > a div.txt span{font-size:13px}
div.review_btn{margin-top:20px}

}

@media(max-width:370px){
	.home_news .body .news_after ul li.fix_title > p{line-height:17px;}
	.home_news .body .news_after ul li.fix_title > h1 > span{font-size:15px;}
	.home_news .body .news_after ul li.fix_title > h1 > p{font-size:17px;}
	.home_news .body .news_after ul li.fix_title > p{font-size:12px;}
	.home_news .body .news_after ul li.fix_title{padding:0}
	.home_news .body .news_after ul li.fix_title > a{width:100%;}
}


.type_full{ padding: 0;}
.type_row{ margin: 0 auto; max-width: 1200px; width: 100%;}
.type_row_sub{ margin: 0 auto; max-width: 1200px; width: 100%;}
.type_sub{ margin: 0 auto; max-width: 1200px; width: 100%;}
.type_sub_right{ width: 100%;}
.type_cb{ clear: both;}

.home_banner {}
.home_banner .event_banner { max-width: 1920px;}
.home_banner .event_banner li{}
.home_banner .event_banner li img{ width: 100vw;}
.home_banner .event_banner li .bg{}

/* .main_banner{}
.main_banner .banner_text{ }
.main_banner .banner_text p{}
.main_banner .banner_text .banner_tit{}
.main_banner .banner_text .banner_txt{}
.main_banner .banner_bg{}
.main_banner .banner_bg img{background-size: cover; } */


@media(max-width: 1400px){
    .type_full{ padding-right: 50px; padding-left: 50px;}
    .type_sub{ padding: 0 0 0 250px;}
    .home_banner .event_banner li img{ width: 200%; position: relative; left: -50%;}
}
@media(max-width: 1025px){
    .type_sub{ padding: 0 15px;}
    .home_banner .event_banner li img{ width: 200%; position: relative; left: -50%;}
}
@media(max-width: 767px){
    .type_full{ padding: 0px;}
    .home_banner .event_banner li img{ width: 200%; position: relative; left: -50%;}
}





.type_left_menu{ overflow: hidden; float: left; margin: 0 0 0 -300px; width: 270px; border-radius: 15px; border: 1px solid rgba(0 0 0/7%); background: #f9f9f9;}
.type_left_menu .my{ display: flex; justify-content: center; align-items: center; padding: 30px 30px; border-bottom: 1px solid #e5e5e5; background: #FFF;}
.type_left_menu .my i{ display: block; margin: 0 5px 0 0; font-size: 30px; color: #25acdc;}
.type_left_menu .my p{ font-size: 1.5em; font-weight: 400; color: #000;}
.type_left_menu > ul{}
.type_left_menu > ul > li{ border-bottom: 1px solid #e5e5e5;}
.type_left_menu > ul > li:last-child{ border: 0;}
.type_left_menu > ul > li .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px;}
.type_left_menu > ul > li .head p{ font-size: 1.5em; font-weight: 400; color: #000;}
.type_left_menu > ul > li .head i{ font-size: 1.5em; color: #666; transition: all .3s;}
.type_left_menu > ul > li.on .head p{ font-weight: 500; color: #25acdc;}
.type_left_menu > ul > li.on .head i{ color: #25acdc; transform: rotate(180deg);}
.type_left_menu > ul > li ul{ padding: 0 0 10px 0;}
.type_left_menu > ul > li ul li{}
.type_left_menu > ul > li ul li a{ display: block; padding: 10px 40px; font-size: 1.3em; color: #666;}
.type_left_menu > ul > li ul li.on a{ font-weight: 600; color: #25acdc;}
.type_left_menu .btn_out{ padding: 20px 30px; border-top: 1px solid #e5e5e5; background: #FFF; font-size: 1.5em; color: #F00; cursor: pointer;}


@media(max-width: 1400px){
    .type_row_sub{ margin: 0 auto; width: 96%;}

    .type_left_menu{ margin: 0 0 0 -250px; width: 220px;}
    .type_left_menu .my img{ margin: 0 5px 0 0; height: 20px;}
    .type_left_menu .my p{ font-size: 12px;}
}
@media(max-width: 1025px){
    /* .type_row_sub{ margin: 0 auto; width: 96%;} */

    .type_left_menu{ float: initial; margin: 0 0 20px 0; width: auto;}
    .type_left_menu .my img{ margin: 0 10px 0 0; height: 30px;}
    .type_left_menu .my p{ font-size: 15px;}
    .type_left_menu > ul > li ul{ display: flex; flex-wrap: wrap; overflow: hidden; height: 0; padding: 0; background: #FFF; transition: all .2s, border 0s;}
    .type_left_menu > ul > li ul li{ width: 25%;}
    .type_left_menu > ul > li.on ul{ height: auto; padding: 10px 0; border-top: 1px solid #e5e5e5;}
}
@media(max-width: 767px){
    /* .type_row_sub{ margin: 0 auto; width: 96%;} */
	.type_row_sub{width:100%; padding:0 20px;}
    .type_left_menu{ margin: 0 0 20px 0;}
    .type_left_menu .my{ padding: 20px 15px;}
    .type_left_menu .my img{ margin: 0 8px 0 0; height: 25px;}
    .type_left_menu .my p{ font-size: 15px;}
    .type_left_menu > ul > li .head{ padding: 15px 15px;}
    .type_left_menu > ul > li .head p{ font-size: 14px;}
    .type_left_menu > ul > li ul li{width:100%}
    .type_left_menu > ul > li ul li a{ padding: 0 25px; line-height: 35px; font-size: 13px;}
    .type_left_menu .btn_out{ padding: 15px 15px; font-size: 13px;}
}



.type_right{ width: 100%; padding: 50px; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_right_max{ width: 100%;}
@media(max-width: 767px){
    .type_right{ padding: 30px 15px;}
}



.guide_basic{ position: relative; z-index: 2;}
.guide_basic .type_row{ display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 00px;}
.guide_basic .fl{ display: flex; align-items: center;}
.guide_basic .fl li{}
.guide_basic .fl li i{ margin: 0 10px; font-size: 1.4em; color: rgba(0 0 0/30%);}
.guide_basic .fl li:first-child i{ margin: 0; font-size: 20px; color: #000;}
.guide_basic .fl li p{ font-size: 1.4em; font-weight: 400; color: #000;}
.guide_basic .fr{ display: flex; align-items: center;}
.guide_basic .fr span{ font-size: 1.4em; font-weight: 500; color: #25acdc;}
.guide_basic .fr p{ font-size: 1.4em; color: rgba(0 0 0/80%);}


.title_box{text-align:center; margin:0 0 30px}
.title_box > h1{font-size:30px; font-weight:600;}
.title_box > p{font-size:17px; font-weight:400}
.menu_tabs{text-align:center; max-width:1200px; margin:0 auto 60px; }
.menu_tabs > ul{display:flex; justify-content:center;}
.menu_tabs > ul > li {width:calc(100% / 4); border:1px solid #ddd; margin-left:-1px}
.menu_tabs > ul > li > a{font-size:15px; color:#666; padding:20px; display:block;}
.menu_tabs > ul > li:not(.on):hover a{color:#22ac75}
.menu_tabs > ul > li.on{border:1px solid #22ac75}
.menu_tabs > ul > li.on > a{font-weight:600; color:#fff; background-color:#22ac75;}


@media(max-width: 767px){
    .guide_basic .type_row{ height: 60px; padding-left: 20px;}
    .guide_basic .fl li i{ margin: 0 5px;}
}




.shopping_option{ position: relative; z-index: 30; margin: 0 0 30px 0;}
.shopping_option .type_row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 30px; border-radius: 15px; background: #f5f5f5;}
.shopping_option .type_row .fl{ display: flex; align-items: center;}
.shopping_option .type_row .fr{ display: flex; align-items: center;}
.shopping_option .type_row .fr .btn_01{ margin: 0 0 0 10px !important;}

.shopping_option .type_row .btn_01{ position: relative; z-index: 30; margin: 0 10px 0 0;}
.shopping_option .type_row .btn_01 .head{ display: flex; align-items: center; position: relative; height: 40px; padding: 0 15px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: default;}
.shopping_option .type_row .btn_01 .head p{ font-size: 1.3em; font-weight: 400; color: #000;}
.shopping_option .type_row .btn_01 .head i:first-child{ margin: 0 5px 0 0; font-size: 20px; color: #333;}
.shopping_option .type_row .btn_01 .head i:last-child{ margin: 0 0 0 3px; font-size: 1.2em; color: #999; transition: all .2s;}
.shopping_option .type_row .btn_01 .body{ overflow: hidden; position: absolute; top: 45px; left: 0; padding: 0; border-radius: 15px; height: 0; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.shopping_option .type_row .btn_01 .body div{}
.shopping_option .type_row .btn_01 .body div a{ display: block; line-height: 2.5; font-size: 1.3em; color: #333; cursor: pointer;}
.shopping_option .type_row .btn_01 .body div.on a{ font-weight: 400; color: #25acdc;}
.shopping_option .type_row .btn_01:hover .head i:last-child{ transform: rotate(180deg);}
.shopping_option .type_row .btn_01:hover .body{ top: 40px; padding: 10px 25px; height: auto; opacity: 1;}
@media(max-width: 767px){
    .shopping_option{ margin: 0 0 20px 0;}
    .shopping_option .type_row{ display: block; padding: 15px 15px;}
    .shopping_option .type_row .fl{ display: block; margin: 0 0 10px 0;}
    .shopping_option .type_row .fl .btn_01{ margin: 0 !important;}
    .shopping_option .type_row .fl .btn_01:last-child{ position: absolute; top: 60px; left: 15px;}
    .shopping_option .type_row .fr{ justify-content: flex-end;}
    .shopping_option .type_row .fr .btn_01{ margin: 0 0 0 5px !important;}

    .shopping_option .type_row .btn_01{ margin: 0 5px 0 0;}
    .shopping_option .type_row .btn_01 .head{ height: 35px;}
    .shopping_option .type_row .btn_01 .head p{ font-size: 12px;}
    .shopping_option .type_row .btn_01 .head i:first-child{ margin: 0 3px 0 0; font-size: 16px;}
    .shopping_option .type_row .btn_01 .head i:last-child{ margin: 0 0 0 3px; font-size: 10px;}
    .shopping_option .type_row .btn_01 .body div a{ font-size: 12px;}
    .shopping_option .type_row .btn_01:hover .body{ top: 35px; padding: 10px 20px;}

    .shopping_option .type_row .btn_01.menu{ overflow: hidden; margin: 0 -15px !important; height: 35px;}
    .shopping_option .type_row .btn_01.menu .head{ display: none;}
    .shopping_option .type_row .btn_01.menu .body{ overflow-x: scroll; display: flex; position: static; padding: 0 15px; height: 60px; border-radius: 0; background: none; box-shadow: none; opacity: 1;}
    .shopping_option .type_row .btn_01.menu .body div a{ display: flex; align-items: center; margin: 0 5px 0 0; padding: 0 10px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/5%); background: rgba(0 0 0/30%); font-size: 13px; font-weight: 400; color: #FFF;}
    .shopping_option .type_row .btn_01.menu .body div:last-child a{ margin: 0;}
    .shopping_option .type_row .btn_01.menu .body div.on a{ background: #d81c23; color: #FFF;}
}




.shopping_search_head{}
.shopping_search_head .type_row{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 40; margin: 0 auto 30px auto; padding: 30px; border-radius: 15px; border: 1px solid #e5e5e5; background: #f5f5f5;}
.shopping_search_head .type_row img{ display: block; margin: 0 20px 0 0; width: auto; height: 40px;}
.shopping_search_head .type_row .search{ display: flex; align-items: center; position: relative; width: 400px;}
.shopping_search_head .type_row .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 1px solid #e5e5e5; background: #FFF; font-size: 1.5em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.shopping_search_head .type_row i{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 50px; height: 50px; border-radius: 50%; background: #25acdc; font-size: 25px; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .shopping_search_head{}
    .shopping_search_head .type_row{ margin: 0 auto 20px auto; padding: 20px 15px;}
    .shopping_search_head .type_row .search{ width: 100%; height: 40px;}
    .shopping_search_head .type_row .search input{ height: 40px; font-size: 13px;}
    .shopping_search_head .type_row i{ margin: 0 0 0 5px; flex: 0 0 40px; width: 40px; height: 40px; font-size: 18px;}
}




.shopping_list{}
.shopping_list .type_row{ overflow: hidden;}
.shopping_list .type_row ul{ display: flex; flex-wrap: wrap; margin: -30px -10px 0 -10px;}
.shopping_list .type_row ul li{ margin: 30px 0 0 0; width: 25%;}
.shopping_list .type_row ul li .row{ margin: 0 10px;}
.shopping_list .type_row ul li .row .img{ position: relative; border-radius: 15px;}
.shopping_list .type_row ul li .row .img:before{ content: ""; display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; background: rgba(0 0 0/50%); opacity: 0; transition: all .3s;}
.shopping_list .type_row ul li .row .img .btn_like{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,0); width: 60px; height: 60px; border-radius: 50%; background: #000; opacity: 0; transition: all .3s; cursor: pointer;}
.shopping_list .type_row ul li .row .img .btn_like i{ font-size: 30px; color: #FFF; transition: all .3s;}
.shopping_list .type_row ul li .row .img .btn_like.on{ background: #F00;}
.shopping_list .type_row ul li .row .img .btn_like.on i{ color: #FFF;}
.shopping_list .type_row ul li .row .img .btn_link{ display: block; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.shopping_list .type_row ul li .row .img .time{ display: flex; align-items: center; position: absolute; z-index: 4; top: 15px; left: 15px; padding: 0 10px; height: 25px; border-radius: 5px; background: #8bb92c; font-size: 1.2em; color: #FFF;}
.shopping_list .type_row ul li .row .img .bg{ display: block; position: relative;}
.shopping_list .type_row ul li .row .img .bg:before{ content: ""; display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; border: 1px solid rgba(0 0 0/6%);}
.shopping_list .type_row ul li .row .img .bg img:first-child{ display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px;}
.shopping_list .type_row ul li .row .img .bg img:last-child{ display: block; width: 100%; height: auto;}
.shopping_list .type_row ul li .row .info{ overflow: hidden; position: relative; padding: 20px 20px 0 0;}
.shopping_list .type_row ul li .row .info .t1{ display: flex; align-items: center;}
.shopping_list .type_row ul li .row .info .t1 a{ line-height: 1; font-size: 1.2em; font-weight: 400; color: #333;}
.shopping_list .type_row ul li .row .info .t1 span{ display: block; margin: 0 10px 2px 10px; width: 1px; height: 10px; background: #CCC;}
.shopping_list .type_row ul li .row .info .t1 p{ line-height: 1; font-size: 1.2em; color: #666;}
.shopping_list .type_row ul li .row .info .t2{ margin: 15px 0 0 0; line-height: 1; font-size: 1.6em; font-weight: 400; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.shopping_list .type_row ul li .row .info .price{ margin: 15px 0 0 0; font-size: 1.8em; font-weight: 500; color: #000;}
.shopping_list .type_row ul li .row .info .price span{ padding: 0 5px 0 0; font-size: 15px; color: #e06842; padding-right:0;}
.shopping_list .type_row ul li .row .info .price span.rg_price{color:#b5b5b5; text-decoration:line-through}
.shopping_list .type_row ul li .row .info .date{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0; font-size: 1.2em; color: #666;}
.shopping_list .type_row ul li .row .info .date span{ display: flex; align-items: center; padding: 0 10px; height: 25px; border-radius: 10px; background: #f5f5f5; font-size: 12px; font-weight: 400; color: #666;}
.shopping_list .type_row ul li .row .info .date span i{ margin: 0 3px 0 0; font-size: 12px; color: #666;}
.shopping_list .type_row ul li .row:hover .img:before{ opacity: 1;}
.shopping_list .type_row ul li .row:hover .img .btn_like{ transform: translate(-50%,-50%); opacity: 1;}
.shopping_list.my{ padding: 0;}
.shopping_list.my .type_row ul li{ width: 33.333%;}
@media(max-width: 1400px){
    .shopping_list .type_row ul li{ width: 25%;}
    .shopping_list.mypage .type_row ul li{ width: 33.333%;}
    .shopping_list .type_row ul li .row .img:before{ display: none;}
    .shopping_list .type_row ul li .row .img .btn_like{ top: inherit; left: inherit; right: 20px; bottom: -20px; transform: translate(0,0); width: 40px; height: 40px; opacity: 1;}
    .shopping_list .type_row ul li .row .img .btn_like i{ font-size: 20px;}
    .shopping_list .type_row ul li .row:hover .img .btn_like{ transform: translate(0,0);}
}
@media(max-width: 1025px){
    .shopping_list .type_row ul li{ width: 33.333%;}
}
@media(max-width: 767px){
    .shopping_list{}
    .shopping_list .type_row ul{ margin: -20px 5px 0 5px;}
    .shopping_list .type_row ul li{ margin: 20px 0 0 0; width: 50%;}
    .shopping_list.mypage .type_row ul li{ width: 50%;}
    .shopping_list .type_row ul li .row{ margin: 0 5px;}
    .shopping_list .type_row ul li .row .img .btn_like{ right: 10px; bottom: -15px; width: 30px; height: 30px;}
    .shopping_list .type_row ul li .row .img .btn_like i{ font-size: 15px;}
    .shopping_list .type_row ul li .row .info{ padding: 15px 10px 0 0;}
    .shopping_list .type_row ul li .row .info .t1 a{ font-size: 10px;}
    .shopping_list .type_row ul li .row .info .t1 span{ margin: 0 8px;}
    .shopping_list .type_row ul li .row .info .t1 p{ font-size: 10px;}
    .shopping_list .type_row ul li .row .info .t2{ margin: 10px 0 0 0; font-size: 14px; line-height: 1.2;}
    .shopping_list .type_row ul li .row .info .price{ margin: 10px 0 0 0;}
    .shopping_list .type_row ul li .row .info .price span{ font-size: 12px;}
    .shopping_list .type_row ul li .row .info .date{ margin: 5px 0 0 0; font-size: 10px;}
    .shopping_list .type_row ul li .row .info .date span{ padding: 0 5px; height: 25px; font-size: 10px;}
    .shopping_list .type_row ul li .row .info .date span i{ font-size: 10px;}
    .shopping_list.my .type_row ul li{ width: 50%;}
}



/*수정후*/

/* .shopping_detail{ position: relative;}
.shopping_detail .type_row{ position: relative; z-index: 1; padding: 0 0 0 0px; width: 400px;}
.shopping_detail .type_row .fl{ float: left; margin: 0px 0 0 -400px; width: 100%;}
.shopping_detail .type_row .fl .shopping_detail_img{ position: relative;}
.shopping_detail .type_row .fl .shopping_detail_img .row{ display: flex; flex-direction: column; justify-content: flex-start; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding: 0px;}
.shopping_detail .type_row .fl .shopping_detail_img .row .time{ display: flex; align-items: center; position: absolute; z-index: 4; top: 20px; left: 25px; padding: 0 10px; height: 25px; border-radius: 5px; background: #8bb92c; font-size: 1.2em; color: #FFF;}
.shopping_detail .type_row .fl .shopping_detail_img .row .view{ display: flex; position: absolute; z-index: 4; top: 20px; right: 60px;}
.shopping_detail .type_row .fl .shopping_detail_img .row .view a{ display: flex; align-items: center; margin: 0 0 0 20px; height: 25px;}
.shopping_detail .type_row .fl .shopping_detail_img .row .view a i{ font-size: 1.8em; color: rgba(255 255 255/80%);}
.shopping_detail .type_row .fl .shopping_detail_img .row .view a p{ padding: 0 0 0 5px; font-size: 1.5em; color: rgba(255 255 255/90%);}
.shopping_detail .type_row .fl .shopping_detail_img .row .top{
}
.shopping_detail .type_row .fl .shopping_detail_img .row .top .img{ flex: 0 0 150px; display: block; margin: 0 0px 0 0; width: 90%; height: auto; border-radius: 10px;}

.shopping_detail .type_row .fl .shopping_detail_img .row .info{ width: 100%; padding: 30px 30px 0 30px;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info .t1{ display: flex; align-items: center;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info .t1 a{ line-height: 1; font-size: 1.3em; font-weight: 400; color: #FFF;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info .t1 span{ display: block; margin: 0 10px 1px 10px; width: 1px; height: 10px; background: rgba(255 255 255/30%);}
.shopping_detail .type_row .fl .shopping_detail_img .row .info .t1 p{ line-height: 1; font-size: 1.3em; color: #FFF;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info .t2{ display: block; margin: 15px 0 0 0; line-height: 1.4; font-size: 2em; font-weight: 400; color: #FFF;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info ul{ margin: 15px 0 0 0;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info ul li{ display: flex; align-items: center; padding: 5px 0;}
.shopping_detail .type_row .fl .shopping_detail_img .row .info ul li i{ font-size: 1.3em;  color: rgba(255 255 255/50%);}
.shopping_detail .type_row .fl .shopping_detail_img .row .info ul li p{ margin: 0 0 0 10px; font-size: 1.2em; color: rgba(255 255 255/90%);}
.shopping_detail .type_row .fl .shopping_detail_img .row .price{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0; padding: 30px 30px 0px 30px; border-top: 1px solid rgba(255 255 255/20%); font-size: 2em; font-weight: 400; color: #FFF;}
.shopping_detail .type_row .fl .shopping_detail_img .row .price span{ padding: 0 5px 0 0; font-size: 15px; color: #e06842;}
.shopping_detail .type_row .fl .shopping_detail_img .bg{ overflow: hidden; position: relative; border-radius: 15px;}
.shopping_detail .type_row .fl .shopping_detail_img .bg:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; 
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.shopping_detail .type_row .fl .shopping_detail_img .bg img{ width: 85%; height: auto;}

.shopping_detail .type_row .fr{ min-height: 550px; width: 400px;}
.shopping_detail .type_row .fr .shopping_detail_info{ display: flex; flex-direction: column;}
.shopping_detail .type_row .fr .shopping_detail_info .row{ display: flex; flex-direction: column;}
.shopping_detail .type_row .fr .shopping_detail_info .row .tit{ font-size: 2em; font-weight: 400; padding-left: 10px;}
.shopping_detail .type_row .fr .shopping_detail_info .row:after{ content: ''; display: block; width: 100%; height: 2px; background: #DDD; margin: 15px 0 30px 0;}
.shopping_detail .type_row .fr .shopping_detail_info .cont{}
.shopping_detail .type_row .fr .shopping_detail_info .cont .list{}
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul{ margin-bottom: 2 }
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li{ display: flex; margin: 0 0 20px 20px;}
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li b{ width: 20%; font-size: 1.6em; font-weight: 400;}
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li p{ font-size: 1.4em;}
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li a{ font-size: 1.2em; }
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li ul{ margin-top: 15px; border: 1px solid #DDD; border-radius: 10px; padding: 15px 50px 0 15px; }
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li ul li{ margin: 0 0 20px 0; font-size: 1.1em; }
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li ul li b{  font-size: 1em; font-weight: 400; margin-right: 20px;}
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li select{ width: 350px; height: 36px; position: relative; top: -5px; border-radius: 5px; }
.shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li select option{ }

.shopping_detail.type_full .book { display: block; font-weight: 400; font-size: 2em; text-align: center; padding-top: 35px;}


.shopping_detail .fb{ width: 100%; max-width: 400px; margin: 0 auto;}
.shopping_detail .fb .select { display: flex; flex-direction: column; margin-top: 40px; }
.shopping_detail .fb .date_calendar{ padding: 30px 30px 30px 30px; border-radius: 15px; border: 1px solid #DDD; width: 100%; margin-top: 20px; }
.shopping_detail .fb .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_detail .fb .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.shopping_detail .fb .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #25acdc;}
.shopping_detail .fb .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.shopping_detail .fb .date_calendar .menu .btn{}
.shopping_detail .fb .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.shopping_detail .fb .date_calendar .menu p{ font-size: 1.5em; font-weight: 400; color: #000;}
.shopping_detail .fb .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.shopping_detail .fb .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.shopping_detail .fb .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0;}
.shopping_detail .fb .date_calendar .body p{ display: flex; justify-content: center; align-items: center; position: relative; margin: 1px 0; width: 14.285%; height: 35px; background: #f5f7fa; font-size: 1.2em; color: #999; cursor: pointer;}
.shopping_detail .fb .date_calendar .body p.on{ background: none; color: #000;}
.shopping_detail .fb .date_calendar .body p.on.click{ font-weight: 500; color: #FFF;}
.shopping_detail .fb .date_calendar .body p.on.click:after{ content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 50%; transform: translate(-50%,0); width: 35px; height: 35px; border-radius: 50%; background: #25acdc;}

.shopping_detail .fb .sd_time{ margin: 20px 0 0 0; padding: 0px 30px 30px 30px; border-radius: 15px; width: 100%;
}
.shopping_detail .fb .sd_time .title{ padding: 20px 0; font-size: 1.5em; font-weight: 400; color: #333;}
.shopping_detail .fb .sd_time ul{ margin: -10px 0 0 0;}
.shopping_detail .fb .sd_time ul li{ margin: 10px 0 0 0; cursor: pointer;}
.shopping_detail .fb .sd_time ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px; border-radius: 10px; background: #f5f7fa;}
.shopping_detail .fb .sd_time ul li a p{ font-size: 1.2em; color: #333;}
.shopping_detail .fb .sd_time ul li a span{ font-size: 1.2em; color: #666;}
.shopping_detail .fb .sd_time ul li.on a{ background: #25acdc;}
.shopping_detail .fb .sd_time ul li.on a p{ color: #FFF;}
.shopping_detail .fb .sd_time ul li.on a span{ color: #FFF;}

.shopping_detail .fb .sd_time .sd_seat ul{ margin: -10px 0 0 0; display: flex; }
.shopping_detail .fb .sd_time .sd_seat ul li{ margin: 10px 15px 0 0; cursor: pointer; width: 40px;}
.shopping_detail .fb .sd_time .sd_seat ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px; border-radius: 10px; background: #f5f7fa;}
.shopping_detail .fb .sd_time .sd_seat ul li a p{ font-size: 1.2em; color: #333;}
.shopping_detail .fb .sd_time .sd_seat ul li a span{ font-size: 1.2em; color: #666;}
.shopping_detail .fb .sd_time .sd_seat ul li.on a{ background: #25acdc;}
.shopping_detail .fb .sd_time .sd_seat ul li.on a p{ color: #FFF;}
.shopping_detail .fb .sd_time .sd_seat ul li.on a span{ color: #FFF;}

.shopping_detail .fb .sd_blank { width: 1px; min-height: 50%; background: #DDD; margin: 3% 0 1%; }

.shopping_detail .fb .sd_option{ margin: 20px 0 0 0; padding: 0 30px 30px 30px; border-radius: 0px; width: 100%; 
}
.shopping_detail .fb .sd_option .title{ padding: 12px 0 15px 0; font-size: 1.5em; font-weight: 400; color: #333;}
.shopping_detail .fb .sd_option .row{ display: flex; justify-content: space-around; align-items: center; margin: 10px 0 0 0; padding: 10px; border-radius: 10px; background: #f5f7fa;}
.shopping_detail .fb .sd_option .row1{ background: none; padding: 0px; margin: 0; 
margin-bottom: 10px; justify-content: flex-start; }

.shopping_detail .fb .sd_option .row .pay_icon{ display: flex; align-items: center; width: 80%; justify-content: space-between;}
.shopping_detail .fb .sd_option .row .pay_icon li { width: 40px; height: 40px;}
.shopping_detail .fb .sd_option .row .pay_icon li a{ }
.shopping_detail .fb .sd_option .row .pay_icon li a .img{ width: 40px; height: 40px;}
.shopping_detail .fb .sd_option .row .pay_icon li a .img img { width:100%; height: 100%; }

.shopping_detail .fb .sd_option .row .rr{ display: flex; flex-direction: column; align-items: flex-end;}
.shopping_detail .fb .sd_option .row .tit{ font-size: 1.3em; color: #000;}
.shopping_detail .fb .sd_option .row .btn{ display: flex; margin: 10px 0 0 0;}
.shopping_detail .fb .sd_option .row .btn i{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #DDD; background: #FFF; font-size: 1.3em; color: #000; cursor: pointer;}
.shopping_detail .fb .sd_option .row .btn i:nth-child(1){ border-radius: 5px 0 0 5px;}
.shopping_detail .fb .sd_option .row .btn i:nth-child(3){ border-radius: 0 5px 5px 0;}
.shopping_detail .fb .sd_option .row .btn i:hover{ background: #f0f0f0;}
.shopping_detail .fb .sd_option .row .btn input{ display: flex; align-items: center; margin: 0 -1px; padding: 0; width: 50px; height: 30px; border-radius: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; text-align: center; font-size: 1.2em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.shopping_detail .fb .sd_option .row .price{ font-size: 1.4em; font-weight: 400; color: #F00;}
.shopping_detail .fb .sd_option .row .xi-close{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; width: 30px; height: 30px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 1.3em; color: #000; cursor: pointer;}
.shopping_detail .fb .sd_option .row .xi-close:hover{ background: #f0f0f0;}

.shopping_detail .fb .result { width: 100%; padding-left: 0%; padding-right: 30px; }
.shopping_detail .fb .result:after { }
.shopping_detail .fb .result .sd_price{ display: flex; justify-content: space-between; align-items: center; margin: 40px 0 0 0;}
.shopping_detail .fb .result .sd_price p{ font-size: 1.5em; color: #333;}
.shopping_detail .fb .result .sd_price span{ font-size: 2.5em; font-weight: 500; color: #F00;}

.shopping_detail .fb .result .sd_btn{ margin: 20px 0 0 0;}
.shopping_detail .fb .result .sd_btn ul{ display: flex; margin: 0 -5px;}
.shopping_detail .fb .result .sd_btn ul li{ width: 100%;}
.shopping_detail .fb .result .sd_btn ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 60px; border-radius: 15px; border: 1px solid #333; background: #333; cursor: pointer;}
.shopping_detail .fb .result .sd_btn ul li a i{ font-size: 2.5em; font-weight: 400; color: #FFF;}
.shopping_detail .fb .result .sd_btn ul li a p{ font-size: 2em; font-weight: 400; color: #FFF;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(1){ flex: 0 0 70px;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(1) a.on{ border-color: #F00; background: #F00;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(1) a.on i{ color: #FFF;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(2) a{ border-color: #25acdc; background: #25acdc;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(2) a p{ color: #FFF;}
 */


/* detail */

.detail_tit{ padding-left: 20px;}
.detail_tit .type_row{ max-width: 1200px;}
.detail_tit .type_row ul{ }
.detail_tit .type_row ul li{ padding: 5px 15px; text-align: center; border-radius: 8px; margin: 0 8px 20px 0; background: #0c0c3b; color: #fff;}
.detail_tit .type_row ul li:nth-child(2){ background: #40a5e8; }
.detail_tit .type_row ul li p{ font-size: 12px; font-weight: 400;}
.detail_tit .h1{ display: block; max-width: 1200px; margin: 0 auto;}
.detail_tit .h1 p{font-size: 2em; font-weight: 600; margin-bottom: 30px;}


.shopping_detail{ position: relative;}
.shopping_detail .booking{ position: relative; z-index: 1; padding: 0 0 0 0px; display: flex; max-width: 1200px; margin: 0 auto; }
.shopping_detail .booking .fl{ float: left; margin: 0px 0 0 0px; width: 400px;}
.shopping_detail .booking .fl .shopping_detail_img{ position: relative;}
.shopping_detail .booking .fl .shopping_detail_img .row{ display: flex; flex-direction: column; justify-content: flex-start; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding: 0px;}
.shopping_detail .booking .fl .shopping_detail_img .row .time{ display: flex; align-items: center; position: absolute; z-index: 4; top: 20px; left: 25px; padding: 0 10px; height: 25px; border-radius: 5px; background: #8bb92c; font-size: 1.2em; color: #FFF;}
.shopping_detail .booking .fl .shopping_detail_img .row .view{ display: flex; position: absolute; z-index: 4; top: 20px; right: 60px;}
.shopping_detail .booking .fl .shopping_detail_img .row .view a{ display: flex; align-items: center; margin: 0 0 0 20px; height: 25px;}
.shopping_detail .booking .fl .shopping_detail_img .row .view a i{ font-size: 1.8em; color: rgba(255 255 255/80%);}
.shopping_detail .booking .fl .shopping_detail_img .row .view a p{ padding: 0 0 0 5px; font-size: 1.5em; color: rgba(255 255 255/90%);}
.shopping_detail .booking .fl .shopping_detail_img .row .top{
     /* display: flex; align-items: flex-end; */
}
.shopping_detail .booking .fl .shopping_detail_img .row .top .img{ flex: 0 0 150px; display: block; margin: 0 0px 0 0; width: 95%; height: auto; border-radius: 10px;}

.shopping_detail .booking .fl .shopping_detail_img .row .info{ width: 100%; padding: 30px 30px 0 30px;}
.shopping_detail .booking .fl .shopping_detail_img .row .info .t1{ display: flex; align-items: center;}
.shopping_detail .booking .fl .shopping_detail_img .row .info .t1 a{ line-height: 1; font-size: 1.3em; font-weight: 400; color: #FFF;}
.shopping_detail .booking .fl .shopping_detail_img .row .info .t1 span{ display: block; margin: 0 10px 1px 10px; width: 1px; height: 10px; background: rgba(255 255 255/30%);}
.shopping_detail .booking .fl .shopping_detail_img .row .info .t1 p{ line-height: 1; font-size: 1.3em; color: #FFF;}
.shopping_detail .booking .fl .shopping_detail_img .row .info .t2{ display: block; margin: 15px 0 0 0; line-height: 1.4; font-size: 2em; font-weight: 400; color: #FFF;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul{ margin: 15px 0 0 0;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul li{ display: flex; align-items: center; padding: 5px 0;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul li i{ font-size: 1.3em;  color: rgba(255 255 255/50%);}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul li p{ margin: 0 0 0 10px; font-size: 1.2em; color: rgba(255 255 255/90%);}
.shopping_detail .booking .fl .shopping_detail_img .row .price{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0; padding: 30px 30px 0px 30px; border-top: 1px solid rgba(255 255 255/20%); font-size: 2em; font-weight: 400; color: #FFF;}
.shopping_detail .booking .fl .shopping_detail_img .row .price span{ padding: 0 5px 0 0; font-size: 15px; color: #e06842;}
.shopping_detail .booking .fl .shopping_detail_img .bg{ overflow: hidden; position: relative; border-radius: 15px;}
.shopping_detail .booking .fl .shopping_detail_img .bg:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; 
     /* background: linear-gradient(to bottom, rgba(0 0 0/50%), rgba(0 0 0/80%)); */
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.shopping_detail .booking .fl .shopping_detail_img .bg img{ width: 85%; height: auto;}

.shopping_detail .booking .fr{ width: 500px; padding:0 30px 0 20px; }
.shopping_detail .booking .fr .shopping_detail_info{ display: flex; flex-direction: column;}
.shopping_detail .booking .fr .shopping_detail_info .row{ display: flex; flex-direction: column;}
.shopping_detail .booking .fr .shopping_detail_info .row .tit{ font-size: 2em; font-weight: 400; padding-left: 10px;}
.shopping_detail .booking .fr .shopping_detail_info .row:after{ content: ''; display: block; width: 100%; height: 2px; background: #DDD; margin: 15px 0 30px 0;}
.shopping_detail .booking .fr .shopping_detail_info .cont{ padding-top: 20px;}
.shopping_detail .booking .fr .shopping_detail_info .cont .list{}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul{ margin-bottom: 20px; }
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li{ display: flex; margin: 0 0 20px 20px;}
/* .shopping_detail .type_row .fr .shopping_detail_info .cont .list ul li:last-child{ display: unset; } */
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li b{ width: 25%; font-size: 1.6em; font-weight: 500;}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li p{ font-size: 1.5em; font-weight: 400; line-height: 1.5;}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li a{ font-size: 1.2em; }
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li ul{ }
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li ul li{ margin: 0 0 10px 0; font-size: 1.6em; }
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li ul li b{  font-size: 14px; font-weight: 400; margin-right: 0px;}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li select{ width: 350px; height: 36px; position: relative; top: -5px; border-radius: 5px; }
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li select option{ }

.shopping_detail.type_full .book { display: block; font-weight: 400; font-size: 2em; text-align: center; padding-top: 35px;}


.shopping_detail .fb{ width: 340px;  padding:0 20px;min-width: 340px;}
.shopping_detail .fb .select { display: flex; flex-direction: column; margin-top: 0px; }
.shopping_detail .fb .date_calendar{ padding: 0px 20px 20px 20px; border-radius: 15px; border: 1px solid #DDD; width: 100%; margin-top: 0px; }
.shopping_detail .fb .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_detail .fb .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.shopping_detail .fb .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #25acdc;}
.shopping_detail .fb .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.shopping_detail .fb .date_calendar .title{ padding: 20px 0 10px 0; font-size: 12px; font-weight: 400; color: #666;}
.shopping_detail .fb .date_calendar .menu .btn{}
.shopping_detail .fb .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.shopping_detail .fb .date_calendar .menu p{ font-size: 1.5em; font-weight: 400; color: #000;}
.shopping_detail .fb .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.shopping_detail .fb .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.shopping_detail .fb .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0;}
.shopping_detail .fb .date_calendar .body p{ display: flex; justify-content: center; align-items: center; position: relative; margin: 1px 0; width: 14.285%; height: 35px; 
/* background: #f5f7fa;  */
font-size: 1.2em; color: #999; cursor: pointer;}
.shopping_detail .fb .date_calendar .body p.on{ background: none; color: #000;}
.shopping_detail .fb .date_calendar .body p.on.click{ font-weight: 500; color: #FFF;}
.shopping_detail .fb .date_calendar .body p.on.nclick{ font-weight: 500; color: #FFF;}
.shopping_detail .fb .date_calendar .body p.on.click:after{ content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 50%; transform: translate(-50%,0); width: 35px; height: 35px; border-radius: 50%; background: #559cf7;}
.shopping_detail .fb .date_calendar .body p.on.nclick:after{ content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 50%; transform: translate(-50%,0); width: 35px; height: 35px; border-radius: 50%; background: #bbb;}

/* .shopping_detail .fb .date_calendar .select .title{} */
.shopping_detail .fb .date_calendar .select .title p{}
.shopping_detail .fb .select select{ width: 100%; height: 30px; outline: none; border: 1px solid #559cf7; border-radius: 5px; padding: 0 10px;}
.shopping_detail .fb .select select #seat_chk{ width: 150px;}
.shopping_detail .fb .select select option{ display: flex; justify-content: space-between; font-size: 1.1em; font-weight: 400; height: 30px; }
/* .shopping_detail .fb .select select option em{} */

.shopping_detail .fb .date_calendar .select{ display: flex !important; justify-content: space-between;}






/* 
.shopping_detail .fb .sd_time{ margin: 20px 0 0 0; padding: 0px 30px 30px 30px; border-radius: 15px; width: 100%; border: 1px solid #DDD;}
.shopping_detail .fb .sd_time .title{ padding: 20px 0; font-size: 1.5em; font-weight: 400; color: #333;}
.shopping_detail .fb .sd_time ul{ margin: -10px 0 0 0;}
.shopping_detail .fb .sd_time ul li{ margin: 10px 0 0 0; cursor: pointer;}
.shopping_detail .fb .sd_time ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px; border-radius: 10px; background: #f5f7fa;}
.shopping_detail .fb .sd_time ul li a p{ font-size: 1.2em; color: #333;}
.shopping_detail .fb .sd_time ul li a span{ font-size: 1.2em; color: #666;}
.shopping_detail .fb .sd_time ul li.on a{ background: #559cf7;}
.shopping_detail .fb .sd_time ul li.on a p{ color: #FFF;}
.shopping_detail .fb .sd_time ul li.on a span{ color: #FFF;}

.shopping_detail .fb .sd_time .sd_seat ul{ margin: -10px 0 0 0; display: flex; }
.shopping_detail .fb .sd_time .sd_seat ul li{ margin: 10px 15px 0 0; cursor: pointer; width: 40px;}
.shopping_detail .fb .sd_time .sd_seat ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px; border-radius: 10px; background: #f5f7fa;}
.shopping_detail .fb .sd_time .sd_seat ul li a p{ font-size: 1.2em; color: #333;}
.shopping_detail .fb .sd_time .sd_seat ul li a span{ font-size: 1.2em; color: #666;}
.shopping_detail .fb .sd_time .sd_seat ul li.on a{ background: #559cf7;}
.shopping_detail .fb .sd_time .sd_seat ul li.on a p{ color: #FFF;}
.shopping_detail .fb .sd_time .sd_seat ul li.on a span{ color: #FFF;}
 */

.shopping_detail .fb .sd_blank { width: 1px; min-height: 50%; background: #DDD; margin: 3% 0 1%; }

.shopping_detail .fb .sd_option{ margin: 10px 0 0 0; padding: 0 20px 20px 20px; border-radius: 15px; width: 100%; border: 1px solid #DDD; }
.shopping_detail .fb .sd_optionb > div{position:relative;}
.shopping_detail .fb .sd_option .title{ padding: 20px 0 10px 0; font-size: 14px; font-weight: 600; color: #000;}
.shopping_detail .fb .sd_option .row{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0; padding: 10px; border-radius: 10px; background: #f5f7fa;}
.shopping_detail .fb .sd_option .row1{ background: none; padding: 0px; margin: 0; margin-bottom: 10px; justify-content: flex-start; }



.shopping_detail .fb .sd_option .row .pay_icon{ display: flex; align-items: center; width: 80%; justify-content: space-between;}
.shopping_detail .fb .sd_option .row .pay_icon li { width: 40px; height: 40px;}
/* .shopping_detail .fb .sd_option .row .pay_icon li:nth-child(1) { } */
.shopping_detail .fb .sd_option .row .pay_icon li a{ }
.shopping_detail .fb .sd_option .row .pay_icon li a .img{ width: 40px; height: 40px;}
.shopping_detail .fb .sd_option .row .pay_icon li a .img img { width:100%; height: 100%; }

.shopping_detail .fb .sd_option .row .rr{ display: flex; flex-direction: column; align-items: flex-end;}
.shopping_detail .fb .sd_option .row .tit{ font-size: 1.3em; color: #000;}
.shopping_detail .fb .sd_option .row .btn{ display: flex; margin: 10px 0 0 0;}
.shopping_detail .fb .sd_option .row .btn i{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #DDD; background: #FFF; font-size: 1.3em; color: #000; cursor: pointer;}
.shopping_detail .fb .sd_option .row .btn i:nth-child(1){ border-radius: 5px 0 0 5px;}
.shopping_detail .fb .sd_option .row .btn i:nth-child(3){ border-radius: 0 5px 5px 0;}
.shopping_detail .fb .sd_option .row .btn i:hover{ background: #f0f0f0;}
.shopping_detail .fb .sd_option .row .btn input{ display: flex; align-items: center; margin: 0 -1px; padding: 0; width: 50px; height: 30px; border-radius: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; text-align: center; font-size: 1.2em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.shopping_detail .fb .sd_option .row .price{ font-size: 1.4em; font-weight: 400; color: #F00;}
.shopping_detail .fb .sd_option .row .xi-close{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; width: 30px; height: 30px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 1.3em; color: #000; cursor: pointer;}
.shopping_detail .fb .sd_option .row .xi-close:hover{ background: #f0f0f0;}

.shopping_detail .fb .result { width: 100%; padding-left: 0%; padding-right: 0px; }
.shopping_detail .fb .result:after { }
.shopping_detail .fb .result .sd_price{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;  font-size: 1.8em;}
.shopping_detail .fb .result .sd_price p{ color: #559cf7;}
.shopping_detail .fb .result .sd_price span{ font-weight: 500; color: #559cf7;}

.shopping_detail .fb .result .sd_btn{ margin: 5% 0 0 0;}
.shopping_detail .fb .result .sd_btn ul{ display: flex; margin: 0 -5px;}
.shopping_detail .fb .result .sd_btn ul li{ width: 100%;}
.shopping_detail .fb .result .sd_btn ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 60px; border-radius: 15px; border: 1px solid #333; background: #333; cursor: pointer;}
.shopping_detail .fb .result .sd_btn ul li a i{ font-size: 2.5em; font-weight: 400; color: #FFF;}
.shopping_detail .fb .result .sd_btn ul li a p{ font-size: 2em; font-weight: 400; color: #FFF;}
/* .shopping_detail .fb .result .sd_btn ul li:nth-child(1){ flex: 0 0 70px;} */
/* .shopping_detail .fb .result .sd_btn ul li:nth-child(1) a.on{ border-color: #F00; background: #F00;} */
.shopping_detail .fb .result .sd_btn ul li:nth-child(1) a.on i{ color: #FFF;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(1) a{ border-color: #559cf7; background: #559cf7;}
.shopping_detail .fb .result .sd_btn ul li:nth-child(1) a p{ color: #FFF;}
.regular_price{text-decoration:line-through; color:#b5b5b5;}
.discount_rate{font-weight:600}
.discount_rate:before{content:''; background-image:url(../../images/ico_sale.png);  background-size:cover; width:15px; height:15px; display:inline-block; margin:0 2px 0 5px; vertical-align:middle}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li .con td .sale_price b{font-weight:600}
.sale_price{font-weight:600}

.detail_info h2.title_header{background-color:#f5f5f5; padding:20px; letter-spacing:0.5px}
.detail_info > article > div{font-size:15px; padding:10px 20px; margin-bottom:20px;}
div.contents_wrapper{font-size:15px;  padding:20px;}
.detail_info > article div.schedule_wrapper{font-size:15px;  padding:20px; margin:20px; border:1px solid #ddd; margin-bottom:30px;}
.schedule_box > ul > li{display:flex; padding:10px;}
.schedule_box > ul > li > h3{position:relative; margin-right:20px; font-weight:600; background-color:#fff; }
.schedule_box > ul > li > h3 > span{padding-bottom:10px; display:block}
.schedule_box > ul > li > h3:after{content:''; width:1px; height:100%; background:url('../../images/dash_bg.png'); display:block; position:absolute; left:17px;}
.schedule_box > ul > li:last-child h3:after{display:none}
.schedule_box > ul > li h4{ font-weight:600}
.schedule_box > ul > li p{font-size:15px; margin:0px 0 10px}
.detaile_price_table{width:100%; border-collapse:collapse}
.detaile_price_table th{background-color:#22ac75; color:#fff;}
.detaile_price_table th,
.detaile_price_table td{border:1px solid #ddd; padding:10px 20px}
div.schedule_imgs_box img{max-width:100%;}







/* 여기까지 */







@media(max-width: 1025px){
    /* .shopping_detail .booking{ padding: 0 0 0 0px;}
    .shopping_detail .booking .fl{ margin: 0 0 0 0px;}
    .shopping_detail .booking .fl .shopping_detail_img .row .top .img{ flex: 0 0 120px; margin: 0 15px 0 0; }
    .shopping_detail .booking .fl .shopping_detail_img .row .info .t2{ margin: 10px 0 0 0; font-size: 1.6em;}
    .shopping_detail .booking .fl .shopping_detail_img .row .info ul{ margin: 10px 0 0 0;} */
}
@media(max-width: 767px){

    .detail_tit .type_row{ max-width: 767px;}
.detail_tit .type_row ul{ }
.detail_tit .type_row ul li{ padding: 5px 15px; text-align: center; border-radius: 8px; margin: 0 8px 20px 0; background: #0c0c3b; color: #fff;}
.detail_tit .type_row ul li:nth-child(2){ background: #40a5e8; }
.detail_tit .type_row ul li p{ font-size: 12px; font-weight: 400;}
.detail_tit .h1{ display: block; max-width: 1200px; margin: 0 auto;}
.detail_tit .h1 p{font-size: 2em; font-weight: 400; margin-bottom: 30px;}

.shopping_detail{ width: 96%; margin: 0 auto; }
.shopping_detail .booking{ padding: 0; flex-direction: column; }
.shopping_detail .booking .fl{ float: inherit; margin: 0; width: auto; min-height: 633px;}
.shopping_detail .booking .fl .shopping_detail_img .row{ padding: 0px;}
.shopping_detail .booking .fl .shopping_detail_img .row .time{ top: 20px; left: 20px;}
.shopping_detail .booking .fl .shopping_detail_img .row .view{ top: 20px; right: 20px;}
/* .shopping_detail .booking .fl .shopping_detail_img .row .top{ display: flex; align-items: center; } */
.shopping_detail .booking .fl .shopping_detail_img .row .top .img{ height: 100%; margin: 0 auto;}
.shopping_detail .booking .fl .shopping_detail_img .row .info .t2{ margin: 10px 0 0 0; font-size: 18px;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul{ margin: 10px 0 0 0;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul li{ padding: 3px 0;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul li i{ font-size: 12px;}
.shopping_detail .booking .fl .shopping_detail_img .row .info ul li p{ margin: 0 0 0 5px; font-size: 10px;}
.shopping_detail .booking .fl .shopping_detail_img .row .price{ margin: 20px 0 0 0; padding: 20px 0 0 0;}
.shopping_detail .booking .fl .shopping_detail_img .row .price span{ font-size: 13px;}

.shopping_detail .booking .fr .date_calendar{ margin: 20px 0 0 0; padding: 0 20px 20px 20px;}
.shopping_detail .booking .fr .sd_time{ margin: 20px 0 0 0; padding: 0 20px 20px 20px;}
.shopping_detail .booking .fr .sd_option{ margin: 20px 0 0 0; padding: 0 20px 20px 20px;}
.shopping_detail .booking .fr .sd_price{ margin: 20px 0 0 0;}

.shopping_detail .booking .fr .sd_btn{ margin: 20px 0 0 0;}
.shopping_detail .booking .fr .sd_btn ul li a{ height: 50px; border-radius: 20px;}
.shopping_detail .booking .fr .sd_btn ul li:nth-child(1){ flex: 0 0 60px;}

.shopping_detail .booking .fr{ width: 100%; padding: 0; }
.shopping_detail .booking .fr .shopping_detail_info .cont{ padding-top: 0px;}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul{ margin-top: 20px; }
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li{ display: flex; margin: 0 0 10px 10px;}
.shopping_detail .booking .fr .shopping_detail_info .cont .list ul li br{ font-size: 10px;}
.shopping_detail .booking .fr .shopping_detail_info .row{ margin: 40px 0 0 0px; }
.shopping_detail .booking .fr .shopping_detail_info .row .tit{ padding-left: 20px; }

.shopping_detail .booking .book { padding-top: 20px;}

.shopping_detail .fb { width: 100%;}
.shopping_detail .fb .select { display: flex; margin-top: 20px; flex-direction: column; justify-content: center; align-items: center;}
.shopping_detail .fb .select .title{ width: 100%;}


.shopping_detail .fb .sd_time{ width: 100%; padding: 0 20px 30px 20px;}
.shopping_detail .fb .sd_option{ width: 100%; padding: 0 20px 20px 20px; }

.shopping_detail .fb .result {padding-left: 0%; padding-top: 5%; }
.shopping_detail .fb .result .sd_price{margin: 0px 0 0 0; font-size: 20px; justify-content: space-around; }

}




.shopping_detail_view{}
.shopping_detail_view .type_row{ max-width: 1200px;}
 
/* 신규 */
.shopping_detail_view .row{ overflow: hidden; margin: 30px 0 0 0; border-radius: 15px; border: 1px solid #DDD; max-width:100%}
.shopping_detail_view .shopping_detail_tab_menu{}
.shopping_detail_view .shopping_detail_tab_menu ul{ display: flex;}
.shopping_detail_view .shopping_detail_tab_menu ul li{ width: 33.333%; border-left: 1px solid #DDD;}
.shopping_detail_view .shopping_detail_tab_menu ul li:first-child{ border-left: 0;}
.shopping_detail_view .shopping_detail_tab_menu ul li a{ display: flex; justify-content: center; align-items: center; height: 60px; border-bottom: 1px solid #DDD; background: #f5f7fa; cursor: pointer;}
.shopping_detail_view .shopping_detail_tab_menu ul li a p{ font-size: 1.5em; font-weight: 400; color: #666; text-align:center;}
.shopping_detail_view .shopping_detail_tab_menu ul li.on a{ border-bottom: 0; background: #FFF;}
.shopping_detail_view .shopping_detail_tab_menu ul li.on a p{ font-weight: 400; color: #000;}
.shopping_detail_view .shopping_detail_tab{ padding: 50px;}
.shopping_detail_view .shopping_detail_tab .title{ padding: 0 0 15px 0; font-size: 1.5em; font-weight: 400; color: #000;}
.shopping_detail_view .shopping_detail_tab .text{word-break:break-all; padding: 0 0 50px 0; line-height: 1.5; font-size: 1.3em; color: #666; display: flex; justify-content: center; align-items: center; flex-direction:column;}
.shopping_detail_view .shopping_detail_tab .text:last-child{ padding: 0;} 
.shopping_detail_view .shopping_detail_tab .text > span{display:block; width:100%}
.shopping_detail_view .shopping_detail_tab.comment_wrap{}
.shopping_detail_view .shopping_detail_tab.comment_wrap .text{flex-direction:row;}
.shopping_detail_view .shopping_detail_tab.comment_wrap .text #btn_comment{padding:11px 20px}
.shopping_detail_view .shopping_detail_tab.comment_box > .text{flex-direction:row; align-items:stretch;}

/* 기존 */
/* .shopping_detail_view .row{ overflow: hidden; margin: 30px 0 0 0; border-radius: 15px; border: 1px solid #DDD;}
.shopping_detail_view .shopping_detail_tab_menu{}
.shopping_detail_view .shopping_detail_tab_menu ul{ display: flex;}
.shopping_detail_view .shopping_detail_tab_menu ul li{ width: 33.333%; border-left: 1px solid #DDD;}
.shopping_detail_view .shopping_detail_tab_menu ul li:first-child{ border-left: 0;}
.shopping_detail_view .shopping_detail_tab_menu ul li a{ display: flex; justify-content: center; align-items: center; height: 60px; border-bottom: 1px solid #DDD; background: #f5f7fa; cursor: pointer;}
.shopping_detail_view .shopping_detail_tab_menu ul li a p{ font-size: 1.5em; font-weight: 400; color: #666;}
.shopping_detail_view .shopping_detail_tab_menu ul li.on a{ border-bottom: 0; background: #FFF;}
.shopping_detail_view .shopping_detail_tab_menu ul li.on a p{ font-weight: 400; color: #000;}
.shopping_detail_view .shopping_detail_tab{ padding: 50px;}
.shopping_detail_view .shopping_detail_tab .title{ padding: 0 0 15px 0; font-size: 1.5em; font-weight: 400; color: #000;}
.shopping_detail_view .shopping_detail_tab .text{ padding: 0 0 50px 0; line-height: 1.5; font-size: 1.3em; color: #666;}
.shopping_detail_view .shopping_detail_tab .text:last-child{ padding: 0;} */

@media(max-width: 767px){
    .shopping_detail_view .row{ margin: 20px 0 0 0; width:100%;}
    .shopping_detail_view .shopping_detail_tab_menu ul li a{ height: 50px;}
    .shopping_detail_view .shopping_detail_tab{ padding: 20px;}
    .shopping_detail_view .shopping_detail_tab .title{ padding: 0 0 10px 0; font-size: 14px;}
    .shopping_detail_view .shopping_detail_tab .text{ padding: 0 0 30px 0;}
	.shopping_detail_view .shopping_detail_tab.comment_box > .text{ flex-direction:column; padding:5px 5px}
	.shopping_detail_view .shopping_detail_tab.comment_box > .text #comment{width:100%}
	.discount_rate:before{width:13px; height:13px;}
	.detail_info h2.title_header{padding:10px 20px; font-size:15px;}
	.detail_info > article > div{padding:10px; font-size:13px; word-break:break-word;}
	.detail_info > article > div .image-container img{max-width:100%}
	.detail_info > article > div img{max-width:100%}
	.detail_info > article div.schedule_wrapper{margin:10px 0; padding:0;}
	.schedule_box table{max-width:100%}
	.schedule_box > ul > li{flex-direction:column; border-top:1px dashed #d9d9d9}
	.schedule_box > ul > li:first-child{border-top:0;}
	.schedule_box > ul > li > h3{font-size:14px; width:100%;}
	.schedule_box > ul > li > h3:after{display:none}
	.schedule_box > ul > li > h3 > span{padding-bottom:0}
	.schedule_box > ul > li > div{width:calc(100%)}
	.schedule_box > ul > li h4{font-size:14px;}
	.schedule_box > ul > li p{font-size:13px; line-height:16px; margin-top:5px;}
	div.schedule_imgs_box img{max-width:100%;}
	
}

@media(max-width: 359px){
	.detail_info h2.title_header{font-size:13px; padding:10px 15px}
	.schedule_box > ul > li h4{font-size:12px;}
	.schedule_box > ul > li p{font-size:11px; line-height:13px}
}


/* 대행,서포트 */

.support_detail{}
.support_detail .cont{}
.support_detail .cont .ment{}
.support_detail .cont .ment p{ font-size: 15px; line-height: 1.6; }
.support_detail .cont .ment p.head{  margin-bottom: 40px; font-size: 1.5em; font-weight: 400; line-height: 1.4;}
.support_detail .cont .ment p.head b{ font-size: 1.2em; font-weight: 400; line-height: 2.5; }
.support_detail .cont .intro_img{ }
.support_detail .cont .intro_img { display: flex; margin-bottom: 30px; }
.support_detail .cont .intro_img li{ width: 18%; height: 200px; width: 100%; margin-right: 2%; overflow: hidden; border-radius: 5px; position: relative;
background: #ffc;
}
.support_detail .cont .intro_img li:last-child{ margin-right: 0%;}
.support_detail .cont .intro_img li a{ display: block; color: #000; }
.support_detail .cont .intro_img li a img{ width: 100%; background-size: cover;}
.support_detail .cont .intro_img li:nth-child(3) a img{ width: 108%;}
.support_detail .cont .intro_img li a p{ font-size: 14px; font-weight: 400; z-index: 3; position: absolute; top: 15px; left: 15px; }

.support_detail .support_contact{}
.support_detail .support_contact .h1{ margin-bottom: 10px;}
.support_detail .support_contact .h1 p{ font-size: 18px; margin-bottom: 15px; font-weight: 400;}
.support_detail .support_contact .h1 b{ font-weight: 400; font-size: 15px;}
.support_detail .support_contact .apply{display: flex; flex-direction: column; }
.support_detail .support_contact .apply input{ border-radius: 5px; font-weight: 400;}
.support_detail .support_contact .apply .fl{ display: flex; flex-direction: row;  align-items: center; justify-content: space-between; margin-bottom: 20px;}
.support_detail .support_contact .apply .fl .checkbox{ margin-bottom: 10px;}
.support_detail .support_contact .apply .fl .checkbox input{}
.support_detail .support_contact .apply input{ margin-bottom: 10px; height: 30px; padding-left: 5px; outline: none; border: 1px solid #ddd; color: #ddd;}
.support_detail .support_contact .apply .sec{}
.support_detail .support_contact .apply .sec input{}
.support_detail .support_contact .btn{display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.support_detail .support_contact .btn input{height: 40px; outline: none; border: 1px solid #ddd; padding: 0; width: 100px; }
.support_detail .support_contact .apply .fl .contact_option { display: block; width: 40%; height: 30px; outline: none; border: none; border-radius: 5px; }

.support_detail .support_contact .apply .name { display: flex; justify-content: space-between; width: 100%; }

#input7{ margin: 0 5px 10px 0; padding: 0; outline: none; border: none; height: auto; }
#input8{ width: 100%; height: 30px; outline: none; border: 1px solid #ddd; color: #666; border-radius: 5px; font-weight: 400;}
#input9{ width: 49%;}
#input10{ width: 50%;}
#input11{}
#input12{ height: 80px;}
#input13{ width: 150px;}
#complete2{ background: #272b36; color: #fff; outline: 1px solid #272b36; border: 1px solid #272b36; margin-right: 8px;}
#close2{ color: #000; }


@media(max-width: 1400px){
    
}
@media(max-width: 1025px){

}
@media(max-width: 767px){

.support_detail .cont .intro p.head{ padding: 0 10px; margin-bottom: 20px;}

.support_detail .cont .intro_img { width: 100%; flex-wrap: wrap;}
.support_detail .cont .intro_img li{height: 100px; width: 50%; margin: 0; }
.support_detail .cont .intro_img li a p{ padding-left: 10px;}

}

/* most_love */
.love{}
.love .intro{ margin: 0 0 20px 0;}
.love .intro .h1{ font-weight: 400; font-size: 16px; padding-left: 20px; }
.love .cont{}
.love .cont .coupon{ width: 100%; background: #f8f9fb;}
.love .cont .coupon .head{ }
.love .cont .coupon .head .t1{}
.love .cont .coupon .head .t1 p{ float: left; font-weight: 400; font-size: 24px; margin-bottom: 30px;}

.love .cont .coupon { padding: 20px 30px;}
.love .cont .coupon ul{ display: flex; float: right; }
.love .cont .coupon ul li{ margin-right: 10px; }
.love .cont .coupon ul li:last-child{ margin-right: 0px; }
.love .cont .coupon ul li.active a{ border-bottom: 2px solid #000; padding-bottom: 5px; font-weight: 400; }
.love .cont .coupon ul li a{ color: #000; font-size: 12px;}
.blank{content: ''; display: block; clear: both;}

.love .cont .coupon .event_all { display: flex; justify-content: space-between; height: auto; }
.love .cont .coupon .event_all .event {width: calc(20% - 10px); background: #fff; height: auto; }
.love .cont .coupon .event_all .event a { color: #000; display: block; }
.love .cont .coupon .event_all .event a .img { width: 100%; position: relative; overflow: hidden; display: block; }
.love .cont .coupon .event_all .event a .img img {width: 100%; }
.love .cont .coupon .event_all .event a .img p { position: absolute; bottom: 40%; left: 70px; font-size: 1.5em; color: #fff; }
.love .cont .coupon .event_all .event a .txt { padding: 15px 20px; background: #fff;}
.love .cont .coupon .event_all .event a .txt b{ display: block; margin-bottom: 5px; font-weight: 400; font-size: 13px; }
.love .cont .coupon .event_all .event a .txt b em{ color: #d81c23; font-style: normal; margin-right: 5px; }
.love .cont .coupon .event_all .event a .txt span{ color: #666;}

.love .cont .free{ margin-top: 30px; }
.love .cont .free .head{ }
.love .cont .free .head .t1{ }
.love .cont .free .head .t1 p{margin-bottom: 20px; font-size: 20px; font-weight: 600; margin-left: 20px;}
.love .cont .free .head .t1 p.intro{ margin-bottom: 10px; font-size: 15px; line-height: 1.4; font-weight:400;}
.love .cont .free .cont{}
.love .cont .free .cont p{  line-height: 1.6; font-weight: 400;}
.love .cont .free .text{ background: #f8f9fb; display: flex; height: 100px; padding: 15px 20px 20px; width: 100%; }
.love .cont .free .text input{  outline: none; border: 1px solid #eee; }

#comment{width: calc(100% - 50px); padding: 10px 10px 10px 20px; color: #333; font-weight: 400; font-size: 14px; border: 1px solid #4a4a4a; resize: none;}
#comment::placeholder{font-weight:400}
#btn_comment{flex: 0 0 50px; border: none; background: #1c1c1c; color: #fff; padding: 0 20px; /* margin-right: 20px; */font-weight: 300;}
.love .cont .free .text input::placeholder{ color: #666; font-weight: 400; font-size: 14px;  white-space: pre-line;}

.love .cont .free .list{ margin-top: 30px; }
.love .cont .free .list .head{ display: flex; justify-content: space-between; margin-bottom: 15px; }
.love .cont .free .list .head p{font-weight: 400; font-size: 11px;}
.love .cont .free .list .head p em{ color: #d81c23; font-style: normal; font-weight: 400; font-size: 15px; }
.love .cont .free .list .head span{ border-bottom: 1px solid #333; font-weight: 400; font-size: 15px; }
.love .cont .free .list .cont{ }
.love .cont .free .list .cont:before{ content: ''; display: block; width: 100%; height: 1px; background:  #ddd; margin-bottom: 30px;}
.love .cont .free .list .cont:after{ content: ''; display: block; width: 100%; height: 1px; background:  #ddd; margin-top: 30px; }
.love .cont .free .list .cont p{ text-align: center; color: #aaa; font-size: 11px; }
.love .cont .free .list .type_page{}
.love .cont .free .list .type_page i{}
.love .cont .free .list .type_page p{}
.love .cont .free .list .type_page p.on{}


@media(max-width: 1400px){
    
}
@media(max-width: 1025px){

}
@media(max-width: 767px){
    .love .intro .h1{ padding-left: 10px; font-size: 14px;}
    .love .cont .coupon .head .t1 p{font-size: 20px; margin-bottom: 20px; }

    .love .cont .coupon ul{ display: flex; float: right; margin-bottom: 20px; }

    .love .cont .coupon .event_all .event a .txt { padding: 10px;}
    .love .cont .coupon .event_all .event a .txt b{ display: block;}
    .love .cont .coupon .event_all .event a .txt b em{ display: block; margin-bottom: 5px;}

    .love .cont .coupon { padding: 10px;}
	.love .cont .coupon .event_all{flex-wrap:wrap}
    .love .cont .coupon .event_all .event { width: calc(50% - 5px); height: auto;}
    .love .cont .coupon .event_all .event a .txt b{ display: block; margin-bottom: 5px; font-weight: 400; font-size: 11px; }
    .love .cont .coupon .event_all .event a .img { height: auto;}
    .love .cont .coupon .event_all .event a .img p { display: none; }
	
    .love .cont .free .head .t1 p{ margin-left: 10px; }
    .love .cont .free .text{ padding: 20px;}
	.menu_tabs{margin:0 auto 30px}
	.menu_tabs > ul{flex-wrap:wrap; padding:0 20px;}
	.menu_tabs > ul > li{width:calc(100% / 2); margin-top:-1px}
	.menu_tabs > ul > li > a{padding:10px 20px; font-size:13px}
	.title_box > h1{font-size:24px}
    

    /* #comment{margin-left: 10px;} */

    #btn_comment{margin-right: 0px; padding:0 5px}
.love .cont .coupon ul{ display: flex; float: right; margin-bottom: 20px; }

}



/* event_page */

.event_page{}
.event_page .intro{ margin: 0 0 20px 0;}
.event_page .intro .h1{ padding-left: 20px; width: 80%; display: block; margin: 0 auto; }
.event_page .intro .h1 p{ font-weight: 400; font-size: 16px;  }
.event_page .cont{}
.event_page .cont .coupon{ width: 100%; background: #f8f9fb;}
.event_page .cont .coupon .head{ }
.event_page .cont .coupon .head .t1{}
.event_page .cont .coupon .head .t1 p{ float: left; font-weight: 400; font-size: 24px; margin-bottom: 20px;}

.event_page .cont .coupon { padding: 20px 30px; width: 80%; margin: 0 auto; }
.event_page .cont .coupon ul{ display: flex; float: right; }
.event_page .cont .coupon ul li{ margin-right: 10px; }
.event_page .cont .coupon ul li:last-child{ margin-right: 0px; }
.event_page .cont .coupon ul li.active a{ border-bottom: 2px solid #000; padding-bottom: 5px; font-weight: 400; }
.event_page .cont .coupon ul li a{ color: #000; font-size: 12px;}
.blank{content: ''; display: block; clear: both;}


.event_page .cont .coupon b{ display: block; font-weight: 400; font-size: 14px; margin-bottom: 15px; }
.event_page .cont .coupon {}
.event_page .cont .coupon .event {width: 100%; background: #fff; }
.event_page .cont .coupon .event a { color: #000; }
.event_page .cont .coupon .event a .img { width: 100%; position: relative; overflow: hidden;}
.event_page .cont .coupon .event a .img img {width: 70%; margin: 0 auto; display: block; }
.event_page .cont .coupon .event a .img img.poster { padding-bottom: 30px; }
.event_page .cont .coupon .event a .img p { position: absolute; bottom: 50px; left: 20px; font-size: 1.5em; color: #fff; }
.event_page .cont .coupon .event a .fl { display: flex; align-items: center; justify-content: space-between; align-content: center;}
.event_page .cont .coupon .event a .fl .txt { padding: 30px 0 30px 20px;}
.event_page .cont .coupon .event a .fl .txt b{ display: block; margin-bottom: 10px; font-weight: 400; font-size: 16px; }
.event_page .cont .coupon .event a .fl .txt b em{ color: #d81c23; font-style: normal; margin-right: 5px; }
.event_page .cont .coupon .event a .fl .txt span{ color: #666; font-size: 11px;}
.event_page .cont .coupon .event a .fl .icon{ display: flex; }
.event_page .cont .coupon .event a .fl .icon .img{ background: #ccc; width: 25px; height: 25px; margin-right: 20px; }
.event_page .cont .coupon .event a .fl .icon .img:first-child{  margin-right: 2px; }

.event_page .cont .coupon  a.back { color: #000; display: block; margin: 0 auto; width: 10%; margin-top: 20px; }
.event_page .cont .coupon  a.back p { text-align: center; font-size: 12px; font-weight: 400; background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 10px 10px; }

.event_page .cont .free{ margin-top: 30px; }
.event_page .cont .free .head{ }

.event_page .cont .free .cont{}

.event_page .cont .free .text{ background: #f8f9fb; display: flex; height: 100px; padding: 15px 0 20px 0; width: 100%; }
.event_page .cont .free .text input{  outline: none; border: 1px solid #eee; }

#sub_comment{ margin-left: 20px; width: calc(100% - 50px); padding: 10px 10px 10px 20px; font-weight: 400; font-size: 14px; color: #333; }
#sub_btn_comment{ flex: 0 0 50px; border: none; background: #1c1c1c; color: #fff; padding: 0 20px; margin-right: 20px; font-weight: 400; }
.event_page .cont .free .text input::placeholder{ color: #666; font-weight:400; font-size: 14px; }

.event_page .cont .free .list{ margin-top: 30px; }
.event_page .cont .free .list .head{ display: flex; justify-content: space-between; margin-bottom: 15px; }
.event_page .cont .free .list .head p{font-weight: 400; font-size: 11px;}
.event_page .cont .free .list .head p em{ color: #d81c23; font-style: normal; font-weight: 400; font-size: 12px; }
.event_page .cont .free .list .head span{ border-bottom: 1px solid #333; font-weight: 400; font-size: 11px; }
.event_page .cont .free .list .cont{ }
.event_page .cont .free .list .cont:before{ content: ''; display: block; width: 100%; height: 1px; background:  #ddd; margin-bottom: 30px;}
.event_page .cont .free .list .cont:after{ content: ''; display: block; width: 100%; height: 1px; background:  #ddd; margin-top: 30px; }
.event_page .cont .free .list .cont p{ text-align: center; color: #aaa; font-size: 11px; }
.event_page .cont .free .list .type_page{}
.event_page .cont .free .list .type_page i{}
.event_page .cont .free .list .type_page p{}
.event_page .cont .free .list .type_page p.on{}



/* yltour */
.yltour {margin: 0 auto;  width: 100%; max-width: 1200px;}
.yltour .head{margin: 0 0 10px 130px; max-width: 1000px; }
.yltour .head .h1{}
.yltour .head .h1 .t1{ font-size: 1.6em; line-height: 2em;}
.yltour .cont{ display: flex; align-items: center; margin-bottom: 30px; }
.yltour .cont .rolling{ position: relative; z-index: 10; margin: 0 auto; width: 86vw; padding: 0 0 0 130px; overflow: hidden; }
.yltour .cont .rolling .slick-list{ overflow: hidden; }
.yltour .cont .rolling .slide{width: auto;}
.yltour .cont .rolling .slide.active{}
.yltour .cont .rolling .slide a{ display: block; margin: 0; transition: all .3s;}
.yltour .cont .rolling .slide a img{ display: block; max-height: 340px; width: auto; border-radius: 0; transition: all .3s;}
.yltour .cont .rolling .slide a p{ text-align: center; font-size: 1.4em; font-weight: 400; color: #222; padding-top: 10px;}
.yltour.mob .cont .rolling .slide a img{ display: none;}
/* .visual .rolling .slide a:hover{ transform: translate(0,-25px);}
.visual .rolling .slide a:hover img{ border-radius: 0px;} */
.yltour .cont .rolling .slide.slick-center a img{ filter: blur(0);}
.yltour .cont .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; bottom: 40px; right: -60px;}
.yltour.mob .cont .rolling .slick-dots{ display: none;}
.yltour .cont .rolling .slick-dots li{ margin: 0 5px; width: auto; height: auto; transition: all .3s;}
.yltour .cont .rolling .slick-dots li button{ padding: 0; width: 10px; height: 6px; border-radius: 5px; background: rgba(255 255 255/70%); transition: all .3s;}

.yltour.mob .cont .rolling .slick-dots li button{width: 0;}

.yltour .cont .rolling .slick-dots li button:before{ display: none;}
.yltour .cont .rolling .slick-dots li.slick-active button{ width: 20px; background: #8bb92c;}
.yltour .cont .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 20%; margin: -30px 0 0 -10px; padding: 0 3px 0 0; width: 50px; height: 50px; border-radius: 50%; 
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
    font-size: 3em; color: #fff; cursor: pointer;}
.yltour .cont .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 3%; margin: -30px -10px 0 0; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%;
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
font-size: 3em; color: #fff; cursor: pointer;}



.yltour .cont .row_right{ padding-left: 30px; }
.yltour .cont .row_right .tourist{ width: 100%; }
.yltour .cont .row_right .tourist img{ max-width: 340px; max-height: 340px; }
.yltour .cont .row_right .tourist p{ max-width: 300px;  text-align: center; font-size: 1.4em; font-weight: 400; color: #222; padding-top: 10px; }



.yltour .culture{padding: 0 100px 40px 130.5px; }
.yltour .culture .rolling{ position: relative; z-index: 10; margin: 0 auto; width: 100vw; padding: 0 0 0 0px; overflow: hidden; display: flex; width: 99.9%; }
.yltour .culture .rolling .slick-list{ overflow: visible; width: 30%;}
.yltour .culture .rolling .slide{}
.yltour .culture .rolling .slide .active{}
.yltour .culture .rolling .slide a{display: block; margin: 0; transition: all .3s;}
.yltour .culture .rolling .slide .img a img{ display: block; max-height: 300px; width: auto; border-radius: 0; transition: all .3s;}
.yltour.mob .culture .rolling .slide .img a img{ width: 20%; }
.yltour .culture .rolling .slide a p{}
.yltour .culture .rolling .slick-slide img{ width: 100%;}
.yltour .culture .rolling .slide.slick-center { width: 30%;}
.yltour .culture .rolling .slide.slick-center .slick-slider img{ filter: blur(0);}
.yltour .culture .rolling .slick-dots{ display: none;
    /* display: flex; justify-content: center; align-items: center; bottom: 40px; right: -60px; */
}
   
.yltour.mob .culture .rolling .slick-dots{ display: none;}
.yltour .culture .rolling .slick-dots li{ margin: 0 5px; width: auto; height: auto; transition: all .3s;}
.yltour .culture .rolling .slick-dots li button{ padding: 0; width: 10px; height: 6px; border-radius: 5px; background: rgba(255 255 255/70%); transition: all .3s;}
.yltour.mob .culture .rolling .slick-dots li button{ width: 0;}


.yltour .culture .rolling .slick-dots li button:before{ display: block;}
.yltour .culture .rolling .slick-dots li.slick-active button{ width: 20px; background: #8bb92c;}
.yltour .culture .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 45%; left: 3%; margin: -30px 0 0 -10px; padding: 0 3px 0 0; width: 50px; height: 50px; border-radius: 50%; 
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
    font-size: 3em; color: #fff; cursor: pointer;}
.yltour .culture .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 45%; right: 3%; margin: -30px -10px 0 0; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%;
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
font-size: 3em; color: #fff; cursor: pointer;}
   

.yltour .culture .rolling .slide{ margin-right: 30px; border-radius: 7px; border: 1px solid #eee; overflow: hidden;
     /* min-height: 360px; */
}
.yltour .culture .rolling .slide .img{ max-width: 300px; }
.yltour .culture .rolling .slide .img a{}
.yltour .culture .rolling .slide .img a img{}


.yltour .culture .rolling .slide .row{display: flex; flex-direction: column; }
.yltour .culture .rolling .slide .info{ margin: 20px; margin-bottom: 0; line-height: 1.5; min-height: 120px; position: relative;}
.yltour .culture .rolling .slide .info a{color: #000; }
.yltour .culture .rolling .slide .info a p{ font-size: 12px; 
    /* margin-bottom: 40px; */
}
.yltour .culture .rolling .slide .info a b{ display: block;  position: absolute; bottom: 30px;}
.yltour .culture .rolling .slide .info a b em:before{content: ""; display: block; width: 5px; height: 5px; background: url(/images/icon_08.png)no-repeat contain;}
.yltour .culture .rolling .slide .info a b em{ color: #d81c23; font-style: normal;}
.yltour .culture .rolling .slide .info a span{ font-weight: 500; font-size: 16px; position: absolute; bottom: 10px; }
.yltour .culture .rolling .slide .view { padding: 10px 0 10px 20px; border-top: 1px solid #eee;}
.yltour .culture .rolling .slide .view b{}


.yltour.rent { display: flex; position: relative; width: 100%; padding: 0 100px 0 130px; }
.yltour.rent .head{ margin: 0;}
.yltour.rent .left { width: 38%; margin-right: 2%;}
.yltour.rent .left .phone {height: 300px; background: #fcf;}
.yltour.rent .left .phone div p { padding: 10px 0 0 10px; font-size: 12px;}
.yltour.rent .left .phone .top{height: 49%; margin-bottom: 2%; background: #ffc;}
.yltour.rent .left .phone .bot {height: 49%;}
.yltour.rent .right {width: 60%; }
.yltour.rent .right .exp{ position: relative; }
.yltour.rent .right .exp .rolling{ 
    /* max-height: 300px;  */
    /* overflow: hidden; */
}
.yltour.rent .right .exp .rolling {}
.yltour.rent .right .exp .rolling .slick-list {}
.yltour.rent .right .exp .rolling .slide{}
.yltour.rent .right .exp .rolling .slide .active{}
.yltour.rent .right .exp .rolling .slide a{ color: #000; }
.yltour.rent .right .exp .rolling .slide a .img{ max-height: 300px; overflow: hidden; }
.yltour.rent .right .exp .rolling .slide a img{width: 100%; height: auto; position: relative; bottom: 30px; }
.yltour.rent.mob .right .exp .rolling .slide a img{ }
.yltour.rent .right .exp .rolling .slide a p{ margin-top: 10px; font-size: 12px; text-align: center;}
.yltout.rent .right .exp .rolling .slide.slick-center {}
.yltout.rent .right .exp .rolling .slide.slick-center .slick-slider img{}
.yltout.rent .right .exp .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; bottom: 40px; right: -60px;}

  

   


@media(max-width: 1400px){
    .yltour .cont .rolling .slide a img{ width: 100vw; }
    .yltour.mob .cont .rolling{ display: none;}

}
@media(max-width: 1025px){
    .yltour .cont .rolling .xi-angle-left{ left: 10%;}
    .yltour .cont .rolling .xi-angle-right{ right: 10%;}
    .yltour.mob .cont .rolling{ display: none;}

}
@media(max-width: 767px){
    .yltour{ padding: 0;}
    .yltour .rolling .slide a{ margin: 0;}
    .yltour .rolling .slide a img{ border-radius: 0;}
    .yltour .rolling .slick-dots{ bottom: 10px;}
    .yltour.pc .rolling .slick-dots{ display: none;}
    .yltour.mob .rolling .slick-dots{ display: block;}
    .yltour .rolling .slick-dots li{ margin: 0 2.5px;}
    .yltour .rolling .xi-angle-left{ margin: -10px 0 0 -5px; width: 30px; height: 30px; font-size: 20px;}
    .yltour .rolling .xi-angle-right{ margin: -10px -5px 0 0; width: 30px; height: 30px; font-size: 20px;}
    .yltour.mob .rolling{ display: block; }
    .yltour.pc .rolling .slide a img{ display: none; }
    .yltour.mob .rolling .slide a img{ display: block; }

    .event_page .cont .coupon  a.back{ min-width: 60px;}
    .event_page .cont .coupon  a.back p{ }

 }




.mice {}
.mice .cont {}
.mice .cont .ment { margin-bottom: 20px;}
.mice .cont .ment .head {margin-bottom: 40px; font-size: 1.5em; font-weight: 400; line-height: 1.4; }
.mice .cont .ment .head b{ font-size: 1.2em; font-weight: 400; line-height: 2.5; }
.mice .cont ul{ display: flex; margin-bottom: 30px; }
.mice .cont ul li{width: 32%; margin-right: 2%; }
.mice .cont ul li:last-child{margin-right: 0;}
.mice .cont ul li a{ display: block; overflow: hidden; max-height: 240px; border-radius: 5px; }
.mice .cont ul li a img{ width: 110%;}
.mice .cont ul li:nth-child(3) a img{ position: relative; bottom: 50px;}


.mice_doc {}
.mice_doc .apply{ display: flex; flex-direction: column; }
.mice_doc .apply .checkbox{ margin-bottom: 10px; display: flex;}
.mice_doc .apply .checkbox input{ margin-right: 5px;}
.mice_doc .apply input{ margin-bottom: 10px; height: 30px; padding-left: 5px; outline: none; border: 1px solid #ddd; color: #ddd; border-radius: 5px; font-weight: 400; }

.mice_doc .apply .name{ display: flex; justify-content: space-between; }

#input1 { margin-bottom: 0; height: auto;}
#input2 { width: 49%;}
#input3 { width: 50%;}
#input4 {}
#input5 { height: 80px; }
#input6 { width: 150px;}

.mice_doc .btn {display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.mice_doc .btn input {height: 40px; width: 100px; outline: none; border: 1px solid #ddd; border-radius: 5px; }
#complete{ background: #272b36; color: #fff; outline: none; border: 1px solid #272b36; margin-right: 8px;}
#close{ }


@media(max-width: 1400px){
    
}
@media(max-width: 1025px){

}
@media(max-width: 767px){

    .mice .cont ul li{height: 100%;}
    .mice .cont ul li a{ max-height: 98px;}
    .mice .cont ul li:nth-child(3) a img{ bottom: 0;}
    .mice .cont ul li a img{ min-height: 98px; }
}










.mypage_option{ position: relative; z-index: 30; width: 100%; max-width:1200px; margin:0 auto}
.mypage_option .type_row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 30px; width: 100%; border-radius: 15px; border: 1px solid #e5e5e5;}
.mypage_option .type_row .fl{ display: flex; align-items: center; padding: 10px 0;}
.mypage_option .type_row .fr{ display: flex; align-items: center; padding: 10px 0;}

.mypage_option .type_row .btn_01{ position: relative; z-index: 30; margin: 0 20px 0 0;}
.mypage_option .type_row .btn_01 .head{ display: flex; align-items: center; position: relative; padding: 0 20px; height: 40px; border-radius: 20px; border: 1px solid #e5e5e5; cursor: default;}
.mypage_option .type_row .btn_01 .head p{ font-size: 1.3em; font-weight: 400; color: #000;}
.mypage_option .type_row .btn_01 .head i{ margin: 0 0 0 10px; font-size: 1.2em; color: #999; transition: all .2s;}
.mypage_option .type_row .btn_01 .body{ overflow: hidden; position: absolute; top: 50px; left: 0; padding: 0; border-radius: 15px; height: 0; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.mypage_option .type_row .btn_01 .body div{}
.mypage_option .type_row .btn_01 .body div a{ display: block; line-height: 2.5; font-size: 1.3em; color: #333; cursor: pointer;}
.mypage_option .type_row .btn_01 .body div.on a{ font-weight: 400; color: #25acdc;}
.mypage_option .type_row .btn_01:hover .head i{ transform: rotate(180deg);}
.mypage_option .type_row .btn_01:hover .body{ top: 40px; padding: 10px 20px; height: auto; opacity: 1;}

.mypage_option .type_row .date{ position: relative; z-index: 10; margin: 0 10px 0 0;}
.mypage_option .type_row .date > .head{ display: flex; justify-content: space-between; align-items: center; position: relative; width: 250px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.mypage_option .type_row .date > .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 20px; bottom: 0; font-size: 1.2em; color: #999;}
.mypage_option .type_row .date > .head input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 20px; width: 100%; height: 38px; border-radius: 0; border: none; background: none; font-size: 1.3em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.mypage_option .type_row .date .date_calendar{ display: none; position: absolute; top: 35px; left: 0; padding: 0 15px 15px 15px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.mypage_option .type_row .date .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_option .type_row .date .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #25acdc;}
.mypage_option .type_row .date .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.mypage_option .type_row .date .date_calendar .menu .btn{}
.mypage_option .type_row .date .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .menu p{ font-size: 1.5em; font-weight: 400; color: #000;}
.mypage_option .type_row .date .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mypage_option .type_row .date .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.mypage_option .type_row .date .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 240px;}
.mypage_option .type_row .date .date_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 14.285%; height: 34px; background: #f5f7fa; font-size: 1.2em; color: #999; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .body p.on{ background: none; color: #000;}
.mypage_option .type_row .date .date_calendar .body p.on.click{ border-radius: 50%; background: #25acdc; color: #FFF;}

.mypage_option .type_row .date.on .date_calendar{ display: block;}

.mypage_option .type_row .search{ display: flex; position: relative; margin: 0 10px 0 0; width: 200px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.mypage_option .type_row .search i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 40px; font-size: 1.8em; color: #000; cursor: pointer;}
.mypage_option .type_row .search input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 20px; width: 100%; height: 38px; border-radius: 0; border: none; background: none; font-size: 1.3em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
@media(max-width: 1025px){
    .mypage_option .type_row{ display: block;}
    .mypage_option .type_row .fr{ margin: 0 -5px;}
    .mypage_option .type_row .btn_01{ margin: 0; width: 100%;}
    .mypage_option .type_row .btn_01 .head{ justify-content: space-between;}
    .mypage_option .type_row .btn_01 .body{ right: 0;}
    .mypage_option .type_row .date{ margin: 0 5px; width: 50%;}
    .mypage_option .type_row .date > .head{ width: 100%;}
    .mypage_option .type_row .search{ margin: 0 5px; width: 50%;}
    .mypage_option .type_row .guide{ top: 20px; transform: translate(0,0);}
}
@media(max-width: 767px){
    .mypage_option .type_row{ padding: 15px 15px;}
    .mypage_option .type_row .fl{ padding: 5px 0;}
    .mypage_option .type_row .fr{ margin: 0 -2.5px; padding: 5px 0;}

    .mypage_option .type_row .btn_01{}

    .mypage_option .type_row .date{ margin: 0 2.5px;}
    .mypage_option .type_row .date > .head i{ width: 30px; font-size: 10px;}
    .mypage_option .type_row .date > .head input{ width: 100%;}

    .mypage_option .type_row .date .date_calendar{ top: 30px; left: 0; padding: 0 10px 10px 10px;}
    .mypage_option .type_row .date .date_calendar .top{ margin: 0 -10px; padding: 0 10px; height: 40px;}
    .mypage_option .type_row .date .date_calendar .top a{ height: 40px;}
    .mypage_option .type_row .date .date_calendar .body p{ margin: 1px 0;}

    .mypage_option .type_row .search{ margin: 0 2.5px;}
    .mypage_option .type_row .search i{ width: 30px;}
}




.mypage_order_list{ margin: 20px 0 0 0;}
.mypage_order_list .type_row{ overflow: hidden; position: relative;}
.mypage_order_list .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 30px; border-radius: 15px 15px 0 0; border: 1px solid #e5e5e5; border-bottom: 0; background: #f5f5f5;}
.mypage_order_list .type_row .head .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_list .type_row .head .check i{ display: flex;justify-content: center; align-items: center; margin: 0 10px 0 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #999;}
.mypage_order_list .type_row .head .check p{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_list .type_row .head .check.on i{ border-color: #25acdc; background: #25acdc; color: #FFF;}
.mypage_order_list .type_row .head .fr{ display: flex; align-items: center;}
.mypage_order_list .type_row .head .fr .row{ display: flex; align-items: flex-end; margin: 0 0 0 30px;}
.mypage_order_list .type_row .head .fr .row p{ padding: 0 0 2px 0; font-size: 1.2em; font-weight: 400; color: #666;}
.mypage_order_list .type_row .head .fr .row span{ margin: 0 0 0 10px; font-size: 1.8em; font-weight: 500; color: #25acdc;}

.mypage_order_list .type_row .body{ padding: 30px; border: 1px solid #e5e5e5;}
.mypage_order_list .type_row .list{ display: block; position: relative; margin: 20px 0 0 0;}
.mypage_order_list .type_row .list:first-child{ margin: 0;}
.mypage_order_list .type_row .list .row{ display: flex; align-items: center; position: relative; z-index: 20; padding: 30px;}
.mypage_order_list .type_row .list .row .img{ flex: 0 0 120px; display: block; margin: 0 30px 0 0; width: 120px; height: auto; border-radius: 10px;}
.mypage_order_list .type_row .list .row .info{ width: 100%;}
.mypage_order_list .type_row .list .row .info ul{}
.mypage_order_list .type_row .list .row .info ul li{ display: flex; align-items: flex-start; padding: 5px 0;}
.mypage_order_list .type_row .list .row .info ul li p{ flex: 0 0 80px; line-height: 1.4; font-size: 1.4em;  color: rgba(255 255 255/50%);}
.mypage_order_list .type_row .list .row .info ul li span{ line-height: 1.4; font-size: 1.5em; color: rgba(255 255 255/90%);}
.mypage_order_list .type_row .list .bg{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px;}
.mypage_order_list .type_row .list .bg:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0 0 0/50%), rgba(0 0 0/80%)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}

.mypage_order_list .type_row .foot{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 0 0 15px 15px; border: 1px solid #e5e5e5; border-top: 0;}
.mypage_order_list .type_row .foot .fl a{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 20px; background: #25acdc; font-size: 1.4em; font-weight: 400; color: #FFF; cursor: pointer;}
.mypage_order_list .type_row .foot .fr{ display: flex;}
.mypage_order_list .type_row .foot .fr a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; height: 40px; border-radius: 20px; border: 1px solid #999; background: #999; font-size: 1.4em; font-weight: 400; color: #FFF; cursor: pointer;}
.mypage_order_list .type_row .foot .fr a:nth-child(1).on{ border-color: #8bb92c; background: #8bb92c; color: #FFF;}
.mypage_order_list .type_row .foot .fr a:nth-child(2){ border-color: #F00; background: #FFF; color: #F00;}
@media(max-width: 767px){
    .mypage_order_list .type_row .head{ display: flex; flex-direction: column; align-items: flex-start; padding: 20px 15px;}
    .mypage_order_list .type_row .head .fr{ margin: 15px 0 0 0;}
    .mypage_order_list .type_row .head .fr .row{ margin: 0 20px 0 0;}

    .mypage_order_list .type_row .body{ padding: 20px;}
    .mypage_order_list .type_row .list{ margin: 10px 0 0 0;}
    .mypage_order_list .type_row .list .row{ padding: 15px;}
    .mypage_order_list .type_row .list .row .img{ flex: 0 0 100px; display: block; margin: 0 15px 0 0; width: 100px;}
    .mypage_order_list .type_row .list .row .info ul li{ padding: 3px 0;}
    .mypage_order_list .type_row .list .row .info ul li p{ flex: 0 0 55px; font-size: 12px;}
    .mypage_order_list .type_row .list .row .info ul li span{ font-size: 13px;}
    .mypage_order_list .type_row .foot{ padding: 20px 15px;}
    .mypage_order_list .type_row .foot .fl a{ padding: 0 20px;}
    .mypage_order_list .type_row .foot .fr a{ margin: 0 0 0 5px; width: 70px;}
}




.mypage_order_foot{ margin: 20px 0 0 0;}
.mypage_order_foot .type_row{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 15px; border: 1px solid #e5e5e5;}
.mypage_order_foot .type_row .fl{ display: flex; align-items: center;}
.mypage_order_foot .type_row .fl .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_foot .type_row .fl .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_order_foot .type_row .fl .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.mypage_order_foot .type_row .fl .check.on i{ border-color: #25acdc; background: #25acdc; color: #FFF;}
.mypage_order_foot .type_row .fl .check.on p{ font-weight: 400; color: #25acdc;}
.mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0 0 0 30px;}
.mypage_order_foot .type_row .fl .btn a{ font-size: 1.3em; color: #333; cursor: pointer;}
.mypage_order_foot .type_row .fl .btn span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_foot .type_row .fr .btn p{ font-size: 1.5em; font-weight: 400; color: #FFF;}
@media(max-width: 1025px){
    .mypage_order_foot .type_row{ display: block;}
    .mypage_order_foot .type_row .fl{ justify-content: space-between;}
}
@media(max-width: 767px){
    .mypage_order_foot .type_row{ padding: 20px 15px;}
    .mypage_order_foot .type_row .fl{}
    .mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0;}
    .mypage_order_foot .type_row .fl .btn a{ margin: 0 0 0 20px;}
    .mypage_order_foot .type_row .fl .btn span{ display: none;}
}




.mypage_profile{ margin: 0 0 20px 0;}
.mypage_profile .type_row{ overflow: hidden; position: relative; border-radius: 15px; border: 1px solid #e5e5e5;}
.mypage_profile .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 25px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_profile .type_row .head .tit{ font-size: 1.5em; font-weight: 400; color: #000;}
.mypage_profile .type_row .head .btn{ display: flex; align-items: center; padding: 0 25px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.mypage_profile .type_row .head .btn p{ font-size: 1.4em; font-weight: 400; color: #000;}
.mypage_profile .type_row .head .btn.on{ background: #25acdc;}
.mypage_profile .type_row .head .btn.on p{ color: #FFF;}
.mypage_profile .type_row .list{ padding: 15px 30px;}
.mypage_profile .type_row .list ul{}
.mypage_profile .type_row .list ul li{ border-top: 1px solid #e5e5e5;}
.mypage_profile .type_row .list ul li:first-child{ border-top: 0;}
.mypage_profile .type_row .list ul li:last-child{text-align:center;border-top:0; margin:20px 0}
.mypage_profile .type_row .list ul li .btn{display:inline-block; padding: 10px 25px; font-size: 1.4em; font-weight: 400;color: #000;border-radius: 20px;border: 1px solid #ddd; cursor: pointer; transition:0.2s}
.mypage_profile .type_row .list ul li .btn:hover{background-color:#22ac75; color:#fff;}
.mypage_profile .type_row .list ul li .box{ display: block; position: relative; padding: 20px 0 20px 120px;}
.mypage_profile .type_row .list ul li .box .title{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.4em; color: #000;}
.mypage_profile .type_row .list ul li .box .row{}
.mypage_profile .type_row .list ul li .box .row .text{ line-height: 1.5; font-size: 1.4em; color: #000;}
.mypage_profile .type_row .list ul li .box .row .btn{ display: flex; justify-content: center; align-items: center; padding: 0 25px; height: 40px; border-radius: 20px; background: #333; text-align: center; cursor: pointer;}
.mypage_profile .type_row .list ul li .box .row .btn p{ font-size: 1.4em; font-weight: 400; color: #FFF;}
.mypage_profile .type_row .list ul li .box .row .in_pw{ position: relative; width: 300px;}
.mypage_profile .type_row .list ul li .box .row .in_pw i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 2em; color: #000; cursor: pointer;}
.mypage_profile .type_row .list ul li .box .row .in_pw input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 1.3em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row .in_pw input::placeholder{font-weight:400;}
.mypage_profile .type_row .list ul li .box .row .in_pw.on i{ color: #25acdc;}
.mypage_profile .type_row .list ul li .box .row input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 20px; width: 100%; height: 50px; border-radius: 25px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 20px #FFF; background-size: 10px auto; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row select::-ms-expand{ display: none;}
.mypage_profile .type_row .list ul li .box .row .in{ display: flex; margin: 0 -5px;}
.mypage_profile .type_row .list ul li .box .row .in input{ margin: 0 5px;}
.mypage_profile .type_row .list ul li .box .row .in select{ margin: 0 5px;}
.mypage_profile .type_row .list ul li .box.my_info_edi_btn{ padding:20px 0; justify-content:center; display:flex; }
@media(max-width: 767px){
    .mypage_profile .type_row .head{ padding: 20px 15px;}
    .mypage_profile .type_row .head .btn{ padding: 0 15px; height: 35px;}
    .mypage_profile .type_row .list{ padding: 5px 15px;}
    .mypage_profile .type_row .list ul li{ width: 100%;}
    .mypage_profile .type_row .list ul li .box{ padding: 15px 0 15px 100px;}
    .mypage_profile .type_row .list ul li .box .row{ flex-wrap: wrap;}
    .mypage_profile .type_row .list ul li .box .row .in_pw{ width: 100%;}
    .mypage_profile .type_row .list ul li .box .row .btn{ margin: 10px 0 0 0; height: 35px;}
    .mypage_profile .type_row .list ul li .box .row input{ padding: 0 15px; height: 45px;}
    .mypage_profile .type_row .list ul li .box .row select{ padding: 0 30px 0 15px; height: 45px; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto;}
    .mypage_profile .type_row .list ul li .box .row .in{ margin: 0 -2.5px;}
    .mypage_profile .type_row .list ul li .box .row .in input{ margin: 0 2.5px;}
    .mypage_profile .type_row .list ul li .box .row .in select{ margin: 0 2.5px;}
}























/* 기존버튼 */

/* .type_btn_more{ display: flex; justify-content: flex-end; margin: 50px 0 0 0;}
.type_btn_more a{ display: flex; justify-content: center; align-items: center; width: 180px; height: 45px; border-radius: 20px; background: #f5f5f5; cursor: pointer; transition: all .3s;}
.type_btn_more a p{ font-size: 1.2em; font-weight: 400; color: #666;}
.type_btn_more a i{ margin: 0 0 2px 10px; font-size: 1.2em; color: #666;}
.type_btn_more a:hover{ background: #e5e5e5;} */







.type_btn_more{ display: flex; justify-content: flex-end; margin: -45px 0 0 0; padding-bottom: 30px; }
.type_btn_more a{ display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 50%; background: #d5d5d526; cursor: pointer; transition: all .3s;}
.type_btn_more a p{ display: none;}
.type_btn_more a i{ margin: 0; font-size: 1.8em; color: #8bb92c;}
.type_btn_more a:hover{ background: #e5e5e5;}



@media(max-width:767px){
    .type_btn_more{ margin: -35px 0 0 0;}
    .type_btn_more a{ width: 40px; height: 40px;}
}




.member_join{ padding: 50px 100px 50px 100px; background: url(/images/intro_visual_bg.jpg) no-repeat bottom center/cover;}
.member_join .row{ margin: 0 auto; max-width: 60%; display: flex; flex-direction: column; align-items: center;}
.member_join .row .title{ text-align: center; font-size: 4em; font-weight: 400; color: #000;}
/* .member_join .row .row_join{ display: flex; justify-content: space-between;}
.member_join .row .row_join .id_info{ width: 48%;}
.member_join .row .row_join .personal_info{ width: 48%;} */

.member_join .row .menu{ display: flex; margin: 20px -5px 0 -5px;}
.member_join .row .menu:first-child{ margin-top: 0;}
.member_join .row .menu li{}
.member_join .row .menu li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 45px; border-radius: 5px; border: 1px solid #DDD; background: #fafafa; cursor: pointer;}
.member_join .row .menu li a p{ font-size: 1.4em; font-weight: 400; color: #666;}
.member_join .row .menu li.on a{ border: 1px solid #25acdc; background: #25acdc;}
.member_join .row .menu li.on a p{ font-weight: 400; color: #FFF;}

.member_join .row .menu.privacy{ margin: 50px 0 0 0;}
.member_join .row .menu.privacy li{ width: auto !important;}
.member_join .row .menu.privacy li a{ padding: 0 30px;}
.member_join .row .menu.privacy li a p{ font-size: 15px;}

.member_join .row .name{ display: flex; justify-content: center; align-items: center; position: relative; margin: 50px 0 0 0; width: 100%;}
.member_join .row .name:after{ content: ""; display: block; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #DDD;}
.member_join .row .name p{ position: relative; z-index: 10; padding: 0 20px; background: #FFF; font-size: 1.5em; font-weight: 400; color: #000;}



.member_join .row .write .box{ margin: 20px 0 0 0; width: 400px;}
.member_join .row .write .box:first-child{ margin: 0;}
.member_join .row .write .box .tit{ padding: 0 0 10px 0; font-size: 15px; color: #333;}
.member_join .row .write .box .tit span{ color: #F00; margin-right: 5px;}


.member_join .row .write .box input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.member_join .row .write .box input::placeholder{font-weight:400;}
.member_join .row .write .box select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 20px; width: 100%; height: 45px; border-radius: 5px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.member_join .row .write .box select option{ color: #333; font-weight: 400;}
.member_join .row .write .box select::-ms-expand{ display: none;}

.member_join .row .write .box .in_day{ display: flex; margin: 0 -5px; flex-wrap:wrap;}
.member_join .row .write .box .in_day input{ width: calc(33% - 10px); margin: 0 5px;}
.member_join .row .write .box .in_day select{margin: 0 5px 10px;}
.member_join .row .write .box .in_day select#CHP{width:100%;}
.member_join .row .write .box .in_day select#user_hp1{width:calc(33% - 10px)}

.member_join .row .write .box .in_sns{ display: flex;}
.member_join .row .write .box .in_sns select{ flex: 0 0 120px; margin: 0 5px 0 0;}

.member_join .row .write .box .in_code{ display: flex;}
.member_join .row .write .box .in_code .btn{ flex: 0 0 110px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; height: 45px; border-radius: 5px; background: #25acdc; cursor: pointer;}
.member_join .row .write .box .in_code .btn p{ font-size: 1.2em; font-weight: 400; color: #FFF; line-height:1; text-align:center;}

.member_join .row .write .box .in_pw{ position: relative;}
.member_join .row .write .box .in_pw i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 2em; color: #000; cursor: pointer;}
.member_join .row .write .box .in_pw.on i{ color: #25acdc;}

.member_join .row .write .box .in_file{}
.member_join .row .write .box .in_file ul{ display: flex; margin: 0 -2.5px;}
.member_join .row .write .box .in_file ul li{ width: 33.333%;}
.member_join .row .write .box .in_file ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 2.5px; height: 140px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.member_join .row .write .box .in_file ul li a .ok{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; border: 2px solid #25acdc;}
.member_join .row .write .box .in_file ul li a .ok .text{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 0; background: #25acdc;}
.member_join .row .write .box .in_file ul li a .ok .text i{ font-size: 1.2em; color: #FFF;}
.member_join .row .write .box .in_file ul li a .ok .text p{ margin: 0 0 0 5px; font-size: 1.2em; color: #FFF;}
.member_join .row .write .box .in_file ul li a > i{ font-size: 3em; color: #000;}
.member_join .row .write .box .in_file ul li a > p{ margin: 10px 0 0 0; font-size: 1.4em; color: #000;}
.member_join .row .write .box .in_file ul li.on .ok{ display: block;}
.member_join .row .write .box .in_file > p{ margin: 10px 0 0 0; font-size: 1.2em; color: #F00;}

.member_join .row .write .box .snsSlect > select{margin:0 0 10px}


.member_join .row .write{ margin: 50px 0 0 0; width: 100%; display:flex;  align-items:center; flex-direction:column;}
.member_join .row .write .fl{ display: flex; margin: 20px  0 0 0; }
.member_join .row .write .fl .left{ width: 50%; }
.member_join .row .write .fl .right{ width: 50%; margin: 0 5px;}
.member_join .row .write .sl{ display: flex; margin: 20px  0 0 0; }
.member_join .row .write .sl .left{ width: 50%;}
.member_join .row .write .sl .right{ width: 50%; margin: 0 5px;}





.member_join .row .join_check{ display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.member_join .row .join_check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 1.2em; color: #999; cursor: pointer;}
.member_join .row .join_check i.on{ border-color: #25acdc; background: #25acdc; color: #FFF;}
.member_join .row .join_check .txt{ display: flex; align-items: center; margin: 1px 0 0 5px;}
.member_join .row .join_check .txt a{ font-size: 1.4em; font-weight: 400; color: #25acdc;}
.member_join .row .join_check .txt p{ font-size: 1.4em; color: #666;}

.member_join .row .join_ok{ margin: 50px 0 0 0; text-align: center;}
.member_join .row .join_ok i{ font-size: 100px; color: #25acdc;}
.member_join .row .join_ok .t1{ margin: 20px 0 0 0; text-align: center; line-height: 1.3; font-size: 2.5em; font-weight: 400; color: #000;}
.member_join .row .join_ok .t1 span{ color: #25acdc;}
.member_join .row .join_ok .t2{ margin: 10px 0 0 0; text-align: center; line-height: 1.5; font-size: 1.5em; color: #666;}
.member_join .row .join_ok .t2 span{ color: #F00;}

.member_join .row .btn_join{ display: flex; justify-content: center; align-items: center; margin: 30px 25% 0 25%; height: 50px; border-radius: 10px; background: #25acdc; cursor: pointer; width: 140px;;}
.member_join .row .btn_join p{ font-size: 1.8em !important; font-weight: 400; color: #FFF !important;}

.member_join .row .btn_login{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
.member_join .row .btn_login p{ font-size: 1.3em; color: #666;}
.member_join .row .btn_login a{ display: flex; align-items: center; margin: 0 0 0 10px; cursor: pointer;}
.member_join .row .btn_login a span{ font-size: 1.3em; font-weight: 400; color: #25acdc;}
.member_join .row .btn_login a i{ margin: 0 0 0 5px; font-size: 1.3em; color: #25acdc;}


@media(max-width:767px){
    .member_join{ padding: 30px 15px;}
    .member_join .row{ max-width: 450px;}
    .member_join .row .title{ font-size: 3em;}

    /* .member_join .row .row_join{ display: unset;}
    .member_join .row .row_join .id_info{ width: auto;}
    .member_join .row .row_join .personal_info{ width: auto;} */

    .member_join .row .menu{ margin: 15px -2.5px 0 -2.5px;}
    .member_join .row .menu li a{ margin: 0 2.5px; height: 45px;}

    .member_join .row .menu.privacy{ margin: 30px 0 0 0;}
    .member_join .row .menu.privacy li a p{ font-size: 13px;}

    .member_join .row .write{ margin: 30px 0 0 0; padding:0}
    .member_join .row .write .box{ margin: 15px 0 0 0; width:90%;}
    .member_join .row .write .box .tit{ padding: 0 0 7px 0; font-size: 12px;}
    .member_join .row .write .box input{ height: 45px;}
    .member_join .row .write .box select{ height: 45px;}

    .member_join .row .write .box .in_sns select{ flex: 0 0 100px; height: 45px;}
	 .member_join .row .write .box .in_code {flex-wrap:wrap;}
    .member_join .row .write .box .in_code .btn{ flex:1; height: 45px; width:100%; margin-left:0; margin-top:5px;}
    .member_join .row .write .box .in_pw i{ width: 45px;}

    .member_join .row .write .box .in_file ul li a{ height: 120px;}
    .member_join .row .write .box .in_file > p{font-size: 10px;}

    .member_join .row .join_check{ margin: 15px 0 0 0;}
    .member_join .row .join_ok{ margin: 30px 0 0 0;}
    .member_join .row .btn_join{ margin: 30px 0 0 0; height: 45px; width: 100px; }
    .member_join .row .btn_login{ margin: 30px 0 0 0;}
}









.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ padding: 15px 10px; border-top: 2px solid #0a7345; border-bottom: 1px solid #CCC; background: #f5f5f5; text-align: center; font-size: 1.6em; color: #000;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; background: #f5f5f5; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 400;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 400;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}

.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_btn_01 p{ font-size: 1.8em; font-weight: 400;}
.type_btn_01 a{ display: flex; align-items: center; padding: 0 50px; border-radius: 30px; height: 50px; background: #0a7345; font-size: 1.6em; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .type_btn_01{ flex-wrap: wrap; margin: 30px 0 0 0;}
    .type_btn_01 a{ height: 40px;}
}


.type_btn_02{ display: flex; justify-content: center; margin: 50px 0 0 0;}
.type_btn_02 a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 180px; height: 50px; border-radius: 25px; background: #333;}
.type_btn_02 a p{ font-size: 1.6em; font-weight: 400; color: #FFF;}
.type_btn_02 a:nth-child(1){ background: #25acdc;}
.type_btn_02 a:nth-child(2){ background: #8bb92c;}
@media(max-width: 767px){
    .type_btn_02{ margin: 30px -2.5px 0 -2.5px;}
    .type_btn_02 a{ margin: 0 2.5px; height: 45px;}
    .type_btn_02 a p{ font-size: 14px;}
}


.type_btn_03{ display:flex; justify-content:center; align-items:center; margin:50px auto 0 auto; width: 200px; height: 50px; border-radius: 30px; border:1px solid #25acdc; background:#25acdc; text-align:center; cursor:pointer;}
.type_btn_03 p{ font-size: 1.6em; font-weight: 400; color: #FFF;}
@media(max-width:767px){
    .type_btn_03{ margin: 30px auto 0 auto; width:auto; height:45px;}
    .type_btn_03 p{ font-size: 14px;}
}









/* .type_search{ display: flex; justify-content: space-between; align-items: center; padding: 30px; border-radius: 15px; border: 1px solid #e5e5e5;} */
.type_search{ display: flex; justify-content: space-between; align-items: center; }
.type_search .fl{}
.type_search .fl p{ font-size: 17px;}
.type_search .fl p font{ font-weight: 500; color: #25acdc;}
.type_search .fr{ display:flex; align-items:center;}
.type_search .fr .search{ position:relative;}
.type_search .fr .search i{ display:block; position:absolute; top:0; right:0; width:40px; text-align:center; line-height:40px; font-size: 1.8em; color:#666; cursor:pointer;}
.type_search .fr .search input{ display: flex; align-items: center; margin:0; padding:0 40px 0 20px; width: 200px; height:40px; border-radius: 20px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 1.4em; font-weight: 400; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
    .type_search{ padding: 20px 15px;}
    .type_search .fl p{ font-size:15px;}
    .type_search .fr{ display:flex; align-items:center;}
    .type_search .fr select{ padding:0 30px 0 10px; width:80px; height:35px; line-height:33px; font-size:12px;}
    .type_search .fr .search{}
    .type_search .fr .search i{ width: 35px; line-height:33px; font-size:14px;}
    .type_search .fr .search input{ padding: 0 40px 0 15px; width: 170px; height:35px; line-height:33px; font-size:12px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin: 50px 0 0 0;}
/* .type_page i{ display:flex; justify-content:center; align-items:center; width: 30px; height: 35px; font-size: 1.5em; color: #999; cursor:pointer;} */
.type_page .page{ display:flex; align-items:center;}
.type_page .page p{ display:flex; justify-content:center; align-items:center; margin: 0 2.5px; width: 30px; height: 30px; border-radius: 0%; border: 1px solid #e5e5e5; font-size: 1.2em; font-weight: 400; color:#000; cursor:pointer;}
.type_page .page p.on{ position:relative; z-index:1; border-color: #333; background: #333; color:#FFF;}
@media(max-width:767px){
    .type_page{ margin: 30px 0 0 0;}
}


.type_faq{ margin: 20px 0 0 0;}
.type_faq ul{ border-radius: 15px; border: 1px solid #e5e5e5;}
.type_faq ul li{ border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.type_faq ul li:last-child{ border: 0;}
.type_faq ul li a{ display: block; position: relative; padding: 30px 100px 30px 30px;}
.type_faq ul li a .q{ line-height: 1.2; font-size: 15px; color: #000;}
.type_faq ul li a .a{ display: none; margin: 10px 0 0 0; line-height: 1.2; font-size: 20px; font-weight: 400; color: #25acdc; word-break:break-all;}
.type_faq ul li a i{ display: block; position: absolute; top: 50%; right: 30px; transform:translate(0,-50%); font-size: 2em; color: rgba(0 0 0/50%); transition: all .3s;}
.type_faq ul .on a i{ font-size: 2.5em; color: #25acdc; transform: rotate(180deg); top:20px}
@media(max-width: 767px){
    .type_faq ul li a{ padding: 20px 50px 20px 20px;}
    .type_faq ul li a .q{ font-size: 14px; word-break:break-all;}
    .type_faq ul li a .a{ margin: 8px 0 0 0; font-size: 16px;}
    .type_faq ul li a i{ right: 20px;}
}



.type_notice{ overflow: hidden; margin: 20px 0 0 0; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_notice .head{ display: flex; background: #f5f5f5;}
.type_notice .head li{ display:flex; justify-content:center; align-items:center; height: 50px;}
.type_notice .head li p{ font-size: 1.4em; font-weight: 400; color: #000;}
.type_notice .body{}
.type_notice .body li{}
.type_notice .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 30px 0; border-top: 1px solid #e5e5e5;}
.type_notice .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 1.2em; color:#666;}
.type_notice .body li .row .tit{ width:60%; display:flex; align-items:center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 1.4em; font-weight: 400; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_notice .body li .row .tit i{ margin:0 0 0 5px; font-size: 2em; color:#666; cursor:pointer;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.2em; font-weight: 400; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.2em; font-weight: 400; color:#666;}
.type_notice .body li .row .click span{ display: none;}
.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #25acdc; background:#25acdc; color:#FFF;}
@media(max-width:767px){
    .type_notice .head{ display:none;}
    .type_notice .body li:first-child .row{ border-top: 0;}
    .type_notice .body li .row{ padding: 20px 0 20px 60px;}
    .type_notice .body li .row .number{ position: absolute; top: 50%; transform: translate(0,-50%); left: 15px; width: 35px; height: 35px; border-radius: 50%; background: #25acdc; color: #FFF;}
    .type_notice .body li .row .tit{ margin: -1px 0 0 0; padding: 0 0 5px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .tit a{ font-size: 13px;}
    .type_notice .body li .row .date{ justify-content:flex-start; width: 35%; font-size: 11px;}
    .type_notice .body li .row .click{ justify-content:flex-start; width: 35%; font-size: 11px;}
    .type_notice .body li .row .click span{ display: block;}
    .type_notice .body li .row .answer{ width:auto;}
    .type_notice .body li .row .answer p{ height:25px; font-size:10px;}
}


.type_qna{ overflow: hidden; margin: 20px 0 0 0; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_qna .head{ display: flex; background: #f5f5f5;}
.type_qna .head li{ display:flex; justify-content:center; align-items:center; height: 50px;}
.type_qna .head li p{ font-size: 1.4em; font-weight: 400; color: #000;}
.type_qna .body{}
.type_qna .body li{}
.type_qna .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 30px 0; border-top: 1px solid #e5e5e5;}
.type_qna .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; color:#666;}
.type_qna .body li .row .tit{ width:45%; display:flex; align-items:center; padding:0 15px;}
.type_qna .body li .row .tit a{ max-width: 90%; font-size: 1.4em; font-weight: 400; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_qna .body li .row .tit i{ margin:0 0 0 5px; font-size: 2em; color:#666; cursor:pointer;}
.type_qna .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; font-weight: 400; color:#666;}
.type_qna .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; font-weight: 400; color:#666;}
.type_qna .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; font-weight: 400; color:#666;}
.type_qna .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_qna .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding: 0 15px; height: 35px; border-radius: 20px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 1.3em; color:#666;}
.type_qna .body li .row .answer.on p{ border: 1px solid #8bb92c; background:#8bb92c; color: #FFF;}
@media(max-width:767px){
    .type_qna .head{ display: none;}
    .type_qna .body li:first-child .row{ border-top: 0;}
    .type_qna .body li .row{ padding: 20px 15px 20px 60px;}
    .type_qna .body li .row .number{ position:absolute; top:50%; transform: translate(0,-50%); left: 15px; width:35px; height:35px; border-radius:50%; background: #25acdc; color:#FFF;}
    .type_qna .body li .row .tit{ margin: 0; padding: 0; width: 50% !important; line-height: 20px;}
    .type_qna .body li .row .user{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_qna .body li .row .date{  width: 20% !important; font-size:12px;}
    .type_qna .body li .row .click{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_qna .body li .row .answer{ position: absolute; top: 50%; right: 15px; transform: translate(0,-50%); width:auto;}
    .type_qna .body li .row .answer p{ padding: 0 10px; height: 30px; font-size: 11px;}
}




.yl_news{margin: 0 auto;  width: 100%; max-width: 1200px;}
.yl_news .cont{display: flex; align-items: center; width: 100%;}

.yl_news .cont .rolling{ position: relative; z-index: 10; margin: 0 auto; padding: 0px; overflow: hidden; height: 400px;}
.yl_news .cont .rolling .slick-list{ overflow: hidden; height: 400px; margin-bottom: 40px;
 /* border: 1px solid #ccc; */
}
.yl_news .cont .rolling .slide{width: auto; height: 100%; overflow: hidden; }
.yl_news .cont .rolling .slide.active{}
.yl_news .cont .rolling .slide a{ display: block; margin: 0; transition: all .3s; }
.yl_news .cont .rolling .slide a img{ display: block; width: auto; border-radius: 0; transition: all .3s;}


.yl_news .cont .rolling .slide a p{ text-align: center; font-size: 1.4em; font-weight: 400; color: #222; padding-top: 130px;}
.yl_news.mob .cont .rolling .slide a img{ display: none;}
/* .visual .rolling .slide a:hover{ transform: translate(0,-25px);}
.visual .rolling .slide a:hover img{ border-radius: 0px;} */
.yl_news .cont .rolling .slide.slick-center a img{ filter: blur(0); width: 100%;}
.yl_news .cont .rolling .slick-dots{ display: flex; justify-content: center; align-items: center; bottom: 40px; right: 0px;}
.yl_news.mob .cont .rolling .slick-dots{ display: none;}
.yl_news .cont .rolling .slick-dots li{ margin: 0 5px; width: auto; height: auto; transition: all .3s;}
.yl_news .cont .rolling .slick-dots li button{ padding: 0; width: 10px; height: 6px; border-radius: 5px; 
     /* background: rgba(255 255 255/70%); */
     background: #333;
transition: all .3s;}

.yl_news.mob .cont .rolling .slick-dots li button{width: 0;}

.yl_news .cont .rolling .slick-dots li button:before{ display: none;}
.yl_news .cont .rolling .slick-dots li.slick-active button{ width: 20px; background: #8bb92c;}
.yl_news .cont .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 5%; margin: -30px 0 0 -10px; padding: 0 3px 0 0; width: 50px; height: 50px; border-radius: 50%; 
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
    font-size: 3em; color: #333; cursor: pointer;}
.yl_news .cont .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 5%; margin: -30px -10px 0 0; padding: 0 0 0 3px; width: 50px; height: 50px; border-radius: 50%;
    /* background: #333; box-shadow: 0 5px 15px 0 rgba(0 0 0/15%);  */
font-size: 3em; color: #333; cursor: pointer;}

.yl_news .type_event .head{margin: 0 auto; max-width: 1200px;}
.yl_news .type_event .head .h1{}
.yl_news .type_event .head .h1 h2{ font-size: 2.5em; font-weight: 600; margin:20px 0}



.type_event{}
.type_event ul{ max-width: 1200px; margin: 0 auto; display:flex; flex-wrap:wrap;}
.type_event ul li{ width:calc(100% / 4); margin-bottom:50px;padding:0 10px}
.type_event ul li a{}
.type_event ul li a .img{border-radius: 15px; overflow:hidden; width:100%;}
.type_event ul li a .img img{ display: block; width: 100%; height: auto; max-width:100%;}
.type_event ul li a .fr{ display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #e5e5e5; }
.type_event ul li a span{ display: block; padding: 8px 15px; border-radius: 15px; background: #666; font-size: 1.3em; font-weight: 400; color: #FFF;}
.type_event ul li a span.on{ background: #F00;}
.type_event ul li a .tit{ margin: 10px 0 5px; width: 100%; line-height: 1.5; font-size: 1.8em; font-weight: 400; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; word-break:keep-all}
.type_event ul li a .txt{ margin: 15px 0 0 0; width: 100%; line-height: 1.5; font-size: 1.3em; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_event ul li a .date{font-size: 1.7em; color: #000; font-weight:300}
.type_event ul li a .date i{ margin: 0 10px 0 0; font-size: 1.4em; color: #CCC;}
.type_event ul li a .click{ display: flex; align-items: center; margin: 5px 0 0 0; font-size: 1.3em; color: #000;}
.type_event ul li a .click i{ margin: 0 10px 0 0; font-size: 1.5em; color: #CCC;}

@media(max-width: 767px){
	.type_event ul li{width:calc(100% / 2); margin-bottom:20px;}
    .type_event ul li a{ padding: 20px 15px;}
    .type_event ul li a .img{margin-bottom:0;}
	.type_event ul li:nth-child(odd){padding:0 5px 0 0}
	.type_event ul li:nth-child(even){padding:0 0 0 5px}

    .yl_news .cont .rolling{ position: relative; z-index: 10; margin: 0 auto; padding: 0px; overflow: hidden; height: 350px;}
    .yl_news .cont .rolling .slick-list{ overflow: hidden; height: 350px; margin-bottom: 40px;
    /* border: 1px solid #ccc; */
    }
    .yl_news .cont .rolling .slide{width: auto; height: 100%; overflow: hidden; }
    .yl_news .cont .rolling .slide.active{}
    .yl_news .cont .rolling .slide a{ display: block; margin: 0; transition: all .3s; }
    .yl_news .cont .rolling .slide a img{ display: block; width: auto; height: 100%; border-radius: 0; transition: all .3s;}
	
}


.type_view{ border-radius: 15px; border: 1px solid #e5e5e5;}
.type_view .head{}
.type_view .head .tit{ padding: 20px 30px; line-height: 1.4; font-size: 1.7em; font-weight: 400; color:#000;}
.type_view .head ul{ display: flex; flex-wrap: wrap; align-items: center; padding: 20px 30px; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa;}
.type_view .head ul li{ display:flex; align-items:center; margin:0 30px 0 0; padding:5px 0;}
.type_view .head ul li:last-child{ margin:0;}
.type_view .head ul li p{ display:block; margin:0 5px 0 0; font-size: 1.3em; color: #999;}
.type_view .head ul li font{ display:block; font-size: 1.3em; font-weight: 400; color: #333;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; font-weight: 400; color:#666;}
.type_view .head ul li span.on{ border:1px solid #25acdc; background:#25acdc; color:#FFF;}
.type_view .body{ padding:50px 30px;}
.type_view .body *{ line-height: 1.5; font-size: 14px;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}

.type_view .body .qna{}
.type_view .body .qna .head{ padding: 0 0 15px 0; font-size: 1.6em; font-weight: 400; color: #000;}
.type_view .body .qna .q{}
.type_view .body .qna .a{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #DDD;}

.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding:0 30px; height:40px; border-radius: 30px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}
.type_view .page{}
.type_view .page li{ display:flex; align-content:center; padding: 30px 30px 30px 100px; border-top: 1px solid #e5e5e5;}
.type_view .page li p{ float:left; margin:0 0 0 -100px; width:100px; text-align:center; font-size: 1.3em; color:#999;}
.type_view .page li .tit{ display:flex; align-content:center; width:100%;}
.type_view .page li .tit a{ display:block; max-width:90%; font-size: 1.4em; font-weight: 400; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.type_view .page li .tit i{ margin:0 0 0 10px; font-size: 1.6em; cursor:pointer;}
.type_view .answer{ display:flex; align-items:center; padding:30px; background:#25acdc;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ padding: 20px 15px;}
    .type_view .head ul{ padding: 15px;}
    .type_view .head ul li{ margin:0 15px 0 0; padding:5px 0;}
    .type_view .head ul li span{ padding:0 10px; height:25px;}
    .type_view .body{ padding: 30px 15px;}
    .type_view .body *{ font-size: 13px;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}
    .type_view .page li{ padding: 20px 15px 20px 80px;}
    .type_view .page li p{ margin: 0 0 0 -60px; width:60px; text-align:left;}
    .type_view .page li .tit i{ margin:0 0 0 5px;}
    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size:14px;}
}





.type_write{ overflow: hidden; border-radius: 15px; border: 1px solid #e5e5e5;}
.type_write .title{ display:flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 60px; border-bottom: 1px solid #e5e5e5; background: #f5f5f5;}
.type_write .title p{ font-size: 1.6em; font-weight: 400; color: #000;}
.type_write .title font{ font-size: 1.3em; color: #F00;}
.type_write ul{ margin: 0 30px;}
.type_write ul li{ border-top: 1px solid #e5e5e5;}
.type_write ul li:first-child{ border: 0;}
.type_write ul li a{ display: flex; align-items: flex-start; padding: 20px 0;}
.type_write ul li a > .tit{ width: 120px; line-height: 50px; font-size: 1.4em; color: #000;}
.type_write ul li a > .tit span{ color: #F00;}
.type_write ul li a .row{ flex:1 0; display:flex; flex-wrap:wrap; align-items:center;}
.type_write ul li a .row > *{ margin:0 2px;}

.type_write input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 20px; width: 100%; height: 50px; border-radius: 25px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.type_write select::-ms-expand{ display: none;}
.type_write textarea{ display: flex; align-items: center; margin: 0; padding: 10px 20px; width: 100%; height: 300px; border-radius: 25px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.type_write .file{ display: flex; width: 100%;}
.type_write .file .btn{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 0 0 10px; width: 150px; height: 50px; border-radius: 25px; border:1px solid #DDD; background:#f5f5f5; cursor: pointer;}
.type_write .file .btn p{ font-size: 1.4em; color: #000;}
.type_write .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#0a7345; cursor:pointer;}
.type_write .file .btn_down p{ font-size:14px; color:#FFF;}

.type_write .code{ display: flex; width: 100%;}
.type_write .code .img{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 10px 0 0; width: 150px; height: 50px; border-radius: 25px; background: #333; font-size: 1.4em; color:#FFF;}

.type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}

.type_write .privacy{ width:100%;}
.type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
.type_write .privacy .check{ margin:15px 0 0 0;}
.type_write .privacy .check label{ display:flex; cursor:pointer;}
.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
.type_write .privacy .check label.on i{ background:#0a7345; color:#FFF;}

.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#0a7345;}
.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .radio p:last-child{ margin:0;}
.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .radio p.on i{ border-color:#0a7345; background:#0a7345; color:#FFF;}

.type_write .checkbox{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .checkbox p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .checkbox p:last-child{ margin:0;}
.type_write .checkbox p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .checkbox p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .checkbox p.on i{ border-color:#0a7345; background:#0a7345; color:#FFF;}

.type_write .password{ display:flex; align-items:center; width:100%;}
.type_write .password input{ width:100px;}
.type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
.type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .password .ck.on i{ border-color:#0a7345; background:#0a7345; color:#FFF;}

.type_write .tel select{ width:80px;}

.type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}

@media(max-width:1000px){
    .type_write .code .txt{ margin:10px 0 0 0;}
}
@media(max-width:767px){
    .type_write .title{ padding: 0 15px; height: 50px;}
    .type_write ul{ margin: 0 15px;}
    .type_write ul li a{ display: block; padding: 20px 0;}
    .type_write ul li a > .tit{ padding:0 0 10px 0; width:auto; line-height:15px;}

    .type_write input{ padding: 0 15px; height: 45px;}
    .type_write select{ padding-left: 15px; height: 45px;}
    .type_write textarea{ padding: 10px 15px; height: 150px;}

    .type_write .file .btn{ margin: 0 0 0 5px; width: 120px; height: 45px;}
    .type_write .file .btn p{ font-size:12px;}
    .type_write .file .btn_down{ margin:0 0 0 5px;}
    .type_write .file .btn_down p{ font-size:12px;}

    .type_write .code .img{ margin: 0 5px 0 0; width: 50%; height: 45px;}

    .type_write .privacy .title{ line-height:20px; font-size:18px;}
    .type_write .privacy .check label p{ font-size:13px;}
    .type_write .tel input{ flex:1 0; width:50%;}
    .type_write .mail input{ flex:1 0; width:50%;}
    .type_write .mail select{ margin-top:4px !important; width:100%;}

    .type_write .radio{}
    .type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}


.type_sub_menu{}
.type_sub_menu ul{ display: flex; flex-wrap: wrap; padding: 1px 0 0 1px;}
.type_sub_menu ul li{ width: 16.666%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: -1px 0 0 -1px; height: 50px; border: 1px solid #DDD; background: #fafafa; font-size: 1.6em; color: #000;}
.type_sub_menu ul li.on a{ position: relative; z-index: 1; border-color: #0a7345; background: #0a7345; color: #FFF;}
@media(max-width: 767px){
    .type_sub_menu ul li{ width: 33.333%;}
    .type_sub_menu ul li a{ height: 40px;}
}


.sns_wrap > article {
    text-align: center;
}
.sns_wrap > article.sns_wechat > div {
    padding: 10px 10px 0;
}
.sns_wrap > article.sns_wechat h3 {
    color: #0bb61b;
    margin-bottom: 30px;
}
.sns_wrap > article p img {
    width: 100%;
}





/* 결제정보 확인 페이지 */
section#payment_information{max-width:1200px; margin:0 auto;}
h1.sub_title{font-size:30px; font-weight:600; display:flex; align-items:center; border-bottom:1px solid #ddd; padding-bottom:10px; position:relative;}
h1.sub_title:before{content:''; background-color:#2eb4e3; width:4px; height:25px; margin-right:10px; margin-top:4px}

section#payment_information > article{margin:40px 0 20px;}
section#payment_information > article > h2{font-size:21px; font-weight:700; margin-bottom:10px; display:flex; align-items:flex-end;}
section#payment_information > article > h2 > p{font-size:15px; margin-left:10px; margin-bottom:1px; font-weight:400;}
ul.form_list{}
ul.form_list li{display:flex; margin-top:-1px;}
ul.form_list li:first-child{margin-top:0;}
ul.form_list h5{font-size:15px; width:20%; border:1px solid #ddd; padding:20px 20px; text-align:center; background-color:#f5f5f5;}
ul.form_list p{font-size:15px; width:80%; border:1px solid #ddd; padding:20px 20px; margin-left:-1px}
ul.form_list li > div {font-size:17px; width:80%; border:1px solid #ddd; margin-left:-1px; padding:10px 20px; box-sizing:border-box; display:flex; align-items:center;}
ul.form_list li > div > input{border:0;padding:10px; height:100%; width:50%; outline:none;border:1px solid #c6c6c6; box-sizing:border-box; font-size:15px}
ul.form_list li > div > textarea{border:0;padding:10px; height:120px; width:50%; outline:none;border:1px solid #c6c6c6; box-sizing:border-box; font-size:15px}
ul.form_list p.red,
ul.form_list span.red{color:#f00}
.select_wrap > select{height:100%; border:1px solid #c6c6c6; background-color:#fff; padding:10px; width:250px; margin-right:10px; font-size:15px}
ul.pay_list{ display:flex; align-items:center; flex-wrap:wrap;}
ul.pay_list > li{padding:0 10px; width:calc(100% / 4)}
ul.pay_list > li > a{color:#000; background-color:#f5f5f5; display:flex;  font-size:15px;justify-content:center; align-items:center; text-align:center; border-radius:10px; height:70px;border:2px solid #f5f5f5; font-weight:600; line-height:17px}
ul.pay_list > li > a.active{border:2px solid #60c3e7;}
ul.pay_list > li.wechat > a img{width:60%}
ul.pay_list > li.ali > a img{width:50%}
div.tabcontent > div {border:1px solid #e0e0e0; margin:10px; padding:1rem;}
div.tabcontent > div > p{font-size:15px;}
div.tabcontent > div > p.blue{color:#1d87f6; word-break:break-all}
div.agreement_box{margin-top:50px; padding:10px; display:flex; flex-direction:column; flex-wrap:wrap;}
div.agreement_box > div{display:flex; margin-bottom:5px; align-items:center;}
div.agreement_box > div p{font-size:15px; margin-left:5px}
div.agreement_box input[type="checkbox"]{cursor:pointer; border-radius:5px; transition:0.1s; background-color:#dedede;appearance:none; width:20px; height:20px;  background-image:url('/images/ico_chk.png'); background-repeat:no-repeat;  background-size:14px; background-position:center;}
div.agreement_box input[type="checkbox"]:checked{background-color:#22ac75;}
div.agreement_box label{cursor:pointer;}
div.confirm_btn {margin-top:20px; justify-content:end}
div.confirm_btn button{border:0; outline:none; width:180px; cursor:pointer;padding:20px 0; font-size:15px; line-height:15px; border-radius:10px; transition:0.2s}
div.confirm_btn button.cancel{background-color:#dedede; margin-right:5px; }
div.confirm_btn button.cancel:hover{background-color:#ccc}
div.confirm_btn button.payment_next{background-color:#22ac75; color:#fff}
div.confirm_btn button.payment_next:hover{background-color:#159763}
/* 결제 완료 */
#payment_complete{position:relative; padding:100px 0}
#payment_complete > div.complete_img_wrap{text-align:center; }
#payment_complete > div.complete_img_wrap > img{width:80px; margin:0 auto}
#payment_complete > h2{font-size: 30px; font-weight:600; text-align:center; margin:20px 0; color:#000;}
#payment_complete > div > p{font-size:17px; color:#22ac75; font-weight:600; margin-top:10px}
#payment_complete > div.payment_information{margin-bottom:100px}
#payment_complete > div.payment_information > h3{font-size:19px; text-align:center; font-weight:600; margin:0 auto; width:700px; padding:20px; border:1px solid #ccc; border-width:1px 1px 0; background-color:#f8f9fa;}
table.payment_information_table{width:700px; border-collapse:collapse; margin:0 auto;}
table.payment_information_table th{font-size:15px; border:1px solid #ccc; padding:20px;background-color:#f8f9fa; font-weight:400;}
table.payment_information_table td{font-size:15px; border:1px solid #ccc; padding:20px;background-color:#fff;}
div.reservation_details{ text-align:center; margin-top:40px}
div.reservation_details > a{display:inline-block; background-color:#00a4de; color:#fff; padding:15px; width:180px; font-size:15px; border-radius:10px}
/* 결제 실패 */
#payment_fail{position:relative; padding:100px 0}
#payment_fail > div.complete_img_wrap{text-align:center; }
#payment_fail > div.complete_img_wrap > img{width:80px; margin:0 auto}
#payment_fail > h2{font-size: 30px; font-weight:600; text-align:center; margin:20px 0; color:#000;}
#payment_fail > div > p{font-size:17px; color:#22ac75; font-weight:600; margin-top:10px}
#payment_fail > div.payment_information{margin-bottom:100px}
#payment_fail > div.payment_information > h3{font-size:19px; text-align:center; font-weight:600; margin:0 auto; width:700px; padding:20px; border:1px solid #ccc; border-width:1px 1px 0; background-color:#f8f9fa;}
#payment_fail > h3{font-size:19px; font-weight:400; text-align:center; margin-top:-20px; padding-bottom:20px}
.failure_message{max-width:700px; margin:20px auto 30px;}
.failure_message > h4{font-size:19px; font-weight:600; }
.failure_message > div{background-color:#f5f6f8; padding:20px 20px; border-radius:10px;}
.failure_message > div > p{font-size:15px; color:#737373}

@media(max-width:1400px){
	section#payment_information{max-width:90%;}
}
@media(max-width:767px){
	section#payment_information > article{background-color:#f1f4f6; padding:20px; border-radius:10px}
	section#payment_information > article > h2{padding-bottom:10px; border-bottom:2px solid #000; flex-direction:column; align-items:flex-start;}
	section#payment_information > article > h2 > p{margin-left:0}
	ul.form_list li{flex-direction:column; margin-bottom:15px;}
	ul.form_list h5{font-size:15px; width:100%; border:0; padding:0; text-align:left; background-color:transparent; font-weight:600; padding:10px 0}
	ul.form_list p{width:100%; padding:10px 20px}
	ul.form_list li > div{width:100%; padding:0; border:0}
	ul.form_list li > div > input{height:100%; width:100%;}
	ul.form_list li > div > textarea{height:120px; width:100%;}
	.select_wrap > select{width:100%}
	.select_wrap > select.sns_id_select{width:50%}
	ul.pay_list > li{width:calc(100% / 2); margin-bottom:6px; padding:0 6px;}
	ul.pay_list > li > a{background-color:#fff; font-size:14px; height:57px}
	div.tabcontent > div{background-color:#fff; margin:0 6px; }
	div.tabcontent > div p{font-size:14px}
	div.agreement_box{margin-top:20px;}
	div.agreement_box > div{align-items:flex-start}
	div.agreement_box > div label{width:calc(100% - 20px)}
	div.agreement_box > div p{font-size:14px; }
	div.agreement_box input[type="checkbox"]{background-size:10px; width:18px; height:18px; margin-top:3px;}
	div.confirm_btn{margin-top:10px}
	div.confirm_btn button{width:calc(100% / 2); padding:15px 0}
	
	/* 결제 완료 */
	#payment_complete{background-color:#f2f3f6; padding:60px 0}
	#payment_complete:before{content:''; background-color:#22ac75; position:absolute;top:0; left:0; height:200px; display:block; width:100%;} 
	#payment_complete > h2{font-size:21px; width:90%; margin:0 auto; background-color:#fff; padding:20px 0 30px; z-index:1;position:relative;}
	#payment_complete > div.complete_img_wrap{margin:0 auto;width:90%;background-color:#fff; padding:50px 0 0; z-index:1;position:relative; }
	#payment_complete > div.complete_img_wrap > img{width:60px}
	table.payment_information_table{width:90%;}	
	#payment_complete > div.payment_information{margin-bottom:10px}
	#payment_complete > div.payment_information > div{width:90%; margin:0 auto; background-color:#fff}
	#payment_complete > div.payment_information > div.info_table_box{padding:20px 0; }
	div.reservation_details{padding-bottom:50px}
	div.reservation_details > a{width:150px}
	#payment_complete > div.payment_information > h3{font-size:17px; width:90%;  z-index:1;position:relative;border:0; background-color:#fff; background-color:#fff; padding:10px 0; }
	#payment_complete > div.payment_information > h3:before{content:''; width:90%; height:100%; border:1px dashed #ccc; display:block; position:absolute; top:50%; left:50%;transform:translate(-50%, -50%); border-width:1px 0;}
	table.payment_information_table th{border:1px solid #fff; background-color:#fff; text-align:left;vertical-align:baseline;font-size:14px; padding:0 0 15px 0}
	table.payment_information_table td{border:1px solid #fff; text-align:right; font-size:14px; line-height:16px; padding:0 0 15px 0}
	
	/* 결제 실패 */
	#payment_fail{background-color:#f2f3f6; padding:60px 0}
	#payment_fail:before{content:''; background-color:#c1c1c1; position:absolute;top:0; left:0; height:200px; display:block; width:100%;} 
	#payment_fail > div.complete_img_wrap{margin:0 auto;width:90%;background-color:#fff; padding:50px 0 0; z-index:1;position:relative; }
	#payment_fail > div.complete_img_wrap > img{width:60px}
	#payment_fail > h2.failure{font-size:21px; width:90%; margin:0 auto; background-color:#fff; padding:20px 0 0; z-index:1;position:relative;}
	#payment_fail > h3{width:90%; margin:0 auto; background-color:#fff; font-size:17px; font-weight:500}
	#payment_fail > div.payment_information{margin-bottom:10px}
	#payment_fail > div.payment_information > div{width:90%; margin:0 auto; background-color:#fff}
	#payment_fail > div.payment_information > div.info_table_box{padding:20px 0; }
	#payment_fail > div.payment_information > h3{font-size:17px; width:90%;  z-index:1;position:relative;border:0; background-color:#fff; background-color:#fff; padding:10px 0; }
	#payment_fail > div.payment_information > h3:before{content:''; width:90%; height:100%; border:1px dashed #ccc; display:block; position:absolute; top:50%; left:50%;transform:translate(-50%, -50%); border-width:1px 0;}
	.failure_message > h4{width:90%; margin:0 auto; padding-top:10px; font-size:17px}
	.failure_message{width:90%; margin:0 auto; background-color:#fff; padding-bottom:30px}
	.failure_message > div{width:90%; margin:0 auto; padding: 15px 20px}
}



/* mypage */
div.type_tabs{max-width:1200px; margin:0 auto;display:flex; align-items:stretch; justify-content:space-between;}
div.type_tabs > div.my{width:calc(50% - 10px);flex:1;  margin-right:10px; display:flex; align-items:center; justify-content:space-between;font-size:21px;background-color:#f5f5f5; padding:20px 30px;border-radius:25px; }
div.type_tabs > div.my > div.info{ display:flex; align-items:center; }
div.type_tabs > div.my > div.info > i{font-size:70px; }
div.type_tabs > div.my > div.info_btns{display:flex; justify-content:space-between;}
div.type_tabs > div.my > div.info_btns > p{letter-spacing:0.3px; font-size:21px}
div.type_tabs > div.my > div.info_btns > div{display:flex; align-items:center; line-height:15px; margin-top:5px}
.info_btns{cursor:pointer; font-size:15px; line-height:1; color:#000; display:inline-block; padding: 7px 15px 9px; border-radius:50px}
.edit_btn{background-color:#22ac75; margin-right:10px; color:#fff;}
.logout_btn{border:1px solid #ddd; color:#666}
.tabs_list{background-color:#f5f5f5; padding:20px 30px;border-radius:25px; width:calc(50% - 10px); flex:1; }
.tabs_list > ul{display:flex; align-items:center; justify-content:center; }
.tabs_list > ul > li {margin:0 5px; flex:1;}
.tabs_list > ul > li > a{font-size:16px;color:#666; border:1px solid #b7b7b7; background-color:#fff; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:10px; }
.tabs_list > ul > li > a > i{display:block; font-size:24px; margin-bottom:5px}
.tabs_list > ul > li.on > a{color:#fff; background-color:#22ac75; border-color:#22ac75; transition:0.2s;}
.tabs_list > ul > li:not(.on):hover > a{border-color:#22ac75; color:#22ac75}
h1.top_title{max-width:1200px; margin:0 auto 20px; font-size:30px; font-weight:600; text-align:center;}

.ticketing_list_wrap{max-width:1200px;margin:50px auto; padding:0 15px}
.ticketing_list_wrap > h1{font-size:26px; font-weight:600; margin-bottom:30px;}
table.ticketing_list{width:100%; border-collapse:collapse; display:table}
table.ticketing_list th,
table.ticketing_list td{font-size:15px; border:1px solid #ccc; padding:20px}
table.ticketing_list th{background-color:#f8f9fa; padding:10px;}
/* 예매일 */
table.ticketing_list td.ticketing_deta{text-align:center;}
/* 상품정보 */
table.ticketing_list td.pro_info .pro_info_wrap{display:flex;}
table.ticketing_list td.pro_info .pro_info_wrap > div{width:20%}
table.ticketing_list td.pro_info .pro_info_wrap > div > img{max-width:100%; border-radius:10px}
table.ticketing_list td.pro_info .pro_info_wrap > ul{width:calc(80% - 20px);margin-left:20px; display:flex; flex-direction:column; justify-content: space-around}
table.ticketing_list td.pro_info .pro_info_wrap > ul h2{font-size:18px; word-break:keep-all; font-weight:600;}
/* 예매정보 */
table.ticketing_list td.reserve_info li{display:flex; margin-bottom:5px}
table.ticketing_list td.reserve_info li p{width:30%;}
table.ticketing_list td.reserve_info li span.blue{color:#25acdc}
/* 상태 */
table.ticketing_list td.availability{text-align:center;}
table.ticketing_list td.availability > p{font-size:21px; font-weight:600; margin-bottom:5px}
table.ticketing_list td.availability > p.success{color:#25acdc}
table.ticketing_list td.availability > p.cancellation{color:#666}
table.ticketing_list td.availability > p.wait{color:#f495b1}
table.ticketing_list td.availability > a{color:#666; display:inline-block; border:1px solid #ddd; border-radius:50px; min-width:50%; padding:5px 0 6px; transition:0.2s;}
table.ticketing_list td.availability > a:hover{background-color:#22ac75; color:#fff; border-color:#22ac75;}
ul.m_ticket_lisst{display:none;}


/* 상세보기 */
.reserve_wrap{max-width:1200px; margin:50px auto 0;}
.short_info{display:flex; border:1px solid #ddd; padding:30px 50px; border-radius:25px; }
.short_info .img_info{width:200px;}
.short_info .img_info > img{width:100%; border-radius:20px;}
.short_info article.info_wrap{width:calc(100% - 220px); margin-left:20px; display:flex; flex-direction:column; justify-content:space-between; padding:20px}
.short_info article.info_wrap .payment_type{display:none;}
.short_info article.info_wrap div.short_info_title{margin-bottom:20px}
.short_info article.info_wrap div.short_info_title h2{font-size:24px; line-height:24px; font-weight:600}
.short_info article.info_wrap > ul{display:flex; flex-wrap:wrap;}
.short_info article.info_wrap > ul > li{display:flex; width:50%; font-size:15px; margin-top:10px}
.short_info article.info_wrap > ul > li > b{width:120px;}
.short_info article.info_wrap > ul > li > p.blue{color:#25acdc; font-weight:600}
.short_info article.info_wrap > ul > li > p.success{color:#25acdc}
.short_info article.info_wrap > ul > li > p.cancellation{color:#f495b1}
.short_info article.info_wrap > ul > li > p.wait{color:#666}

.reserve_detail{margin-top:50px;}
.reserve_tab{width:100%; }
.reserve_tabnav{ width:100%;display:flex; }
.reserve_tabnav li{text-align:center; border:1px solid #70c2a1; border-width:1px 1px 1px 0; width:25%;}
.reserve_tabnav li:first-child{border-width:1px}
.reserve_tabnav li a.active:before{background:#22ac75;}
.reserve_tabnav li a.active{background-color:#22ac75; color:#fff;}
.reserve_tabnav li a{ position:relative; display:block; padding:1rem;text-decoration:none; font-size:16px; transition:0.2s; color:#22ac75}
.reserve_tabnav li a:hover{background:#22ac75; color:#fff; }
.detail_tab_content{margin-top:50px}
.detail_tab_content > div h2{font-size:21px;font-weight:600; margin-bottom:20px;}
.detail_tab_content > div div > p{font-size:15px; margin:10px 0}
.detail_tab_content > div table{border-collapse:collapse; width:100%}
.detail_tab_content > div table th{font-size:15px; border:1px solid #ccc; padding:20px; background-color:#f8f9fa; font-weight:400;}
.detail_tab_content > div table td{font-size:15px; border:1px solid #ccc; padding:20px;}
.reserve_detail div.to_list_btn{ margin:30px auto; text-align:center;}
.reserve_detail div.to_list_btn > a{font-size:17px; display:inline-block; background-color:#25acdc; color:#fff; width:200px; padding:15px; border-radius:10px; transition:0.2s}
.reserve_detail div.to_list_btn > a:hover{background-color:#19a4d6}

@media(max-width:1400px){
	.reserve_wrap{padding:0 50px;}
}

@media(max-width:1200px){
	.tabs_list{padding:20px}
	div.type_tabs > div.my > div.info > p{font-size:19px}
	div.type_tabs > div.my > div.info > i{font-size:40px;}
	div.type_tabs > div.my > div.info_btns{padding:0;}
	.tabs_list > ul > li > a{font-size:13px}
	table.ticketing_list td.pro_info .pro_info_wrap > ul h2{font-size:16px; line-height:18px;  overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
	table.ticketing_list td.availability > p{font-size:16px}
}
@media(max-width:1023px){
	table.ticketing_list{display:none;}
	.ticketing_list_wrap{padding: 0 15px; margin-top:30px; }
	.ticketing_list_wrap > h1{font-size:21px; margin-bottom:10px; font-weight:600;}
	div.type_tabs{flex-direction:column;}
	div.type_tabs > div.my{width:100%; margin-bottom:10px;flex-direction:column;}
	div.type_tabs > div.my > div.info > i{font-size:30px; margin-right:5px}
	div.type_tabs > div.my > div.info > p{font-size:17px}
	div.type_tabs > div.my > div.info_btns{padding:0; margin-top:5px; width:80%}
	div.type_tabs > div.my > div.info_btns > div{width:50%}
	div.type_tabs > div.my > div.info_btns > div > a{width:100%; display:block;text-align:center;}
	.tabs_list{padding:20px; width:100%;}
	.tabs_list > ul > li > a{font-size:15px;}
	.tabs_list > ul > li > a > i{font-size:20px; margin-bottom:0;}
	.info_btns{font-size:14px}
	
	ul.m_ticket_lisst{display:block;}
	ul.m_ticket_lisst > li{background-color:#f5f5f5; display:flex; flex-wrap:wrap; padding:15px 25px; border-radius:25px; margin-bottom:10px}
	ul.m_ticket_lisst > li > div.ticket_img{width:25%;}
	ul.m_ticket_lisst > li > div.ticket_img > img{width:100%}
	ul.m_ticket_lisst > li > div.ticket_info{width:calc(75% - 20px); margin-left:20px; display:flex; flex-direction:column; justify-content:space-between; padding:10px 0;}
	ul.m_ticket_lisst > li > div.ticket_info > div{}
	ul.m_ticket_lisst > li > div.ticket_info div > p{font-size:13px; color:#7e7e7e;}
	ul.m_ticket_lisst > li > div.ticket_info div > h2{
		font-size:15px; line-height:17px;font-weight:600;  overflow: hidden;
	  white-space: normal;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  word-break: keep-all;   // 문단으로 끊어져서 줄바꿈 됨
	}
	ul.m_ticket_lisst > li > div.ticket_info div > h2 > span{margin-right:5px}
	ul.m_ticket_lisst > li > div.ticket_info div > h2 > span.wait{color:#f495b1}
	ul.m_ticket_lisst > li > div.ticket_info div > h2 > span.success{color:#25acdc;}
	ul.m_ticket_lisst > li > div.ticket_info div > h2 > span.cancellation{color:#666}
	ul.m_ticket_lisst > li > div.ticket_info div > h3{width:100%; font-weight:600; margin-bottom:10px}
	ul.m_ticket_lisst > li > div.ticket_info div > h3.cancellation{color:#666}
	ul.m_ticket_lisst > li > div.ticket_info div > h3.success{color:#25acdc;}
	ul.m_ticket_lisst > li > div.ticket_info div > h3.wait{color:#f495b1}
	ul.m_ticket_lisst > li > div.ticket_info div > a{font-size:14px; color:#25acdc; background-image:url('https://ylseoul.com/images/ioc_arrow_right.png'); background-repeat:no-repeat; background-position:right 60%; background-size:10px; padding-right:13px; }
	
	/* 상세보기 */
	.reserve_wrap{padding:0 50px;}
	.short_info{padding:20px 40px; align-items:center;}
	.short_info article.info_wrap > h2{margin-bottom:50px}
	.short_info article.info_wrap > ul > li{width:100%; margin-top:5px; font-size:14px}
	.short_info article.info_wrap div.short_info_title h2{font-size:21px}
	
	

}
@media(max-width:767px){
	.type_tabs{padding: 0 15px}
	div.type_tabs > div.my{padding:10px}
	.tabs_list{background-color:transparent; padding:10px 0}
	.tabs_list > ul > li > a{font-size:13px;}

	/* 상세보기 */
	.reserve_wrap{padding:0; margin-top:0}
	.short_info{border:0; border-radius:0; padding:0;}
	.short_info .img_info{display:none}
	.short_info article.info_wrap{ width:100%; padding:0; margin:0;}
	.short_info article.info_wrap .payment_type{display:block; background-image:url('https://ylseoul.com/upload/TICKET/2024-02/171_1_1709191216.jpg'); background-repeat:no-repeat;  background-size:cover; background-position:center;}
	.short_info article.info_wrap .payment_type > div{position:relative; padding:40px 0; -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(10px); text-align:center;}
	.short_info article.info_wrap .payment_type > div h3{font-size:19px; color:#fff; position:relative; z-index:1}
	.short_info article.info_wrap .payment_type > div p{font-size:13px; color:#fff;  position:relative; z-index:1}
	.short_info article.info_wrap .payment_type > div p span{margin-left:10px}
	.short_info article.info_wrap .payment_type > div:after{content:''; display:block; width:100%; height:100%; position:absolute;top:0; left:0; background: rgb(0,0,0,0.3);}
	.short_info article.info_wrap div.short_info_title{padding:0 15px; margin:10px 0; }
	.short_info article.info_wrap div.short_info_title h2{border-bottom:1px solid #ddd; padding-bottom:10px; font-size:19px}
	.short_info article.info_wrap > ul{margin:0 15px; padding:0 0 15px; border-bottom:1px solid #ddd;}
	.reserve_detail{margin-top:30px;}
	.detail_tab_content {margin-top:20px; padding:0 15px}
	.detail_tab_content > div h2{font-size:17px;}
	.detail_tab_content > div table th{padding:10px; font-size:14px}
	.detail_tab_content > div table td{padding:10px; font-size:14px}
	.detail_tab_content > div div > p{font-size:14px}
	.reserve_tabnav{padding:0 15px}
	.reserve_tabnav li{display:flex; justify-content:center;align-items:stretch;}
	.reserve_tabnav li a{font-size:13px; padding:10px 0;display:flex; justify-content:center;align-items:center; width:100%;}
	.reserve_detail div.to_list_btn > a{font-size:14px; width:150px; padding:10px}
	.detaile_price_table th, 
	.detaile_price_table td{padding:5px; font-size:12px;}
	
}
@media(max-width:350px){
	ul.m_ticket_lisst > li > div.ticket_img{width:30%;}
	ul.m_ticket_lisst > li > div.ticket_info{width:calc(70% - 20px); padding:0}
	.reserve_tabnav li a{font-size:11px}
	.detaile_price_table td{padding:5px; font-size:11px;}

}