/* 06회원_01로그인 */
.sub6_1 .cont_wrap{padding:100px 220px 110px 240px;}
.sub6_1 .cont_wrap .cont{border:2px solid #f3f3f3; padding:60px 170px;}
.sub6_1 .cont_wrap .cont .tit{color:#999; font-size:17px; text-align:center;}
.sub6_1 .cont_wrap .cont .tit span{color:#000; font-size:48px; font-weight:bold; display:block; margin-bottom:20px;}
.sub6_1 .cont_wrap .cont .id{margin-top:40px; padding:0 15px; border:1px solid #000; position:relative;}
.sub6_1 .cont_wrap .cont .id input{line-height:50px; border:none; color:#000; font-size:16px; width:100%;}
.sub6_1 .cont_wrap .cont .id span{color:#e84250; font-size:12px; font-weight:100; position:absolute; right:20px; line-height:50px;}
.sub6_1 .cont_wrap .cont .pw{margin-top:10px; padding:0 15px; border:1px solid #e5e5e5; position:relative;}
.sub6_1 .cont_wrap .cont .pw input{line-height:50px; border:none; color:#000; font-size:16px; width:100%;}
.sub6_1 .check_box{margin:30px 0;}
.sub6_1 input[type=checkbox] { display:none; }
.sub6_1 input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 30px; padding-left: 40px; background: url('../images/05/check_off.png') no-repeat; color:#000; font-size:16px;}
.sub6_1 input[type=checkbox]:checked + label { background-image: url('../images/05/check_on.png');}
.sub6_1 .check_box span{display:inline-block; padding-left:20px; color:#e84250; font-size:12px; position:relative; float:right; line-height:30px;}
.sub6_1 .check_box span:before{content:''; width:14px; height:14px; background:url('../images/common/notice_ico2.png') no-repeat; position:absolute; top:50%; margin-top:-7px; left:0;}
.sub6_1 button{border:none; cursor: pointer; background:#333; color:#fff; font-size:17px; width:100%; height:60px; line-height:60px; border-radius: 10px;}
.sub6_1 .form_list{text-align:center; margin-top:40px;}
.sub6_1 .form_list a{display:inline-block; margin:0 15px; color:#999; font-size:14px; position:relative}
.sub6_1 .form_list a:before{content:''; width:1px; height:14px; background:#e9e9e9; position:absolute; top:50%; left:-15px; margin-top:-7px;}
.sub6_1 .form_list a:first-child:before{content:none;}


/* 06회원_02아이디찾기 */
.sub6_2 .cont_wrap{margin-bottom:300px;}
.sub6_2 .cont_wrap .self_box{background:#f5f5f5; padding:50px 0 55px; margin-bottom:30px;}
.sub6_2 .cont_wrap .self_box dl{display:table; table-layout: fixed; margin:0 auto;}
.sub6_2 .cont_wrap .self_box dl dt{display:table-cell; vertical-align: middle; width:100px;}
.sub6_2 .cont_wrap .self_box dl dd{color:#666; font-size:16px; display:table-cell; vertical-align: middle;}
.sub6_2 .cont_wrap .self_box dl dd a{font-size:24px; color:#333; font-weight:500; display:block;}
.sub6_2 .cont_wrap .self_box dl dd span{display:block; margin-top:15px;}
.sub6_2 .cont_wrap > span{display:block; padding-left:15px; position:relative; color:#777; font-size:17px; line-height:175%;}
.sub6_2 .cont_wrap > span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; left:0; top:12px;}

/* 06회원_02아이디찾기_01휴대폰인증 */
.popup_wrap .bg{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); z-index:999;}
.popup{width:800px; background:#fff; position:fixed; top:100px; left:50%; margin-left:-400px; z-index: 9999}
.popup .popcon{padding:50px 40px; position:relative}
.popup_wrap .pop_close{position:absolute; right:-60px; top:0; cursor: pointer;}
.popup_wrap .tit{color:#000; font-size:28px; font-weight:500; padding-bottom:30px; border-bottom:1px solid #000;}
.popup_wrap .txt{margin:40px 0 20px; font-size:20px; color:#000;}
.popup_wrap form{border-top:1px solid #e9e9e9;}
.popup_wrap form dl{display:table; table-layout: fixed; width:100%; }
.popup_wrap form dl dt{display:table-cell; vertical-align:middle; background:#f9f9f9; width:130px; padding-left:30px; border-bottom:1px solid #e9e9e9}
.popup_wrap form dl dd{display:table-cell; vertical-align:middle; border-bottom:1px solid #e9e9e9; padding:10px; position:relative}
.popup_wrap form dl dd ul{margin:0 -10px; padding-right:150px;}
.popup_wrap form dl dd ul li{width:33.33%; float:left; position:relative}
.popup_wrap form dl dd ul li:before{content:''; width:4px; height:1px; background:#000; position:absolute; left:-3px; top:50%;}
.popup_wrap form dl dd ul li:first-child:before{content:none;}
.popup_wrap form dl dd ul li > div{margin:0 10px;}
.popup_wrap form dl dd .input_box{border:1px solid #e9e9e9; padding:0 15px; line-height:50px; height:50px; box-sizing: border-box}
.popup_wrap form dl dd .input_box input{border:none; width:100%;}
.popup_wrap form dl dd > button{width:140px; height:50px; line-height:50px; border:none; background:#333; color:#fff; font-size:16px; position:absolute; right:10px; top:10px; cursor: pointer}
.popup_wrap form dl dd > div.input_box{margin-right:150px;}


/* 06회원_02아이디찾기_02 */
.sub6_2_2 .cont_wrap{border:1px solid #e5e5e5;}
.sub6_2_2 .cont_wrap > div{padding:60px 240px 80px; text-align:center}
.sub6_2_2 .cont_wrap > div .id{background:#f9f9f9; font-size:16px; color:#666; width:100%; line-height:80px;}
.sub6_2_2 .cont_wrap > div .id span{color:#000; font-size:24px; font-weight:500;}
.sub6_2_2 .cont_wrap > div .ment{color:#999; font-size:14px; font-weight:300; margin:20px 0 40px;}
.sub6_2_2 .cont_wrap > div button{border:none; cursor: pointer; background:#333; color:#fff; font-size:17px; width:100%; height:60px; line-height:60px; border-radius: 10px;}


/* 06회원_03비밀번호재발급 */
.sub6_3 .cont_wrap{}
.sub6_3 .cont_wrap .cont{border:2px solid #f3f3f3; padding:70px 240px 80px;}
.sub6_3 .cont_wrap .cont .tit{color:#000; font-size:20px; text-align:center; font-weight:300; line-height:185%; margin-bottom:40px}
.sub6_3 .cont_wrap .cont .tit span{color:#000; font-size:20px; font-weight:normal; display:block; margin-bottom:20px;}
.sub6_3 .cont_wrap .cont .new_pw,
.sub6_3 .cont_wrap .cont .new_pw2{margin-top:10px; padding:0 15px; border:1px solid #e5e5e5; position:relative;}
.sub6_3 .cont_wrap .cont .new_pw input,
.sub6_3 .cont_wrap .cont .new_pw2 input{line-height:45px; border:none; color:#000; font-size:14px; width:100%; letter-spacing: -0.07em;}
.sub6_3 .cont_wrap .cont .warning{color:#e84250; font-size:12px; font-weight:300; text-align:right; margin:20px 0;}
.sub6_3 .cont_wrap .cont .warning span{padding-left:20px; position:relative}
.sub6_3 .cont_wrap .cont .warning span:before{content:''; width:14px; height:14px; background:url('../images/common/notice_ico2.png') no-repeat; position:absolute; top:50%; margin-top:-7px; left:0;}
.sub6_3 button{border:none; cursor: pointer; background:#333; color:#fff; font-size:17px; width:100%; height:60px; line-height:60px; border-radius: 10px;}


/* 06회원_04회원가입 */
.sub6_4 .step_box{margin-bottom:40px; overflow: hidden}
.sub6_4 .step_box ul{display:inline-block; width:100%;}
.sub6_4 .step_box ul li{width:33.33%; float:left;}
.sub6_4 .step_box ul li dl{text-align:center;}
.sub6_4 .step_box ul li dl dt{position:relative;}
.sub6_4 .step_box ul li dl dt:before{content:''; width:100%; height:1px; background:url('../images/06/border.jpg') repeat-x; position:absolute; left:-50%; top:50%; z-index: -1;}
.sub6_4 .step_box ul li:first-child dl dt:before{display:none;}
.sub6_4 .step_box ul li dl dd{color:#333; font-size:17px; margin-top:20px;}
.sub6_4 .step_box ul li dl dd span{display:block; font-weight:bold; margin-bottom:5px;}
.sub6_4 .agree_box{border-top:2px solid #333;}
.sub6_4 .agree_box .tit{color:#333; font-size:20px; font-weight:500; margin:50px 0 20px}
.sub6_4 .scroll_box{padding:20px; color:#999; font-size:15px; line-height:160%; border:1px solid #e5e5e5; overflow-y: scroll; height:118px;}
.sub6_4 .scroll_box span{color:#333; display:block;}
.sub6_4 input[type=checkbox] { display:none; }
.sub6_4 input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 30px; padding-left: 45px; background: url('../images/05/check_off.png') no-repeat;}
.sub6_4 input[type=checkbox]:checked + label { background-image: url('../images/05/check_on.png'); }
.sub6_4 .check_box{color:#666; font-size:16px; font-weight:500; margin-top:20px;}
.sub6_4 .check_box span{color:#ff6600; font-weight:500; display:inline-block; margin-right:5px;}
.sub6_4 .btn_wrap{margin:60px 0 120px; text-align:center;}
.sub6_4 .btn_wrap ul{display:inline-block;}
.sub6_4 .btn_wrap ul li{float:left;}
.sub6_4 .btn_wrap a{display:block; width:190px; height:50px; line-height:50px; color:#fff; font-size:16px; border-radius: 10px; margin:0 2px; cursor: pointer}
.sub6_4 .btn_wrap .agree_ok{background:#ff6600;}
.sub6_4 .btn_wrap .agree_no{background:#b2b2b2;}


/* 06회원_04회원가입_02 */
.sub6_4_2 .step_box{margin-bottom:40px; overflow: hidden}
.sub6_4_2 .step_box ul{display:inline-block; width:100%;}
.sub6_4_2 .step_box ul li{width:33.33%; float:left;}
.sub6_4_2 .step_box ul li dl{text-align:center;}
.sub6_4_2 .step_box ul li dl dt{position:relative;}
.sub6_4_2 .step_box ul li dl dt:before{content:''; width:100%; height:1px; background:url('../images/06/border.jpg') repeat-x; position:absolute; left:-50%; top:50%; z-index: -1;}
.sub6_4_2 .step_box ul li:first-child dl dt:before{display:none;}
.sub6_4_2 .step_box ul li dl dd{color:#333; font-size:17px; margin-top:20px;}
.sub6_4_2 .step_box ul li dl dd span{display:block; font-weight:bold; margin-bottom:5px;}
.sub6_4_2 .cont_wrap{margin-bottom:110px; border-top:2px solid #333}
.sub6_4_2 .cont_wrap .self_box{background:#f5f5f5; padding:50px 0 55px; max-width:580px; margin:60px auto 50px;}
.sub6_4_2 .cont_wrap .self_box dl{display:table; table-layout: fixed; margin:0 auto;}
.sub6_4_2 .cont_wrap .self_box dl dt{display:table-cell; vertical-align: middle; width:100px;}
.sub6_4_2 .cont_wrap .self_box dl dd{color:#666; font-size:16px; display:table-cell; vertical-align: middle;}
.sub6_4_2 .cont_wrap .self_box dl dd a{font-size:24px; color:#333; font-weight:500; display:block;}
.sub6_4_2 .cont_wrap .self_box dl dd span{display:block; margin-top:15px;}
.sub6_4_2 .cont_wrap .tit{color:#333; font-size:20px; font-weight:500; margin-bottom:15px;}
.sub6_4_2 .cont_wrap > span{display:block; position:relative; color:#777; font-size:17px; line-height:175%;}


/* 06회원_04회원가입_03 */
.sub6_4_3{}
.sub6_4_3 .step_box{margin-bottom:40px; overflow: hidden}
.sub6_4_3 .step_box ul{display:inline-block; width:100%;}
.sub6_4_3 .step_box ul li{width:33.33%; float:left;}
.sub6_4_3 .step_box ul li dl{text-align:center;}
.sub6_4_3 .step_box ul li dl dt{position:relative;}
.sub6_4_3 .step_box ul li dl dt:before{content:''; width:100%; height:1px; background:url('../images/06/border.jpg') repeat-x; position:absolute; left:-50%; top:50%; z-index: -1;}
.sub6_4_3 .step_box ul li:first-child dl dt:before{display:none;}
.sub6_4_3 .step_box ul li dl dd{color:#333; font-size:17px; margin-top:20px;}
.sub6_4_3 .step_box ul li dl dd span{display:block; font-weight:bold; margin-bottom:5px;}
.sub6_4_3 .join_box{border-top:2px solid #333; padding-top:15px; border-bottom:2px solid #e9e9e9; margin-bottom:60px;}
.sub6_4_3 .join_box .tit{color:#000; font-size:20px; font-weight:500; line-height:85px;}
.sub6_4_3 .join_box .tit span{font-size:14px; font-weight:100; color:#999; display:inline-block; padding-left:10px; position:relative; float:right; line-height:85px;}
.sub6_4_3 .join_box .tit span:before{content:''; width:6px; height:6px; background:#ff6600; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
.sub6_4_3 .join_box dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #f4f4f4}
.sub6_4_3 .join_box dl.name,.sub6_4_3 .join_box dl.loca{border-top:none;}
.sub6_4_3 .join_box dl dt{color:#000; font-size:16px; display:table-cell; vertical-align: middle; padding-left:17px; width:183px;}
.sub6_4_3 .join_box dl dt span{display:inline-block; position:relative; padding-right:15px;}
.sub6_4_3 .join_box dl dt span:before{content:''; width:6px; height:6px; background:#ff6600; border-radius:50%; position:absolute; right:0; top:7px; margin-top:-3px;}
.sub6_4_3 .join_box dl dd{display:table-cell; vertical-align: middle; padding:20px 0;}
.sub6_4_3 .join_box dl dd .input_box input,
.sub6_4_3 .join_box dl dd .select_box select{border:1px solid #e5e5e5; height:50px; line-height:50px; box-sizing: border-box; font-size:16px; color:#000; padding:0 20px;}
.sub6_4_3 .join_box dl dd .select_box select{outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/selec_ico.png') no-repeat; background-position:center right 15px; vertical-align: middle}
.sub6_4_3 .join_box dl dd .w_360 input,
.sub6_4_3 .join_box dl dd .w_360 select{width:360px;}
.sub6_4_3 .join_box dl dd .w_130 input,
.sub6_4_3 .join_box dl dd .w_130 select{width:130px;}
.sub6_4_3 .join_box dl dd .w_240 input,
.sub6_4_3 .join_box dl dd .w_240 select{width:240px;}
.sub6_4_3 .join_box dl dd .w_100 input,
.sub6_4_3 .join_box dl dd .w_100 select{width:100%; margin-top:10px;}
.sub6_4_3 .join_box dl.bth dd span{margin-right:5px;}
.sub6_4_3 .join_box dl.cell dd em{display:inline-block; margin:0 10px;}
.sub6_4_3 input[type=checkbox] { display:none; }
.sub6_4_3 input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 30px; padding-left: 45px; background: url('../images/05/check_off.png') no-repeat; }
.sub6_4_3 input[type=checkbox]:checked + label { background-image: url('../images/05/check_on.png'); }
.sub6_4_3 .check_box{color:#666; font-size:16px; font-weight:500; display:inline-block; margin-left:25px;}
.sub6_4_3 .check_box span{color:#ff6600; font-weight:500; display:inline-block; margin-right:5px;}
.sub6_4_3 .join_box dl.id dd .input_box,
.sub6_4_3 .join_box dl.pw dd .input_box{position:relative}
.sub6_4_3 .join_box dl.id dd em,
.sub6_4_3 .join_box dl.pw dd em{font-size:12px; color:#e84250; font-weight:300; position:absolute; right:20px; line-height:50px;}
.sub6_4_3 .join_box dl dd .ment{color:#999; font-size:14px; font-weight:300; display:block; margin-top:10px;}
.sub6_4_3 .join_box dl dd button{border:none; height:50px; line-height:50px; width:140px; color:#fff; background:#333; font-size:16px; text-align:center; font-weight:300; vertical-align:middle;}
.sub6_4_3 .join_box dl.pw dd .input_box input{width:48%; margin-right:5px;}
.sub6_4_3 .join_box dl.email dd em{margin:0 5px}
.sub6_4_3 .join_box dl.email dd .select_box{margin-left:5px;}
.sub6_4_3 .join_box dl.email dd .select_box select{width:200px}
.sub6_4_3 .btn_wrap{margin:60px 0 120px; text-align:center;}
.sub6_4_3 .btn_wrap ul{display:inline-block;}
.sub6_4_3 .btn_wrap ul li{float:left;}
.sub6_4_3 .btn_wrap a{display:block; width:190px; height:50px; line-height:50px; color:#fff; font-size:16px; border-radius: 10px; margin:0 2px; cursor: pointer; text-align:center;}
.sub6_4_3 .btn_wrap .agree_ok{background:#ff6600;}
.sub6_4_3 .btn_wrap .agree_no{background:#b2b2b2;}


@media (max-width:1280px) {
    .sub_content.sub6_1{margin-top:78px;}
    .sub6_1 .cont_wrap{padding:0;}
    .sub6_1 .cont_wrap .cont{border:none; padding:0; max-width:767px; margin:60px auto;}

    .sub_content.sub6_2{margin-top:78px;}
    .sub6_2 .sub_container{min-height:100%;}
    .sub6_2 .cont_wrap{margin-bottom:80px;}
    .sub6_2 .w_1260{margin:0 auto;}
    .sub6_2 .cont_wrap > span{margin:0 15px;}
    .sub6_2 .cont_wrap > span > br{display:none;}


    .sub6_2_2 .sub_container{min-height:100%;}
    .sub6_2_2 .cont_wrap{border:none; margin-bottom:80px;}
    .sub6_2_2 .cont_wrap > div{padding:0; max-width:767px; margin:0 auto;}

    .sub6_3 .cont_wrap .cont{padding:0; border:none; max-width:767px; margin:0 auto;}
    .sub6_3 .sub_container .main_tit{margin-bottom:0;}

    .sub6_4 .sub_container .main_tit{margin-bottom:0;}

    .sub_content.sub6_4_2{margin-top:78px;}
    .sub6_4_2 .cont_wrap{margin-bottom:80px;}
    .sub6_4_2 .sub_container .main_tit{margin-bottom:0;}
    .sub6_4_2 .w_1260{margin:0 auto;}
    .sub6_4_2 .cont_wrap > span{margin:0 15px;}
    .sub6_4_2 .cont_wrap > span > br{display:none;}
}

@media (max-width:980px) {
    .sub6_4_3 .join_box dl.pw dd .input_box{width:100%; display:inline-block; margin-bottom:10px;}
    .sub6_4_3 .join_box dl.pw dd .input_box input{width:100%; margin-right:0;}
    .sub6_4_3 .join_box dl dd .w_240 input,
    .sub6_4_3 .join_box dl dd .w_240 select{width:30%;}
    .sub6_4_3 .join_box dl.email dd .select_box select{width:30%;}
    .sub6_4_3 .join_box dl dd .w_360 input,
    .sub6_4_3 .join_box dl dd .w_360 select{width:70%;}
    .sub6_4_3 .join_box dl dd button{width:28%;}
    .sub6_4_3 .check_box{margin-left:0; margin-top:15px; display:block;}

    .popup{width:700px; margin-left:-350px;}
    .popup_wrap .pop_close{top:-55px; right:0;}
    .popup_wrap form dl dt{width:120px; padding-left:20px;}
    .popup_wrap form dl dd ul{padding-right:140px;}
    .popup_wrap form dl dd > button{width:130px;}
}


@media (max-width:768px) {
    .sub6_1 .cont_wrap .cont .tit{font-size:14px; margin-bottom:30px;}
    .sub6_1 .cont_wrap .cont .tit span{font-size:40px;}
    .sub6_1 .cont_wrap .cont .id{margin-top:0;}
    .sub6_1 .cont_wrap .cont .id input,
    .sub6_1 .cont_wrap .cont .pw input{line-height:36px; font-size:14px;}
    .sub6_1 .cont_wrap .cont .id span{line-height:36px; font-size:11px;}
    .sub6_1 .cont_wrap .cont form{position:relative; padding-top:30px;}
    .sub6_1 .check_box span{position:absolute; float:none; top:0; left:0;}
    .sub6_1 .check_box{margin:10px 0 15px; text-align:right;}
    .sub6_1 input[type=checkbox] + label{font-size:13px; background-size:20px; line-height:20px; padding-left:25px;}
    .sub6_1 button{height:48px; line-height:48px; font-size:16px;}
    .sub6_1 .form_list{margin-top:25px;}
    .sub6_1 .form_list a{font-size:13px; margin:0 5px;}
    .sub6_1 .form_list a:before{height:10px; left:-7px; margin-top:-5px;}

    .sub6_2 .cont_wrap .self_box{padding:40px 0 35px; margin-bottom:20px;}
    .sub6_2 .cont_wrap .self_box dl dd{font-size:14px;}
    .sub6_2 .cont_wrap .self_box dl dd a{font-size:16px;}
    .sub6_2 .cont_wrap > span{font-size:14px; padding-left:10px; margin-bottom:10px;}
    .sub6_2 .cont_wrap > span:before{width:2px; height:2px; left:0}

    .sub6_2_2 .cont_wrap > div .id{font-size:14px; line-height:62px;}
    .sub6_2_2 .cont_wrap > div .id span{font-size:17px; font-weight:bold;}
    .sub6_2_2 .cont_wrap > div .ment{color:#666; font-size:13px;}
    .sub6_2_2 .cont_wrap > div button{height:48px; line-height:48px; font-size:16px;}

    .sub6_3 .cont_wrap .cont form{position:relative; padding-top:15px;}
    .sub6_3 .cont_wrap .cont .tit{font-size:16px;}
    .sub6_3 .cont_wrap .cont .tit span{font-size:16px; font-weight:bold}
    .sub6_3 .cont_wrap .cont .new_pw input, .sub6_3 .cont_wrap .cont .new_pw2 input,
    .sub6_3 .cont_wrap .cont .new_pw input, .sub6_3 .cont_wrap .cont .new_pw2 input{line-height:36px; font-size:14px;}
    .sub6_3 .cont_wrap .cont .warning{font-size:11px; margin:0; position:absolute; top:0; left:0;}
    .sub6_3 button{margin-top:20px; height:48px; line-height:48px; font-size:16px;}

    .sub6_4 .step_box ul li dl dt > img{width:50px;}
    .sub6_4 .step_box ul li dl dd{font-size:14px; margin-top:15px;}
    .sub6_4 .agree_box .tit{margin:30px 0 15px; font-size:16px;}
    .sub6_4 .scroll_box{font-size:12px;}
    .sub6_4 .check_box{font-size:14px;}
    .sub6_4 .btn_wrap{margin:30px 0 60px; overflow: hidden}
    .sub6_4 .btn_wrap ul{margin:0 -2px; display:block;}
    .sub6_4 .btn_wrap ul li{float:left; width:50%;}
    .sub6_4 .btn_wrap a{ width:auto;}

    .sub6_4_2 .step_box ul li dl dt > img{width:50px;}
    .sub6_4_2 .step_box ul li dl dd{font-size:14px; margin-top:15px;}
    .sub6_4_2 .cont_wrap .self_box{padding:40px 0 35px; margin-bottom:20px; margin-top:0;}
    .sub6_4_2 .cont_wrap .self_box dl dd{font-size:14px;}
    .sub6_4_2 .cont_wrap .self_box dl dd a{font-size:16px;}
    .sub6_4_2 .cont_wrap .tit{display:none;}
    .sub6_4_2 .cont_wrap > span{font-size:14px; padding-left:10px; margin-bottom:10px;}
    .sub6_4_2 .cont_wrap > span:before{content:''; width:2px; height:2px; background:#fca313; position:absolute; left:0; top:12px;}

    .sub6_4_3 .step_box ul li dl dt > img{width:50px;}
    .sub6_4_3 .step_box ul li dl dd{font-size:14px; margin-top:15px;}
    .sub6_4_3 .join_box dl dd .input_box input, .sub6_4_3 .join_box dl dd .select_box select{padding:0 10px;}
    .sub6_4_3 .join_box dl dt{padding-top:20px; width:100%; display:block; padding-left:0;}
    .sub6_4_3 .join_box dl dd{padding:10px 0 20px; display:block;}
    .sub6_4_3 .join_box .tit{line-height:35px; font-size:16px; border-bottom:2px solid #000;}
    .sub6_4_3 .join_box .tit span{line-height:35px; font-size:12px;}
    .sub6_4_3 .join_box dl dt,
    .sub6_4_3 .check_box{font-size:14px;}
    .sub6_4_3 .join_box dl dd .input_box input,
    .sub6_4_3 .join_box dl dd .select_box select{height:40px; line-height:40px; font-size:14px;}
    .sub6_4_3 .join_box dl dd .ment{font-size:13px;}
    .sub6_4_3 .join_box dl dd button{height:40px; line-height:40px; font-size:14px;}
    .sub6_4_3 .join_box{border:none;}
    .sub6_4_3 .join_box dl.cell dd .w_130 input{width:28%}
    .sub6_4_3 .join_box dl.bth dd .w_130 select{width:30%}
    .sub6_4_3 .join_box dl.id dd em, .sub6_4_3 .join_box dl.pw dd em{line-height:35px; top:10px; right:0}
    .sub6_4_3 .join_box dl.id dd .input_box,
    .sub6_4_3 .join_box dl.pw dd .input_box{position:initial;}
    .sub6_4_3 .join_box dl{position:relative}
    .sub6_4_3 .join_box dl dd .w_360 input, .sub6_4_3 .join_box dl dd .w_360 select{width:100%;}
    .sub6_4_3 .join_box dl.id dd .w_360 input,
    .sub6_4_3 .join_box dl.address dd .w_360 input{width:71%}
    .sub6_4_3 .btn_wrap{margin:30px 0 60px; overflow: hidden}
    .sub6_4_3 .btn_wrap ul{margin:0 -2px; display:block;}
    .sub6_4_3 .btn_wrap ul li{float:left; width:50%;}
    .sub6_4_3 .btn_wrap a{ width:auto;}

    .popup{width:94%; margin-left:0; left:3%; top:78px;}
    .popup_wrap .pop_close{top:-40px;}
    .popup_wrap .pop_close > img{width:30px;}
    .popup .popcon{padding:30px 15px;}
    .popup_wrap .tit{font-size:20px; padding-bottom:20px;}
    .popup_wrap .txt{margin:20px 0 15px; font-size:14px;}
    .popup_wrap form dl{margin-top:20px;}
    .popup_wrap form dl:first-child{margin-top:0;}
    .popup_wrap form dl dt{width:auto; display:block; padding-left:10px; line-height:38px;}
    .popup_wrap form dl dd{display:block; padding:10px 0;}
    .popup_wrap form dl dd ul{padding-right:0}
    .popup_wrap form dl dd > div.input_box{margin-right:0}
    .popup_wrap form dl dd .input_box{line-height:40px; height: 40px;}
    .popup_wrap form dl dd > button{width:100%; margin-left:0; line-height:40px; height:40px; font-size:14px; margin-top:5px; position:relative; right:0; top:0;}

}

@media (max-width:480px) {
    .sub6_4_3 .join_box dl.cell dd .w_130 input{width:27%;}
    .sub6_4_3 .join_box dl.email dd em{margin:0;}
}