@charset "utf-8";

/**로그인전 상태**/
.outlogin_wrap {width: 100%;height: auto;position: relative;margin-bottom: 20px;}
.outlogin_con {width: 100%;height: auto;position: relative;background-color: #2e2e2e;border: 1px solid #484848;padding: 20px 20px 13px 20px;}
.outlogin_con .outlogin_box {width: 100%;height: auto;position: relative;}
.outlogin_con .login_box {width: 100%;height: auto;position: relative;margin-bottom: 10px;}
.outlogin_con .login_box .login_inputbox {width: 100%;height: auto;position: relative;margin-bottom: 4px;}
.outlogin_input {width: 100%;height: 35px;position: relative;margin-bottom: 4px;}
.outlogin_input > input {width: 100%;height: 100%;position: relative;background-color: #1b1b1b;border: 1px solid #484848;padding: 0 10px;font-size: 0.875rem;}
.outlogin_input:last-of-type {margin-bottom: 0;}
.login_submit {width: 100%;height: 44px;position: relative;}
.login_submit > button {width: 100%;height: 100%;border: none;background-color: #E63F2B;font-size: 1rem;font-weight: 900;color: #fff;border-radius: 5px;}
.outlogin_con .login_option{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.outlogin_con .login_option .page_mode {width: 48px;height: 23px;position: relative;}
.outlogin_con .login_option .page_mode > a{display:block;width:100%;height:100%;/*background-image:url(img/mode_dark.png);*/background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.outlogin_con .login_option .option_box{width:auto;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}
.outlogin_con .login_option .option_box > li {width: auto;height: auto;position: relative;}
.outlogin_con .login_option .option_box > li > a {display: block;font-size: 0.8125rem;font-weight: 500;color: #7d7d7d;}
.outlogin_con .login_option .option_box > li:nth-child(1)::after{content:'';width:1px;height:10px;background-color:#7d7d7d;position:absolute;right:-8px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
/**로그인전 상태 END**/

/**정보찾기**/
.password_modal_wrap {width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.6);display: none;z-index: 9;}
.password_modal_wrap .password_modalcon{width:100%;height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.password_modal_wrap .password_modalbox {width: 600px;height: auto;position: relative;background-color: #2e2e2e;border: 1px solid #484848;padding: 30px;}
.password_modal_wrap .password_modalbox > h2 {text-align: center;font-size: 1.625rem;font-weight: 700;color: #fff;margin-bottom: 30px;}
.password_modal_wrap .password_modalbox .password_stat {width: 100%;height: auto;position: relative;padding: 15px;background-color: #1b1b1b;border: 1px solid #484848;}
.password_modal_wrap .password_modalbox .password_stat > p {font-size: 1.125rem;font-weight: 400;color: #ccc;text-align: center;margin-bottom: 20px;}
.password_modal_wrap .password_modalbox .password_stat .stat_telme{width:auto;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.password_modal_wrap .password_modalbox .password_stat .stat_telme > a{display:block;width:auto;height:auto;color:#fff;background-color:#2253a2;padding:10px 20px;font-size:0.875rem;font-weight:500;border-radius:5px}
.password_modal_wrap .password_modalbox .modal_close {width: 100px;height: 30px;position: relative;margin: 0 auto;margin-top: 30px;}
.password_modal_wrap .password_modalbox .modal_close > a{display:block;width:100%;height:100%;text-align:center;background-color:#e49c12;border-radius:5px;color:#1b1b1b;font-weight:700;font-size:0.9375rem;line-height:30px}
/**정보찾기 END**/


/**로그인후 상태**/
.outlogin_con .outpage_info{width:100%;height:auto;position:relative;padding:13px 13px 19px;border-bottom:1px solid #484848;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.outlogin_con .outpage_info .outpage_name {width: 100%;height: auto;position: relative;border-right: 1px solid #484848;padding-right: 10px;}
.outlogin_con .outpage_info .outpage_name .outpage_namebox{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:8px}
.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_img {width: 50px;height: 50px;border-radius: 5rem;overflow: hidden;border: 1px solid #484848;font-size: 0;}
.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_img > img {width: 100%;height: 100%;}
.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt {width: -webkit-calc((100% - 10px) - 50px);width: -moz-calc((100% - 10px) - 50px);width: calc((100% - 10px) - 50px);height: auto;position: relative;}
.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt .name_lv {width: 23px;height: 23px;position: relative;margin-bottom: 5px;}
.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt .name_lv > img {width: 100%;height: 100%;}
.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt > p {font-size: 0.8375rem;font-weight: 600;color: #E63F2B;letter-spacing: -0.5px;}
.outlogin_con .outpage_info .outpage_name .name_option{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}
.outlogin_con .outpage_info .outpage_name .name_option .page_mode {width: 43px;height: 20px;position: relative;}
.outlogin_con .outpage_info .outpage_name .name_option .page_mode > a {display: block;width: 100%;height: 100%;/*background-image: url(img/mode_dark.png);*/background-position: center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;}
.outlogin_con .outpage_info .outpage_name .name_option .option_box {width: auto;height: auto;position: relative;gap: 16px;}
.outlogin_con .outpage_info .outpage_name .name_option .option_box > li {width: auto;height: auto;position: relative;}
.outlogin_con .outpage_info .outpage_name .name_option .option_box > li > a {display: block;font-size: 0.75rem;font-weight: 300;color: #ccc;}
.outlogin_con .outpage_info .outpage_stat {width: 100%;height: auto;position: relative;padding-left: 10px;}
.outlogin_con .outpage_info .outpage_stat .outpage_statbox {width: 100%;height: auto;position: relative;}
.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:right;-webkit-justify-content:right;-moz-box-pack:right;-ms-flex-pack:right;justify-content:space-between;gap:10px;margin-bottom:8px}
.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item > h3 {font-size: 0.8125rem;font-weight: 600;color: #ccc;letter-spacing: -0.5px;}
.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item > p {font-size: 0.8125rem;font-weight: 400;color: #E63F2B;}

.outlogin_con .outpage_btn {width: 100%;height: auto;position: relative;padding: 19px 13px 13px;}
.outlogin_con .outpage_btn .outpage_btnbox{width:100%;height:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item {width: 100%;height: auto;position: relative;border-right: 1px solid #484848;}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item:last-of-type {border-right: 0;}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item > a {display: block;width: 100%;height: auto;position: relative;text-align: center;}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item > a > p {font-size: 0.8125rem;font-weight: 500;color: #ccc;letter-spacing: -0.5px;}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item > a > span {display: block;width: 25px;height: 25px;margin: 0 auto;margin-bottom: 5px;background-position: center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;filter: invert(34%) sepia(98%) saturate(1975%) hue-rotate(342deg) brightness(90%) contrast(101%);}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_01 > a > span {background-image: url(img/mypage_icon_01.png);}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_02 > a > span {background-image: url(img/mypage_icon_02.png);}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_03 > a > span {background-image: url(img/mypage_icon_03.png);}
.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_04 > a > span {background-image: url(img/mypage_icon_04.png);}


/**로그인후 상태 END**/