@charset "utf-8";

/*login*/
.member_title3 { padding:87px 0px 18px; text-align:center;  line-height:;}
.member_title3 h2 { font-size:24px}
.member_title3 p {color:#a29e91;}


.member_title2 { text-align:center;  padding:87px 0px 18px;}
.member_title2 h2 {font-size:24px;}

.member_title {text-align:center; padding:97px 0px 10px;}
.member_title:after {content:''; display:block; clear:both;}
.member_title h2 {margin-bottom:10px; float:left; color:#222; font-weight:normal; margin-right:15px;}

.member_title p {color:#a29e91; font-size:12px; position:relative; top:3px; float:left;}

.login_content_box {  width: 826px; margin:0px auto 150px;}
.login_content_box > .box_left {width:480px;}
.login_content_box > .box_right {width:328px;}
.login {  margin: 43px 42px 0; padding: 0 0 20px 10px;}
.login_content_box .goods_content_box:first-child {display:block;}
.login_content_box .goods_content_box {display:none;}
.member_login {margin: 0px 28px 0;padding-top:46px;}
.security_relation label {margin:0 10px 0 7px;}
.member_login input[type='submit'] ,#no_member_login input[type='submit'] {width:100%; height:78px;}
.login_text_info {margin: 0px 42px;  padding:28px 22px 39px;}
.join_buttom {display:block; color:#474747; width:99px; height:26px; text-align:center; line-height:26px; }
.join_buttom:hover {text-decoration:none;}


/*search_idpw*/
.idpwsearch_box {margin:0px auto; }
.id_search_box .top {padding:0px 45px;}


.id_table_box {}
.id_table_box th {text-align:left; font-weight:normal; color:#222;}
.id_table_box th span {margin-left:10px;}

.customer_box {border:1px solid #e1e1e1; margin-top:15px; margin-bottom:165px; padding:26px 40px 22px;}
.customer_box h4 {color:#444;}


.customer_box .size_34 {   
    font-family: "NanumMyeongjoBold";
	font-style:italic;
}


.search_idpw_info {line-height:160%; padding-top:12px;}
.search_idpw_info a {text-decoration:underline;} 

.idpwsearch_box .id_search_box {display:none;}


/*search_idpw id*/



.popup_content {padding:0px 16px;}
.popup_content h2 {font-size:14px; padding:20px 0px 17px; color:#000;}
.search_inportant {background:#f3f3f3; text-align:center !important; color:#2a2a2a; font-size:14px; padding:32px 0px;}
.search_inportant span {margin:0px 10px;}
.search_type_box {padding:30px 0px;}
.search_type_box .box_left {width:50%; text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-right:1px dotted #b4b4b4; padding:11px 0px 15px;}
.search_type_box .box_left  dt {font-size:16px; position:relative; padding-top:75px; margin-bottom:15px;}
.search_type_box .box_left  dt:after { background:url('../images/common/search_type_icon.png') 0 -1px no-repeat; content:''; display:block; clear:both; width:43px; height:43px; position:absolute; top:0px; left:50%; margin-left:-21px;}
.search_type_box .box_left  dd {color:#666666; font-size:16px; margin-bottom:18px;}


.search_type_box .box_right {width:50%; text-align:center; padding:11px 0px 15px;}
.search_type_box .box_right  dt {font-size:16px; position:relative; padding-top:75px; margin-bottom:15px;}
.search_type_box .box_right  dt:after { background:url('../images/common/search_type_icon.png') -70px 0px no-repeat; content:''; display:block; clear:both; width:26px; height:46px; position:absolute; top:0px; left:50%; margin-left:-13px;}
.search_type_box .box_right  dd {color:#666666; font-size:16px; margin-bottom:18px;}



/*join_select*/
.join_select_wrap {margin-bottom:200px;}
.join_select_content {width:727px; margin:0px auto;}
.join_select_content .join_select_div {  font-size:0px;  line-height:0px; text-align:center; margin:0px 13px 20px;}
.join_select_content .join_select_div a {margin:0px 13px;}
.join_select_text {text-align:center; color:#a29e91;}

/*join_input page*/
.join_agreement_wrap {width:807px; margin:0px auto;}
.join_next_img.type_2 {background:url('../images/text/join_join_2.png') 0 0 no-repeat; height:61px;}
.join_input_dl {display:table; width:100%;}
.join_input_dl > dt {width:180px; background:#f5f5f5; display:table-cell; text-align:center; line-height:50px; vertical-align:middle; position:relative;}
.un_height {position:absolute; top:8px;left:25px;}
.join_input_dl > dt .title {font-weight:bold;  color:#555555; font-family: 'Noto Sans', sans-serif; font-size:14px;}
.join_input_dl > dd {width:auto; display:table-cell;  vertical-align:middle;  line-height:23px; padding:10px 0px 10px 20px; position:relative;}
.phone_height {line-height:normal !important;}
.join_agreement_content .selcet_class  {position:relative; top:1px;}
.btn_add_srch { width:76px; height:23px; background:#f2f2f2; border:1px solid #919191; text-align:center; vertical-align:middle; line-height:23px; display:inline-block; }
.replace_icon {text-decoration:underline; color:#999; background:url('../images/common/replace_icon.png') 0 10px no-repeat; padding-left:24px;}
.join_agreement {background:#f5f5f5; padding:30px 30px 40px; border-bottom:1px solid #e1e1e1;}
.join_agreement .title {margin-bottom:14px;  position:relative;}
.join_agreement .title span {font-size:14px; color:#222;}
.join_agreement .title a {display:inline-block; width:60px; height:21px; line-height:21px; background:#999999; border:1px solid #888888; text-align:center; color:#fff; position:absolute; right:0px; top:-5px;}
.agreement_content {  height: 150px;
background:#fff;
  word-break: break-all;
  overflow-y: auto;
  padding: 10px 22px;
  box-sizing: border-box;
    border: 1px solid #dadada;
	  width: 100%;
  }

 .agreement_content2 {border:1px solid #e1e1e1; background:#fff;}

 /*join end*/
 .join_end_box {border:1px solid #d0cec8; width:100%; position:relative; text-align:center; padding:54px 0px 45px; margin:92px auto 45px;}
 .join_end_box:after {content:''; display:block; clear:both; width:100%; height:2px; background:#d0cec8; position:absolute; left:0px; bottom:-2px;}
 .join_end_box h2 {color:#000; line-height:160%; font-size:34px; margin-bottom:18px; font-weight:normal;}
 .join_end_info {text-align:center;}
 .join_end_info p {background:#f3f3f3; font-size:16px; color:#000; display:inline-block; padding:5px;}
 .join_end_btn {margin:45px 0px 178px; text-align:center;}
 .join_end_btn a {margin:0px 2px;}

/*join_agreement*/

.center_btn_wrap {text-align:center;}

.all_checkbox { text-align:center; height:42px; border:1px solid #d0cec8; margin:50px 0px; line-height:42px;}
.certification_box_title {font-size:16px;padding:0px 0px 14px 12px;}
.certification_btn {}
.certification_btn:after {content:''; display:block; clear:both;}
.certification_btn > ul { width:48.5%; border:1px solid #d0cec8; text-align:center; padding:37px 0px 40px;}
.title_img { line-height:0px; font-size:0px; margin-bottom:18px;}
.member_join_text01 { margin:22px 0px 45px;}
.member_join_text01 li {margin-bottom:6px; line-height:160%; position:relative; margin-left:13px; padding-left:10px;}
.member_join_text01 li:after {content:''; display:block; clear:both; width:2px; height:2px; position:absolute; top:8px; left:0px; background:#848070;}

.join_agreement_title {font-size:16px; border-bottom:1px solid #444032; padding:0px 0px 15px 11px;}
.join_agreement_title2 { padding-left:14px; margin-bottom:13px;  font-size:14px;}
.join_title_deco {padding-left:33px; margin-bottom:18px;}


.agreement_containner {}
.agreement_containner .agreement_content { background:transparent; border:0px !important;}


.join_agreement_title3 { padding:0px 0px 18px 1px; color:#333; font-weight:bold; font-size:22px; font-family: 'Noto Sans', sans-serif;}
.text_area_wrap {height:178px; word-break: break-all; overflow-y:auto;border:1px solid #e1e1e1;background-color:#f5f5f5;padding:10px 22px;line-height:140%; font-size:11px;}
.text_area_wrap p {line-height:160%;}
.text_area_wrap table{width:100% !important;}
.agreement_check {width:100%; padding-top:12px;}
.agreement_check:after {content:''; display:block; clear:both;}
.agreement_check > li.first {float:right;}
.agreement_check > li.first label {font-size:13px; color:#555555; margin-right:9px; font-weight:bold;}
.agreement_check > li.last {float:right; display:none;}
.join_agreement_text {border:1px solid #e1e1e1; background:#f5f5f5; }

.agreement_gap {}

.idpw_input_box span {display:inline-block; line-height:35px; position:relative;}
.idpw_input_box label {position:absolute; line-height:35px; top:0px; left:5px;}

.login_box_wrap {width:977px; height:620px; position:absolute; top:50%;left:50%; margin-top:-310px; margin-left:-488px; border:1px solid #e1e1e1; background:#fff;-webkit-box-shadow: 3px 3px 13px -5px rgba(0,0,0,0.69);
-moz-box-shadow: 3px 3px 13px -5px rgba(0,0,0,0.69);
box-shadow: 3px 3px 13px -5px rgba(0,0,0,0.69);}
.login_box_wrap:after {content:''; display:block; clear:both;}
.login_box_wrap div.left {position:absolute; height:100%; width:488px; border-right:1px solid #e1e1e1; top:0px; left:0px;}
.login_box_wrap div.left > div.top {border-bottom:1px solid #e1e1e1;}
.login_box_wrap div.right {position:absolute; height:100%; width:488px;  top:0px; right:0px;}
.login_box_wrap div.right .top {height:486px;border-bottom:1px solid #e1e1e1; padding:0px 39px;}
.login_box_wrap div.right .top h1 {padding-top:22px; margin-bottom:10px;}
.login_box_wrap div.right .bottom {position:absolute;bottom:0px; right:0px; width:488px; height:133px; background:#f5f5f5;}
.login_box_wrap div.right .bottom:after {content:''; display:block; clear:both; position:absolute; top:50%; margin-top:-1px; left:0px; background:#e1e1e1; width:100%; height:1px;}
.top_deco_text {text-align:center; margin-bottom:15px;}
.top_deco_text > dt {color:#333333; font-size:27px;  margin-bottom:15px;   font-family: 'Noto Sans', sans-serif;}
.top_deco_text > dd {line-height:160%; font-size:14px; color:#555555;  font-family: 'Noto Sans', sans-serif;}
.login_input_box {margin-bottom:14px;}
.login_input_box li {margin-bottom:10px; position:relative;}
.login_input_box li label {position:absolute; top:0px; line-height:49px; font-size:14px; left:14px;}
.login_input_box input[type='text'] , .login_input_box input[type='password'] {border:1px solid #e1e1e1;background:#fff; padding:14px; width:380px; font-size:16px;}

.login_btn {width:100%;}
.login_btn:after {content:''; display:block; clear:both;}
.login_btn li.left {float:left;}
.login_btn li.right {float:right;}

.login_box_wrap div.right .bottom ul {width:100%;}
.login_box_wrap div.right .bottom ul:after {content:''; display:block; clear:both;}
.login_box_wrap div.right .bottom ul li {float:left; width:50%; line-height:66px;}
.login_box_wrap div.right .bottom ul li a {margin-left:27px; color:#555555; font-size:14px;  font-family: 'Noto Sans', sans-serif;}
.login_box_wrap div.right .bottom ul li img {margin-right:18px;}
.login_box_wrap div.right .bottom ul li.back {background:url('../images/intro_gap.png') right 20px no-repeat;}


.join_back_class {border:1px solid #e1e1e1; background:#fff; padding:101px 108px;}
.join_s_title {text-align:center; margin-bottom:60px;}
.join_s_title > dt {line-height:0px; font-size:0px; margin-bottom:38px;}
.join_s_title > dd {line-height:160%; color:#333333; font-size:14px;}

.type_btn_joins {width:100%;}
.type_btn_joins:after {content:''; display:block; clear:both;}
.type_btn_joins > li {text-indent:-9999px; width:350px; height:220px; cursor:pointer;}
.type_btn_joins > li.type1 {float:left; background:url('../images/join_type_btn1.png') 0 0 no-repeat;}
.type_btn_joins > li.type1:hover { background:url('../images/join_type_btn1_on.png') 0 0 no-repeat;}
.type_btn_joins > li.type2 {float:right; background:url('../images/join_type_btn2.png') 0 0 no-repeat;}
.type_btn_joins > li.type2:hover { background:url('../images/join_type_btn2_on.png') 0 0 no-repeat;}


.authentication_back_wrap {border:1px solid #e1e1e1; background:#fff; padding:58px 49px 62px;}

.authentication_title {text-align:center; margin-bottom:60px;}
.authentication_title > dt {color:#333333; font-weight:bold; font-size:36px;     font-family: 'Noto Sans', sans-serif; margin-bottom:48px;}
.authentication_back_wrap .middle {margin-bottom:61px;}
.authentication_back_wrap .middle ul {width:100%;}
.authentication_back_wrap .middle ul:after {content:''; display:block; clear:both;}
.authentication_back_wrap .middle ul li {float:left; width:260px; height:260px; text-indent:-9999px; cursor:pointer; padding:0px 10px;}

.authentication_back_wrap .middle ul li.type1 {background:url('../images/authentication_01.png') 0 0 no-repeat; }
.authentication_back_wrap .middle ul li.type2 {background:url('../images/authentication_02.png') 0 0 no-repeat; }
.authentication_back_wrap .middle ul li.type3 { background:url('../images/authentication_03.png') 0 0 no-repeat; }


.authentication_back_wrap .middle ul li.type1:hover {background:url('../images/authentication_01_ob.png') 0 0 no-repeat; }
.authentication_back_wrap .middle ul li.type2:hover {background:url('../images/authentication_02_ob.png') 0 0 no-repeat; }
.authentication_back_wrap .middle ul li.type3:hover { background:url('../images/authentication_03_ob.png') 0 0 no-repeat; }





.authentication_title {text-align:center; margin-bottom:60px;}
.authentication_title > dt {color:#333333; font-weight:bold; font-size:36px;     font-family: 'Noto Sans', sans-serif; margin-bottom:48px;}
.authentication_back_wrap2 .middle {margin-bottom:31px; margin-top:30px;}
.authentication_back_wrap2 .middle ul {}
.authentication_back_wrap2 .middle ul:after {content:''; display:block; clear:both;}
.authentication_back_wrap2 .middle ul li {float:left; width:260px; height:260px; text-indent:-9999px; cursor:pointer; padding:0px 10px;}

.authentication_back_wrap2 .middle ul li.type1 {background:url('../images/authentication_01.png') 10px 0 no-repeat; }
.authentication_back_wrap2 .middle ul li.type2 {background:url('../images/authentication_02.png') 10px 0 no-repeat; }
.authentication_back_wrap2 .middle ul li.type3 { background:url('../images/authentication_03.png') 10px 0 no-repeat; }


.authentication_back_wrap2 .middle ul li.type1:hover {background:url('../images/authentication_01_ob.png') 10px 0 no-repeat; }
.authentication_back_wrap2 .middle ul li.type2:hover {background:url('../images/authentication_02_ob.png') 10px 0 no-repeat; }
.authentication_back_wrap2 .middle ul li.type3:hover { background:url('../images/authentication_03_ob.png') 10px 0 no-repeat; }




.join_agreement_btn {text-align:center; line-height:0px; font-size:0px; margin-top:40px;}
.join_agreement_btn a {padding:0px 5px;}

.mail_select .holder {width:152px;}
.join_input_title {font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size:22px; margin-bottom:20px; color:#333;}
.join_input_deco {padding-left:15px; color:#848070; margin-bottom:18px;}
.add_btn_wrap {position:absolute; top:13px; padding-right:20px; right:13px; font-size:11px; color:#6f643c; cursor:pointer;background:url('{templet_src}/images/common/q_icon.gif') right center no-repeat; display:none;}
/*.authentication_back_wrap .rgb_point {display:none;}*/

.last_c_info {margin:15px 0px 39px; color:#999999;}


.search_top_box dt {line-height:160%; color:#555555; font-size:14px; text-align:center; margin:33px 0px 28px;}
.search_top_box dd {width:400px; margin:0px auto;}
.search_top_box dd input {  border: 1px solid #e1e1e1;  background: #fff; padding: 14px; width: 300px; font-size: 16px;}
.search_top_box th {font-size:16px;    font-family: 'Noto Sans', sans-serif; text-align:left; color:#555;}

.search_id_btn {text-align:center;  padding:30px 0px 40px;line-height:0px; font-size:0px; vertical-align:top;}
.search_id_btn a {margin:0px 10px;}

.cu_box_wrap {border-top:1px dashed #e1e1e1; padding-top:30px;}
.cu_box_wrap dt {color:#555555; margin-bottom:20px;}
.cu_box_wrap td.type1 {font-family: 'Noto Sans', sans-serif; font-size:36px;}
.cu_box_wrap td.type2 {vertical-align:top;}
.cu_box_wrap td.type2 li {line-height:160%; position:relative; padding-left:10px;}
.cu_box_wrap td.type2 li:after {width:2px; height:2px; position:absolute; content:''; display:block; clear:both; left:0px; top:8px; background:#555555;}