button { overflow: hidden; cursor: pointer; background: transparent; border:0; } 

/* PC */
#device-pc .header { position: fixed; left: 0; top: 0; overflow: hidden; margin: 0 auto; background: #fff url("../img/pc-header.jpg") center top no-repeat; height: 129px; width: 100%; z-index: 1; } 
#device-pc .header .logo {position:absolute;left:50%; top:15px; margin-left:-597px; display:inline-block;width:220px;height:100px;}
#device-pc .header .btn-goto-form {position:absolute;left:50%; top:36px; margin-left:190px; display:inline-block;width:200px;height:62px;}
#device-pc .header .btn-link01 {position:absolute;left:50%; top:36px; margin-left:400px; display:inline-block;width:200px;height:62px;}


#device-pc .section { position: relative; overflow: hidden; max-width: 2000px; margin: 0 auto; background-position: center; background-repeat: no-repeat; } 



/* PC FORM */
#frmpc { position: absolute; top: 360px; left: 50%; transform: translate(-50%, 0%); color: #fff; } 
#frmpc .db_list { margin: 0 auto 10px; } 
#frmpc li > div > span:last-child { width: calc(100% - 100px); text-align: left; padding: 5px 0; } 
#frmpc li > div > span { display: inline-block; vertical-align: middle; font-size: 20px; padding: 5px 15px; font-family: "Gmarket"; letter-spacing: -1px; } 
#frmpc .input-control { display: block; border: 1px solid #333; padding: 15px; width: 100%; background: #fff; font-size: 16px; border-radius: 0; color: #888888; resize: none; outline: none; } 
#frmpc .agreebox { margin: 10px auto; text-align: center; } 
#frmpc .privacy-open { background-color:transparent; border:0; color:#fff; }
#frmpc .submitbox { text-align: center; width: 100%; } 
#frmpc .submitbox button { display: inline-block; width: auto; padding: 0; margin: 10px 8px; } 
 

/* MOBILE */
#device-mobile .section > img { width: 100%; height: auto; } 
#device-mobile .bottom { position: fixed; width: 100%; left: 0; bottom: 0; z-index:10; } 
#device-mobile .bottom > img { width: 100%; height: auto; } 
#device-mobile .bottom .link01 { display: inline-block; position: absolute; left: 0; width: 50%; height: 100%; z-index: 1; /* background-color:aqua; */
 opacity: 0.5; } 
#device-mobile .bottom .link02 { display: inline-block; position: absolute; left: 50%; width: 50%; height: 100%; z-index: 1; /* background-color:aquamarine; */
 opacity: 0.5; } 
#device-mobile .section01 { position: relative; } 
#device-mobile .section01 .link { position: absolute; display: inline-block; top: 3.6%; right: 4.8%; width: 31.5%; height: 6.6%; z-index: 1; } 
#device-mobile .section04 { position: relative; } 

/* MOBILE FORM */
#frmmobile { position: absolute; top: 42%; left: 50%; transform: translateX(-50%); width: 80%; text-align: left; } 
#frmmobile .db_list > li > div { font-size: 0; width: auto; } 
#frmmobile .db_list { margin: 0 auto 10px; } 
#frmmobile li > div > span { display: inline-block; vertical-align: middle; font-size: 5vw; } 
#frmmobile li > div > span:first-child { width: 24vw; text-align: center; padding-right: 3vw; color: #fff; } 
#frmmobile li > div > span:last-child { width: calc(100% - 24vw); } 
#frmmobile .input-control { display: block; border: 1px solid #333; padding: 0.5vw 2vw; width: 100%; background: #fafafa; font-size: 5vw; margin: 0.5vw 0; border-radius: 0; color: #888888; resize: none; outline: none; } 
#frmmobile .agreebox { text-align: center; font-size: 3vw; margin: 4vw auto; } 
#frmmobile .submitbox { text-align: center; width: 90%; margin: 0 auto; } 
#frmmobile .submitbox button { display: inline-block; width: auto; padding: 0; margin: 10px 8px; } 
#frmmobile .submitbox button { display: inline-block; width: auto; padding: 0; } 
#frmmobile .submitbox img { width: 100%; } 

/* 개인정보처리방침 */
#privacy-info { position: absolute; width: 500px; max-width: 96%; background: #fff; } 
#privacy-info .title { padding: 0 20px; height: 40px; color: #fff; background: #333; position: relative; font-weight: 700; display: flex; justify-content: space-between; align-items: center; } 
#privacy-info .title button { background-color: transparent; color: #fff; border: 0; font-size: 16px; } 
#privacy-info .content { height: 350px; overflow-y: scroll; padding: 20px; line-height: 1.6; font-size: 14px; } 


#frmmobile .pretty .state label:after, 
#frmmobile .pretty .state label:before { top: 0px; } 
#frmmobile .confirm { color:#fff; } 
#frmmobile .privacy-open { background-color:transparent; border:0; color:#fff; } 



/* 반응형 */
#device-pc { display:none; } 
#device-mobile { display:block; } 

/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media (min-width: 992px){
 #device-pc { display:block; } 
 #device-mobile { display:none; } 
 }

.to-top {
    position: fixed;
    bottom: 10%;
    right: 5%;
    display: none; /* 초기에는 버튼을 숨깁니다. */
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #FF0000; /* 하트의 배경색 */
    color: #FFFFFF; /* 하트의 색상 */
    border-radius: 50%;
    font-size: 24px;
    z-index: 999;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.to-top:hover {
    opacity: 1;
}

.business-info-desktop {
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
}

.business-number-desktop {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    background: linear-gradient(to right, #6A82FB, #FC5C7D);
    border-radius: 25px;
    color: white;
    font-weight: bold;
}

@media (max-width: 992px) {
    .business-info-mobile {
        text-align: center;
        padding: 10px;
        background-color: rgba(255,255,255,0.9);
    }

    .business-number-mobile {
        display: block;
        padding: 5px 10px;
        margin: 5px 0;
        background: linear-gradient(to right, #6A82FB, #FC5C7D);
        border-radius: 15px;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }
}

.link-background {
    display: block;
    background: url('./../img/foot.jpg') no-repeat center / cover;
    width: 650px;
    height: 120px;
    margin: 0 auto;
}

/* 모바일 환경 */
@media (max-width: 992px) {
    .link-background {
        width: 100%;
        height: 120;
        background-image: url('./../img/mobile_foot.jpg');
        background-size: contain;  /* 이미지가 요소 내부에 완전히 포함되도록 크기를 조절합니다. */
        padding-bottom: 40.5%;    /* height 대신 padding-bottom을 사용하여 비율을 유지합니다. 120/650의 비율입니다. */
    }
}

/* 아이폰 15 선택 창 스타일 */
button { overflow: hidden; cursor: pointer; background: transparent; border:0; } 

/* PC */
#device-pc .header { position: fixed; left: 0; top: 0; overflow: hidden; margin: 0 auto; background: #fff url("../img/pc-header.jpg") center top no-repeat; height: 129px; width: 100%; z-index: 1; } 
#device-pc .header .logo {position:absolute;left:50%; top:15px; margin-left:-597px; display:inline-block;width:220px;height:100px;}
#device-pc .header .btn-goto-form {position:absolute;left:50%; top:36px; margin-left:190px; display:inline-block;width:200px;height:62px;}
#device-pc .header .btn-link01 {position:absolute;left:50%; top:36px; margin-left:400px; display:inline-block;width:200px;height:62px;}


#device-pc .section { position: relative; overflow: hidden; max-width: 2000px; margin: 0 auto; background-position: center; background-repeat: no-repeat; } 



/* PC FORM */
#frmpc { position: absolute; top: 360px; left: 50%; transform: translate(-50%, 0%); color: #fff; } 
#frmpc .db_list { margin: 0 auto 10px; } 
#frmpc li > div > span:last-child { width: calc(100% - 100px); text-align: left; padding: 5px 0; } 
#frmpc li > div > span { display: inline-block; vertical-align: middle; font-size: 20px; padding: 5px 15px; font-family: "Gmarket"; letter-spacing: -1px; } 
#frmpc .input-control { display: block; border: 1px solid #333; padding: 15px; width: 100%; background: #fff; font-size: 16px; border-radius: 0; color: #888888; resize: none; outline: none; } 
#frmpc .agreebox { margin: 10px auto; text-align: center; } 
#frmpc .privacy-open { background-color:transparent; border:0; color:#fff; }
#frmpc .submitbox { text-align: center; width: 100%; } 
#frmpc .submitbox button { display: inline-block; width: auto; padding: 0; margin: 10px 8px; } 
 

/* MOBILE */
#device-mobile .section > img { width: 100%; height: auto; } 
#device-mobile .bottom { position: fixed; width: 100%; left: 0; bottom: 0; z-index:10; } 
#device-mobile .bottom > img { width: 100%; height: auto; } 
#device-mobile .bottom .link01 { display: inline-block; position: absolute; left: 0; width: 50%; height: 100%; z-index: 1; /* background-color:aqua; */
 opacity: 0.5; } 
#device-mobile .bottom .link02 { display: inline-block; position: absolute; left: 50%; width: 50%; height: 100%; z-index: 1; /* background-color:aquamarine; */
 opacity: 0.5; } 
#device-mobile .section01 { position: relative; } 
#device-mobile .section01 .link { position: absolute; display: inline-block; top: 3.6%; right: 4.8%; width: 31.5%; height: 6.6%; z-index: 1; } 
#device-mobile .section04 { position: relative; } 

/* MOBILE FORM */
#frmmobile { position: absolute; top: 42%; left: 50%; transform: translateX(-50%); width: 80%; text-align: left; } 
#frmmobile .db_list > li > div { font-size: 0; width: auto; } 
#frmmobile .db_list { margin: 0 auto 10px; } 
#frmmobile li > div > span { display: inline-block; vertical-align: middle; font-size: 5vw; } 
#frmmobile li > div > span:first-child { width: 24vw; text-align: center; padding-right: 3vw; color: #fff; } 
#frmmobile li > div > span:last-child { width: calc(100% - 24vw); } 
#frmmobile .input-control { display: block; border: 1px solid #333; padding: 0.5vw 2vw; width: 100%; background: #fafafa; font-size: 5vw; margin: 0.5vw 0; border-radius: 0; color: #888888; resize: none; outline: none; } 
#frmmobile .agreebox { text-align: center; font-size: 3vw; margin: 4vw auto; } 
#frmmobile .submitbox { text-align: center; width: 90%; margin: 0 auto; } 
#frmmobile .submitbox button { display: inline-block; width: auto; padding: 0; margin: 10px 8px; } 
#frmmobile .submitbox button { display: inline-block; width: auto; padding: 0; } 
#frmmobile .submitbox img { width: 100%; } 

/* 개인정보처리방침 */
#privacy-info { position: absolute; width: 500px; max-width: 96%; background: #fff; } 
#privacy-info .title { padding: 0 20px; height: 40px; color: #fff; background: #333; position: relative; font-weight: 700; display: flex; justify-content: space-between; align-items: center; } 
#privacy-info .title button { background-color: transparent; color: #fff; border: 0; font-size: 16px; } 
#privacy-info .content { height: 350px; overflow-y: scroll; padding: 20px; line-height: 1.6; font-size: 14px; } 


#frmmobile .pretty .state label:after, 
#frmmobile .pretty .state label:before { top: 0px; } 
#frmmobile .confirm { color:#fff; } 
#frmmobile .privacy-open { background-color:transparent; border:0; color:#fff; } 



/* 반응형 */
#device-pc { display:none; } 
#device-mobile { display:block; } 

/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media (min-width: 992px){
 #device-pc { display:block; } 
 #device-mobile { display:none; } 
 }

.to-top {
    position: fixed;
    bottom: 10%;
    right: 5%;
    display: none; /* 초기에는 버튼을 숨깁니다. */
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #FF0000; /* 하트의 배경색 */
    color: #FFFFFF; /* 하트의 색상 */
    border-radius: 50%;
    font-size: 24px;
    z-index: 999;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.to-top:hover {
    opacity: 1;
}

.business-info-desktop {
    text-align: center;
    padding: 20px;
    background-color: #f5f5f5;
}

.business-number-desktop {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    background: linear-gradient(to right, #6A82FB, #FC5C7D);
    border-radius: 25px;
    color: white;
    font-weight: bold;
}

@media (max-width: 992px) {
    .business-info-mobile {
        text-align: center;
        padding: 10px;
        background-color: rgba(255,255,255,0.9);
    }

    .business-number-mobile {
        display: block;
        padding: 5px 10px;
        margin: 5px 0;
        background: linear-gradient(to right, #6A82FB, #FC5C7D);
        border-radius: 15px;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }
}

.link-background {
    display: block;
    background: url('./../img/foot.jpg') no-repeat center / cover;
    width: 650px;
    height: 120px;
    margin: 0 auto;
}

/* 모바일 환경 */
@media (max-width: 992px) {
    .link-background {
        width: 100%;
        height: 175;
        background-image: url('./../img/mobile_foot.jpg');
        background-size: contain;  /* 이미지가 요소 내부에 완전히 포함되도록 크기를 조절합니다. */
        padding-bottom: 40.5%;    /* height 대신 padding-bottom을 사용하여 비율을 유지합니다. 120/650의 비율입니다. */
    }
}

/* 아이폰 15 선택 창 스타일 */
  .selectbox {
    position: relative;
    width: 100%;
  }

  .selectbox select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    padding: 10px;
    font-size: 18px; /* 글자 크기 키우기 */
    border-radius: 5px;
    border: 2px solid #ccc;
    width: 100%;
    cursor: pointer;
    transition: border-color 0.3s;
    color: #333; /* 글자 색상 변경 */
    background-color: #f7f7f7; /* 배경색 변경 */
  }

  .selectbox select:focus {
    outline: none;
    border-color: #007bff;
  }

  /* 선택창 아이콘 스타일 */
  .select-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }

  /* 아이폰 15 아이콘 */
  .select-icon.iphone15::before {
    content: "\f41f"; /* Font Awesome의 아이콘 코드 */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 24px; /* 아이콘 크기 키우기 */
    color: #007bff;
    margin-left: 5px;
  }