/**
 * Created by PhpStorm.
 * Date         : 2021-11-12
 * Developer    : SeHwan Hwang
 * Description  : wp_responsive.css
 * ⓒ 2021. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/**********************************************************************************************************************/
/* font */
@font-face {
    font-family: 'SCoreDream100';
    font-weight: 100; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream200';
    font-weight: 200; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream300';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream400';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream500';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream600';
    font-weight: 600; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream700';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream800';
    font-weight: 800; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream900';
    font-weight: 900; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


	
/*:root{
    --font-scdream1:'SCoreDream100';
    --font-scdream2:'SCoreDream200';
    --font-scdream3:'SCoreDream300';
    --font-scdream4:'SCoreDream400';
    --font-scdream5:'SCoreDream500';
	--font-scdream6:'SCoreDream600';
	--font-scdream7:'SCoreDream700';
	--font-scdream8:'SCoreDream800';
	--font-scdream9:'SCoreDream900';
    --font-pre300: 'Pretendard-ExtraLight'; 
    --font-pre400: 'Pretendard-Regular';   
    --font-pre500: 'Pretendard-Medium';
}*/

:root{
    --font-scdream1:'SUIT Variable';
    --font-scdream2:'SUIT Variable';
    --font-scdream3:'SUIT Variable';
    --font-scdream4:'SUIT Variable';
    --font-scdream5:'SUIT Variable';
	--font-scdream6:'SUIT Variable';
	--font-scdream7:'SUIT Variable';
	--font-scdream8:'SUIT Variable';
	--font-scdream9:'SUIT Variable';
    --font-pre300: 'Pretendard-ExtraLight'; 
    --font-pre400: 'Pretendard-Regular';   
    --font-pre500: 'Pretendard-Medium';
}

/**********************************************************************************************************************/
*{
		color:rgb(51, 51, 51);
}
@media (max-width: 1560px) {
	.f_inner{
		margin: 0% 0% 0% 20%
    }
	/* 공통 inner*/
    .wp_wrap .cm_inner01{
        padding: 0 20px;
    }

	.cm_inner02 h1{
		width: 90%;    
		margin: 0 0 0 5%;
	}

/* 
     nav - PC  
    .wp_wrap .pc_menu{
        position: fixed;
        top: 40%;
        right: -50px;
        transform: translate(-50%,-50%);
        z-index: 10;
    } */


    /* sec01 - tablet */
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box {
        width: 90%;
        margin: 0 auto;
    }

}

@media (max-width: 1400px) {
    /* nav - PC  */
    .wp_wrap .pc_menu{
        position: fixed;
        top: 68%;
        right: -30px;
        transform: translate(-50%,-50%);
        z-index: 10;
    }
      
    .wp_wrap .pc_menu .pc_menu_inner{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm{    
        width: 80px;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #fff;
        border: 2px solid #B1B1B1;
        padding: 3px;
        border-radius: 30px;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm .pc_m_inquir {
        display: block;
        text-align: center;
        cursor: pointer;
        background: transparent;
        border: none;
        outline: none;
        padding: 24px;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm .pc_m_img_itm>img{
        width: 100%;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm>p{
        display: none;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm>.pc_m_inquir>p{
        display: none;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm .pc_n_p{
        margin-bottom: 0px;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm .pc_m_img_itm:nth-child(1){
        margin-bottom: 0px;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm .pc_m_img_itm:nth-child(2){
        margin-bottom: 0px;
    }
    .wp_wrap .pc_menu .pc_menu_inner .pc_m_itm .pc_m_img_itm:nth-child(3){
        margin-bottom: 0px;
    }
}


@media (max-width: 1200px) {
    /* nav - PC  */
    .wp_wrap .pc_menu{
        display: none;
    }
	.cm_inner02 h1{
		width: 90%;    
		margin: 0 0 0 10%;
	}


    /* nav - Mobile  */
    .wp_wrap .mo_menu{
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 100;
        width: 100%;
        background: #F6F6F6;        
    }
    .wp_wrap .mo_menu .mo_menu_inner{
        display: flex;
        align-items: center; 
    }     
    .wp_wrap .mo_menu .mo_menu_inner .mo_m_itm {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    .wp_wrap .mo_menu .mo_menu_inner .mo_m_itm button{
        width: 100%;
        background: transparent;
        padding: 18px 0;
    }
    .wp_wrap .mo_menu .mo_menu_inner .mo_m_itm .mo_m_click{        
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wp_wrap .mo_menu .mo_menu_inner .mo_m_itm .mo_m_click img{
        margin-bottom: 10px;
    }
    .wp_wrap .mo_menu .mo_menu_inner .mo_m_itm .mo_m_click p{
        font-size: 20px;
        color: #1a1a1a;
        font-family: var(--font-scdream5)
    }
    .wp_wrap .modal_bg .center {
        margin: 0 auto;
        width: 90%;
    }    
    .wp_wrap .modal_bg .modal_inner{
        width: 100%;
        /* height: 100%; */
		height:640px;
        background: #fff;
        border-radius: 42px;
        padding: 20px 50px;
		overflow-y: scroll;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form{
        margin: 0 auto;
    }
    .wp_wrap #modal_agree .modal_inner{
        padding: 42px 50px;
    }
    .wp_wrap .modal_bg input[type="checkbox"].big + label span {
        display:inline-block;
        width:37px;
        height:31px;
        margin:-2px 10px 0 0;
        vertical-align:middle;
        background:url('../img/modal/big_check.png') left top no-repeat;
        cursor:pointer;
    }
    .wp_wrap .modal_bg input[type="checkbox"].big:checked + label span {
        background:url('../img/modal/big_checked.png') 0 top no-repeat;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt{
        display: flex;
        align-items: center;
        gap: 10px;
    }


    /* sec01 - tablet */ 
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box {
        width: 80%;
        margin: 0 auto;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_txt {
        font-size: 35px;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_txt {
        width: 60%;
    }
    
    
    /* footer */
    .wp_wrap footer{
        margin-bottom: 100px;
		padding: 10px 0 28px 0px;
    }

}


@media (max-width: 1000px) {
    /* 공통 inner */
    .wp_wrap .cm_inner03{
        padding: 0 20px;
    }
}

@media (max-width: 992px) {
    /* 로고 */
    .wp_wrap .sec01 .h_logo{
        position: absolute;
        top: 5%;
        left: 0%;
        width: 120px;
        height: 70px;
    }
    /* sec01 - tablet */
    .wp_wrap .s_tablet .tablet_inner .tablet_imgs .tablet_img_box{
        width: 75%;
        margin: 0 auto;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_logo{
        width: 50%;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_txt {
        width: 50%;
        font-size: 25px;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_img_box{
        margin-bottom: 45px;  
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box:before{
        width: 15px;
        height: 15px;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box:after{
        width: 15px;
        height: 15px;
    }


    /* sec04 - payment */
    .wp_wrap .s_payment{
        padding: 100px 0;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind {
        display: grid;
        grid-template-columns: 25% 7% 25%;
        grid-template-rows: 30% 30% 30%;
        gap: 40px 10px;
        justify-content: center;
        align-items: center;
        place-items: center
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind_itm01 {
        grid-column: 1 / 2;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind_itm02 {
        grid-column: 3 / 4;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind_itm03 {
        grid-column: 2 / 3;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind_itm04 {grid-column-start: 1;
        grid-column: 1 / 2;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind_itm05 {
        grid-column: 3 / 4;
    }
	.wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind_itm06 {
        grid-column: 2 / 3;
    }

    /* sec05 - food */
   /*  .wp_wrap .s_food .food_inner .food_img_box>img {
        width: 37%;
    } */
    .wp_wrap .s_food .food_inner .food_img_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin-bottom: 40px;
    }
    .wp_wrap .s_food .food_inner .food_img_box{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 40px;
        gap: 20px;
    }
    


    /* sec06 - kakao */
    .wp_wrap .s_kakao {
        padding: 100px 0;
    }s
    .wp_wrap .s_kakao  .kakao_inner .kakao_txt{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 50%; 
    }
    .wp_wrap .s_kakao  .kakao_inner .kakao_txt_up{
        margin-bottom: 220px;
    }
    .wp_wrap .s_kakao  .kakao_inner .kakao_txt_up::after{
        display: block;
        height: 220px;
    }
}
@media (max-width: 800px) {
    .wp_wrap .cm_inner05{
        padding: 0 20px;
    }
}


@media (max-width: 768px) {
    /* 로고 */
    .wp_wrap .sec01 .h_logo{
        position: absolute;
        top: 5%;
        left: 9%;
        width: 70px;
        height: 70px;
    }
    
    /* modal - front */
    .wp_wrap .modal_bg .center {
        margin: 0 auto;
        width: 100%;
    }    
    .wp_wrap .modal_bg .modal_inner{
        width: 98%;
        /* height: 100%; */
		height: 640px;
        background: #fff;
        border-radius: 20px;
        padding: 20px 40px;
        margin: 0 auto;
		overflow-y:scroll;
    }

    .wp_wrap .modal_bg .modal_inner .modal_content form{
        width: 100%;
        margin: 0 auto;
    }
    .wp_wrap #modal_agree .modal_inner{
        padding: 20px 40px;
    }
    .wp_wrap .modal_bg input[type="checkbox"].big + label span {
        display:inline-block;
        width:37px;
        height:31px;
        margin:-2px 10px 0 0;
        vertical-align:middle;
        background:url('../img/modal/big_check.png') left top no-repeat;
        cursor:pointer;
    }
    .wp_wrap .modal_bg input[type="checkbox"].big:checked + label span {
        background:url('../img/modal/big_checked.png') 0 top no-repeat;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_tit_box .modal_tit h2{
        font-size: 27px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_tit_box .modal_sub_tit{
        font-size: 12px;
        font-family: var(--font-scdream4);
        margin-bottom: 40px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt_top{
        font-size: 18px;
        color: #515151;
    }    
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt_bottom{
        font-size: 18px;
        color: #ABABAB;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one {
        padding: 15px;
    }
    .wp_wrap #modal_agree .modal_inner .modal_tit h2 {
        font-size: 27px;
        font-family: var(--font-scdream6);
        color: #515151;
        margin-bottom: 35px;
    }
    .wp_wrap .modal_bg .modal_inner .front_close i,
    .wp_wrap .modal_bg .modal_inner .agree_close i{
        font-size: 31px;
        font-weight: 700;
        cursor: pointer;
    }
    .wp_wrap .modal_inner .agree_content {
        height: 660px;
    }


    /* sec01 - tablet */
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box {
        border-bottom: none;
        padding-bottom: none;
        justify-content: flex-end;        
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box {
        width: 100%;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_imgs {
        margin-bottom: 0px;
    }
    .wp_wrap .cm_sec{
        padding: 60px 0; 
    }
    .wp_wrap .cm_sec02{
        padding: 70px 0; 
    }
    .wp_wrap .mo_menu .mo_menu_inner .mo_m_itm .mo_m_click p {
        font-size: 15px;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_imgs .tablet_img_box{
        width: 90%;
        margin: 0 auto;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_txt{
        font-size: 35px;
		width: 100%;
		text-align: center;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box:before{
        display: none;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box:after{
        display: none;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_logo{
        display: none;
    }

    .wp_wrap .s_tablet .tablet_inner .scr_down{
        display: none;
    }


    /* sec04 - payment */
    .wp_wrap .s_payment .payment_inner .payment_top {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        margin-bottom: 110px;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type {
        width: 100%;
        gap: 50px;
    }
    .wp_wrap .s_payment .payment_inner .payment_desc{
        font-size: 30px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay{
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        gap: 20px;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img{
        width: 100%;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img img{
        width: 100%;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when{
        font-size: 25px;
        margin-bottom: 25px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when_desc{
        font-size: 18px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind {
        display: grid;
        grid-template-columns: 35% 3% 35%;
        grid-template-rows: 30% 30% 30%;
        gap: 80px 10px;
        justify-content: center;
        align-items: center;
        place-items: center
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind{
        position: relative;
        width: 200px;
        height: 234px;
        border-radius: 30px;
        overflow: hidden;
    }
	.wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .battery{
        position: relative;
        width: 200px;
        height: 205px;
        border-radius: 30px;
        overflow: hidden;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt{
        padding: 11px 0;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt.kind_other{
        padding: 4px 0;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt .kind_name{
        font-size: 18px;
		font-family: "SUIT", sans-serif;
		font-weight: 700;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt .kind_sub{
        font-size: 13px;
        font-family: var(--font-scdream4);
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img_box {
        width: 60%;
        height: auto;
        background: #fff;
        padding: 35px 45px 0 45px;
        overflow: hidden;
        border-radius: 37px;
    }

    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img_box .pay_img img {
        width: 80%;
        margin: 0 auto;
    }


    /* sec05 - food */
    .wp_wrap .s_food .food_inner .food_tit{
        font-size: 22px;
        margin-bottom: 0px;
        text-align: center;
    }
    .wp_wrap .s_food .food_inner .food_title .dot{
        position: relative;
        color: #FFC600;
        font-size: 30px;
    }    
    .wp_wrap .s_food .food_inner .food_title .dot span{    
        position: absolute;
        left: 50%;
        top: -15%;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        transform: translate(-50%, -50%);
        background-color: #FFC600;
        border-radius: 50%;
    }
    .wp_wrap .s_food .food_inner .food_up>p{
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 30px;
        font-family: var(--font-scdream6);
    }
    .wp_wrap .s_food .food_inner .food_up>p>img{
        display: inline-block;
        width: 30px;
        height: 30px;
    }



    /* sec06 - kakao */
    .wp_wrap .s_kakao  .kakao_inner{
        display: flex;
        align-items: stretch;
        flex-direction: column;
        justify-content: space-between;
    }
    .wp_wrap .s_kakao  .kakao_inner .kakao_txt{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
		text-align: center;
    }
    .wp_wrap .s_kakao  .kakao_inner .kakao_img{
        width: 75%;
        margin: 0 auto;
    }
    .wp_wrap .s_kakao  .kakao_inner .kakao_txt_up{
        position: relative;
        font-size: 36px;
        font-family: var(--font-scdream6);
        color: #515151;
        margin-bottom: 70px;
    }
    .wp_wrap .s_kakao  .kakao_inner .kakao_txt_up::after{
        display: none;
        height: 70px;
    }
	.wp_wrap .s_kakao .kakao_inner .kakao_txt_down{
	    font-size: 22px;
	}


    /* footer */
    .wp_wrap .f_inner .f_logo{    
        margin-bottom: 15px;
    }
    .wp_wrap .f_inner .f_info{
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .wp_wrap .f_inner .f_info .f_line {
        display: flex;
		flex-wrap: wrap;
    }
    .wp_wrap .f_inner .f_info .f_line .f_it{
        padding-left: 20px;
    }
    .wp_wrap .f_inner .f_info .f_line .f_it::before{
        content: "";
        position: absolute;
        top: 3px;
        left: 10px;
        width: 1px;
        height: 12px;
        background: #fff;
        line-height: 20px;
    }
    .wp_wrap .f_inner .f_info li{
        position: relative;
        padding: 0;
        margin-bottom: 3px;
    }
    .wp_wrap .f_inner .f_info li:first-child{
        padding-left: 0;
        border-left: none;
    }
    .wp_wrap .f_inner .f_info li::after{
        display: none;

    }

}

@media (max-width: 700px) {
    /* 공통 inner */
    .wp_wrap .cm_inner03 {
        padding: 0 20px;
    }
    /* 로고 */
    .wp_wrap .sec01 .h_logo{
        position: absolute;
        top: 6%;
		margin:auto;
        width: 120px;
        height: 60px;
    }
	.wp_wrap .s_payment .payment_inner .payment_desc>p, .graph_inner .payment_desc>p, .method_inner .payment_desc>p, .partner_inner .payment_desc>p{
        font-size: 22px;
        text-align: center;
    }

}

@media (max-width: 576px) {
	.f_inner{
	    margin: 0% 0% 0% 2%;
	}
    /* 로고 */
    .wp_wrap .sec01 .h_logo{
        position: absolute;
        top: 6%;
		margin:auto;
        width: 120px;
        height: 60px;
    }

    /* modla - front */
    .wp_wrap .modal_bg .modal_inner  .modal_content .scroll_outer{
        /* height: 350px;
        overflow-y: scroll; */
    }

    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_li {
        flex-wrap: wrap;
        gap: 10px;    
    }


    /* modal - agree */
    .wp_wrap  .modal_inner .agree_content .first_table th,
    .wp_wrap  .modal_inner .agree_content .first_table td,
    .wp_wrap  .modal_inner .agree_content .first_table th p,
    .wp_wrap  .modal_inner .agree_content .first_table td p,
    .wp_wrap  .modal_inner .agree_content .second_table th,
    .wp_wrap  .modal_inner .agree_content .second_table td,
    .wp_wrap  .modal_inner .agree_content .second_table th p,
    .wp_wrap  .modal_inner .agree_content .second_table td p{
        font-size: 13px;
    }
    .wp_wrap .modal_inner .agree_content .first_table tr th {
        margin: 0;
        box-sizing: border-box;
        padding: 10px 10px;
    }
    .wp_wrap .modal_inner .agree_content .second_table td {
        border: 1px solid #666666;
        border-collapse: collapse;
        padding: 0px 3px;
    }
    .wp_wrap  .modal_inner .agree_content .table_over{
        overflow-x: scroll;
        min-width: 250px;
    }

    .wp_wrap  .modal_inner .agree_content{
        padding: 20px 10px;
    }

    .wp_wrap  .modal_inner .agree_content .agree_txt_box{
        width: 98%;
        margin: 0 auto;
    }
    .wp_wrap .modal_inner .agree_content .first_table tr th {
    margin: 0;
    box-sizing: border-box;
    padding: 10px 10px
    }




    /* sec01 - tablet */
    .wp_wrap .s_tablet .tablet_inner .tablet_imgs .tablet_img_box{
        width: 100%;
        margin: 0 auto;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_imgs {
        margin-bottom: 0px;
    }
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_txt{
        font-size: 30px;
    }


    /* sec04 - payment */
    .wp_wrap .s_payment .payment_inner .payment_desc>p, .graph_inner .payment_desc>p, .method_inner .payment_desc>p, .partner_inner .payment_desc>p{
        font-size: 18px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_desc .pay_des01{
        margin-bottom: 10px;
    }  
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when{
        font-size: 20px;
        margin-bottom: 25px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when_desc{
	    margin-top: 12%;
		font-size: 16px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind {
        display: grid;
        grid-template-columns: 33% 4% 33%;
        grid-template-rows: 30% 30% 30%;
        gap: 60px 10px;
        justify-content: center;
        align-items: center;
        place-items: center
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind{
        position: relative;
        width: 140px;
        height: 164px;
        border-radius: 30px;
        overflow: hidden;
    } 
	.wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .battery{
        position: relative;
        width: 140px;
        height: 145px;
        border-radius: 30px;
        overflow: hidden;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt .kind_name {
        font-size: 14px;
        font-family: var(--font-scdream4);
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt .kind_sub{
        font-size: 11px;
        font-family: var(--font-scdream4);
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt {
        padding: 8px 0;
        text-align: center;
    }

    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img_box {
        width: 70%;
        height: auto;
        background: #fff;
        padding: 35px 45px 0 45px;
        overflow: hidden;
        border-radius: 37px;
    }

    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img_box .pay_img img {
        width: 90%;
        margin: 0 auto;
    }



    /* sec05 - food */

    .wp_wrap .s_food .food_inner .food_title {
        text-align: center;
        display: flex;
        font-size: 40px;
        justify-content: center;
        margin-bottom: 40px; 
        gap: 10px;
        align-items: baseline;
    }
    .wp_wrap .s_food .food_inner .food_title .food_tit_acc{
        margin-bottom: 0px;
    }
    .wp_wrap .s_food .food_inner .food_tit {
        font-size: 30px;
        margin-bottom:0px;
        text-align: center;
    }


    /* sec06 - kakao */
    .wp_wrap .s_kakao .kakao_inner .kakao_txt_up {
        font-size: 35px;
        margin-bottom: 70px;
    }
    .wp_wrap .s_kakao .kakao_inner .kakao_txt_down {
        font-size: 18px;
    }

    .wp_wrap .s_kakao .kakao_inner .kakao_img {
        width: 85%;
        margin: 0 auto;
    }


}

@media (max-width: 416px) {
    /* 로고 */
    .wp_wrap .sec01 .h_logo{
        position: absolute;
        top: 5%;
		margin:auto;
        width: 110px;
        height: 55px;
    }
    /* modal */
    .wp_wrap .modal_bg .modal_inner {
        width: 98%;
        /* height: 100%; */
		height: 600px;
        background: #fff;
        border-radius: 10px;
        padding: 20px 25px;
        margin: 0 auto;
		overflow-y:scroll;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt_bottom {
        font-size: 16px;
        color: #ABABAB;
    }
    .wp_wrap .modal_bg input[type="checkbox"].big + label span {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -2px 0 0 0;
        vertical-align: middle;
        background: url(../img/modal/check.png) left top no-repeat;
        cursor: pointer;
    }
    .wp_wrap .modal_bg input[type="checkbox"].big:checked + label span {
        background: url(../img/modal/checked.png) 0 top no-repeat;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company {
        margin-bottom: 10px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one {
        padding: 15px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .com_ip_box {
        border: 1px solid #D2D2D2;
        padding: 10px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one {
        padding: 10px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one {
        margin-bottom: 20px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .apply button {
        /* background: #FFC600; */
		background:#dc3710;
        padding: 13px 75px;
        /* color: #515151; */
		color: #fff;
        font-size: 17px;
        font-family: var(--font-pre500);
    }
    .wp_wrap #modal_agree .modal_inner {
        padding: 20px 25px;
    }
    .wp_wrap .modal_inner .agree_content {
        height: 600px;
    }

    


    /* sec04 - payment */
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt .kind_name {
        font-size: 11px;
        font-family: var(--font-scdream4);
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind .kind_bg .kind_txt .kind_sub {
        font-size: 10px;
        font-family: var(--font-scdream4);
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind .kind {
        position: relative;
        width: 140px;
        height: 161px;
        border-radius: 30px;
        overflow: hidden;
    }
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind {
        display: grid;
        grid-template-columns: 40% 4% 40%;
        grid-template-rows: 30% 30% 30%;
        gap: 60px 10px;
        justify-content: center;
        align-items: center;
        place-items: center
    }


    /* sec05 - food */
    .wp_wrap .s_food .food_inner .food_title {
        text-align: center;
        display: flex;
        font-size: 40px;
        justify-content: center;
        margin-bottom: 40px;
        gap: 20px;
        align-items: baseline;
    }

    .wp_wrap .s_food .food_inner .food_title{
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }
    .wp_wrap .s_food .food_inner .food_tit{
        font-size: 18px;
        margin-bottom: 0px;
    }
    .wp_wrap .s_food .food_inner .food_title>p {
        margin-bottom: 0px;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img_box {
        width: 90%;
		height: auto;
		background: #fff;
		padding: 35px 20px 0 20px;
		overflow: hidden;
		border-radius: 37px;
    }

    /* sec06 - kakao */
    .wp_wrap .s_kakao .kakao_inner .kakao_img {
        width: 95%;
        margin: 0 auto;
    }
}

@media (max-width: 320px) {
    /* 로고 */
    .wp_wrap .sec01 .h_logo{
        position: absolute;
        top: 5%;
        left: 7%;
        width: 40px;
        height: 40px;
    }
    /* modal */
    .wp_wrap .modal_bg .modal_inner .modal_tit_box .modal_tit h2 {
        font-size: 25px;
    }    
    .wp_wrap .modal_bg .modal_inner .modal_tit_box .modal_sub_tit {
        font-size: 12px;
        font-family: var(--font-scdream4);
        margin-bottom: 20px;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt_top {
        font-size: 15px;
        color: #515151;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .ck_one .ck_one_txt_bottom {
        font-size: 12px;
        color: #ABABAB;
    }
    .wp_wrap .modal_bg .modal_inner .modal_content form .company .apply button {
        /* background: #FFC600; */
		background:#dc3710;
        padding: 13px 68px;
        /* color: #515151; */
		color: #fff;
        font-size: 17px;
        font-family: var(--font-pre500);
    }

    
    /* sec01 - tablet */
    .wp_wrap .s_tablet .tablet_inner .tablet_txt_box .tablet_txt{
        font-size: 20px;
    }

    /* sec04 - payment */
    .wp_wrap .s_payment .payment_inner .payment_bottom .payment_kind {
        display: grid;
        grid-template-columns: 40% 8% 40%;
        grid-template-rows: 30% 30% 30%;
        gap: 20px 10px;
        justify-content: center;
        align-items: center;
        place-items: center;
    }

    /* sec05 - food */
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay .pay_img_box {
        width: 75%;
        height: auto;
        background: #fff;
        padding: 35px 30px 0 30px;
        overflow: hidden;
        border-radius: 37px;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when_desc {
        font-size: 15px;
        text-align: center;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay_txt .pay_when_desc br{
        display: none;
    }
    .wp_wrap .s_payment .payment_inner .payment_top .payment_type .pay {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }
    .wp_wrap .s_food .food_inner .food_up>p {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 26px;
        font-family: var(--font-scdream6);
    }
    .wp_wrap .s_food .food_inner .food_up {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

     /* sec06 - kakao */
    .wp_wrap .s_kakao .kakao_inner .kakao_img {
        width: 100%;
        margin: 0 auto;
    }

}