@charset "utf-8";





/******************************* 전체 공통 ******************************************/


.visual_sub{height:285px; background-position:center top; background-size:cover; text-align:center;position:relative;}
.visual_sub > img{width:100%; height:100%; object-fit:cover;}
.visual_sub.img_none > img{display:none;}

.visual_text{position:absolute; left:0; top:0; right:0;}

.title_visual{font-size:50px; color:#fff; line-height:285px; font-weight:500; text-shadow:5px 5px 5px rgba(0,0,0,0.44);}


/* 하이어라키 */
.hierarchy_area{border-bottom:1px solid #e9e9e9;}
.hierarchy_list{}
.hierarchy_list > li{float:left; border-right:1px solid #e9e9e9; position:relative;}
.hierarchy_list > li:first-child{width:54px; height:54px; border-left:1px solid #e9e9e9;
  text-align:center; line-height:54px;
}

.hierarchy_list > .on .hierarchy_btn{color:var(--primary-color);}
.hierarchy_list > .on .hierarchy_btn:after{background-image:url("../images/mt/arrow_on.png");}

.hierarchy_list > .this .hierarchy_btn{color:var(--primary-color);}

.hierarchy_btn{min-width:218px; height:54px; padding-right:90px;
  font-size:20px; color:#333; text-indent:20px !important; text-align:left;
  position:relative;
}
.hierarchy_btn:after{content:""; width:12px; height:7px; margin-top:-3.5px; background-image:url("../images/icon/arrow_off.png");
  position:absolute; right:17px; top:50%;
}

.hierarchy_sub{background-color:#fff; border:1px solid #e9e9e9; box-shadow:5px 5px 3px rgba(0,0,0,0.06);
  position:absolute; left:-1px; top:54px; right:-1px; z-index:1000;
  display:none;
}
.hierarchy_sub li{border-top:1px solid #e9e9e9;}
.hierarchy_sub li:first-child{border-top:0;}
.hierarchy_sub li a{display:block; font-size:18px; color:#666; line-height:44px; text-indent:18px; position:relative;}

.hierarchy_list > .on .hierarchy_sub{display:block;}


.contents_sub{padding:90px 0 112px;}


.btn_top{position:fixed; right:30px; bottom:30px; z-index:10;}


/* 회원가입 */
.wrap.join .header{height:auto; position:static;}

.container_join{padding-top:74px; padding-bottom:125px; background-color:#f2f2f2;}

.join_box{width:620px; margin:0 auto; padding:40px 60px 75px; background-color:#fff; border:1px solid #cacaca; border-radius:10px;}

.login_logo{margin-bottom:50px; text-align:center;}

.input_type1{width:100%; height:63px; border:1px solid #ccc; 
  font-size:26px; line-height:63px; text-indent:20px; font-weight:300; position:relative;
}
.input_type1::-moz-placeholder{color:#999;}
.input_type1:-ms-input-placeholder{color:#999;}
.input_type1::placeholder{color:#999;}

.icon_r{display:block; position:relative;}
.icon_r:after{content:""; position:absolute; right:18px; top:50%;}

.icon_r.id:after{width:28px; height:23px; margin-top:-11.5px; background-image:url("../images/join/icon_id.png");}
.icon_r.pw:after{width:23px; height:30px; margin-top:-15px; background-image:url("../images/join/icon_pw.png");}
.icon_r.pw2:after{width:23px; height:30px; margin-top:-15px; background-image:url("../images/join/icon_pw2.png");}

.login_input_list{margin-bottom:25px;}
.login_input_list li{margin-top:25px;}
.login_input_list li:first-child{margin-top:0;}
.login_input_list label{display:block; margin-bottom:10px; font-size:24px; color:#033333; font-weight:300;}

.d_check{display:inline-block; position:relative;}
.d_check input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0;}
.d_check label{display:inline-block; padding-left:32px; 
  font-size:20px; color:#333; font-weight:300; cursor:pointer; position:relative;
}
.d_check label:before{content:""; width:20px; height:20px; margin-top:-10px;
  background-color:#fff; border:1px solid #ccc; 
  position:absolute; left:0; top:50%;
}

.d_check input[type="checkbox"]:focus{border-color:#000;}
.d_check input[type="checkbox"]:checked + label:before{background:#fff url("../images/join/check_on.png") no-repeat center center;}


.btn_login_area{margin-top:37px;}
.btn_login{display:inline-block; width:100%; height:60px; border-radius:3px;
  font-size:24px; color:#fff; text-align:center; line-height:60px;
}

.join_link_area{margin-top:30px;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}
.join_link_area a{padding-left:14px; margin-left:14px; font-size:20px; color:#333; font-weight:300; position:relative;}
.join_link_area a:before{content:""; width:1px; height:19px; margin-top:-9.5px; background-color:#ccc;
  position:absolute; left:0; top:50%;
}
.join_link_area a:first-child{padding-left:0; margin-left:0;}
.join_link_area a:first-child:before{display:none;}

.login_notice{padding:20px 0; margin-top:30px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; 
  font-size:20px; color:#666; font-weight:300;
}

.sns_login{margin-top:35px;}
.sns_login li{float:left; width:49.1%; margin-top:8px;}
.sns_login li:nth-child(even){float:right;}
.sns_login li a{display:block; height:57px; background-color:#fafafa; border:1px solid #ccc;
  font-size:20px; color:#033333; line-height:57px; font-weight:300; text-indent:72px; position:relative;
}
.sns_login li a:before{content:""; width:53px; height:57px; background-position:center center; background-repeat:no-repeat;
  border-right:1px solid #e4e4e4;
  position:absolute; left:0; top:0;
}
.sns_login li .facebook:before{background-image:url("../images/join/login_facebook.png");}
.sns_login li .naver:before{background-image:url("../images/join/login_naver.png");}
.sns_login li .google:before{background-image:url("../images/join/login_google.png");}
.sns_login li .kakao:before{background-image:url("../images/join/login_kakao.png");}


/* 약관 동의 */
.all_agree{margin:0 -60px; padding:20px 65px 20px 63px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;
  font-size:24px; color:#333; line-height:34px; position:relative;
}

.d_check2{display:inline-block; position:relative;}
.d_check2 input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0;}
.d_check2 label{display:inline-block; width:36px; height:36px; 
  font-size:20px; color:transparent; line-height:36px; cursor:pointer; position:relative;
}
.d_check2 label:before{content:""; width:36px; height:36px; margin-top:-18px; border:2px solid #cecece; border-radius:30px;
  background:url("../images/join/check2_off.png") no-repeat center center; 
  position:absolute; left:0; top:50%;
}
.d_check2 input[type="checkbox"]:focus + label{border-color:#999;}
.d_check2 input[type="checkbox"]:checked + label:before{background:url("../images/join/check2_on.png") no-repeat center center;}

.all_agree .d_check2{margin-top:-18px; position:absolute; right:65px; top:50%;}

.agree_area{margin-top:30px; position:relative;}

.title_agree{font-size:24px; color:#033333; font-weight:300;}
.title_agree strong{font-weight:300;}
.title_agree .choice{color:#999;}

.term_box_area{height:114px; margin-top:20px; padding:10px 20px; background-color:#fafafa; border:1px solid #ccc;
  font-size:24px; color:#666; line-height:34px; font-weight:300; overflow-y:auto;
}

.agree_area .d_check2{position:absolute; right:5px; top:-5px;}

.btn_join{margin-top:70px; text-align:center;}
.btn_join a{display:inline-block; width:200px; height:60px; margin:0 4px; border-radius:3px;
  font-size:24px; color:#fff; text-align:center; line-height:60px;
}

.btn_join a.no_action{background-color:#767676;}


/* 회원정보 입력 */
.mem_info_list{padding-top:30px; margin-top:28px; border-top:1px solid #eaeaea;}
.mem_info_list li{margin-top:19px;}
.mem_info_list li:first-child{margin-top:0;}

.login_logo + .mem_info_list{padding-top:0; margin-top:0; border-top:0;}

.certify_num_area{position:relative;}

.info_input_btn{width:69px; height:47px; background-color:#fafafa !important; border:1px solid #cecece !important;
  font-size:20px; color:#033333; font-weight:300; text-indent:0 !important; line-height:47px;
  position:absolute; right:6px; top:8px;
}

.certify_num_area.phone{padding-left:107px;}

.select_type1{width:108px; height:63px; padding-left:15px;
  /*background:url("../images/join/arrow_select.png") no-repeat 82.07% center; border:1px solid #ccc; */
  font-size:26px; line-height:63px; font-weight:300;
}

.certify_num_area.phone .select_type1{position:absolute; left:0; top:0; z-index:2;}

.new_term_area{margin-top:20px; text-align:right;}
.new_term_area .info_input_btn{display:inline-block; width:auto; padding:0 15px; line-height:47px;
  position:static;
}


/* 가입완료 */
.welcome_text{font-size:26px; color:#666; font-weight:300; text-align:center;}
.welcome_text strong{margin-left:29px; border-bottom-width:1px; border-bottom-style:solid; font-weight:300; position:relative;}
.welcome_text strong:before{content:""; width:29px; height:29px; background-image:url("../images/join/icon_mem.png");
  position:absolute; left:-38px; top:7px;
}

.event_img{margin-top:25px;}
.event_img img{border:1px solid #ccc;  max-width:100%;}

.save_login_list{margin-top:20px;}
.save_login_list li{margin-top:13px;}
.save_login_list li:first-child{margin-top:0;}

.save_login_list + .btn_login_area{margin-top:50px;}


/* 간편로그인 */
.top_bg_area{margin:0 -60px; padding:30px 60px 30px; 
  background-color:#fafafa; border-top:1px solid #ccc; border-bottom:1px solid #ccc;
}

.title_login_simple{font-size:24px; color:#033333; font-weight:300;}

.btn_simple_login{display:block; height:61px; margin-top:10px; margin-bottom:33px;
  background:#fff url("../images/join/check_id.png") no-repeat 22px center; border:1px solid #ccc;
  font-size:26px; color:#666; line-height:61px; font-weight:300; text-indent:60px;
}


.other_id_area{margin-top:34px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.other_id_area a{display:block; padding:19px 0 20px 52px; background:url("../images/join/icon_plus.png") no-repeat 12px center;
  font-size:24px; color:#666;
}


/* 아이디 찾기 */
.title_search_join{font-size:28px; color:#333; font-weight:700;}
.text_search_join{margin-top:10px; font-size:24px; color:#333;}

.search_list{margin:0 -60px;}
.search_list > li{padding:27px 60px; border-bottom:1px solid #d4d4d4;}


.d_radio{display:inline-block; position:relative;}
.d_radio input[type="radio"]{opacity:0; position:absolute; left:0; top:0;}
.d_radio label{display:inline-block; padding-left:45px; 
  font-size:24px; color:#033333; cursor:pointer; position:relative;
}
.d_radio label:before{content:""; width:30px; height:30px; margin-top:-15px;
  background:url("../images/join/radio_off.png") no-repeat center center;
  position:absolute; left:0; top:50%;
}


.search_input_area{margin-top:10px; padding-bottom:17px; display:none;}
.descript_search{margin-left:48px; margin-bottom:20px; font-size:20px; color:#666; line-height:28px; font-weight:300;}
.descript_search span{display:block; font-weight:300;}

.search_list .certify_num_area{margin:10px 0;}

.search_input_area.name .descript_search{margin-bottom:0;}


/* 본인 휴대전화 인증 */
.phone_certify_agree{margin:0 -60px 28px; padding:24px 60px 40px; border-bottom:1px solid #d4d4d4;}

.d_check2.txt label{width:auto; padding-left:50px; color:#033333; font-weight:300;}

.mobile_agree_all .d_check2.txt label{font-size:24px; font-weight:400;}

.mobile_agree_list{margin-left:50px; margin-top:20px;}
.mobile_agree_list li{margin-top:12px; position:relative;}
.mobile_agree_list li:first-child{margin-top:0;}
.mobile_agree_list a{border-bottom:1px solid #ccc; font-size:20px; color:#666; font-weight:300; 
  position:absolute; right:0; top:4px;
}

.certify_num_area.gender{height:63px; margin:10px 0; padding-right:7px; border:1px solid #ccc; 
  text-align:right; line-height:63px;
}
.certify_num_area.gender .select_type1{width:147px; border:0; border-right:1px solid #ccc; position:absolute; left:0; top:0;}

.d_radio_box{display:inline-block; position:relative;}
.d_radio_box input[type="radio"]{opacity:0; position:absolute; left:0; top:0;}
.d_radio_box label{display:inline-block; width:67px; height:45px; border:1px solid #ccc;
  font-size:20px; color:#999; text-align:center; line-height:45px; font-weight:300; cursor:pointer;
}
.d_radio_box input[type="radio"]:checked + label{color:#033333;}

.certify_num_area.tele{margin:10px 0; padding-left:146px;}
.certify_num_area.tele .select_type1{width:147px; position:absolute; left:0; top:0;}

.birth_input_area{border:1px solid #ccc;}
.birth_input_area label{display:inline-block; width:93px; height:63px; background-color:#979797;
  font-size:26px; color:#fff; line-height:63px; text-align:center; font-weight:300;
}

.birth_input_area .input_type1{border:0; text-indent:0; text-align:center;}
.birth_input_area .input_type1.year{width:23.49%;}
.birth_input_area .input_type1.day{width:29.51%;}
.birth_input_area .select_type1{width:28.42%; border-top:0; border-bottom:0;}

.tele_info_area + .btn_join{margin-top:34px;}


/* 아이디 찾기 완료 */
.result_email_list{margin:0 -60px; padding:40px 60px 50px; border-bottom:1px solid #d4d4d4;}
.result_email_list li{margin-top:30px;}
.result_email_list li:first-child{margin-top:0;}

.join_date{margin-left:42px; margin-top:10px; font-size:20px; color:#666; font-weight:300;}


.btn_search_pw{margin-top:11px;}
.btn_search_pw a{display:inline-block; width:100%; height:60px; background-color:#767676; border-radius:3px;
  font-size:24px; color:#fff; text-align:center; line-height:60px;
}

.mem_info_customer{margin-top:67px; text-align:center;}
.mem_info_customer h3{font-size:24px; color:#333; line-height:34px; font-weight:400;}
.mem_info_customer h3:before{display:inline-block; content:""; width:29px; height:27px; margin-right:12px; margin-left:-29px;
  background-image:url("../images/join/icon_customer.png");
}
.mem_info_customer li{font-size:20px; color:#333; font-weight:300; line-height:34px;}


/* 비밀번호 찾기 */
.pw_search_process{margin-top:10px; background-color:#b5b5b5; border:1px solid #ccc;}
.pw_search_process li{float:left; width:33.33%; height:39px; 
  background:url("../images/join/arrow_process.png") no-repeat 93.82% center; 
  border-left:1px solid #fafafa; box-sizing:border-box;
  font-size:20px; color:#fff; font-weight:500; text-align:center; line-height:39px; text-indent:-20px;
}
.pw_search_process li:first-child{border-left:0;}
.pw_search_process li:last-child{background-image:none; text-indent:0;}

.my_info{margin-top:8px; margin-left:45px; font-size:20px; color:#999; font-weight:300;}


/* 비밀번호 재설정 */
.new_pw_area{margin:0 -60px; padding:30px 60px 44px; border-bottom:1px solid #d4d4d4;}

.title_new_pw{font-size:24px; color:#033333; font-weight:400;}
.text_new_pw{margin-top:5px; font-size:20px; color:#666; line-height:28px; font-weight:300;}

.id_box{height:61px; margin-top:20px; border:1px solid #ccc; 
  font-size:24px; color:#033333; text-align:center; line-height:61px; font-weight:300;
}
.id_box span{font-weight:400;}

.pw_input_list{margin-top:20px;}
.pw_input_list li{margin-top:9px;}
.pw_input_list li:first-child{margin-top:0;}


.captcha_area{margin:0 -60px; padding:30px 60px 28px; border-bottom:1px solid #d4d4d4;}

.captcha_img{float:left;}

.captcha_btn_list{float:right; width:45.7%;}
.captcha_btn_list li{margin-top:8px;}
.captcha_btn_list li:first-child{margin-top:0;}
.captcha_btn_list button{width:100%; height:47px; background-color:#fafafa; border:1px solid #cecece;
  font-size:20px; color:#033333; font-weight:300; text-indent:48px; text-align:left; position:relative;
}
.captcha_btn_list button:before{content:""; position:absolute; left:18px; top:50%;}
.captcha_btn_list .reset:before{width:18px; height:18px; margin-top:-9px; background-image:url("../images/join/icon_reset.png");}
.captcha_btn_list .sound:before{width:15px; height:22px; margin-top:-11px; background-image:url("../images/join/icon_sound.png"); left:20px;}

.captcha_text{margin-top:12px;}

.notice_pw{margin-top:25px;}
.notice_pw li{margin-top:10px; padding-left:11px;
  font-size:20px; color:#666; line-height:28px; font-weight:300; position:relative;
}
.notice_pw li:before{content:"-"; position:absolute; left:0; top:0;}
.notice_pw li strong{font-weight:400;}


.pw_id_area{padding-top:40px;}
.pw_id_area label{display:block; margin-bottom:20px; font-size:24px; color:#033333; text-align:center;}


/* 레이어 팝업 */
.layer_bg{background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1110;}

.layer_pop{position:fixed; left:0; top:0; right:0; bottom:0; z-index:1112;}

.layer_area{width:529px; margin-left:-265.5px; background-color:#fff; 
  border:1px solid #cacaca; border-radius:10px;
  overflow:hidden; position:fixed; left:50%; top:50%; z-index:5;
}
.layer_area.alert{height:310px; margin-top:-156px;}

.title_layer{height:71px; background-color:#fafafa; border-bottom:1px solid #cacaca;
  font-size:28px; color:#333; font-weight:700; text-align:center; line-height:71px;
}

.title_layer.layer_logo{height:auto; padding-top:26px; padding-bottom:18px; line-height:normal;}
.title_layer.layer_logo img{vertical-align:top;}

.close_layer{width:25px; height:22px; background-image:url("../images/join/close_layer.png"); 
  text-indent:-9999px; position:absolute; right:26px; top:26px;
}

.layer_contents{padding:50px 0 0; font-size:24px; color:#333; line-height:34px; text-align:center;}

.btn_layer{margin-top:30px;}
.btn_layer_action{display:inline-block; height:42px; padding:0 30px; background-color:#333; border-radius:3px;
  font-size:20px; color:#fff; line-height:42px;
}


.layer_area.term{height:670px; margin-top:-336px;}
.layer_area.term .layer_contents{padding-top:40px;}

.layer_term_title{font-size:28px; color:#333; font-weight:700;}

.change_term_area{height:252px; padding:15px 20px; margin:20px 30px 25px;
  background-color:#fafafa; border:1px solid #ccc;
  font-size:24px; color:#666; font-weight:300; text-align:left; overflow-y:auto;
}

.u_line{color:#333; border-bottom:1px solid #333;}


/* 이전 이용약관 */
.prev_term_area{padding:17px; margin-top:40px; background-color:#eee;}
.prev_term_area label{margin-left:10px; margin-right:14px; border-bottom:1px solid #009ba9; 
  font-size:16px; color:#009ba9; font-weight:300; position:relative;
}
.prev_term_area label:before{display:block; content:""; width:4px; height:4px; background-color:#7e7e7e; border-radius:10px;
  position:absolute; left:-10px; top:10px;
}
.prev_term_area select{width:245px; height:30px; padding:0 10px; border:1px solid #cecece; 
  font-size:16px; color:#666; font-weight:300;
  -webkit-appearance:menulist-button; -moz-appearance:menulist-button; appearance:menulist-button;
}



/* sns 공유하기 */
.layer_area2{background-color:rgba(0,0,0,0.8); text-align:center; 
  position:fixed; left:0; top:0; right:0; bottom:0; z-index:20;
}
.layer_area2:before{display:inline-block; content:""; height:100%; margin-right:-0.25em; vertical-align: middle;}
.layer_share_sns{display:inline-block; width:500px; height:auto; background-color:#fff; border-radius:20px; 
  vertical-align: middle; z-index: 10;
}

.title_share{border-bottom:1px solid #d3d3d3; font-size:28px; color:#333; font-weight:500; text-align:center; line-height:72px;}

.share_list{margin-bottom:30px; margin-left:15px; text-align:left;}
.share_list li{display:inline-block; width:115px; margin-top:30px;}
.share_list li a{display:block; font-size:20px; color:#666; font-weight:100; text-align:center;}
.share_list img{display:block; margin:0 auto 15px;}

.close_share{width:100%; height:50px; border-top:1px solid #d4d4d4; font-size:22px; color:#333; font-weight:100;}



/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{
	
	.visual_sub{height:178px;}

	.title_visual{line-height:178px;}


	/* 하이어라키 */
	.hierarchy_list > li:first-child{margin-left:-30px; border-left:0;}


	.contents_sub{padding:68px 30px 112px;}


	.wrap.join .cont_center{padding:0 30px;}

}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{
	
	/* footer */
	.footer_logo{float:none; margin-right:0; text-align:center;}

	.footer_address{margin-top:15px; font-size:13px; line-height:17px;}

	
	.wrap.join{padding-top:0;}
	.wrap.join .container{padding-top:54px;}


	
	.visual_sub{height:89px;}

	.title_visual{font-size:30px; line-height:89px;}


	/* 하이어라키 */
	.hierarchy_area{border-bottom:0;
	  background: #65a7df; /* Old browsers */
	  background: -moz-linear-gradient(top,  #65a7df 0%, #2f9ae5 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(top,  #65a7df 0%,#2f9ae5 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to bottom,  #65a7df 0%,#2f9ae5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a7df', endColorstr='#2f9ae5',GradientType=0 ); /* IE6-9 */
	}
	.hierarchy_list{padding:0;}
	.hierarchy_list > li{float:none; display:none; border:0;}
	.hierarchy_list > .this{display:block;}
	.hierarchy_list > .this .hierarchy_btn{color:#fff;}

	.hierarchy_btn{width:100%; height:39px; padding-right:0; 
	  font-size:17.5px; color:#fff; font-weight:500; text-align:center; text-shadow:2.5px 2.5px 2.5px rgba(0,0,0,0.44);
	}
	.hierarchy_btn:after{display:inline-block; width:14px; height:7px; margin-top:0; margin-left:6px;
	  background-image:url("../images/m/icon/arrow_off.png"); background-size:100%;
	  vertical-align:middle; position:static; 
	}

	.hierarchy_sub{top:39px;}

	.hierarchy_list > .on .hierarchy_btn{color:#fff !important;}
	.hierarchy_list > .on .hierarchy_btn:after{background-image:url("../images/m/icon/arrow_on.png") !important; background-size:100%;}


	.contents_sub{padding:33px 15px 56px;}




	/* 회원가입 */
	.container_join{padding-top:50px; padding-bottom:84px;}

	.join_box{width:auto; margin:0 15px; padding:30px 15px 50px;}

	.login_logo{margin-bottom:34px;}
	.login_logo img{height:48px;}

	.input_type1{height:42px; font-size:18px; line-height:42px; text-indent:10px;}

	.icon_r:after{background-size:100%; right:12px;}

	.icon_r.id:after{width:19px; height:16px; margin-top:-8px;}
	.icon_r.pw:after{width:16px; height:21px; margin-top:-10px;}
	.icon_r.pw2:after{width:16px; height:21px; margin-top:-10px;}

	.login_input_list{margin-bottom:17px;}
	.login_input_list li{margin-top:17px;}
	.login_input_list label{margin-bottom:7px; font-size:13px;}

	.d_check label{padding-left:22px; font-size:14px;}
	.d_check label:before{width:14px; height:14px; margin-top:-7px;}

	.d_check input[type="checkbox"]:checked + label:before{background-size:10px;}


	.btn_login_area{margin-top:25px;}
	.btn_login{height:40px; font-size:16px; line-height:40px;}

	.join_link_area{margin-top:20px;}
	.join_link_area a{padding-left:10px; margin-left:10px; font-size:14px;}
	.join_link_area a:before{height:13px; margin-top:-6.5px;}

	.login_notice{padding:14px 0; margin-top:20px; font-size:14px;}

	.sns_login{margin-top:24px;}
	.sns_login li{margin-top:6px;}
	.sns_login li a{height:38px; font-size:14px; line-height:38px; text-indent:48px;}
	.sns_login li a:before{width:36px; height:36px; background-size:auto 60%;}


	/* 약관 동의 */
	.all_agree{margin:0 -15px; padding:14px 50px 14px 15px; font-size:16px; line-height:23px;}

	.d_check2 label{height:24px; font-size:14px; line-height:24px;}
	.d_check2 label:before{width:24px; height:24px; margin-top:-12px; border:1px solid #cecece; background-size:50%;}
	.d_check2 input[type="checkbox"]:checked + label:before{background-size:50%;}

	.all_agree .d_check2{margin-top:-12px; right:15px;}

	.agree_area{margin-top:20px;}

	.title_agree{font-size:16px;}

	.term_box_area{height:76px; margin-top:14px; padding:7px 14px; font-size:16px; line-height:23px;}

	.agree_area .d_check2{right:0; top:-1px;}

	.btn_join{margin-top:47px;}
	.btn_join a{width:134px; height:50px; margin:0 2px; font-size:16px; line-height:50px;}


	/* 회원정보 입력 */
	.mem_info_list{padding-top:20px; margin-top:20px;}
	.mem_info_list li{margin-top:13px;}

	.info_input_btn{width:46px; height:32px; font-size:14px; right:4px; top:6px;}

	.certify_num_area.phone{padding-left:72px;}

	.select_type1{width:73px; height:42px; padding-left:10px; font-size:18px; line-height:42px;}


	.new_term_area{margin-top:15px;}
	.new_term_area .info_input_btn{line-height:32px;}


	/* 가입완료 */
	.welcome_text{font-size:18px;}
	.welcome_text strong{margin-left:20px;}
	.welcome_text strong:before{content:""; width:20px; height:20px; background-size:100%; left:-26px; top:5px;}

	.event_img{margin-top:17px;}
	.event_img img{width:100%;}

	.save_login_list{margin-top:14px;}
	.save_login_list li{margin-top:9px;}

	.save_login_list + .btn_login_area{margin-top:34px;}


	/* 간편로그인 */
	.top_bg_area{margin:0 -15px; padding:20px 15px 20px;}

	.title_login_simple{margin-bottom:22px; font-size:16px;}

	.btn_simple_login{display:block; height:41px; margin-top:7px; 
	  background-size:auto 10px; background-position:15px center;
	  font-size:18px; text-indent:40px; line-height:41px;
	}


	.other_id_area{margin-top:23px;}
	.other_id_area a{padding:13px 0 13px 35px; background-size:20px; background-position:8px center;
	  font-size:16px;
	}


	/* 아이디 찾기 */
	.title_search_join{font-size:19px;}
	.text_search_join{margin-top:7px; font-size:16px; color:#333;}

	.search_list{margin:0 -15px;}
	.search_list > li{padding:18px 15px;}

	.d_radio label{padding-left:30px; font-size:16px;}
	.d_radio label:before{width:20px; height:20px; margin-top:-10px; background-size:100%;}
	.d_radio input[type="radio"]:checked + label:before{background-size:100%;}

	.search_input_area{margin-top:7px; padding-bottom:12px;}
	.descript_search{margin-left:32px; margin-bottom:14px; font-size:14px; line-height:19px;}
	.descript_search br{display:none;}

	.search_list .certify_num_area{margin:7px 0;}


	/* 본인 휴대전화 인증 */
	.phone_certify_agree{margin:0 -15px 19px; padding:16px 15px 27px;}

	.d_check2.txt label{padding-left:34px;}

	.mobile_agree_all .d_check2.txt label{font-size:16px;}

	.mobile_agree_list{margin-left:34px; margin-top:14px;}
	.mobile_agree_list li{margin-top:8px;}
	.mobile_agree_list a{font-size:14px; right:0; top:3px;}

	.certify_num_area.gender{height:42px; margin:7px 0; padding-right:5px; line-height:42px;}
	.certify_num_area.gender .select_type1{width:98px; position:absolute; left:0; top:0;}

	.d_radio_box label{width:45px; height:30px; font-size:14px; line-height:30px;}

	.certify_num_area.tele{margin:7px 0; padding-left:97px;}
	.certify_num_area.tele .select_type1{width:98px;}

	.birth_input_area label{width:62px; height:42px; font-size:18px; line-height:42px;}

	.tele_info_area + .btn_join{margin-top:23px;}


	/* 아이디 찾기 완료 */
	.result_email_list{margin:0 -15px; padding:27px 15px 34px;}
	.result_email_list li{margin-top:20px;}

	.join_date{margin-left:28px; margin-top:7px; font-size:14px;}


	.btn_search_pw{margin-top:7px;}
	.btn_search_pw a{height:40px; font-size:16px; line-height:40px;}

	.mem_info_customer{margin-top:45px;}
	.mem_info_customer h3{font-size:16px; line-height:23px;}
	.mem_info_customer h3:before{width:20px; height:18px; margin-right:8px; margin-left:-20px; background-size:100%;}
	.mem_info_customer li{font-size:14px; line-height:23px;}


	/* 비밀번호 찾기 */
	.pw_search_process{margin-top:7px;}
	.pw_search_process li{height:26px; background-size:12px; font-size:14px; line-height:26px; text-indent:-12px;}

	.my_info{margin-top:6px; margin-left:30px; font-size:14px;}


	/* 비밀번호 재설정 */
	.new_pw_area{margin:0 -15px; padding:20px 15px 31px;}

	.title_new_pw{font-size:16px;}
	.text_new_pw{margin-top:4px; font-size:14px; line-height:19px;}

	.id_box{height:41px; margin-top:14px; font-size:16px; line-height:41px;}

	.pw_input_list{margin-top:14px;}
	.pw_input_list li{margin-top:6px;}


	.captcha_area{margin:0 -15px; padding:20px 15px 19px;}

	.captcha_img{float:none;}
	.captcha_img img{width:100%;}

	.captcha_btn_list{float:none; width:100%; margin-top:10px;}
	.captcha_btn_list li{margin-top:6px;}
	.captcha_btn_list button{height:32px; font-size:14px; text-indent:32px;}
	.captcha_btn_list button:before{background-size:100%; left:12px;}
	.captcha_btn_list .reset:before{width:12px; height:12px; margin-top:-6px;}
	.captcha_btn_list .sound:before{width:10px; height:15px; margin-top:-7.5px; left:14px;}

	.captcha_text{margin-top:8px;}

	.notice_pw{margin-top:17px;}
	.notice_pw li{margin-top:7px; padding-left:8px; font-size:14px; line-height:19px;}


	.pw_id_area{padding-top:27px;}
	.pw_id_area label{margin-bottom:14px; font-size:16px;}


	/* 레이어 팝업 */
	.layer_pop{
	  display:-webkit-box; display:-webkit-flex; display:flex;     
	  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
      -webkit-box-align:center; -ms-flex-align:center; align-items:center;
    }

	.layer_area{width:264px; margin-left:0; padding-bottom:20px; border-radius:5px; 
	  position:relative; top:0; left:0;
	}
	.layer_area.alert{height:auto; margin-top:0;}

	.title_layer{height:48px; font-size:19px; line-height:48px;}

	.title_layer.layer_logo{padding-top:18px; padding-bottom:12px;}
	.title_layer.layer_logo img{height:36px;}

	.close_layer{width:17px; height:15px; background-size:100% 100%; right:18px; top:18px;}

	.layer_contents{padding:34px 0 0; font-size:16px; line-height:23px;}

	.btn_layer{margin-top:20px;}
	.btn_layer_action{height:28px; padding:0 20px; font-size:14px; line-height:28px;}


	.layer_area.term{height:auto; margin-top:0;}
	.layer_area.term .close_layer{top:27px;}
	.layer_area.term .layer_contents{padding-top:27px;}

	.layer_term_title{font-size:19px;}

	.change_term_area{height:168px; padding:10px 14px; margin:14px 20px 17px; font-size:16px;}

	.btn_top{position:fixed; right:10px; bottom:10px;}	
	.btn_top img{width:45px; height:45px;}


	/* 이전 이용약관 */
	.prev_term_area{padding:17px; margin-top:40px; background-color:#eee;}
	.prev_term_area label{display:block; margin-right:0; margin-bottom:10px; border-bottom:0;}
	.prev_term_area label:before{top:7px;}
	.prev_term_area select{width:100%;}


	/* sns 공유하기 */
	.layer_share_sns{width:300px;}

	.title_share{font-size:14px; line-height:36px;}

	.share_list{margin-bottom:15px; margin-left:7px;}
	.share_list li{width:70px; margin-top:15px;}
	.share_list li a{font-size:12px;}
	.share_list img{width:35px; margin:0 auto 7px;}

	.close_share{height:25px; font-size:12px;}
}