@charset "utf-8";

/* Sub Title */
.sub-title { padding:10px 12px; border-top:4px solid #444; }
.sub-title h4 { padding:0; margin:0; line-height:50px; font-size:18px; }
.sub-title i { background: rgb(245, 245, 245); padding-top: 12px; border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(143, 143, 143); font-size: 25px; display: inline-block; }
.sub-title img { border-radius: 50%; width: 50px !important; height: 50px !important; display:inline-block; }

/* Follow */
.follow-skin .bg-heading { background:#fafafa; }
.follow-skin .col-follow .myinfo a { margin-right:15px; color:#888; font-size:11px; }
.follow-skin .sp-follow { margin-bottom:0px; border-top:3px solid #444; }
.follow-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.follow-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
@media all and (max-width:460px) {
	.responsive .follow-skin .col-follow { display:block !important; width:100% !important;}
}

/* Formmail */
.formmail-form { padding:20px; }
.formmail-type label { margin-right:10px; }

/* Memo */
.memo-send-info { padding:8px 20px;background:#fafafa;border-bottom:1px solid #eee; }
.memo-content { padding:20px; line-height:22px;border-bottom:1px solid #eee; margin-bottom:15px; }
.memo-send-form { padding:20px; }

/* Mypage */
.mypage-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.mypage-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.mypage-skin .img-resize img { max-width:100%; height:auto; }
.mypage-skin .view-author .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:460px) {
	.responsive .mypage-skin .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* MyPhoto */
.myphoto { margin-bottom:15px; }
.myphoto img { border-radius: 50%; display:inline-block; }
.myphoto i { background: rgb(245, 245, 245); padding: 18px; border-radius: 50%; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }


/* Point */
.point-skin th, .point-skin td { white-space:nowrap; }
.point-skin td.po-content { white-space:normal; }

/* Profile */
.profile-skin .img-photo i { border-radius: 50%; background: rgb(245, 245, 245); padding: 16px; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.profile-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.profile-skin .img-resize img { max-width:100%; height:auto; }

/* Register */
.register-term { position: relative; height: 200px; margin:0px; overflow: auto; }

/* Register Form */
.register-form .text-gap { margin-bottom:4px; }
.register-form .addr-line { margin-bottom:7px; }
@media all and (max-width:767px) {
	.responsive .register-form .cert-btn { margin-top:10px }
}

/* Response */
.myresponse-skin .res-info { margin:0; padding:7px 12px; }
.myresponse-skin .media { border-top:1px solid #eee; margin:6px 0px; padding:8px 12px 0px; }
.myresponse-skin .myresponse-list .media:first-child { border-top:0px; margin-top:0px; padding-top:8px; }
.myresponse-skin .media-heading { padding:0; margin:0; }
.myresponse-skin .photo i { border-radius: 50%; background: rgb(238, 238, 238); padding: 8px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; display: inline-block; }
.myresponse-skin .photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
.myresponse-skin .media-info i { margin-left:10px; }
.myresponse-skin .media-info i:first-child { margin-left:0px; }

/* Scrap */
.scrap-skin i.scrap-icon { background:#333; color:#fff; }
.scrap-skin .scrap-head { margin:0px; padding: 10px 20px; line-height:22px; background:#333; color:#fff; font-size:16px; text-align:center; }
.scrap-skin .scrap-form { padding: 10px 20px 20px; }

/* Shopping */
.shopping-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.shopping-skin .list-none { padding:50px 0px; }

/* Wishlist */
.wishlist-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }

/* Mypage */
.mypage-tbl th { background:#333 !important; color:#fff !important; text-align:center !important; white-space:nowrap;  }
.mypage-tbl td { text-align:center; white-space:nowrap; }

.social_info_guide{background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning{margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning1{background:#f7dfe4;border:1px solid #eac3cb}
.bg-warning2{background:#deeabf;border:1px solid #bde498}
.bg-warning3{background:#fff8dc;border:1px solid #f1e4b2}

/* SNS LOGIN */
.login-sns{padding-bottom:10px;margin-top:5px;border: 1px solid #ddd; clear:both; background:#fff; text-align:center; }
.login-sns .sns-head { font-size:12px; padding:0; margin:0; padding:10px 0;text-align:center;color:#888;font-weight:normal}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt i {font-style:normal}

#fregisterform .form_01 .reg-form {margin-bottom:20px}
#fregisterform .form_01 .reg-form .sns-wrap {margin:10px 0 0;text-align:left}
.reg-form .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon .ico {display:block;background:url('./img/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.reg-form .sns-icon-not .ico {display:block;background:url('./img/sns_logo_not.png') no-repeat;vertical-align:middle}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.reg-form .sns-icon .txt i {font-style:normal}

.sns-wrap-reg .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google {border-color:#ca2c19;background:#dd5443}
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-facebook {border-color:#2e5393;background:#3a5897}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }

.sns-wrap-reg .sns-icon {border-color:#dcdcdc}
.sns-wrap-reg .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-reg .sns-naver{border-color:#18a400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-google {border-color:#ca2c19}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }
.sns-wrap-reg .sns-facebook {border-color:#2e5393}
.sns-wrap-reg .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-reg .sns-twitter {border-color:#488FC9}
.sns-wrap-reg .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-reg .sns-payco {border-color:#C44646}
.sns-wrap-reg .sns-payco .ico {background-position:-116px 0}
.sns-wrap-reg .sns-kakao {border-color:#f2df00}

/* SNS by COLOR */
.sns-wrap-over .sns-naver{background:url('./img/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {background:url('./img/sns_gp_s.png') no-repeat}
.sns-wrap-over .sns-facebook {background:url('./img/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('./img/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('./img/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('./img/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}

.social-login-loading{width:100%;height:auto;text-align:center}
.social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}

/* �ƿ��α��� */
#sns_outlogin .sns-icon {overflow:hidden;margin:0 1px}
#sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
#sns_outlogin .sns-icon .ico {width:30px;height:30px}

/*��� */
#sns_login{border:0;margin-top:15px ;padding-top: 20px;border-top:1px solid #edeaea}
#sns_login .sns-icon{display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px}
#sns_login .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_login .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121}
#sns_login .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_login .txt{text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold}
#sns_login .txt:hover{background:rgba(0,0,0,0.07)}

/*ȸ������ */
#sns_register{ }
#sns_register .panel-body{ text-align:center; }
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-wrap{display:inline-block;vertical-align:top; }
#sns_register .sns-icon{display:inline-block;height:40px;line-height:40px;width:210px;margin:0 3px 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px;float:left}
#sns_register .sns-icon:nth-child(3n+1){clear:both}
#sns_register .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_register .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_register .sns-kakao {color:#3c1e1e}
#sns_register .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_register .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121}
#sns_register .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_register .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_register .txt{text-align:;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold}
#sns_register .txt:hover{background:rgba(0,0,0,0.07)}






/* 소현 */
*{box-sizing: border-box;padding: 0;margin: 0;}
html,body {padding: 0;margin: 0;position: relative;width: 100%;top: 0;left: 0;}
.flex{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
:root{
	--color-blue:#1a264c;
	--color-orange:#da4501;
}
/* 로그인 시작 */
#login{width: 100%; height: 100%; overflow: hidden;}
#login>.bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1;}
#login>.bg div:nth-child(1){width: 30%;height: 100%;background: var(--color-blue);}
#login>.bg div:nth-child(2){width: 70%;height: 100%;background: #ddd;}
#login .log_wrap{position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 80%; width: 80%; max-width: 1200px; background: #fff;box-shadow: 10px 10px 10px #00000038; overflow-y: auto; min-height: 550px;}
#login .log_wrap .left{position: absolute; width: 40%; height: 100%; background-image: url(/../../img/main_bg.jpg); background-position: 27%; background-repeat: no-repeat; background-size: auto 100%;}
#login .log_wrap .left .filter{position: absolute;width: 100%;height: 100%;background: #040e4282;top: 0;left: 0;}
#login .log_wrap .left .filter .text{position: absolute;width: 100%;height: fit-content;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 0 20px;}
#login .log_wrap .left .filter .text p{font-size: 25px; font-weight: bold; color: #fff; text-align: center;margin-bottom: 30px;}
#login .log_wrap .left .filter .text span{font-size: 13px; color: #fff; text-align: center; display: block;line-height: 25px;}
#login .log_wrap .right{ position: absolute; width: 60%; height: 100%; right: 0; top: 0;}
#login .log_wrap .right .text{position: absolute; width: 100%;height: fit-content;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#login .log_wrap .right .text img{height: 120px; width: fit-content; display: block; margin: 0 auto 100px;}
#login .log_wrap .right .text form{width: 80%;margin: 0 auto;}
#login .log_wrap .right .text form .input_wrap{}
#login .log_wrap .right .text form .input_wrap label{display: block; font-size: 15px; color: #777; margin-bottom: 5px;}
#login .log_wrap .right .text form .input_wrap input{width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 15px; border: unset; border-bottom: 1px solid #ccc; box-shadow: unset; margin: 0 auto 30px;background: #fff;}
#login .log_wrap .right .text form .input_wrap input:focus{outline: unset;}
#login .log_wrap .right .text form button{width: 100%;height: 50px;line-height: 50px;background: var(--color-blue);color: #fff;font-size: 17px;text-align: center;border: none;cursor: pointer;margin-bottom: 20px;}
#login .log_wrap .right .flex{width: 80%;margin: 0 auto;}
#login .log_wrap .right .flex a:nth-child(1){font-size: 15px; color: #777;text-decoration: none;}
#login .log_wrap .right .flex a:nth-child(2){font-size: 15px;font-weight: bold;color: var(--color-blue);text-decoration: none;}
/* 로그인끝 */
/* 회원가입 타입 시작 */
#register_type{}
#register_type .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1;}
#register_type .bg>div:nth-child(1){width: 30%;height: 100%;background: var(--color-blue);}
#register_type .bg>div:nth-child(2){width: 70%;height: 100%;background: #ddd;}
#register_type .step{ width: 100%; padding:50px 0px;justify-content: space-around;}
#register_type .step li{list-style: none; text-align: center; width: 23.333333%;position: relative;top: 0;left: 0;}
#register_type .step li:nth-child(1){width: 30%;}
#register_type .step li:nth-child(1)::before{display: none;}
#register_type .step li:nth-child(1) img{height: 100px;}
#register_type .step li::before{content: "";display: block; width: 100%; height: 1px; background: var(--color-blue);position: absolute;top: 28%;left: 50%;transform: translate(-50%, -50%);}
#register_type .step li p{ width: 30px; height: 30px; line-height: 25px; background: #fff; border: 1px solid var(--color-blue); margin: 0 auto 10px; position: relative; font-size: 17px; font-weight: bold;}
#register_type .step li span{font-size: 15px; color: #777; font-weight: bold;}
#register_type .step li:nth-child(2){}
#register_type .step li:nth-child(2) p{background: var(--color-blue);color: #fff;}
#register_type .step li:nth-child(2) span{color: var(--color-blue);}
#register_type .type_wrap{height: fit-content ;min-height: 67%; width: calc(100% - 40px); max-width: 1200px; background: #fff;box-shadow: 10px 10px 10px #00000038; overflow-y: auto;margin: 0 auto 100px;}
#register_type .type_wrap .title{position: relative; top: 0; left: 0; width: 100%;height: fit-content; padding: 50px 20px; text-align: center;}
#register_type .type_wrap .title .back{ position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 30px; height: 30px; cursor: pointer;}
#register_type .type_wrap .title .back img{display: block;width: 100%;height: 100%;}
#register_type .type_wrap .title .text{}
#register_type .type_wrap .title .text p{font-size: 25px; color: var(--color-blue); font-weight: bold; margin-bottom: 10px;}
#register_type .type_wrap .title .text span{font-size: 17px;color: #777;}
#register_type .type_wrap .type{padding: 0 30px;margin-bottom: 50px;}
#register_type .type_wrap .type li{width: 48%; list-style: none; box-shadow: 0px 5px 10px #0000001a;cursor: pointer;transition: 0.2s;}
#register_type .type_wrap .type li:nth-child(1):active{box-shadow: 0px 5px 10px var(--color-blue);}
#register_type .type_wrap .type li:nth-child(2):active{box-shadow: 0px 5px 10px var(--color-orange);}
#register_type .type_wrap .type li img{width: 50px;height: fit-content;margin:50px auto 0;display: block;}
#register_type .type_wrap .type li>p{text-align: center; font-size: 17px; font-weight: bold; margin: 10px auto 30px;}
#register_type .type_wrap .type li:nth-child(1)>p{color: var(--color-blue);}
#register_type .type_wrap .type li:nth-child(2)>p{color: var(--color-orange);}
#register_type .type_wrap .type li span{font-size: 15px; color: #777; display: block; text-align: center; width: 70%;margin: 0 auto 50;}
#register_type .type_wrap .type li div{ width: 80%; margin: 0 auto; border-top: 1px solid #ddd; padding: 20px 0 50px 0;}
#register_type .type_wrap .type li div p{font-size: 15px; font-weight: bold; text-align: center;}
#register_type .type_wrap .type li:nth-child(1) div p{color: var(--color-blue);}
#register_type .type_wrap .type li:nth-child(2) div p{color: var(--color-orange);}
/* 회원가입 타입 끝 */
/* 회원가입 약관 시작 */
#register{}
#register .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1;}
#register .bg>div:nth-child(1){width: 30%;height: 100%;background: var(--color-blue);}
#register .bg>div:nth-child(2){width: 70%;height: 100%;background: #ddd;}
#register .step{ width: 100%; padding:50px 0px;justify-content: space-around;}
#register .step li{list-style: none; text-align: center; width: 23.333333%;position: relative;top: 0;left: 0;}
#register .step li:nth-child(1){width: 30%;}
#register .step li:nth-child(1)::before{display: none;}
#register .step li:nth-child(1) img{height: 100px;}
#register .step li::before{content: "";display: block; width: 100%; height: 1px; background: var(--color-blue);position: absolute;top: 28%;left: 50%;transform: translate(-50%, -50%);}
#register .step li p{ width: 30px; height: 30px; line-height: 25px; background: #fff; border: 1px solid var(--color-blue); margin: 0 auto 10px; position: relative; font-size: 17px; font-weight: bold;}
#register .step li span{font-size: 15px; color: #777; font-weight: bold;}
#register .step li:nth-child(2){}
#register .step li:nth-child(2) p{background: var(--color-blue);color: #fff;}
#register .step li:nth-child(2) span{color: var(--color-blue);}
#register .step li:nth-child(3){}
#register .step li:nth-child(3) p{background: var(--color-blue);color: #fff;}
#register .step li:nth-child(3) span{color: var(--color-blue);}
#register #fregister{position: relative;top: 0;left: 0; height: fit-content; width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;}
#register #fregister>div{position: absolute; width: 100%; height: fit-content; top: 0; left: 0; padding-bottom: 100px;}
#register #fregister>div .wrap{width: 100%; height: fit-content; background: #fff; box-shadow: 10px 10px 10px #00000038;padding-bottom: 50px;min-height: 67%;}
#register #fregister>div .wrap .title{width: 100%;height: fit-content; padding: 50px 20px; text-align: center;}
#register #fregister>div .wrap .title .back{position: absolute; top: 66px; left: 50px; width: 30px; height: 30px; cursor: pointer;}
#register #fregister>div .wrap .title .back img{display: block;width: 100%;height: 100%;}
#register #fregister>div .wrap .title .text{}
#register #fregister>div .wrap .title .text p{font-size: 25px; color: var(--color-blue); font-weight: bold; margin-bottom: 10px;}
#register #fregister>div .wrap .title .text span{font-size: 17px;color: #777;}
#register #fregister>div .wrap .checkbox_wrap{display: block; width: 80%; height: 20px; padding: 0; margin: 0 auto; text-align: right;}
#register #fregister>div .wrap .checkbox_wrap input{opacity: 0;position:fixed;z-index: -999999; top: 0;left: 0;}
#register #fregister>div .wrap .checkbox_wrap label{width: fit-content;float: right; display: flex; justify-content: right;align-items: center;cursor: pointer;font-size: 15px;}
#register #fregister>div .wrap .checkbox_wrap label img{width: 30px;height: 30px;width: 20px; height: 20px; border: 2px solid #ddd; margin-right: 5px;}
#register #fregister>div .wrap .checkbox_wrap label img.agree11_checked{background-color: var(--color-blue);border: 2px solid var(--color-blue);}
#register #fregister>div .wrap .checkbox_wrap label img.agree21_checked{background-color: var(--color-blue);border: 2px solid var(--color-blue);}
#register #fregister .content1{z-index: 2;}
#register #fregister .content1 .wrap .panel-body{ width: 80%; margin: 20px auto 0; border: 1px solid var(--color-blue); height: 500px;padding: 20px;}
#register #fregister .content1 .wrap .panel-body .register-term{height: 100%;position: unset}
#register #fregister .content1 .wrap .panel-body .register-term::-webkit-scrollbar { width: 7px; overflow: hidden; }
#register #fregister .content1 .wrap .panel-body .register-term::-webkit-scrollbar-thumb { background-color: var(--color-blue); border-radius: 5px; }
#register #fregister .content1 .wrap .panel-body .register-term::-webkit-scrollbar-track { background-color: #e9e9e9; border-radius: 5px; }
#register #fregister .content1 .wrap .panel-body .register-term #provision{}
#register #fregister .content1 .wrap .panel-body .register-term #provision .title{font-size: 20px;font-weight: bold;color: #000;width: 100%;text-align: center;margin: 0px;padding: 30px 0 50px;}
#register #fregister .content1 .wrap button{width: 200px; height: 50px; line-height: 50px; background: var(--color-blue); color: #fff; font-size: 15px; border: none; display: block; margin: 50px auto 0;cursor: pointer;}
#register #fregister .content2{z-index: 1; opacity: 0; height: 0;}
#register #fregister .content2 .wrap .table{display: block; width: 80%; margin: 20px auto; height:fit-content;}
#register #fregister .content2 .wrap .table tbody{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; width: 100%; height: fit-content; border: 1px solid #1a264c;}
#register #fregister .content2 .wrap .table tbody tr{width: 100%; display: flex; justify-content: space-between; align-items: center;}
#register #fregister .content2 .wrap .table tbody tr:nth-child(1){background: var(--color-blue);}
#register #fregister .content2 .wrap .table tbody tr th{font-size: 13px;width: 33.333333%;text-align: center; height: 50px; line-height: 50px;color: #fff;}
#register #fregister .content2 .wrap .table tbody tr td{font-size: 15px; width: 33.333333%; text-align: center; padding: 20px;color: #000;}
#register #fregister .content2 .wrap .view_btn{width: 200px; height: 50px; line-height: 50px; background: #7a7a7a; color: #fff; font-size: 15px; border: none; display: block; margin: 0px auto; text-align: center;cursor: pointer;}
#register .privacy_content{display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#000000c4; z-index: 999999;}
#register .privacy_content .panel-body{width: 80%; height:calc(100% - 200px); background: #fff; padding: 20px; position: absolute; top: 50px; left: 50%; transform: translateX(-50%);}
#register .privacy_content .panel-body .register-term{height: 100%;position: unset}
#register .privacy_content .panel-body .register-term::-webkit-scrollbar { width: 7px; overflow: hidden; }
#register .privacy_content .panel-body .register-term::-webkit-scrollbar-thumb { background-color: var(--color-blue); border-radius: 5px; }
#register .privacy_content .panel-body .register-term::-webkit-scrollbar-track { background-color: #e9e9e9; border-radius: 5px; }
#register .privacy_content .panel-body .register-term #privacy .title{font-size: 20px;font-weight: bold;color: #000;width: 100%;text-align: center;margin: 0px;padding: 30px 0 50px;}
#register .privacy_content .view_btn{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 200px; height: 50px; line-height: 50px; background: #1a264c; color: #fff; font-size: 15px; border: 1px solid #fff; text-align: center;cursor: pointer;}
#register #fregister .content2 .wrap button{width: 200px; height: 50px; line-height: 50px; background: var(--color-blue); color: #fff; font-size: 15px; border: none; display: block; margin: 50px auto 0; cursor: pointer;}
/* 회원가입 약관 끝 */
/* 회원가입 form 시작 */
#register_form{padding-bottom: 100px;}
#register_form .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1;}
#register_form .bg>div:nth-child(1){width: 30%;height: 100%;background: var(--color-blue);}
#register_form .bg>div:nth-child(2){width: 70%;height: 100%;background: #ddd;}
#register_form .step{ width: 100%; padding:50px 0px;justify-content: space-around;}
#register_form .step li{list-style: none; text-align: center; width: 23.333333%;position: relative;top: 0;left: 0;}
#register_form .step li:nth-child(1){width: 30%;}
#register_form .step li:nth-child(1)::before{display: none;}
#register_form .step li:nth-child(1) img{height: 100px;}
#register_form .step li::before{content: "";display: block; width: 100%; height: 1px; background: var(--color-blue);position: absolute;top: 28%;left: 50%;transform: translate(-50%, -50%);}
#register_form .step li p{ width: 30px; height: 30px; line-height: 25px; background: #fff; border: 1px solid var(--color-blue); margin: 0 auto 10px; position: relative; font-size: 17px; font-weight: bold;}
#register_form .step li span{font-size: 15px; color: #777; font-weight: bold;}
#register_form .step li:nth-child(2){}
#register_form .step li:nth-child(2) p{background: var(--color-blue);color: #fff;}
#register_form .step li:nth-child(2) span{color: var(--color-blue);}
#register_form .step li:nth-child(3){}
#register_form .step li:nth-child(3) p{background: var(--color-blue);color: #fff;}
#register_form .step li:nth-child(3) span{color: var(--color-blue);}
#register_form form{height: fit-content ;min-height: 67%; width: calc(100% - 40px); margin: 0 auto; max-width: 1200px; background: #fff;box-shadow: 10px 10px 10px #00000038; overflow-y: hidden;}
#register_form form .title{position: relative;top: 0;left: 0; width: 100%;height: fit-content; padding: 50px 20px; text-align: center;}
#register_form form .title .back{position: absolute; top: 66px; left: 50px; width: 30px; height: 30px; cursor: pointer;}
#register_form form .title .back img{display: block;width: 100%;height: 100%;}
#register_form form .title .text{}
#register_form form .title .text p{font-size: 25px; color: var(--color-blue); font-weight: bold; margin-bottom: 10px;}
#register_form form .title .text span{font-size: 17px;color: #777;}
#register_form form .panel-default{height: calc(100% - 300px);overflow-y: auto;}
#register_form form .panel-default .panel-body{width: 80%;margin: 0 auto;}
#register_form form .panel-default .panel-body>div{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;margin-bottom: 20px;}
#register_form form .panel-default .panel-body>div>p{font-size: 15px; width: 150px;}
#register_form form .panel-default .panel-body>div>input{width: calc(100% - 150px); height: 42px; line-height: 42px; font-size: 15px; color: var(--color-orange); border: 1px solid #ddd; border-radius: 0; padding: 0 10px;font-family: 'Malgun Gothic' !important;}
#register_form form .panel-default .panel-body>div>input:focus{outline: unset;border: 1px solid var(--color-orange);}
#register_form form .panel-default .panel-body>div>button{width: calc(100% - 150px); height: 40px; line-height: 40px; text-align: center; font-size: 13px;}
#register_form form .panel-default .panel-body>div>span{ display: block; width: 100%; padding-left: 150px; font-size: 12px; color: #777; }
#register_form form .panel-default .panel-body>div>div{width: calc(100% - 150px);height: 42px;display: flex;align-items: center;}
#register_form form .panel-default .panel-body>div>div>input{opacity: 0; position: absolute;top: 0;left: 0;}
#register_form form .panel-default .panel-body>div>div label{display: flex;align-items: center;cursor: pointer;font-size: 15px;}
#register_form form .panel-default .panel-body>div>div label img{width: 20px; height: 20px; border: 2px solid #ddd; margin-right: 10px;}
#register_form form .panel-default .panel-body>div>div label img.checked{background-color: var(--color-blue);border: 2px solid var(--color-blue);}
#register_form form .btn_wrap{width: 100%; height: 50px; display: flex; justify-content: center; align-items: center;margin: 50px auto;}
#register_form form .btn_wrap a{width: 200px; height: 100%; line-height: 50px; background: #7a7a7a; color: #fff; font-size: 15px; border: none; display: block; text-align: center; cursor: pointer;margin-right: 30px;}
#register_form form .btn_wrap button{width: 200px; height: 50px; line-height: 50px; background: var(--color-blue); color: #fff; font-size: 15px; border: none; display: block; cursor: pointer;font-family: 'Malgun Gothic' !important;}
/* 회원가입 form 끝 */
/* 회원가입 완료페이지 시작 */
#register_result{padding-bottom: 100px;}
#register_result .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1;}
#register_result .bg>div:nth-child(1){width: 30%;height: 100%;background: var(--color-blue);}
#register_result .bg>div:nth-child(2){width: 70%;height: 100%;background: #ddd;}
#register_result .step{ width: 100%; padding:50px 0px;justify-content: space-around;}
#register_result .step li{list-style: none; text-align: center; width: 23.333333%;position: relative;top: 0;left: 0;}
#register_result .step li:nth-child(1){width: 30%;}
#register_result .step li:nth-child(1)::before{display: none;}
#register_result .step li:nth-child(1) img{height: 100px;}
#register_result .step li::before{content: "";display: block; width: 100%; height: 1px; background: var(--color-blue);position: absolute;top: 28%;left: 50%;transform: translate(-50%, -50%);}
#register_result .step li p{ width: 30px; height: 30px; line-height: 25px; background: #fff; border: 1px solid var(--color-blue); margin: 0 auto 10px; position: relative; font-size: 17px; font-weight: bold;}
#register_result .step li span{font-size: 15px; color: #777; font-weight: bold;}
#register_result .step li:nth-child(2){}
#register_result .step li:nth-child(2) p{background: var(--color-blue);color: #fff;}
#register_result .step li:nth-child(2) span{color: var(--color-blue);}
#register_result .step li:nth-child(3){}
#register_result .step li:nth-child(3) p{background: var(--color-blue);color: #fff;}
#register_result .step li:nth-child(3) span{color: var(--color-blue);}
#register_result .step li:nth-child(4) p{background: var(--color-blue);color: #fff;}
#register_result .step li:nth-child(4) span{color: var(--color-blue);}
#register_result>.wrap{height: fit-content ;min-height: 67%; width: calc(100% - 40px); margin: 0 auto; max-width: 1200px; background: #fff;box-shadow: 10px 10px 10px #00000038; padding-bottom: 1px;}
#register_result>.wrap .title{width: 100%;height: fit-content; padding: 50px 20px; text-align: center; position: relative; top: 0; left: 0;}
#register_result>.wrap .title .back{position: absolute; top: 66px; left: 50px; width: 30px; height: 30px; cursor: pointer;}
#register_result>.wrap .title .back img{display: block;width: 100%;height: 100%;}
#register_result>.wrap .title .text{}
#register_result>.wrap .title .text p{font-size: 25px; color: var(--color-blue); font-weight: bold; margin-bottom: 10px;}
#register_result>.wrap .title .text span{font-size: 17px;color: #777;}
#register_result>.wrap .content{width: 80%; margin: 0 auto; text-align: center}
#register_result>.wrap .content>p{font-size: 30px; font-weight: bold; color: var(--color-blue); margin-bottom: 10px;}
#register_result>.wrap .content>span{font-size: 20px; font-weight: bold; color: var(--color-blue); margin-bottom: 10px;}
#register_result>.wrap .content>span b{color: var(--color-orange);}
#register_result>.wrap .content .text{margin: 30px auto; width: 100%;}
#register_result>.wrap .content .text span{font-size: 15px; color: #777; display: block;margin-bottom: 10px;}
#register_result>.wrap .content .special{background: var(--color-orange); padding: 50px 20px;}
#register_result>.wrap .content .special p{color: #fff; font-size: 15px;}
#register_result>.wrap .content .special a{text-decoration: unset; color: var(--color-orange); background: #fff; width: 300px; display: block; margin: 30px auto; line-height: 50px; font-size: 15px; font-weight: bold;}
#register_result>.wrap .content .special span{color: #ffcfb9;font-size: 15px;}
#register_result>.wrap .content>a{margin: 50px auto; display: block; width: 300px; font-size: 15px; height: 50px; line-height: 50px; background: var(--color-blue); color: #fff; text-decoration: unset;}
/* 회원가입 완료페이지 끝 */
/* 활동내역시작 */
#post{}
#post .title{width: 100%;height: fit-content;background-image:url('../../../img/post_bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;margin-bottom: 50px;}
#post .title .wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;padding: 100px 0; position: relative;top: 0;left: 0;}
#post .title .wrap p{font-size: 30px;font-weight: bold;color: #fff;line-height: 40px;width: 100%;position: relative;top: 0;left: 0;padding-bottom: 20px;margin-bottom: 20px;}
#post .title .wrap p:after{content: ""; display: block; position: absolute; bottom: 0;left: 0; width: 30px;height: 2px;background: var(--color-orange);}
#post .title .wrap span{font-size: 15px;color: #fff;}
#post .btn_wrap{width: calc(100% - 40px);max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#post .btn_wrap a{display: block; width: 50%;height: 40px;line-height: 40px;font-size: 15px;border-bottom:3px solid #ddd;color: var(--color-blue);text-align: center; font-weight: bold;}
#post .btn_wrap a.active{border-bottom: 3px solid var(--color-blue);}
#post .btn_wrap a:hover{text-decoration: unset;}
#post .total{width: calc(100% - 40px); max-width: 1200px; margin: 20px auto 20px; text-align: left; font-size: 15px; line-height: 30px; background: #fff; font-weight: bold;}
#post .mypost-skin .my_post .mypost-media{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;padding: 0;}
#post .mypost-skin .my_post .mypost-media .media{margin: 0 0 2px; padding: 10px 20px; background: #eee;}
#post .mypost-skin .my_post .mypost-media .media .media-body{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; width: 100%;}
#post .mypost-skin .my_post .mypost-media .media .media-body .media-heading{width: 50%;margin: 0;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#post .mypost-skin .my_post .mypost-media .media .media-body .media-heading b{font-size: 13px;color: #000;font-weight: normal;}
#post .mypost-skin .my_post .mypost-media .media .media-body .media-heading span{font-size: 10px;color: var(--color-orange);}
#post .mypost-skin .my_post .mypost-media .media .media-body .text-muted{font-size: 13px;width: 50%;text-align: right;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#post .mypost-skin .my_post>p{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto; text-align: center; font-size: 13px; line-height: 30px; background: #ced2df;}
#post .mypost-skin .my_post .mypost-media>p.list-none{width: 100%; margin: 0 auto 0; margin-bottom: 50px; padding: 50px 5%; font-size: 15px; text-align: center;}

#post .mypost-skin .comment_wrap .mypost-media{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;padding: 0;}
#post .mypost-skin .comment_wrap .mypost-media .media{margin: 0 0 2px; padding: 10px 20px; background: #eee;}
#post .mypost-skin .comment_wrap .mypost-media .media .media-body{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; width: 100%;}
#post .mypost-skin .comment_wrap .mypost-media .media .media-body .media-heading{width: 50%;margin: 0;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#post .mypost-skin .comment_wrap .mypost-media .media .media-body .media-heading b{font-size: 13px;color: #000;font-weight: normal;}
#post .mypost-skin .comment_wrap .mypost-media .media .media-body .media-heading span{font-size: 10px;color: var(--color-orange);}
#post .mypost-skin .comment_wrap .mypost-media .media .media-body .text-muted{font-size: 13px;width: 50%;text-align: right;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#post .mypost-skin .comment_wrap .mypost-media .media .media-body .media-content{font-size: 13px;color: var(--color-orange);}
#post .mypost-skin .comment_wrap .mypost-media>p.list-none{width: 100%; margin: 0 auto 0; margin-bottom: 50px; padding: 50px 5%; font-size: 15px; text-align: center;}
#post .mypost-skin .comment_wrap>p{width: calc(100% - 40px); max-width: 1200px; margin: 0 auto; text-align: center; font-size: 13px; line-height: 30px; background: #ced2df;}
#post .pagination{margin: 20px 0 0;}
/* 활동내역끝 */
/* 회원탈퇴 시작*/
.member_confirm{margin: 50px auto; width: calc(100% - 40px); max-width: 900px; padding: 50px 20px; border: 1px solid #ddd;}
.member_confirm b{display: block; font-size: 30px; font-weight: bold; color: #000; line-height: 40px; width: 100%; position: relative; top: 0; left: 0; padding-bottom: 20px; margin-bottom: 20px;text-align: center;}
.member_confirm b:after { content: ""; display: block; position: absolute; bottom: 0; left: 50%;transform: translateX(-50%); width: 30px; height: 2px; background: var(--color-orange);}
.member_confirm span{font-size: 15px; color: #000; display: block; width: 100%; max-width: 475px; text-align: center; word-break: keep-all; margin: 0 auto;}
.member_confirm p{font-size: 15px; color: #000;display: block;width: 100%;text-align: center; margin: 20px 0 50px;word-break: keep-all;}
.member_confirm form{}
.member_confirm form input{width: 100%; height: 50px; line-height: 50px; padding:0 10px; background: none; border: none; border-bottom: 1px solid #ddd; border-radius: 0; color: #000; font-size: 15px; box-shadow: none;text-align: center;margin-bottom: 20px;}
.member_confirm form input::placeholder { color: #777;}
.member_confirm form input:focus { box-shadow: none;border-bottom: 1px solid var(--color-orange);}
.member_confirm form button{width: 100%; height: 50px; line-height: 50px; background: var(--color-blue) !important; color: #fff; font-size: 15px; text-align: center; border: none; cursor: pointer;padding: 0;}
/* 회원탈퇴 끝 */
/* 회원정보찾기 시작 */
.password_lost{margin: 50px auto; width: calc(100% - 40px); max-width: 900px; padding: 50px 20px; border: 1px solid #ddd;}
.password_lost b{display: block; font-size: 30px; font-weight: bold; color: #000; line-height: 40px; width: 100%; position: relative; top: 0; left: 0; padding-bottom: 20px; margin-bottom: 20px;text-align: center;}
.password_lost b:after { content: ""; display: block; position: absolute; bottom: 0; left: 50%;transform: translateX(-50%); width: 30px; height: 2px; background: var(--color-orange);}
.password_lost span{font-size: 15px; color: #000; display: block; width: 100%; max-width: 385px; text-align: center; word-break: keep-all; margin: 0 auto 50px;}
.password_lost input{width: 100%; height: 50px; line-height: 50px; padding:0 10px; background: none; border: none; border-bottom: 1px solid #ddd; border-radius: 0; color: #000; font-size: 15px; box-shadow: none;text-align: center;margin-bottom: 20px;}
.password_lost input::placeholder { color: #777;}
.password_lost input:focus { box-shadow: none;border-bottom: 1px solid var(--color-orange);}
.password_lost .btn_wrap{text-align: center;}
.password_lost .btn_wrap button{width: 49%; height: 50px; line-height: 50px; padding: 0; font-size: 15px;}
/* 회원정보찾기 끝 */
@media screen and (max-width:1200px){
	/* 로그인 시작 */
	#login>.bg div:nth-child(1){width: 100%;height: 30%;}
	#login>.bg div:nth-child(2){width: 100%;height: 70%;}
	#login .log_wrap .left{display: none;}
	#login .log_wrap .right{width: 100%;}
	#login .log_wrap .right .text img{margin: 0 auto 50px;}
	#login .log_wrap .right .text form .input_wrap label{font-size: 12px;}
	#login .log_wrap .right .text form .input_wrap input{font-size: 12px;}
	#login .log_wrap .right .text form button{font-size: 15px;}
	#login .log_wrap .right .flex a:nth-child(1){font-size: 12px;}
	#login .log_wrap .right .flex a:nth-child(2){font-size: 12px;}
	/* 로그인 끝 */
	/* 회원가입 타입 시작 */
	#register_type .bg div:nth-child(1){width: 100%;height: 40%;min-height: 300px;}
	#register_type .bg div:nth-child(2){width: 100%;height: 60%;}
	#register_type .step li{width: 33.333333%;}
	#register_type .step li p{background:var(--color-blue); border: 1px solid #fff; margin: 0 auto 0px; font-size: 15px;color: #fff;line-height: 28px;}
	#register_type .step li span{display: none;}
	#register_type .step li:nth-child(1){display: block;width: 100%;margin-bottom: 30px;}
	#register_type .step li::before{background: #fff;top: 50%;left: 0;transform: translate(0, 0);}
	#register_type .step li:nth-child(2) p{background: #fff;color: var(--color-blue);}
	#register_type .step li:nth-child(2)::before{width: 50%;right: 0;left: unset;transform: translate(0%, 0%);}
	#register_type .step li:nth-child(4)::before{width: 50%;left: 0;    transform: translate(0%, 0%);}
	#register_type .type_wrap{}
	#register_type .type_wrap .title{padding: 30px 20px;}
	#register_type .type_wrap .title .back{display: none;}
	#register_type .type_wrap .title .text p{font-size: 20px;margin-bottom: 5px;}
	#register_type .type_wrap .title .text span{font-size: 15px;}
	#register_type .type_wrap .type{padding: 0;width: 90%;margin: 0 auto; height: calc(100% - 150px);}
	#register_type .type_wrap .type li{width: 100%;height: fit-content;margin-bottom: 30px; border: 1px solid #ddd;}
	#register_type .type_wrap .type li img{width: 30px;margin:30px auto 0;}
	#register_type .type_wrap .type li>p{font-size: 15px;margin: 5px auto 20px;}
	#register_type .type_wrap .type li span{color: #777 !important;font-size: 13px;}
	#register_type .type_wrap .type li div{ width: 80%; margin: 0 auto; border-top: 1px solid #ddd; padding: 20px 0 30px 0;}
	#register_type .type_wrap .type li div p{ font-size: 13px;}
	/* 회원가입 타입 끝 */
	/* 회원가입 약관 시작 */
	#register .bg div:nth-child(1){width: 100%;height: 40%;min-height: 300px;}
	#register .bg div:nth-child(2){width: 100%;height: 60%;}
	#register .step li{width: 33.333333%;}
	#register .step li p{background:var(--color-blue); border: 1px solid #fff; margin: 0 auto 0px; font-size: 15px;color: #fff;line-height: 28px;}
	#register .step li span{display: none;}
	#register .step li:nth-child(1){display: block;width: 100%;margin-bottom: 30px;}
	#register .step li::before{background: #fff;top: 50%;left: 0;transform: translate(0, 0);}
	#register .step li:nth-child(2) p{background: #fff;color: var(--color-blue);}
	#register .step li:nth-child(3) p{background: #fff;color: var(--color-blue);}
	#register .step li:nth-child(2)::before{width: 50%;right: 0;left: unset;transform: translate(0%, 0%);}
	#register .step li:nth-child(4)::before{width: 50%;left: 0;    transform: translate(0%, 0%);}
	#register #fregister>div .wrap .title{padding: 30px 20px;}
	#register #fregister>div .wrap .title .back{display: none;}
	#register #fregister>div .wrap .title .text p{font-size: 20px;margin-bottom: 5px;}
	#register #fregister>div .wrap .title .text span{font-size: 15px;}
	#register #fregister>div .wrap .checkbox_wrap{width: 90%;}
	#register #fregister>div .wrap .checkbox_wrap label{font-size: 13px;}
	#register #fregister .content1 .wrap .panel-body{ width: 90%; height: 500px;}
	#register #fregister .content1 .wrap .panel-body .register-term .page-content{font-size: 12px;}
	#register #fregister .content1 .wrap .panel-body .register-term .page-content .article-title{font-size: 13px;}
	#register #fregister .content1 .wrap button{font-size: 12px;}
	#register #fregister .content2 .wrap .table{width: 90%; height: fit-content; }
	#register #fregister .content2 .wrap .table tbody tr th{font-size: 12px;}
	#register #fregister .content2 .wrap .table tbody tr td{font-size: 12px;}
	#register #fregister .content2 .wrap .view_btn{font-size: 12px;}
	#register #fregister .content2 .wrap button{font-size: 12px;}
	#register .privacy_content .view_btn{font-size: 12px;}
	#register .privacy_content .panel-body .register-term .page-content{font-size: 12px;}
	#register .privacy_content .panel-body .register-term .page-content .article-title{font-size: 12px;}
	#register .privacy_content .panel-body{width: 90%;}
	/* 회원가입 약관 끝 */
	/* 회원가입 form 시작 */
	#register_form{}
	#register_form .bg div:nth-child(1){width: 100%;height: 40%;min-height: 300px;}
	#register_form .bg div:nth-child(2){width: 100%;height: 60%;}
	#register_form .step li{width: 33.333333%;}
	#register_form .step li p{background:var(--color-blue); border: 1px solid #fff; margin: 0 auto 0px; font-size: 15px;color: #fff;line-height: 28px;}
	#register_form .step li span{display: none;}
	#register_form .step li:nth-child(1){display:block;width: 100%;margin-bottom: 30px;}
	#register_form .step li::before{background: #fff;top: 50%;left: 0;transform: translate(0, 0);}
	#register_form .step li:nth-child(2) p{background: #fff;color: var(--color-blue);}
	#register_form .step li:nth-child(3) p{background: #fff;color: var(--color-blue);}
	#register_form .step li:nth-child(2)::before{width: 50%;right: 0;left: unset;transform: translate(0%, 0%);}
	#register_form .step li:nth-child(4)::before{width: 50%;left: 0;    transform: translate(0%, 0%);}
	#register_form form{top: 50%; height: fit-content;}
	#register_form form .title{padding: 30px 20px;}
	#register_form form .title .back{display: none;}
	#register_form form .title .text p{font-size: 20px;margin-bottom: 5px;}
	#register_form form .title .text span{font-size: 15px;}
	#register_form form .panel-default{height: calc(100% - 265px);}
	#register_form form .panel-default .panel-body{width: 90%;}
	#register_form form .panel-default .panel-body>div>p{font-size: 12px; width: 100px;}
	#register_form form .panel-default .panel-body>div>input{width: calc(100% - 100px); font-size: 12px;}
	#register_form form .panel-default .panel-body>div>div label{font-size: 12px;}
	#register_form form .panel-default .panel-body>div>span{padding-left: 100px; font-size: 10px;}
	#register_form form .panel-default .panel-body>div>div{width: calc(100% - 100px);}
	#register_form form .btn_wrap{}
	#register_form form .btn_wrap a{font-size: 12px;}
	#register_form form .btn_wrap button{font-size: 12px;}
	/* 회원가입 form 끝 */
	/* 회원가입 완료페이지 시작 */
	#register_result{}
	#register_result .bg div:nth-child(1){width: 100%;height: 40%;min-height: 300px;}
	#register_result .bg div:nth-child(2){width: 100%;height: 60%;}
	#register_result .step li{width: 33.333333%;}
	#register_result .step li p{background:var(--color-blue); border: 1px solid #fff; margin: 0 auto 0px; font-size: 15px;color: #fff;line-height: 28px;}
	#register_result .step li span{display: none;}
	#register_result .step li:nth-child(1){display: block;width: 100%;margin-bottom: 30px;}
	#register_result .step li::before{background: #fff;top: 50%;left: 0;transform: translate(0, 0);}
	#register_result .step li:nth-child(2) p{background: #fff;color: var(--color-blue);}
	#register_result .step li:nth-child(3) p{background: #fff;color: var(--color-blue);}
	#register_result .step li:nth-child(4) p{background: #fff;color: var(--color-blue);}
	#register_result .step li:nth-child(2)::before{width: 50%;right: 0;left: unset;transform: translate(0%, 0%);}
	#register_result .step li:nth-child(4)::before{width: 50%;left: 0; transform: translate(0%, 0%);}
	#register_result>.wrap .title{padding: 30px 20px;}
	#register_result>.wrap .title .back{display: none;}
	#register_result>.wrap .title .text p{font-size: 20px;margin-bottom: 5px;}
	#register_result>.wrap .title .text span{font-size: 15px;}
	#register_result>.wrap .content{width: 90%;}
	#register_result>.wrap .content>p{font-size: 20px;}
	#register_result>.wrap .content>span{font-size: 15px;}
	#register_result>.wrap .content .text span{font-size: 13px;}
	#register_result>.wrap .content .special{padding: 30px 20px;}
	#register_result>.wrap .content .special p{font-size: 13px;}
	#register_result>.wrap .content .special a{width: 200px; margin: 20px auto;font-size: 12px;}
	#register_result>.wrap .content .special span{font-size: 13px;}
	#register_result>.wrap .content>a{width: 200px; font-size: 12px;}
	/* 회원가입 완료페이지 끝 */
	/* 알반회원 활동내역 시작 */
	#post{margin: 100px auto 50px;}
	#post .title{margin-bottom: 50px;}
	#post .title .wrap{padding:50px 0 50px;}
	#post .title .wrap p{font-size: 25px;padding-bottom: 10px;margin-bottom: 10px;}
	#post .title .wrap span{font-size: 13px;}
	/* 알반회원 활동내역 끝 */
	/* 회원탈퇴 시작 */
	.member_confirm{margin: 150px auto 50px;}
	.member_confirm b{font-size: 25px;padding-bottom: 10px;margin-bottom: 10px;}
	.member_confirm span{font-size: 13px;max-width: 415px;}
	.member_confirm p{font-size: 13px;}
	.member_confirm form input{font-size: 13px;}
	/* 회원탈퇴 끝 */
	/* 회원정보찾기 시작 */
	.password_lost b{font-size: 25px;padding-bottom: 10px;margin-bottom: 10px;}
	.password_lost span{font-size: 13px;max-width: 333px;}
	.password_lost input{font-size: 13px}
	/* 회원정보찾기 끝 */
}
@media screen and (max-width:800px){
	/* 알반회원 활동내역 시작 */
	#post{margin: 70px auto 50px;}
	#post .title .wrap  p{text-align: center;margin-bottom: 17px;}
	#post .title .wrap  p::after{left: 50%;transform: translateX(-50%);}
	#post .title .wrap  span{text-align: center;text-align: center; margin: 0 auto; display: block; width: 100%;}
	#post .mypost-skin .my_post .mypost-media .media .media-body .media-heading{width: 100%;margin-bottom: 10px;}
	#post .mypost-skin .my_post .mypost-media .media .media-body .text-muted{width: 100%;}
	#post .mypost-skin .comment_wrap .mypost-media .media .media-body .media-heading{width: 100%;margin-bottom: 10px;}
	#post .mypost-skin .comment_wrap .mypost-media .media .media-body .text-muted{width: 100%;}
	#post .mypost-skin .my_post .mypost-media>p.list-none{font-size: 13px;}
	#post .mypost-skin .comment_wrap .mypost-media>p.list-none{font-size: 13px;}

	/* 알반회원 활동내역 끝 */

	/* 회원탈퇴 시작 */
	.member_confirm{margin: 120px auto 50px;}
	.member_confirm b{font-size: 20px;}
	/* 회원탈퇴 끝 */

	/* 회원정보찾기 시작 */
	.password_lost b{font-size: 20px;}
	/* 회원정보찾기 끝 */
}
@media screen and (max-width:600px){
	#register_type .type_wrap .title .text p{font-size: 17px;}
	#register_type .type_wrap .title .text span{font-size: 13px;}
	#register #fregister>div .wrap .title .text p{font-size: 17px;}
	#register #fregister>div .wrap .title .text span{font-size: 13px;}
	#register #fregister .content1 .wrap .panel-body .register-term #provision .title{font-size: 17px;}
	#register .privacy_content .panel-body .register-term #privacy .title{font-size: 17px;}
	#register_form form .title .text p{font-size: 17px;}
	#register_form form .title .text span{font-size: 13px;}
	#register_form form .btn_wrap{flex-flow: row wrap;height: fit-content;}
	#register_form form .btn_wrap a{width: 300px;margin: 0 0 50px 0;}
	#register_form form .btn_wrap button{width: 300px;}
	#register_result>.wrap .title .text p{font-size: 17px;}
	#register_result>.wrap .title .text span{font-size: 13px;}
	#post .pagination{margin: 20px auto; display: flex; flex-flow: row wrap; max-width: 210px;width: fit-content;  align-items: center;}
	#post .pagination li{width: 30px;}
	#post .pagination li a{width: 100%}
}