@charset "utf-8";
@import url(reset.css);

/* 공통 layout & 회원가입 intro */
#header{width:960px;height:40px;margin:0 auto;overflow:hidden;margin-top:24px;}
#header h1{float:left;margin-right:16px;line-height:40px}
#header h1 a img{vertical-align:bottom;margin-bottom:10px}
#header h2{float:left;line-height:40px}
/*#header h2 img{vertical-align:bottom;margin-bottom:13px}*/
#header h2 img{vertical-align:middle}
#header ul{float:right;overflow:hidden;line-height:40px}
#header ul li{float:left;margin-left:5px}
#container_main{text-align:center;background:url("../member/img/bg_top.gif") repeat-x}
#container_main ul{width:787px;height:564px;background:url("../member/img/join_visual_bg.gif") no-repeat;margin:0 auto;position:relative}
#container_main ul li.btn_per a{width: 385px;height: 63px;position: absolute;bottom: 125px;left: 8px}
#container_main ul li.btn_com a{width: 385px;height: 63px;position: absolute;bottom: 125px;left: 393px}
#container{width:960px;margin:0 auto;overflow:hidden}

#container .board_input *{box-sizing:border-box}
#container .board_input table.box{width:100%}
#container .board_input table.box caption{display:none;}
#navi{height:75px;background-color:#2C6DEF}
#navi:after{content:'';display:block;clear:both}
#navi > div{width:960px;height:75px;background: url("../member/img/h_flow_bg.gif") no-repeat 50% 0;margin:0 auto}
#navi h1{float:left;margin-left:20px;line-height:75px}
#navi h1 img{vertical-align: middle}
#navi .step-area{float:right;overflow:hidden;line-height: 75px}
#navi .step-area li{float:left;height:75px;line-height: 75px;background:url("../member/img/h_flow_tit.png") no-repeat}
#navi .step-area li.step1{width:155px;margin-left:10px;background-position:0px -85px}
#navi .step-area li.step2{width:125px;margin-left:60px;background-position:-205px -85px}
#navi .step-area li.step3{width:95px;margin-left:61px;background-position:-380px -85px}
#navi .step-area li.on{background-position-y:0px}
#footer{width:960px;margin:0 auto;padding:25px 0;text-align:center}/* 2014-10-12 작은모니터에선 잘 안보임 padding:40px 0 */
#footer ul{display:inline-block;*display:inline;*zoom:1;margin-bottom:12px}
#footer ul li{display:inline-block;*display:inline;*zoom:1;margin-left:5px}
.btn_area{text-align:center;margin-top:40px;margin-bottom:50px}
.btn_area2{text-align:center;padding-top:20px;padding-bottom:25px}
.btn_area3{text-align:center;padding-top:30px;padding-bottom:100px}

/* 회원인증 step1 */
.box_agree{width:465px;margin-top:35px;margin-bottom:75px}
.box_agree h3{margin-left:20px}
.box_agree dd p{width:465px;height:255px;margin-top:12px;padding:20px;border:solid 1px #EEEEEE;overflow-y:scroll;line-height:18px;color:#686868}
.box_agree dd.agree{text-align:center;margin-top:15px}
.box_agree .pre-line strong{font-weight:bold;color:#686868}
.box_auth{clear:both}
.box_auth h3{margin-left:20px;margin-bottom:15px;margin-top: 0px !important}
.box_auth > dl{position:relative;border:solid 1px #EEEEEE;background-color:#F4F4F4}
.box_auth > dl > dt{position:absolute;top:0;left:0;height:50px;line-height:50px}
.box_auth > dl > dt img{vertical-align: middle}
.box_auth > dl > dd{background-color:#FCFCFC;border-top:solid 1px #EEEEEE;margin-top:50px}
.box_auth dt.mobile{margin-left:20px}
.box_auth dt.ipin{margin-left:120px}
.box_auth dt.foreign{margin-left:260px}
.box_auth dd.mobile,
.box_auth dd.mobile .form_wrap,
.box_auth dd.mobile .desc{height:253px}
.box_auth dd.mobile .form_wrap{float:left;width:50%;padding-top:30px;padding-left:40px}
.box_auth dd.mobile .desc{float:right;width:50%;border-left:solid 1px #EEEEEE;height:253px;padding: 30px 15px 0 15px;}/* 2014-10-12 padding:30px 25px 0 30px */
.box_auth dd.mobile .desc h6{margin-bottom:15px}
.box_auth dd.mobile .desc p{color:#3C3C3C;line-height:18px;margin-bottom:12px;word-spacing:-1px}
.box_auth dd.mobile .desc strong{font-weight:normal;color:#2E6DEE}
.box_auth dd.ipin{height:140px;padding:25px 30px 0 30px}
.box_auth dd.ipin dt{margin-bottom:3px}
.box_auth dd.ipin dd.first{margin-bottom:10px;padding-bottom:10px;border-bottom:solid 1px #EEEEEE}
.box_auth dd.ipin dd{line-height:20px}
.box_auth dd.foreign{height:195px}
.box_auth dd.foreign_num{width:119px}
.box_auth dd.foreign{height:170px}
.box_auth dd.foreign .form_wrap{float:left;width:50%;padding-top:30px;padding-left:40px}
.box_auth dd.foreign .desc{float:right;width:50%;border-left:solid 1px #EEEEEE;height:170px;padding: 30px 15px 0 15px;}/* 2014-10-12 padding:30px 25px 0 30px */
.box_auth dd.foreign .desc h6{margin-bottom:15px}
.box_auth dd.foreign .desc p{color:#3C3C3C;line-height:18px;margin-bottom:12px;word-spacing:-1px}
.box_auth dd.foreign .desc strong{font-weight:normal;color:#2E6DEE}

/* 회원인증 step2 */
.box_meminfo strong{font-weight:normal;color:#FF6D00;font-size:inherit}
.box_meminfo em{font-weight:normal;color:#4EA9E0;font-size:inherit}
.box_meminfo h3{margin-top:37px;margin-left:20px}
.box_meminfo ul{margin-top:16px;margin-left:12px}
.box_meminfo ul li{padding-bottom:6px;padding-left:10px;background:url(../member/img/dot1.gif) no-repeat 4px 5px;font-size:11px;color:#828282;font-family:dotum}
.box_meminfo ul li .bold{font-size:11px;font-family:dotum;color:#FF6D00;font-weight:normal}
.box_meminfo ul li .icon_sleeper{display:inline-block;letter-spacing:-1px;border:1px solid #e9e9e9;background-color:#e9e9e9;color:#4d4747;padding:0px 3px;margin-left:5px;font:11px dotum;}
.box_meminfo table{margin-top:13px}
.box_meminfo .id_desc{display:inline-block;*display:inline;*zoom:1;width:142px;height:19px;background:url(../member/img/join_btn.png) -150px -230px;vertical-align:middle}
.box_meminfo .id_desc input{background:#fff;border:none;outline:none;font-size:11px;font-family:dotum;color:rgb(102,102,102);width:auto;line-height:normal;padding:0;margin:0;height:11px;overflow:visible;vertical-align:top;margin-top:4px;margin-left:27px;word-spacing:-5px;text-align:left;}/*visibility:hidden*/
.box_meminfo .area_fax{padding-left:36px;background:url(../member/img/fax_ico.gif) no-repeat 6px 3px}
.box_meminfo .area_tel{padding-bottom:10px;padding-left:36px;background:url(../member/img/tel_ico.gif) no-repeat 6px 3px}
.box_meminfo .area_mobile{padding-top:10px;padding-left:36px;background:url(../member/img/hp_ico.gif) no-repeat 8px 15px;border-top:dashed 1px #E4E4E4;}
.box_meminfo .area_zip{padding-bottom:10px;border-bottom:dashed 1px #E4E4E4}
.box_meminfo .area_addr{padding-top:10px}
.box_meminfo .msg{padding:0;margin:0}
.box_meminfo .msg.empty{display:none}
.box_meminfo .msg.warning{font-size:11px;color:#ff0000 !important;padding-top:5px}
.box_meminfo .msg.success{font-size:11px;color:#1880ea !important;padding-top:5px}
.box_meminfo .tip strong{font-size:inherit;color:#FF903D}
.box_setrecv h3{margin-top:43px;margin-left:20px}
.box_setrecv table{margin-top:13px}
.box_setrecv .desc{font-size:11px;color:#717E8F;letter-spacing:-1px}
.box_setrecv .prev{margin-top:-2px}
.box_agree2 h3{margin-top:43px;margin-left:20px}
.box_agree2 table{margin-top:13px}
.box_agree2 .desc{font-size:11px;color:#717E8F;letter-spacing:-1px}
.box_agree2 .prev{margin-top:-2px}
.box_agree2 .pre-line{height:255px;padding:20px;border:solid 1px #EEEEEE;overflow-y:scroll;line-height:18px;color:#686868}
.box_agree2 .box_btn_agree{padding:10px 0 0;text-align:right}

/* 회원인증 step3 */
#container h3{margin-top:37px;margin-left:20px;}
#container .result_box{width:960px;background-color:#fcfcfc; border:solid 1px #eeeeee;margin-top:16px;padding-top:50px;}
#container .result_box.congratulation{width:960px;border:solid 1px #eeeeee;margin-top:16px;padding-top:50px;background:#fcfcfc url('../member/img/icon_join_celebration.png') no-repeat 173px 19px;}
#container .result_box p{text-align:left;margin-bottom:15px;line-height:25px;color:#606060;margin-left:345px;letter-spacing:-1px;}
#container .result_box p strong{font-weight:bold;font-size:14px;}
#container .m_service{margin-left:15px;}
#container .result .btn_area{text-align:center;}

/* find ID, find PW */
#find_navi{height:75px;background-color:#2C6DEF}
#find_navi:after{content:'';display:block;clear:both}
#find_navi .tab-area{width:960px;overflow:hidden;margin:0 auto;background:#2e6def}
#find_navi .tab-area li{float:left;height:75px;}
#find_navi .tab-area li a{display:block;height:75px;margin:0 auto}
#find_navi .tab-area1{}
#find_navi .tab-area1 li{width:240px}
#find_navi .tab-area1 li a{width:210px;background:url("../member/img/h_gnb_tit_4step.png") no-repeat;}
#find_navi .tab-area1 li.tab1 a{background-position:58px -85px}
#find_navi .tab-area1 li.tab2 a{background-position:59px -85px}
#find_navi .tab-area1 li.tab3 a{background-position:-102px -85px}
#find_navi .tab-area1 li.tab4 a{background-position:-274px -85px}
#find_navi .tab-area1 li.tab5 a{background-position:-450px -85px}
#find_navi .tab-area2{}
#find_navi .tab-area2 li a{width:240px;background:url("../member/img/edit2_gnb_tit.png") no-repeat;}
#find_navi .tab-area2 li.tab1 a{background-position:51px -85px}
#find_navi .tab-area2 li.tab2 a{background-position:-348px -85px}
#find_navi .tab-area2 li.tab3 a{background-position:-566px -85px}
#find_navi .tab-area2 li.tab4 a{background-position:-770px -85px}
#find_navi .tab-area3{}
#find_navi .tab-area3 li{padding:0 0 0 57px}
#find_navi .tab-area3 li:first-child{padding-left:0}
#find_navi .tab-area3 li a{width:192px;background:url("../member/img/edit2_gnb_tit.png") no-repeat;margin-left:0}
#find_navi .tab-area3 li.tab1 a{background-position:10px -85px;width:148px}
#find_navi .tab-area3 li.tab2 a{background-position:-384px -85px;width:158px}
#find_navi .tab-area3 li.tab3 a{background-position:-586px -85px;width:193px}
#find_navi .tab-area3 li.tab4 a{background-position:-823px -85px;width:120px}
#find_navi .tab-area3 li.tab5 a{background-position:-990px -85px;width:112px}
#find_navi .tab-area li.on a{background-position-y:0 !important}
#find_navi .tab-area li:hover a{background-position-y:0 !important}
#container h2.box_find_t{margin-bottom: 20px;margin-top: 20px;}
#container .box_find{width:472px;margin-bottom: 35px;border:solid 1px #EEEEEE;background-color:#F4F4F4;overflow:hidden}
#container .box_find h3{float:left;margin-left:23px;margin-top:19px}
#container .box_find ul{display:inline-block;*display:inline;*zoom:1;overflow:hidden;float: right;margin-right: 10px}
#container .box_find li{float:left;line-height:53px;margin-right:10px}
#container .box_find ul.pw li{float:left;line-height:53px;margin-right:15px}
#container .box_find ul.co li{float:left;line-height:53px;margin-right:40px}
#container .box_find li input{margin-right: 3px}
#container .box_find div.form_wrap{width:100%;margin:54px auto 0;line-height:37px;background-color:#FCFCFC;border-top:solid 1px #EEEEEE}
.box_find_desc{float: left;width:960px;height:133px;background:#f8f8f8  url('../individual/img/notice_bg_icon.gif') 25px 50% no-repeat;padding:20px;padding-left:90px;}

.box_find_desc h6{margin:10px}
.box_find_desc p{margin-left:15px;margin-top:-14px;line-height:31px}
.find_id_result{padding-top:30px !important;padding-bottom:30px !important}
.find_id_result h4{margin-left:30px}
.find_id_result ul{margin-left:30px}

/* 메일링서비스 설정 */
.mailing_set_area{overflow:hidden}
.mailing_set_area .left_area{width:475px;margin-top:44px;float:left;}
.mailing_set_area .left_area h2{margin-left:19px;margin-bottom:10px;}
.mailing_set_area .left_area dl{width:475px;border-top:solid 2px #7490d1;border-left:solid 1px #e3e4e7;border-right:solid 1px #e3e4e7;border-bottom:solid 1px #e3e4e7;padding-top:17px;}
.mailing_set_area .left_area .top_area{padding-left:17px;overflow:hidden;border-bottom:dashed 1px #dedede;padding-bottom:17px;margin-bottom:17px;position:relative;}
.mailing_set_area .left_area .top_area .mail_img_ex{float:left;width:82px;height:73px;}/* 2014-10-12 삭제 border:solid 1px #d2d3d5;*/
.mailing_set_area .left_area .top_area .plus_ico{position:absolute;top:54px;left:78px;}
.mailing_set_area .left_area .top_area .mail_txt{float:left;margin-left:17px;margin-top:17px;}
.mailing_set_area .left_area .top_area .mail_txt .b_txt{font-size:13px;color:#818181;font-weight:bold;margin-bottom:7px;}
.mailing_set_area .left_area .top_area .mail_txt .m_txt{color:#818181;}
.mailing_set_area .left_area .new_area{padding-left:12px;margin-bottom:56px;}
.mailing_set_area .left_area .new_tit{font-weight:bold;color:#818181;}
.mailing_set_area .left_area dd .new_tit{font-weight:bold;color:#818181;}
.mailing_set_area .left_area dd .new_tit_nae{color:#818181;margin-left:13px;margin-top:5px;}
.mailing_set_area .left_area .mail_select{height:35px;background-color:#f5f8f9;text-align:center;line-height:36px;}
.mailing_set_area .left_area .mail_select > input{margin-left:21px;margin-right:5px;}
.mailing_set_area .right_area{width:475px;margin-top:44px;float:right;}
.mailing_set_area .right_area h2{margin-left:19px;margin-bottom:10px;}
.mailing_set_area .right_area dl{width:475px;border-top:solid 2px #7490d1;border-left:solid 1px #e3e4e7;border-right:solid 1px #e3e4e7;border-bottom:solid 1px #e3e4e7;padding-top:17px;}
.mailing_set_area .right_area .top_area{padding-left:17px;overflow:hidden;border-bottom:dashed 1px #dedede;padding-bottom:17px;margin-bottom:17px;position:relative;}
.mailing_set_area .right_area .top_area .mail_img_ex{float:left;width:82px;height:73px}/* 2014-10-12 삭제 border:solid 1px #d2d3d5;*/
.mailing_set_area .right_area .top_area .plus_ico{position:absolute;top:54px;left:78px}
.mailing_set_area .right_area .top_area .mail_txt{float:left;margin-left:17px;margin-top:17px}
.mailing_set_area .right_area .top_area .mail_txt .b_txt{font-size:13px;color:#818181;font-weight:bold;margin-bottom:7px}
.mailing_set_area .right_area .top_area .mail_txt .m_txt{color:#818181;}
.mailing_set_area .right_area .new_area{padding-left:12px;margin-bottom:37px}
.mailing_set_area .right_area .new_tit{font-weight:bold;color:#818181;}
.mailing_set_area .right_area dd .new_tit{font-weight:bold;color:#818181;}
.mailing_set_area .right_area dd .new_tit_nae{color:#818181;margin-left:13px;margin-top:5px}
.mailing_set_area .right_area dd .new_tit_nae2{color:#818181;margin-left:13px;margin-top:5px}
.mailing_set_area .right_area dd .new_tit_nae2 span{color:#2c6def;font-weight:bold;}
.mailing_set_area .right_area .mail_select{height:35px;background-color:#f5f8f9;text-align:center;line-height:36px}
.mailing_set_area .right_area .mail_select > input{margin-left:21px;margin-right:5px}
.mailing_set_area .top_area .mail_txt .b_txt .point_y{font-size:13px;color:#f3782e}
.mailing_set_area .top_area .mail_txt .b_txt .point_n{font-size:13px;color:#bebebe}

/* common form */
.form_member th{width:70px}
.form_member th,
.form_member td{padding:8px 0;text-align:left}
.form_member input,
.form_member select{height:25px}
.form_member input.name,
.form_member input.auth_num{width:242px}
.form_member input.name1{width:260px}
.form_member select.birth{width:78px}
.form_member .mobile{width:71px}
.form_member td.check{padding:0px}
.form_member td.check input{height:12px;vertical-align: text-bottom}

.form_member1{width:100%;border-top:solid 2px #7490D1}
.form_member1 input[type=text],
.form_member1 input[type=password],
.form_member1 select{height:25px;line-height:23px;border:solid 1px #C8CDD1;color:#7B7E8D;padding-left:5px}
.form_member1 th,
.form_member1 td{border:solid 1px #EBEEEF;text-align:left}
.form_member1 th{padding:18px;background-color:#F5F8F9;color:#3B4761;text-align:left}
.form_member1 td{padding:12px;color:#3B4564}
.form_member1 td .tel_area{margin-bottom:10px}
.form_member1 #register_change{padding:0}
.form_member1 #com_established_y{width:83px}
.form_member1 #com_established_m{width:65px}
.form_member1 #com_established_d{width:65px}
.form_member1 #per_birth_y{border:0;padding-left:0;text-align:right;width:30px}
.form_member1 #per_birth_m{border:0;padding-left:0;text-align:right;width:15px}
.form_member1 #per_birth_d{border:0;padding-left:0;text-align:right;width:15px}
.form_member1 #per_birth_gb{border:0;padding-left:0;text-align:center;width:36px}
.form_member1 #per_gender{border:0;padding-left:0;text-align:center;width:24px}
.form_member1 #welfare_cds{display:none}
.form_member1 select.number.edit_mobile1,
.form_member1 select.number.edit_tel1,
.form_member1 input.number.edit_fax1{width:60px}
.form_member1 input.number.edit_mobile2,
.form_member1 input.number.edit_mobile3,
.form_member1 input.number.edit_tel2,
.form_member1 input.number.edit_tel3,
.form_member1 input.number.edit_fax2,
.form_member1 input.number.edit_fax3{width:59px}
.form_member1 button.register_change{background:#F5F5F7;padding:2px;font-size:11px;cursor:pointer}
.form_member1 input.id,
.form_member1 input.name,
.form_member1 input.password{width:186px}
.form_member1 input.number,
.form_member1 select.number{width:90px}
.form_member1 select.number{padding-left:0}
.form_member1 select.email{width:123px}
.form_member1 select.com_upjong{width:221px}
.form_member1 select.select{width:186px}
.form_member1 input.text{width:186px}
.form_member1 input#com_nm{width:353px}
.form_member1 input.auth_name{color:#3B4564;border:0;width:446px;line-height:14px;height:14px;padding-left:0}
.form_member1 input.auth_mobile,
.form_member1 select.auth_mobile{color:#B2B5BE !important;border:1px solid #eee !important;background:#fff !important}
.form_member1 input.tel_in{width:40px}
.form_member1 input.url{width:446px}
.form_member1 input.homepage{width:407px}
.form_member1 input.zip{width:90px}
.form_member1 input.addr{width:221px}
.form_member1 input.biznum{width:115px}
.form_member1 input.email{width:150px}
.form_member1 input.full{width:446px}
.form_member1 textarea.full{width:750px;line-height:18px;padding:5px;min-height:175px;border:solid 1px #C8CDD1;resize:vertical;word-wrap:break-word;white-space:-moz-pre-wrap;white-space:pre-wrap}
.form_member1 textarea.welfare_etc{width:750px;padding:5px;line-height:18px;min-height:50px;border:solid 1px #C8CDD1;resize:vertical;word-wrap:break-word;white-space:-moz-pre-wrap;white-space:pre-wrap}
.form_member1 input.com_capital{width:40px;text-align:right;padding-right:5px}
.form_member1 input.com_sales{width:40px;text-align:right;padding-right:5px}
.form_member1 input.emp_cnt{width:108px;text-align:right;padding-right:5px}
.form_member1 ul.welfare{margin:0}
.form_member1 ul.welfare li{padding:0}
.form_member1 ul.welfare li.reg{padding-bottom:0;line-height:26px;background:none}
.form_member1 ul.welfare li.mod{padding-bottom:0;line-height:26px;background:none}
.form_member1 ul.welfare li.mod dl.welfare_list{margin-top:5px;}
.form_member1 ul.welfare li p.info{display:inline-block;*display:inline;*zoom:1;margin-right:10px}
.form_member1 ul.welfare li dl{overflow:hidden}
.form_member1 ul.welfare li dt,
.form_member1 ul.welfare li dd{float:left}
.form_member1 ul.welfare li dt{width:100px;line-height:14px;font-weight:bold;color:#3767D3}
.form_member1 ul.welfare li dt .ast{font-weight:normal}
.form_member1 ul.welfare li dd{width:650px;line-height:18px}
.form_member1 ul.welfare li dd{position:relative}
.form_member1 ul.welfare li dd span.colon{position:absolute;line-height:14px}
.form_member1 ul.welfare li dd ul{overflow:hidden;margin:0;padding-left:10px;min-height:18px}
.form_member1 ul.welfare li dd li{float:left;padding-right:3px;background:none}
.form_member1 ul.welfare li dd li:after{content:", "}
.form_member1 ul.welfare li dd li:last-child:after{content:""}
.form_member1 .tip{color:#777;line-height:18px}

.form_member2{margin:15px auto 0}

.form_member2 td,
.form_member2 th{text-align:left}
.form_member2 input,
.form_member2 select{height:25px}
.form_member2 select.birth{width:86px;margin-right:-1px;border:solid 1px #C8CDD1}
.form_member2 input.id{width:264px;border:solid 1px #C8CDD1}
.form_member2 input.name{width:264px;border:solid 1px #C8CDD1}
.form_member2 input.email{width:123px;border:solid 1px #C8CDD1}
.form_member2 input.mobile{width:83px;border:solid 1px #C8CDD1}
.form_member2 input.biznum{width:85px;border:solid 1px #C8CDD1}
.form_member2 select.mobile{width:71px;margin-right:-1px;border:solid 1px #C8CDD1}


/* 공통로그인화면 */
.m_home_icon{margin-top:11px;margin-right:5px;}
.com_top{overflow:hidden;margin-top:40px;}
.com_top h3{float:left;}
.com_top .com_bg{float:right;}
.com_form{border-top:1px solid #d5d7d8;border-bottom:1px solid #d5d7d8;padding:16px;overflow:hidden;}
.com_form .login_input_wrap{width:513px;height:265px;border:1px solid #cde5f2;padding-top:35px;float:left;background-color:#eff4ff;margin-right:16px;}
.com_form .login_input_wrap .login_che{padding-left:42px;}
.com_form .login_input_wrap .login_che input{margin-right:5px;color:#3a4662;}
.com_form .login_input_wrap .login_che .id_save{margin-right:20px;}
.com_form .login_form{margin-top:19px;position:relative;margin-bottom:36px;padding-left:42px;}
.com_form .login_form .input{width:326px;height:35px;margin-bottom:6px;padding-left:13px;font-size:18px;color:#1a3652;font-weight:bold;}
.com_form .login_form .submit{position:absolute;top:0px;left:374px;}
.com_form ul{height:77px;border-top:1px solid #cde5f2;background-color:#e6eaf5;padding-top:10px;}
.com_form li{overflow:hidden;margin-bottom:5px;}
.com_form li img{float:left;padding-top:6px;margin-left:43px;}
.com_form li .com_login_btn{float:right;width:142px;height:24px;color:#ffffff;background-color:#a0a0a0;margin-right:41px;border:1px solid #a0a0a0;}


/* 1:1고객센터 */
.m_home_icon{margin-top:11px;margin-right:5px;}
.box_meminfo {position:relative;}
.box_meminfo .tel{position:absolute;top:25px;right:0;}
.form_member1 select.qustion{width:150px;}
.form_member1 input.qu_title{width:745px;}
.form_member1 .qu_num{color:#ff6c00;font-weight:bold;}
.form_member1 .full_num{margin-top:10px;margin-left:10px;}
.form_member1 .q_box{width:745px;height:200px;border:solid 1px #c7cdd1;}
.form_member1 .w_text{width:150px;}
.form_member1 .sms_check{font-size:11px;color:#7a7f8b;}
.form_member1 .sms_che{margin-left:10px;}
.box_meminfo .agree_txt{text-align:center;line-height:22px;margin-top:15px;border:1px solid #e3e4e7; background-color:#f5f8f9;padding:20px;}
.box_meminfo .agree_txt label{font-weight:bold;}

/* 회원탈퇴 신청 */
.form_member1 .reason{width:745px;height:100px;border:solid 1px #c7cdd1;}/*추가*/
.form_member1 .notice{color:#7a7f8b;margin-top:8px;}/*추가*/

/* 휴면계정 */
#wrap.sleeper_account #navi > div{background:none}
#wrap.sleeper_account #navi > div h1 img{margin-top:0px}
#wrap.sleeper_account #container .con_sub_title{margin-top:30px}
#wrap.sleeper_account .inactive{width:100%;margin-top:20px;text-align:center;padding-top:30px;background-color:#FCFCFC;padding-bottom:30px;border:1px solid #eee;margin-bottom:30px;}
#wrap.sleeper_account .ia_text strong{font-weight:bold;padding-bottom:10px;display:inline-block;}
#wrap.sleeper_account .ia_img{width:100%;overflow:hidden;margin-top:20px;}
#wrap.sleeper_account .ia_img li{float:left;width:48%;text-align:center;background-color:#FCFCFC;height:160px;border:1px solid #eee;margin-bottom:50px;}
#wrap.sleeper_account .ia_img li img{padding-top:49px;}
#wrap.sleeper_account .ia_img .ia_img1{float:right}
#wrap.sleeper_account .ia_img a{margin-left:30px;margin-top:14px;display:inline-block;}
#wrap.sleeper_account .box_auth *{box-sizing:content-box}
#wrap.sleeper_account .box_auth{position:relative;}
#wrap.sleeper_account .box_auth h3{padding:0;margin:0;}
#wrap.sleeper_account .box_auth h3 img{margin:15px 0 5px 15px}
#wrap.sleeper_account .box_auth table.form_member{height:auto;float:left;margin-left:20px}
#wrap.sleeper_account .box_auth table.form_member tr{height:35px}
#wrap.sleeper_account .box_auth table.form_member tr th,
#wrap.sleeper_account .box_auth table.form_member tr td{padding:0px}
#wrap.sleeper_account .box_auth table.form_member input[type=text],
#wrap.sleeper_account .box_auth table.form_member select{box-sizing:border-box}
#wrap.sleeper_account .box_auth table.form_member #mobile1{width:73px}
#wrap.sleeper_account .box_auth table.form_member #mobile2,
#wrap.sleeper_account .box_auth table.form_member #mobile3{width:73px}
#wrap.sleeper_account .box_auth .desc{float:right;width:445px;border-left:solid 1px #EEEEEE;padding:0 15px}
#wrap.sleeper_account .box_auth .desc h6{font-size:12px;margin-bottom:15px}
#wrap.sleeper_account .box_auth .desc p {color:#3C3C3C;line-height:18px;margin-bottom:6px;word-spacing:-1px;}
#wrap.sleeper_account .box_auth .desc strong {font-weight:normal;color:#2E6DEE;}
#wrap.sleeper_account .auth_mobile,
#wrap.sleeper_account .auth_ipin{position:absolute;width:100%;height:190px;top:-212px;left:0;background:#F8F8F8;border:1px solid #eee;box-sizing:border-box}
#wrap.sleeper_account .auth_ipin .desc{float:none;width:100%;border:none;line-height:30px;margin-top:20px}
#wrap.sleeper_account .btn_close{display:block;position:absolute;right:4px;top:4px;border:1px solid #ccc;padding:2px;background-color:#fff;width:21px;height:21px}
#wrap.sleeper_account .center{text-align:center}
#wrap.sleeper_account .btn_submit{border:1px solid #2851A2;background-color:#2C6DEF;padding:5px 10px;color:#fff;font-family:'맑은 고딕';font-size:15px;margin-top:5px;letter-spacing:-1px}
#wrap.sleeper_account .btn_submit_com{width:218px;height:47px;background:url('../member/img/com_sleep_btn.jpg') no-repeat center center;text-indent:-9999px;font-size:0;overflow:hidden}
#wrap.sleeper_account .ipin_dtl input.ipin_dtl{vertical-align:top}

.ico_sns_mem_id{width:14px;height:14px}

/* 신규 회원가입 페이지 */
.tab_group { background-color: #fff; border-bottom: solid 2px #0081e5; }
.tab_group ul { height: 60px; }
.tab_group ul li { float: left; width: 50%; line-height: 60px; text-align: center; font-size: 22px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; cursor: pointer; }
.tab_group ul li.on { color: #fff; background-color: #0081e5; font-weight: bold; }

/*  */
.row_group { position: relative; margin-bottom: 30px; padding: 20px; background-color: #fff; border: solid 1px #eee; }
.row_group h2 { margin: 10px 0 20px 0; color: #333; font-size: 18px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }
.row_group h2 small{ margin-left: 5px; color: #ff6d00; font-size: 15px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }

/* 소셜 계정으로 간편하게 회원가입 */
.social_list { position: relative; overflow: hidden; }
.social_list ul li { margin: 2px; width: 325px; float: left; }
.social_list ul li .btn_social { width: 100%; height: 50px; border: solid 1px #dedede; background: none; font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }
.icon_social { margin-right: 0; width: 25px; height: 25px; vertical-align: middle; display: inline-block; }
.icon_social.icon_facebook { background: url('../icon/social_facebook.png') 0 0 no-repeat; }
.icon_social.icon_naver { background: url('../icon/social_naver.png') 0 0 no-repeat; }
.icon_social.icon_kakao { background: url('../icon/social_kakao.png') 0 0 no-repeat; }
.icon_social.icon_google { background: url('../icon/social_google.png') 0 0 no-repeat; }

/* 버튼 그룹 */
.button_group { position: relative; margin: 0 0 5px 0; padding: 0; overflow: hidden; }
.button_group button { width: 49%; line-height: 50px; background-color: #f7fafc; border: 1px solid #d7e2f2; font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }
.button_group button.left { float: left; }
.button_group button.right { float: right; }

/* 개인정보 입력 */
.input_group { position: relative; margin: 0 0 5px 0; padding: 0; border: solid 1px #dedede; }
.input_group input[type=text] { padding: 15px; border: 0; font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }
.input_group input[type=password] { padding: 15px; border: 0; font-size: 16px; }
.input_group input[type=radio] { width: 20px; height: 20px; margin-right: 5px; }
.input_group select { padding: 15px; border: 0; font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }
.input_group.required { border-left: solid 1px #ff6d00; }
.input_group .group_box { padding: 15px; }
.input_group .group_box label { font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; color: #757575; }
.input_group .group_box label.interval { margin-right: 30px; }
.division { padding: 0 10px; }

/* 회원정보 버튼 */
/* .btn { padding: 7px 10px 10px 10px; background-color: #f7fafc; border: 1px solid #d7e2f2; font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; } */

/* 약관동의 */
.agree_group { position: relative; margin: 0 0 5px 0; padding: 5px 5px; line-height: 30px; }
.agree_group.agree_all { padding: 10px 5px; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; }
.agree_group label { width: 620px; font-size: 16px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic' }
.agree_group label .required { margin-right: 5px; font-size: 16px; color: #ff6d00; }
.agree_group input[type=checkbox] { width: 20px; height: 20px; }

/* 약관보기 */
.btn_open_panel { margin-left: 5px; color: #9b9b9b; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }

/* 약관 상세내용 */
.agree_panel { padding: 20px; border: solid 1px #dedede; overflow-y: scroll; width: 650px; height: 150px; display: none; }

.font_14 { font-size: 14px !important; }

/* 아이디 중복확인 결과 메시지 */
.msg { padding: 10px 15px; }
.msg.empty { display: none; }
.msg.warning{ display: block; font-size: 12px; color: #ff0000 !important; }
.msg.success{ display: block; font-size: 12px; color: #1880ea !important; }
.tip strong{ display: block; font-size: inherit; color: #FF903D; }

/* 인증번호 타이머 */
.timer { width: 100px; display: inline-block; }

/* 안내 메시지 */
.info { margin: 20px 5px 10px; color: #9b9b9b; font-size: 14px; font-family: 'Nanum Square', '맑은 고딕', 'Malgun Gothic'; }

/* 화원가입 완료 버튼 */
.btn_join { width: 100%; height: 70px; display: inline-block; background: url('../member/img/btn_join_execution.jpg') 0 0 no-repeat; }

/* 기업인증 */
#container .company_certify{padding-bottom:100px;}
#container .company_certify *{letter-spacing:-0.5px;}
#container .company_certify .red{color:#ff4c4c}
#container .company_certify .fa-solid{font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important;}
#container .company_certify .tit{font-size:36px;font-weight:700;margin:37px 0 20px 0;}
#container .company_certify .sub_tit{font-size:22px;margin:50px 0 20px 0;}
#container .company_certify .txt_dash{font-size:16px;margin:0 4px;}
#container .company_certify .list_txt li{position:relative;font-size:14px;color:#6a6a6a;padding-left:15px;margin-bottom:8px;}
#container .company_certify .list_txt li:after{content:'';position:absolute;top:calc(50% - 1.5px);left:6px;width:3px;height:3px;border-radius:50%;background:#6a6a6a;}
#container .company_certify .list_txt span{font-size:12px;color:#6a6a6a;}
#container .company_certify .list_txt .link{font-size: 12px; color: rgb(0, 119, 255); text-decoration:underline}
#container .company_certify .list_box li{position:relative;background:#f8f8f8;border-radius:8px;height:108px;display:flex;align-items: center;margin-bottom:10px;padding-left:105px;}
#container .company_certify .list_box li > div{font-size:12px;color:#000}
#container .company_certify .list_box .fa-solid{font-size:40px;position:absolute;top:50%;;left:30px;transform: translate(0, -50%);}
#container .company_certify .list_box p{font-size:20px;margin-bottom:10px;font-weight:700}
#container .company_certify .list_box span{color:#6a6a6a}
#container .company_certify .list_box .line{display:inline-block;width:1px;height:12px;background:#d2d2d2;vertical-align: middle;margin:0 3px}
#container .company_certify .box_step{border:1px solid #d2d2d2;border-radius:8px;padding:24px;}
#container .company_certify .box_step .box{border-bottom:1px solid #d2d2d2;display:flex;padding-bottom:24px;}
#container .company_certify .box_step .box div{position:relative;padding:0 10px 0 60px;flex: 1 1;font-size:12px;color:#6a6a6a}
#container .company_certify .box_step .box span{position:absolute;top:50%;left:0;transform: translate(0, -50%);display:inline-block;width:50px;height:50px;background:#f8f8f8;border-radius:50%;display:flex;justify-content: center;align-items: center;}
#container .company_certify .box_step .box em{display:block;font-size:16px;font-weight:700;margin-bottom:10px;}
#container .company_certify .box_step .txt{display:block;font-size:16px;font-weight:700;margin-bottom:10px;padding-top:24px;}
#container .company_certify .box_step li{position:relative;padding-left:10px;font-size:13px;color:#6a6a6a;margin-bottom:8px;}
#container .company_certify .box_step li:after{content:'';position:absolute;top:50%;left:0;transform: translate(0, -50%);width:3px;height:3px;border-radius:50%;background:#6a6a6a;}
#container .company_certify .box_step li:last-child{margin-bottom:0;}
#container .company_certify .box_step .fa-solid{font-size:25px;}
#container .company_certify .box_input{border-top:1px solid #171717;padding:24px 0;}
#container .company_certify .box_input > div{position:relative;min-height:48px;padding-left:150px;margin-bottom:30px;}
#container .company_certify .box_input > div:last-child{margin-bottom:0px;}
#container .company_certify .box_input input{height:48px;width:400px;border-radius: 8px;padding:0 10px;font-size:14px;}
#container .company_certify .box_input #cert_biznum1{width:100px;}
#container .company_certify .box_input #cert_biznum2{width:80px;}
#container .company_certify .box_input #cert_biznum3{width:180px;}
#container .company_certify .box_input span{position:absolute;top:50%;left:0;transform: translate(0, -50%);font-size:14px;font-weight:700;}
#container .company_certify .box_input select{height:48px;border-radius:8px;font-size:14px;}
#container .company_certify .box_input input:disabled, select:disabled{background:#eee}
#container .company_certify .type_phone input{width:138px;}
#container .company_certify .type_phone select{width:80px;}
#container .company_certify .type_phone .btn{height:48px;padding:0 20px;border-radius:8px;background:#fff;margin-left:5px;font-size:14px;border-color:#d2d2d2}
#container .company_certify .type_phone .btn.bg-black{background:#333;color:#fff;border-color:#333}
#container .company_certify .type_phone .btn:disabled{background:#d2d2d2;color:#fff;border-color:#d2d2d2}
#container .company_certify .type_phone .box{margin-bottom:15px;}
#container .company_certify .type_phone .box + .box{margin-bottom:0}
#container .company_certify .type_phone .box + .box input{width:400px}
#container .company_certify .type_phone .timer{margin-left:10px}
#container .company_certify .type_email input{width:127px;}
#container .company_certify .type_email select{width:110px;margin-left:5px;}
#container .company_certify .type_email i{font-size:13px;margin:0 4px;}
#container .company_certify .type_number input{width:84px;}
#container .company_certify .type_number p,
#container .company_certify .type_number span{margin-top:10px;font-size:13px;}
#container .company_certify .box_tip{border:1px solid #e8e8e8;padding:24px;display:flex;align-items: center;margin-top:20px;}
#container .company_certify .box_tip .box_l{width:360px;height:94px;border:1px solid #e8e8e8;margin-right:30px;display:flex;}
#container .company_certify .box_tip .box_l div{width:50%;text-align:center;padding-top:25px;font-size:13px;}
#container .company_certify .box_tip .box_l div p{font-size:17px;font-weight:700;margin-bottom:5px;}
#container .company_certify .box_tip .box_l div:first-child{background:#f8f8f8;font-size:14px;}
#container .company_certify .box_tip .box_r{width:520px;font-size:13px;}
#container .company_certify .box_tip .box_r p{font-size:16px;font-weight:700;margin-bottom:10px;}
#container .company_certify .box_agree{margin-top: 40px; padding: 24px  16px; background: #f8f8f8; width:100%;}
#container .company_certify .box_agree span{font-size:14px;font-weight:700;color: #6a6a6a;}
#container .company_certify .box_agree p{font-size:13px;color: #6a6a6a;margin-top:5px;vertical-align: middle;}
#container .company_certify .box_check span{font-weight:700;font-size:13px;}
#container .company_certify .box_check label{font-size:13px;}
#container .company_certify .box_check div{position:relative;margin-top:30px;}
#container .company_certify .box_check div:first-child{text-align:center;}
#container .company_certify .box_check div:last-child{padding-left:23px;}
#container .company_certify .box_check div:last-child input{position:absolute;top:50%;left:0;transform: translate(0, -50%);}
#container .company_certify .btn_expand{margin:30px auto 0;display:block;font-weight:500;padding:11px 27px;border-radius:8px;color:#fff;background-color:#336bff;border:1px solid #336bff;font-size:16px;}
#container .company_certify .btn_apply{margin:30px auto 0;display:block;font-weight:500;padding:11px 27px;border-radius:8px;color:#fff;background-color:#336bff;border:1px solid #336bff;font-size:16px;}
/* 미인증 */
#container .company_certify[data-cert_state="N"] .btn_expand{display:block}
#container .company_certify[data-cert_state="N"] .wrap_form_field{display:none}
/* 심사중 */
#container .company_certify[data-cert_state="W"] .btn_expand{display:block}
#container .company_certify[data-cert_state="W"] .wrap_form_field{display:none}
/* 인증실패 */
#container .company_certify[data-cert_state="F"] .btn_expand{display:block}
#container .company_certify[data-cert_state="F"] .wrap_form_field{display:none}
/* 인증완료 */
#container .company_certify[data-cert_state="T"] .btn_expand{display:none}
#container .company_certify[data-cert_state="T"] .wrap_form_field{display:none}