@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:15px;
	line-height:1.5;
	letter-spacing:-0.5px
}

input, select {
	vertical-align:middle;
	color:#666;
}

a {text-decoration:none}

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;}

.main_wrap {position:relative;width:100%;height:100%;padding:4rem 0}
.main_wrap:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../img/facility/main/main_bg.png)no-repeat;z-index:-1}

.main_content {display:flex;width:100rem;margin:0 auto;background:#fff;border-radius:1.2rem;box-shadow:0 1rem 1.5rem rgba(0, 0, 0, .2)}

.main_left {position:relative;overflow:hidden;width:36rem;border-radius:1.2rem 0 0 1.2rem}
.visual_wrap {position:relative;height:100%}
.visual_list {display:flex;flex-wrap:wrap;height:100%}
.visual_list li {width:100%}
.visual_list li img {width:100%;height:100%}
.visual_ctrl {position:absolute;bottom:6rem;left:50%;transform:translateX(-50%);display:flex;align-items:center}
.visual_ctrl li {margin-left:1rem}
.visual_ctrl li:first-child {margin-left:0}
.visual_ctrl li.dot a {display:block;width:2rem;height:2rem;background:#d7d6d2;border-radius:50%;text-indent:-9999px}
.visual_ctrl li.dot.on a {background:#21409a}
.visual_ctrl li.pause a {display:block;width:1.5rem;height:2rem;background:url(../../img/facility/main/visual_pause.png)no-repeat;background-size:1.5rem;text-indent:-9999px}
.visual_ctrl li.play a {display:block;width:1.5rem;height:2rem;background:url(../../img/facility/main/visual_play.png)no-repeat;background-size:1.5rem;text-indent:-9999px}

.main_right {width:calc(100% - 36rem);padding:3.5rem 6rem;box-sizing:border-box}
.login_wrap h3 {color:#111;font-size:1.8rem;font-weight:600;text-align:center}
.login_input {display:flex;flex-wrap:wrap;margin-top:1.5rem}
.login_input input[type=text] {width:100%;height:4rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.6rem;box-sizing:border-box}
.login_input input[type=password] {width:100%;height:4rem;margin-top:1rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.6rem;box-sizing:border-box}
.login_input .btn_login {display:block;width:100%;margin-top:1rem;background:#21409a;border-radius:2.4rem;color:#fff;font-size:1.5rem;text-align:center;line-height:4rem}
.login_wrap ul {display:flex;justify-content:center;align-items:center;width:100%;margin-top:.8rem}
.login_wrap ul li {position:relative;padding:0 1.1rem}
.login_wrap ul li:before {content:"";position:absolute;top:1rem;left:0;width:.2rem;height:.2rem;background:#7c7c7c;border-radius:50%}
.login_wrap ul li:first-child:before {display:none}
.login_wrap ul li a {color:#7c7c7c;font-size:1.5rem}
.login_wrap ul li:last-child a {color:#21409a}

.apply_wrap {position:relative;margin-top:1.5rem;padding:1.5rem 2rem;background:#e8f7ff;border-radius:.6rem;box-sizing:border-box}
.apply_wrap h3 {color:#111;font-size:1.8rem;font-weight:600}
.apply_wrap p {margin-top:1.5rem;color:#555;font-size:1.6rem;line-height:1.3;word-break:keep-all}
.apply_wrap a {position:absolute;top:1.8rem;right:2rem;padding-right:3.1rem;background:url(../../img/facility/main/go_arrow.png)no-repeat right center;background-size:1.9rem;color:#21409a;font-size:1.4rem}

.notice_wrap {position:relative;margin-top:2rem;padding:1.5rem 0;border-top:.2rem solid #333;border-bottom:.1rem solid #333}
.notice_wrap h3 {color:#111;font-size:1.8rem;font-weight:600}
.notice_wrap ul {margin-top:1.2rem}
.notice_wrap ul li {display:flex;align-items:center;margin-top:.7rem}
.notice_wrap ul li a {display:block;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 12rem);color:#333;font-size:1.5rem;overflow:hidden}
.notice_wrap ul li .date {width:12rem;color:#666;font-size:1.5rem;text-align:right}
.notice_wrap .more {position:absolute;top:2.3rem;right:0;display:block;width:1.2rem;height:1.2rem;background:url(../../img/facility/main/more.png)no-repeat;background-size:1.2rem;text-indent:-9999px}

.popup_zone {position:relative;margin-top:2rem;padding:1.5rem 0 2rem 0;border-top:.2rem solid #333;border-bottom:.1rem solid #333}
.popup_zone h3 {color:#111;font-size:1.8rem;font-weight:600}
.popup_zone .popup_list {overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:16rem;margin-top:1.5rem}
.popup_zone .popup_list li {width:calc((100% - 2rem)/2);height:100%}
.popup_zone .popup_list li a {display:block;width:100%;height:100%}
.popup_zone .popup_list li a img {width:100%;height:100%}
.popup_ctrl {position:absolute;top:1.3rem;right:0;display:flex}
.popup_ctrl li {margin-left:1rem}
.popup_ctrl li:first-child {margin-left:0}
.popup_ctrl li .popup_prev {display:block;width:3rem;height:3rem;background:#fff url(../../img/facility/main/popup_prev.png)no-repeat center center;background-size:.7rem;border:.1rem solid #dedede;border-radius:50%;text-indent:-9999px}
.popup_ctrl li .popup_pause {display:block;width:3rem;height:3rem;background:#fff url(../../img/facility/main/popup_pause.png)no-repeat center center;background-size:.7rem;border:.1rem solid #dedede;border-radius:50%;text-indent:-9999px}
.popup_ctrl li .popup_play {display:block;width:3rem;height:3rem;background:#fff url(../../img/facility/main/popup_play.png)no-repeat center center;background-size:.7rem;border:.1rem solid #dedede;border-radius:50%;text-indent:-9999px}
.popup_ctrl li .popup_next {display:block;width:3rem;height:3rem;background:#fff url(../../img/facility/main/popup_next.png)no-repeat center center;background-size:.7rem;border:.1rem solid #dedede;border-radius:50%;text-indent:-9999px}

.counsel_wrap {position:relative;display:flex;align-items:center;margin-top:2rem;padding:1.5rem 2rem;background:#fff2f6;border-radius:.6rem}
.counsel_left {width:50%}
.counsel_left h3 {color:#111;font-size:1.8rem;font-weight:600}
.counsel_left .tell_num {position:relative;display:block;margin-top:1.8rem;padding-left:5rem;color:#0068c8;font-size:2.4rem;font-weight:bold}
.counsel_left .tell_num:before {content:"";position:absolute;top:-.2rem;left:0;width:4rem;height:4rem;background:url(../../img/facility/main/icon_tell.png)no-repeat;background-size:4rem}
.counsel_right {width:50%;padding-left:2rem;box-sizing:border-box}
.counsel_right ul li {display:flex;align-items:center}
.counsel_right ul li .tit {width:6.5rem;color:#333;font-size:1.5rem;font-weight:500}
.counsel_right ul li .txt {width:calc(100% - 6.5rem);color:#555;font-size:1.5rem}
.counsel_right .mark {position:relative;display:block;margin-top:.9rem;padding-left:2.8rem;color:#555;font-size:1.5rem}
.counsel_right .mark:before {content:"";position:absolute;top:.2rem;left:0;width:1.8rem;height:1.8rem;background:url(../../img/facility/main/icon_mark.png)no-repeat;background-size:1.8rem}

.password_wrap {position:relative;width:100%}
.password_wrap input[type=text] {margin-top:1rem}
.password_wrap .btn_show {position:absolute;top:2rem;right:1.5rem;width:2.2rem;height:2rem;margin-top:0;background:url(../../img/facility/main/icon_show.png) no-repeat;background-size:2.2rem}
.password_wrap .btn_show.hide {position:absolute;top:2rem;right:1.5rem;width:2.2rem;height:2rem;background:url(../../img/facility/main/icon_hide.png) no-repeat;background-size:2.2rem}

#footer {position:relative;width:100%;max-width:100rem;margin:0 auto}
.copyright {padding-top:3.5rem;color:#555;font-size:1.6rem;text-align:center}


.quick_wrap {position:relative;margin-top:1rem;padding:1.5rem 0;box-sizing:border-box}
.quick_wrap ul {overflow:hidden;display:flex;flex-wrap:wrap;height:14.2rem}
.quick_wrap ul li {width:calc((100% - 4rem)/5);margin:.5rem 0 .5rem 1rem}
.quick_wrap ul li:nth-child(1) {margin:.5rem 0}
.quick_wrap ul li a {display:block;text-align:center}
.quick_wrap ul li a .quick_icon {display:flex;justify-content:center;align-items:center;width:8rem;height:8rem;margin:0 auto;background:#f2f2f5;border-radius:2rem}
.quick_wrap ul li a .quick_icon img {max-width:100%}
.quick_wrap ul li a .quick_tit {display:block;margin-top:1rem;color:#333;font-size:1.5rem;font-weight:500;line-height:1.4}
.quick_wrap .quick_prev {position:absolute;top:50%;left:0;display:block;width:3rem;height:3rem;margin-top:-1.5rem;background:#fff url(../../img/facility/main/quick_prev.png)no-repeat center center;background-size:.8rem;border:.1rem solid #dedede;border-radius:50%;text-indent:-9999px}
.quick_wrap .quick_next {position:absolute;top:50%;right:0;display:block;width:3rem;height:3rem;margin-top:-1.5rem;background:#fff url(../../img/facility/main/quick_next.png)no-repeat center center;background-size:.8rem;border:.1rem solid #dedede;border-radius:50%;text-indent:-9999px}