/*
---------------------------------------------------------------------------
2024 partnerships css
---------------------------------------------------------------------------
*/
@charset "UTF-8";

@import "font.css";

/*----- reset -----*/
*{
    margin:0;
    padding:0;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    font-family: 'NotoSansKR', sans-serif;
    color:#000;
    font-size:16px;
}
@media screen and (max-width: 320px) {
    html, body {
        font-size: 12px;
    }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    html, body {
        font-size: 14px;
    }
}
@media screen and (min-width: 481px) {
    body, html {
        font-size: 18px;
    }
}

*, *::before, *::after{
    box-sizing:border-box;
}

ul, ol, li{
    list-style: none;
}

body{
    min-height:100vh;
    line-height: 1;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
}

a{
    text-decoration: none;
}

img, picture{
    width: 100%;
    border: 0;
    display:inline-block;
}

a, button{
    border:0;
    outline:0;
    background:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
    display:block;
}

table{
    table-layout:fixed;
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th, td{
    font-size:0.75rem;
    text-align:center;
}

legend,caption{
	overflow: hidden;
	position: absolute;
	left: -9999em;
	top: -9999em;
	width: 1px;
	height: 1px;
	text-indent: -5000px;
	font-size: 1px;
	line-height: 1px;
}
strong{
    display:inline-block;
    font-size:inherit;
    line-height:inherit;
}
em, del{
    font-style: normal;
}
.border-none{
    border:none !important;
}
.scroll-none{
    overflow:hidden !important;
    touch-action:none;
}

/*----- contents -----*/
#wrap{
    max-width:640px;
    margin:0 auto;
}
#cont{
    width:100%;
    padding-bottom:2.5rem;
}
.partner-box{
    padding:0 0.75rem;
}
.partner-info{
	padding-top:0.75rem;
}
.partner-info .title{
    padding:0.125rem 0.5rem;
    font-size:1.125rem;
    line-height:1.75rem;
    word-break:keep-all;
    border-left:0.25rem solid #cfb53b;
}
.partner-info .title strong{
    position:relative;
    display:inline;
    color:#cfb53b;
    text-decoration:underline;
    text-underline-offset:0.25rem;
}
.partner-box h5{
    margin-top:1.5rem;
    color:#333;
    font-size:1.25rem;
    font-weight:500;
    line-height:2.375rem;
    border-bottom:0.0625rem solid #ddd;
}
.step-list{
    display:flex;
    flex-direction:column;
    gap:0.5rem;
    padding:0.75rem 0;
}
.step-list li{
    display:flex;
    align-items:start;
    gap:0.5rem;
}
.step-list li .step{
    flex:none;
    padding:0 0.375rem;
    color:#fff;
    font-size:0.75rem;
    line-height:1.5rem;
    vertical-align:top;
    border-radius:0.3125rem;
    background:#b3b3b3;
}
.step-list li p{
    display:inline-block;
    font-size:1rem;
    line-height:1.5rem;
}
.step-list .help-text{
    display:block;
    font-size:0.875rem;
}
.partner-list{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:0.75rem;
    margin-top:0.625rem;
}
.partner-list li button{
    overflow:hidden;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:1rem;
    width:100%;
    height:100%;
    padding:1.25rem;
    border:0.0625rem solid #ccc;
    border-radius:0.5rem;
    z-index:1;
}
.partner-list li button.ready{
    pointer-events:none;
}
.partner-list li button.ready::before,.partner-list li button.stop::before{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    color:#aaa;
    font-size:1.25rem;
    background:rgba(255, 255, 255, .7);
    z-index:10;
    content:'';
}
.partner-list li button.ready::after,.partner-list li button.stop::after{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    color:#aaa;
    font-size:0.75rem;
    line-height:1.5rem;
    text-align:center;
    background:rgba(235, 235, 235, .6);
    z-index:11;
}
.partner-list li button.ready::after{
    content:'���� �غ���';
}
.partner-list li button.stop::after{
    content:'�ӽ� ����';
}
.partner-list .part-logo{
    display:flex;
    justify-content:center;
    align-items:center;
    /*height:3.75rem; -- 20241115*/
    height:4.75rem;
    
}
.partner-list .part-logo img{
    width:auto;
    height:auto;
    max-width:100%;
    /*max-height:100%;*/
    vertical-align:middle;
}
.partner-list .part-name{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:3.75rem; /*20241115*/
}
.partner-list .part-name span{
    color:#999;
    font-size:0.875rem;
    line-height:1.25rem;
}
.layer-wrap {
    display:none;
    position:fixed;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:100%;
    max-width:640px;
    height:100%;
    z-index:10;
}
.layer-wrap::before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.6);
    z-index:1;
    content:'';
}
.layer-wrap .layer-container{
    position:relative;
    width:100%;
    max-width:640px;
    height:100%;
    background:#ffffff;
    z-index:2;
}
.layer-wrap .layer-header{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    height:49px;
    border-bottom:0.0625rem solid #ccc;
    background:#fff;
    z-index:10;
}
.layer-wrap .layer-header h1{
    padding:0.875rem 0;
    color:#333;
    font-size:1rem;

}
.layer-wrap .layer-close{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:3rem;
    height:3rem;
    font-size:0;
    background:url(../images/layer_close.png) no-repeat center center;
    background-size:contain;
    z-index:12;
}
.layer-cont{
    overflow-y:auto;
    height:calc(100% - 49px);
    padding-bottom:55px;
}
/*
.logo-hotel{
    position:fixed;
    left:0;
    top:0;
    right:0;
    height:4.25rem;
    border-bottom:0.0625rem solid #e6e6e6;
    background:#fff;
    z-index:11;
}
.logo-hotel .part-logo{
    position:absolute;
    left:0.625rem;
    top:50%;
    transform:translateY(-50%);
    height:3rem;
}
.logo-hotel .part-logo img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.logo-hotel .part-name{
    display:block;
    font-size:1rem;
    line-height:4.25rem;
    text-align:center;
}
*/

.logo-hotel{
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:0.625rem;
    margin:0 auto;
    /* 20240920
    padding:2.5rem 0.625rem;
    */
    padding:1.25rem;
    border-bottom:0.0625rem solid #e6e6e6;
}
.logo-hotel .part-logo{
    display:flex;
    justify-content:center;
    align-items:center;
    /* 20240920
    height:3.75rem;
    */
    height:8.75rem;
}
.logo-hotel .part-logo img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
}
.logo-hotel .part-name{
    color:#999;
    font-size:0.75rem;
    line-height:1rem;
    text-align:center;
}

.rest-item{
    padding:1.875rem 0;
}
.rest-item + .rest-item{
    border-top:8px solid #e6e6e6;
}
.rest-item h4{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:0.5rem;
    padding:0 0.75rem;
}
.rest-item .rest-text{
    margin-top:0.5rem;
    color:#666;
    font-size:0.875rem;
    line-height:1.25rem;
    font-weight:400;
}
.rest-item h5{
    margin-top:1.5rem;
    color:#333;
    font-size:1.125rem;
    font-weight:500;
    line-height:2.375rem;
    border-bottom:0.0625rem solid #ddd;
}
.rest-info{
    margin-top:1.875rem;
    padding:0 0.75rem;
}
.logo-rest{
    text-align:center;
}
.logo-rest img{
    display:inline-block;
    max-width:75%;
    vertical-align:middle;;
}
.info-list{
    margin-top:0.625rem;
}
.info-list li{
    position:relative;
    padding-left:12px;
}
.info-list li::before{
    position:absolute;
    left:4px;
    top:0.625rem;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#333;
    content:'';
}
.info-list li + li{
    margin-top:0.5rem;
}
.info-list dl{
    display:flex;
    justify-content:start;
    align-items:start;
}
.info-list dt{
    flex:none;
}
.info-list dt,.info-list dd{
    color:#333;
    font-size:1rem;
    line-height:1.5rem;
}
.info-list dd a, .info-list dd button{
    position:relative;
    display:inline-block;
    padding-left:1.5rem;
    color:#333;
    font-size:1rem;
    text-align:left;
    line-height:1.5rem;
}
.info-list dd a i, .info-list dd button i{
    position:absolute;
    left:0;
    top:0;
    width:1.25rem;
    height:1.5rem;
}
.info-list dd .addr::after{
    display:inline-block;
    width:1.5rem;
    height:1.5rem;
    margin-left:0.25rem;
    vertical-align:top;
    border:0.0625rem solid #ddd;
    border-radius:0.25rem;
    background:url(../images/slide_down.png) no-repeat center center;
    background-size:contain;
    content:'';
}
.info-list dd .addr.up::after{
    background:url(../images/slide_up.png) no-repeat center center;
    background-size:contain;
}
.info-list dd .tel::after{
    display:inline-block;
    margin-left:0.25rem;
    padding:0 0.25rem;
    color:#fff;
    font-size:0.75rem;
    line-height:1.375rem;
    vertical-align:top;
    border:0.0625rem solid #b3b3b3;
    border-radius:0.25rem;
    background:#b3b3b3;
    content:'�����ϱ�';
}
.info-list dd .addr i{
    background:url(../images/icon_pin.png) no-repeat center center;
    background-size:contain;
}
.info-list dd .tel i{
    background:url(../images/icon_tel.png) no-repeat center center;
    background-size:contain;
}
.info-list .map{
    display:none;
    width:100%;
    /*height:18.75rem;*/
    margin-top:0.25rem;
}
.info-list dt:after{
    margin:0 0.5rem;
    font-size:1.125rem;
    line-height:1.5rem;
    content:':';
}
.dot-list{
    margin-top:0.625rem;
}
.dot-list li{
    position:relative;
    padding-left:12px;
    color:#333;
    font-size:0.875rem;
    line-height:1.5rem;
}
.dot-list .btn-link{
    display:inline-block;
    padding:0 0.5rem 0 1.5rem;
    color:inherit;
    font-size:0.75rem;
    line-height:1.375rem;
    vertical-align:middle;
    border-radius:0.25rem;
    border:0.0625rem solid #ddd;
    background:#fff url(../images/icon_search.png) no-repeat 0.25rem center;
    background-size:1rem;
}
.dot-list li::before{
    position:absolute;
    left:3px;
    top:0.6875rem;
    width:4px;
    border-top:1px solid #333;
    content:'';
}
.dot-list li + li{
    margin-top:0.25rem;
}
.help-box{
    display:flex;
    justify-content:center;
    margin:1.25rem 0 0.75rem;
    padding:1.25rem 0;
    border-radius:0.3125rem;
    background:#f9f9f9
}
.help-box dl{
    padding-left:3.75rem;
    font-size:1.125rem;
    line-height:1.5rem;
    background:url(../images/icon_phone.png) no-repeat 0.75rem center;
    background-size:2.25rem;
}
.help-box a{
    font-weight:700;
}
.help-text{
    color:#999;
    font-size:0.75rem;
    line-height:1rem;
}

/* ���� ���� ��� */
#areaSelect {
    padding: 8px;
    font-size: 16px;
    border-radius: 4px;
    border: 0px solid #ccc;
    background: #eee;
}
#areaSelect:focus {
    outline: none;
    box-shadow: none;
}
#areaSelect option {
    font-size: 16px;
}
#areaSelectArea {
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 108px;
    background: #eee;
}
.areaContainer {
    display: flex;
    justify-content: space-between;
    align-items: last baseline;
}



/* �옍�븸�솗�씤 */
.voucher-box{
    padding:0 0.75rem;
}
.voucher-box h5{
    margin-top:1.5rem;
    color:#333;
    font-size:1.25rem;
    font-weight:500;
    line-height:2.375rem;
    border-bottom:0.0625rem solid #ddd;
}
.voucher-box * + h5{
    margin-top:2.1875rem;
}
.balance-info{
    margin-top: 0.5rem;
}
.balance-info li{
    padding:0.9375rem 0.75rem;
    border-radius: 0.3125rem;
    background: #f9f9f9;
}
.balance-info li + li{
    margin-top:0.5rem;
}
.balance-info dl{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.balance-info dd em{
    color:#ff0000;
    font-weight:700;
}
.balance-table{
    border-top:0.0625rem solid #e6e6e6;
    margin-top:1.25rem;
}
.balance-table th,.balance-table td{
    padding:0.5rem 0.625rem;
    color:#333;
    font-size:0.75rem;
    line-height:1.25rem;
    text-align:center;
    border-bottom:0.0625rem solid #e6e6e6;
}
.balance-table th{
    background:#f9f9f9;
}
.balance-table td{
}
.balance-table td.place{
    text-align:left;
}
.balance-table td.pay{
    text-align:right;
}
/* footer */
#footer{
    padding:1.25rem 0;
    border-top:0.0625rem solid #f0f0f0;
    background:#f5f5f5;
}
#footer .company{
    text-align:center;
}
.btn-slide{
    padding-right:1.75rem;
    color:#333;
    font-size:0.875rem;
    font-weight:700;
    line-height:1.5rem;
    background:url(../images/slide_down.png) no-repeat right center;
    background-size:1.5rem;
}
.btn-slide.up{
    background:url(../images/slide_up.png) no-repeat right center;
    background-size:1.5rem;
}

#footer .company-info{
    display:none;
}
#footer ul{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:0.5rem;
    margin-top:0.5rem;
    padding:0 1.25rem;
}
#footer ul li{
    color:#333;
    font-size:0.75rem;
    line-height:1rem;
    text-align:center;
    word-break:keep-all;
}
#footer ul li.tel-numb{
    display:flex;
    justify-content:center;
    align-items:center;
}
#footer ul li span{
    color:inherit;
    font-size:inherit;
    line-height:inherit;
}
#footer ul li span + span::before{
    padding:0 0.25rem;
    color:#999;
    font-size:0.625rem;
    vertical-align:top;
    content:'|';
}
#footer .copy{
    margin-top:0.5rem;
    color:#999;
    font-size:0.75rem;
    text-align:center;
}

@media (min-width:481px){
    .partner-list{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}