@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.truetype') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-4Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-5Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-6Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: bold;
    src:
		url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.otf') format('opentype');
}

html {font-size:62.5%}

body {-webkit-text-size-adjust: 100%}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'SCDream', 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
    font-size:1.5rem;
	line-height:1.3;
    letter-spacing:-1px;
}

input, select {
	vertical-align:middle;
	color:#666;
    font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
    letter-spacing:0;
}

a {text-decoration:none}
button {background:transparent;border:none;cursor:pointer}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-999em;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-align:left;
}

strong {font-weight:500}

table {border-collapse:collapse;table-layout:fixed;word-break:break-all}

textarea { line-height:24px;
		   letter-spacing:1px;
		    border:1px solid #ddd;
			overflow-y:scroll;
			resize:none;}


#wrap {position:relative;width:100%}

.intro_wrap {position:relative;width:100vw;height:100vh;background:url(../../img/members/intro/intro_bg.png)no-repeat}
.intro_btn {position:relative;width:100%;max-width:1440px;height:100%;margin:0 auto}
.intro_btn ul {display:flex;justify-content:center;align-items:center;height:100%}
.intro_btn ul li {width:calc((100% - 4rem)/2);margin-left:4rem}
.intro_btn ul li:first-child {margin-left:0}
.intro_btn ul .user {position:relative;height:46rem;padding:5rem;background:#e3efff;border:.1rem solid #93b6e0;border-radius:1.2rem;box-sizing:border-box}
.intro_btn ul .user:before {content:"";position:absolute;bottom:5rem;right:5rem;width:20rem;height:20rem;background:url(../../img/members/intro/user_icon.png)no-repeat;background-size:20rem}
.intro_btn ul .user h3 {color:#0f6add;font-size:3.4rem;font-weight:600}
.intro_btn ul .user p {margin-top:1.8rem;color:#183a67;font-size:2.2rem;font-weight:500;line-height:1.5;word-break:keep-all}
.intro_btn ul .user a {position:absolute;bottom:5rem;left:5rem;display:block;height:5rem;padding:0 8rem 0 3rem;background:#0f6add url(../../img/members/intro/icon_arrow.png)no-repeat right 3rem center;background-size:2rem;border-radius:2.4rem;color:#fff;font-size:1.8rem;line-height:5rem}
.intro_btn ul .fac {position:relative;height:46rem;padding:5rem;background:#e3ffed;border:.1rem solid #93e0a3;border-radius:1.2rem;box-sizing:border-box}
.intro_btn ul .fac:before {content:"";position:absolute;bottom:5rem;right:5rem;width:20rem;height:20rem;background:url(../../img/members/intro/fac_icon.png)no-repeat;background-size:18.4rem}
.intro_btn ul .fac h3 {color:#189c37;font-size:3.4rem;font-weight:600}
.intro_btn ul .fac p {margin-top:1.8rem;color:#189c37;font-size:2.2rem;font-weight:500;line-height:1.5;word-break:keep-all}
.intro_btn ul .fac a {position:absolute;bottom:5rem;left:5rem;display:block;height:5rem;padding:0 8rem 0 3rem;background:#189c37 url(../../img/members/intro/icon_arrow.png)no-repeat right 3rem center;background-size:2rem;border-radius:2.4rem;color:#fff;font-size:1.8rem;line-height:5rem}

@media (max-width:1440px) {

.intro_btn {padding:0 2rem;box-sizing:border-box}

}

@media (max-width:1280px) {

.intro_btn ul li {width:calc((100% - 2rem)/2);margin-left:2rem}

.intro_btn ul .user {height:40rem;padding:3rem}
.intro_btn ul .user:before {bottom:3rem;right:3rem;width:18rem;height:18rem;background-size:18rem}
.intro_btn ul .user a {bottom:3rem;left:3rem}
.intro_btn ul .fac {height:40rem;padding:3rem}
.intro_btn ul .fac:before {bottom:3rem;right:3rem;width:16.6rem;height:18rem;background-size:16.6rem}
.intro_btn ul .fac a {bottom:3rem;left:3rem}

}

@media (max-width:1024px) {

.intro_btn ul .user {height:36rem}
.intro_btn ul .user:before {width:15rem;height:15rem;background-size:15rem}
.intro_btn ul .user h3 {font-size:3rem}
.intro_btn ul .user p {font-size:2rem}
.intro_btn ul .user a {height:4.5rem;padding:0 6rem 0 2.8rem;font-size:1.6rem;line-height:4.5rem}
.intro_btn ul .fac {height:36rem}
.intro_btn ul .fac:before {width:13.8rem;height:15rem;background-size:13.8rem}
.intro_btn ul .fac h3 {font-size:3rem}
.intro_btn ul .fac p {font-size:2rem}
.intro_btn ul .fac a {height:4.5rem;padding:0 6rem 0 2.8rem;font-size:1.6rem;line-height:4.5rem}

}

@media (max-width:800px) {

.intro_btn ul {flex-direction:column}
.intro_btn ul li {width:100%;margin-left:0}
.intro_btn ul li:first-child {margin:0 0 2rem 0}
.intro_btn ul .user {height:auto;padding:3rem 21rem 3rem 3rem}
.intro_btn ul .user:before {top:50%;bottom:auto;right:3rem;margin-top:-7.5rem}
.intro_btn ul .user p br, .intro_btn ul .fac p br {display:none}
.intro_btn ul .user a {position:relative;bottom:auto;left:auto;display:inline-block;margin-top:2rem}
.intro_btn ul .fac {height:auto;padding:3rem 21rem 3rem 3rem}
.intro_btn ul .fac:before {top:50%;bottom:auto;right:3rem;margin-top:-7.5rem}
.intro_btn ul .fac a {position:relative;bottom:auto;left:auto;display:inline-block;margin-top:2rem}

}

@media (max-width:640px) {

html {font-size:55%}

.intro_btn ul .user h3 {font-size:2.8rem}
.intro_btn ul .user p {font-size:1.8rem}
.intro_btn ul .fac h3 {font-size:2.8rem}
.intro_btn ul .fac p {font-size:1.8rem}
}

@media (max-width:480px) {


html {font-size:50%}

.intro_btn ul .user {padding:2rem}
.intro_btn ul .user:before {display:none}
.intro_btn ul .fac {padding:2rem}
.intro_btn ul .fac:before {display:none}

}