@font-face {
    font-family: 'NanumHuman';
	font-weight:normal;
	font-style: normal;
    src: url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanRegular.ttf) format("truetype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanRegular.otf) format("embedded-opentype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanRegular.woff) format("woff");
}
@font-face {
    font-family: 'NanumHuman';
	font-weight:100;
	font-style: normal;
    src: url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanEL.ttf) format("truetype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanEL.otf) format("embedded-opentype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanEL.woff) format("woff");
}

@font-face {
    font-family: 'NanumHuman';
	font-weight:200;
	font-style: normal;
    src: url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanLight.ttf) format("truetype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanLight.otf) format("embedded-opentype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanLight.woff) format("woff");
}

@font-face {
    font-family: 'NanumHuman';
	font-weight:600;
	font-style: normal;
    src: url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanBold.ttf) format("truetype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanBold.otf) format("embedded-opentype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanBold.woff) format("woff");
}

@font-face {
    font-family: 'NanumHuman';
	font-weight:700;
	font-style: normal;
    src: url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanEB.ttf) format("truetype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanEB.otf) format("embedded-opentype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanEB.woff) format("woff");
}

@font-face {
    font-family: 'NanumHuman';
	font-weight:800;
	font-style: normal;
    src: url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanHeavy.ttf) format("truetype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanHeavy.otf) format("embedded-opentype"), url(https://campaign-cdn.pstatic.net/0/hangeul/2022/webfont/NanumHuman/NanumHumanHeavy.woff) format("woff");
}

*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none;word-break:keep-all; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0} 
body { line-height:1.5;font-family:"NanumHuman","Pretendard", dotum ,sans-serif; overflow-x:hidden;font-size:18px} 

ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:1.5}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:keep-all;word-break:keep-all;vertical-align: middle;}
span{display:inline-block;}
a{display:inline-block; cursor: pointer; color:#000}
img{border:0;line-height:0; max-width:100%;}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit; text-decoration:none;}
a img, input {border:none;}
strong, b{font-weight:500}

form{margin:0; padding:0}
input, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type="button"] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px;font-size:16px}

body{background:rgba(253,208,0,.08)}
.wrap{display:table; width:100%; height:100vh; min-height:600px;}
.contents-wrap{display:table-cell; vertical-align:middle;text-align:center}
h1{width:240px; margin:0 auto; max-width:50%}
h1 img{max-width:100%}

.intro-btn{display:flex; flex-wrap:wrap; justify-content:space-between;width:90%; max-width:1200px; margin:0 auto;}
.intro-btn > div{width:calc(100%/3 - 20px); margin-top:30px; background:#7E221D; color:#fff;padding:80px 30px;border-radius:50px;font-size:1.8em; box-shadow:1px 10px 30px rgba(0,0,0,.25); font-weight:600; line-height:1.3}
.intro-btn > div:first-child{border-bottom-left-radius:100px; border-top-left-radius:0}
.intro-btn > div:nth-child(2){background:#E2763C}
.intro-btn > div:last-child {border-bottom-right-radius:100px;border-top-right-radius:0;background:#F6A838;}
.intro-btn > div a{font-size:22px; background:#fff; color:#7E221D; border-radius:100px;display:inline-block;line-height:60px; width:90%;max-width:210px;margin-top:30px;font-weight:400}
.intro-btn > div:first-child a {border-top-left-radius:0px; border-bottom-left-radius:180px}
.intro-btn > div:last-child a{border-top-right-radius:0px; border-bottom-right-radius:180px; color:#F6A838}

@media(max-width:1024px){
body{font-size:16px}
.intro-btn{display:flex; flex-wrap:wrap; margin-top:30px}
.intro-btn > div{padding:40px 20px;font-size:1.6em}
.intro-btn > div a{font-size:18px}
}

@media(max-width:768px){
body{font-size:14px}
h1{max-width:150px}

.intro-btn > div{width:calc(50% - 10px);padding:30px 20px;font-size:1.8em; border-radius:30px;margin:5px}
.intro-btn > div a{font-size:14px; line-height:45px; width:80%;max-width:180px;margin-top:20px; border-radius:50px !important}
.intro-btn > div {border-radius:20px !important}
.intro-btn > div:first-child{width:100%}

}

@media(max-width:420px){
body{font-size:13px}
.intro-btn > div{padding:30px 10px;font-size:1.5em; border-radius:20px}
.intro-btn > div a{font-size:14px; line-height:40px}
.intro-btn > div:first-child{border-bottom-left-radius:40px; }
.intro-btn > div:last-child {border-bottom-right-radius:40px;}
.intro-btn > div:first-child a { border-bottom-left-radius:130px}
.intro-btn > div:last-child a{border-bottom-right-radius:130px;}


}

</style>