@charset "utf-8";
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;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
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;} 
a {text-decoration: none; color: inherit; outline: none;} 
img {vertical-align: top; outline: none;}
input, select, textarea, button {appearance: none; -webkit-appearance: none; outline: none; background: none; border: none; border-radius: 0; margin: 0;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {background: transparent; background-clip: text; -webkit-background-clip: text;}
button {cursor: pointer; border:none; padding: 0;margin: 0;} select::-ms-expand {display: none;} 
a:link, a:visited, a:hover, a:active {background: none; color: inherit;} 
br {font-family: 'Dotum';}
* {box-sizing: border-box; -webkit-tap-highlight-color: transparent;}

body {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: normal; line-height: 1; overflow-x: hidden;}
em {font-style: normal;}

.intro {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.intro:after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 500px; background: #eee; z-index: -1;}
.intro .logo {padding-top: 90px; text-align: center;}
.intro .logo img {width: 200px; height: auto; object-fit: cover;}
.intro-wrap {max-width: 1000px; width: 100%; text-align: center; margin: 0 auto;}
.intro .links {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 110px;}
.intro .links li {position: relative; width: calc(50% - 20px); height: 340px; border: 1px solid #9E0016; background: #FBF5F6; text-align: center; transition: .4s;}
.intro .links .icon {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .4s;}
.intro .links .tit {padding-top: 110px; color: #9e0016; transition: .4s;}
.intro .links .tit p {font-size: 12px; letter-spacing: 12px; text-transform: uppercase; margin-bottom: 18px;}
.intro .links .tit h2 {font-size: 40px; font-weight: 700; letter-spacing: -0.5px;}
.intro .box1 .wrap {position: relative; width: 100%; height: 100%;}
.intro .box1 .btns {position: absolute; left: 15px; right: 15px; bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
.intro .box1 .btns a {display: flex; justify-content: center; align-items: center; width: calc(50% - 5px); height: 70px; line-height: 70px; text-align: center; font-size: 20px; font-weight: 500; color: #9E0016; border: 1px solid #9e0016; background: rgba(255,255,255,.8); transition: .4s;}
.intro .box1 .btns a img {padding-left: 5px;}
.intro .box2 a {display: block; width: 100%; height: 100%;}
.intro .box2 .wrap {position: relative; z-index: 1;}
.intro .txt {margin: 40px auto 0; width: 100%; height: 160px; box-shadow: 0px, 0px rgba(51, 51, 51, 0.08); background: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.intro .txt p {font-size: 18px; line-height: 27px; color: #555; font-weight: 400;}
.intro .txt p .bold {font-weight: 700;}
.intro .txt p .c1 {color: #9e0016;}
.intro .links li:hover {background: #9e0016;}
.intro .links li:hover .tit {color: #fff;}
.intro .links li:hover .icon {opacity: 0.2;}
.intro .links li:hover .btns a {background: #fff;}
.none-pc {display: none;}
@media (max-width: 992px){
    .none-pc {display: block;}
    .intro {height: auto; padding-bottom: 56px;}
    .intro:after {height: 371px;}
    .intro .logo {padding-top: 60px;}
    .intro .logo img {width: 180px;}
    .intro-wrap {padding: 0 20px;}
    .intro .links {display: block; margin-top: 60px;}
    .intro .links li {width: 100%; height: 200px; margin-bottom: 14px;}
    .intro .links li:last-of-type {margin-bottom: 0;}
    .intro .links .icon img {width: 146px; height: auto; object-fit: cover;}
    .intro .links .tit {padding-top: 52px;}
    .intro .links .tit p {font-size: 12px; letter-spacing: 8px; margin-bottom: 15px;}
    .intro .links .tit h2 {font-size: 32px;}
    .intro .box1 .btns {left: 7px; right: 7px; bottom: 7px;}
    .intro .box1 .btns a {width: calc(50% - 2px); height: 50px; line-height: 50px; font-size: 14px;}
    .intro .txt {margin: 14px auto 0; height: auto; padding: 37px 30px;}
    .intro .txt p {font-size: 14px; line-height: 20px;}
}