@charset "utf-8";

/* 로그인 */
html .Login_header{font-size:35px;text-align:center;color:#30353a;}
html .Login_header span{font-size:14px;color:#30353a;}
.box{border:1px solid #e3e3e3;background:#ffffff;margin:0 auto 10px auto;}
.box-body{margin-top:26px !important;}
html .Login_wrap{width:auto;padding:0px;margin:100px auto;min-height:600px;}
html .Login_wrap .login_id, html .Login_wrap .login_pw{margin-bottom:9px;}
html .Login_wrap #btn-login{height:50px;width:30%;margin-top:8px;}
html .Login_wrap .box{max-width:870px;;margin:0 auto;}
html .Login_wrap .logiin_option{margin-top:16px;}
html .Login_wrap .logiin_option .form-group{margin-right:16px;}
html .Login_wrap .logiin_option > div{float:left;margin-top:10px;}
html .Login_wrap .logiin_option label{padding-left:0;}
.form-control.form-control-big{height:48px;line-height:48px;}
.form-control-feedback{top:5px;}
html .login_sns{margin-top:47px;}
html .login_sns_list{margin-bottom:18px;padding-left:50px;height:43px;line-height:43px;border:1px solid #405ea9;text-align:center;color:#30353a;font-weight:bold;}
html .login_sns a{text-decoration:none;color:#30353a;}
html .login_facebook{background:url(/img/nphoto/login_sns_facebook.png) no-repeat 0px 0px;}
html .login_naver{border-color:#1dc800;background:url(/img/nphoto/login_sns_naver.png) no-repeat 0px 0px;}
html .login_kakao{border-color:#ffea26;background:url(/img/nphoto/login_sns_kakaotalk.png) no-repeat 0px 0px;}
html .login_google{border-color:#da4835;background:url(/img/nphoto/login_sns_google.png) no-repeat 0px 0px;}
html .login_sub_function{margin-top: 24px;padding-top:20px;border-top:1px solid #c8c8c8;text-align: center;}
html .login_sub_function a{color:#333;text-decoration:none;font-weight:bold;}
html .login_info{float:left;width:100%;padding:0 150px ;margin-top:35px;margin-bottom:35px;}
html .login_banner_body{background:#1270c8;background:#f8f8f8;height:600px;}
@media screen and (max-width:700px) {
  html .login_info{width:100%;}
  html .Login_wrap .login_banner_body{display:none;}
}

/* 회원가입 */
.register_wrap{}
.register_wrap .box{max-width:640px;padding-left:30px;padding-right:30px;padding-bottom:20px;}
.register_wrap .login_sns{margin-top:0;}
.register_wrap .login_sns_list{margin-right:8px;}
.register_wrap .login_sns_notice{letter-spacing:-0.5px;}
.form-group{margin-bottom:10px;}
.form-control-big{margin-bottom:10px;}
html body .badge_toggle {border-radius:5px;}
.input-group .input-group-addon{margin:0;padding:0;border-radius:0;}
.input-group .input-group-addon .btn{background:none;border:0;height:46px;border-radius:0;color:#626978;}
.register_gender{margin-bottom:10px;}
.register_wrap .register_header .view_toggle_off{display:none;}
.register_wrap .register_law{margin-bottom:10px;}
.register_wrap .register_law_list .register_law_header{font-size:18px;}
.register_wrap .register_law_list .req{color:#ff4e65;font-size:14px;}
.register_wrap .register_law_list span{color:#9e9e9e;font-size:14px;}
.register_wrap .register_law_list .view_toggle{font-size:16px;background:none;border:none;color:#9e9e9e;}
.register_wrap .register_law_list .view_toggle_on{display:none;}
.register_wrap .register_law_list .register_law_body{height:136px;overflow-y:scroll;width:100%;border:1px solid #ccc;}
.register_wrap .register_law_list .register_law_rule{background:#fafafa;padding:5px;}
.register_wrap .register_law_list .register_law_body{display:none;}
.register_wrap .regist_btn{max-width:640px;margin:0 auto;margin-bottom:30px;}
.register_wrap .regist_btn .btn{height:85px;width:100%;font-size:25px;}
html body .register_wrap .register_gender{padding-left:10px;}

/* 아이디 패스워드 찾기 */
.tab_wrap{}
.tab_wrap > *{float:left;width:50%;text-align:center;}
.tab_wrap a{text-decoration:none;}
.tab_wrap .tab_list{height:50px;line-height:50px;border:1px solid #d4d4d4;font-size:16px;background:#f2f2f2;}
.tab_wrap .tab_list.on{background:#2489c5;color:#fff;bordaer:1px solid #2489c5;}
.find_account_wrap{max-width:800px;margin:0 auto;}
.find_account_wrap .box{padding:35px 20px;margin-top:-1px;}
.find_account_wrap .guide{margin-bottom:35px;}
.find_account_wrap .option_list {border-bottom:1px solid #d4d4d4;padding-bottom:10px;margin-bottom:40px;font-size:16px;color:#4e4e4e;}
.find_account_wrap .option_list .option_body{margin-top:7px;}
.find_account_wrap .option_list .option_footer{text-align:center;}
.find_account_wrap .option_list .option_list_result{color:#4e4e4e;font-size:18px;padding-bottom:20px;}
html .form-control-normal{margin-bottom:13px;height:38px;line-height:38px;}

/* 마이코디 */
.mycoordi_header{max-width:900px;margin:0 auto;position:relative;min-height:150px;padding:10px 0 20px 0;border-bottom:1px solid #e5e5e6;}
.mycoordi_header .profile_img{position:absolute;left:10px;top:0;overflow:hidden;border-radius:99999px;width:150px;height:150px;}
.mycoordi_header .profile_info{position:relative;float:left;padding-left:200px;width:100%;margin-top:44px;padding-right:10px;}
.mycoordi_header .profile_info .profile_name{font-size:30px;}
.mycoordi_header .profile_summary{margin-top:10px;}
.mycoordi_header .profile_summary .btn{width:33%;}
.profile_summary_list{float:left;width:100px;margin-top:15px;}
.profile_summary_list .profile_summary_num{border-radius:999px;background:#787878;width:60px;height:60px;text-align:center;line-height:60px;color:#fff;font-size:18px;margin:0 auto;}
.profile_summary_list .profile_summary_title{text-align:center;}
.profile_info .profile_introduce1{margin-top:28px;}
.profile_info a{color:inherit;text-decoration:none;}

@media screen and (max-width:615px) {
    .mycoordi_header .profile_info{padding-left:100px;}
    .mycoordi_header .profile_img{width:80px;height:80px;left:10px;}
    .mycoordi_header .profile_summary{margin-left:-00px;}
    .mycoordi_header .profile_introduce1{padding:0 20px;}
}
@media screen and (max-width:430px) {
    .mycoordi_header .profile_name{min-height:80px;} 
    .mycoordi_header .profile_summary{margin-left:-100px;}
    .mycoordi_header .profile_summary{text-align:center;}
    .mycoordi_header .profile_summary a{display:inline-block;margin:0 10px;}
    .mycoordi_header .profile_summary_list{width:auto;display:inline-block;}
    .mycoordi_header .profile_introduce1{margin-left:-100px;}
}
html .card-image-layer{width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
html .card-image-layer .card-image-layer-bg{background:black;opacity:0.5;width:100%;height:100%;position:absolute;left:0;top:0;z-index:30000;}
html .card-image-layer .card-image-layer-body{position:relative;z-index:31000;display:table;width:100%;height:100%;}
html .card-image-layer .card-image-layer-content{display:table-cell;text-align:center;color:#fff;vertical-align:middle;}
html .card-image-layer .card-image-layer-content p{display:inline-block;margin:0 5px;text-align:center;}
html .card-image-layer .card-image-layer-img{width:auto;height:30px;}
html .card-image-on:hover .card-image-layer,
html .card-image-on:focus .card-image-layer{display:block;}
        
/* 마이페이지 */
.mypage_wrap{width:100%;max-width:948px;margin:0 auto;}
.mypage_wrap .mypage_nav{position:absolute;z-index:100;left:0;top:0;width:200px;float:left;border-right:1px solid #e3e3e3;padding:15px 0;}
.mypage_wrap .mypage_nav .mypage_nav_list{height:50px;line-height:50px;margin-left:35px;word-break:break-all;white-space:normal;}
.mypage_wrap .mypage_nav .mypage_nav_list .fa{display:inline-block;width:32px;height:32px;border-radius:999px;background:#f6f6f6;text-align:center;line-height:32px;}
.mypage_wrap .mypage_nav .mypage_nav_list.on .fa{background:#ff4e65;color:#fff;}
.mypage_wrap .mypage_nav .mypage_nav_list.on {color:#ff4e65;}
.mypage_nav a{text-decoration:none;color:#424242;}
.mypage_wrap .mypage_body_wrap{width:100%;float:left;padding:0 0px 0px 200px;}
.mypage_wrap .mypage_body{position:relative;padding-left:30px;padding-right:30px;border-left:1px solid #e3e3e3;margin-left:-1px;padding-bottom:30px;}
.mypage_wrap .mypage_body_content{position:relative;margin-top:26px;}
html h2.underline{border-bottom:2px solid #000;padding-bottom:7px;}
.mypage_wrap .profile_img_wrap{position:absolute;left:0;top:0;width:176px;}
.mypage_wrap .profile_info_wrap{width:100%;padding-left:176px;}
.mypage_wrap .profile_btn_wrap{clear:both;}
html .inp_gentder{height:48px;line-height:48px;border-radius:0;}
.mypage_wrap .agree_wrap label{font-weight:normal;}
.mypage_wrap .agree_body{margin-top:4px;}
.mypage_wrap .agree_body .agree_body_line{display:inline-block;padding-left:10px;}
.mypage_wrap .profile_btn_wrap{padding-top:20px;}
.mypage_wrap .profile_btn_wrap .btn{padding-left:100px;padding-right:100px;}
.profile_img_wrap .profile_img_modify_wrap{display:none;}
.profile_img_wrap:hover .profile_img_modify_wrap{display:block;}
.profile_img_round{position:relative;overflow:hidden;border-radius:9999px;width:140px;height:140px;text-align:center;line-height:140px;vertical-align:top;}
.profile_img_round .profile_img{vertical-align:top;}
.profile_img_round .profile_img_modify_wrap{position:absolute;left:0;top:97px;width:100%;height:45px;text-align:centercolor:#fff;vertical-align:top;line-height:45px;color:#fff;}
.profile_img_round .profile_img_modify_bg{position:absolute;left:0;top:0px;width:100%;height:100%;background:#524141;opacity:0.7;}
.profile_img_round .profile_img_modify_txt{position:relative;z-index:100;}
@media screen and (max-width:780px) {
    .mypage_wrap .mypage_nav .mypage_nav_list{margin-left:0px;height:auto;line-height:normal;padding-bottom:10px;padding-top:10px;border-bottom:1px solid #e3e3e3;}
    .mypage_wrap .mypage_nav{width:90px;}
    .mypage_wrap .mypage_body_wrap{padding-left:90px;}
    .mypage_wrap .mypage_body{padding-left:10px;padding-right:10px;}
    .mypage_wrap .mypage_nav .mypage_nav_list .fa{display:none;}
    .mypage_wrap .profile_img_modify_wrap{display:block;}
}
@media screen and (max-width:680px) {
    .mypage_wrap .profile_img_wrap{position:relative;left:auto;top:auto;width:100%;}
    .mypage_wrap .profile_img_round{text-align:center;margin:0 auto;}
    .mypage_wrap .profile_info_wrap{padding-left:0;}
    .mypage_wrap .profile_btn_wrap .btn{width:48%;padding-left:0;padding-right:0;}
    .mypage_wrap .agree_body .agree_body_line{display:inline-block;width:100%;padding-left:10px;}
}
.mypage_wrap .profile_info_wrap.profile_info_wrap_no{padding-left:0;}
.address_zipcode{margin-bottom:0;}