@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{min-width:320px; margin:0; padding:0; font-size:12px; font-family:"NanumGothic","Nanum Gothic","Malgun Gothic",sans-serif; -webkit-text-size-adjust:100%; overflow:hidden;}
textarea, select{font-size:12px; font-family:"NanumGothic", "Nanum Gothic","Malgun Gothic",sans-serif;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:"NanumGothic", "Nanum Gothic","Malgun Gothic",sans-serif; background:#fff;}
p{margin:0; padding:0; word-break:keep-all; word-wrap:break-word;}
div{word-break:keep-all; word-wrap:break-word;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.wrap{overflow:hidden;}
.txt{width:100%; max-width:600px; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:9999; text-align:center; position:absolute; overflow:hidden;}
.txt .stxt{padding-left:90px; font-weight:600; font-size:36px; font-family:"Nanum Myeongjo";}
.txt .simg{margin-top:40px;}
.txt .sbtn{margin-top:100px;}
.txt .sbtn a{width:250px; height:64px; margin:0 15px; font-weight:600; font-size:24px; line-height:64px; text-align:center; color:#fff; border-radius:5px; display:inline-block;}
.txt .sbtn a:first-child{background:#d92728;}
.txt .sbtn a:last-child{background:#231f20;}

@media screen and (max-width:900px){
	.txt .stxt{padding-left:90px; font-size:30px;}
	.txt .simg{margin-top:20px;}
	.txt .simg img{width:450px;}
	.txt .sbtn{margin-top:70px;}
	.txt .sbtn a{width:220px; height:50px; margin:0 10px; font-size:22px; line-height:50px;}
}

@media screen and (max-width:700px){
	.txt .stxt{padding-left:90px; font-size:25px;}
	.txt .simg{margin-top:15px;}
	.txt .simg img{width:400px;}
	.txt .sbtn{margin-top:40px;}
	.txt .sbtn a{width:200px; height:45px; margin:0 5px; font-size:20px; line-height:45px;}
}

@media screen and (max-width:600px){
	.txt .stxt{padding-left:90px; font-size:22px;}
	.txt .simg{margin-top:10px;}
	.txt .simg img{width:350px;}
	.txt .sbtn{margin-top:30px;}
	.txt .sbtn a{width:190px; height:42px; margin:0 3px; font-size:18px; line-height:42px;}
}

@media screen and (max-width:500px){
	.txt .stxt{padding-left:70px; font-size:20px;}
	.txt .simg img{width:300px;}
	.txt .sbtn{margin-top:25px;}
	.txt .sbtn a{width:170px; height:40px; font-size:16px; line-height:40px;}
}

@media screen and (max-width:400px){
	.txt .stxt{padding-left:50px; font-size:18px;}
	.txt .simg img{width:280px;}
	.txt .sbtn a{width:140px; font-size:14px;}
}