@charset "utf-8"; 

/* 컨텐츠 */
#contents  { margin-bottom:110px; min-height:480px; }
#container .tab_con  { padding-top:58px; }

#contents .tab_area  { width:980px; }
#contents .tab_area ul.tab_2list  { height:48px; }
#contents .tab_area ul.tab_2list li  { float:left; }
#contents .tab_area ul.tab_2list li a  { display:block; overflow:hidden; width:490px; height:48px; background:url(/image/comm/tab_topcon_gray_490.png) no-repeat; }
#contents .tab_area ul.tab_2list li.on a  { background-position:0 0; color:#333; }
#contents .tab_area ul.tab_2list li.off a  { background-position:0 -48px; color:#767676; }
#contents .tab_area ul.tab_2list li a span  { display:block; font-size:20px; line-height:20px; width:490px; text-align:center; padding-top:15px; }

.login_top_text  { text-align:center; padding-bottom:70px; }
.login_top_text .text_group01  { font-size:40px; line-height:40px; color:#333; display:block; }
.login_top_text .text_group02  { font-size:24px; line-height:34px; color:#767676; display:block; padding-top:16px; }
.login_top_text .text_group03  { font-size:18px; line-height:18px; color:#767676; display:block; padding-top:16px; }

/* 로그인 페이지 */
.con_login_area  { padding:30px 0; border-top:1px solid #ddd; }
.con_login_area .top_img_area,.con_login_area .login_area  { width:396px; margin:0 auto 30px; }
.con_login_area .top_img_area  { text-align:center; }
.con_login_area .login_area input[type=text],.con_login_area .login_area input[type=password]  { background:#f8f8f8; border:2px solid #ccc; font-size:18px; line-height:28px; *line-height:30px; height:40px; *height:32px; margin-bottom:12px; }
.con_login_area .login_area .check_area  { vertical-align:middle;  margin-top:5px; }
.con_login_area .login_area .check_area label  { padding-left:5px; font-size:13px; line-height:15px; }

.con_login_area .btn_area  { width:396px; margin:60px auto 0; }
.con_login_area .btn_area .btn_2area  { padding-top:15px; }

.con_login_area .login_area .g-recaptcha { margin: 0 auto; width: 304px; margin-top: 20px; }

/* 아이디, 비밀번호 찾기 */
.con_inputenter_area  { border:1px solid #7b7a89; margin-top:20px; background:#f5f5fb url(/image/comm/bg_logo_pattern04.png) no-repeat right bottom; }
.inputenter_area  { padding:20px 40px; }
.inputenter_btn_area  { margin-top:20px; }
.inputenter_area .idfind_birth_area input[type=text]  { margin:0 2px; }
.inputenter_area ul.select_product li  { float:left; padding-right:20px; }

#idfind_form input[type=text], input[type=password], input[type=email], #pwfind_form input[type=text], input[type=password], input[type=email] {  width: 50%;  }
#idfind_form img, #pwfind_form img {  vertical-align: middle;  }
input.text_box_gray	{  box-sizing: border-box;  border: 1px solid #BBB;  padding: 2px;  height: 26px;  font-size: 13px;  color: #333;  line-height: 16px;  }
.form-error	{  display: block;  font-size: 13px;  color:red;  margin:5px 0;  }

.con_findimg_area  { border:1px solid #7b7a89; margin-top:20px; background:#f5f5fb; padding:20px 40px; }

/* 이용 약관 */
.con_white_scroll  { border:1px solid #ddd; height:210px; margin-top:15px; overflow-y:scroll; overflow-x:hidden; }
.con_white_scroll .text  { padding:20px; line-height:20px; }
.check_area_right  { margin-top:15px; text-align:right; }
.check_area_right input  { vertical-align:middle; }
.check_area_right label  { vertical-align:middle; padding-left:5px; font-size:13px; line-height:15px; }

/* 회원정보 입력 */
.con_mymenu_myinfo  { margin-top:20px; }
.con_mymenu_myinfo .caution_area_s02  { color:#666; }

.con_mymenu_myinfo select.phonenum  { width:60px; }
.con_mymenu_myinfo td span  { vertical-align:middle; }
.con_mymenu_myinfo td input[type=text]  { vertical-align:middle; }
.con_mymenu_myinfo td input[type=radio],.con_mymenu_myinfo td input[type=checkbox]  { vertical-align:middle; }
.con_mymenu_myinfo td span.line  { padding:0 3px; }
.con_mymenu_myinfo ul.checkbox_area  { color:#666; padding-top:8px; }
.con_mymenu_myinfo ul.checkbox_area li  { font-size:16px; line-height:16px; padding-right:18px; }
.con_mymenu_myinfo .caution_area  { color:#666; }

.con_mymenu_myinfo ul.select_sex  { padding:8px 0; }
.con_mymenu_myinfo ul.select_sex li  { float:left; padding-right:30px; }

.con_mymenu_myinfo td.id_area  { padding:0 20px; height:56px; }
.con_mymenu_myinfo td.id_area span  { vertical-align:middle; padding-top:6px; }
.con_mymenu_myinfo td.id_area .btn_idsearch  { vertical-align:middle; margin-left:12px; }

.con_mymenu_myinfo select.date_year  { width:70px; }
.con_mymenu_myinfo select.date_day  { width:50px; }
.con_mymenu_myinfo .td_birthday span.text  { padding-right:2px; }

/* 회원가입 완료 */
.con_variety_area  { padding:30px 0; border-top:1px solid #ddd; }
.con_variety_area .img_area  { margin:0 auto 30px; text-align:center; }
.con_variety_area .info_text_area01  { text-align:center; padding:30px 0 35px; }
.con_variety_area .info_text_area01 span.text01  { font-size:30px; line-height:36px; color:#333; padding:20px 0 10px; display:block; }
.con_variety_area .info_text_area01 span.text02  { font-size:22px; line-height:28px; color:#666; padding:20px 0; }
.con_variety_area .btn_area  { margin-top:60px; text-align:center; }

/* 제품번호 확인하는 법 04/03 추가 */
.wrap_find_product_line { padding:20px 0 10px; border-bottom:1px solid #d1d1ea; }
.wrap_find_product_line .con_find_product { height:370px; padding-top:10px; }
.wrap_find_product_line .con_find_product .con_step { float:left; width:449px; text-align:center; }
.wrap_find_product { padding:20px 0 15px; }
.wrap_find_product .con_find_product { height:370px; padding-top:20px; }
.wrap_find_product .con_find_product .con_step { float:left; width:449px; text-align:center; }
.con_findimg_area .pc01 .text_area_number, .con_findimg_area .pc02 .text_area_number { margin:10px 0 0 50px; font-size:16px; line-height:23px; text-align:left; padding-left:45px; background:url(/image/comm/icon_black_number01.png) no-repeat; }
.con_findimg_area .pc01 .text_area_number { background:url(/image/comm/icon_black_number01.png) no-repeat; }
.con_findimg_area .pc02 .text_area_number { background:url(/image/comm/icon_black_number02.png) no-repeat; }
.con_findimg_area .mobile01 .text_area, .con_findimg_area .mobile02 .text_area { margin:20px 0 0 80px; font-size:16px; line-height:23px; text-align:left; }
.con_findimg_area .text_area span.title { display:block; padding-bottom:5px; color:#ce7900; }