@charset "utf-8";
@import url('../fonts/font.css');

/****************************************************
	Common.css
-----------------------------------------------------
	- html 스타일 초기화 및 이벤트 페이지 스타일 정의
-----------------------------------------------------
	- 최초 작성일 :2025.09.09
	- 최초 작성자 :박다혜

	- 최종 수정일 : 
	- 최종 수정일 : 
******************************************************/



/*******************************
	초기화
*******************************/

hr {display:none;}
html, body, div,
span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height:1.2;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

*, * :before, * :after {box-sizing:border-box;}
html {font-size:100%;}
html, body {position:relative;}
body {-webkit-text-size-adjust:none; min-width:320px;}
img {border:none; max-width:100%;}
figcaption {padding:1.1rem 0 0; text-align:center;}
em, dfn, cite, address, i {font-style:normal;}
small {font-size:smaller; float:left; text-align:left; line-height:130%;}
label {cursor:pointer; vertical-align:middle;}
address {display:inline-block;}

br { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, 'Montserrat','Gmarket Sans';  }

/* link style */
a {text-decoration:none; cursor:pointer;}
a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}

/* form reset */
input{font-size:inherit; font-family:inherit; color:inherit; vertical-align:middle; padding:0;}
input[type=search] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input:not([type=text]) {border:none;}
input[type=image]{height:auto; margin:0; padding:0; line-height:inherit;}
select {font-size:inherit; font-family:inherit; color:inherit; text-transform:none; vertical-align:middle;}
button {font-size:inherit; font-family:inherit; margin:0; padding:0; background:none; border:none; cursor:pointer; text-transform:none; vertical-align:middle;}
textarea{font-size:inherit; font-family:inherit; color:inherit; vertical-align:middle; resize:none;}

/* form base style */
input[type=radio],input[type=checkbox]{vertical-align:middle; cursor:pointer;}
input[type=button],input[type=submit],button,label {cursor:pointer;}
textarea{min-height:80px; line-height:130%; font-size:inherit; font-family:inherit;}
textarea.hAuto { min-height:0; }

/* placeholder */
::-webkit-input-placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */color:#666; opacity:0.5; /* Firefox */}
::-moz-placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */color:#666; opacity:0.5; /* Firefox */}
:-ms-input-placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */color:#666; opacity:0.5; /* Firefox */}
::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */color:#666; opacity:0.5; /* Firefox */}
:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#bbb;}
::-ms-input-placeholder {/* Microsoft Edge */color:#bbb;}

/* 대체텍스트 */
.blind, legend, caption {border:0; clip:rect(0, 0, 0, 0); height:1px; margin:-1px !important; overflow:hidden; padding:0; position:absolute; width:1px; }




/*******************************
	컨텐츠 스타일
*******************************/

html { font-size: 62.5%; }
body { position: relative; width: 100%; height: 100%; font-family: 'Gmarket Sans'; color:#000; font-weight: 600;  }
#wrap { position: relative; width: 100%; min-height: 100%; background: #f9f9f9; text-align: center; font-size: 1.6rem; }

@media all and (max-width:640px) {
    html { font-size: 50%; }
}

@media all and (max-width:480px) {
    html { font-size: 43.75%; }
}

/* 메인비주얼 */
.main-visual { position: relative; width: 100%; height: 310px; background-repeat: no-repeat; background-size: auto 100%;  background-position: center top; }
.main-visual.kor { background-image: url(../img/kor/main_visual.png); }
.main-visual.eng { background-image: url(../img/eng/main_visual.png); }
.main-visual img { display: none; max-width: 100%; }

@media all and (max-width:640px) {
    .main-visual { background: none; height: auto; }
    .main-visual img { display: block; }
}

/* 컨텐츠 영역 */

.contents { padding: 3.5rem 5rem; max-width: 640px; margin: 0 auto; background: #fff; }

.contents .select-lang { position: relative; display: inline-block; }
.contents .select-lang::before { content:''; width: 2.6rem; height: 2.6rem; background: url(../img/common/ico_language.png) no-repeat center center/100% auto; display: inline-block; position: absolute; left: 1.8rem; top: 50%; -webkit-transform:translateY(-50%); transform: translateY(-50%);  }
.contents .select-lang .select-box { width: 18.4rem; height: 4.8rem; border: 1px solid #787878; box-sizing: border-box; box-shadow: 0 4px 4px #d0d0d0; border-radius: 2.4rem; text-align: center; -webkit-appearance:none; -moz-appearance: none; appearance:none; background: url(../img/common/ico_select.png) no-repeat 90% center; color:#888; font-weight: 800; font-size: 2rem; }
.contents .select-lang .select-box::-ms-expand { display:none; }

.contents .typo { font-size: 3rem; color: #ff753a; font-weight: 800; margin: 3.8rem 0; }
.contents .btn-info { font-size: 1.8rem; font-weight: 800; color:#000; padding-bottom: 2px; border-bottom: 2px solid #000; display: inline-block; }
.contents .btn-info::before { content:''; width: 2rem; height: 2rem; display: inline-block; vertical-align: middle; background: url(../img/common/ico_info.png) no-repeat left center/100% auto; margin-right: 1rem; }

.contents form { margin: 4.5rem 0 6.5rem; padding: 4.5rem 2rem; border-top: 4px solid #ef7c4b; border-bottom: 1px solid #000; }
.contents form input[type="text"] { width: 100%; line-height: 6.6rem; background:#f1f1f1; border-radius: 3.3rem; text-align: center; color:#888; font-size: 2.2rem; border:0; font-weight: 600; }
.contents form input[type="text"] + input[type="text"] { margin-top: 1.5rem; }
.contents form button { margin-top: 2.5rem; }

.contents .guide { margin: 6.5rem 0 3.5rem; }
.contents .guide .tit { font-size: 2.2rem; font-weight: 800; margin-bottom: 3.2rem; }
.contents .btn-privacy { font-size: 1.4rem; color:#000; padding: 0.8rem 3.2rem 0.6rem; text-align: center; display: inline-block; border: 1px solid #000; border-radius: 4rem; -webkit-transition:.3s all; transition:.3s all; }
.contents .btn-privacy:hover { background: #000; color:#fff; }


@media all and (max-width:480px) {
    .contents { padding: 5rem 3.5rem 2rem; }

    .contents .select-lang::before { width: 2.2rem; height: 2.2rem; }

    .contents .typo br { display: none; }

    .contents form { padding: 4rem 0.5rem; }
    .contents form input[type="text"]  { font-size: 2rem; }

    .contents .btn-privacy { font-size: 1.5rem; }
}

footer { position: relative; width: 100%; background: #fff; padding: 3.4rem 0; }
footer .inner { max-width: 640px; margin: 0 auto; color:#888; }
footer .inner > * { display: inline-block; vertical-align: middle; margin: 0.5rem 2.2rem; }
footer .inner .logo { width: 14.6rem; }