@charset "utf-8";
/* 기본속성 및 모바일 최적화된 css */
*{-webkit-text-size-adjust:none}

/* common */
html{background:#e4e6e7; color:#252525;scrollbar-face-color:#fff; scrollbar-shadow-color:#ccc; scrollbar-highlight-color:#ccc; scrollbar-3dlight-color:#ccc; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#ccc;}
body{height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, figcaption, table { margin: 0; padding: 0; }
table {border-collapse: collapse; border-spacing: 0}
fieldset, img{ border: 0 }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal }
ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
a, a:link, a:visited, a:active {text-decoration: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption {display:none}
img{vertical-align:middle;}
input{vertical-align:middle;}
body{font-family:"Malgun Gothic","맑은고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif; font-size:1em;}

#header{position:relative; height:60px; text-align:center;}
#header h1{font-weight: bold; font-size: 22px; text-align: center; letter-spacing: -1px; padding-top:16px; display: block;}
#header .home{display:inline-block; position:absolute; display:inline-block;  background:url(../images/logo.png) no-repeat;  top:18px; left:20px; background-size:40px 23px; width:40px; height:23px; text-indent:-9999px;}


#wrap_process{padding-bottom:8px;}
#wrap_process ul{height:45px; border-radius:3px; background:url(../images/bg_process.png) repeat-x; border-bottom:1px solid #93999f; overflow:hidden; }
#wrap_process ul li{float:left;text-align:center; padding:14px 0; background:url(../images/step_bg.png) no-repeat right center; font-size:0.85em; background-size:15px 59px; color:#93999f; letter-spacing:-1px;}
#wrap_process ul li.step1{width:22%; text-indent:-3px;}
#wrap_process ul li.step2{width:28%; text-indent:-8px;}
#wrap_process ul li.step3{width:28%; text-indent:-8px;}
#wrap_process ul li.step4{width:22%; background:none; text-indent:-3px;}
#wrap_process ul li.ing{font-weight:bold; color:#1d63b4;}

#wrap_content{overflow:hidden; position:relative; background:#fff; margin-bottom:10px; padding-bottom:10px; /*min-height:200px;*/}

.wrap_info{padding:20px 25px;}
.wrap_info h3{font-weight:bold; font-size:16px;}

/*타이틀 영역*/
h2.tit{font-size:18px; vertical-align:top; margin-bottom:10px; letter-spacing:-1px;}
.t_id_search{background:url(../images/bl_search.png) no-repeat left bottom; background-size:18px 18px; padding-left:24px; }
.t_myinfo{background:url(../images/bl_info.png) no-repeat left bottom; background-size:18px 17px; padding-left:24px; }

/*탭메뉴*/
#wrap_tb_mn {overflow:hidden; margin:0;}
#wrap_tb_mn li{width:50%; float:left; background:#eee; font-size:0.95em; letter-spacing:-1px;}
#wrap_tb_mn li a{display:block; padding:20px 0; text-align:center; color:#93999f;}
#wrap_tb_mn li.selected a{background:#fff; font-weight:bold; color:#1d63b4}

#wrap_tb_mn4 {overflow:hidden; margin:0;}
#wrap_tb_mn4 li{width:25%; float:left; background:url(../images/dash_bd.png) no-repeat right bottom #f4f4f4; font-size:0.8em; letter-spacing:-1px;  }
#wrap_tb_mn4 li:last-child{background:#f4f4f4;}
#wrap_tb_mn4 li a{display:block; padding:20px 0; text-align:center; color:#93999f; line-height:17px;}
#wrap_tb_mn4 li.selected a{background:#fff; color:#1d63b4; font-weight:bold;  background:url(../images/bg_tb_select_mobi.png) repeat-x top; }
#wrap_tb_mn4 li.last a{padding-top:13px; height:24px;}

/*정보노출*/

.intxt{overflow:hidden; padding:40px 25px; text-align:center; font-size:1em; color:#4f535d; line-height:26px;}
.intxt_sm{overflow:hidden; padding:10px 0 20px 0; text-align:center; font-size:0.92em; letter-spacing:-1px; color:#86888c;line-height:24px;}
.ic_noti{background:url(../images/ic_noti.png) no-repeat center 8%; background-size:50px 50px; padding:90px 10px 10px 10px !important;}
.ic_memout{background:url(../images/ic_memout.png) no-repeat center 20%; background-size:68px 50px; padding:100px 30px 0 30px !important;}
.ic_check_i{background:url(../images/ic_check_i.png) no-repeat center 30%; background-size:50px 50px; padding:100px 30px 10px 30px !important;}
.title{font-size:18px; color:#252526; padding-bottom:15px; font-weight:bold; line-height:24px;}
.info_in{padding:20px; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#f7f7f7; margin:0 30px 20px 30px; font-size:1em;}
.t_info{display:inline-block; margin-right:10px; font-size:14px; color:#93999f;}
.t_id{display:inline-block; font-size:18px; color:#1d63b4; vertical-align:middle;}
.info_in_list{padding:30px 20px; text-align:left; vertical-align:middle; background:#f7f7f7; }
.info_in_list h3{font-size:15px; padding-bottom:20px;}
.info_in_list p{font-size:13px; line-height:22px;}
.info_in_list li{padding-left:20px; background:url(../images/bl_sq.png) left center no-repeat; line-height:30px;}
.info_in_list p a{color:#252525}
.info_in_list p .link_sm{color:#8f8f8f; font-size:12px}
.info_in_list p .link_sm:hover{color:#252525}
.lay_colm2{margin:30px 10px; overflow:hidden;}
.lay_colm2 li{width:50%; float:left;}
.mag_40{margin:8% 10% 4% 15%  !important}

.wp_comment{padding:10px 0;}
.colm3 {margin:20px 0; overflow:hidden; border:1px solid #a2a6af; padding:30px 0; border-radius:3px;}
.colm3 li{width:33%; float:left; border-right:1px solid #ddd; text-align:center; height:60px;}
.colm3 .ic1{background:url(../images/ic_mobi.png) no-repeat center 5%;  background-size:20px 31px;}
.colm3 .ic2{background:url(../images/ic_ipin.png) no-repeat center 5%; background-size:22px 29px;}
.colm3 .ic3{background:url(../images/ic_for.png) no-repeat center 10%; background-size:29px 25px;}
.colm3 li a{display:block; padding:10px 0; width:100%; color:#252525; font-size:15px; font-weight:bold;}
.colm3 li:last-child{border:none;}
.colm3 li .bt_name{display:block; padding-top:30px;}


/*약관*/
.terms .terms_chk_all{display:block; padding:15px 15px 6px  15px}
.terms .terms_bx{position:relative; display:block; padding:10px 15px 0px 15px}
.terms .terms_bx .bx_in{position:relative;height:120px;padding:10px;background:#f7f7f7;overflow:auto;scrollbar-base-color:#d9d9d9;scrollbar-3dlight-color:#d9d9d9;scrollbar-darkshadow-color:#d9d9d9;scrollbar-face-color:#d9d9d9;scrollbar-highlight-color:#d9d9d9;scrollbar-shadow-color:#d9d9d9;scrollbar-track-color:#f2f2f2;-webkit-overflow-scrolling:touch;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.terms .terms_bx .tb2_bx{overflow:hidden; margin-top:8px;}
.terms .terms_bx .tb2_bx li{float:left; width:50%; text-align:center; font-size:13px; letter-spacing:-1px;}
.terms .terms_bx .tb2_bx li a{display:block; padding:10px 0; color:#8c9097; border-bottom:1px solid #d5d5d5;}
.terms .terms_bx .tb2_bx li a.selected{border-bottom:1px solid #252525; color:#252525;}
.terms .terms_bx .tb3_bx{overflow:hidden; margin-top:8px;}
.terms .terms_bx .tb3_bx li{float:left; width:33.3333%; text-align:center; font-size:13px; letter-spacing:-1px;}
.terms .terms_bx .tb3_bx li a{display:block; padding:10px; color:#8c9097; border-bottom:1px solid #d5d5d5;}
.terms .terms_bx .tb3_bx li a.selected{border-bottom:1px solid #252525; color:#252525;}
.terms .terms_bx .section{font-size:13px; color:#6a707e; line-height:20px; letter-spacing:-1px;}
.terms .terms_bx .lnk_pop{position:absolute; top:27%; right:12%; z-index:9999}

.terms_ck_li {padding:10px 15px; letter-spacing:-1px;}
.terms_ck_li input{vertical-align:middle; width:15px; height:15px; border:1px solid #6a707e;}
.terms_ck_li .chk_sms h3{background:#f1f1f2; padding:10px; border-bottom:1px solid #e8e8e8; font-size:13px; border-radius:3px;}
.terms_ck_li .chk_sms{clear:both; font-size:13px;}
.terms_ck_li .chk_sms .sms_list {clear:both; font-size:13px; padding:10px; overflow:hidden;}
.sty_fl_l li{float:left; width:50%; margin-bottom:5px;}
.terms_ck_li .chk_mail{clear:both; font-size:13px;}
.terms_ck_li .chk_mail h3{background:#f1f1f2; padding:10px; border-bottom:1px solid #e8e8e8; font-size:13px; border-radius:3px;}
.terms_ck_li .chk_mail .mail_list h4{color:#1d63b4; margin-bottom:15px;font-size:14px; font-weight:bold; }
.terms_ck_li .chk_mail .mail_list {clear:both; padding:10px; overflow:hidden;}
.terms_ck_li .chk_mail .mail_list table {width:100%;}
.terms_ck_li .chk_mail .mail_list table td{vertical-align:top; padding-bottom:10px; line-height:20px;}
.terms_ck_li .chk_mail .mail_list .link_sm{font-size:12px; letter-spacing:0; color:#8f8f8f }
.terms_ck_li .chk_mail .mail_list .link_sm a{color:#8f8f8f }
.terms_ck_li .chk_mail .mail_list .link_sm a:hover{color:#252525}

.terms_ck_li .chk_mail .mail_list ul{margin-top:10px;}
.terms_ck_li .chk_mail .mail_list .no_mag{margin-top:0;}
.terms_ck_li .chk_mail .mail_list li{line-height:17px; padding:5px 0;}
.terms_ck_li .chk_mail .mail_list li label{margin-left:7px; height:100%; }

.t_terms{font-weight: bold; font-size: 18px; letter-spacing: -1px; text-align: left; padding:30px 0 15px 10px;}
.wrap_terms{clear:both; padding:20px; color:#474747; font-size:12px; line-height:20px;overflow: auto; /*height:300px;*/ margin-bottom:20px;}
.wrap_terms h3{font-size:16px; font-weight:bold; color:#383838; padding-bottom:20px;}
.scr{margin-right:20px;}
.wrap_terms table{width:100%;border-top:1px solid #bdbdbd;}
.wrap_terms table td,.wrap_terms table th{font-size:12px;text-align:left;vertical-align:middle; line-height:18px;}
.wrap_terms table td{padding:10px 15px; border:1px solid #ededed;}
.wrap_terms table th{ font-size:12px; border:1px solid #ededed; padding:10px 15px;background:#f6f6f6; text-align:center;}
.wrap_terms .p_noti{padding-top:10px; font-size:11px; letter-spacing:-1px; color:#6a707e;}
.wrap_terms .p_none{padding-bottom:20px;}
.wrap_terms .terms_list{margin-top:20px;}
.wrap_terms .terms_list li{line-height:24px;}
.wrap_terms .terms_list li a{color:#1d63b4; font-weight:bold}
.wrap_terms .terms_list li a:hover{text-decoration:underline}
.wrap_terms .terms_list2{margin:0 0 20px 15px}
.wrap_terms .b_txt{display:inline-block; margin-bottom:7px}
.wrap_terms .notice_in{padding:20px; background:#f8f8f8}
.terms_view h5{padding:25px 0 10px 0; font-weight:bold; font-size:1.1em; color:#222}
.terms_view ol > li {padding:8px 0 0 0; }
.terms_view ul > li {padding:8px 0;}
.terms_view p {padding-top:5px;}
.terms_view .list_table{margin-top:10px;}
.terms_view .num_list{padding: 0 0 0 20px;}
.terms_view .num_list .point{color:#4988d3}
.terms_view .num_list_nostyle{list-style:none}

.loca_bt_print{float:right; margin:10px 10px 0 0;}
.terms_view .num_list_dot{background:url(../images/dot.gif) no-repeat 5px 10px; padding-left:15px; }
.terms_view .num_list_dot li {padding:0px !important; }

/*약관 추가 180306*/
.area_sel {
	margin:10px 0 0 10px;
	float:left;
}
.area_sel .btn_solid {
	display: inline-block;
	background: #1d63b4;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	border-radius:0;
	padding: 5px 8px;
}
.area_sel .sel{
	width:200px;
	height: 28px;
    text-align: left;
    padding-left:5px;
	border: 1px solid #b3b3b3;
}

/*오른쪽*/
.area_sel_r {
	margin:10px 0 10px 10px;
	float:right;
}
.area_sel_r .btn_solid {
	display: inline-block;
	background: #1d63b4;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	border-radius:0;
	padding: 5px 8px;
}
.area_sel_r .sel{
	width:200px;
	height: 28px;
    text-align: left;
    padding-left:5px;
	border: 1px solid #b3b3b3;
}

.tb_terms{margin:30px 30px 10px 30px; overflow:hidden;}
.tb_terms li{float:left; width:50%;}
.tb_terms li a{display:block; font-size:12px; padding:8px; text-align:center; letter-spacing:-1px; color:#828282; background:#f6f6f6; border:1px solid #ededed;}
.tb_terms .selected a{background:#fff; border:1px solid #6a707e; color:#222;}


/*공지*/
.notice{padding:20px 15px; border-bottom:1px solid #e8e8e8; font-size:13px; color:#6a707e; letter-spacing:-1px;line-height:18px;}
.notice2{padding:0 0 20px 0; border-bottom:1px solid #e8e8e8; font-size:13px; color:#6a707e; letter-spacing:-1px;line-height:18px;}
.notice_bottom{background:url(../images/ic_noti2.png) 0 5% no-repeat;background-size:20px 18px; color:#93999f;}
.notice_bottom ul {margin-left:35px; font-size:12px;}
.notice_bottom ul li{padding-bottom:6px; line-height:20px; letter-spacing:-1px;}

/*체크박스 */
.in_chk{display:block;height:50px; position:relative}
.in_chk input{position:absolute;top:50%;right:5px;z-index:9;width:15px;height:15px;margin-top:-11px;-webkit-appearance:none;}
.in_chk label{display:block;position:absolute;top:0;left:0;z-index:10;width:100%; padding:10px 0; background:url(../images/chk_off.png) 100% 50% no-repeat;background-size:25px 24px;-webkit-background-size:25px 24px;font-size:14px; letter-spacing:-1px; font-weight:bold;color:#252525;cursor:pointer;}
.in_chk label .ck_txt{display:inline-block; width:90%}
.in_chk input:checked + label{background:url(../images/chk_on.png) 100% 50% no-repeat;background-size:25px 24px;-webkit-background-size:25px 24px;}
.in_chk label.on{background:url(../images/chk_on.png) 100% 50% no-repeat;background-size:25px 24px;-webkit-background-size:25px 24px}


.sn_chk{display:block;height:40px;position:relative}
.sn_chk input{position:absolute;top:54%;left:0;z-index:0;width:15px;height:15px;margin-top:-11px;-webkit-appearance:none;}
.sn_chk label{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:40px;background:url(../images/chk_line_off.png) 0 50% no-repeat #fff;font-weight:bold;background-size:25px 24px;-webkit-background-size:25px 24px; font-size:1em; letter-spacing:0; color:#6a707e;line-height:40px;cursor:pointer; text-indent:40px;}
.sn_chk input:checked + label{background:url(../images/chk_line_on.png) 0 50% no-repeat #fff; color:#252525; background-size:25px 24px;-webkit-background-size:25px 24px; text-indent:40px;}
.sn_chk label.on{background:url(../images/chk_line_on.png) 0 50% no-repeat #fff;color:#1d63b4; background-size:25px 24px;-webkit-background-size:25px 24px; text-indent:40px;}

.u_sn_chk{display:block;height:40px;position:relative}
.u_sn_chk input{position:absolute;top:54%;left:0;z-index:0;width:15px;height:15px;margin-top:-11px;-webkit-appearance:none;}
.u_sn_chk label{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:40px;background:url(../images/chk_line_off.png) 0 50% no-repeat #fff;font-weight:bold;background-size:25px 24px;-webkit-background-size:25px 24px; font-size:15px; letter-spacing:0; color:#6a707e;line-height:40px;cursor:pointer; text-indent:40px;}
.u_sn_chk input:checked + label{background:url(../images/chk_line_on.png) 0 50% no-repeat #fff; color:#252525; background-size:25px 24px;-webkit-background-size:25px 24px; text-indent:40px;}
.u_sn_chk label.on{background:url(../images/chk_line_on.png) 0 50% no-repeat #fff;color:#1d63b4; background-size:25px 24px;-webkit-background-size:25px 24px; text-indent:40px;}

.result_txt{padding-left:40px; color:#252525; font-weight:bold; font-size:1.1em; letter-spacing:0; padding-bottom:10px;}
.result_txt_in{margin:15px 0;}
.noti{color:#6a707e; font-size:13px; padding:0 0 20px 0; letter-spacing:-1px; line-height:20px;}


/*입력*/
.join_bx{position:relative; clear:both; overflow:hidden; padding:15px 20px; border-bottom:1px solid #e0e0e0;}
.join_bx_npad{position:relative; clear:both; padding:8px 0; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.join_bx2{position:relative; clear:both; overflow:hidden; padding:10px 15px; border-bottom:1px solid #e0e0e0;}
.join_bx_tb{padding:0; border:1px solid #ddd; border-radius:3px;}
.join_bx_tb table{ width:100%; }
.join_bx_tb table tr{border-bottom:1px solid #ddd; }
.join_bx_tb table tr:last-child{border-bottom:none; }
.join_bx_tb th,.join_bx_tb td{position:relative; padding:9px 15px; height:35px;}
.join_bx_tb th{font-size:13px; border-right:1px solid #ddd; }
.join_bx_tb .bd_none{border:none;}

.certi_chk_area li{float:left; width:50%;}

.ic_j_id{background:url(../images/join_ic_id.png) 92% 17px no-repeat;background-size:20px 20px;}
.ic_j_pass{background:url(../images/join_ic_pass.png) 92% 17px no-repeat;background-size:18px 23px;}
.ic_j_pass_ck{background:url(../images/join_ic_passck.png) 93% 17px no-repeat;background-size:23px 23px;}

.cont_bx{position:relative; clear:both; overflow:hidden; padding:10px 0; border-top:1px solid #e8e8e8; }
.cont_bx h4{padding:10px 0; font-size:14px; font-weight:600;}
.bd_line{border:1px solid #e8e8e8 !important;}
.bd_uline{border-bottom:1px solid #e8e8e8 !important;}
.bg_l_gr{background:#f7f7f7 !important;}
.info_bx{position:relative; display:block; color:#6a707e;}
.i_txt{position:relative;*position:absolute;*top:0;*left:0;z-index:10;padding:6px 0;width:100%;height:18px;line-height:18px;border:none;font-size:15px; font-weight:normal; apperance:none;-webkit-apperance:none;}
.i_txt2{position:relative;*position:absolute;*top:0;*left:0;z-index:10;padding:6px;width:94%;height:18px; border:none;line-height:24px; font-size:15px;font-weight:normal; apperance:none;-webkit-apperance:none;}
.i_txt_line{position:relative;*position:absolute;*top:0;*left:0;z-index:10;padding:9px;width:94%;height:18px; border:1px solid #ddd;line-height:24px; font-size:16px;font-weight:normal; }
.i_txt_bg{position:relative;*position:absolute;*top:0;*left:0;z-index:10;padding:9px;width:94%;height:18px; background:#fff; font-size:15px;font-weight:normal; border:1px solid #babfc5; }
.n_info{display:none;position:absolute;top:5px;left:8px;z-index:9;font-size:16px;font-weight:normal;line-height:18px;color:#999}
.s_box{width:97%;color:#6a707e; padding:6px 0; height:35px;*height:auto;*margin-top:3px;border-radius:0;font-size:15px;line-height:18px; border:1px solid #ddd;background:#fff; -webkit-apperance:none;}
.s_box_bd_none{width:90%;color:#6a707e; padding:6px 0; height:35px;*height:auto;*margin-top:3px;border-radius:0;font-size:15px; border:none;line-height:18px; background:#fff; -w	ebkit-apperance:none;}
.join_sex{position:relative;border-bottom:1px solid #e8e8e8; padding:0 0 0 20px;}
.join_sex strong{display:inline-block; float:left; padding:14px 0 16px 0; width:70px; margin-right:5px;color:#848484; font-size:15px}
.join_sex .jender{display:inline-block; float:left; position:relative; width:92px;height:35px; margin-right:12px}
.join_sex .jender input{position:absolute; top:8px; left:0; width:100%; height:35px;}
.join_sex .jender label{display:block; position:absolute; top:8px; left:0; width:100%; line-height:35px; height:35px; text-align:center; background:#fff; border:2px solid #ddd; color:#93999f;}
.join_sex .jender label.on{color:#1d63b4; border:2px solid #1d63b4; background:#fff; font-weight:bold}
.join_birth{position:relative;border-bottom:1px solid #e8e8e8; padding:8px 0 8px 20px; color:#6a707e}
.join_birth .part{display:inline-block;  width:23.1%;}
.join_birth strong{display:inline-block;  float:left; padding:7px 0 16px 0; width:70px; margin-right:5px;color:#848484; font-size:15px}
.join_certi{position:relative;border-bottom:1px solid #e8e8e8; padding:8px 0 8px 20px; color:#6a707e; font-size:14px; overflow:hidden}
.join_certi strong{display:inline-block;  float:left; padding:7px 0 16px 0; width:70px; margin-right:5px;color:#848484; font-size:15px}
.join_certi .certi_chk_area > li{width:28%}
.join_mobile{display:table;border-bottom:1px solid #e8e8e8;}
.agree_age{padding:10px 25px;}
.agree_age .msg{padding-bottom:8px;}

.tbl_certify table{width:100%;margin-bottom:10px;}
.tbl_certify td{text-align:center; padding:20px 10px; border:1px solid #dddddd; vertical-align:top;}
.txt_certi4{font-size:12px; text-align:left; padding:10px 0 0 5px; color:#6a707e; line-height:18px;}
.txt_certi4 p{padding:10px 0; width:60%; margin:0 auto;}
.txt_certi4 ul{width:60%; margin:0 auto;}
.txt_certi4 ul li{padding:5px 0;}
.txt_certi4 ul li label{display:inline-block; width:55px; margin-bottom:4px;}
.txt_certi4 ul li > input{border:1px solid #babfc5; padding:5px; height:24px; line-height:24px; width:100%;}
.txt_certi_icon{display:inline-block; height:31px;}

/*내정보*/
.my_info{margin:10px;}
.my_info dl{clear:both; padding:8px; border-bottom:1px solid #e8e8e8;}
.my_info dl:last-child{border-bottom:none;}
.my_info dt{display:inline-block; float:left; width:17%;  color:#717883; font-size:13px; font-weight:normal; height:36px; line-height:36px;}
.my_info .nopad{padding-top:0 !important; }
.my_info dd{position:relative;display:inline-block; width:80%; height:36px; line-height:36px; padding-left:10px;}
.my_info .name_t{display:inline-block; position:absolute; right:0; top:5px; line-height:14px; background:#1d63b4; padding:5px 10px; color:#fff; border-radius:3px;}
.my_info .lh_sh{line-height:15px !important; padding-top:2px !important;}
.my_info .lh_name{line-height:15px !important; padding-top:10px !important;}
.my_info table {width:100%;}

.myinfo_bx > dd > div > ul > li{width:30%}
.myinfo_bx > dd > div > .btn_certi{top:10%; right:0}
.myinfo_bx > dd > div > ul > .btn_certi{top:10%; right:0}

.my_info .jender {display:block; float:left; position:relative; width:80px; height:35px; margin-right:8px;}
.my_info .jender input{position:absolute; top:0; left:0; height:35px; width:100%;}
.my_info .jender label{display:block; position:absolute; top:0; left:0; width:100%; line-height:35px; height:35px; text-align:center; background:#fff; border:1px solid #ddd; color:#93999f;}
.my_info .jender label.on{color:#4988d3; border:1px solid #4988d3; background:#fff;}

/*주소록*/
.h_addr{padding:20px 20px 10px 20px;position:relative; }
.h_addr .btn_addr{display:inline-block; position:absolute; right:15px; top:20px; font-size:13px; letter-spacing:-1px; color:#1d63b4; padding:5px  5px 5px 15px; background:url(../images/ic_addr_add.png) no-repeat 0 center; background-size:13px 13px; vertical-align:middle;}
.list_addr{margin:20px; border-top:1px solid #93999f; border-bottom:1px solid #ddd; }
.list_addr table{width:100%;}
.list_addr table .selected{background:#f7f7f7;}
.list_addr table tr{border-bottom:1px solid #ddd;}
.list_addr table tr:last-child{border-bottom:none;}
.list_addr table td{padding:15px 8px; font-size:13px; line-height:22px;}
.list_addr table .no_addr{padding:40px 0;}

/*가변 길이*/
.wid_90{width:90%;}
.wid_80{width:80%;}
.wid_70{width:70%;}
.wid_60{width:60%;}
.wid_50{width:50%;}
.wid_30{width:30%;}
.wid_20{width:20%;}

/*버튼*/
#wrap_btn{overflow:hidden;padding:10px 8px 8px 8px; text-align:center !important; margin-bottom:20px;}
#wrap_btn_mobi{overflow:hidden;padding:10px 0; text-align:center !important;}
.colm2 li{width:50%; float:left;}
.colm2 a{width:98%;}

.colm_2 {margin:20px 0; overflow:hidden; border:1px solid #a2a6af; padding:30px 0; border-radius:3px;}
.colm_2 li{width:49%; float:left; border-right:1px solid #ddd; text-align:center; height:60px;}
.colm_2 li{width:33%; float:left; border-right:1px solid #ddd; text-align:center; height:60px;}
.colm_2 li a{display:block; padding:10px 0; color:#252525;}
.colm_2 .ic1{background:url(../images/ic_mobi.png) no-repeat center 5%; background-size:20px 31px;}
.colm_2 .ic2{background:url(../images/ic_ipin.png) no-repeat center 5%; background-size:22px 29px;}
.colm_2 .ic3{background:url(../images/ic_for.png) no-repeat center 5%; background-size:29px 25px;}
.colm_2 li:last-child{border:none;}
.colm_2  li .bt_name{display:block; padding-top:30px;}

.colm_3 li{width:33.33333%; float:left;}
.colm_3 a{width:97%;}
.colm_3 a.c_btn{margin-left:3px;}

a.btn_mobi{display:block; background:url(../images/ic_mobi_w.png) no-repeat 23% 55% #1d63b4; background-size:15px 23px; padding:15px 0; color:#fff; text-align:center; font-size:15px; border-radius:3px;}
a.btn_ipin{display:block; background:url(../images/ic_ipin_w.png) no-repeat 23% 55% #6a707e; background-size:16px 22px; padding:15px 0; color:#fff; text-align:center; font-size:15px; border-radius:3px;}
a.btn_blue{display:block; background:#1d63b4; padding:15px 0; color:#fff; text-align:center; font-size:15px; border-radius:3px;}
a.btn_grey{display:block; background:#6a707e; padding:15px 0; color:#fff; text-align:center; font-size:15px; border-radius:3px;}
a.btn_terms{display:inline-block;background:#1d63b4; padding:10px; width:110px; color:#fff; text-align:center; font-size:14px; border-radius:3px;}

.f_btn{display:block; width:100%; background:#1d63b4; padding:15px 0; color:#fff; text-align:center; font-size:15px; border-radius:3px;}
.bg_grey{background:#6a707e !important;}
.bg_n_btn{display:inline-block; color:#fff; font-size:14px; margin-top:15px; padding:12px 0 !important; width:120px; border-radius:3px; background:#4377b3;}
.line_n_btn{display:inline-block; font-weight:bold; font-size:14px; margin-top:15px; padding:12px 0 !important; width:90%; border-radius:3px; border:1px solid #babfc5; color:#1d63b4;}
.bg_blue{background:#1d63b4; color:#fff; border:1px solid #1d63b4; }
.bg_n_btn_f{display:inline-block; color:#fff; font-size:14px; margin-top:8px; padding:12px 0 !important;width:100%; border-radius:3px; background:#1d63b4;}
.ic_go{display:inline-block; margin-left:8px; background:url(../images/ic_go.png) no-repeat 17% center; background-size:16px 12px; width:16px; height:12px; vertical-align:middle; }
.ic_go_gr{display:inline-block; margin-left:8px; background:url(../images/ic_go_gr.png) no-repeat 17% center; background-size:16px 12px; width:16px; height:12px; vertical-align:middle; }
.ic_sch{display:inline-block; margin-left:8px; background:url(../images/ic_sch.png) no-repeat 17% center; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; }
.ic_load{display:inline-block; margin-left:8px; background:url(../images/ic_load.png) no-repeat 17% center; background-size:15px 16px; width:16px; height:16px; vertical-align:middle; }
.next{background-image:url(../images/ic_next.png); background-repeat:no-repeat; background-position:64% 52%; background-size:7px 14px;}
.join{background-image:url(../images/ic_check.png); background-repeat:no-repeat; background-position:35% 55%; background-size:17px 10px;}

.btn_cn{display:inline-block;height:33px; border:1px solid #babfc5;  vertical-align:middle; color:#1d63b4; line-height:33px; text-align:center; width:60px; border-radius:3px; font-size:13px;}
.btn_certi{position:absolute; top:20%; right:5%; z-index:15;}
.btn_certi_2{position:absolute; top:0; right:0; z-index:15;}
.btn_s_line{display:inline-block;border:1px solid #ddd; background:#fff; color:#1d63b4; text-align:center; padding:5px 7px 5px 7px; font-size:12px; line-height:12px !important; letter-spacing:0px}
.btn_line{display:inline-block;border:1px solid #ddd; padding:4px 8px; font-size:12px; color:#252525;}
.btn_txt{display:inline-block;font-weight:bold; color:#1d63b4; padding:10px; font-size:12px; letter-spacing:-1px;}
.btn_rd{border-radius:30px; border:1px solid #d0d3d7; }
.btn_s_id{display:inline-block; background:url(../images/bl_search.png) no-repeat 0 50% #fff;background-size:13px 13px;  color:#252525; padding: 10px 0 10px 15px;  font-size:13px; margin-top:-5px; }


/*공통 css*/
.rd_box{border:1px solid #ddd; border-radius:3px;}
.fl_l{float:left;}
.fl_r{float:right;}
.m_txt{font-size:14px; letter-spacing:-1px;}
.s_txt{font-size:13px; letter-spacing:-1px;}
.s2_txt{display:inline-block; font-size:12px; letter-spacing:0;}
.s3_txt{font-size:11px; letter-spacing:-1px;}
.l_txt{text-align:left !important;}
.c_txt{text-align:center !important;}
.pad_10{padding:10px;}
.pad_t10{padding-top:10px;}
.pad_t30{padding-top:30px;}
.pad_t40{padding-top:40px;}
.pad_tb10{padding:10px 0;}
.pad_tb15{padding:15px 0;}
.pad_l10{padding-left:10px;}
.pad_l20{padding-left:20px;}
.mag_20{margin:10px 20px}
.mag_b10{margin-bottom:10px;}
.mag_b3{margin-bottom:3px;}
.mag_lr10{margin:0 10px;}
.mag_lr20{margin:0 20px;}
.mag_lr6{margin:0 6px;}
.no_mag{margin:0 !important;}
.msg_error{display:block; width:100%; color:#f02004; font-size:13px; padding:8px 0 0 0; line-height:14px; clear:both; letter-spacing:-1px}
.msg_success{display:block; width:100%; color:#1d63b4; font-size:13px; padding:8px 0 0 0; line-height:14px; clear:both; letter-spacing:-1px}
.msg_noti{background: url(../images/ic_noti2.png) 0 4px no-repeat;background-size: 20px 18px; padding-left:25px}
.msg_alarm{color:#93999f; font-size:12px; clear:both; letter-spacing:-1px;}
.msg_last{text-align:center; padding:15px 0; font-size:14px; color:#1d63b4; letter-spacing:-1px;}
.bd_none{border:none;}
.u_line{border-bottom:1px solid #e8e8e8;}
.t_line{border-top:1px solid #ddd;}
.lt0{letter-spacing:0 !important;}
.lt1{letter-spacing:-1px !important;}
.lh24{line-height:24px;}
.lh18{line-height:18px;}
.lh0{line-height:0 !important;}
.clearfix{clear:both;}
.fn_n{font-weight:normal !important;}

/*컬러*/
.c_0{color:#6a707e !important;}
.c_1{color:#1d63b4 !important;}
.c_2{color:#f02004 !important;}
.c_4{color:#8f8f8f !important;}
.c_5{color:#6a707e !important;}
.c_bk{color:#252525 !important;}

.noti_sm{font-size:12px; color:#6a707e; letter-spacing:-1px;}


/* placholder */
::-webkit-input-placeholder{color:#848484;font-family: 'Malgun Gothic','맑은 고딕','Droid Sans','Apple-Gothic','Tahoma',dotum,sans-serif; font-weight:bold }
::-moz-placeholder{color:#848484;font-family: 'Malgun Gothic','맑은 고딕','Droid Sans','Apple-Gothic','Tahoma',dotum,sans-serif; font-weight:bold} /* firefox 19+ */
:-ms-input-placeholder{color:#848484;font-family: 'Malgun Gothic','맑은 고딕','Droid Sans','Apple-Gothic','Tahoma',dotum,sans-serif; font-weight:bold} /* ie */
input:-moz-placeholder{color:#848484; font-family: 'Malgun Gothic','맑은 고딕','Droid Sans','Apple-Gothic','Tahoma',dotum,sans-serif; font-weight:bold}

/* 팝업 컨텐츠*/
#alert_pop {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}

#alert_pop #dark_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=70); z-index:0}

#alert_pop .cont{margin:0 auto; width:400px; height:160px; top:45%; margin-top:-150px; position:relative; z-index:150; background:#fff; overflow:hidden;}
#alert_pop .cont h2{position:relative; padding:10px 0 20px 0; font-weight:bold; font-size:16px}
#alert_pop .cont{padding:20px;}
#alert_pop .cont ul{padding:15px 10px; font-size:13px; background:#f4f4f4}
#alert_pop .cont ul > li{line-height:24px}
#alert_pop .cont p{text-align:left; font-size:13px;  line-height:24px; letter-spacing:-1px;}

.btn_close{display:inline-block; position:absolute; top:10px; right:10px; background:url(../images/ic_close.png) no-repeat; background-size:16px 16px; width:16px; height:16px; }

/*모바일 480px이하 */
@media (max-width:480px){
h2.tit{font-size:18px; vertical-align:top; margin:0 0 10px 8px ;}
.msg_last{text-align:center; padding:10px 0 15px 0; font-size:14px; color:#1d63b4; letter-spacing:0;}
.colm2 a.btn_mobi{display:block; background:url(../images/ic_mobi_w.png) no-repeat 18% 53% #1d63b4; background-size:13px 19px; padding:15px 0; color:#fff; text-align:center; font-size:15px;}
.colm2 a.btn_ipin{display:block; background:url(../images/ic_ipin_w.png) no-repeat 18% 53% #6a707e; background-size:13px 18px; padding:15px 0; color:#fff; text-align:center; font-size:15px;}
.join_birth .part{display:inline-block;  width:22%;}
.join_sex .jender{width:20%; font-size:0.8em}
.join_certi .certi_chk_area > li{width:25%}
.sn_chk label{text-indent:30px; font-size:0.9em}
.sn_chk label.on{text-indent:30px}
.u_sn_chk label{text-indent:30px; font-size:0.9em}
.u_sn_chk label.on{text-indent:30px}
.btn_cn{display:inline-block;height:33px; border:1px solid #d0d3d7;  color:#1d63b4; line-height:33px; text-align:center; width:60px;font-size:14px;}
.i_txt{font-size:0.92em;}
.intxt_sm{font-size:0.85em;}
.colm_3 a.c_btn{margin-left:2px;}
.wrap_info{padding:20px;}
.in_chk label .ck_txt{font-size:0.9em}
#alert_pop .cont{width:300px;}
a.btn_blue{font-size:14px;}
a.btn_grey{font-size:14px;}
.terms .terms_bx .lnk_pop{right:15%}
.my_info dd{width:76%}

}