@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {margin:0; padding:0; font-size:15px; font-family:'GmarketSansMedium', 'sans-serif', '¸¼Àº°íµñ','Malgun Gothic', 'Dotum'; color:rgba(255, 255, 255, 1.0); line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all}
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:150px auto 0; }
.wrap .logo img { max-width:400px;}
.wrap .txt1 img { width:250px; position:relative; top:13px;}
.wrap .link { display:block; border-radius:10px;  padding:40px 0;font-size:50px; line-height:1.0em; font-weight:600; color:#fff;text-transform: uppercase; text-shadow:  2px 2px 0px rgba(0, 0, 0, 0.3); background:rgba(232, 25, 234, 0.5);}
.wrap .txt1 {font-size:25px; margin-top:20px; margin-bottom:20px; }
.wrap .txt1 b {color:#fea5ff; font-size:25px;}
.wrap .txt2 { font-size:18px; margin-top:20px;}
.wrap .txt2_1 { font-size:20px; margin-top:10px;}
.wrap .txt3 { font-size:50px;color:#fea5ff; font-weight:bold;}
.wrap .txt4 { font-size:20px; margin-bottom:20px;}
.sns { display:flex; margin-top:30px;}
.sns li { width:100%;}
.sns li + li { margin-left:5px;}
.sns li a { display:block; border-radius:10px; padding:10px; text-align:center;}
.sns li a img { width:50px;}
.sns li a b { font-size:20px; line-height:55px; padding-left:10px;}
.wrap .sns  { width:500px; margin:40px auto 0;}
.wrap .sns li { display:inline-block;}
.wrap .sns li a { display:block; padding:10px 20px 10px 10px ; border-radius:50px; line-height:50px;}
.wrap .sns li a img { padding-right:10px;}
.wrap .sns .kakao a { background:#371c1d;}
.wrap .sns .tel a { background:#0e4e66;}


@media only screen and (max-width: 810px) {
.wrap { width:auto; margin:0px auto 0; padding:15px;}
.wrap .logo img { width:300px;}
.wrap .link {padding:20px 0;font-size:30px;}
.wrap .txt1 img { width:100px; position:relative; top:8px;}
.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 .sns  { margin-top:20px; width:100%;}
.wrap .sns li { display:block; margin-top:5px;}
.wrap .sns li img { width:30px;}
.wrap .sns li a { line-height:30px;}
}

@media only screen and (max-width: 450px) {
.wrap .logo img { width:90%;}
.wrap .link {font-size:30px;}
.wrap .logo img { }
.wrap .txt2 br { display:none;}
.sns li + li { margin-left:0px; margin-top:5px;}
.sns { display:block;}
}