@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, 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';
	line-height:1.5;
    letter-spacing:-1px;
}

input, select {
	vertical-align:middle;
	color:#555;
    font-size:1.6rem;
    font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
}

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;border-spacing:0;word-break:break-all}

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

#wrap {position:relative}

.section_wrap {position:relative;width:100%}
.section_wrap.sc1 {background:#f1f5fe}
.section1 {position:relative;width:100%;max-width:160rem;margin:0 auto;padding:0 2rem;text-align:center;box-sizing:border-box}
.section1 .logo {display:flex;justify-content:center;padding-top:4rem}
.section1 .logo a {display:block;width:45.4rem;height:5rem;background:url(../../img/member/intro/logo.png)no-repeat;background-size:45.4rem;text-indent:-9999px}
.section1 h3 {margin-top:4.9rem;color:#000;font-size:4.8rem;font-weight:600;line-height:1.4;text-align:center;word-break:keep-all}
.section1 p {margin-top:2.7rem;color:#333;font-size:1.8rem;line-height:1.3;text-align:center;word-break:keep-all}
.section1 img {max-width:100%;margin-top:5.6rem}

.section2 {position:relative;width:100%;max-width:120rem;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12rem 2rem;box-sizing:border-box}
.section2 .sec_left {width:54rem}
.section2 .sec_left .img_select {position:relative}
.section2 .sec_left .img_list li {display:none}
.section2 .sec_left .img_list li img {width:100%}
.section2 .sec_left .img_list li.select {display:block}
.section2 .sec_left .img_btn {display:flex;justify-content:space-between;margin-top:4.2rem}
.section2 .sec_left .img_btn li a {display:inline-flex;justify-content:center;align-items:center;width:16rem;height:8rem;background:#efefef;border:.2rem solid #e4e4e4;border-radius:4.8rem;color:#888;font-size:1.8rem;font-weight:500;line-height:1.3;text-align:center;box-sizing:border-box}
.section2 .sec_left .img_btn li.select a {background:#e7f3f6;border:.2rem solid #a9d8e4;color:#2e90a9}
.section2 .sec_right {width:calc(100% - 66rem)}
.section2 .sec_right span {display:block;color:#00a4ba;font-size:1.8rem;font-weight:600}
.section2 .sec_right h3 {margin-top:1.7rem;color:#000;font-size:4.8rem;font-weight:600;line-height:1.4;word-break:keep-all}
.section2 .sec_right p {margin-top:2.3rem;color:#333;font-size:1.8rem;line-height:1.3;word-break:keep-all}
.section2 .sec_right ul li {position:relative;padding-left:1.4rem;color:#333;font-size:1.8rem;line-height:1.3;word-break:keep-all}
.section2 .sec_right ul li:before {content:"";position:absolute;top:1rem;left:0;width:.6rem;height:.1rem;background:#333}

.section_wrap.sc3 {background:#ebfaed}
.section3 {position:relative;width:100%;max-width:160rem;margin:0 auto;padding:10.9rem 2rem 11.5rem 2rem;text-align:center;box-sizing:border-box}
.section3 h3 {color:#000;font-size:4.8rem;font-weight:600;line-height:1.4;text-align:center;word-break:keep-all}
.section3 p {margin-top:2.7rem;color:#333;font-size:1.8rem;line-height:1.3;text-align:center;word-break:keep-all}
.section3 .list_wrap {position:relative;overflow:hidden;max-width:117.5rem;margin:5.7rem auto 0}
.section3 .list_wrap .swiper-slide {width:25.4rem}
.section3 .list_wrap .swiper-slide img {max-width:100%}
.section3 .list_wrap .swiper-slide span {display:block;margin-top:.8rem;color:#333;font-size:1.8rem;font-weight:500}
.section3 .list_wrap .list_prev {position:absolute;top:50%;left:0;display:block;text-indent:-9999px}
.section3 .list_wrap .list_next {position:absolute;top:50%;right:0;display:block;text-indent:-9999px}

.section_wrap.sc4 {background:#f4f6f8}
.section4 {position:relative;width:100%;max-width:160rem;margin:0 auto;padding:11.5rem 2rem 11.5rem 2rem;text-align:center;box-sizing:border-box}
.section4 span {display:block;color:#00a4ba;font-size:1.8rem;font-weight:600}
.section4 h3 {margin-top:1.8rem;color:#000;font-size:4.8rem;font-weight:600;line-height:1.4;word-break:keep-all}
.section4 p {margin-top:2.6rem;color:#333;font-size:1.8rem;line-height:1.3;word-break:keep-all}
.section4 .hall_list {position:relative;overflow:hidden;max-width:160rem;height:22rem;margin:5.7rem auto 0}
.section4 .hall_list ul {position:absolute;display:block;left:0;width:476rem;height:22rem;font-size:0;text-align:left;animation:slide-left 60s linear infinite}
.section4 .hall_list ul li {float:left;width:32rem;margin:0 1rem}
.section4 .hall_list ul li img {width:100%;height:100%}

.section5 {position:relative;width:100%;max-width:160rem;margin:0 auto;padding:10.8rem 2rem 12rem 2rem;text-align:center;box-sizing:border-box}
.section5 h3 {color:#000;font-size:4.8rem;font-weight:600;line-height:1.4;word-break:keep-all}
.section5 .quick_btn {position:relative;margin-top:4.9rem}
.section5 .quick_btn ul {display:flex;flex-wrap:wrap;justify-content:space-between}
.section5 .quick_btn ul li {width:calc((100% - 9rem)/4);margin-left:3rem;border-radius:2.4rem;box-sizing:border-box}
.section5 .quick_btn ul li:first-child {margin-left:0}
.section5 .quick_btn ul li a {display:block;padding:3.3rem 1.5rem 3.9rem 1.5rem}
.section5 .quick_btn ul li a .quick_tit {display:block;height:7rem;color:#000;font-size:2.4rem;font-weight:600}
.section5 .quick_btn ul li a .quick_icon {display:block;margin-top:2.3rem}
.section5 .quick_btn ul li a .quick_icon img {max-width:100%}
.section5 .quick_btn ul li a .quick_btn {display:inline-block;height:5rem;margin-top:3rem;padding:0 6.8rem 0 4rem;background:#fff url(../../img/member/intro/quick_arrow.png)no-repeat right 4rem center;background-size:.8rem;border-radius:2.4rem;color:#333;font-size:1.6rem;font-weight:500;line-height:5rem}
.section5 .quick_btn ul li:nth-child(1) {background:#bbe4f6}
.section5 .quick_btn ul li:nth-child(2) {background:#afbdff}
.section5 .quick_btn ul li:nth-child(3) {background:#ffcff7}
.section5 .quick_btn ul li:nth-child(4) {background:#e2d3fa}

.section_wrap.sc6 {background:url(../../img/member/intro/user_bg.png)no-repeat;background-size:cover}
.section6 {position:relative;width:100%;max-width:160rem;margin:0 auto;padding:11.3rem 2rem 11.5rem 2rem;text-align:center;box-sizing:border-box}
.section6 h3 {color:#000;font-size:3.4rem;font-weight:600;line-height:1.4;word-break:keep-all}
.section6 .user_service {display:flex;flex-wrap:wrap;margin-top:5.2rem}
.section6 .user_service li {width:calc((100% - 6rem)/3);margin-left:3rem}
.section6 .user_service li:first-child {margin-left:0}
.section6 .user_service li a {display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;background:#fff;border-radius:2.4rem;box-sizing:border-box}
.section6 .user_service li a .service_info {text-align:left}
.section6 .user_service li a .service_info .type1 {display:inline-block;height:3rem;padding:0 1.5rem;background:#fff;border:.1rem solid #575eb6;border-radius:2.4rem;color:#575eb6;font-size:1.6rem;font-weight:500;line-height:3rem;box-sizing:border-box}
.section6 .user_service li a .service_info .type2 {display:inline-block;height:3rem;padding:0 1.5rem;background:#fff;border:.1rem solid #ff3f03;border-radius:2.4rem;color:#ff3f03;font-size:1.6rem;font-weight:500;line-height:3rem;box-sizing:border-box}
.section6 .user_service li a .service_info .service_tit {display:block;margin-top:.3rem;color:#000;font-size:2.4rem;font-weight:600}
.section6 .user_service li a .service_btn span {position:relative;padding-right:2.8rem;color:#000;font-size:1.6rem;font-weight:500}
.section6 .user_service li a .service_btn span:before {content:"";position:absolute;top:50%;right:0;width:.8rem;height:1.3rem;margin-top:-.65rem;background:url(../../img/member/intro/quick_arrow.png)no-repeat;background-size:.8rem}
.section6 .user_service li.disable a {background:#f0f0f0}
.section6 .user_service li.disable a .service_info .service_tit {color:#888}
.section6 .user_service li.disable a .service_btn span {color:#888}
.section6 .user_service li.disable a .service_btn span:before {background:url(../../img/member/intro/quick_arrow_gray.png)no-repeat;background-size:.8rem}
.section6 .user_service li.disable a .service_info .type1 {background:#f0f0f0;border:.1rem solid #dedede;color:#888}
.section6 .user_service li.disable a .service_info .type2 {background:#f0f0f0;border:.1rem solid #dedede;color:#888}
.section6 .user_service li a .service_txt {color:#888;font-size:1.6rem;font-weight:600}

.swiper-button-next, .swiper-button-prev {color:#7a7a7a !important}
.swiper-button-next, .swiper-button-prev {width:auto !important;height:auto !important;margin-top:-2rem !important}
.swiper-button-prev, .swiper-rtl .swiper-button-next {top:55% !important;left:1rem !important}
.swiper-button-next, .swiper-rtl .swiper-button-prev {top:55% !important;right:1rem !important}
.swiper-button-next:after, .swiper-button-prev:after {font-size:4rem !important;font-weight:bold !important}

@keyframes slide-left {
	100% {left:-238rem}
}
 
#footer {position:relative;width:100%;background:#fafafa;border-top:.1rem solid #ebebeb}
.ft_wrap {width:100%;max-width:160rem;margin:0 auto;padding:2.5rem 2rem 2.8rem 2rem;box-sizing:border-box}
.ft_wrap {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:160rem;margin:0 auto;padding:2.5rem 2rem 2.8rem 2rem;box-sizing:border-box}
.ft_logo {margin-right:4rem}
.ft_logo a {margin-left:2rem}
.ft_logo a:first-child {margin-left:0}
.ft_logo a img {max-width:100%}
.ft_wrap p {color:#333;font-size:1.6rem;text-align:center}

.side_btn {position:fixed;bottom:4rem;right:2rem;-webkit-transition:bottom 600ms;-ms-transition:bottom 600ms;-moz-transition:bottom 600ms;-o-transition:bottom 600ms;transition:bottom 600ms;will-change:bottom;z-index:120}
.side_btn .scroll.down {display:block;width:6rem;height:6rem;background:#164dca url(../../img/member/intro/scroll_down.png)no-repeat center center;background-size:1.6rem;border-radius:1.8rem;text-indent:-9999px}
.side_btn .scroll.up {display:block;width:6rem;height:6rem;background:#164dca url(../../img/member/intro/scroll_up.png)no-repeat center center;background-size:1.6rem;border-radius:1.8rem;text-indent:-9999px}
.side_btn.scroll {bottom:11.5rem}
.btn_top {display:none;position:fixed;bottom:4rem;right:2rem;z-index:100}
.btn_top .top {display:block;width:6rem;height:6rem;background:#43525a url(../../img/member/intro/icon_top.png)no-repeat center center;background-size:1.6rem;border-radius:50%;text-indent:-9999px}


@media (max-width:1280px){

.section2 .sec_right {width:calc(100% - 60rem)}

.section5 .quick_btn ul li {width:calc((100% - 6rem)/4);margin-left:2rem}
.section5 .quick_btn ul li a .quick_tit {font-size:2rem}

.section6 .user_service li {width:calc((100% - 4rem)/3);margin-left:2rem}
.section6 .user_service li a {padding:2rem}
.section6 .user_service li a .service_info .service_tit {font-size:2.2rem}

}


@media (max-width:1024px){

.list_swiper {padding:0 3rem;box-sizing:border-box}

}


@media (max-width:1000px){

.section2 {padding:6rem 2rem}
.section2 .sec_right {order:1;width:100%;max-width:65rem;margin:0 auto}
.section2 .sec_left {order:2;margin:3rem auto 0}

.section3 {padding:6rem 2rem}
.section3 .list_wrap {margin:3.7rem auto 0}
.section3 .list_wrap .swiper-slide span {font-size:1.6rem}
    
.section4 {padding:6rem 2rem}

.section5 {padding:6rem 2rem}
.section5 .quick_btn ul li {width:calc((100% - 2rem)/2)}
.section5 .quick_btn ul li:nth-child(odd) {margin:2rem 0 0 0}
.section5 .quick_btn ul li:nth-child(even) {margin:2rem 0 0 2rem}

.section6 {padding:6rem 2rem}
.section6 .user_service {margin-top:3.2rem}
.section6 .user_service li {width:calc((100% - 2rem)/2)}
.section6 .user_service li:nth-child(odd) {margin:2rem 0 0 0}
.section6 .user_service li:nth-child(even) {margin:2rem 0 0 2rem}

}

@media (max-width:800px){

.section1 h3 {font-size:3.8rem}
        
.section2 {padding:4rem 2rem}
.section2 .sec_right h3 {font-size:3.8rem}

.section3 {padding:4rem 2rem}
.section3 h3 {font-size:3.8rem}

.section4 {padding:4rem 2rem}
.section4 h3 {font-size:3.8rem}
.section4 .hall_list {margin:4.8rem auto 0}

.section5 {padding:4rem 2rem}
.section5 h3 {font-size:3.8rem}
.section5 .quick_btn {margin-top:1rem}

.section6 {padding:4rem 2rem}
.section6 h3 {font-size:3rem}
.section6 .user_service li {width:100%}
.section6 .user_service li:nth-child(even) {margin:2rem 0 0 0}

.ft_wrap {padding:2rem}
.ft_logo {margin-right:0;text-align:center}
.ft_wrap p {width:100%;margin-top:1rem}


.section3 .list_wrap .swiper-slide img {max-width:80%}

.swiper-button-prev, .swiper-rtl .swiper-button-next {left:2rem !important}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right:2rem !important}
}

@media (max-width:640px){

html {font-size:55%}

.section1 .logo a {width:100%;background-size:100%}

.section1 h3 {font-size:3.4rem}
.section1 h3 br {display:none}

.section2 .sec_left .img_btn {margin-top:2.2rem}
.section2 .sec_left .img_btn li {width:32%}
.section2 .sec_left .img_btn li a {width:100%;height:7rem}

.section2 .sec_right span {text-align:center}
.section2 .sec_right h3 {font-size:3.4rem;text-align:center}

.section4 h3 {font-size:3.4rem}
.section4 p br {display:none}

.section5 h3 {font-size:3.4rem}
.section5 .quick_btn ul li a {padding:2.3rem 1.5rem 2.9rem 1.5rem}

.section6 .user_service {margin-top:1.2rem}

.section3 .list_wrap .swiper-slide img {max-width:60%}

.swiper-button-prev, .swiper-rtl .swiper-button-next {left:3rem !important}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right:3rem !important}

#footer.login {margin-top:40rem}

}

@media (max-width:480px){

.section1 h3 {font-size:2.8rem}
.section1 p {font-size:1.6rem}

.section2 .sec_right span {font-size:1.6rem}
.section2 .sec_right h3 {font-size:2.8rem}
.section2 .sec_right p {font-size:1.6rem}
.section2 .sec_right ul li {font-size:1.6reml}

.section3 h3 {font-size:2.8rem}
.section3 p {font-size:1.6rem}

.section4 span {font-size:1.6rem}
.section4 h3 {font-size:2.8rem}
.section4 p {font-size:1.6rem}

.section5 h3 {font-size:2.8rem}
.section5 .quick_btn ul li {width:100%}
.section5 .quick_btn ul li:nth-child(even) {margin:2rem 0 0 0}
.section5 .quick_btn ul li a .quick_icon {margin-top:1.5rem}
.section5 .quick_btn ul li a .quick_btn {margin-top:1.5rem}

.ft_logo a img {max-width:40%}

}

@media (max-width:360px){

.section3 .list_wrap ul {height:48.5rem}

}