/* common */

/*#container .member_wrap{ margin:25px auto 70px auto; overflow:hidden; border:1px solid #E5E5E5; padding:40px 60px 60px 60px; width:980px;}*/

#container .member_wrap{ margin:25px auto 70px auto; overflow:hidden; border:1px solid #E5E5E5; padding:40px 60px 60px 60px; width:1102px;}

#container .member_wrap h3{ padding:5px 0px 20px; color: #424242; font-size: 30px; font-weight: 600; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 2px; border-bottom-style: dotted; margin-bottom:20px;}
#container .member_wrap .member_title{ margin:10px 0 30px 0; clear:both; }
#container .member_wrap .member_title .txt{ padding:10px 0 0 0; line-height:17px; font-size:13px; line-height:18px}
#container .member_wrap .member_title .big {display:inline-block; font-size:15px; font-weight:600; color:#333; padding-bottom:5px;}
#container .member_wrap .gray_bg { padding:30px 50px 30px 50px !important; border:1px solid #e5e5e5; background:#fcfcfc; width:95%; margin-left:-30px;}


/* login, find input */

#container .member_wrap .input_wrap{}
#container .member_wrap .input_wrap li{ margin-bottom:5px}
/*#container .member_wrap .input_wrap input{ height: 20px; border:1px solid #cfcfd1; padding: 4px 0px 3px 5px; width: 275px; color: rgb(136, 136, 136); font-size: 13px;}*/

#container .member_wrap .input_wrap input{ height: 30px; border:1px solid #cfcfd1; padding: 4px 0px 3px 5px; width:333px; color: rgb(136, 136, 136); font-size: 13px;}


#container .member_wrap .input_wrap input::placeholder {color:#ccc;}
#container .member_wrap .input_wrap input::-webkit-input-placeholder {color:#ccc;}
#container .member_wrap .input_wrap input:-ms-input-placeholder {color:#ccc;}



#container .member_wrap .input_wrap input:focus{ border:1px solid #777777}
#container .member_wrap .input_wrap .id_bg { background:#FFFFFF url(../image/member/id_bg.gif) left -1px no-repeat}
#container .member_wrap .input_wrap .pw_bg { background:#FFFFFF url(../image/member/pw_bg.gif) left -1px no-repeat;} 
#container .member_wrap .input_wrap .name_bg { background:#FFFFFF url(../image/member/name_bg.gif) left -1px no-repeat;} 
#container .member_wrap .input_wrap .email_bg { background:#FFFFFF url(../image/member/email_bg.gif) left -1px no-repeat;} 
#container .member_wrap .input_wrap .res_no_bg { background:#FFFFFF url(../image/member/res_no_bg.gif) left -1px no-repeat;} 
#container .member_wrap .input_wrap .hp_bg { background:#FFFFFF url(../image/member/phone_bg.gif) left -1px no-repeat;}


/* m_process_wrap*/
#container .member_wrap .step_tit { font-size: 24px; font-weight: bold; color:#424242;  padding-bottom:10px;}

#container .member_wrap .m_process_wrap {overflow:hidden; }
#container .member_wrap .m_process_wrap .process_step {overflow:hidden; margin-bottom:30px;}
#container .member_wrap .m_process_wrap li {float:left; margin-right:15px; position:relative; width:32%; height:90px;}
#container .member_wrap .m_process_wrap li div{margin-right:10px;background:#f1f1f1; border:1px solid #e2e2e2;  width:100%; height:75px; border-radius:10px; }
#container .member_wrap .m_process_wrap li strong {display:block;font-weight:600; font-size:24px; color:#676767; padding:0px 0 0 40%;}
#container .member_wrap .m_process_wrap li span {display:block; font-weight:600; font-size:12px; color:#9d9d9d; font-family:Verdana; padding:13px 0 0 40%;}
#container .member_wrap .m_process_wrap li.last {margin-right:0;}

#container .member_wrap .m_process_wrap li.on {background: url(../image/member/process_on.png) center bottom no-repeat;}
#container .member_wrap .m_process_wrap li.on div{background:#d53738; border:1px solid #d53738;  }
#container .member_wrap .m_process_wrap li.on strong {color:#fff; }
#container .member_wrap .m_process_wrap li.on span{color:#fff; }

#container .member_wrap .m_process_wrap li .step01 {background:#f1f1f1 url(../image/member/process_s1_off.png) 20% 48% no-repeat;}
#container .member_wrap .m_process_wrap li .step02 {background:#f1f1f1 url(../image/member/process_s2_off.png) 20% 48% no-repeat;}
#container .member_wrap .m_process_wrap li .step03 {background:#f1f1f1 url(../image/member/process_s3_off.png) 17% 48% no-repeat; }
#container .member_wrap .m_process_wrap li.on .step01 {background:#d53738 url(../image/member/process_s1_on.png) 20% 48% no-repeat;}
#container .member_wrap .m_process_wrap li.on .step02 {background:#d53738 url(../image/member/process_s2_on.png) 20% 48% no-repeat;}
#container .member_wrap .m_process_wrap li.on .step03 {background:#d53738 url(../image/member/process_s3_on.png) 17% 48% no-repeat;}


/* login */

#container .member_wrap .member_input{ border: 1px solid #e5e5e5; overflow:hidden; position: relative;box-shadow: 5px 5px 11px #ccc;margin-bottom:20px}
/*#container .member_wrap .con_box.lo_left { width:388px; border-right:1px dotted #ddd; padding: 50px; position: relative; }*/
/*#container .member_wrap .con_box.lo_right { width:389px; position:relative; padding:50px;}*/


#container .member_wrap .con_box.lo_left { width:449px; border-right:1px dotted #ddd; padding: 50px; position: relative; }
#container .member_wrap .con_box.lo_right { width:449px; position:relative; padding:50px;}


#container .member_wrap .con_box .btn_login {background-color: #FA7B24; right: 50px; margin: 0 0 0 10px; position: absolute; text-align: center; top:50px; width: 90px;
color:#FFFFFF; font-size:14px; cursor:pointer; border-radius:8px;}
#container .member_wrap .con_box .btn_login a{ color:#FFFFFF; padding:32px 0 30px 0; display:block;border-radius: 8px;}
#container .member_wrap .con_box.lo_right .btn_login {background:#a0a8b3;}
#container .member_wrap .con_box h4 {position:absolute; top:-30px; left:50px; }

#container .member_wrap .con_box .sns_login{border-top:1px dashed #ddd; padding-top:20px; margin-top:20px; overflow:hidden; text-align:center}
#container .member_wrap .con_box .sns_login .btn_login{width:auto; right:0; top:0; position:relative; display:inline-block; margin:0; margin-bottom:5px;}
#container .member_wrap .con_box .sns_login .btn_login:last-child{margin-bottom:0}
#container .member_wrap .con_box .sns_login .btn_login a{padding:0; display:block; width:447px; height:46px; line-height:46px; font-size:14px; font-weight:500; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#container .member_wrap .con_box .btn_login.facebook a{ border:1px solid #0866ff; background-color: #0866ff; color:#fff;border-radius: 8px;}
#container .member_wrap .con_box .btn_login.facebook a i{border-right:1px solid #365dac;}
#container .member_wrap .con_box .btn_login.google a{ border:1px solid #000000; background-color: #ffffff; color:#000000;border-radius: 8px;}
#container .member_wrap .con_box .btn_login.google a i{border-right:1px solid #ee3021;}
#container .member_wrap .con_box .btn_login.kakao a{border:1px solid #eae106; background-color: #f5ec09; color:#381a1c;border-radius: 8px;}
#container .member_wrap .con_box .btn_login.kakao a i{border-right:1px solid #eae106;}
#container .member_wrap .con_box .btn_login.naver a{border:1px solid #1eaa10; background-color: #1EC800; color:#fff;border-radius: 8px;}
#container .member_wrap .con_box .btn_login.naver a i{border-right:1px solid #1eaa10;}
#container .member_wrap .con_box .btn_login.wechat a{border:1px solid #0da33b; background-color: #14b24b; color:#fff;border-radius: 8px;}
#container .member_wrap .con_box .btn_login.wechat a i{border-right:1px solid #0da33b;}
#container .member_wrap .con_box .btn_login a i{height:46px; line-height:46px; width:50px; position:absolute; left:0px; }
#container .member_wrap .con_box .btn_login a span{display:block; margin-left:18px}



#container .member_wrap .member_banner{ clear:both; border:1px solid #dbdbdb;  overflow:hidden;box-shadow:5px 5px 11px #ccc}
#container .member_wrap .member_banner li {	float: left; padding:0px 0 0 0px;background: url(../image/member/login_bg.gif) repeat-x  0 0; width:49.9%}
/*#container .member_wrap .member_banner li a {	display:block;  height:68px;   padding:20px 0 0 100px; text-decoration:none;}*/
#container .member_wrap .member_banner li a {	display:block;  height:68px;   padding:13px 0 0 100px; text-decoration:none;}
#container .member_wrap .member_banner li a span{font-size:13px}

#login_frm label{font-size:13px}

#container .member_banner .ban_join {border-right:1px solid #e5e5e5; }

/*#container .member_banner .ban_join a{ background: url(../image/member/btn_join.png) no-repeat 115px 21px ;}*/
/*#container .member_banner .ban_find a{background: url(../image/member/btn_find.png) no-repeat 115px 21px ;}*/

#container .member_banner .ban_join a{background: url(../image/member/btn_join.png) no-repeat 115px 13px ;}
#container .member_banner .ban_find a{background: url(../image/member/btn_find.png) no-repeat 115px 13px ;}


#container .member_banner .ban_join a:hover { background: url(../image/member/btn_join_on.png) no-repeat 115px 21px;}
#container .member_banner .ban_find a:hover {background: url(../image/member/btn_find_on.png) no-repeat 115px 21px;}
#container .member_banner strong { font-size:15px; font-weight:600; padding:2px 0 0px 80px; display:block;}
#container .member_banner span { padding-left:80px;}

#container .member_wrap .login_box{ border:1px solid #e5e5e5; background-color:#fcfcfc; padding:40px 10px 50px 90px; margin:0 auto; width:696px; position:relative}
#container .member_wrap .login_box h3{ padding-bottom:5px; font-size:14px; font-weight:600; color:#333333 ; border:none;}
#container .member_wrap .login_box .login_input{}
#container .member_wrap .login_box .login_input input{ border:1px solid #dddddd; width:300px; height:23px; margin-bottom:6px; padding:5px 0 0 5px; vertical-align:middle}
#container .member_wrap .login_box .login_input .id_bg { background:#FFFFFF url(../image/member/id_bg.gif) left 0 no-repeat} 
#container .member_wrap .login_box .login_input .name_bg { background:#FFFFFF url(../image/member/name_bg.gif) left 0 no-repeat} 
#container .member_wrap .login_box .login_input .fname_bg { background:#FFFFFF url(../image/member/fname_bg.gif) left 0 no-repeat;} 
#container .member_wrap .login_box .login_input .email_bg { background:#FFFFFF url(../image/member/email_bg.gif) left 0 no-repeat;} 
#container .member_wrap .login_box .login_input .pw_bg { background:#FFFFFF url(../image/member/pw_bg.gif) left 0 no-repeat;} 
#container .member_wrap .login_box .login_input .repw_bg { background:#FFFFFF url(../image/member/repw_bg.gif) left 0 no-repeat;} 
#container .member_wrap .login_box .login_input .tel_bg { background:#FFFFFF url(../image/member/tel_bg.gif) left 0 no-repeat;}
#container .member_wrap .login_box .login_input .mobile_bg { background:#FFFFFF url(../image/member/mobile_bg.gif) left 0 no-repeat;}
#container .member_wrap .login_box .login_input .birth_bg { background:#FFFFFF url(../image/member/birth_bg.gif) left 0 no-repeat} 
#container .member_wrap .login_box .login_input .enm1_bg { background:#FFFFFF url(../image/member/enm1_bg.gif) left 0 no-repeat} 
#container .member_wrap .login_box .login_input .enm2_bg { background:#FFFFFF url(../image/member/enm2_bg.gif) left 0 no-repeat} 

#container .member_wrap .login_box .login_input select{ width:281px; border:1px solid #dddddd; padding:3px 2px 3px 15px; height:30px; color:#929292; font-size:14px; vertical-align:top}
#container .member_wrap .login_box .btn_login01{ position:absolute; top:50px; left:415px;}
#container .member_wrap .login_box .btn_login02{ position:absolute; top:50px; left:615px;}
#container .member_wrap .login_box .input_txt{ padding:10px 0 0 15px; clear:both }
#container .member_wrap .login_box .input_txt a{ text-decoration:underline; color:#01a9a1}
#container .member_wrap .login_box .input_txt input{ vertical-align:middle}
#container .member_wrap .login_box .input_txt label{ position:relative; top:2px; color:#5c5c5c; font-size:13px;}
#container .member_wrap .login_box .pw_check{ text-decoration:underline; color:#5c5c5c; font-size:13px; padding:20px 0 0 18px}
*:first-child+html #container .member_wrap .login_box .pw_check{ padding:20px 0 0 25px;}
#container .member_wrap .login_box .bg_dot{ background:url(../image/member/bg_dot.gif) left top repeat-x; margin-top:30px; padding-top:30px; width:387px}

#container .member_wrap .login_box .rule{ }
#container .member_wrap .login_box .rule .person { background:#ffffff; color:#929292; border:1px solid #DDDDDD ; min-height:100px; padding:15px; overflow-x:hidden; overflow-y:scroll; width:590px; height:100px;}
#container .member_wrap .login_box .rule .userule { background:#ffffff; color:#929292;  border:1px solid #CFCFD1; min-height:100px; padding:15px; overflow-x:hidden;overflow-y:scroll; width:590px;height:100px;}
#container .member_wrap .login_box .rule .agree{ overflow:hidden; padding-top:20px;}
#container .member_wrap .login_box .rule .agree li{ float:left; padding-left:15px}
#container .member_wrap .login_box .rule .agree input{ vertical-align:middle; margin-right:3px}
#container .member_wrap .login_box .rule .agree label{ position:relative; top:2px; font-size:13px; color:#5C5C5C}

#container .member_wrap .btn_join{ text-align:center; margin-top:30px}
#container .member_wrap .btn_join_ok a{ padding:15px 0; display:block; font-size:16px; font-weight:600; color:#FFFFFF; background-color:#dc2929; width:120px; text-align:center; margin:0 auto}
#container .member_wrap .join_ok{ border:1px solid #e5e5e5; background-color:#fcfcfc; padding:50px 80px; margin:0 auto; width:550px; position:relative}
#container .member_wrap .join_ok h3{ color:#39393B; font-size:23px; font-weight:600; line-height:28px; text-align:center}
#container .member_wrap .join_ok p{ font-size:13px; font-weight:normal; color:#5C5C5C; padding-top:10px; line-height:22px; text-align:center}
#container .member_wrap .join_ok .btn_join_ok{ margin-top:20px; text-align:center}



/* join */

#container .member_wrap .pt60{ padding-top:60px}
#container .member_wrap .table_l td {color:#999;}



/* rule */

#container .member_wrap .con_box2 { clear:both; overflow:hidden; margin-top:20px}
#container .member_wrap .con_box2 .iframe { margin: 0px auto; padding: 15px 15px 15px 15px; border: 1px solid #dbdbdb; height: 150px; background:#fff;}
#container .member_wrap .con_box2 .iframe .agree_box { height: 150px; -ms-overflow-y: scroll; overflow-y:scroll;  border-style:none; padding-right:10px;}
#container .member_wrap .con_box2 .check { margin: 10px 0px 0px; width: 300px; text-align: right; float: right; padding-bottom:0px; }
#container .member_wrap .con_box2 .check label {font-size:16px; color:#ff6d0c;}
#container .member_wrap .con_box2 .iframe h3 {	padding: 0px 0px 10px 0; font-size: 18px; font-weight: 600; color:#333333; position:static;}
#container .member_wrap .con_box2 h4 {	padding: 0px 0px 10px 5px; font-size: 15px; font-weight: 600; color:#333333; position:static}

/* 약관 */
#container .rule_wrap{ line-height:20px; }
#container .rule_wrap .agree_rule_tit{}
#container .rule_wrap .agree_rule{ color: #9e9d9d; font-size: 13px; padding-left: 10px; display: block;}
#container .rule_wrap .agree_rule_tit .agree_rule{ color: #747474; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 6px; padding-left: 10px;}
#container .rule_wrap p {border-bottom: 1px solid #dddddd;padding-bottom: 15px;margin-bottom: 15px;}
#container .rule_wrap .agree_rule_tit {border-bottom:0;padding: 0;margin: 0;}
#container .rule_wrap p.rule_last{ border-bottom: 0; padding: 0; margin: 0;}

#container .rule_wrap .detail{}
#container .rule_wrap .detail h3{ margin-bottom: 5px; border: 0; padding-top: 50px;}

/*#container .rule_wrap .detail h3.pt0{ padding-top: 0px;}*/
#container .rule_wrap .detail h3.pt0{ padding-top: 0px;font-size:15px}


#container .rule_wrap dl{ border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 10px;}
/*#container .rule_wrap dl > dt{ color: #333; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 7px; padding-left: 10px; line-height: 22px;}*/
#container .rule_wrap dl > dt{ color: #333; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 7px; padding-left: 10px; line-height: 22px;font-size:13px}
#container .rule_wrap dl > dd{ color: #9e9d9d; font-size: 13px; padding-left: 10px; display: block; padding-top: 5px;}
#container .rule_wrap dl > dd .txt{ display: block; line-height:20px;}
#container .rule_wrap dl > dd .txt ul{ padding-left: 10px;}
#container .rule_wrap dl > dd .txt li{}





/* join_ok */

#container .member_wrap .join{}
#container .member_wrap .join .ok_type{ text-align:center; border:1px solid #E5E5E5;  padding:40px 10px 30px 10px; margin-top:20px; }
#container .member_wrap .join .ok_type .title{ font-size:20px; font-weight:600; color:#333333; padding-bottom:20px; }
#container .member_wrap .join .ok_type .title  strong {color:#d53738;}
#container .member_wrap .join .ok_type .txt{ font-size:14px; line-height:22px; color:#7d7d7d}
#container .member_wrap .join .ok_type .txt2{ font-size:16px; padding:10px 0 20px 0; color:#424242; font-weight:600;}
#container .member_wrap .join .ok_type .txt2 strong {font-size:18px; font-weight:bold; color:#333;}
#container .member_wrap .join .ok_type .txt2 .color {color:#d53738; font-weight:bold; }



/* member_agent */

.login_wrap{ width:100%; overflow:hidden; }
.login_wrap .logo{text-align:center; vertical-align:bottom; margin-bottom:30px;}
.login_wrap .login {width:600px; text-align:center;margin : 0 auto 100px auto; border:1px solid #cccccc; background: #fff url(../image/login/logo_gray.jpg) no-repeat 468px 12px;
		border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.login_wrap .login .form_wrap {border-bottom:1px solid #cccccc; overflow:hidden; padding:50px 0 25px 0;}
.login_wrap .login .form{overflow:hidden; width:504px; margin:0 auto;}
.login_wrap .login .form .tit {text-align:left; font-weight:bold; margin-bottom:5px; font-size:14px;}
.login_wrap .login .form .txt {overflow:hidden; clear:both; padding-top:20px; text-align:left; color:#888; font-size:12px}
.login_wrap .login .form input {border:none; border:1px solid #ccc; height:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:6px;}
.login_wrap .login .form input[type="text"] {float:left; width:150px; padding:2px 10px;}
.login_wrap .login .form input[type="password"] {float:left; width:200px; padding:2px 10px;}
.login_wrap .login .form button { float:left; height:35px; width:90px; text-align:center;  margin-right:6px; color:#ff6000; font-size:12px; line-height:32px; cursor:pointer;
						border:1px solid #ff6000; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.login_wrap .login .input{border:1px solid #c0c0c0; background-color:#fff!important; height:18px;}
.login_wrap .login .btn {border:1px solid #404040; float:left; padding: 7px 12px 8px 12px; color:#404040;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.notice_wrap{ /*margin:0 auto; width:600px;*/ background:#f1f3f6; border-radius:0 0 8px 8px; padding:20px 0 15px 53px; text-align:left; overflow:hidden;}
.notice_wrap .notice{overflow:hidden; width:500px; margin:0 auto; overflow:hidden;  position:relative; padding-bottom:30px;}
.notice_wrap .notice p {float:left; font-size:14px; font-weight:bold; margin-right:30px;}
.notice_wrap .notice .list_wrap { float:left;}
.notice_wrap .notice .list_wrap .list {clear:both; width:420px; display:block;}
.notice_wrap .notice .list_wrap .list li {margin-bottom:3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:420px;}
.notice_wrap .notice .c_paging {position:absolute;display:table;bottom:0;left:0;width:100%;}
.notice_wrap .notice .c_paging_inner {display:table-cell;text-align:center;vertical-align:middle}
.notice_wrap .notice .c_paging_wrap {display:inline-block;}
.notice_wrap .notice .c_paging {clear:both; margin-top:10px; overflow:hidden;}
.notice_wrap .notice .c_paging li {float:left; margin:0 1px; height:23px;}
.notice_wrap .notice .c_paging li.first {font-weight:bold; color:#ed1b1e;}
.notice_wrap .notice .c_paging li span {padding:0 6px;}

#footer {z-index:1; background:#252525; color:#888; font-size:12px; position:fixed; text-align:center;  display:block; left:0px; bottom:0; width:100%; height:30px; padding-top:10px;}
#footer img {width:80px;}
#footer a{color:#fff}



.noMemberWordArea{line-height:22px}
