@charset “utf-8″;

/* 로그인박스 */
#login_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 350px;text-align: center; }
#login_area .login_box { max-width: 500px; width: 386px; border:1px solid #cccbc9; margin:0 auto; padding:40px 57px;text-align: left;}
#login_area .login_box .title { display: inline-block; margin-bottom: 10px;}
#login_area .login_box .title p { height:19px; font-size: 16px; font-weight: 500; line-height: 20px; color: #404040; padding-left:26px;
	background-image: url(../image/icons/icon_login_mark.png);background-repeat: no-repeat;background-position: 0 50%; }

#login_area .login_box .login_form {display: inline-block; margin-bottom: 10px;}
#login_area .login_box .login_form_left {float:left; width:60%;}
#login_area .login_box .login_form_right {float:right;}
#login_area .login_box .login_input { height: 43px; width: 233px; border:1px solid #cccbc9; font-size:16px; font-weight: 400; line-height: 16px; color:#404040; padding-left:13px;}
#login_area .login_box .login_input.id {margin-bottom: 6px;}
#login_area .login_box button.login_btn { width:120px; height: 100px; background: #b19660; font-size: 16px; font-weight: 500; line-height: 16px; color:#fff; border:0; outline: 0; cursor: pointer; }
#login_area .login_box button.login_btn:hover {background: #c8aa6d;}
#login_area .login_box button.login_btn:active {background: #dbba78;}

#login_area .login_box .login_chk {display: inline-block; margin-bottom: 45px;}
#login_area .login_box .login_chk p { float:right; font-size:14px; font-weight: 400; line-height: 14px; color:#404040; margin-left:7px; }
input[id='cb_idsave'] + label {display: inline-block;width: 11px;height: 11px;border: 1px solid #6a6a6a;cursor: pointer;background-color: #fff;}
input[id="cb_idsave"]:checked + label:after {content: '\2713';font-size: 18px;font-weight: 900;line-height: 10px;}
input[id="cb_idsave"] {display: none;}
#login_area .login_box .find_id {margin-bottom: 23px;}
#login_area .login_box .find_id p {font-size: 14.1px; font-weight: 500; color:#404040; margin-bottom: 9px;position: relative;left: -15px;}
#login_area .login_box .find_id p:before {content: '\2027';font-size: 18px;font-weight: 900;line-height: 10px; color:#b19660;margin-right: 8px;}
#login_area .login_box .membership {margin-bottom: 12px;}
#login_area .login_box .membership p {font-size: 14.1px; font-weight: 500; color:#404040; margin-bottom: 9px;position: relative;left: -15px; }
#login_area .login_box .membership p:before {content: '\2027';font-size: 18px;font-weight: 900;line-height: 10px; color:#b19660;margin-right: 8px;}

/* 아이디&패스워드 찾기 */
#find_id_area {max-width:910px;width:910px;position:relative;margin:0 auto; margin-bottom: 210px;text-align: center; }
#find_id_area p.notice {height:19px; font-size:15px;font-weight: 400;line-height: 21px; color:#797979; text-align:left;padding-left:24px;margin-bottom:15px;background-image: url(../image/icons/icon_excla.png); background-position: 0% 50%; background-repeat: no-repeat;}

#find_id_area .box_area {display:flex;}
#find_id_area .box_phone { display: inline-block; width: 442px; height: 270px; padding:43px 0px; border:1px solid #cccbc9; margin-right: 5px;}
#find_id_area .box_ipin { display: inline-block; width: 442px; height: 270px; padding:43px 0px; border:1px solid #cccbc9; margin-left: 5px;}
#find_id_area .box_ipin img {margin-top:10px;}

#find_id_area .box_phone .box_phone_img {height: 100px;}
#find_id_area .box_ipin .box_ipin_img {height: 100px;}
#find_id_area .box_phone .box_phone_title { height: 75px; margin-top: 35px; }
#find_id_area .box_ipin .box_ipin_title { height: 75px; margin-top: 35px; }

#find_id_area .box_phone .box_phone_title p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#find_id_area .box_phone .box_phone_title p.subtitle {font-size: 15px;font-weight: 300; color: #404040; margin-top: 5px;}
#find_id_area .box_ipin .box_ipin_title p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#find_id_area .box_ipin .box_ipin_title p.subtitle {font-size: 15px;font-weight: 300; color: #404040; margin-top: 5px;}

#find_id_area .box_phone .box_input_form { height: 175px; margin-top: 35px; }
#find_id_area .box_phone .box_input_form p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#find_id_area .box_phone .box_input_form input { display:block; margin:0 auto; }
#find_id_area .box_phone .box_input_form input:not(:first-child) { margin-top:10px; }
#find_id_area .box_ipin .box_input_form { height: 175px; margin-top: 35px; }
#find_id_area .box_ipin .box_input_form p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#find_id_area .box_ipin .box_input_form input { display:block; margin:0 auto; }
#find_id_area .box_ipin .box_input_form input:not(:first-child) { margin-top:10px; }


#find_id_area .box_ipin .box_ipin_title input { display:block; margin:0 auto; }
#find_id_area .box_ipin .box_ipin_title input:not(:first-child) { margin-top:10px; }

#find_id_area .find_id_button_area {margin-top:30px; text-align: right;}

#find_id_area .id_input {display: inline-block; /*height:20px;margin-bottom: 37px;*/ margin-top:13px;     width: 100%;}
#find_id_area .id_input p.id_ment { /*float:left;*/ font-size:15px;font-weight: 400;line-height: 21px; color:#797979; text-align:left;padding-left:24px;margin-bottom:15px;background-image: url(../image/icons/icon_check_mark.png); background-position: 0% 50%; background-repeat: no-repeat;}
#find_id_area p.notice2 {height:19px; font-size:15px;font-weight: 400;line-height: 21px; color:#797979; text-align:left;padding-left:24px;margin-bottom:15px;background-image: url(../image/icons/icon_excla_gray.png); background-position: 0% 50%; background-repeat: no-repeat;}

#find_id_area .id_input > input {float:left; margin-left: 20px; border:1px solid #e4e4e4; width:156px; height:33px; font-size:15px; font-weight: 400; color:#797979;position: relative;top: -10px; padding-left:10px; padding-right:10px;}
#find_id_area .id_input > input.email { width: 250px; }
