@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%}

/*
::-webkit-scrollbar {display:none}
*/

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.3;
    letter-spacing:-1px;
}

body {-webkit-text-size-adjust: 100%;
    -ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;}

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;}


#layout {position:relative;width:100vw;height:100%}
#layout:before {content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../../img/member/common/bg.jpg)no-repeat center center;background-size:cover}

.responsive-wrap {overflow-y:scroll;position:fixed;width:100vw;height:100%}

.side_content {position:fixed;display:flex;flex-wrap:wrap;align-content:center;left:calc(50vw - 48rem);max-width:34rem;height:100%;z-index:1}
.side_content .side_logo {display:block;width:20.6rem;height:9rem;background:url(../../img/member/common/side_logo.png)no-repeat;background-size:20.6rem;text-indent:-9999px}
.side_content h2 {margin-top:5.4rem;color:#003678;font-size:2.4rem;font-weight:600;word-break:keep-all}
.side_content p {width:100%;margin-top:2rem;color:#333;font-size:1.8rem;font-weight:600}
.side_content span {display:block;margin-top:1rem;color:#333;font-size:1.6rem;font-weight:500;line-height:1.5;word-break:keep-all}

.cont_wrap {position:relative;width:100%;max-width:50rem;height:100%;margin:0px 0px 0px 50vw;background:#fff}

#header {position:relative;width:100%;max-width:50rem;height:6.5rem;background:#014099;padding:0 2rem;box-sizing:border-box}
.header_wrap {display:flex;justify-content:center;align-items:center;padding:1.5rem 0}
.header_wrap .logo {width:25rem;height:3.4rem;background:url(../../img/member/common/logo.png)no-repeat;background-size:25rem;text-indent:-9999px}
.header_wrap .logo a {display:block;height:100%}
.header_wrap .btn_logout {position:absolute;top:1.7rem;right:1rem;width:3.2rem;height:3.2rem;background:#0498f2 url(../../img/member/common/icon_logout.png)no-repeat center center;background-size:1.5rem;border-radius:.4rem;text-indent:-9999px}

#container {position:relative;min-height:calc(100% - 6.5rem);background:#fff}
#container::-webkit-scrollbar {width:0;height:0}

.content_wrap {position:relative;padding:2rem 2rem 28rem 2rem;box-sizing:border-box}
.content_wrap.login {padding-top:30rem}
.content_wrap.login:before {content:"";position:absolute;top:5rem;left:50%;width:20.3rem;height:22rem;margin-left:-10.15rem;background:url(../../img/member/common/login_bg.png)no-repeat;background-size:20.3rem}

.service_wrap ul li {width:100%;margin-top:2rem;border-radius:2.4rem;text-align:center;box-sizing:border-box}
.service_wrap ul li:first-child {margin-top:0}
.service_wrap ul li a {display:block;padding:2.5rem 2rem 3rem 2rem}
.service_wrap ul li a h3 {color:#fff;font-size:2.4rem;font-weight:500}
.service_wrap ul li a .service_icon {display:block;padding:2.4rem 0 2rem 0}
.service_wrap ul li a .service_icon img {max-width:100%;max-height:100%}
.service_wrap ul li a .service_btn {position:relative;display:inline-block;height:4rem;padding:0 6.3rem 0 4rem;background:#fff;border-radius:2.4rem;color:#333;font-size:1.6rem;font-weight:500;line-height:4rem;box-sizing:border-box}
.service_wrap ul li a .service_btn:before {content:"";position:absolute;top:50%;right:4rem;width:.8rem;height:1.3rem;margin-top:-.65rem;background:url(../../img/member/common/icon_arrow1.png)no-repeat;background-size:.8rem}
.service_wrap ul li.service1 {background:#4935bb}
.service_wrap ul li.service2 {background:#2d70e3}
.service_wrap ul li.service3 {background:#1bc088}
.service_wrap ul li.service4 {background:#1bc089}

.accordion_item {margin-top:2rem;padding:2rem;background:#f7f8fc;border-radius:1.2rem;box-sizing:border-box}
.accordion_item:nth-child(1) {margin-top:0}
.accordion_header {position:relative}
.accordion_header .agree_tit {display:flex;flex-wrap:wrap;align-items:flex-start}
.accordion_header .agree_tit span {width:calc(100% - 5.5rem);color:#333;font-size:1.8rem;font-weight:500;word-break:keep-all}
.accordion_header .agree_tit strong {width:4.5rem;margin-right:1rem;background:#1d9296;border-radius:.4rem;color:#fff;font-weight:500;font-size:1.5rem;line-height:2.4rem;text-align:center}
.accordion_btn_wrap {display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.accordion_btn_wrap .click_txt {width:calc(100% - 11rem);margin-right:2rem;color:#333;font-size:1.5rem;line-height:1.5;word-break:keep-all}
.accordion_btn_wrap .click_btn {width:9rem}
.accordion_btn_wrap .click_btn a {display:inline-block;width:9rem;padding:0 .5rem;background:#008ff5;border-radius:.4rem;color:#fff;font-size:1.5rem;line-height:3.4rem;text-align:center;box-sizing:border-box}
.accordion_cont {display:none;padding-top:2rem;;box-sizing:border-box}
.accordion_item.active .accordion_cont {display:block}
.accordion_cont .agree_cont {overflow:scroll;max-height:30rem;padding:2rem;background:#fff;border:.1rem solid #c5c9d6;box-sizing:border-box}
.accordion_cont .agree_cont p {margin-top:1.5rem;color:#333;font-size:1.5rem}
.accordion_cont .agree_cont p:nth-child(1) {margin-top:0}
.accordion_cont .agree_cont .tbl_wrap {width:80rem;margin-top:0}
.accordion_check {position:relative;margin-top:1rem}
.accordion_check > span {color:#333;font-size:1.5rem;font-weight:500}
.accordion_check .accordion_div {display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;justify-content:flex-end}
.accordion_check .accordion_div label {display:flex;align-items:center;margin-left:2rem}
.accordion_check .accordion_div label:first-child {margin-left:0}
.accordion_check .accordion_div label input[type=radio] {width:1.6rem;height:1.6rem;margin-right:1rem}
.accordion_check .accordion_div label span {color:#555;font-size:1.5rem}
.check_txt {margin-top:1rem;color:#555;font-size:1.5rem;line-height:1.5;word-break:keep-all}

.tbl_wrap {position:relative;margin-top:1.5rem}
.tbl_info {width:100%;border-top:.2rem solid #4d5980}
.tbl_info thead tr th {padding:1.2rem .5rem 1.3rem .5rem;background:#f4f5f9;border-left:.1rem solid #e0e1e3;border-bottom:.1rem solid #c5c9d6;color:#333;font-size:1.5rem;font-weight:500}
.tbl_info thead tr th:nth-child(1) {border-left:none}
.tbl_info tbody tr td {padding:1.1rem .5rem 1.2rem .5rem;border-left:.1rem solid #e0e1e3;border-bottom:.1rem solid #c5c9d6;color:#555;font-size:1.5rem;line-height:1.4;text-align:center}
.tbl_info tbody tr td:nth-child(1) {border-left:none}
.tbl_info tbody tr td.txt_left {padding:1.2rem .5rem 1.3rem 1rem;text-align:left}
.tbl_info tbody tr td.txt_blue {color:#0054ff}

.user_confirm {position:relative;padding-top:22rem}
.user_confirm:before {content:"";position:absolute;top:0;left:50%;width:20rem;height:21.6rem;margin-left:-10rem;background:url(../../img/member/common/confirm_icon.png)no-repeat;background-size:20rem}
.confirm_txt {margin:3rem 0 6rem 0;color:#333;font-size:2.2rem;font-weight:600;text-align:center;word-break:keep-all}
.confirm_select {display:flex;justify-content:space-between;align-items:center;line-height:3rem}
.confirm_select li {position:relative;width:45%;padding-top:12rem;text-align:center}
.confirm_select li:nth-child(1):before {content:"";position:absolute;top:0;left:50%;width:6.8rem;height:9rem;margin-left:-3.4rem;background:url(../../img/member/common/confirm_type1.png)no-repeat;background-size:6.8rem}
.confirm_select li:nth-child(2):before {content:"";position:absolute;top:0;left:50%;width:5.9rem;height:9rem;margin-left:-2.95rem;background:url(../../img/member/common/confirm_type2.png)no-repeat;background-size:5.9rem}
.confirm_select li .confirm1 {display:block;height:4.5rem;padding:0 2rem;background:#417cff;border-radius:.8rem;color:#fff;font-size:1.5rem;font-weight:500;text-align:center;line-height:4.5rem;box-sizing:border-box}
.confirm_select li .confirm2 {display:block;height:4.5rem;padding:0 2rem;background:#244895;border-radius:.8rem;color:#fff;font-size:1.5rem;font-weight:500;text-align:center;line-height:4.5rem;box-sizing:border-box}

.join_wrap {position:relative}
.join_wrap h3 {color:#333;font-size:1.8rem;font-weight:600}
.join_form .form_item {margin-top:1.5rem}
.join_form .form_item .form_tit {display:block;color:#333;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}
.join_form .form_item .form_tit strong {margin-left:.5rem;color:#dd1c1c}
.join_form .form_item input[type=text] {display:block;width:100%;height:4.5rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.join_form .form_item input[type=password] {display:block;width:100%;height:4.5rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.join_form .form_item .id_check {display:flex;align-items:center}
.join_form .form_item .id_check input[type=text] {width:calc(100% - 9rem);border-radius:.4rem 0 0 .4rem}
.join_form .form_item .id_check .overlap {width:9rem;height:4.5rem;border:.1rem solid #ddd;border-left:none;border-radius:0 .4rem .4rem 0;color:#333;font-size:1.5rem;line-height:4.5rem;box-sizing:border-box}
.join_form .form_item textarea {width:100%;height:10rem;padding:.5rem 1rem;border:.1rem solid #ddd;border-radius:.4rem;box-sizing:border-box}
.join_form .btn_join {display:block;height:4.5rem;margin-top:2rem;background:#1878cc;border-radius:.4rem;color:#fff;font-size:1.5rem;font-weight:500;text-align:center;line-height:4.5rem}
.join_form .form_item .rd_list {display:flex;flex-wrap:wrap}
.join_form .form_item .rd_list li {margin-right:2rem}
.join_form .form_item .rd_list li label {display:flex;align-items:center}
.join_form .form_item .rd_list li label input[type=radio] {width:1.5rem;height:1.5rem}
.join_form .form_item .rd_list li label span {margin-left:.5rem;color:#555;font-size:1.5rem}

.find_wrap {position:relative}
.find_wrap h3 {margin-bottom:2rem;color:#333;font-size:2rem;font-weight:600}
.find_id_wrap {position:relative;padding:3rem;background:#f3f4f9;border:.1rem solid #bdcce2;border-radius:.6rem;box-sizing:border-box}
.find_id_wrap .user_confirm {margin-top:0}
.id_result h3 {color:#333;font-size:1.8rem;font-weight:500}
.id_result p {margin-top:1rem;color:#555;font-size:1.5rem}
.id_result_list {margin-top:2rem}
.id_result_list li {margin-top:1.5rem}
.id_result_list li:first-child {margin-top:0}
.id_result_list li label {display:flex;align-items:center}
.id_result_list li label input[type=radio] {width:1.6rem;height:1.6rem;margin-right:1rem}
.id_result_list li label .id {color:#1878cc;font-size:1.5rem;font-weight:500}
.id_result_list li .join_date {display:block;margin:1rem 0 0 2.1rem;color:#555;font-size:1.5rem}
.id_result_btn {position:relative;margin-top:2rem}
.id_result_btn .btn_login {display:block;height:4.5rem;background:#417cff;border-radius:.6rem;color:#fff;font-size:1.5rem;line-height:4.5rem;text-align:center}
.id_result_btn .btn_find_pw {display:block;height:4.5rem;margin-top:1rem;background:#244895;border-radius:.6rem;color:#fff;font-size:1.5rem;line-height:4.5rem;text-align:center}
.find_pw_wrap {position:relative;padding:3rem;background:#f3f4f9;border:.1rem solid #bdcce2;border-radius:.6rem;box-sizing:border-box}
.id_input h3 {color:#333;font-size:1.8rem;font-weight:500}
.id_input input[type=text] {width:100%;height:4.5rem;margin-top:2rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.id_input a {display:block;height:4.5rem;margin-top:1rem;background:#417cff;border-radius:.6rem;color:#fff;font-size:1.5rem;line-height:4.5rem;text-align:center}
.find_pw_wrap .user_confirm {margin-top:0}
.pw_change h3 {margin-bottom:2rem;color:#333;font-size:1.8rem;font-weight:500}
.pw_change input[type=password] {width:100%;height:4.5rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.pw_change input[type=password].mt10 {margin-top:1rem}
.pw_change input[type=text] {width:100%;height:4.5rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.pw_change input[type=text].mt10 {margin-top:1rem}
.id_none span {display:block;color:#333;font-size:1.8rem;font-weight:500;text-align:center}
.id_none_btn {position:relative;margin-top:3rem}
.id_none_btn .btn_join {display:block;height:4.5rem;background:#417cff;border-radius:.6rem;color:#fff;font-size:1.5rem;line-height:4.5rem;text-align:center}
.id_none_btn .btn_main {display:block;height:4.5rem;margin-top:1rem;background:#244895;border-radius:.6rem;color:#fff;font-size:1.5rem;line-height:4.5rem;text-align:center}

.btn_center {display:flex;justify-content:center;align-items:center;margin-top:3rem}
.btn_center a {margin-left:1rem}
.btn_center a:first-child {margin-left:0}
.btn_center .btn_next {height:4.5rem;padding:0 2rem;background:#014099;border-radius:.6rem;color:#fff;font-size:1.5rem;font-weight:500;line-height:4.5rem;text-align:center}
.btn_center .btn_okay {height:4.5rem;padding:0 2rem;background:#014099;border-radius:.6rem;color:#fff;font-size:1.5rem;font-weight:500;line-height:4.5rem;text-align:center}
.btn_center .btn_cancel {height:4.5rem;padding:0 2rem;background:#555;border-radius:.6rem;color:#fff;font-size:1.5rem;font-weight:500;line-height:4.5rem;text-align:center}

.login_wrap {position:relative;width:100%}
.login_wrap .logo {padding-bottom:5rem;text-align:center}
.login_wrap .logo a {display:inline-block;width:26.3rem;height:3.4rem;background:url(../../img/member/common/logo_bk.png)no-repeat;background-size:26.3rem;text-indent:-9999px}
.login_wrap input[type=text] {width:100%;height:4.5rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.login_wrap input[type=password] {width:100%;height:4.5rem;margin-top:1rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.4rem;color:#333;font-size:1.5rem;font-weight:500;box-sizing:border-box}
.login_wrap .login {display:block;height:4.5rem;margin-top:1rem;background:#417cff;border-radius:.6rem;color:#fff;font-size:1.5rem;line-height:4.5rem;text-align:center}
.login_wrap ul {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2rem}
.login_wrap ul li {position:relative;padding:0 2rem}
.login_wrap ul li:before {content:"";position:absolute;top:.4rem;left:0;width:.1rem;height:1.2rem;background:#dedede}
.login_wrap ul li:first-child:before {display:none}
.login_wrap ul li a {display:block;color:#555;font-size:1.5rem}
.login_wrap ul li:last-child a {color:#1878cc}

/* footer.css */

#footer {position:absolute;bottom:0;left:0;width:100%;max-width:50rem;background:#fafafa;border-top:.1rem solid #ebebeb}
.ft_wrap {width:100%;margin:0 auto;padding:1.6rem 2rem 2rem 2rem;box-sizing:border-box}
.ft_wrap .ft_logo {display:flex;justify-content:center;align-items:center;width:100%}
.ft_wrap .ft_logo li {margin-left:3rem}
.ft_wrap .ft_logo li:first-child {margin-left:0}
.ft_wrap .ft_logo li img {max-width:100%}
.ft_wrap address {width:100%;margin-top:1rem;color:#333;font-size:1.4rem;font-style:normal;line-height:1.5;text-align:center;word-break:keep-all}

#mask{position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;z-index:100;background:rgba(0, 0, 0, .4);display:none;}
#mask_alert{position:fixed;left:0;top:0;width:100%;height:100%;z-index:300;background:rgba(0, 0, 0, .4);display:none;}
#loading{position:fixed;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(255,255,255,0.3);
display:flex;justify-content:center;align-items:center;display:none;}

.info {margin-top:1rem;color:#153e79;font-size:1.4rem;font-weight:500;word-break:keep-all}
.pw_wrap {position:relative}
.pw_wrap .btn_show {position:absolute;top:1.2rem;right:1.5rem;width:2.2rem;height:2rem;background:url(../../img/member/common/icon_show.png) no-repeat;background-size:2.2rem}
.pw_wrap .btn_show.hide {position:absolute;top:1.2rem;right:1.5rem;width:2.2rem;height:2rem;background:url(../../img/member/common/icon_hide.png) no-repeat;background-size:2.2rem}
.pw_wrap .btn_show span {display:block;text-indent:-9999px}

.pw_wrap_login {position:relative}
.pw_wrap_login .btn_show {position:absolute;top:2.2rem;right:1.5rem;width:2.2rem;height:2rem;background:url(../../img/member/common/icon_show.png) no-repeat;background-size:2.2rem}
.pw_wrap_login .btn_show.hide {position:absolute;top:2.2rem;right:1.5rem;width:2.2rem;height:2rem;background:url(../../img/member/common/icon_hide.png) no-repeat;background-size:2.2rem}
.pw_wrap_login .btn_show span {display:block;text-indent:-9999px}

.service_join {position:relative;padding-top:35rem}
.service_join:before {content:"";position:absolute;top:3rem;left:50%;width:42rem;height:28.8rem;margin-left:-21rem;background:url(../../img/member/common/join_bg.png)no-repeat;background-size:42rem}
.service_join p {color:#333;font-size:2rem;font-weight:600;text-align:center;word-break:keep-all}
.service_join .service_btn {display:flex;justify-content:center;margin-top:3rem}
.service_join .service_btn .btn_join {display:block;max-width:11rem;height:4.5rem;padding:0 4rem;background:#417cff;border-radius:.8rem;color:#fff;font-size:1.5rem;font-weight:500;text-align:center;line-height:4.5rem;box-sizing:border-box}
.service_join .service_btn .btn_cancel {display:block;max-width:11rem;height:4.5rem;padding:0 4rem;background:#244895;border-radius:.8rem;color:#fff;font-size:1.5rem;font-weight:500;text-align:center;line-height:4.5rem;box-sizing:border-box}
.service_join .service_btn a {margin-left:1rem}
.service_join .service_btn a:first-child {margin-left:0}