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; } 
 }