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

/* PC */
#device-pc {width:1400px; margin:0 auto;}
#device-pc .header { position: fixed; top:0; overflow: hidden; margin: 0 auto; z-index: 1;} 

.btn-goto-form {display:inline-block; float:left; margin-left:0px;}
#device-pc .header .btn-link01 {position:relative; float:left; margin-left:0px;}
#device-pc .header .btn-link02 {position:relative; margin-left:0px; }
#device-pc .section { position: relative; overflow: hidden; margin: 0 auto; background-position: center; background-repeat: no-repeat; } 



/* PC FORM */
#frmpc { position: absolute; top:200px; 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: 33%; height: 100%; z-index: 1; /* background-color:aqua; */
 opacity: 0.5; } 
#device-mobile .bottom .link02 { display: inline-block; position: absolute; left: 34%; width: 34%; height: 100%; z-index: 1; /* background-color:aquamarine; */
 opacity: 0.5; } 
#device-mobile .bottom .link03 { display: inline-block; position: absolute; left: 67%; width: 34%; 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:15%; 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: 100%; margin: 0 auto; } 
#frmmobile .submitbox button { display: inline-block; width: auto; padding: 0; margin: 0px 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; } 
 }