/* CSS Document */
@charset "euc-kr";
@import url(basic.css?ver=230302);

#join_top{width:100%; border-bottom:2px solid #eee}
#join_top .wrap{ width:1000px; margin:0 auto; overflow:hidden;}
#join_top .wrap h1.l_logo{float:left; display:inline; margin:15px 0}
#join_top .wrap h1.r_logo{float:right; display:inline; margin-top:15px;}

#join_middle{ width:1000px; margin:0 auto;}

#join_con{ border-top:1px solid #dddddd; padding-top:30px;}
#join_con h3{ margin-bottom:15px;}
#join_con p.txt{margin-bottom:110px;}
#join_con p.txt1{margin-bottom:50px;}



#join_con .member_check{ width:500px; margin:0 auto; overflow:hidden; margin-bottom:100px;}
#join_con .member_check h4{ float:left; display:inline;}
#join_con .member_check fieldset{float:left; display:inline; width:413px; border-left:1px solid #e3e3e3; margin-left:20px;}
#join_con .member_check dl{float:left; display:inline; width:295px; overflow:hidden; margin-left:20px;}
#join_con .member_check dt{float:left; display:inline; width:60px; padding-top:10px;}
#join_con .member_check dd{float:left; display:inline; width:232px; margin-bottom:7px;}
#join_con .member_check p.btn_ok{float:right; display:inline;}

#join_con .find_idpw{ width:100%; overflow:hidden;}
#join_con .find_idpw .find_id{ width:430px; float:left; display:inline; overflow:hidden;}
#join_con .find_idpw .find_pw{ width:465px; float:right; display:inline;}
#join_con .find_idpw h4{ float:left; display:inline;}
#join_con .find_idpw fieldset{float:right; display:inline; width:310px; border-left:1px solid #e3e3e3; margin-left:20px; margin-bottom:10px;}
#join_con .find_idpw dl{ float:right; margin-left:20px;}
#join_con .find_idpw dt{float:left; display:inline; width:60px; padding-top:10px;}
#join_con .find_idpw dt.cl{ clear:left;}
#join_con .find_idpw dd{float:left; display:inline; width:230px; margin-bottom:7px; }
#join_con .find_idpw .btn{text-align:right; margin-top:10px; clear:both; border-top:1px solid #e3e3e3; padding-top:10px;}


#join_con .member_del{ width:600px; margin:0 auto; overflow:hidden; margin-bottom:10px; padding-bottom:30px; border-bottom:1px solid #e3e3e3}
#join_con .member_del h4{ float:left; display:inline;}
#join_con .member_del fieldset{float:left; display:inline; width:413px; border-left:1px solid #e3e3e3; margin-left:20px;}
#join_con .member_del dl{float:left; display:inline; width:290px; overflow:hidden; margin-left:20px;}
#join_con .member_del dt{float:left; display:inline; width:60px; padding-top:10px;}
#join_con .member_del dt.cl{ clear:left;}
#join_con .member_del dd{float:left; display:inline; width:230px; margin-bottom:7px; }
#join_con .member_del dd.id{ padding-top:10px;}
#join_con .member_del p.btn_ok{float:right; display:inline;}
#join_con .point{ color:#d0737c; font-size:95%;width:600px; margin:0 auto;}

#join_con .member_check_ok { width: 700px; margin: 0 auto; padding-top: 50px; }
#join_con .member_check_ok .title_wrap { text-align: center; }
#join_con .member_check_ok .title_wrap .intro_txt { font-family: 'NotoSansKR', sans-serif; font-weight: 500; font-size: 20px; color: #c63b48; }
#join_con .member_check_ok .title_wrap .top_txt { font-family: 'NotoSansKR', sans-serif; font-size: 14px; font-weight: 300; color: #777; }
#join_con .member_check_ok .box_wrap { text-align: center; padding-bottom: 40px; }
#join_con .member_check_ok .box { border:1px solid #ddd; margin-bottom: 20px; }
#join_con .member_check_ok .box .title { font-family: 'NotoSansKR', sans-serif; text-align: left; font-weight: 400; background: #f4f4f4; font-size: 14px; color: #646464; border-bottom:1px solid #ddd; padding: 15px 18px; line-height: 1; }
#join_con .member_check_ok .box .txt_list { padding: 20px; text-align: left; }
#join_con .member_check_ok .box .txt_list > li { font-family: 'NotoSansKR', sans-serif; font-size: 14px; font-weight: 300; color: #666; padding-bottom: 5px; }
#join_con .member_check_ok .box .txt_list > li:last-child { padding-bottom: 0; }

#join_con .member_agree {  }
#join_con .member_agree .box_wrap { text-align: center; padding-bottom: 40px; }
#join_con .member_agree .box { position: relative; border:1px solid #ddd; margin-bottom: 20px; }
#join_con .member_agree .box .chk { position: absolute; right: 0; right: 20px; top: 13px; }
#join_con .member_agree .box .chk input[type="checkbox"] { display: inline-block; vertical-align: middle; margin: 0; margin-right: 5px; }
#join_con .member_agree .box .chk label { font-family: 'NotoSansKR', sans-serif; display: inline-block; vertical-align: middle; cursor:pointer; color: #646464; font-size: 12px; }
#join_con .member_agree .box .title { font-family: 'NotoSansKR', sans-serif; text-align: left; font-weight: 400; background: #f4f4f4; font-size: 14px; color: #646464; border-bottom:1px solid #ddd; padding: 15px 18px; line-height: 1; }
#join_con .member_agree .box .txt_list { padding: 20px; text-align: left; }
#join_con .member_agree .box .txt_list > li { font-family: 'NotoSansKR', sans-serif; font-size: 14px; font-weight: 300; color: #666; padding-bottom: 5px; }
#join_con .member_agree .box .txt_list > li:last-child { padding-bottom: 0; }
#join_con .member_agree .box .txt_list iframe { width: 100%; height: 200px; border:1px solid #efefef; }
#join_con .member_agree .agree input[type="checkbox"] { display: inline-block; vertical-align: middle; margin: 0; margin-right: 5px; }
#join_con .member_agree .agree label { font-family: 'NotoSansKR', sans-serif; display: inline-block; vertical-align: middle; cursor:pointer; color: #646464; font-size: 12px; }

#join_con .join_form{width:700px; margin:0 auto;}
#join_con .join_form table{width:100%; margin-bottom:30px;}
#join_con .join_form .topline{border-top:1px solid #b8b8b8;}
#join_con .join_form td{ border-bottom:1px solid #e3e3e3; padding:8px 10px;}
#join_con .join_form td.con{ padding:0 10px;}
#join_con .join_form td.con dl{ width:100%; overflow:hidden; margin-top:3px;}
#join_con .join_form td.con dt{ width:70px; font-size:95%; float:left; display:inline; height:25px; line-height:25px; vertical-align:middle;}
#join_con .join_form td.con dd{float:left; display:inline; height:25px; width:500px;}
#join_con .join_form th{ border-bottom:1px solid #e3e3e3; padding:8px 10px;color:#454545; font-size:95%; font-weight:bold; background:#f4f4f4;}
#join_con .join_form th.add{ vertical-align:top;}
#join_con .join_form input.tbox{ border:1px solid #e1e1e1; height:18px; width:200px;}
#join_con .join_form input.tbox1{ border:1px solid #e1e1e1; height:18px; width:50px;}
#join_con .join_form input.tbox2{ border:1px solid #e1e1e1; height:18px; width:300px;}
#join_con .join_form input.tbox3{ border:1px solid #e1e1e1; height:18px; width:100px;}
#join_con .join_form span{font-size:95%;}

#join_con .btn{ text-align:center; margin-top:10px;}
#join_con .btn form{text-align:center;}
#join_con label.tit{background:url(/images/member/join_bullet.gif) no-repeat left top; padding-left:6px; color:#454545; font-size:95%; font-weight:bold;}
#join_con input.tbox{ border:3px solid #d1d1d1; height:26px; width:222px;}
#join_con input.tbox1{ border:3px solid #d1d1d1; height:26px; width:100px;}
#join_con .join_iframe{ border:1px solid #e3e3e3; width:100%; height:200px;}
#join_con .sfont{ text-align:center; color:#d0737c; font-size:95%;}
#join_con .agree{ margin:10px 0 20px 0; text-align:center}
#join_con h4.bull{background:url(/images/member/join_bullet.gif) no-repeat left top; padding-left:6px; color:#454545; font-size:120%; font-weight:bold; font-family:gulim; margin-bottom:10px;}

#footer{ border-top:#eeeeee 2px solid; margin-top:30px; width:100%;}
#footer #fcon{ width:1000px; margin:0 auto; overflow:hidden; padding-top:18px; padding-bottom:20px;}
#fcon .menucopy{float:left; display:inline;}
#fcon .menucopy p.fmenu{ margin-bottom:20px;}
#fcon .family{ float:right; display:inline;}


#zipcode_top{ width:100%;  border-bottom:2px solid #eee; padding:25px 0 15px 0; overflow:hidden;}
#zipcode_top h1{ float:left; display:inline; margin-left:20px}
#zipcode_top p{float:right; display:inline; margin-right:20px;}
#zipcode_wrap{padding:20px;}
#zipcode_wrap input.tbox{ border:1px solid #d1d1d1; height:18px; width:150px;}
#zipcode_wrap table{width:100%;}
#zipcode_wrap th{font-size:95%; font-weight:bold; text-align:center;border-top:1px solid #b8b8b8;border-bottom:1px solid #e3e3e3; padding:5px 0 1px 0; background:url(/images/member/th_line.gif) no-repeat right;}
#zipcode_wrap th.none{background:none;}
#zipcode_wrap td{border-bottom:1px solid #e3e3e3; padding:5px 0 1px 0;}
#zipcode_wrap td.num{text-align:center;}
#zipcode_wrap td.con{ padding-left:10px;}
#zipcode_wrap p{margin-bottom:10px;}
#zipcode_wrap fieldset{ text-align:center; margin-bottom:10px; padding:10px 0; background:#f4f4f4}


/*
#fcon .family_on{ float:right; position:absolute; left:50%; margin-left:332px; margin-top:-299px; background:#fff}*/
#fcon .family_on{ float:right; position:absolute; left:50%; margin-left:332px; margin-top:-307px; background:#fff;width:168px;}
#fcon .family_on ul{ padding:5px; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
#fcon .family_on a{font-size:95%}



/*20180222 異붽�*/
#use_tool_table {border-top:2px solid #47ccca;}
#use_tool_table th {height:40px; border:1px solid #ddd; vertical-align:middle; background:#f0f3f7; border-right:1px solid #ddd;vertical-align:middle;}
#use_tool_table td {height:40px; padding:6px; border:1px solid #ddd; font-size:12px; font-weight:600;vertical-align:middle;}
#use_tool_table td>* {padding:2px 0; font-size:12px;}
#use_tool_table td input[type='text'] {width:200px; height:22px; border:1px solid #ccc;}

.text_center {text-align:center;}