@font-face {    font-family: 'GMarketSans';    src: url('gm/GmarketSansMedium.woff') format('woff');    font-weight: 300;    font-display: swap;}
@font-face {    font-family: 'GMarketSans';    src: url('gm/GmarketSansLight.woff') format('woff');    font-weight: 100;    font-display: swap;}
@font-face {    font-family: 'GMarketSans';    src: url('gm/GmarketSansBold.woff') format('woff');    font-weight: 600;    font-display: swap;}


* {margin:0; padding:0; font-size:15px; font-family:'GMarketSans', 'sans-serif', '¸¼Àº°íµñ','Malgun Gothic', 'Dotum'; color:rgba(255, 255, 255, 1.0); line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all;box-sizing:border-box;}
img{border:0; vertical-align:top;}
form{border:0;}
fieldset{border:0;}
caption {display:none;}
html, body {width:100%; height:100%; padding:0; margin:0;font-smooth: always;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}
ul,ol,li{list-style:none}
input, select { border:none; vertical-align:middle; padding:0 0 0 3px; }
table {border-spacing:0px; border-collapse:collapse;}
textarea, button{vertical-align:middle}
a{color:rgba(255, 255, 255, 1.0); text-decoration:none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
a:hover, a:focus, a:active{color:rgba(0, 0, 0, 0.5); text-decoration:none}
input[type=checkbox], input[type=radio] { width:18px; height:18px;}
#wrap {width:100%; height:100%; position:relative; overflow:hidden; z-index:0;background:url(../images/bg.jpg) no-repeat top center; background-size:cover; padding:0; margin:0;}
::-moz-selection { background: #444; color: #fff;}
::selection { background: #444; color: #fff;}

.bg { background:url(bg.jpg) no-repeat top center #272727; background-size:cover; text-align:center;}
.wrap { width:800px; margin:0px auto 0;position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.wrap .logo img { max-width:350px;}
.wrap .txt1 img { width:110px; position:relative; top:10px;}
.wrap .txt1 {font-size:20px; margin-top:20px; margin-bottom:20px; }
.wrap .txt1 b { display:block; color:#f1c550; font-size:40px; margin-top:30px;}
.wrap .txt2 { font-size:20px; margin-top:20px;}
.wrap .link { display:flex; gap:10px;flex-direction: column;}
.wrap .link a { display:block; width:100%;display:block; border-radius:10px;  padding:15px 0 10px;  font-size:50px; font-weight:600; color:#fff;text-transform: uppercase; line-height:1.5em;text-shadow:  2px 2px 0px rgba(0, 0, 0, 0.3); border:3px solid #f1c550;}


@media only screen and (max-width: 810px) {
.wrap { width:100%; margin:0px auto 0; padding:15px;}
.wrap .logo img { width:100px;}
.wrap .txt1 img { width:65px; position:relative; top:5px;}
.wrap .txt1 {font-size:16px; margin-bottom:10px;}
.wrap .txt1 p {font-size:20px;}
.wrap .txt1 b { font-size:20px; margin-top:15px;}
.wrap .txt2 { font-size:16px;}
.wrap .link a {padding:20px 0;font-size:30px;}

}

@media only screen and (max-width: 400px) {
.wrap .logo img { width:50px; }
.wrap .logo img { }
.wrap .txt2 br { display:none;}
.wrap .link { flex-direction: column;}
.wrap .link a {}
}