@charset "utf-8";
/* layout */
/*업로드 위해 입시 작성*/
.wrap {background:#fff;  min-height:100%;}
.wrap2 {background:#f8f8f8;}
.container-wrap {position:relative; margin-top:55px; margin-bottom:60px;}
.container-wrap.ty02 {position:relative; margin-top:55px; margin-bottom:60px;}
.container-wrap.ty03 {position:relative; margin-top:0; margin-bottom:60px;}
.container-wrap.ty04 {position:relative; margin-top:0; margin-bottom:0;}
.container-wrap.ty05 {position:relative; margin-top:55px; margin-bottom:132px;}
.container-wrap.ty02.mb-0 {position:relative; margin-top:55px; margin-bottom:0;}
.container-wrap.ty06{position:relative; margin-top:55px; margin-bottom:0;}
.container-wrap.ty02>img{max-width:100%;}
.container-wrap .cont{height: 100%;background: #657e69;padding-bottom: 30px;}
.container-wrap .cont .tit{width: 77%;margin: 0 auto 24px;display: block;padding-top: 44px;}
.container-wrap .cont a img{width: 90%;margin: 14px auto;display: block;}
.min-h500 {min-height:500px;}
.section {/*padding:45px 20px 30px 20px;*/padding:45px 20px 18vw 20px;}
.section02 {/* padding:55px 49px 20px 49px; */  padding:18vw 49px 12vw 49px;}
.section03 {padding:20px 30px;}
.section04 {padding:0;margin-bottom: 70px;}
.section05{padding:0 20px 10px 20px;}/* 회원관리 프로필수정 */
.member-profile-update .section05 {
	padding:0 20px 120px 20px;
}
.section05 .tit-ty01 {margin:30px 0 20px 0;}
.section06 {padding:25px 20px;}/* cafe : 자주하는 질문 */
.section07 {background-color:#f1f1f1;}/* cafe : 자주하는 질문 */
.section08 {padding:35px 20px 0 20px;}/* 고객센터 : 이용약관 상세 */
.section09 {padding:50px 40px 50px 40px;}/* 회사소개 */
.section10 {padding:35px 20px 85px;}/* 캠프렉터북 */
.section11 {padding:0;}
.section12 {padding: 18px 20px 18vw 20px;}
.section-fixed {margin-top:236px; padding:40px 20px;}/* 앨범 상단영역 고정 */
.bg-box.fixed {position:fixed; top:55px; left:0; right:0; z-index:10;}
.bg-box.fixed:before{content:''; position:absolute; top:0; left:0; right:0; width:100%; height:1px; background:#fff; z-index:0; opacity:0.2;}
.bg-box.ty02 {text-align:left; background:#f5f8f9;}
.group {margin-bottom:30px; }
.group:last-child {margin-bottom:0; }
.box-list {position:relative; border:1px solid #ccc; margin-bottom:10px;}
.box-list.on {border:1px solid #028086;}
.box-list.ty02.on {background: #45a0b9;border: none;}
.group-box {position:relative; padding:35px 20px 80px 20px; background:#fff;}
.group-box:first-child {padding-top:35px;}
.group-box:after {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:100%; height:10px; background:#f8f8f8;}
.group-box:before {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:100%; height:10px; background:#f8f8f8;}
.group-box:last-child:after {display:none;}
.group-box.ty02 {padding:15px 20px;}
.group-box.ty03 {padding:15px 0;}
.group-box.ty04 {position:relative;padding:35px 20px;}
.group-box.ty05 {position: relative;padding: 30px 20px 80px 20px;background: #fff;}
.group-box.ty05 .notice-wrap{margin-bottom: 30px;letter-spacing: -0.8px;}
.group-box.ty05 .notice-wrap .list-wrap ul li{padding-bottom: 20px;}
.group-box.ty05 .notice-wrap .list-wrap ul li .notice-cont .notice-tit .notice-txt{font-size: 14px;line-height: 1.2;color: #000;font-weight: bold;word-break: break-all;}
.group-box.ty05 .notice-wrap .list-wrap ul li .notice-cont .notice-detail p{color: #000;line-height: 1.8;margin-left: 7px;font-size: 14px;}
.group-box.ty05 .notice-wrap .list-wrap ul li .notice-cont .notice-detail .indent-sm{margin-left: 17px;}
.group-box.ty05 .notice-wrap .list-wrap ul li .notice-cont .notice-detail .indent-md{margin-left: 28px;}
.group-box.ty05 .alert-wrap p{color: #ff6600;font-size: 14px;}
.btn-b-area.exp a{background:#ccc;}
.group-box.ty06 {padding:35px 20px 20px;}
.group-box.ty06 .cont-wrap .main-tit.pb0.pt0{margin-bottom: 20px;}
.main-tit.pb0.pt0.arrow-black{display: block;background: url(../images/btn/btn_arrow02.png) no-repeat right center;background-size: 8px 14px;color: #000;font-size: 17px;font-weight: bold;}
.notice-box{border: 1px solid #ccc;border-radius: 5px;padding: 15px;}
.notice-box .notice-detail p{color: #888;font-size: 14px;line-height: 1.5;margin-bottom: 12px;}
.notice-box .notice-detail .tit{padding: 0 10px 0 0;}
.container-wrap.ty03 .icon-group{display: flex;justify-content: space-between;padding: 20px 40px;border-bottom: 1px solid #ccc;align-items: center;height: 89px;width:100%;z-index:999;background: #fff;}
.container-wrap.ty03 .icon-group > a{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 48px;}
.container-wrap.ty03 .icon-group > a > img{width: 22px;height: auto;text-align: center;}
.container-wrap.ty03 .icon-group > a:nth-child(2) > img{width: 20px;height: auto;}
.container-wrap.ty03 .icon-group p{margin-top: 12px;text-align: center;}
.group-box.ty07 .main-tit.pb0.pt0{margin-bottom: 20px;}
.group-box.ty07 .post-list-wrap ul li{border: 1px solid #ccc;border-radius: 5px;padding: 0 15px;margin-bottom: 14px;}
.swiper-wrapper .border{border: 1px solid rgb(204, 204, 204);border-radius: 5px;padding: 15px;}
div ul li a .pic-item{position: relative;float: right;width: 64px;height: 37px;margin-top: 3px;border-radius: 4px;overflow: hidden;}
.group-box.ty07 .post-list-wrap ul li a > .pic-item img{width: 100%;height: auto;}
.group-box.ty08{padding: 30px 20px 30px;}
.group-box.ty08 > .detail{line-height: 1.8;font-size: 14px;}
.container-wrap .group-box.ty08:last-of-type {padding-bottom: 90px;}
.container-wrap .btm-fixed-btn {color: #fff;text-align:center;width: 100%;padding: 18px 20px;position: fixed;bottom: 0;font-size: 16px;background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);}
.ma-slider{padding-bottom: 14px;}
.ma-slider:after{content: '';display: block;position: absolute;bottom: 0;right: 0;left: 0;width: 100%;height: 10px;background: #f8f8f8;}
.ma-slider ul{display: flex;}
@media screen and (min-width: 375px){
	.ma-slider ul{padding: 0 0 8px 0;}
}
.ma-slider ul li:first-child{display: flex;justify-content: center;}
.ma-slider ul li:first-child img{height: 250px;width:auto;}
.ma-outer-wrap{position: relative;margin-top: 55px;margin-bottom: 60px;letter-spacing: -.06em;font-family: 'Noto Sans KR'}
.main-tit-ma{color: #000;font-size:22px;line-height: 1.8;margin-bottom: 10px;letter-spacing: -1.9px;color: #212529;font-stretch: normal;font-style: normal;line-height: 1.7;}
.main-tit-ma +.map-area{margin-top:24px;margin-bottom: 30px;}
.sub-tit-ma{color: #028086;font-size:20px;line-height: 2;font-weight: 500;}
.group-box.ty08 .inner-wrap-ma{margin-bottom:30px;letter-spacing: -1.9px;/*padding-left: 8px;*/}
.group-box.ty08 .inner-wrap-ma .detail{line-height: 1.8;font-size: 15px;padding-left: 4px;color:#444;letter-spacing: -1px;}
.group-box.ty08 .inner-wrap-ma ul > li{line-height: 1.8;font-size: 15px;position: relative;padding-left: 16px;color:#444;letter-spacing: -1px;}
.group-box.ty08 .inner-wrap-ma ul > li:before{display: inline-block;content: '';position: absolute;left: 1px;top: 14px;width: 0px;height: 0px;border-style: solid;border-width: 5px 5px 0px 5px;border-color: transparent #028086 transparent transparent;transform: rotate(-45deg);}
.group-box.ty09{position: relative;padding: 12px 20px 50px 20px; background: #fff;}
.group-box.cafe-faq {padding:20px 20px 25px 20px; margin-bottom:10px;}
.group-box.cafe-faq + .cafe-faq {padding:0 20px 25px 20px; }
.group-box.board-top-write {position:relative; padding:0; background:#fff;}
.group-box.board-top-write:after {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:100%; height:10px; background:#f8f8f8;}
.div_camp_req .group-box:after{display:none;}
.pt-55 {padding-top: 55px;}

.faq-mgr-list {padding:0px 20px 25px 20px;}


/* 회원가입 */
.step-bar {position:absolute; top:0; left:0; right:0; height:4px; background:#e6e6e6; z-index:0;}
.step-bar > span {display:inline-block; position:absolute; top:0; height:4px; background:url(../images/bg/bg_bar_step.png) no-repeat 0 0; background-size:375px 4px;}

/* 프로필사진 편집 */
.profile-wrap {margin-bottom:20px;}
.profile-wrap .box-form {margin-bottom:0;}
.profile-wrap:after {content:''; display:block; clear:both; }
.profile-wrap .btn-profile-edit,
.bg-box .btn-profile-edit{display:block; position:absolute; bottom:0; right:0; width:30px; height:30px; background:url(../images/btn/btn_profile_edit.png) no-repeat 0 0; background-size:30px 30px;}
.photo-wrap {position:relative; display:block; float:left; width:100px; height:100px; margin-top:10px; margin-right:25px; }
.photo-wrap > img {display:inline-block; width:100%; height:100%; border:1px solid #dedede; border-radius:50%; text-align:center; object-fit: cover;}
.profile-form-wrap {position:relative; float:right; width:calc(100% - 125px); -webket-width:calc(100% - 125px);}
.profile-form-wrap .form .tit-form {margin-bottom:6px;}
.profile-form-wrap .form {margin-bottom:10px;}
.profile-form-wrap .form {position:relative;}
.profile-form-wrap .form .txt-form-alert {display:inline-block;}

/* 약관동의 */
.top-info {margin-bottom:30px;}
.top-info .tit-lavel02 {line-height:1.5; }
.top-info .sub-txt {display:block; margin-top:10px; font-size:12px; color:#666; letter-spacing:-1px; line-height:1.4;}
.agree-box {margin-bottom:35px; padding:0 10px;}
.agree-box:first-child {border-top:0 !important;}
.agree-box .checkbox {padding:15px 30px 15px 0;}
.agree-box .checkbox.all {padding:0 30px 15px 0; border-bottom:1px solid #ccc;}
.agree-box .checkbox input[type=checkbox] + label {font-size:17px;}
.agree-box .checkbox input[type=checkbox] + label em {font-size:17px; color:#028086;}
.agree-box .desc {margin-bottom:36px;font-weight:500;color:#666;text-align:center;line-height:1.5;}
.btn-view {display:block; content:''; position:absolute; top:4px; right:0; width:30px; height:45px; background:url(../images/btn/btn_arrow.png) no-repeat right center; background-size:8px 14px;}
.btn-view em {/* font-size:15px; color:#028086; */}
.provision-wrap div {margin-bottom:10px; font-size:14px; line-height:2; color:#666;}
.agree-box + .txt-form-alert  {line-height:1.4;}
.agree-box + .txt-form-alert:before {top:1px;}
.agree-box.ty02 {padding:22px 0 0 0; border-top:1px solid #ccc;}
.agree-box.ty02 .checkbox {padding:0 0 22px 0;}
.agree-box.ty02 .btn-green.h35 {margin-left:35px;}

/* PC-제3자제공동의(term-agree-wrapper) */
.bg-color__light-gray {background-color: #FBFBFB;}
.term-agree-pc__wrapper {width: 375px;height:auto;margin: auto;position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;}
.term-agree-pc__wrapper .container-wrap > form {height:auto;}
.term-agree-pc__wrapper .container-wrap > form .section {padding:45px 20px 4vw 20px; background: #ffff;}
.term-agree-pc__wrapper .header {width:375px; left: 50%!important;transform: translateX(-50%);}
.term-agree-pc__btm {width: 100%; left:50%!important; bottom:0px!important; transform: translateX(-50%);}

/* 회원가입시 제3자제공동의 (.join-termAgree-wrap)*/
.join-termAgree-wrap .agree-box {padding:0 0 0 0;}
.join-termAgree-wrap .agree-box .checkbox {margin:0 0 0 0;}
.join-termAgree-wrap .agree-box .checkbox:nth-child(3),.join-termAgree-wrap .agree-box .checkbox:nth-child(7) {margin:0;}
.join-termAgree-wrap .term_preview { border:1px solid #9999;padding:10px;margin:0 0 0 0;}
.join-termAgree-wrap .term_preview .tit {font-size:14px; letter-spacing: -1px; margin-bottom:10px;font-weight: bold;}
.join-termAgree-wrap .term_preview th {width: 20%;font-weight: normal;text-align: left; font-size: 14px;vertical-align: top;}
.join-termAgree-wrap .term_preview td {font-size: 14px;width:80%;}
.join-termAgree-wrap .agree-text-01 {font-size:12px; line-height: 16px; padding: 6px; font-weight: 500;}

@media screen and (max-width:414px){
	.bg-color__light-gray {background-color: #ffff;}
	.term-agree-pc__wrapper {width: 100%; height:100%; position:static; top:0; left:0; transform: none; margin:0;}
	.term-agree-pc__wrapper .header {width:100%;}
	.term-agree-pc__wrapper .container-wrap > form .section {padding:45px 20px 30vw 20px;}
	.term-agree-pc__btm {width:100%; transform: none; left:0!important; bottom:0!important;}
}

@media screen and (max-width:360px) and (min-width:1px){
	.term-agree-pc__wrapper .container-wrap > form .section {padding:45px 20px 34vw 20px;}
	.term-agree-pc__wrapper .container-wrap > form .section .btn-blue-line {padding: 10px 0 100px;}

}



/* 211018 약관동의 버튼 추가 */
.btn_term_agree{width: 345px;padding: 15px;background-color: rgb(242, 242, 242); border:1px solid #000;margin:auto; display:flex;justify-content: space-between;}
.btn_term_agree>a{font-size:12px;padding: 5px 15px;border:2px solid #999;font-weight: bold; color:#000;line-height: 20px;border-radius: 18px;}
.btn_term_agree>span{display:block; width:65%; font-size:13px;line-height: 18px;}

/* 211018 약관동의 알림 팝업*/
.agree_popup{ width:350px; height:365px; background-color: #fff; z-index:999; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius: 8px; }
.agree_popup>h1{padding-top:55px; margin-bottom:30px; text-align: center;}
.agree_popup>a{text-align: center;width: 300px; background-color:#000000;color:#ffff;font-size:14px;font-weight: bold;padding: 10px 5px;margin: 50px auto 0 auto;}
.agree_date_box {background-color: #efefef;width: 300px;height: 100px;padding: 25px 10px;margin: auto;border-radius: 8px;box-shadow: 0px 0px 12px -5px;-webkit-box-shadow: 0px 0px 12px -5px;-moz-box-shadow: 0px 0px 12px -5px;}
.agree_term {font-size: 13px;font-weight: bold;margin-bottom: 15px;}
.agree_date{font-size: 13px;font-weight: bold;}

/* 211028 회원동의 재동의 페이지 추가 */
.agree2_title { font-size:20px; font-weight:bold; text-align:center; line-height:1.3; margin-bottom:100px;}
.agree2_date { text-align: center; margin-bottom:30px;}
.agree2_date strong {vertical-align: bottom;}
.agree2_info { text-align:center; width:290px; margin: 0 auto 65px auto;}
.agree2_info p { margin-bottom:5px; line-height:1.5; font-size:16px; font-weight:bold;}
.agree2_btn {padding:10px 15px; background-color:#000; color:#fff; text-align: center; margin:auto; width:340px; display:block; margin-bottom:50px;}
.agree2_detail p { font-size:14px; line-height:1.5; text-align: center;}
.agree2_detail strong { color:#229922; }



/* 2022_더캠프 로고 */
.logo {background-image: url(../images/content/2022_thecamp_logo.svg);background-position: center center;background-size: 200px;background-repeat: no-repeat;width: 240px;height: 35px;font-size: 0;}

/* 채널톡 버튼 */
.channel-talk-button {
  display: flex;
  width: 143px;
  height: 48px;
  z-index: 1000;
  position: fixed;
  bottom: 3%;
  right: 5%;
  background: url(../images/btn/channel-talk-button.png) no-repeat center center;
  background-size: cover;
}

/* 로그인 (login_wrap) */
.login_wrap { padding: 15vh 30px 5vh 30px!important; height: 100%;background-color: #ffff;}
.login_wrap .join-top .logo {margin:auto;}
.login_wrap .form-login .form {margin-bottom:0; }
.login_wrap .form-login .form input {height:45px;}
.login_wrap .form-login { padding:0 0 20px 0; }
.login_wrap .form-login input:focus {border-bottom:1px solid #4cc1d6!important;}
.login_wrap .txt-join-wrap {margin:50px auto 10px auto;text-align:center;max-width: 375px;}
.login_wrap .join-title {font-size:25px; color:#000; line-height:1.3; margin-bottom:15px;}
.login_wrap .join-wrap {margin: 10px 0 100px 0;text-align: center;}
.login_wrap .join-wrap > a {font-size: 17px;color: #000;font-weight: bold;text-align: center;text-decoration: underline;}
.login_wrap .checkbox input[type=checkbox] + label:before {content: '';width: 20px;height: 20px;background: url(../images/btn/mint_btn_checkbox.png) no-repeat left top;background-size: 20px 70px;margin-top:-7px!important;}
.form-login-txt > span {position: relative;display: inline-block;width: 40px;font-size: 13px;color: #999;background-color: #ffff;height: 20px;line-height: 18px;}
.join-text {font-size:15px; color:#666;}
.btn-login {display:block; width:100%; text-align:center; text-decoration:none; color:#fff; font-size:20px; height:50px; line-height:50px; border-radius:5px; background-color:#4ec5da;font-weight:600;}
.btn-login.disabled {background:#e0e0e0; color:#999;}
.btn-login.join {background:none; font-size:17px; color:#000; font-weight:bold; text-decoration:underline;}
.form-flex.login .checkbox,
.form-flex.login .checkbox + .checkbox {margin:10px 0;}
.form-flex.login input[type=radio] + label {font-size:15px; color:#666; text-align:left; padding:0 0 0 36px;}

/* 로그인 > 아이디 or 비밀번호 에러 */
.form-login .txt-form-alert.error {text-align:left;margin:10px 0 0 0;}
.form-login .txt-form-alert.error:before {top:1px;}

/* 로그인 > "또는" 구분선 */
.form-login-txt {position:relative;  margin:19px auto 18px auto; text-align:center; max-width: 375px;}
.form-login-txt:before {content:''; display:block; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background-color:#ccc;}

/* 로그인 > SNS 로그인 (btn-select) */
.login_wrap .btn-select {padding-bottom: 40px;position: relative;max-width: 375px;margin: auto;}
.login_wrap .btn-select:after {content:'';display: inline-block;width:100%;height:1px;background-color: #ccc;position: absolute;bottom:20px;left:0;}
.btn-select > a {position:relative; display:block; width:100%; height:50px; margin-bottom:10px; padding:0 0 0 75px; box-sizing:border-box; border-radius:5px; line-height:50px; font-size:15px; font-weight:bold;}
.btn-select > a:last-child {margin-bottom:0;}
.btn-select > div > div {margin:auto;}
.btn-select .btn-email {width:100%;padding:0;margin-top:10px;}
.btn-select .btn-email > img { display:inline-block; width:100%; }
.btn-select > a:before {content:''; display:block;position:absolute; top:10px; left:53px;  height:29px; width:1px; background:#fff;  filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5}
.btn-select > div > div {margin:auto;}
.btn-select .btn-email {width:100%;padding:0;}
.btn-select .btn-email::before {display:none;}
.btn-select .btn-email > i {background-position:0 -122px;}
.btn-select .btn-email > p { max-width:375px; height:50px; display:flex; justify-content:center; align-items: center; background:#4cc1d6; border-radius: 8px; font-size: 16px; margin:auto;}
.btn-select .btn-email > p > span {color:#ffff;font-size: 20px;height: 100%;width: 170px;line-height: 52px;text-align: center;}
.btn-select .btn-email > p > i {display: inline-block;width: 20px;height: 20px;background: url(/images/icon/ico_joinbtn.png) no-repeat 0 -125px;background-size: 20px;}
.btn-select .btn-kakao {width: 100%;padding:0;}
.btn-select .btn-kakao:before {display:none;}
.btn-select .btn-kakao > p {max-width:375px;height:50px;display: flex;justify-content: center;align-items: center;background: #FEE500;color: rgba(0,0,0,0.85);border-radius: 8px;margin:auto 0 10px;}
.btn-select .btn-kakao > p > img {width:18px; display:inline-block;}
.btn-select .btn-kakao > p > span {font-size: 20px;height: 100%;width: 160px;line-height: 52px;font-weight:bold;text-align: center;}
.btn-select .btn-facebook {background:#3a549e; color:#fff;}
.btn-select .btn-facebook > i {height:20px; background-position:0 -59px;}
.btn-select .apple-sign-in {width:100%;}
.btn-select .apple-sign-in > p {max-width: 375px;height: 50px;display: flex;justify-content: center;align-items: center;background: #000000;border-radius: 8px;margin: auto 0 0;}
.btn-select .apple-sign-in > p > img {width:16px; display:inline-block;}
.btn-select .apple-sign-in > p > span {color:#ffffff;font-size: 20px;font-weight: bold;width:160px;font-family: "Apple SD Gothic Neo";}


/* 로그인 > 아이디&비번찾기 (find-info-wrap) */
.find-info-wrap {max-width:375px;margin:auto;display: flex; justify-content: space-between; align-content: center;}
.find-info-wrap .form-find-login {width:65%;}
.find-info-wrap .checkbox {margin:0;width:35%;}
.find-info-wrap .checkbox input[type=checkbox] + label {font-size:14px;line-height: 30px;padding:0 0 0 25px;}
.find-info-wrap .form-find-login {font-size:0;text-align:right;}
.find-info-wrap .form-find-login .checkbox {margin:0;}
.find-info-wrap .form-find-login > a {position:relative; display:inline-block;font-size:14px; color:#666;line-height: 30px;}
.find-info-wrap .form-find-login > a:before {content:''; display:block; position:absolute; top:8px; left:-9px; width:1px; height:11px; background-color:#ddd;}
.find-info-wrap .form-find-login > a:first-child {padding-right:15px;}
.find-info-wrap .form-find-login > a:first-child:before {content:none;}
.find-info-wrap .form-find-login .checkbox input[type=checkbox] + label {font-size:14px;color: #666;}

/* 로그인 > 고객센터 */
.login-contact {text-align: center;}
.login-contact > p {font-size:14px;color:#999;display: inline-block;vertical-align: initial;}
.login-contact > p > a {display:inline-block;padding:0;font-size:14px;font-weight:bold;vertical-align:top;color:#4ec5da;}


/* 회원가입 (join_wrap) */
.join_wrap {padding: 15vh 40px 15vh 40px!important; height: 100%;background-color: #ffff;}
.join_wrap .btn-select {padding-bottom:50px;}
.join_wrap .join-top .logo {margin:auto;}
.join_wrap .txt-join-wrap {width: 270px;height:auto;margin: 50px auto 50px auto;}
.join_wrap .txt-join-wrap .join-title {font-size:25px;line-height: 35px;text-align: center;letter-spacing: -1px;margin-bottom:20px;}
.join_wrap .txt-join-wrap .join-text {letter-spacing: -1px;text-align: center;display: inline-block;width: 100%;}
.join_wrap .join-bottom > p {font-size: 14px;color: #333;display: inline-block;vertical-align: initial;width: 100%;text-align: center;letter-spacing: -1px;}
.join_wrap .join-bottom > a {height: auto;line-height: 40px;font-size: 17px;}
.join_wrap .btn-select .btn-kakao > p > span {width: 180px;}
.join_wrap .btn-select .btn-email {margin:10px 0 0 0;height:auto;line-height: normal;}
.join_wrap .apple-sign-in > img {display:inline-block;width: 100%;}
.join_wrap .btn-select .apple-sign-in > p > span {width:180px;font-family: "Apple SD Gothic Neo";}
.join_wrap .btn-select .btn-email > p > img {width:20px;margin-right:5px;}
@media screen and (min-width:480px){
	.join_wrap .btn-select {padding-bottom: 50px;width: 375px;margin: auto;}
}


/* 767이상 데스크탑 해상도 Media Query */
@media screen and (min-width: 767px){
	/* 로그인 */
	.login-form-wrapper {background-color: #FBFBFB; width:100%; height:auto;}
	.login_wrap {width: 375px;height: fit-content!important;padding:0px 30px 0 30px!important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
	.login_wrap .form-login-txt {margin: 30px auto 10px auto!important;}
	.login_wrap .txt-join-wrap {margin: 35px auto 10px auto;}
	.login_wrap .join-top {padding: 100px 0 20px 0; }
	.login_wrap .login-contact {font-size:15px;text-align: center;color:#999;padding-bottom: 30px;}
	.login_wrap .form-login .form input {height: 45px;background-color: #FBFBFB;}
}


/* 374 ~ 414 해상도 Media Query */
@media screen and (min-width: 374px) and (max-width: 414px){
	/* 로그인 */
	.login_wrap .form-find-login > a {font-size: 14px;}
	.login_wrap .login-contact > p:first-child {margin-bottom: 10px;}
}


/* 319 ~ 375 해상도 Media Query */
@media screen and (min-width: 319px) and (max-width: 375px) {
	/* 로그인 */
	.login_wrap .login-contact > p:first-child {margin-bottom: 10px;}
	.login_wrap .form-find-login > a {font-size:12px;}
	.login_wrap .find-info-wrap .checkbox input[type=checkbox] + label {font-size: 12px;}
}


/* 1 ~ 320 해상도 Media Query */
@media screen and (min-width: 1px) and (max-width: 320px) {
	/* 2022_더캠프 로고 */
	.logo {background-size: 165px;}

	/* 로그인 */
	.login_wrap {padding:10vh 10px 5vh 10px!important;}
	.login_wrap .form-login {margin: 50px 0px 0px 0px;}
	.login_wrap .join-wrap {margin:10px 0 20px 0;}
	.find-info-wrap .checkbox input[type=checkbox] + label,.login_wrap .form-find-login > a {font-size:12px;letter-spacing: -1px;}

	/* 회원가입 */
	.join_wrap {padding: 12vh 15px 15vh 15px!important;}
	.join_wrap .txt-join-wrap {width:100%;margin:40px auto 50px auto;}
	.join_wrap .txt-join-wrap .join-title {font-size: 20px;line-height: 30px;}
	.login_wrap .form-login .form input, .login_wrap .join-wrap > a {font-size:15px;}
}

/* 회원정보입력(.joinMemberInfo-wrap) */
.joinMemberInfo-wrap section {padding:45px 15px 18vw 15px;}
.joinMemberInfo-wrap section > div:last-child {padding:0 0 45px 0;}
.joinMemberInfo-wrap .txt-form-alert {margin:10px 0 0 0;}
.joinMemberInfo-wrap .group-box {padding:35px 15px 80px 15px;}
.joinMemberInfo-wrap .phone-num-form {margin:0 0 15px 0;}
.joinMemberInfo-wrap .phone-num-form .num {width: 80px;}
.joinMemberInfo-wrap .phone-num-form .num select {font-size: 14px;text-align: left;padding: 0;letter-spacing: -1px;background: url(../images/bg/bg_input_disabled.png) repeat-x 0 0 !important;background-size: 6px 35px !important;color: #000!important;}
.joinMemberInfo-wrap .phone-num-form .num select.bg-select {background: url(../images/btn/btn_select_type01.png) no-repeat right 2px center!important;background-size: 14px 8px!important;}
.joinMemberInfo-wrap .phone-num-form .input-tel {width: calc(100% - 70px)!important;}
.joinMemberInfo-wrap .phone-num-form .input-tel input[type="tel"] {padding: 0!important;font-size: 15px;}
.joinMemberInfo-wrap .phone-num-form .input-tel input[type="tel"]::placeholder {font-size:14px;letter-spacing: -1px;}
.joinMemberInfo-wrap .form-verification > .form-input > .num .phone-num-form + .form-verification {margin-bottom:0;}
.joinMemberInfo-wrap .form-verification > .form-input > .num {width:60px;}

/* 기존회원 - 재인증 동의 */
.reauthorization-wrap {position:relative; text-align:left; padding:60px 30px;}
.reauthorization-wrap .tit {font-size:35px; color:#1f2c2d; font-weight:bold; line-height:1.3;}
.reauthorization-wrap .txt {font-size:15px; color:#666; font-weight:normal; line-height:1.6; margin-top:20px;}
.reauthorization-wrap .txt-form-alert {margin:170px 0 0 0;}
.reauthorization-wrap.complete {text-align:center;}
.reauthorization-wrap.complete.ty02{
	padding:100px 20px 30px;background: #00aeaf;
}
.reauthorization-wrap.complete .logo.ty02{
	border-bottom: 1px solid #fff;margin:0 44px;
}

.reauthorization-wrap.complete .logo span {display:inline-block; width:155px; height:88px;}

.reauthorization-wrap.complete .logo .img {
	width: 120px;
	height: auto;
	padding: 0 0 10px;}

.reauthorization-wrap.complete .logo span img {width:100%; height:auto;}
.reauthorization-wrap.complete .txt {font-size:22px; color:#000; font-weight:normal; line-height:1.2; margin-top:17px;}
.reauthorization-wrap.complete .txt2 {font-size:17px; color:#028086; font-weight:normal; margin-top:120px; line-height:27px;}
.reauthorization-wrap.complete .box {letter-spacing: -0.09em;font-size:16px; color:#fff; line-height:29px; margin-top:10px; padding:17px 0 20px 0; border-radius:12px;}

/* 보고싶은 군인 등록 */
.soldier-wrap {padding:20px;}
.soldier-wrap:after {content:''; display:block; clear:both;}
.soldier-wrap .profile-wrap {float:left; width:calc(100% - 85px); -webket-width:calc(100% - 85px);}
.soldier-wrap .profile-wrap .name-wrap {margin-bottom:12px;padding-top:10px}
.soldier-wrap .profile-wrap .name-wrap .name {display:inline-block; font-weight:bold; color:#000;font-size:19px;width:220px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.soldier-wrap .profile-wrap .name-wrap .lavel {display:inline-block; margin-top:2px; color:#666; font-size:15px;}
.soldier-wrap .profile-wrap ul > li {margin-bottom:10px;}
.soldier-wrap .profile-wrap ul > li:after {content:''; display:block; clear:both;}
.soldier-wrap .profile-wrap ul > li:last-child {margin-bottom:0;}
.soldier-wrap .profile-wrap ul > li > span:first-child {position:relative; float:left; width:70px; margin-right:10px; padding-right:10px;}
.soldier-wrap .profile-wrap ul > li > span:first-child:after {content:''; display:block; position:absolute; top:2px; right:0; width:1px; height:10px; background:#ccc; font-size:12px;}
.soldier-wrap .profile-wrap ul > li > span {display:inline-block; float:left; width:calc(100% - 90px); -webket-width:calc(100% - 90px); font-size:15px; color:#000; vertical-align:top;word-wrap:break-word; /*text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden; */}
.box-list.ty02.on .soldier-wrap .profile-wrap ul > li > span{color:#fff;}
.soldier-wrap .profile-wrap ul > li.point4 {font-size:15px;}
.soldier-wrap .photo-wrap {position:relative; display:block; float:left; width:65px; height:65px; margin:0 20px 0 0; }
.soldier-wrap .photo-wrap > img {display:inline-block; width:100%; height:100%; border:1px solid #f4f4f4; border-radius:50%; text-align:center; object-fit: cover;}
.soldier-wrap + .profile-info {padding:15px 20px 13px 20px; background:#f6f6f6;}
.soldier-wrap + .profile-info > span {position:relative; display:inline-block; margin:0 3px 0 0; padding:0 7px 0 0; font-size:15px; color:#000;}
.soldier-wrap + .profile-info > span:last-child {padding:0; font-size:15px; color:#666;}
.soldier-wrap + .profile-info > span:last-child > em {display:inline-block; margin-top:-2px; font-size:15px; color:#666;}
.soldier-wrap + .profile-info > span:after {content:'|'; display:block; position:absolute; top:2px; right:0; /* width:1px; height:10px; */ color:#ccc; font-size:12px;}
.soldier-wrap + .profile-info > span:last-child:after {display:none}
.soldier-list .list{position:relative;margin-bottom:10px;border:1px solid #ccc}
.soldier-list .list .btn-list-drag{position:absolute;top:30px;right:10px}
.soldier-wrap.ty02 .profile-wrap ul > li > span{font-size: 14px;letter-spacing: -0.06em;}
.soldier-wrap.ty02 .profile-wrap ul > li > span > .small{color: inherit;font-size: 11px;letter-spacing: -0.08em;}
/* 아이디/비밀번호 찾기 */
.tab-tit:after {content:''; display:block; clear:both;}
.tab-tit li {float:left; width:50%; text-align:center;}
.tab-tit li > a {height:43px; font-size:17px; color:#999; line-height:43px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.tab-tit li > a.active {color:#028086; border-bottom:2px solid #028086; font-weight:bold;}

.tab-cont {padding:0 20px; margin-top:40px;}
.tab-cont.ty02 {padding:0 !important;}
.tab-cont.ty02 .form {padding:0 20px;}
.tab-cont.camp-invite,
.tab-cont.camp-letter {margin-top:20px;}
.cont-top-tit {font-size:20px; color:#000; text-align:center; margin-bottom:40px;}
.cont-top-txt {font-size:15px; color:#000; margin-bottom:30px;}
.id-find-contact {font-size:15px; color:#999; line-height:1.3; margin-bottom:30px;}
.id-find-contact > a {display:inline-block; font-size:13px; color:#028086; line-height:1.3; vertical-align:baseline;}
.find-id-member-margin-top { margin-top: 83px;}
.find-pwd-email-margin-top { margin-top: 83px;}
.find-pwd-email-text {color:#000; font-size:20px; line-height:1.4; text-align:left; font-weight: bold; margin-bottom: 20px;}
.find-pwd-email-contact {font-size:15px; color:#999; line-height:1.3; margin-bottom:30px;}
.find-pwd-email-contact > a {display:inline-block; font-size:13px; color:#028086; line-height:1.3; vertical-align:baseline;}

.find-pwd-email-tit { font-size:20px; color:#000; text-align:center;}

.tab-tit.ty02 {display:-webkit-flex; display:flex;}
.tab-tit.ty02 > a {width:100%; height:43px; font-size:17px; color:#999; line-height:43px; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center;}
.tab-tit.ty02 > a.active {color:#028086; border-bottom:2px solid #028086; font-weight:bold;}
.tab-tit.ty02 > a.one {width:50% !important;}

.tab-tit.ty03 {display: flex;}
.tab-tit.ty03 > a.radius {display: flex;align-items: center;justify-content: center;border: 1px solid #999;margin-right: 10px;width: 85px !important;	border-radius: 20px;font-size: 14px;height: 30px;}
.tab-tit.ty03 > a.active.radius {color: #028086;border: 1px solid #028086;}

.tab-light {background: #f1f1f1;height: 50px;display: flex;justify-content: center;align-items: center;
	padding: 0 20px;
	width: 100%;
}

.tab-light > .tab-group {height: 30px;background: #f7f7f7;justify-content: space-between;display: flex;
	width: 100%;
}/*border: 1px solid #e0e0e0;width: 360px;width: 180px;*/
.tab-light > .tab-group > .tab{width: 50%;height: 100%;text-align: center;} /*border: 1px solid #028086;*/
.tab-light > .tab-group > .tab > a{display: block;width: 100%;line-height: 30px;cursor: pointer;} /*color: #028086;*/
.tab-light > .tab-group > .tab.active {border: 1.5px solid #028086;}
.tab-light.bg-gray > .tab-group > .tab:not(.active) > a{border: 1px solid #e0e0e0;    box-sizing: border-box;
	height: 30px;}
.tab-light > .tab-group > .tab.active > a {color: #028086;}




.tab-light.ty02 {background: #fff;height:80px;}
.tab-light.ty02 > .tab-group{height: 40px;width: 340px;}
.tab-light.ty02 > .tab-group > .tab{width: 170px;border: 1px solid #e0e0e0;}
.tab-light.ty02 > .tab-group > .tab > a{line-height: 40px;width: 170px;}
.tab-light.ty02 > .tab-group > .tab.active{background: #fff;}
.tab-light > .tab-group > .tab:nth-child(1):not(.active){border-right:none;}
.tab-light > .tab-group > .tab:nth-child(2):not(.active){border-left:none;}

.tab-tit.ty02 > a.w160p {width:160%;}
.tab-tit.ty02 + .tab-cont  + .tab-cont {margin-top:15px;}

.tab-ty02 {/* margin:-3px -3px 0 -3px; */ box-sizing:border-box; text-align:center;}
.tab-ty02 > a {display:inline-block; margin:3px; padding:0 13px; border-radius:17px; border:1px solid #ccc; color:#666; height:28px; line-height:28px; font-size:16px;}
.tab-ty02 > a.on {border:1px solid #028086; color:#028086;}
.tab-ty02 > a > span {display:inline-block; margin-top:6px; vertical-align:top; font-size:16px; color:#666; }
.tab-ty02 > a.on > span {color:#028086;}
.board-con02 .tab-ty02 {padding:5px 0 20px 0;}
.tab-ty02.align-left {text-align:left ;}
.tab-ty02 + .board-con04 {padding:25px 0 0 0;}

/* 아이디찾기 결과 */
.result-wrap {margin-top:10px;}
.result-wrap .email {display:block; color:#000; font-size:16px;}
.result-wrap .date {display:block; margin-top:14px; color:#999; font-size:13px;}

.photo-wrap + .profile-wrap {margin-bottom:0;}
.profile-wrap.ty02 {margin-bottom:30px;}
.profile-wrap.ty02 .photo-wrap {margin-top:0;}
.profile-wrap.ty02 .name-wrap {margin:20px 0 10px 0; }
.profile-wrap.ty02 .name-wrap .name {display:inline-block; font-weight:bold; color:#000; font-size:19px;}
.profile-wrap.ty02 .name-wrap .lavel {display:inline-block; color:#666; font-size:15px;}
.profile-wrap.ty02 ul > li {margin-bottom:10px;}
.profile-wrap.ty02 ul > li > span:first-child {position:relative; margin-right:7px; padding-right:10px;}
.profile-wrap.ty02 ul > li > span:first-child:after {content:''; display:block; position:absolute; top:2px; right:0; width:1px; height:10px; background:#ccc; font-size:12px;}
.profile-wrap.ty02 ul > li > span {display:inline-block; font-size:15px; color:#000;}
.profile-wrap.ty03 .photo-tit{min-height:37px;margin:0 0 15px; font-size:14px;line-height:1.4;}
.profile-wrap.ty03 .photo-wrap{float:none;margin:15px auto 30px;}
.profile-wrap.ty03 .photo-wrap.ty01{float:none;margin:15px auto 15px;}
.profile-wrap.ty03  .photo-wrap > a{width: 100px;height: 100px;}
.profile-wrap.ty03  .photo-wrap > a > img {display:inline-block; width:100%; height:100%; border:1px solid #dedede; border-radius:50%; text-align:center; object-fit: cover;}
.profile-wrap.ty03 .form-radio {border-bottom:0;  text-align: center;}
.profile-wrap.ty03 .form-radio input[type=radio] + label {display:inline-block;width:25px;padding:0;}
.profile-wrap.ty03 .form-flex > div {margin-right:0;}

.btn-tip-wrap{display: flex;padding: 15px 0px 12px 24px;background-color: #f5cf40;border: 1px solid #ccc}
/*.btn-tip-wrap .btn-tip{margin-right: 18px;margin-top: 10px;transform: scale(1.5);}*/
.btn-tip-wrap .btn-tip{margin-right: 15px;margin-top: 6px;transform: scale(1.5);background:url(../images/icon/ico_tip_br.png) no-repeat;background-size: 15px 15px;}
.btn-tip-wrap .txt-wrap{display: flex;flex-direction: column;}
.btn-tip-wrap .txt-wrap span{color:#381f1f;display: block;line-height: 1.4;font-weight: 800;}
.btn-tip-wrap .txt-wrap .link-el{color: #fe2246;}

/* 부대주소 입력 ( 2020-12-02 추가 ) */
.pa-wrap{letter-spacing:-.06em;padding: 40px 20px 20px;}
.pa-wrap .center .md, .pa-wrap .center .sm{display: flex;justify-content: center;align-items: center;}
.pa-wrap .center .md{font-weight: 800;font-size:22px;}
.pa-wrap .center .md p{font-size:22px;line-height: 1.8;}
.pa-wrap .center .sm{font-weight: 600;font-size:16px;margin-bottom: 42px;}
.pa-wrap .center .sm p{font-size:16px;}
/*.pa-wrap .center +.form input{margin-bottom: 15px;}*/
/*.pa-wrap .center +.form:last-child input{margin-bottom: 75px;}*/
.center + .form{margin-bottom: 75px;}
/*.pa-wrap .center +.form .btn-box{display: flex;margin-bottom: 0;}*/
/*.pa-wrap .center +.form .btn-box input{flex: 3;margin-right: 12px;}*/
/*.pa-wrap .center +.form .btn-box .btn{border:1px solid #377e84;border-radius: 4px;background: #fff;color:#377e84;flex: 1;display: flex;align-items: center;height: 100%;padding: 10px 0;justify-content: center;font-size: 14px;}*/
.form-p-addr{padding-bottom: 40px;}
.form-p-addr .btn-box{display: flex;margin-bottom: 15px;}
.form-p-addr .btn-box input{/*flex: 3;margin-right: 10px;*/float: left;width: calc(100% - 90px);padding: 6px 20px 7px 10px;}
.form-p-addr .btn-box + input{margin-bottom: 15px;}
.form-p-addr .btn-box .btn{border:1px solid #377e84;border-radius: 3px;background: #fff;color:#377e84;display: flex;align-items: center;justify-content: center;width: 80px;height: 35px;font-size: 13px;margin-left:10px;}
.guide-txt-box{border:1px solid #377e84;padding: 20px 14px;}
.guide-txt-box strong{color:#377e84;font-size:17px;line-height: 1.8;font-weight: 600;}
.guide-txt-box p{color:#444;font-size:17px;line-height: 1.4;}



/* 휴대폰인증 */
.member-sel-list {margin:25px -5px 0 -5px;}
.member-sel-list:after {content:''; display:block; clear:both;}
.member-sel-list  > li {float:left; width: 100%; padding:5px;}
.member-sel-list  > li  > a {position:relative; display:block; min-height:170px; border:1px solid #ccc; border-radius:5px; text-align:center;}
.member-sel-list  > li  > a .tit {display:block; margin-top:35px; color:#000; font-size:19px;}
.member-sel-list  > li  > a .tit > strong {display:block; margin-bottom:6px;}
.member-sel-list  > li  > a .tit + span {display:block; margin-top:10px; color:#666; font-size:13px;}
.member-sel-list  > li  > a > i {display:block; height:89px; margin:35px auto 27px; background:url(../images/icon/ico_member_sel.png) no-repeat 0 0; background-size:236px 90px;}
.member-sel-list  > li  > a > i.ico-internal {width:60px;}
.member-sel-list  > li  > a > i.ico-overseas {width:85px; background-position:right 0;}
.guide-under-fourteen { font-size:15px; width:100%; letter-spacing: -1px; text-align: center; font-weight: bold; margin:10px 0 0 0; line-height: 20px;display: none;}

/* 네이버인증 */
.auth-sel-list > div{border: 1px solid #ccc;padding:18px 0;border-radius: 10px;width: 90%;margin: 26px auto 10px;}
/*.auth-sel-list > div:first-child,.auth-sel-list > div:last-child {margin: 26px 6px 10px;}*/
.auth-sel-list > div > a > .tit, .auth-sel-list > div > a > .desc{display: block;text-align: center;}
.auth-sel-list > div > a > img{display: block;margin: 0px auto 16px;}
.auth-sel-list > div > a > .tit{color:#000;font-weight: bold;font-size: 20px;line-height: 2;margin-bottom: 10px;letter-spacing: -0.04em;}
.auth-sel-list > div > a > .desc{color:#666;line-height: 1.5;letter-spacing: -1px;font-size: 16px;}
.auth-sel-list > div:first-child > a > img{width: 126px; height: auto;}
.auth-sel-list > div:last-child > a > img{width: 26px;height: auto;}
.auth-sel-list > .right-btn-block{display: flex;align-items: center;justify-content: center;margin: 23px 0 0 0;flex-direction: column;}
/*.auth-sel-list > .right-btn-block span{font-size: 12.5px;letter-spacing: -0.6px;margin-right: 3px;}*/
.auth-sel-list > .right-btn-block img {width: 35px;height: auto;}
.auth-sel-list > .right-btn-block span{font-size: 18px;font-weight: 800;color: #000;margin: 10px 0 8px;letter-spacing: -0.04em;}
/*.auth-sel-list > .right-btn-block a{background: #25B239;color: #fff;padding: 8px;font-size: 12px;border-radius: 4px;}*/
.auth-sel-list > .right-btn-block + a{background: #25B239;color: #fff;padding: 14px 18px;font-size: 18px;border-radius: 8px;text-align: center;width:226px;margin: 10px auto;}
/* 회원유형선택 */
.vertical-sel-list {margin-top:25px;}
.vertical-sel-list > li {width:100%; position:relative; display:block; margin-top:10px;}
.vertical-sel-list > li:first-child {margin-top:0;}
/*.vertical-sel-list > li > a {position:relative; display:table; width:100%; min-height:106px; padding:25px 27px; border:1px solid #ccc; box-sizing:border-box; border-radius:5px;}*/
.vertical-sel-list > li > a {position:relative; display:table; width:100%; min-height:106px; padding:25px 27px; border:1px solid #ccc; box-sizing:border-box; border-radius:5px;padding-left:16px;}
/*.vertical-sel-list > li > a .tit {display:table-cell; color:#000; font-weight:bold; font-size:19px; vertical-align:middle;}*/
.vertical-sel-list > li > a .tit {display:table-cell; color:#000; font-weight:bold; font-size:18px; vertical-align:middle;letter-spacing: -0.06em;}
.vertical-sel-list > li:nth-child(4) > a .tit{line-height: 1.3;transform: translateY(2px);}
/*.vertical-sel-list > li > a .tit > span {display:block; margin-top:10px; color:#666; font-size:14px;}*/
.vertical-sel-list > li > a .tit > span {display:block; margin-top:10px; color:#666; font-size:14px;line-height: 1.4;letter-spacing: normal;}
.vertical-sel-list > li > a .tit + .ico{position: absolute;height: auto;bottom: 10px;}
.vertical-sel-list > li:nth-child(4) .ico{right: 10px;width: 112px;}
.vertical-sel-list > li:nth-child(1) .ico{right: 10px;width: 136px;}
.vertical-sel-list > li:nth-child(2) .ico{right: 38px;width: 56px;}
.vertical-sel-list > li:nth-child(3) .ico{right: 35px;width: 62px;}
.vertical-sel-list > li:nth-child(5) .ico{right: 10px;width: 116px;}
.vertical-sel-list > li > a > i {display:block; position:absolute; bottom:0; right:37px; width:72px; height:106px; margin:0 auto; background:url(../images/icon/ico_vertical_sel.png) no-repeat 0 0; background-size:75px 433px;}
.vertical-sel-list > li > a > .ico-member-minor {background-position:-3px 24px;}
.vertical-sel-list > li > a > .ico-member-normal {background-position:-1px -93px;}
.vertical-sel-list > li > a > .ico-member-soldier {background-position:-1px -209px;}
.vertical-sel-list > li > a > .ico-member-foreigner {background-position:0 -326px;}

/* 에러페이지 */
.no-reault {margin-bottom:20px;}
.error-wrap {text-align:center;}
.error-img {margin:18vw auto 12vw;}
.error-img > span {display:block; width:60%; margin:0 auto;}
.error-img img {width:100%;}
.error-tit {font-size:23px; color:#028086; font-weight:normal; line-height:2.8rem; margin-bottom:10px;}
.error-tit02 {font-size:19px; color:#000; font-weight:normal; line-height:1.5; margin-bottom:10px;}
.error-txt {font-size:14px; color:#666; font-weight:normal; line-height:1.4; margin-bottom:20px;}
.error-network > span {display:inline-block; font-size:14px; color:#fff; font-weight:normal; line-height:25px; margin-top:10px; padding:0 20px; background-color:#4c4c4c; border-radius:20px}
.error-network {margin-top:40px;}
.error-wrap > .list-ty03 {border-bottom:1px solid #ccc;}
.error-wrap > .list-ty03 > li {text-align:left;}

.error-wrap.browser-ie-error {width:520px; position: absolute; left:50%; top:40%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.error-wrap.browser-ie-error .button-wrapper {display:flex; -ms-display:flex; justify-content: center;-ms-justify-content: center;  align-content: center;-ms-align-content: center;}
.error-wrap.browser-ie-error > img { display: block;width: 300px;margin: auto auto 40px auto;}
.error-wrap.browser-ie-error > h4 { line-height:1.5; letter-spacing: -1px;}

/* 회원가입완효 background images */
.img_join_success01 {background:url(../images/content/img_join_success01.jpg) no-repeat left bottom; background-size:100%;}
.img_join_success02 {background:url(../images/content/img_join_success02.jpg) no-repeat left bottom; background-size:100%;}
.img_join_success03 {background:url(../images/content/img_join_success03.jpg) no-repeat left bottom; background-size:100%;}

.img_join_soldier_success01 {background:url(../images/content/img_join_soldier_success01.jpg) no-repeat left bottom; background-size:100%;}
.img_join_soldier_success02 {background:url(../images/content/img_join_soldier_success02.jpg) no-repeat left bottom; background-size:100%;}
.img_join_soldier_success03 {background:url(../images/content/img_join_soldier_success03.jpg) no-repeat left bottom; background-size:100%;}

.success-wrap {padding:60px 50px 0 50px; text-align:center;}
.success-wrap .success-mg {margin-bottom:35px; color:#000; font-size:28px; line-height:1.5; letter-spacing:-1px;}
.success-wrap .success-mg > span {display:inline-block; margin-top:-5px; font-weight:bold; color:#028086; font-size:28px; letter-spacing:-1px; }
.success-wrap > a {position:relative; display:block; width:100%; height:50px; border-radius:5px; background:#028086; line-height:50px;  color:#fff; font-size:17px;}
.success-wrap > a:after {content:'+'; position:absolute; top:0; left:40px; color:#fff; font-size:23px; }
.success-wrap + .btn-link {display:block; margin-top:35px; text-decoration:underline; color:#000; font-size:19px; text-align:center;}

.container-wrap.ty04 .rht-home a{position: absolute;display: flex;flex-direction: column;align-items: center;cursor: pointer;z-index: 1;top:20px;right:20px;}
.container-wrap.ty04 .rht-home img{width:28px;height:auto;}
.container-wrap.ty04 .rht-home span{font-size:11px;color:#fff;padding-top:2px;}
.wrap .container-wrap.ty04 .join_success .welcome-msg{font-size:16px;color:#fff;padding-top: 12px;letter-spacing: -0.09em;}
.join_success .lft-img-box{display: flex;justify-content: center;align-items: center;padding: 5px;}
.join_success .lft-img-box p{text-align: left;color: #028086;line-height: 1.6;font-size: 13px;letter-spacing: -0.09em;padding-left: 14px;}
.channel-link{position: relative;display: block;height: 50px;border-radius: 5px;line-height: 50px;color: #fff;font-size: 17px;text-align: center;background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);}

/* 회원관리 */
.bg-box {padding:25px 20px 30px 20px; text-align:center; background:#1f8e95; background:-webkit-linear-gradient(left, #02aca5 , #0d5f86); background: linear-gradient(to right, #02aca5 , #0d5f86);}
.bg-box.text-left{display: flex;padding:25px 7px;}
.bg-box.text-left .notice-list.type-lft-pic{padding-bottom: 0;}

.bg-box .photo-wrap {float:none; margin:0 auto 15px; }
.bg-box .photo-wrap > img {border:0;}
.bg-box .txt-wrap {padding:0 10px; text-align:center;}
.bg-box .txt-wrap .nick-name {padding-top:10px; color:#fff; font-size:22px; font-weight:bold;}
.bg-box .txt-wrap .nick-name > span {color:#fff; font-size:22px; font-weight:bold;}/* 홈- 보고싶은군인 상세보기 */
.bg-box .txt-wrap .message {margin-top:20px; color:#fff; font-size:15px; }
.bg-box .txt-wrap .message > span {position:relative; display:inline-block; color:#fff; font-size:15px; }
.bg-box .txt-wrap .message > div {position:relative; display:block; margin-top:7px;  color:#fff; font-size:15px; }/* 홈- 보고싶은군인 상세보기 */
.bg-box .txt-wrap .message > div:first-child {margin-top:0;}
.bg-box .txt-wrap .message .date {padding-right:8px; margin-right:2px; }
.bg-box .txt-wrap .message .date:after {content:''; display:inline-block; position:absolute; top:3px; right:0; width:1px; height:10px; background:#ccc;}
.bg-box .txt-wrap + .btn-line-w {margin-top:20px;}
.bg-box .txt-wrap > .btn-wrap {margin-top:40px;}
.bg-box.type-full {padding:0;background:#e6e6e6;}
.bg-box.type-full .photo-wrap {margin:0;width: 100%;min-height: 160px;height:auto;}/*20191001 min 추가*/
.bg-box.type-full .photo-wrap > img {border-radius: 0;}
.bg-box.type-full .btn-profile-edit {bottom: 20px;right: 20px;}
.bg-box.type-homebg {padding:0; background:#e6e6e6;}
.bg-box.type-homebg .photo-wrap {overflow: hidden;margin:0;width:100%;height:200px;}
.bg-box.type-homebg .photo-wrap > img {width:100%; height:auto; border-radius:0;}
.bg-box.type-homebg .btn-profile-edit {bottom:20px; right: 20px;}

.line-list {}
.line-list > li {position:relative; padding:14px 63px 14px 0; border-top:1px solid #ccc;}
.line-list > li:first-child {/* padding:0 63px 14px 0; */ border-top:0;}
.line-list > li .switch-button {position:absolute; bottom:50%; right:0;margin-bottom:-14px;}
.line-list > li .tit {margin-bottom:5px; color:#000; font-size:15px; font-weight:bold;}
.line-list > li .txt {color:#666; font-size:18px;}
.line-list > li .txt > span {color:#666; font-size:18px;}
.line-list.no-bd > li {border-top:0;}

.line-list.arrow > li {position:relative; padding:0; background:url(../images/btn/btn_arrow.png) no-repeat right center; background-size:8px 14px;}
.line-list.arrow > li > a {padding:21px 11px 20px 11px;}
.line-list.arrow > li > a > .title {display:block;margin-left:30px; color:#000; font-size:19px;}
.line-list.arrow > li > a > i {position:absolute; top:18px; left:11px; display:block; width:22px; height:22px; background:url(../images/icon/ico_mb_management.gif) no-repeat 0 0; background-size:21px 201px;}
.line-list.arrow > li > a > .ico-mb01 {background-position:1px 1px;}
.line-list.arrow > li > a > .ico-mb02 {background-position:1px -57px;}
.line-list.arrow > li > a > .ico-mb03 {background-position:1px -119px;}
.line-list.arrow > li > a > .ico-mb04 {background-position:1px -180px;}

/* 카페 세팅 */
.group-box02 {position:relative; padding:10px 20px 10px 20px; background:#fff;}
.box-round {padding:20px; border:1px solid #ccc; border-radius:7px;}
.box-round .line-list {margin:-15px 0; }
.box-round .line-list > li {padding:30px 63px 30px 0;}
.box-round .line-list .tit {margin-bottom:0; color:#222; font-size:16px; font-weight:bold;}
/* .box-round .switch-button {bottom:50%!important;margin-bottom:-14px;} */
.txt-box .tit {margin-bottom:8px; color:#222; font-size:16px; font-weight:bold;}
.txt-box .txt {color:#666; font-size:16px;}
.txt-box + .box-round {margin-top:15px;}
.txt-box .new-alarm {margin-left:5px;}
.group-box02 + .group-box {border-top:1px solid #ccc;}
.group-box .switch-wrap {margin:-15px 0;}

.switch-wrap {position:relative;padding:10px 64px 10px 0;}
.switch-wrap .tit {margin-bottom:8px; color:#222; font-size:16px; font-weight:bold;}
.switch-wrap .txt {color:#666; font-size:16px; line-height:1.3;}
.switch-wrap .switch-button {position:absolute; right:0; bottom:50%!important;margin-bottom:-14px!important;}

/* 회원정보변경 */
.group-box .btn-edit-wrap  {position:absolute; top:26px; right:20px;}
.join-sns > div {display:inline-block; margin-right:25px; color:#000; font-size:16px;}
.join-sns > div > i {display:inline-block; width:35px; height:35px; margin-right:10px; background-image:url(../images/icon/ico_sns.png); background-size:159px 35px;}
.ico-kakao {background-position:-124px 0;}
.ico-facebook {background-position:0 0;}
.tab-cont.ty03{padding: 0 20px 100px;margin-top:40px;}

/* 카페 - 위문편지 */
.letter-swiper {padding:25px 0 15px 0 !important;}
.letter-swiper .swiper-slide {width:30% !important;  margin-right:0 !important;}
.letter-swiper .swiper-slide:first-child {margin-left:20px !important;}
.letter-swiper .swiper-slide:last-child {margin-right:20px !important;}
.check-box-list {position:relative; height:130px; margin:0 5px !important; padding:15px 5px; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; background:#fff; text-align:center; }
.check-box-list > img {display:block; width:60px; height:60px; margin:0 auto; border-radius:50%; background:url(../images/content/img_profile.png) no-repeat; background-size:100%; object-fit:cover;}
.check-box-list.on:after {content:''; display:block; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; border:2px solid #038086; border-radius:5px; }
.check-box-list.on:before {content:''; display:block; position:absolute; top:10px; right:8px; width:25px; height:25px; background:url(../images/btn/btn_checkbox.png) no-repeat left bottom; background-size:25px 90px;}
.info-wrap {margin-top:10px;}
.info-wrap .name {margin-bottom:3px; color:#000; font-size:15px;}
.info-wrap .txt {color:#999; font-size:15px; line-height:1.3; word-wrap:break-word;}

/* 위문편지함 상단 하단 공간확보 */
.top-space{margin-top:20px!important;}
.top-space2{padding-bottom: 60px;}
.top-space2 .swiper-container {padding:15px 10px; background-color: #f5f5f5;}


.selector{position:relative; padding:20px 110px 20px 20px; border-bottom:1px solid #ddd; background:#f1f1f1;}
.board-write-info {position:relative; padding:20px 110px 20px 20px; border-bottom:1px solid #ddd; background:#f1f1f1;}
.left-unit {color:#222; font-size:18px; font-weight:bold; word-wrap:break-word;}
.right-unit {position:absolute; top:20px; right:20px; color:#888; font-size:15px;}
.board-write-tit input {padding:20px !important;}
.board-view-title.bd-bottom {border-bottom:1px solid #ddd;}
.board-view-title.bd-bottom + .board-view-cont .board-content-area {padding:25px 20px 25px 20px;}
.editor-wrap {position:relative; height:calc(100% - 216px); -webket-height:calc(100% - 216px); }
.write-txt-info {position:fixed; bottom:60px; right:0;}
.board-write-bottom {position:fixed; bottom:0; left:0; right:0; /* box-shadow:0 -3px 20px 0 #e4e3e3; */background-color:#fff; z-index:1;}
.board-write-bottom .box {position:relative; padding:16px 90px 16px 20px; border-top:1px solid #ddd; background:#fff;}
.board-write-bottom .box:after {content:''; display:block; clear:both; }
.board-write-bottom .box input{width:80%; padding:5px 10px 5px 0; border-bottom:0 !important; }
.board-write-bottom .box03 input {width:100%; padding:5px 10px 5px 0; border-bottom:0 !important; }

.board-write-bottom .file-module{position:relative;padding:25px 90px 25px 100px;}
.board-write-bottom .file-module .img-file{position:absolute;top:50%;left:20px;margin-top:-18px}
.board-write-bottom .box.comment{padding-left:60px}
.board-write-bottom .box.comment .btn-editor-photo{position:absolute;top:20px;left:20px;}
.board-write-bottom .box.comment .area-wrap{padding:10px 20px;border:1px solid #000;border-radius:15px}
.board-write-bottom .box.comment .field{height:20px;max-height:75px;width:100%;border:0;box-sizing: border-box;resize:none;line-height:20px}
.board-write-bottom .box.comment .field::-webkit-scrollbar{
	display: none;
}

.board-write-bottom .btn-green {position:absolute; top:18px; right:20px;}
.board-write-bottom .txt {color:#999; font-size:17px;}
.board-write-bottom .edit-file {position:absolute; top:38%; right:20px; }
.board-write-bottom .edit-file .file-formats {display:inline-block; /* margin-right:10px; */}
.board-write-bottom .edit-file .file-formats > span {display:inline-block; font-size:16px; color:#ccc;}
.board-write-bottom .edit-file .btn-close {display:inline-block; width:17px; height:17px; background:url(../images/btn/btn_write_bottom.png) no-repeat left bottom; background-size:17px 17px;}
.board-write-bottom .img-file {position:relative; }
.board-write-bottom .img-file > img {display:inline-block; width:64px; height:37px; float:left; margin-right:15px;  border-radius:5px; }
.board-write-bottom .img-file > img + span {display:inline-block; margin-top:8px; font-size:16px; color:#222; vertical-align:top;}

.board-write-bottom2 {/*position:fixed; bottom:0;*/ left:0; right:0; /* box-shadow:0 -3px 20px 0 #e4e3e3; */background-color:#fff; z-index:1;}
.board-write-bottom2 .box {position:relative; padding:16px 90px 16px 20px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;}
.board-write-bottom2 .box:after {content:''; display:block; clear:both;}
.board-write-bottom2 .box:last-child {border-top:0px solid #ddd;}
.board-write-bottom2 .box input{width:80%; padding:5px 10px 5px 0; border-bottom:0 !important; }
.board-write-bottom2 .box03 input {width:100%; padding:5px 10px 5px 0; border-bottom:0 !important; }

.board-write-bottom2 .file-module{position:relative;padding:25px 90px 25px 100px;}
.board-write-bottom2 .file-module .img-file{position:absolute;top:50%;left:20px;margin-top:-18px}
.board-write-bottom2 .box.comment{padding-left:60px}
.board-write-bottom2 .box.comment .btn-editor-photo{position:absolute;top:20px;left:20px;}
.board-write-bottom2 .box.comment .area-wrap{padding:10px 20px;border:1px solid #000;border-radius:15px}
.board-write-bottom2 .box.comment .field{height:20px;max-height:75px;width:100%;border:0;box-sizing: border-box;resize:none;line-height:20px}
.board-write-bottom2 .box.comment .field::-webkit-scrollbar{
	display: none;
}

.board-write-bottom2 .btn-green {position:absolute; top:18px; right:20px;}
.board-write-bottom2 .txt {color:#999; font-size:17px;}
.board-write-bottom2 .edit-file {position:absolute; top:38%; right:20px; }
.board-write-bottom2 .edit-file .file-formats {display:inline-block; /* margin-right:10px; */}
.board-write-bottom2 .edit-file .file-formats > span {display:inline-block; font-size:16px; color:#ccc;}
.board-write-bottom2 .edit-file .btn-close {display:inline-block; width:17px; height:17px; background:url(../images/btn/btn_write_bottom.png) no-repeat left bottom; background-size:17px 17px;}
.board-write-bottom2 .img-file {position:relative; }
.board-write-bottom2 .img-file > img {display:inline-block; width:64px; height:37px; float:left; margin-right:15px;  border-radius:5px; }
.board-write-bottom2 .img-file > img + span {display:inline-block; margin-top:8px; font-size:16px; color:#222; vertical-align:top;}

/* 191209 추가 */
.board-write-bottom .comment-box{position:relative;padding:18px 20px;border-top:1px solid #ddd;background:#fff;}
.board-write-bottom .comment-box .btn-editor-photo{position:absolute;top:22px;left:20px;z-index:10;}
.board-write-bottom .comment-box .btn-green{position:absolute;top:20px;right:20px;}
.board-write-bottom .comment-box .txt{position:relative;padding:0 70px 0 40px;}
.board-write-bottom .comment-box .txt label{position:absolute;padding:8px 0;color:#ccc;}
.board-write-bottom .comment-box .txt textarea{width:100%;border:none;margin-top:7px;}
/* //191209 추가 */

.board-view-from {padding:22px 20px; text-align:right; background:#fff; }
.board-view-from .tit {display:inline-block; font-size:18px; color:#222; font-weight:bold;}
.board-view-from > img  {display:inline-block; width:40px; height:40px; border-radius:50%; background:url(../images/content/img_profile_65.png) no-repeat 0 0; background-size:40px 40px; object-fit:cover;}
.board-view-from .nick {display:inline-block; font-size:17px; color:#222; }
.board-view-cont + .board-view-from {padding:0 20px 22px 20px;}
.board-view-cont.schedule-view {margin:20px -25px 0 -25px; border-top:1px solid #ddd; }
.board-view-cont.schedule-view .board-content-area {padding:25px 20px 25px 20px;}
.board-view-cont + .btn-center {padding:25px 0; text-align:center;}
.board-view-cont + .btn-center.line-top {border-top:1px solid #ddd;}
.board-view-cont + .btn-center > .btn-green {min-width:180px;}
.board-view-cont.bdt {border-top:1px solid #ddd;}

/* 에디터관련 버튼 아이콘 */
.btn-editor-photo {display:inline-block; width:30px; height:30px; background:url(../images/btn/btn_editer-icon.png) no-repeat 3px 2px; background-size:100px 100px;}

/* popup.css로 이동 */
.view-photo-wrap {}
.view-photo-wrap .swiper-wrapper{ }
.view-photo-wrap .view-photo {/* display:table; */}
.view-photo-wrap img {/*  display:table-cell;  */max-width:100%; vertical-align:middle; text-align:center;  }
.view-photo-wrap .swiper-slide {/*transform:scale(1);*/height: calc(100vh - 55px); transform: none !important;position: static;text-align: center; font-size: 18px; background: #fff; display: -webkit-box;
	display:-ms-flexbox; display:-webkit-flex;  display:flex;  -webkit-box-pack:center;-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.btn-link {width:100%; text-align:center; }
.btn-link > a {display:inline-block; min-width:120px; height:35px; line-height:35px; border:1px solid #000; color:#000; font-size:15px; text-align:center;background-color:#fff;}
.btn-tip{display:inline-block;width:15px; height:15px; margin-top: 3px;background:url(../images/icon/ico_tip.png) no-repeat; background-size:15px 15px;vertical-align: top;}

.view-photo-wrap .swiper-wrapper .btn-link{display:block;position:absolute;bottom:0;padding:20px;background-color:rgba(255,255,255,.6);}

.view-photo-wrap .view-wrap .btn-link{display:block;position:absolute;bottom:0;padding:20px;background-color:rgba(255,255,255,.6);}
.view-photo-wrap .photoview {height: calc(100vh - 55px); transform: none !important;position: static;text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display:-ms-flexbox; display:-webkit-flex;  display:flex;  -webkit-box-pack:center;-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.view-photo-wrap .newphotoview {transform: none !important;position: static;text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display:-ms-flexbox; display:-webkit-flex;  display:flex;  -webkit-box-pack:start;-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:flex-start; align-items:flex-start;}

/* 카페 - 신병교육대 위치안내 , faq */
.form + .map-area {margin-top:-10px;}
.map-area {width:100%; height:250px; background-color:#f2f0e8;z-index:0;}
.map-area * {z-index:0 !important;}
.map-area + .map-list {margin-top:7px;}
.map-list li {min-height:50px; padding:15px 0 0 0; border-bottom:1px solid #ccc;}
.map-list .tit {display:block; font-size:15px; color:#000; font-weight:bold; margin-bottom:2px;}
.map-list .txt {font-size:18px; color:#666; font-weight:normal; line-height:30px; word-break:keep-all; padding-bottom:8px;}

.cafe-faq-list {border-bottom:1px solid #ccc;}
.cafe-faq-list > a {padding-top:10px;}
.cafe-faq-list .tit {display:block; font-size:18px; color:#000; font-weight:bold; line-height:26px;  margin-bottom:8px; word-wrap:break-word;}
.cafe-faq-list .txt {font-size:15px; color:#888; font-weight:normal; padding-bottom:15px;}
.cafe-faq-question {padding:10px 20px 0 20px;}
.cafe-faq-answer {font-size:16px; color:#222; line-height:24px; padding:25px 20px; word-wrap:break-word;}
.cafe-faq-answer02 {font-size:16px; color:#222; border-top:1px solid #ccc; line-height:24px; padding:25px 40px; background:#f8f8f8; word-wrap:break-word;}

/* 카페 - 게시판 */
.swiper-category {position:fixed;top:53px;left:0; right:0; background:#fff; z-index:10;}

/* 21-11-03 카페, 캠프 게시판 스와이퍼 카테고리 빈틈 수정 */
.camp-swiper-category,
.cafe-swiper-category{position:fixed; top:55px;}

.swiper-category .alarm-btn {vertical-align: middle;background:#fff url(../images/btn/btn_header_right.gif) no-repeat -74px -24px;background-size: 110px 200px;/*background: #fff url(../images/icon/alarm-icon2.png) center;background-size: 55%;*/background-repeat: no-repeat;top: -2px;right: 0px;width: 50px;height: 50px;position: absolute;z-index: 1;border: 1px solid #cccccc;}
.swiper-category .write-btn {vertical-align: middle;background: #fff url(../images/icon/write-icon.png) center;background-size: 55%;background-repeat: no-repeat;top:0px;right: 0px;width: 50px;height: 50px;position: absolute;z-index: 1;border: 1px solid #cccccc;}
.swiper-category2{position:fixed; top:63px;left:0; right:0; background:#fff; z-index:10;}
.swiper-category2 .alarm-btn {vertical-align: middle;background: #f5f5f5 url(../images/icon/alarm-icon2.png) center;background-size: 55%;background-repeat: no-repeat;top: 0px;right: 0px;width: 50px;height: 50px;position: absolute;z-index: 1;border: 1px solid #cccccc;}
.swiper-category2 .write-btn {vertical-align: middle;background: #f5f5f5 url(../images/icon/write-icon.png) center;background-size: 55%;background-repeat: no-repeat;top: 0px;right: 0px;width: 50px;height: 50px;position: absolute;z-index: 1;border: 1px solid #cccccc;}
.boardSwiper {/* border-bottom:1px solid #ccc;  */text-align:center;}
.boardSwiper:after {content:''; position:absolute; bottom:0; left:0; right:0;  height:1px;width:100%; background:#ccc;}
.boardSwiper .swiper-wrapper {/*border-bottom:1px solid #ccc;*/}
.main-camp-top .boardSwiper .swiper-wrapper,
.main-camp-top .boardSwiper {border-bottom:0;}
.main-camp-top .boardSwiper:after {display:none;}

.menu-fix .boardSwiper .swiper-wrapper {justify-content: center;align-items: center;}
.menu-fix .boardSwiper .swiper-wrapper .swiper-slide > a {font-size:17px; letter-spacing: -1px;}

.boardSwiper .swiper-slide {width:auto !important; margin-right:0 !important;}
.boardSwiper .swiper-slide > a {height:50px; font-size:17px; color:#999; font-weight:normal; line-height:50px; padding:0 5px;box-sizing:border-box;border:none;}
/* border-bottom:1px solid #ccc; */
.boardSwiper .swiper-slide.active > a {font-size:17px; color:#028086; font-weight:bold; border-bottom:3px solid #028086;}
.board-con {margin-top:105px; padding:14px 20px 0 20px;}
.board-con .form,
.board-con .form-search02 {margin-bottom:7px;}
.board-con02 {margin-top:106px; padding:14px 20px 50px 20px;}
.board-con03 {margin-top:106px; padding:14px 0 0 0;}
.board-con02 .form,
.board-con02 .form-search02 {margin-bottom:7px;}
.board-con04 {padding:15px 0 0 0;}/* 고객센터 */
.board-con05 {padding:30px 20px 15px;}/* 고객센터 */
.board-con06 {margin-top:50px; padding:14px 20px 0 20px;}
.board-con06 .tab-ty02 {padding:5px 0 20px 0;}

.board-con .tag-wrap{display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;padding: 13px 0 10px 0;}
.board-con .tag-wrap .tag-group{display:flex;margin: 0;padding: 4px 0 0;}
.board-con .tag-wrap .tag-group a{text-align:center;height: 30px;margin: 10px 0 0 0;padding: 0 10px;border: 1px solid #999999;color: #999999;border-radius: 30px;font-size: 16px;line-height: 30px;}
.board-con .tag-wrap .tag-group a:first-child{margin-right:5px;}
.board-con .tag-wrap .tag-group a.on{color: #018087;border-color: #018087;font-weight: 700;}
.board-con .tag-wrap .btn-view-board{border:none;}

.notice-module .notice-list li a{padding:15px 20px}
.notice-module .notice-list li.notice a{background-color:#f2f9f9}
.notice-module .notice-list li .txt_hid{padding:15px 20px; font-size: 14px;font-weight: bold; text-align: center; line-height: 50px;}
.notice-module .notice-list li .txt_hid2{padding:15px 20px 0 20px; font-size: 14px;font-weight: bold; text-align: center; line-height: 50px;}

.board-view-title {position:relative; padding:20px;}
.board-view-title.ty01 {position:relative; width:100%;padding:20px 0 0;display:table;}
.board-view-title.ty01 .board-title-cont .nickname {font-weight: normal;}
.board-view-title.ty01 .board-title-cont{display:table-cell;vertical-align:middle;float:none;}
.board-view-title.ty01 .board-pic {display:table-cell;vertical-align:middle;float:none;}
.board-view-title:after {content:''; display:block; clear:both;}
.board-view-title .board-pic {float:left; width:55px; height:45px; padding-right:10px; border-radius:50%; /* overflow:hidden; */}
.board-view-title .board-pic img {width:100%; height:100%; border-radius:50%; object-fit:cover;}
.board-view-title .board-pic + .board-title-cont {margin-top:3px;width:calc(100% - 55px);}
.board-view-title .board-title-cont {float:left; }
.board-view-title .board-title-cont .nickname {font-size:18px; color:#000; font-weight:bold; line-height:1.3; padding-right:10px; word-wrap:break-word;}
.board-view-title .board-title-cont .title {line-height:1.3; font-size:18px; word-break:break-all;}

.board-view-cont {position:relative; }
.board-view-cont .title {font-size:18px; color:#000; font-weight:bold; line-height:1.3; padding:0 20px; margin-bottom:15px; word-wrap:break-word;}

/* 220107 차단한 사용자 카페 게시글 */
.board-view-cont .board-blocked-user {font-size: 16px;color: #000;font-weight: bold;line-height: 1.3;padding: 0 20px;margin-bottom: 30px;word-wrap: break-word;}
.popup.pop_blockuser .m-bgbox2 .desc2 > span {display: inline-block;margin-top: 10px;font-weight: normal;font-size: 15px;line-height: 1.5;}
.popup.pop_blockuser > .m-bgbox2 {position: absolute;left: 50%;top: 25%;transform: translate(-59%, -50%);}

/* 220107 차단한 사용자 관리 리스트 */
.blocked-user-list {}
.blocked-user-list .group-box.ty02 {}
.blocked-user-list .group-box:before {display:none;}
.blocked-user-list .camp-list.ty02 {padding: 15px 0px 15px 0;display: flex;justify-content: space-between;align-items: center;}
.blocked-user-list .camp-list.ty02 > a:first-child {width:60px;}
.blocked-user-list .camp-list .photo-wrap {margin:0;}
.blocked-user-list .camp-list .info-wrap {width:50%; float:none;}
.blocked-user-null p {text-align: center; line-height: 100px;}
.blocked-user-null .camp-list {border:0;}
.blocked-user-null .group-box:before {display:None;}
.blocked-user-null .camp-list.ty02 {padding: 15px 0px 15px 0;}

.board-view-cont pre.title {font-size:18px; color:#000; font-weight:bold; line-height:1.3; padding:0 20px; margin-bottom:15px; word-wrap:break-word; white-space:pre-wrap;}
.board-view-cont .board-content-area {font-size:16px; color:#000; line-height:24px; padding:0 20px 25px 20px; word-wrap:break-word;}
.board-view-cont .board-content-area * {line-height:1.5;}
.board-view-cont .board-content-area + .tag {padding:0 20px 20px 20px;}
.board-view-cont .board-content-area + .tag > span { color:#888;}
.board-view-cont .board-content-area #content{padding-bottom: 287px;}
/*.board-view-cont .board-content-area>*{padding-bottom: 120px;}*/
.board-view-cont .board-content-area img {width:100% !important; margin:10px 0; object-fit:cover;}
.board-view-cont .board-content-area .tit {margin-bottom:15px;}
.board-view-cont .board-content-area pre {margin:0 -20px;padding:20px 20px 40px;margin-bottom: 20px;border-bottom:1px solid #ccc;white-space: pre-line;line-height: inherit;}
.board-view-cont .notice-detail {padding:0 20px 20px 20px;}
.board-view-cont .notice-detail > .btn-public {position:relative; bottom:0; right:0; text-align:right;}
.board-view-cont .commet-box .notice-detail {padding:8px 0 0 0;}
.board-view-cont .btn-public {position:absolute; bottom:20px; right:20px;}
.board-comment-area{padding-bottom: 5em;}
.board-comment-area .comment-title {height:45px; font-size:16px; color:#000; line-height:45px; padding:0 20px; background-color:#f1f1f1; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board-comment-area .comment-title em {font-size:inherit; color:inherit; vertical-align:baseline;}
.board-comment-area .commet-box {position:relative; margin:0 20px; padding:25px 20px 20px 0; border-bottom:1px solid #ccc;}
.board-comment-area .commet-box:after {content:''; display:block; clear:both;}
.board-comment-area .commet-box .btn-share {right:-10px;}

/* 191128 추가 */
.board-comment-area .commet-box .pic-item-reply {overflow-x:scroll;overflow-y:scroll;height:200px;}
.board-comment-area .commet-box .pic-item-reply img {height:100%;}
/* //191128 추가 */

.board-comment-area .commet-box .commet-pic {position:relative; float:left; width:45px; height:45px; border-radius:50%; overflow:hidden;}
.board-comment-area .commet-box .commet-pic a {display:block; width:100%; height:100%;}
.board-comment-area .commet-box .commet-pic img {display:block; width:100%; height:100%;}
.board-comment-area .commet-box .commet-pic + .commet-cont {float:left; width:calc(100% - 45px); padding-left:10px;}
.board-comment-area .commet-box .commet-cont {float:left; padding-left:10px;}
.board-comment-area .commet-box .commet-cont .title {font-size:16px; color:#000; font-weight:normal; line-height:1.3; padding:0; margin:10px 0 10px 0; word-wrap:break-word; white-space:pre-wrap;}
.board-comment-area .commet-box .commet-cont .title.delete {color:#999;}
.board-comment-area .commet-box .commet-cont .comment-write {display:inline-block; font-size:14px; color:#028086; vertical-align:baseline;}
.board-comment-area .commet-box .commet-cont .commet-id {font-size:16px; color:#000; font-weight:bold; margin-bottom:6px; word-wrap:break-word;}
.board-comment-area .commet-box .commet-cont .commet-id .time {font-size:13px; color:#888; font-weight:normal; margin-left:10px;}
.board-comment-area .commet-box .commet-cont .txt-form-alert.normal {margin:8px 0 8px 45px; font-size:16px; letter-spacing:-1px;}
.board-comment-area .commet-box .commet-cont .txt-form-alert.normal + .notice-detail {margin-left:45px;}
.board-comment-area .commet-box.reply {padding:15px 20px 15px 32px;}
.board-comment-area .commet-box.reply:before {content:''; display:block; position:absolute; top:15px; left:5px; width:15px; height:14px; background:url(../images/icon/icon_reply.png) no-repeat; background-size:auto 14px;}

/* 191120 댓글 영역 레이아웃 수정 */
.cmt-wrap .commet-box{margin:0;padding:0 20px;border:none;}
.cmt-wrap .commet-box .cmt-cont-wrap{padding:25px 0 20px;border-bottom:1px solid #ccc;}
.cmt-wrap .commet-box .cmt-cont-wrap:after{content:"";display:block;clear:both;}
.cmt-wrap .commet-box .cmt-cont-wrap .btn-share{right:10px;}
/* //191120 댓글 영역 레이아웃 수정 */

/* 191209 답글 영역 레이아웃 수정 */
.board-comment-area .commet-box.first-reply .commet-pic{position:absolute;top:25px;left:20px}
.board-comment-area .commet-box.reply .commet-pic{position:absolute;top:15px;left:32px}
.board-comment-area .commet-box .commet-pic + .commet-cont{float:none;width:100%;padding-left:60px;}
/* //191209 답글 영역 레이아웃 수정 */

.board-comment-area .notice-detail a{display:inline-block}
.board-comment-area .notice-detail .btn-line{height:20px;line-height:20px;margin-right:10px;padding:0 10px;border:1px solid #bbb;vertical-align:-5px;font-size:15px;color:#666}
.board-write-bottom .comment-title{position:relative;height:45px;font-size:16px;color:#000;line-height:45px;padding:0 20px;border-top:1px solid #ddd;background-color:#f1f1f1}
.board-write-bottom .comment-title span{margin-left:10px;font-size:13px;color:#888;font-weight:normal;line-height:inherit;vertical-align:top}
.board-write-bottom .comment-title .btn-close{display:inline-block;position:absolute;top:14px;right:20px; width:17px; height:17px; background:url(../images/btn/btn_write_bottom.png) no-repeat left bottom; background-size:17px 17px;}

.btn-comment-view {font-size:15px; color:#028086;}
.btn-comment-view em {font-size:inherit; color:inherit; vertical-align:baseline;}

.btn-share {position:absolute; top:20px; right:10px; width:24px; height:24px; background:url(../images/icon/btn_share.png) no-repeat 50% center; background-size:auto 13px;}
.btn-share em {font-size:0; color:transparent; line-height:0;}

.board-top-sign {padding:10px 20px 25px 20px;}
.board-top-sign:after {content:''; display:block; clear:both;}
.board-top-sign > div {float:left; width:calc(100% - 100px);}
.board-top-sign > div.btn {width:90px; margin-left:10px;}
.board-top-sign > div.btn button {float:left; width:45px; font-size:18px; color:#999; font-weight:normal; text-align:right; line-height:35px;}
.board-top-sign > div.btn .btn-point {font-size:18px; color:#028086; font-weight:bold;}
.board-top-sign > .form {width:100% !important;}
.board-top-sign > .form:first-child {margin-bottom:10px;}
.board-top-write + .form {margin-bottom:0;}
.board-top-write + .form input[type=text] {height:45px;}
.board-top-write + .form input[type=text]:focus {border-bottom:1px solid #e6e6e6;}
.board-top-sign > .form.check-right{display: flex;align-items: center; justify-content: space-between;}
.board-top-sign > .form.check-right > .select-ty01{width: 50%;}
.board-top-sign > .form.check-right > .select-ty01 + .checkbox{margin: 0;}
.board-top-sign > .form.check-right.ty02{margin:0;}
.board-top-sign > .form.check-right.ty02 > p{font-size: 17px;font-weight: bold;}
.board-top-sign > .form.check-right.ty02 > .checkbox{margin:0;}
.board-write-bottom.ty02 {box-shadow:none !important; z-index:10; }
.board-write-bottom.ty02 .box02 {position:relative; padding:0; /* border-top:1px solid #ddd; */}
.board-write-bottom.ty03 {box-shadow:none !important; z-index:10; }
.board-write-bottom.ty03 .txt {position:absolute; bottom:16px; left:20px;}
.board-write-bottom.ty03 .txt .btn-editor-photo {vertical-align:bottom;}
.board-write-bottom.ty03 .box {min-height:60px; padding:16px 20px 16px 20px; border-top:0; background:none;}
.board-write-bottom .img-wrap {position:relative; display:block; width:100px; height:100px; margin:0 auto;}
.board-write-bottom .img-wrap .btn-del {position:absolute; top:-10px; right:-10px; display:block; width:21px; height:21px; border-radius:50%; border:1px solid #ddd;  background:#fff url(../images/btn/btn_write_bottom.png) no-repeat 6px 6px; background-size:10px 10px;}
.board-write-bottom .img-wrap img {display:block; width:100%; height:100%; margin:0 auto; border:1px solid #ddd; object-fit:cover;}
.board-write-bottom .box03 {padding:18px 20px; border-top:1px solid #ddd;}
.board-write-bottom2 .box03 {padding:18px 20px; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.img_thum_reply {position:relative; padding:15px; text-align:center; z-index:1;}
.img_thum_reply:after {content:''; display:block; position:absolute; top:0; right:0; left:0; bottom:0; background:#000; z-index:0; opacity:0.5;}
.img_thum_reply > img {position:relative; z-index:2; display:block; width:100px; height:100px; margin:0 auto; object-fit:cover;}
.img_thum_reply .btn_colse {position:absolute; top:10px; right:10px; display:block; width:17px; height:17px; background:url(../images/btn/btn_colse_reply.png) no-repeat 0 0; background-size:17px 17px; z-index:2;}

/* 카페 - 게시판 : 답글보기 page */
.board-reply-body {}
.board-reply-body .container-wrap {margin-top:45px;}
.board-reply-body .commet-box.first-reply {margin:0; padding:25px 40px 20px 20px; background-color:#fafafa;}
.board-reply-body .commet-box.first-reply .btn-share {right:10px;}
.board-reply-body .commet-box.first-reply > .txt-form-alert.normal {margin:15px 0 20px 0; font-size:16px;}

/* 토크 > 글작성 (.talk_modify_wrap) */
.talk_modify_wrap {margin-top: 55px;}
.talk_modify_wrap .board-top-sign { display: flex;justify-content:left;padding: 20px 15px 10px 15px;}
.talk_modify_wrap .group-box:after,.talk_modify_wrap .group-box:before {display: none;}
.talk_modify_wrap .board-top-sign select {font-size: 15px;letter-spacing: -1px;width: 100%!important;padding: 8px 20px 8px 3px;height: auto;background-size: 10px;background-position: right 5px center;}
.talk_modify_wrap .board-top-write + .form {padding:0 15px;}
.talk_modify_wrap .form.check-right {margin: 0 15px 0 0;display: block;}
.talk_modify_wrap .form .deleteicon input {padding: 8px 0 8px 0;height: fit-content;font-size: 15px;letter-spacing: -1px;margin-bottom: 25px;}
.talk_modify_wrap .board-edit-area {padding:0 0 0 0;}
.talk_modify_wrap .title_wrap {display: flex; justify-content: space-between; align-items: center;padding:0px 15px 0px 15px;}
.talk_modify_wrap .title_wrap .form {width:100%!important;}
.talk_modify_wrap .board-top-sign > div:first-child {width:30%!important;}
.talk_modify_wrap .board-top-sign > div:last-child {width:35%!important;}
.talk_modify_wrap .title_wrap > div {margin:0!important;}
.talk_modify_wrap .checkbox {padding: 10px 20px; text-align: right;margin:0;}
.talk_modify_wrap .checkbox input[type=checkbox] + label {height: fit-content;margin: 0 0 0 0;font-size: 15px;line-height: 26px;padding:0 0 0 25px;letter-spacing: -1px;}
.talk_modify_wrap .checkbox input[type=checkbox] + label:before {top: 14px;height: 20px;background-size: 20px;}
.talk_modify_wrap .board-edit-area > div:last-child {border-right: 0;border-left: 0;}

/* camp list */
.camp-result-list .camp-result {margin:40px 0 20px 0; }
.camp-result {margin:5px 0 17px 0; font-size:17px; color:#028086;}
.camp-list {position:relative; padding:20px 0; border-bottom:1px solid #ccc;}
.camp-list.ty02 {padding:15px 30px 15px 0;}

.camp-list.ty03 {padding:15px 15px 15px 0;}
.camp-list.ty04 {padding:15px 15px 15px 0;}/* 토크 메인 - 곰신방 */
.camp-list.ty05 {padding:15px 70px 15px 0;} /* 위문편지함 보낸편지 */
.camp-list.ty05:last-child {border-bottom:0 !important;}
.camp-list.ty05 .info-wrap {position:relative; }
.camp-list.ty06 {padding:15px 100px 15px 0;} /* 쪽지함 - 수신발신 차단 설정 */
/*.camp-list.ty07 {display:table;width:100%;padding:15px;border:1px solid #028086}*/
.camp-list.ty07:after {content:''; display:block; clear:both; }
/*.camp-list.ty07 .photo-wrap{float:none;display:table-cell;vertical-align:middle;}*/
.camp-list.ty07 .info-wrap{float:none;display:table-cell;vertical-align:middle;}
.camp-list.ty07 .btn-float-rht{float:none;display:table-cell;width:130px;vertical-align:middle;table-layout: fixed;}
/*.camp-list.ty07 .info-wrap{padding:0 15px;table-layout: fixed;}*/
/*.camp-list.ty07 .info-wrap.n3{width:calc(100% - 205px); -webket-width:calc(100% - 205px);}*/
.camp-list.ty07 .info-wrap .tit{text-overflow: initial; white-space: inherit;}
.camp-list.ty08 {padding:30px 120px 30px 0;} /* 위문편지함 보낸편지 전달요청 */
.camp-list.ty08:last-child {border-bottom:0;}
.camp-list.bt {border-top:1px solid #ccc;}
.camp-list.bt20 {border-top:1px solid #ccc; margin-top:20px;}
.camp-list:after,
.camp-list > a:after {content:''; display:block; clear:both;}
.camp-list > a {float:left;}
.camp-list .tit {font-size:18px; color:#000; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.camp-list .tit .new-alarm {margin-left:5px;}
.camp-list.ty02 .tit,
.camp-list.ty03 .tit,
.camp-list.ty04 .tit,
.camp-list.ty06 .tit {margin-top:10px;}
.camp-list .badge {position:absolute; top:0; left:0;width:32px;height:22px;padding-top:3px;background:url(../images/icon/ico_badge.png) no-repeat; background-size:32px 22px; color:#fff;font-size:11px;font-weight:bold;text-align:center;}

/* 191119 레이아웃 수정 */
.camp-list.ty07 {display:table;width:100%;padding:15px;border:1px solid #028086;table-layout:fixed;}
.camp-list.ty07 .photo-wrap{display:table-cell;float:left;vertical-align:middle;}
.camp-list.ty07 .info-wrap{width:100%;padding:0 0 0 75px;table-layout:fixed;}
.camp-list.ty07 .info-wrap.n3{width:100%;padding:0 75px;table-layout:fixed;}
.camp-list.ty07 .btn-float-rht{display:table-cell;float:none;position:absolute;top:10px;right:15px;width:130px;vertical-align:middle;table-layout:fixed;}
.camp-list.ty07 .btn-float-rht{width:auto;}
.camp-list.ty07 .btn-float-rht .btn-line-gray{display:block !important;width: 55px;}
.camp-list.ty07 .btn-float-rht .btn-line-gray + .btn-line-gray{margin-top:6px;}
/* //191119 레이아웃 수정 */

/* 위문편지함 보낸편지 */
.camp-list.ty05 {padding:0;}
.camp-list.ty05 > a {display:block;float:none;padding:15px 0;}
.camp-list.ty05 > a * {word-break:break-all;}
.camp-list.ty05 .tit {margin-top:10px;}
.camp-list.ty05 .txt {margin-top:5px; color:#888; font-size:15px;}
.camp-list.ty05 .txt-form-alert.error {position:absolute; bottom:-22px; left:0; margin:7px 0 0 0;}
.camp-list.ty05 .checkbox input[type=checkbox] + label {width:100%;}
.camp-list.ty05 .checkbox input[type=checkbox] + label:before {top:45%;}
.camp-list.ty05 .txt_wrap{float:left;width:calc(100% - 75px);}
.camp-list.ty05 .txt_wrap:after{content:"";display:block;clear:both;}
.camp-list.ty05 .info-wrap {float:left;width:auto;width:50%;margin-top:0;padding-right: 15px;}
.camp-list.ty05 .i-check {float:left;position:static;width:50%;padding-top:8px;text-align:right;}
/*.camp-list.ty05 .i-check .sum em {color:#028086;font-size:18px;font-weight:bold;}*/
.camp-list.ty05 .i-check .point6 {padding-top:8px;}

/* 191115 추가 */
.camp-list.ty05 .i-check .txt_box span {color:#028086; font-size:18px;}
.camp-list.ty05 .i-check .txt_box .num {font-weight:bold;}
/* //191115 추가 */

.camp-list.ty08 .txt-mg {font-size:16px; color:#000; line-height:1.4}
.camp-list.ty08 .txt-mg > span {display:inline-block; margin-top:-2px; font-weight:bold; color:#028086; vertical-align:middle; }
.camp-list .time {margin-top:15px; font-size:15px; color:#888;}
.camp-list .txt {margin-top:15px; font-size:15px; color:#000;}
.camp-list .tag {margin-top:15px; font-size:15px; color:#000;}
.camp-list .tag > span {display:inline-block; margin-right:5px; font-size:15px; color:#000; }
.camp-list .tag02 {display: inline-block;height: 24px; padding: 0 8px;line-height: 24px; font-size: 15px; color: #fb6764; border: 1px solid #fb6764; border-radius: 15px;margin-top: 5px;}
.camp-list .photo-wrap {width:60px; height:60px; margin:0 15px 0 0;}
.camp-list .photo-wrap > img {border:0; }
.camp-list .info-wrap {float:left; width:calc(100% - 80px); -webket-width:calc(100% - 80px); margin-top:0; }
.camp-list .notice-detail {/* margin-top:15px;  */}
.camp-list .notice-detail.ty02 span:after {content:':'; background-color:transparent;}
.camp-list .btn-list-drag {position:absolute; top:50%; right:0; margin-top: -17px; }
.camp-list .i-setting {position:absolute; top:34%; right:0;}
.camp-list.draw .i-setting {display:none;}
.camp-list .btn-gy {position:absolute; top:20%; right:0;}
.camp-list .btn-gy.ty02 {top:30%;}
.camp-list .i-check {position:absolute; top:34%; right:0;}
.camp-list .i-check.checkbox input[type=checkbox] + label {margin:0; padding:0 0 0 25px;}
.camp-list .i-check {position:absolute; top:34%; right:0;}
.camp-list .i-check .point6 {font-size:14px;}
.camp-list .btn-check {position:absolute;top:30px;right:0;}
.camp-list .sum {position:relative; padding:0 0 1px 0; color:#028086; font-size:17px; text-align:right;}
.camp-list .sum span{display:inline-block; height:20px; margin-top:-1px; line-height:20px; vertical-align:top; color:#028086; font-size:18px; font-weight:bold; }

.camp-list.select-profile {display:table;table-layout:fixed; width:100%; margin-top:0; padding:15px 0;}/* 캠프 프로필 팝업 */
.camp-list.select-profile .photo-wrap  {display:table-cell;float:none;min-width:60px;max-width:60px;min-height:60px;max-height:60px;vertical-align:middle;}
.camp-list.select-profile .info-wrap {display:table-cell;float:none;width:100%;-webket-width:calc(100% - 80px);padding:0 40px 0 20px;vertical-align:middle;}
.camp-list.select-profile + .btn-new-profile {margin:15px 0; font-size:18px; color:#000;}
.camp-list.select-profile + .btn-new-profile .ico-plus {margin:-2px 4px 0 0; border-radius:50%; }
.camp-list.select-profile:last-child {border-bottom:0;}

/* 191119 내캠프 리스트 수정 */
.camp-list.dp_tbl{padding: 15px 0;table-layout: fixed;}
.camp-list.dp_tbl .info-wrap{display:table-cell;float:none;width:100%;margin-top:0;padding:0 45px 0 75px;vertical-align:middle;}
.camp-list.dp_tbl .tit{margin-top:0;}
/* 191119 내캠프 리스트 수정 */

/* 200513 등록할 캠프 선택 추가 */
.camp_head_title_warp{position: relative; min-height: 55px;}
.camp_head_title_warp .camp_head_bottom{padding: 25px 10px 22px 20px;border-bottom: 15px solid #f1f1f1;}
.camp_head_title_warp .camp_head_bottom .head_txt01{font-size: 16px;font-weight: bold;}
/* //200513 등록할 캠프 선택 추가 */

.btn-list-drag {display:block; width:35px; height:35px; background:url(../images/btn/btn_list_drag.png) no-repeat 0 0; background-size:35px 35px; }
.camp-staff .camp-list:last-child {border-bottom:0;}
.camp-staff .camp-list.bb-ccc{border-bottom:1px solid #ccc;}
.camp-staff .form-search02 {margin-top:10px; }
.board-con03 .camp-list.ty04:last-child {border-bottom:0;}
.camp-member .camp-list:last-child {border-bottom:0;}

.sortable {width:100%; overflow:hidden;}
.sortable > li {background:#fff;}
.sortable.ty01{padding:20px 0 0;}
.sortable.ty01 > li{position:relative;padding:20px;}
.sortable.ty01 > li:last-child:after{display:none;}
.sortable.ty01 > li:after {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:100%; height:10px; border-top:1px solid #ddd; background:#f8f8f8;}
.sortable.ty01 > li { color:#666; font-size:15px; }
.sortable.ty01 .notice-txt {font-weight: normal;}

/* 191119 추가 */
.sortable .ui_state_default{background:#fff;}
.sortable.ty01 .ui_state_default{position:relative;padding:20px;}
.sortable.ty01 .ui_state_default:last-child:after{display:none;}
.sortable.ty01 .ui_state_default:after{content:'';display:block;position:absolute;bottom:0;right:0;left:0;width:100%;height:10px;border-top:1px solid #ddd;background:#f8f8f8;}
.sortable.ty01 .ui_state_default{color:#666;font-size:15px;}
.notice-list.type-lft-pic.type-re .notice-wrap{position:relative;display:table;table-layout:fixed;width:100%;box-sizing:border-box;padding:15px 0 0 30px;background:url(../images/icon/icon_reply01.png) no-repeat 15px 35px;background-size:10px 10px;border-top:0;}
/* 191119 추가 */

/* camp member */
.camp-mb-result {position:relative; margin:15px 0 15px; color:#028086; font-weight:bold; font-size:17px; }
.camp-mb-result .btn-more-member {position:absolute; top:3px; right:0; color:#028086; font-size:15px; text-decoration:underline; font-weight:normal;}
.camp-mb-result > .count-num {margin-left:5px;}
.camp-mb-result.ty02 {margin:40px 0 15px;}
.camp-mb-result > span {display:inline-block; font-size:17px; color:#028086; /* vertical-align:top; margin-top:2px;  */}
.camp-mb-result.point0 > span {color:#000;}
.camp-staff .form-search02 + .camp-mb-result {margin:35px 0 15px; }
.btn-mb-join {padding-top:10px;clear:both;text-align:center}
.btn-mb-join > .btn-gray.h35,
.btn-mb-join > .btn-green.h35 {width:35px; padding:0 5px;}
.camp-invite .form-search02 {margin-bottom:15px;}

/* camp board */
.btn-view-board {padding:13px 0 10px 0; border-bottom:1px solid #ccc; text-align:right;}
.btn-view-board > a > em {font-size:0; color:transparent; line-height:0;}
.btn-view-board > a {display:inline-block; width:28px; height:28px; background-image:url(../images/btn/btn_view_board.png); background-size:56px 56px;}
.ico-list-view {background-position:0 -28px;}
.ico-card-view {margin-left:-7px; background-position:28px 0;}
.ico-list-view.on {background-position:0 0;}
.ico-card-view.on {background-position:28px -28px;}

.notice-list.card {}
.notice-list.card > li {padding:0 0 20px 0;}
.notice-list.card > li.list_on{background-color: #f2f9f9;}
.notice-list.card .album-area {margin-top:0; }
.notice-list.card .album-board-cont { padding: 0 20px; }
.notice-list.card .camp-list {padding:15px 30px 15px 0; border-bottom:0;}
.notice-list.card .camp-list .info-wrap {margin-top:10px;margin-left: 20px;}
.notice-list.card .album-board-cont .tit {font-size:17px; font-weight:normal;}
.notice-list.card .album-board-cont .txt {margin-top:0; padding-top:10px; color:#888; font-size:15px; line-height:1.4;}
.notice-list.card .album-board-cont .notice-detail {padding-top:15px;}
.notice-list.card .album-board-cont .tag {margin-top:15px;}
.notice-list.card .album-board-cont .tag > span {color:#888; font-size:15px;}

.album-area .more-view {position:relative;}
.album-area .more-view:after {content:''; display:block; position:absolute; top:0; right:0; left:0; bottom:0; background:#000; z-index:1; opacity:0.3;}
.album-area .more-view:before {content:'더보기'; display:block; position:absolute; top:40%; right:0; left:0;  width:100%; z-index:2; color:#fff; font-size:17px; text-align:center;}

/* camp 작성글보기 */
.notice-list.type-rht-pic .pic-item-reply {margin-top:10px;}
.camp-invite {padding-bottom:20px;}

/* camp 신고하기 */
.camp-report > li {padding-top:15px;}
.camp-report.ty02 > li {padding-top:5px;}
.camp-report.ty02 > li .radio02 input[type=radio] + label {font-size:16px; line-height:24px;}

.join_success {text-align:center;}
.join_success  img {width:100%;}
.join_success.ty02{background: #00aeaf;}
.btn-gradient {position:relative; display:block; height:50px; border-radius:5px; line-height:50px; color:#fff; font-size:17px; text-align:center; background:#1f8e95; background:-webkit-linear-gradient(left, #02aca5 , #0d5f86); background: linear-gradient(to right, #02aca5 , #0d5f86);}
.btn-gradient:after {content:'+'; position:absolute; top:0; left:40px; color:#fff; font-size:23px; }
.join_success .btn-gradient {margin:0 50px 20px 50px;}



/* 3수송교육연대 병영캠프 목록 */
.acc-wrap{text-align:center;}
.acc-wrap img{width: 15px !important;height: 15px;margin-right: 3px;transform: translateY(-1px);}
.acc-wrap.ty02 img{margin-right:0;transform: translate(2px,1px);}
.acc-wrap > div {color:#aaa;font-size:12px;line-height:1.5;}
.acc-wrap > div:last-child{display:flex;justify-content: center;}
.acc-wrap > div:last-child > a{color: #fe2246;font-size: 12px;text-decoration: underline;line-height: 1.5;}
.acc-wrap span{color: #aaa;font-size: 12px; line-height: 1.5;}

.camp-ls-container{padding:20px}
.camp-ls-container > a {padding:20px 0;display: flex;border-bottom: 1px solid #ccc;cursor: pointer;position: relative;}
.camp-ls-container > a:first-child{padding: 0 0 20px;}
.camp-ls-container > a:last-child{border:none;}
.camp-ls-container > a > .img-area > img {width: 70px;height:70px;}
.camp-ls-container .txt-wrap {display: flex;flex-direction: column;padding-left: 18px;letter-spacing: -1px;}
.camp-ls-container .txt-wrap .txt-top {color: #000;line-height: 1.6;width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.camp-ls-container .txt-wrap img {position: absolute;right: 0;width: 8px;height: 14px;top: 24px;}
.camp-ls-container .txt-wrap .btn-join{position: absolute;right: 0;width: 56px;height: 28px;top: 50px;font-size: 14px;background: #028086;padding: 7px 10px;border-radius: 20px;color: #fff;text-align: center;}
.camp-ls-container > a:first-child > .txt-wrap .btn-join{top:30px}
.camp-ls-container > a:first-child > .txt-wrap img{top:4px;}
.camp-ls-container .txt-wrap .txt-md {color: #333;line-height: 1.5;font-size: 13px;width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.camp-ls-container .txt-wrap .txt-bt {line-height: 1.5;}
.camp-ls-container .txt-wrap .txt-bt span {position:relative;font-size: 12px;color: #888;}
.camp-ls-container .txt-wrap .txt-bt span:not(:first-child){padding-left:5px;}
.camp-ls-container .txt-wrap .txt-bt span:not(:last-child):after{display: inline-block;content: '';position: absolute;right: 0;bottom: 3px;width: 1px;height: 10px;background: #ccc;}
.camp-ls-container .txt-wrap .txt-bt span:first-child {padding-right: 12px;}



/* 제3수송교육연대 폐쇄된 캠프 목록 */
.ctrl-area > .form-search02.w-100 input[type=text]{font-size:14px !important;letter-spacing: -1px;padding-left:0 !important;}
.ls-notice-box{display: flex;align-items: center;width: 100%;padding: 0 0 20px 20px;}
.ls-notice-box:first-child {padding: 20px 0 20px 20px !important;}
.ls-notice-box.ty01:first-child{padding:20px !important;}
.ls-notice-box.ty02:first-child{padding:20px !important;}
.ls-notice-box.ty02:first-child>.m-btn-gray{top:20px;}

.ls-notice-box .content{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #ccc;}

.ls-notice-box .tit{color: #000;line-height: 2;font-weight: 600;font-size: 14px;width:200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ls-notice-box .tit.w-100{}
.ls-notice-box .tit a{color: #000;line-height: 2;font-weight: 600;font-size: 14px;width:200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor:pointer;}
.ls-notice-box .sub{line-height: 1.5;}
.ls-notice-box .sub > span{color: #888;line-height: 1.2;font-size: 14px;position: relative;padding: 0 10px 0 0;}
.ls-notice-box .sub > span:not(:first-child){padding: 0 10px 0 4px;}
.ls-notice-box > .btn-share.share-clip{position: relative;top: 0;right: 20px;}
.br.rg{display: flex;align-items: center;justify-content: center;width: 51px;border: 1px solid #ed810e;border-radius: 12px;padding:5px 8px 3px;color: #ed810e;font-size: 12px;font-weight: 600;}
.br.tr{display: flex;align-items: center;justify-content: center;width: 51px;border: 1px solid #89f184;border-radius: 12px;padding:5px 8px 3px;color: #89f184;font-size: 12px;font-weight: 600;}


/* 제3수송교육연대 공지사항 */
.main-tit.pt0.rht-btn{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.main-tit.pt0.rht-btn > a {display: flex;align-items: center;}
.main-tit.pt0.rht-btn > img{width: 7px;height: 12px;transform: translateY(-2px);}
.notice-list.type-rht-pic.fw400 .label{display: flex;align-items: center;}
.notice-list.type-rht-pic.fw400 .label p{color: #666;margin-left: 5px;font-size: 12px;}
.notice-list.type-rht-pic.fw400 span{font-weight:400;font-size:15px;}
.notice-list.type-rht-pic.fw400 .notice-tit{padding-top: 5px;}

.ls-notice-box.ty01{padding:0 20px 20px;}
.ls-notice-box.ty01 .content{padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.ls-notice-box.ty02{padding:0 20px 20px;position: relative;}

.ls-notice-box.ty02:last-child .content{border:none;}
.ls-notice-box .m-btn-gray{display: flex;align-items: center;border: 1px solid #ccc;color: #888;padding: 5px 10px;height: 26px;font-size: 14px;display: inline-block;position: absolute;right: 20px;top: 0px;}
.ls-notice-box.pt20 .m-btn-gray{top:20px;}

.header.ls > h1{letter-spacing: -0.09em;font-size: 20px;}
.board-pic.square{width: 55px;height: 55px;}
.board-pic.square > img{height: auto;}
.nickname.ty01, .title.ty01{font-size: 16px !important;}
.board-content-area.ty01{line-height: 1.6;}
.light-border{height: 10px;background: #f8f8f8;}
.ls-notice-box .label{display: flex;align-items: center;}
.ls-notice-box .label > p{color: #888;margin-left: 5px;font-size: 12px;}
.ctrl-area.column{flex-direction: column;height: auto;padding: 10px 20px;}
.ctrl-area.column > select{border-bottom: 1px solid #ccc;letter-spacing: -1px;margin: 10px;padding: 5px 5px 5px 1px;border-radius: unset;}
.ls-notice-box .sub > span:not(:last-child):after{display: inline-block;content: '';position: absolute;right: 0;bottom: 4px;width: 1px;height: 11px;background: #ccc;}


/* 제3수송교육연대 캠프 생성 */
.select-ty01.gray{color:#999;font-size:16px !important;}
.btn-cal-wrap{display: flex;justify-content: space-between;}
.btn-cal-wrap > a:nth-child(2){width: 40px;height: 40px;background: url(../images/btn/btn_cal.png) no-repeat left center;margin-left: 6px;text-indent: -999px;overflow: hidden;transform: scale(0.6);position: absolute;bottom: 0;right: 1%;}
.btn-cal-wrap > a:nth-child(1){width: 40px;height: 40px;background: url(../images/btn/btn_cal.png) no-repeat left center;margin-left: 6px;text-indent: -999px;overflow: hidden;transform: scale(0.6);position: absolute;bottom: 0;left: 30%;}
.cal-wrap{display: flex;justify-content: space-between;}
.cal-wrap > input[type=date].border{color:#999 !important;font-family: 'Noto Sans', '맑은 고딕', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', 'Nanum Gothic', sans-serif;height: 40px;
	box-sizing: border-box;border-radius: 0;border: 1px solid #ddd;font-size: 16px;color: #000;font-weight: normal;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 45%;position: relative;background: none !important;letter-spacing: -1px;padding: 0 10px 0 8px;}
.form .t-area{color: #999;line-height: 1.5;font-size: 16px;letter-spacing: -1px;min-height: 200px;max-height: 200px;}
.form .tit-desc{font-size: 16px;color: #999;}


/* 제1수송교육연대 캠프 생성 */
.campRock-tab-swiper .swiper-wrapper .swiper-slide {width:33.33333333333333%!important;}
.campRock-tab-swiper .swiper-wrapper .swiper-slide > a { font-size:14px; text-align: center; letter-spacing: -1px; }

.campRock-gallery-swiper .swiper-slide > img { aspect-ratio:3/2; }
.campRock-gallery-swiper .swiper-pagination-bullet {width:8px; height:8px; border-radius: 100%;}
.campRock-gallery-swiper .event01 .swiper-pagination {bottom:5px!important;}
.campRock-gallery-swiper .swiper-pagination-bullet-active {width:8px; height:8px; border-radius: 100%;}




/* 운영자 수정 */
.bg-box.ty03{padding: 65px 20px 30px 20px;background: #fff;}
.bg-box.ty03 .photo-wrap{margin: 0 auto 10px;}
.bg-box.ty03 > p{line-height: 1.8;color: #000;}
.bg-box.ty03 .select-list{display: flex;flex-direction: column;align-items: flex-start;width: 180px;margin: 45px 0 75px;padding-left:27px;}
.bg-box.ty03 .select-list .radio02{display: flex;margin-bottom: 14px;align-items: center;justify-content: center;}
.bg-box.ty03 .select-list .radio02 label{font-size: 16px;color: #454545;line-height: 26px;}
.bg-box.ty03 .select-ls-wrap{display: flex;justify-content: center;}
.bg-box.ty03 .btn-line{color: #ccc;border-bottom: 1px solid #ccc;line-height: 28px;display: inline-block;}

/* 운영자 > 회원찾기 팝업 */
.popup.popupwrap > .m-bgbox2{margin: 55px 8% !important;}
.input-tel.sm input[type=tel]{font-size: 14px !important;}
.pop-scroll.ls{letter-spacing: -0.05em;margin: 15px;}
.pop-scroll.ls .dropbox.no-bd-top li{display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 1px solid #ccc;padding: 15px;}
.pop-scroll.ls .dropbox.no-bd-top li .info-area{display: flex;flex-direction: column;cursor: default;border-bottom: none !important;padding: 0 !important;}
.pop-scroll.ls .dropbox.no-bd-top li .info-area .top{color: #000;line-height: 2;}
.pop-scroll.ls .dropbox.no-bd-top li .info-area .md{color: #888;line-height: 1.5;font-size: 14px;}
.pop-scroll.ls .dropbox.no-bd-top li .info-area .btm{color: #888;line-height: 1.5;font-size: 14px;}
.pop-scroll.ls .dropbox.no-bd-top li .m-btn-gray{display: flex;align-items: center;border: 1px solid #ccc;color: #888;padding: 5px 10px;height: 26px;font-size: 14px;}
.btn-w100.sm{font-size: 14px !important;line-height: 43px;}

/* 혜택존 (.benefit-wrap) */
.benefit-wrap {font-family: "Noto Sans CJK KR";}
.benefit-wrap .group-box {padding: 0px 15px 80px 15px;}
.benefit-wrap .group-box:after { display: none; }
.benefit-wrap .group-box:last-child .benefit_list {display: flex;flex-direction: column;}
.benefit-wrap .group-box .benefit_list > a:nth-child(n-4) {padding-top:15px;}
.benefit_group_box {padding-top:0;}
.benefit_group_box:before, .benefit_group-box:after {display:none;}
.benefit_group_box:nth-child(3) .main-tit {text-indent: 15px; padding-bottom:15px;}
.benefit_group_box:nth-child(3) .benefit_list {background: #f5f5f5;padding:15px 15px 0px 15px;}
.benefit_group_box .main-tit {padding: 0 0 10px 0;font-size: 17px;color: #4aa7b6;font-weight: 400;letter-spacing: -1px;border-bottom: 1px solid #eee;}

.benefit_list {overflow: hidden;box-sizing: border-box;border-radius: 5px;display: flex;flex-wrap: wrap;}
.benefit_list > a {width: calc(20% - 10px);text-align: center;margin: 0 12px 32px 0;}
.benefit_list > a:last-child {margin-right:0;}
.benefit_list > a:nth-child(n+6){ margin-bottom:0;}
.benefit_list > a > span {display: block;color: #606060;font-size: 12px;letter-spacing: -1px;margin-top: 8px;text-align: center;}
.benefit_list > a > i {display:inline-block;width:50px;height:50px;background:url(../images/icon/benefitzone_sprites.png) no-repeat;background-size: 270px;}

.benefit_list .ico-letterb {background-position: -2px -2px;}
.benefit_list .ico-selfdv {background-position: -56px -56px;}
.benefit_list .ico-shop {background-position: -110px -2px;}
.benefit_list .ico-job {background-position: -56px -2px;}
.benefit_list .ico-point {background-position: -2px -56px;}
.benefit_list .ico-youtube {background-position: -110px -112px;}
.benefit_list .ico-instar {background-position: -164px -112px;}
.benefit_list .ico-blog {background-position: -218px -2px;}
.benefit_list .ico-outlink-1 {background-position: -110px -56px;border-radius: 12px;}
.benefit_list .ico-outlink-2 {background-position: -164px -2px;border-radius: 12px;}
.benefit_list .ico-outlink-3 {background-position: -164px -56px;border-radius: 12px;}
.benefit_list .ico-outlink-4 {background-position: -2px -111px;border-radius: 12px;}
.benefit_list .ico-outlink-5 {background-position: -56px -111px;border-radius: 12px;}

.benefit_list > li { border-bottom: 1px solid #eeeeee;}
.benefit_list > li > a {padding: 15px 20px 15px 10px; position: relative;}
.benefit_list > li > a > em {display:inline-block; width:20px; height:20px;}
.benefit_list > li > a > em:last-child {position: absolute; right:10px;}
.benefit_list > li > a > em.ico-bn-14 {background: url(/images/icon/benenfit_ico_portal.png) no-repeat center center; background-size: contain;}
.benefit_list > li > a > em.ico-bn-15 {background: url(/images/icon/benefit_ico_qna.png) no-repeat center center; background-size: contain;}
.benefit_list > li > a > em.ico-bn-outlink {background: url(/images/icon/benefit_ico_outlink.svg) no-repeat center center; background-size: contain;}
.benefit_list > li > a > span {font-size:15px; color:#606060;display:inline-block;margin-left:10px;letter-spacing: -1px;}

.event-wrap .form {margin:15px 0 20px 0;}
.ev-list > li {margin-bottom:14px;}
/*.ev-list > li:last-child {margin-bottom:0;}*/
.ev-box {position:relative;}
.ev-box .ev-txt-box {position:relative; padding:15px 20px; border:1px solid #c6c6c6;}
.ev-box .ev-txt-box .tit {margin-bottom:15px; color:#000; font-size:17px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
.ev-box .ev-txt-box .date {color:#888; font-size:15px;}
.ev-box .ev-txt-box .notice-detail {position:absolute; bottom:16px; right:10px; }
.ev-box .img-area {position:relative;}
.ev-box .img-area.done:after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.3;}
.ev-box img {width:100%;}
.ev-box .ico-state {display:block; position:absolute; top:15px; right:20px; height:25px; padding:0 10px; line-height:25px; border-radius:13px; color:#fff; font-size:14px; background:#ff6900;}
.ev-box .ico-state > span {display:inline-block; color:inherit; font-size:inherit; vertical-align:top;line-height: inherit;}
.ev-box .ico-state.done {color:#049c9f; background:#fff;}
.ev-box .ico-state.done > span {display:inline-block; color:#049c9f; background:#fff; vertical-align:top;line-height: inherit;}

.swiper-container.event01 .swiper-wrapper  {/*padding-bottom: 25px;*/}
.swiper-container.event01.swiper-container-horizontal>.swiper-pagination-bullets{bottom:13px;/* bottom: 19px; */}
.swiper-container.event01 .swiper-pagination-bullet {margin: 0 2px !important;background:#fff;border: 1px solid #028086;opacity:1;}
.swiper-container.event01 .swiper-pagination-bullet-active {background:#028086;}
.swiper-container.event01 .swiper-pagination {position:relative;}

/* 20-08-20 수정 */
.swiper-slide .space-between{display: flex;justify-content: space-between;align-items: center;}



.box-ty01 .tit-wrap {text-align:center;}
.box-ty01 .tit-wrap .tit {color:#222; font-size:22px; font-weight:bold;}
.box-ty01 .tit-wrap .txt {margin-top:15px; color:#666; font-size:16px;}
.tit-wrap + .check-info-wrap {margin-top:25px;}
.check-info-wrap {border-radius:10px; }
.check-info-wrap .check-info {display:inline-block; width:48%; padding:14px; box-sizing:border-box; background:#f1f1f1; text-align:center;}
.check-info-wrap .check-info:first-child {border-radius:8px 0 0 8px; }
.check-info-wrap .check-info:last-child {border-radius:0 8px 8px 0; }
.check-info-wrap .check-info .tit {font-size:14px; color:#666;}
.check-info-wrap .check-info .txt {margin-top:9px; font-size:15px; color:#000;}

.tit-lavel07 + .list-con-ty01 {margin-top:20px;}
.list-con-ty01 + .btn-form-bottom {margin-top:25px;}
.list-con-ty01 > li {overflow:hidden; margin-top:15px;}
.list-con-ty01 > li:first-child {margin-top:0;}
.list-con-ty01 > li > span {display:inline; /* width:50%; */ font-size:16px; color:#666;}
.list-con-ty01 > li .tit {/* float:left; */}
.list-con-ty01 > li .txt {/* float:right;  text-align:right;*/}
.list-con-ty01 > li .total {font-size:17px; color:#fe2246; font-weight:bold;}
.list-con-ty01 > li .total span {font-size:17px; color:#fe2246;}
.list-con-ty01.ty02 > li .tit {width:70%;}
.list-con-ty01.ty02 > li .txt {width:30%;}

.finish-txt {position:relative; text-align:center; font-size:22px; color:#000; font-weight:bold; line-height:1.4;}
.finish-txt > i {margin:0 auto 20px;}
.finish-txt .error {display:block; width:60px; height:60px; background:url(../images/icon/ico_done.png) no-repeat 0 0; background-size:61px 130px;}
.finish-txt .done {display:block; width:60px; height:60px; background:url(../images/icon/ico_done.png) no-repeat 0 0; background-size:61px 130px;}

/* 켐프 앨범 */
.group-box .main-tit + .album_list {padding-top:20px;}
.album_list {margin:-5px -4px;}
.album_list:after {content:''; display:block; clear:both;}
.album_list > li {position:relative; float:left; width:33.3333%; text-align:center;}
.album_list > li > div {padding:4px;}
.album_list > li > div .checkbox {position:absolute; top:0; left:0; right:0; bottom:0;}
.album_list > li img {display:block; width:100%; /* height:100%; */ border-radius:3px; object-fit:cover;}
.box-block {padding:30px 0; border-bottom:1px solid #ccc;}
.box-block:last-child {border-bottom:0;}
.box-block .txt-result.type-normal {padding:30px 0 20px 0;}



.select-list > li {margin-bottom:20px;}
.select-list > li:last-child {margin-bottom:0;}
.select-list input[type=radio] + label:before {top:13px;}
.select-list img {width:105px; border-radius:4px;}
/*.select-list .radio {display:inline-block;}*/
.select-list .radio label {margin:0; padding:0 0 0 40px;}
.select-list .radio label:after {content: "";display: block;clear: both;}
.select-list .radio .img_box {float: left;min-width: 105px;min-height: 105px;}
.select-list .radio .select-list-con {float: left; width:calc(100% - 128px); -webket-width:calc(100% - 128px); margin:8px 0 8px 15px; vertical-align:top;}
.select-list .select-list-con .tit {margin-bottom:8px; color:#222; font-size:18px; max-height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; line-height:1.1em;word-break:break-all;}
.select-list .select-list-con .detail {margin-bottom:15px; color:#888; font-size:15px;}
.select-list .select-list-con .sum, .select-list .select-list-con .sum span {color:#028086; font-size:15px; font-weight:bold; vertical-align:top;}
.btn-area-photo {overflow:hidden; margin-top:30px; text-align:right; }
.btn-area-photo .btn-left {float:left;}
.btn-area-photo .btn-right {float:right}



/* 위문편지 */
.notice-list.letter-mailbox {margin-top:15px;}
.notice-list.letter-mailbox .notice-txt {font-size:16px; font-weight:normal;}
.notice-list.letter-mailbox > li > a {position:relative; padding:25px 70px 25px 0; }
.notice-list.letter-mailbox > li > a > .badge-item {position:absolute; top:25px; right:0; }
.group-box .btn-blue-line.big {margin-top:-40px;}

/*일정관리*/
.calendar-item {position:fixed;top:56px;left:0;width:100%;background-color:#fff;border-bottom:1px solid #ccc;overflow: hidden;    z-index: 1;}
.calendar-item #calendar-target-01, .calendar-item .calendar-target-01{width:100% !important;border:0 !important;margin: 0 !important;padding: 10px !important;}
.calendar-item .ax5-ui-calendar .calendar-control {height:40px !important;background-color: #fff;border:0;}
.calendar-item .ax5-ui-calendar .calendar-control .date-move-left i, .calendar-item .ax5-ui-calendar .calendar-control .date-move-left span, .calendar-item .ax5-ui-calendar .calendar-control .date-move-right i, .calendar-item .ax5-ui-calendar .calendar-control .date-move-right span {position:relative;}
.calendar-item .ax5-ui-calendar .calendar-control .date-move-left {width:60px !important; height:40px !important;}
.calendar-item .ax5-ui-calendar .calendar-control .date-move-right {width:60px !important; height:60px !important;}
.calendar-item .ax5-ui-calendar .calendar-control .date-display {font-size:18px;font-weight:bold;line-height:40px !important;}
.calendar-item .ax5-ui-calendar .calendar-control .date-display [data-calendar-display] {margin: 0px 3px;text-decoration: none;}
.calendar-item .fa-chevron-left:before {content:''; display:block; position:absolute; top:0; /* left:-30px; */ width:60px; height:40px;  background:url(../images/btn/btn_calendar_lft.png) no-repeat center center; background-size:8px 14px;}
.calendar-item .fa-chevron-right:before{content:''; display:block; position:absolute; top:0; /* right:-30px; */ width:60px; height:40px;  background:url(../images/btn/btn_calendar_rht.png) no-repeat center center; background-size:8px 14px;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td, .calendar-item .ax5-ui-calendar .calendar-body table tbody th {height:42px !important;line-height:42px !important; padding:0 !important;font-size: 16px;}
.calendar-item .ax5-ui-calendar .calendar-body table thead tr td:first-child{color:#d50029;}
.calendar-item .ax5-ui-calendar .calendar-body table thead tr td:last-child{color:#0e5883;}
.calendar-item .ax5-ui-calendar .calendar-body table thead td, .calendar-item .ax5-ui-calendar .calendar-body table thead th {height:42px;line-height:42px;font-size: 16px;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live {color: #555;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day {color:#ccc;font-size:16px;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.sunday, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live.sunday {color:#d50029;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.saturday, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live.saturday {color:#0e5883;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live {background-color:#fff;background-image:none;}
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day {display: inline-block; background:url(../images/bg/bg_selected_day.png) no-repeat center !important; background-size:23px 23px !important; }
.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day.event-desc, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day.event-desc {position:relative;}

.calendar-item .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.today, .calendar-item .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.today {display: inline-block; background:url(../images/bg/bg_today.png) no-repeat center !important; background-size:23px 23px !important; }
/* event-desc:before {content:''; display:block; position:absolute; top:4px; left:45%; width:5px; height:5px;margin-left:-2px; background:#02aca5;border-radius: 50%;}
.out-desc:after {content:''; display:block; position:absolute; top:4px; left:51%; width:5px; height:5px;margin-left:-2px; background:#ff464f;border-radius: 50%;}
.event-desc:before +.out-desc:after {left:55%} */
.calendar-item-day .dot {display:block; width:100%; height:10px; position:absolute; top:-4px; left:0; right:0; text-align:center;}
.calendar-item-day .dot .event-desc {display:inline-block; width:5px; height:5px; margin-right:-1px; background:#02aca5;border-radius: 50%;}
.calendar-item-day .dot .out-desc {display:inline-block; width:5px; height:5px; margin-left:-1px; background:#ff464f;border-radius: 50%;}
.calendar-item-day .per {display:block; width:100%; height:10px; position:absolute; bottom:2px; left:0; right:0; text-align:center; font-size:12px; color:#028086;}
.calendar-item .calendar-search{padding:5px 10px;text-align:left;border-top:1px solid #ccc}

/* 캠프- 일정 */
.schedule-wrap {margin-top:467px;}
.schedule-list {}
.schedule-list .box {position:relative;  width:100%; padding:15px; border-bottom:1px solid #ccc;}
.schedule-list .box:after {content:''; display:block; width:5px; position:absolute; top:0; left:0; bottom:0; background:#02aca5;}
.schedule-list .box.done {background:#f6f6f6;}
.schedule-list .box.done:after {content:''; display:block; width:5px; position:absolute; top:0; left:0; bottom:0; background:#666;}
.schedule-list .box .num { display:inline-block; width:83px; text-align:center; color:#028086; font-size:32px; vertical-align:middle;}
.schedule-list .box .schedule-cont {display:inline-block; width:calc(100% - 92px); -webket-width:calc(100% - 92px); vertical-align:middle;}
.schedule-list .box .schedule-cont .tit {color:#000; font-size:18px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; line-height: 1.2em;}
.schedule-list .box .schedule-cont .tit + .detail {margin-top:5px;}
.schedule-list .box .schedule-cont .detail {margin-top:15px; color:#888; font-size:15px;}
.schedule-list .box .schedule-cont .detail span { color:#888; font-size:15px;}
.schedule-list .box.done .num {color:#888;}
.schedule-wrap .no-data {margin-top:400px;}
.schedule-wrap .no-data p {top:67%;}

.camp_schedule-tit {margin-bottom:0 !important;}
.camp_schedule-tit input {height:45px !important; line-height:45px !important; padding:15px 20px !important;}
.camp_schedule-tit input:focus {border-bottom:1px solid #e6e6e6 !important;}
.camp_schedule-tit + .group-box {padding:20px;}
.camp_schedule-tit + .group-box:after {display:none;}
.form.camp_schedule .input-date {position:relative; height:38px; line-height:38px;  margin-bottom:10px; padding:0 10px 0 10px; border-bottom:1px solid #e6e6e6; background:#fff; /* background:#f5f5f5 url(../images/btn/btn_cal.png) no-repeat right 10px center !important; background-size:20px 20px !important; */}
.form.camp_schedule .input-date .tit { color:#000; font-size:16px;}
.form.camp_schedule .input-date .btn-cal {display:inline-block; position:absolute; top:8px; right:8px; width:20px; height:20px; background: url(../images/btn/btn_cal.png) no-repeat 0 0 !important; background-size:20px 20px !important;}
.form.camp_schedule .input-date .set-schedule {position:absolute; top:0; right:0; width:60%; }

.form.camp_schedule input[type="date"] {display:inline-block; position:absolute; top:0; left:0; width:130px; height:37px; line-height:37px; padding:10px 0; border:0; text-align:left; background:none !important; font-size:16px; z-index:1;}
.form.camp_schedule input[type="date"]:focus {border:0;}
.form.camp_schedule input[type="date"]::before {/* text-align:right; */}

.form.camp_schedule .time_pick {display:inline-block; position:absolute; top:0; right:0; width:auto; height:37px; line-height:37px; padding:0; border:0; text-align:left; background:none !important; font-size:16px; }
.form.camp_schedule .time_pick input[type="text"] {height:37px; line-height:37px; border:0; text-align:right; background:none !important; font-size:16px; z-index:0;}
.form.camp_schedule .time_pick input[type="text"]:focus {border:0;}
.form.camp_schedule .time_pick input[type="text"]::before {/* text-align:right; */}

.set-schedule .timepicker_wrap {width:182px !important; z-index:10;}
.set-schedule .arrow_top {left:130px !important;}

.form.camp_schedule > input[type="text"] {display:inline-block; width:90px; height:37px; line-height:37px; padding:0; border:0; text-align:left; background:none !important; font-size:16px;}
.form.camp_schedule > input[type="text"]:focus {border:0;}
.form.camp_schedule > input[type="text"]::before {/* text-align:right; */}

/* .form.camp_schedule input[type="datetime-local"] {display:block; width:100%; height:37px; line-height:37px; padding:0; border:0; text-align:right; background:none !important; font-size:16px;}
.form.camp_schedule input[type="datetime-local"]:focus {border:0;}
 */

.camp-schedule-bottom {/* position:fixed; bottom:0; left:0; right:0; */ padding-top:10px;}
.camp-schedule-bottom li:fist-child {padding:25px 20px 15px 20px;}
.camp-schedule-bottom:after {content:''; display:block; position:absolute; top:0; right:0; left:0; width:100%; height:10px; background:#f8f8f8;}
.notice-detail.form {margin-top:15px;}
.notice-detail.form > span {color:#333; font-size:16px;}

/* 고객센터 */
.toggle-box.line-top > li:first-child {border-top:1px solid #ccc;}
.toggle-box > li {margin:0 -20px; border-bottom:1px solid #ccc; }
.toggle-box > li > a {position:relative; margin:0 20px; padding:15px 30px 15px 40px !important;}
.toggle-box li.no-num > a {padding:15px 30px 15px 0 !important;}
.toggle-box > li > a:after {content:''; display:block; position:absolute; top:30%; right:0; width:14px; height:8px; background:url(../images/btn/ico_toggle_arr.png) no-repeat 0 0; background-size:14px 80px;}
.toggle-box > li > a.on:after {content:''; display:block; position:absolute; top:30%; right:0; width:14px; height:8px; background:url(../images/btn/ico_toggle_arr.png) no-repeat 0 bottom; background-size:14px 80px}
.toggle-box > li > a .question-txt { line-height:1.4; color:#000; font-size:18px; word-wrap:break-word;}
.toggle-box .notice-num {position:absolute; top:30%; left:0; color:#028086;font-size:22px;font-weight:bold; font-style: italic;}
.answer-con {display:none; padding:20px; border-top:1px solid #ccc; background:#f1f1f1; line-height:1.4; color:#000; font-size:16px; }


.customer-info-wrap {position:relative; margin-top:30px; padding:15px 15px 15px 105px; background:#e6f0f0; }
.customer-info-wrap:after {content:''; position:absolute; top:15px; left:15px; display:block; width:70px; height:70px; background-image:url(../images/icon/ico_customer_center.png); background-size:70px 70px;}
.customer-info-wrap .customer-tel {margin-bottom:15px; color:#028086; font-size:17px; font-weight:bold; }
.customer-info-wrap > div {margin-bottom:6px; color:#000; font-size:16px; }
.customer-info-wrap > div > a {display:inline-block;color:#000; font-size:16px;  }


/* 고객센터 서비스 제안 */
.service-write {margin-bottom:0;}
.service-write .form {margin-bottom:0;}
.service-write .form input[type="text"] {height:45px;}
.service-write .form input[disabled],
.service-write .form input[readonly],
.service-write .form input[disabled]:focus,
.service-write .form input[readonly]:focus {background-size:6px 45px !important;}

.bottom-file-attach {position:relative; /* bottom:0; left:0; right:0; */ z-index:1; height:188px; padding:0 20px 0 20px; background:#fff;}
.bottom-file-attach:after { content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:15px; background-color:#f1f1f1; }
.bottom-file-attach .tit {padding-top:30px; padding-bottom:20px;}
.bottom-file-attach .tit strong {font-size:16px; color:#222;}
.bottom-file-attach .tit span {font-size:16px; color:#999; margin-left:6px; vertical-align:baseline;}
.bottom-file-attach .file-add {padding-bottom:20px; display:-webkit-flex;  display:flex;}
.bottom-file-attach .file-add .box {position:relative; width:100px; height:100px; margin-left:10px; border:1px solid #ccc; overflow:hidden;}
.bottom-file-attach .file-add .box:first-child {margin-left:0;}
.bottom-file-attach .file-add button {width:100%; height:100%; background:url(../images/icon/ico_plus3.png) no-repeat center center; background-size:33px 33px;}
.bottom-file-attach .file-add button em {font-size:0; color:transparent; line-height:0;}
.bottom-file-attach .file-add img {width:100%; height:100%; object-fit:cover;}
.bottom-file-attach .file-add .btn-del {position:absolute; top:-1px; right:-1px; width:25px; height:25px; background:#000 url(../images/btn/btn_file_attach.png) no-repeat center center; background-size:10px 10px; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
.bottom-file-attach .file-add .btn-del em {font-size:0; color:transparent; line-height:0;}
.bottom-file-attach .file-add .file-txt {display:block; font-size:13px; color:#999; line-height:1.3; padding:25px 7px;}
.bottom-file-attach .file-add .file-txt em {font-size:inherit; color:inherit; line-height:inherit;}
.bottom-file-attach .file-add .file-txt em:first-child {max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; white-space: normal;line-height: 1.2em;}

/* 고객센터 이용약관 상세 */
.terms-tit {position:relative;}
.terms-tit.is-full {padding-right:0;}
.terms-tit .title {margin-bottom: 10px;font-size:20px; color:#222; font-weight:normal; line-height:35px; word-break: break-all;}
.terms-tit .enforcement-date label {font-size:16px; color:#222; font-weight:bold;}
.terms-tit .enforcement-date select {width:120px; padding:8px 15px 8px 5px; border:0;}
.terms-cont {font-size:16px; color:#000; line-height:22px; margin-top:35px;}

/* 앱 설정 */
.txt-ver {display:inline-block;padding-left:5px;color:#028086;font-weight:normal;vertical-align: top;}
.notice-list.type-set {border-bottom: 1px solid #ccc;}
.notice-list.type-set > li > a { position:relative;padding: 25px 40px 25px 20px;}
.notice-list.type-set > li > a:after{position:absolute;top:50%;right:20px;width:100%;content:''; width:8px; height:14px;margin:-8px 0 3px 5px;background:url(../images/icon/ico_arrow3_rht.png) no-repeat right center;background-size:8px 14px;}

.notice-list.type-set2 > li {border-bottom: 10px solid #f1f1f1;border-top:0;}
.notice-list.type-set2 > li > a { position:relative;padding: 25px 50px 25px 20px;}
.notice-list.type-set2 > li > a:after{position:absolute;top:50%;right:20px;width:100%;content:''; width:8px; height:14px;margin:-8px 0 3px 5px;background:url(../images/icon/ico_arrow3_rht.png) no-repeat right center;background-size:8px 14px;}

.ver-box {width:185px;margin:40px auto 15px;padding:20px;border:1px solid #ccc;border-radius: 4px;}
.ver-box > p + p {padding-top: 5px;}
.ver-box > p > em {padding-left: 3px;vertical-align: top;display: inline-block;}
.join-top02 {text-align:center;}
.join-top02.ty02 >img {width:278px; height:38px;}

/* 쪽지함 */
.notice-list.dropbox {position:relative; margin-top:20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.notice-list.dropbox.no-bd {border:0;}
.notice-list.dropbox.no-bd-top {border-top:0;}
.notice-list.dropbox li {position:relative;}
.notice-list.dropbox li > a {position:relative; padding:15px 40px 15px 0;}
.notice-list.dropbox li > a:after{content:''; position:absolute; top:50%; right:0; width:8px; height:14px; margin:-8px 0 3px 5px; background:url(../images/icon/ico_arrow3_rht.png) no-repeat right center;background-size:8px 14px;}
.notice-list.dropbox li > a > div {position:relative; display:table;}
.notice-list.dropbox li > div {display:table; padding:15px 40px 15px 0;}
.notice-list.dropbox li > a > div .new-alarm {margin-left:7px; }
.notice-list.dropbox .photo-wrap {display:table-cell; width:60px; height:60px; margin:0 20px 0 0;}
.notice-list.dropbox .photo-wrap > img {border:0; }
.notice-list.dropbox .info-wrap {display:table-cell; width:calc(100% - 80px); -webket-width:calc(100% - 80px); vertical-align:middle; }
.notice-list.dropbox .info-wrap .tit {font-size:18px; color:#000; word-break:break-word;}
.notice-list.dropbox .info-wrap .tit.ty02{margin-bottom: 9px;font-weight: bold;}
.notice-list.dropbox .info-wrap .sub{color: #888;font-size: 14px;}
.notice-list.dropbox .radio02 input[type=radio] + label{position: absolute;right: 0;top: 36%;}
.notice-list.dropbox .i-check {position:absolute; top:34%; right:0;}
.notice-list.dropbox .i-check.checkbox input[type=checkbox] + label {margin-right:0; padding:0 0 0 25px;}
.notice-list.dropbox .photo-wrap .badge {position:absolute; top:0; left:0;width:32px;height:22px;padding-top:3px;background:url(../images/icon/ico_badge.png) no-repeat; background-size:32px 22px; color:#fff;font-size:11px;font-weight:bold;text-align:center;}

.bottom-note-paging {display:-webkit-flex; display:flex; position:fixed; bottom:0; left:0; right:0; z-index:1; height:87px; padding:15px 20px 0 20px; background-color:#fff;}
.bottom-note-paging:before {content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:15px; background-color:#f1f1f1;}
.bottom-note-paging > button {display:block; width:100%; font-size:16px; color:#000; font-weight:normal; line-height:72px;}
.bottom-note-paging > button i {display:inline-block; width:11px; height:18px; background:url(../images/btn/btn_note_arrow.png) no-repeat; background-size:auto 45px;}
.bottom-note-paging > button.off {color:#999;}
.bottom-note-paging .prev {text-align:left;}
.bottom-note-paging .prev i {margin-right:5px; background-position:0 0;}
.bottom-note-paging .prev.off i {background-position:0 -32px;}
.bottom-note-paging .next {text-align:right;}
.bottom-note-paging .next i {margin-left:5px; background-position:-27px 0;}
.bottom-note-paging .next.off i {background-position:-27px -32px;}

/* 제2수송교육연대 > 카페 가입 */
.cont-top-area .top-tit{color: #028086;font-weight: bold;font-size: 18px;letter-spacing: -0.06em;margin-bottom: 9px;}
.cont-top-area .top-sub{background: #dcf1f1;display: inline-block;padding: 2px 4px;letter-spacing: -0.06em;margin-bottom: 24px;color: #000;}
.cont-top-area .top-sub .txt{font-size: 17px;}
.cont-top-area .top-sub .txt:first-child{margin-right: 14px;}
.cont-top-area .top-txt-center{letter-spacing: -0.08em;text-align: center;color: #000;font-size: 16px;padding-bottom: 3px;}
.cont-top-area + .cont-nodata{background: #f5f5f5;padding: 52px 0;text-align: center;border-radius: 26px;letter-spacing: -0.08em;font-weight: 600;margin-top: 18px;font-size: 14px;}
.notice-list.dropbox.no-bd.ty02{border:none;margin-bottom:10px;}
.notice-list.dropbox.no-bd.ty02 > li{background: #f5f5f5;border-radius: 36px;margin-bottom: 10px;border:none;}
.notice-list.dropbox.no-bd.ty02 > li > div{padding: 14px 28px;}
.notice-list.dropbox.no-bd.ty02 > li > div .photo-wrap{width: 46px;height: 46px;margin: 0 15px 0 0;}
.notice-list.dropbox.no-bd.ty02 > li > div .info-wrap .sub{color: #333;letter-spacing: -0.03em;margin-bottom: 7px;}
.notice-list.dropbox.no-bd.ty02 > li > div .info-wrap .tit.ty02{letter-spacing: -0.03em;font-size: 17px;margin-bottom: 0;float:left;}
.notice-list.dropbox.no-bd.ty02 > li > div .info-wrap .tit.join{color:#02aca5;float:right;margin-left: 5px;}
.notice-list.dropbox.no-bd.ty02 > li > div .radio02 input[type=radio] + label{right:13px;top:22.5px;}
.notice-list.dropbox.no-bd.ty02 > li > div .radio02 .linkTo {background-color:#02aca5;font-size: 15px;color: #ffff;padding: 5px 10px;border:1px solid #000;position:absolute;right:30px;top:25px;}
.notice-list.dropbox.no-bd.ty02 + .btn-br-area{text-align: center;}
.notice-list.dropbox.no-bd.ty02 + .btn-br-area a{background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);text-align: center;display: inline-block;color: #fff;padding: 10px 24px;border-radius: 20px;}

/* 병영 tmo이용하기 */
.tmo_list {margin:0 0 -20px 0;}
.tmo_list > span {display:inline-block; width:25%; margin:0 0 20px -5px; text-align:center;vertical-align: top;}
.tmo_list > span > span {display:block;padding-top:10px; color:#028086; font-size:15px;line-height: 1.4;}
.tmo_list > span > i {display:inline-block; width:50px; height:51px; background-image:url(../images/icon/icon_tmo.png); background-size:315px 166px; }
.tmo_list > span > img {display:inline-block; width:59px; height:90px;}
.tmo_list > span > .ico-bn01 {background-position:0 0;}
.tmo_list > span > .ico-bn01-01 {background-image:url(../images/icon/icon_tmo_1.png); background-size:50px 51px;}
.tmo_list > span > .ico-bn02 {background-position:-85px 0;}
.tmo_list > span > .ico-bn03 {background-position:-173px 0;}
.tmo_list > span > .ico-bn04 {background-position:-265px 0;}
.tmo_list > span > .ico-bn05 {background-position:0 -110px;}
.tmo_list > span > .ico-bn06 {background-position:-85px -110px;}
.tmo_list > span > .ico-bn07 {background-position:-173px -110px;}
.tmo_list > span > .ico-bn08 {background-position:-265px -110px;}
.tmo-result-wrap .no-data {position:relative; height:200px; margin-top:30px; z-index:0; background:url(../images/content/no_img.png) no-repeat center 12%; background-size:48px 69px;}
.tmo-result-wrap .no-data p {position:relative; }
.tmo-result-list {}
.tmo-result-list > li {position:relative; }
.tmo-result-list > li .ico-bookmark {position:absolute; top:15px; right:0;}
.ico-bookmark {display:inline-block; width:22px; height:22px; background:url(../images/icon/icon_bookmark.png) no-repeat 0 bottom; background-size:22px 50px;}
.ico-bookmark.on {background-position:0 0;}
.tmo-result-list > a:first-child {margin:0 25px 0 0;}
.tmo-result-list .tit-area {padding:15px 0;}
.tmo-result-list .tit-area .badge {display:inline-block; min-width:43px; margin-right:10px; height:21px; line-height:21px; padding:0 10px; border-radius:2px; color:#fff; text-align:center; font-size:16px;}
.tmo-result-list .tit-area .badge.train {background:#146fce;}
.tmo-result-list .tit-area .badge.flight {background:#ff9c00;}
.tmo-result-list .tit-area .badge.bus {background:#2fa963}
.tmo-result-list .tit-area .badge.marine {background:#8f4d9f;}
.tit-area {margin-bottom:20px; padding:0 0 15px 0; border-bottom:1px solid #ddd; }
.tit-area .tit {display:inline-block; color:#111; font-size:17px; font-weight:bold; }
.tmo-info {overflow:hidden;}
.tmo-info dt {float:left; width:65px; height:21px; line-height:21px; margin-right:10px; margin-bottom:10px; border-radius:2px; background:#f1f1f1; letter-spacing:-1px; text-align:center; color:#999; font-size:16px; vertical-align:top;}
.tmo-info dd {float:left; width:calc(100% - 75px); -webket-width:calc(100% - 75px); min-height:21px; margin-bottom:10px; color:#111; font-size:16px; vertical-align:top; line-height:1.4;}
.tmo-info dd > div {line-height:1.4;}
.tmo-info dd > a {line-height:1.4;}
.tmo-info.ty02 dt {float:left; width:65px; height:21px; line-height:21px; margin-right:10px; margin-bottom:10px; border-radius:2px; background:#f1f1f1; letter-spacing:-1px; text-align:center; color:#999; font-size:16px; vertical-align:top;}
.tmo-info.ty02 dd {float:left; width:calc(100% - 75px); -webket-width:calc(100% - 75px); min-height:21px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; color:#111; font-size:16px; vertical-align:top;}
.tmo-info dd.tmo_list {float:none; width:100%;}
.tmo-info dd.tmo_list:after {content:''; display:block; clear:both; }
.tmo-info dd.tmo_list > span {width:33px; height:33px;margin: 5px 10px 0 0;font-size: 0;float:left;}
.tmo-info dd.tmo_list > span:last-child {margin: 5px 0 0 0}
.tmo-info dd.tmo_list > span > i {width:33px; height:33px; background-image:url(../images/icon/icon_tmo.png); background-size:202px 106px;}
.tmo-info dd.tmo_list > span > img {width:33px; height:33px;}
.tmo-info dd.tmo_list > span > .ico-bn01 {background-position:0 0;}
.tmo-info dd.tmo_list > span > .ico-bn01-01 {background-image:url(../images/icon/icon_tmo_1.png); background-size:33px 33px;}
.tmo-info dd.tmo_list > span > .ico-bn02 {background-position:-54px 0;}
.tmo-info dd.tmo_list > span > .ico-bn03 {background-position:-110px 0;}
.tmo-info dd.tmo_list > span > .ico-bn04 {background-position:-169px 0;}
.tmo-info dd.tmo_list > span > .ico-bn05 {background-position:0 -176px;}
.tmo-info dd.tmo_list > span > .ico-bn06 {background-position:-54px -176px;}
.tmo-info dd.tmo_list > span > .ico-bn07 {background-position:-110px -176px;}
.tmo-info dd.tmo_list > span > .ico-bn08 {background-position:-169px -176px;}
.tmo-banner-area {margin:20px 20px 40px 20px;}
.tmo-banner-area > img {width:100%; }
.navigation-wrap + .tit-color .arrow {padding:0 0 5px 0; font-size:15px !important; text-decoration:underline;}
.main-tit-ma ~ .navigation-wrap{padding-left: 3px;}
.navigation-wrap {margin:26px 0 0 0;}
.navigation-wrap .list-con-ty01 {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #ddd; }
.navigation-wrap .tit-address {margin-bottom:30px; color:#000; font-size:17px; line-height:1.4;}
.navigation-wrap .tit-lavel10{margin-bottom:15px;}
.navigation-wrap .h-tit{margin-bottom: 3px;color: #028086;font-size: 17.5px;font-weight:500;letter-spacing: -1px;background: #028086;color: #fff;display: inline-block;padding: 6px 8px;border-radius: 3px;font-size: 14px;}
.navigation-wrap .s-tit{font-size: 15px;line-height: 1.4;padding-left: 3px;color:#444;letter-spacing: -1px;color: #495057;}

/* 출타관리 */
.group-box.goout-box-search {padding:15px 20px 30px 20px;}
.group-box.goout-box-search .form {margin-bottom:15px;}
.group-box.goout-box-search .form:last-child {margin-bottom:0;}
.unit-date {overflow:hidden; }
.unit-date > div{float:left; position:relative;}
.unit-date > div input[type="date"]{padding:5px 25px 5px 10px;}
.unit-date > div input[type="date"]::before{}
.unit-date > div input[type="text"]{padding:5px 25px 5px 10px;}
.unit-date > div input[type="text"]::before{}
.unit-date > div:first-child {width:44%; }
.unit-date > div:last-child {width:56%; }
.unit-date > div:last-child input[type="date"],
.unit-date > div:last-child input[type="text"] {padding:5px 25px 5px 45px; }
.unit-date > div:last-child:after {content:'~';position:absolute; top:5px; left:15px; font-size:20px; color:#666;}

/* 191115 추가 */
.unit-date.goout-date input[type="date"]{font-size:14px !important;}
.unit-date.goout-date input[type="date"]::before{font-size:14px !important;}
/* //191115 추가 */

.cal-date {}
.group-box.goout-box-first {padding:20px;}
.group-box.goout-box-first:after {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:100%; border-bottom:1px solid #ddd; background:#fff;}
.group-box.goout-box {padding:20px 20px 30px 20px; }
.group-box.goout-box:after {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:100%; height:10px; border-top:1px solid #ddd; background:#f8f8f8;}
.goout-box .tit-box {position:relative;margin-bottom:10px;}
.goout-box .tit-box:after {position:absolute;top:50%;right:0;content:''; width:8px; height:14px;margin-top:-7px;background:url(../images/btn/btn_arrow.png) no-repeat right center;background-size:8px 14px;}
.goout-box .tit-box > span,
.goout-box .tit-box > strong {display:inline-block; font-size:18px; color:#000; vertical-align:top;}
.goout-box .tit-box .badge {color:#028086; font-size:18px;}
.goout-box .date-info {margin-bottom:10px;}
.goout-box .date-info > span {padding-right:3px; color:#666; font-size:15px;}
.goout-box .date-info .ico-date {display:inline-block; width:15px; height:15px; margin:2px 5px 0 0; border-radius:50%; background:url(../images/icon/icon_date_info.gif) no-repeat 0 0; background-size:15px 15px; vertical-align:top;}
.goout-box .date-list {}
.goout-box .date-list > li {line-height:1.5;}
.goout-box .date-list > li > span {display:inline-block; color:#000; font-size:15px;}
.goout-box .date-list > li > .tit {position:relative; width:60px; margin-right:3px; padding-right:7px; }
.goout-box .date-list > li > .tit:after {content:''; position:absolute; top:2px; right:0; width:1px; height:12px; background:#ccc;}
.goout-box .date-list > li > .date {width:calc(100% - 77px); -webket-width:calc(100% - 77px);}

.goout-box > a + .btn-goout-wrap {margin-top:15px;}
.btn-goout-wrap {overflow:hidden; }
.btn-goout-wrap .btn-left {float:left;}
.btn-goout-wrap .btn-right {float:right;}
.btn-goout-wrap a {}
.btn-line-gray {display:inline-block !important; min-width:40px; height:30px; padding:0 10px; border-radius:3px; line-height:30px; text-align:center; font-size:16px;color:#666; border:1px solid #ccc; background:#f4f4f4;}
.btn-line-red {display:inline-block !important; min-width:40px; height:30px; padding:0 10px; border-radius:3px; line-height:30px; text-align:center; font-size:16px;color:#e32a3c; border:1px solid #e32a3c; background:#fff;}

.btn-goout-wrap .btn-green {display:inline-block !important; min-width:40px; height:30px; padding:0 10px; border-radius:3px; line-height:30px; text-align:center; font-size:16px;color:#fff; border:1px solid #028086; background:#028086;}
.btn-goout-wrap .btn-submit {display:inline-block !important; min-width:40px; height:30px; padding:0 10px; border-radius:3px; line-height:30px; text-align:center; font-size:16px;min-width:60px; color:#000; border:1px solid #f4f4f4; background:#f4f4f4;}

.form-inline {width:100%;display:table;}
.form-inline .tit {width:65px;display:table-cell;color: #222;font-size: 16px;font-weight: bold;}
.form-inline .form-inline-rht {display:table-cell;text-align: right;}

.mt30 {margin-top: 30px !important;}


/* 홈 - 보고싶은 군인 등록 */
.button-wrap {padding:15px 20px;}
.no-select {position:relative; border:1px solid #ccc; margin-bottom:10px;}

.recommend-list {overflow:hidden; padding:25px 15px; border:1px solid #c6c6c6; border-radius:5px;}
.recommend-list > li {float:left; width:24%; text-align:center;}
.recommend-list > li:last-child {width:27%;}
.recommend-list i + div {margin-top:6px; font-size:15px; color:#000;}
.recommend-list i {display:inline-block; width:30px; height:30px; background:url(../images/icon/ico_recommend_contents.png) no-repeat 0 0; background-size:276px 26px;}
.recommend-list i.ico-recommend01 {background-position:3px 0;}
.recommend-list i.ico-recommend02 {background-position:-81px 0;}
.recommend-list i.ico-recommend03 {background-position:-165px 0}
.recommend-list i.ico-recommend04 {background-position:-249px 0;}

.tmo-info.ty03 dt {width:80px; padding:0 3px; text-align:left; font-size: 14px;}
.tmo-info.ty03 dd {width:calc(100% - 97px); -webket-width:calc(100% - 97px); }

/* 지도영역 옵션 */
.map_marker {}
.nclicksr {}
.zoom-wrap {}
.zoom-wrap .zoomin {}
.zoom-wrap .zoomout {}


/* 홈 - 보고싶은 군인 배경 화면*/
.homebg-list:after {content:''; display:block; clear:both;}
.homebg-list li {display:inline-block; float:left; width:30%; margin-left:5%; margin-bottom:20px;}
.homebg-list li:nth-child(3n+1) {margin-left:0;}
.homebg-list .radio02 input[type=radio] + label {width:100%; height:165px; border-radius:8px; padding:0 0 35px 0; text-align:center;}
.homebg-list .radio02 input[type=radio] + label img {width:100%; height:130px; border-radius:8px; object-fit:cover;}
.homebg-list .radio02 input[type=radio] + label:before {top:auto; bottom:0; left:50%; margin-left:-13px; margin-top:0;}
.homebg-list .default-bg {height:130px; background-color:#00ffff; border-radius:8px;}
.homebg-list + .form {margin-top:20px;}
.filebox .file-find {width:23px; height:21px; position:absolute; top:5px; right:10px; background:url(../images/icon/icon_file.png) no-repeat right bottom ; background-size:23px 21px;}
.filebox .file-find em {font-size:0; line-height:0; color:transparent;}
.allim-ty01 .group-box {padding-top:57px;}
/*캠프만들기*/
.camp_make {margin-top:15px;font-size:0;}
.camp_make > a {display:inline-block;width:30%;height:88px;margin-right:5%;margin-top:15px;border:1px solid #ccc;box-sizing: border-box;border-radius:5px; color:#222;font-size:15px;font-weight:bold;text-align:center;}
.camp_make > a > i {display:block;width:38px;height:38px;margin:10px auto 8px;background:url(../images/icon/ico_camp_make03.png) no-repeat right bottom ; background-size:267px 235px;}
.camp_make > a:nth-child(3n+3) {margin-right:0;}
.camp_make > a:nth-child(1) > i {background-position:0 10px;}
.camp_make > a:nth-child(2) > i {background-position:-116px 10px;}
.camp_make > a:nth-child(3) > i {background-position:-234px 10px;}
.camp_make > a:nth-child(4) > i {background-position:0 -95px;}
.camp_make > a:nth-child(5) > i {background-position:-116px -95px;}
.camp_make > a:nth-child(6) > i {background-position:-234px -95px;}
.camp_make > a:nth-child(7) > i {background-position:0 -198px;}
.camp_make > a:nth-child(8) > i {background-position:-116px -198px;}
.camp_make > a:nth-child(9) > i {background-position:-234px -198px;}

/* 보고싶은 군인 상세보기 */
.ms-detail-top{padding:0 0 40px !important;}
.ms-detail-top .dia-wrap{position: relative;height: 190px;background: url(../images/bg/bg_missed_detail.png) 0 0/cover no-repeat;}
.ms-detail-top .dia-wrap .d-day-wrap{padding-top:25px;text-align:center;}
.ms-detail-top .dia-wrap .d-day-wrap .tit{font-size:18px;color: #fff;}
.ms-detail-top .dia-wrap .d-day-wrap .tit .count-wrap{display:inline-block;padding:2px 4px;vertical-align:text-top;}
.ms-detail-top .dia-wrap .d-day-wrap .tit .count-wrap span{font-size:17px;font-weight:bold;color: #fff;}

.ms-detail-top .dia-wrap .diagram{position: absolute;top: 5px;left: 50%;width: 255px;height: 128px;margin-left: -128px;}
.mac_os .ms-detail-top .dia-wrap .diagram{top:9px}
.lm_os .ms-detail-top .dia-wrap .diagram{top:13px}
.ms-detail-top .dia-wrap .diagram .guage_num{position: absolute;z-index:5;opacity:0;font-size: 15px;font-weight: 700;color: #fff;text-shadow: 0px -2px 2px #006a9c, 2px 0px 2px #006a9c, 0px 2px 2px #006a9c, -2px 0px 2px #006a9c;-webkit-transition:opacity .3s .4s;transition:opacity .3s .4s}
.ms-detail-top .dia-wrap .diagram .guage_num.on{opacity:1}

/* 20200106 수정 */
.ms-detail-top .dia-wrap .diagram.g10 .guage_num{left: 18px;bottom: -46px;}
.ms-detail-top .dia-wrap .diagram.g20 .guage_num{left: 22px;bottom: -31px;}
.ms-detail-top .dia-wrap .diagram.g30 .guage_num{left: 28px;bottom: -20px;}
.ms-detail-top .dia-wrap .diagram.g40 .guage_num{left: 58px;bottom: 20px;}
.ms-detail-top .dia-wrap .diagram.g50 .guage_num{left: 90px;bottom: 32px;}
.ms-detail-top .dia-wrap .diagram.g60 .guage_num{left: 122px;bottom: 32px;}
.ms-detail-top .dia-wrap .diagram.g70 .guage_num{left: 153px;bottom: 28px;}
.ms-detail-top .dia-wrap .diagram.g80 .guage_num{left: 182px;bottom: 10px;}
.ms-detail-top .dia-wrap .diagram.g90 .guage_num{left: 200px;bottom: -12px;}
.ms-detail-top .dia-wrap .diagram.g100 .guage_num{left: 205px;bottom: -46px;}
.bb-chart-arcs .bb-chart-arcs-background{fill: #fff;stroke: none;}
.bb-gauge-value,
.bb-legend-item-data,
.bb-chart-arcs-gauge-min,
.bb-chart-arcs-gauge-max{display:none}
.bb-shape.bb-shape.bb-arc-data{fill:#02aca5 !important}
/* .ms-detail-top .dia-wrap .diagram.g10{background: url(../images/content/gauge_10.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g20{background: url(../images/content/gauge_20.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g30{background: url(../images/content/gauge_30.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g40{background: url(../images/content/gauge_40.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g50{background: url(../images/content/gauge_50.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g60{background: url(../images/content/gauge_60.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g70{background: url(../images/content/gauge_70.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g80{background: url(../images/content/gauge_80.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g90{background: url(../images/content/gauge_90.png) 0 0/255px 128px no-repeat;}
.ms-detail-top .dia-wrap .diagram.g100{background: url(../images/content/gauge_100.png) 0 0/255px 128px no-repeat;} */

.ms-detail-top .profile-wrap{position: relative;}
/* 20200106 수정 */
.ms-detail-top .profile-wrap .photo-wrap{overflow:hidden;position:absolute;top:-60px;left:50%;width:100px;height:100px;margin-left:-50px;border-radius:125px;}
.ms-detail-top .profile-wrap .txt-wrap{padding-top: 80px;text-align: center;}
.ms-detail-top .profile-wrap .txt-wrap span{font-weight: bold;color: #222;}

.ms-detail-top .profile-wrap .txt-wrap .nick-name .flag{padding:1px 8px 2px; border-radius:20px; font-size:14px; font-weight: 700; color:#fff;}
.ms-detail-top .profile-wrap .txt-wrap .nick-name .flag.army{background-color:#348052;}
.ms-detail-top .profile-wrap .txt-wrap .nick-name .flag.navy{background-color:#005bac;}
.ms-detail-top .profile-wrap .txt-wrap .nick-name .flag.air{background-color:#008bd4;}
.ms-detail-top .profile-wrap .txt-wrap .nick-name .flag.marine{background-color:#d41623;}

/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor{display: inline-block;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor:after{content: '';display: inline-block;width: 14px;height: 14px;margin: 0 0 4px 5px;background: url(../images/icon/class_sor.png) no-repeat;background-size: 14px 70px;vertical-align: text-bottom;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor.c0:after{background-position: 0 0;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor.c1:after{background-position: 0 -14px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor.c2:after{background-position: 0 -28px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor.c3:after{background-position: 0 -42px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .sor.c4:after{background-position: 0 -56px;}*/

/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .non{display: inline-block;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .non:after{content: '';display: inline-block;width: 14px;height: 19px;margin: 0 0 2px 5px;background: url(../images/icon/class_non.png) no-repeat;background-size: 14px 77px;vertical-align: text-bottom;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .non.c1:after{background-position: 0 0;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .non.c2:after{background-position: 0 -19px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .non.c3:after{background-position: 0 -38px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .non.c4:after{background-position: 0 -57px;}*/

/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc01{display: inline-block;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc01:after{content: '';display: inline-block;width:20px;height: 14px;margin: 0 0 2px 5px;background: url(../images/icon/class_ofc01.png) no-repeat;background-size: 20px 54px;vertical-align: middle;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc01.c1:after{margin: 0 0 2px 0;background-position: 0 0;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc01.c2:after{margin: 0 0 1px 0;background-position: 0 -14px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc01.c3:after{margin: 0 0 1px 0;background-position: 0 -28px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc01.c4:after{margin: 1px 0 0 5px;background-position: 0 -42px;}*/

/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc02{display: inline-block;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc02:after{content: '';display: inline-block;width:35px;height: 16px;margin: 0 0 0 5px;background: url(../images/icon/class_ofc02.png) no-repeat;background-size: 35px 50px;vertical-align: middle;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc02.c1:after{margin: 0 0 0 0;background-position: 0 0;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc02.c2:after{margin: 0 0 1px 0;background-position: 0 -18px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc02.c3:after{margin: 0 0 0 5px;background-position: 0 -36px;}*/

/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc03{display: inline-block;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc03:after{content: '';display: inline-block;width:43px;height: 15px;margin: 0 0 0 5px;background: url(../images/icon/class_ofc03.png) no-repeat;background-size: 43px 58px;vertical-align: middle;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc03.c1:after{margin: 0 0 2px 0;background-position: 0 0;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc03.c2:after{margin: 0 0 2px 0;background-position: 0 -15px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc03.c3:after{margin: 0 0 2px 0;background-position: 0 -29px;}*/
/*.ms-detail-top .profile-wrap .txt-wrap .nick-name .ofc03.c4:after{margin: 0 0 1px 5px;background-position: 0 -45px;}*/

.ms-detail-top .profile-wrap .txt-wrap .info-wrap span{font-size: 14px; font-weight:normal; color: #222}
.ms-detail-top .profile-wrap .txt-wrap .info-wrap span:after{content: "";display: inline-block;width:1px;height:11px;margin:0 7px;background-color:#999;}
.ms-detail-top .profile-wrap .txt-wrap span:last-child:after{display: none;}

.ms-detail-top .range-wrap{position:relative;height:15px;margin:80px 25px 0;background-color:#e1e1e1;border-radius: 15px;}
.ms-detail-top .range-wrap .range{position:absolute;width:100%;height: 15px;background: url(../images/content/range.png);border-radius: 15px}
.ms-detail-top .range-wrap .current{position:absolute;top:50%;margin:-6px 0 0 -28px;z-index:1;font-size: 12px;font-weight:bold;color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.ms-detail-top .range-wrap .current:before{content:'';display:block;position:absolute;top:-50px;left:0;width:38px;height:43px;background:url(../images/content/working.gif) 0 0/38px 43px no-repeat;}
.ms-detail-top .range-wrap .txt-wrap{position:absolute;width:100%;top: 22px;}
.ms-detail-top .range-wrap .txt-wrap:after{content:"";display:block;clear:both;}
.ms-detail-top .range-wrap .txt-wrap .txt{float:left;width:20%;font-size:12px;color:#222;}
.ms-detail-top .range-wrap .txt-wrap .txt.active{font-weight:bold;color:#028086;}
.ms-detail-top .range-wrap .txt-wrap .txt:nth-child(3){text-align:center;}
.ms-detail-top .range-wrap .txt-wrap .txt:nth-child(3)~.txt{text-align:right;}
.ms-detail-top .range-wrap .txt-wrap .txt span{font-size:14px;color:#222;vertical-align:text-top;}
.ms-detail-top .range-wrap .txt-wrap .d-day{float:right;padding-top:8px;font-size:12px;color:#999;vertical-align:middle;}
.ms-detail-top .range-wrap .txt-wrap .d-day span{display:inline-block;padding-bottom:2px;font-size:12px;color:#999;}
.ms-detail-top .btn-wrap{padding:65px 20px 0;text-align:center;}
.ms-detail-top .btn-wrap:after{content:"";display:block;clear:both;}
.ms-detail-top .btn-wrap li{float:left;width: 33.3%;box-sizing: border-box;}
.ms-detail-top .btn-wrap li .btn-line-w{display: block;height: auto;margin:5px;padding:0;border:1px solid #028086;font-size:13px;color:#028086;letter-spacing:-1px;line-height: 24px;}

/* 보고싶은 군인 홈 노출 정보 수정 */
.home-edit .profile-wrap.ty03{padding: 30px 20px 40px 20px;}
.home-edit .profile-wrap.ty03 .form-radio{padding: 0;}
.home-edit .profile-wrap.ty03 .form-radio .photo-tit{margin: 0 0 10px;font-size:13px;letter-spacing: -1px;min-height: unset;}
.home-edit .profile-wrap.ty03 .photo-wrap.ty01{width: 80px;height: 80px;margin: 10px auto;}
.home-edit .profile-wrap.ty03 .photo-wrap.ty01 a{width: 80px;height: 80px;}


/* 메인 : 보고싶은 군인카드(1depth) > 오늘의 식단(2depth) */
.tdaysMeal-wrapper {font-family: "Noto Sans KR";}

.cmp_default_header { width:100%; height:50px; padding:0 15px; display:flex; justify-content: space-between; align-items:center; box-shadow: 0px -5px 18px 2px #9a9a9a; position: fixed; top:0; background-color: #fff; z-index:20;}
.cmp_default_header > h1 {height:100%; display:inline-block; line-height:50px; color: #464646;font-weight: 500;font-size: 17px; font-family: "Noto Sans KR";}
.cmp_default_header .header-area {width:50px; height:50px;}
.cmp_default_header .r_back_btn {width: 50px;height: 50px; background: url(../images/btn/icon_arrow_back.svg) no-repeat left center; background-size: 28px;}
.cmp_default_header .r_back_btn > a {display:inline-block; width:100%; height:100%;}

.tdaysMeal-container { position: absolute!important; width:100%; margin-top:50px!important; margin-bottom:0!important; height: auto;}
.tdaysMeal-container .pick-date {height:auto; background-color: #f5f5f5; padding:1em 20px; margin-bottom:0;}
.tdaysMeal-container .pick-date > input { padding: 0 20px 0 0;color: initial;border: none;width: 150px; background-color: transparent; background: url(../images/icon/r-icon-calender.png) no-repeat right center; letter-spacing: -1px;font-size: 14px;font-weight: 500;height: 20px; color:#4dc8dc; font-family: "Noto Sans KR"; background-size: 16px; line-height: 20px;}

.pick-soldier {margin:20px;color:#999;margin: 15px 20px 15px 20px!important;background: url(../images/btn/inputbox_btn.png) no-repeat right 0;}
.pick-soldier > select {background: none; border-bottom:0;font-size:14px; padding:0;text-indent: 10px; font-family: "Noto Sans KR";color:#9999; border:2px solid #4dc8dc; border-radius: 15px; height:30px;}
.pick-soldier select:focus {border:2px solid #4dc8dc!important; border-radius: 15px; height:30px;}

.tdaysMeal-container .menu-content-wrapper {position: relative;width: 100%;height: auto;}
.tdaysMeal-container .menu-content-wrapper > ul {position: relative; left:0; top:0; width:100%; height:100%;}
.tdaysMeal-container .menu-content-wrapper > ul > .info {width: calc(100% - 40px);margin: 15px auto 15px auto;}
.tdaysMeal-container .menu-content-wrapper > ul > .info > li {font-size:12px;letter-spacing: -1px;color:#999999;line-height: 1.5;}

.tdaysMeal-container .menu-content-wrapper > ul > li {width:100%;height:100%;position: static;}

.tdaysMeal-container .menu-content-wrapper .morning > p > a {position: absolute;left:0;z-index:10;width:30%;font-size: 15px;font-weight: 500;font-family: "Noto Sans KR";}
.tdaysMeal-container .menu-content-wrapper .lunch > p > a {position: absolute;left:50%;transform:translateX(-50%);z-index:10;width:30%;font-size: 15px;font-weight: 500;font-family: "Noto Sans KR";}
.tdaysMeal-container .menu-content-wrapper .dinner > p > a {position: absolute; right: 0px; z-index:1; width:30%; font-size: 15px; font-weight: 500; font-family: "Noto Sans KR";}

.tdaysMeal-container .menu-content-wrapper > ul > li > p {margin: 0 auto 0 auto;width: calc(100% - 40px);position: absolute;height: 30px;left: 20px;top: 10px;}

.tdaysMeal-container .menu-content-wrapper .btn-green {color:#fff; background-color: #d5d5d5; border-radius: 15px;}
.tdaysMeal-container .menu-content-wrapper .btn-green.on {color:#fff;z-index: 10;background-color: #4dc8dc;}

.tdaysMeal-container .menu-content-wrapper .menu-content {padding:0 20px 30px;border-top: 50px solid #f5f5f5;border-bottom: 1px solid #D9D9D9;position: relative;min-height: auto;}
.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list {padding:25px 0px 0px 0;}

.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list .menu-tit {font-size:24px; color:#333333; margin-bottom:15px;}

.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list .kcal-sum > strong {display:inline-block;color:#4dc8dc!important;font-size: 16px;letter-spacing: -1px;font-weight:900;font-family: "Noto Sans KR";}
.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list .kcal-sum > strong > span {display:inline-block;vertical-align: bottom;color:#4dc8dc!important;font-size: 16px;font-family: "Noto Sans KR";font-weight:bold;letter-spacing: -1px;}
.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list .mb15 {display: flex;flex-flow: wrap;justify-content: space-between;}

.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list .kcal-sum {text-align: center;}

.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list .mb15 > li {line-height: 1.5;font-size: 16px;color: #464646;font-family: "Noto Sans KR";letter-spacing: -1px;font-weight: 500;width: 100%;text-align: center;}
.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list.no-menu {height:150px;text-align: center;}
.tdaysMeal-container .menu-content-wrapper .menu-content .menu-list.no-menu  > p {line-height: 100px;height:100%;font-size: 17px;font-weight: 500;color: #464646;font-family: "Noto Sans KR";}

/* 간식선물배너 & 댓글 영역 */
.tdaysMeal-container .menu-content-fixed  .menu_gift { background-color: #028086}
.tdaysMeal-container .menu-content-fixed  .menu_gift > a {display:block; width:100%; height:100%; position: relative; z-index:1;}
.tdaysMeal-container .menu-content-fixed .menu_gift > a > img {width:100%; display:block;}

.tdaysMeal-container .menu-content-fixed .click-icon-wrapper {display:flex;justify-content: center;align-items: center;padding: 15px 20px 30px;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a {width: calc(50% - 10px); height:40px; display:flex; justify-content: space-evenly; align-items: center; padding:10px; border-radius: 20px; z-index:1; background-color: #4dc8dc;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a:first-child { margin-right:10px; background-color: #d5d5d5; }
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a:last-child {margin-left:10px;}

.tdaysMeal-container .menu-content-fixed .click-icon-wrapper  .comment.on {border:3px solid #333;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper  .like.on {background-color: #4dc8dc;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a > p {display: flex;flex-direction: row;width: 70%; height:40px; text-align: center;justify-content: center; align-items: center; }

.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a > p > span {color: #fff!important;font-size: 15px!important;font-family: 'Noto Sans KR';font-weight: 500; line-height: 40px;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a > p > .data {font-size: 14px!important; font-weight: bold;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a > p > .data::before {content:'('; }
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper > a > p > .data::after {content:')'; }

.tdaysMeal-container .menu-content-fixed .click-icon-wrapper .like-icon { background: url(/images/icon/like_btn_off.png) no-repeat center center; background-size: 20px; width:30%; height:40px; position: relative; z-index:10;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper .like-icon.on {background: url(/images/icon/like_btn_on.png) no-repeat center center;background-size: 20px;width: 30%;height: 40px;}
.tdaysMeal-container .menu-content-fixed .click-icon-wrapper .comment-icon {background: url(/images/icon/comment_btn.png) no-repeat center center;background-size: 25px;width: 40%;height: 40px;}
/* 간식선물배너 & 댓글 영역 */

.tdaysMeal-container .menu-content-wrapper .divMenu {display:none; position: relative; z-index:1; width:100%; min-height:auto;}
.tdaysMeal-container .menu-content-wrapper .divMenu.on {display:block;}

.tdaysMeal-container .pick-date > input[type="text"]:focus {border-bottom: transparent!important; font-family: "Noto Sans KR";}



	/* 회사소개 */
.btn-company-info {margin-top:50px;}
.btn-company-info .btn-line-gray.big {margin-bottom:15px; }
.btn-company-info .btn-line-gray.big:last-child {margin-bottom:0;}
.company-area > img{width:100%;display:block;}
.company-area .btn-company-area{padding:25px 0 60px;}
.company-area .btn-company-area a{min-width:250px !important;}
.company-cont {padding:0 40px;}
.company-cont > .company-tit {padding-top:5px;font-size:26px;letter-spacing:-1px;line-height: 1.4;}
.company-cont > .company-txt {padding:25px 0;font-size:15px;line-height: 1.4;}

/* .company03 {width:1900px; min-height:502px; margin:0 auto; padding-top:20px; padding-left:840px; background:url(../images/content/img_biz03.jpg) no-repeat left 0;}
.company03 > div {overflow:hidden; width:700px;} */
.tab-company {padding:5px 0;}
.tab-company > a {display:inline-block; padding:5px 3px; color:#ccc; font-size:27px; font-weight:bold;letter-spacing:-1px; }
.tab-company > a.active {color:#000; }
.tab-cont-company {position:relative; }
.wrap-tab-cont {position:relative; margin:25px 0 50px;}
.wrap-tab-cont:before {content:''; display:block; position:absolute; top:3px; left:7px; bottom:30px; width:1px; background:#dcdcdc;}
.tab-cont-company li {overflow:hidden; padding-bottom:25px; }
.tab-cont-company .month {position:relative; float:left; width:67px; padding-left:25px; font-size:15px; color:#02aba3;}
.tab-cont-company .month:after {content:''; display:block; position:absolute; top:3px; left:4px; width:7px; height:7px; border-radius:50%; background:#02aba3;}
.tab-cont-company .txt { float:left; width:calc(100% - 70px); -webket-width:calc(100% - 70px);color:#000; font-size:15px;letter-spacing: -1px;}
.tab-cont-company .txt > div {padding-bottom:5px;font-size:15px;}
.tab-cont-company li.gy .month {color:#666;}
.tab-cont-company li.gy .month:after {background:#666;}
.wrap-tab-cont.next .month {width:100%; font-size:28px; line-height:1.4;letter-spacing: -1px;}
.wrap-tab-cont.next:before {display:none;}
.next  .tab-cont-company .month:after {top:13px;}
.awards-area {padding:25px 20px 0;background-color:#f5f5f5;}
.awards-tit {font-size:18px;}
.awards-list{padding-bottom:25px;}
.awards-list > li{min-height: 103px;margin-top:15px;padding:15px;background-color:#fff;box-sizing: border-box;}
.awards-list > li .tit {color:#02aba3;font-size:15px;line-height: 1.4;}
.awards-list > li .txt {font-size:15px;line-height: 1.4;}
.awards-list > li .tit +.txt {margin-top:10px;}

/* 혜택존 e러닝 */
.swiper-container.main-visual-wrap.cafe-swiper.visual01{padding-top:60px;}
.education-wrap {position:relative; margin-top:20px;}
.education-wrap img {width:100%; height:100%;}
.education-wrap .edu_02_wrap {padding:15px 13px 43px;}
.education-wrap .edu_02_wrap.ty02 {padding:0px 13px 25px;}
.education-wrap .edu_02_wrap.ty03 {padding:0px 13px 50px;}
.education-wrap .edu_02_wrap .inner {margin:7px}
.education-wrap .edu_02_wrap .education_cont_02_body {width:100%;padding-top:23px;}
.education-wrap .edu_02_wrap .education_cont_02_body:after {content:"";display:block;clear:both;}
.education-wrap .edu_02_wrap .education_cont_02_body .img_box {float:left;width:50%;}

.education-wrap .edu_02_wrap .inner .txt{border-top:1px solid #e6e6e6;padding:18px 14px;font-size:13px;font-weight: 400;line-height:22px;font-family: 'Noto Sans KR','맑은 고딕';}
/*.education-wrap .edu_02_wrap .inner .txt{border: 1px solid #e6e6e6;padding:18px 14px;font-size:13px;font-weight: 400;line-height:22px;font-family: 'Noto Sans KR','맑은 고딕';}*/
.education-wrap .edu_02_wrap .inner .txt.temp{padding:29px;text-align: center;color: #d6d6d6;font-size:13px;}

.education-wrap .education_cont_02_body .img_box .inner{position:relative;border:1px solid #e6e6e6;}
.education-wrap .education_cont_02_body .img_box .inner .badge{position:absolute;color:#fff;font-size:10px;padding:6px 9px;top: 0;right: 0;display: inline-block;font-weight:300;letter-spacing: .01em;}
.education-wrap .education_cont_02_body .img_box .inner .badge.ty01{background: #0054a5;}
.education-wrap .education_cont_02_body .img_box .inner .badge.ty02{background: #138cb9;}
.education-wrap .education_cont_02_body .img_box .inner .badge.ty03{background: #666;}
.education-wrap .education_cont_02_body .img_box .inner .badge.blue{background: #2262e0;}
.education-wrap .education_cont_02_body .img_box .inner .badge.red{background: #df2238;}
.education-wrap .education_cont_02_body .img_box .inner .badge.gray{background: #5b5b5b;}
.container-wrap.ty02 .btn-page-top-right .btn-order-history{display: flex;justify-content: flex-end;align-items: center;height: 55px;}
.container-wrap.ty02 .btn-page-top-right .btn-order-history img{width: 80px;height: 27.5px;margin-right: 17px;}
.banner-camp-wrap.ty02{padding:0 !important;}
.banner-camp-wrap.ty02 > img{width:100%;height:auto;}

.edu_02_wrap.ty02 .select-wrap{display: flex;justify-content: flex-end;padding-top: 18px;}
.edu_02_wrap.ty02 .select-wrap .select-ty02.right-item{margin-right:7px;}
.education_cont_02_body.ty02{padding-top:8px !important;}
.education_cont_02_body.ty03{letter-spacing: -1px;}
.education_cont_02_body.ty03 .img_box > div{display: flex;flex-direction: column;margin:7px;border: 1px solid #e6e6e6;}
.education_cont_02_body.ty03 .img_box.recommend > div{max-height: 41vh;}
.education_cont_02_body.ty03 .inner {margin: 0px !important;border:none !important;}
.education_cont_02_body.ty03 .inner img{object-fit:fill;max-height:21vh;min-height:21vh;}
.education_cont_02_body.ty03 .txt{padding: 18px 10px;font-size: 13.5px;font-weight: bold;line-height: 22px;border-top: 1px solid #e6e6e6;}
.education_cont_02_body.ty03 .txt.partner{min-height:12vh;max-height:12vh;line-height: 1.4;font-weight: 600;font-size: 14px;color: #222;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;letter-spacing: .01em;padding: 18px 6px;}

.education_cont_02_body.ty03 .txt.pro{min-height:15vh;display: flex;flex-direction: column;justify-content: space-between;}
.education_cont_02_body.ty03 .txt.pro > p{line-height: 1.4;font-weight: 600;font-size: 16px;color: #222;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;letter-spacing: .01em;}

/* 08-05 수정중 */
/* 혜택존 자기계발 브랜드관 - 01 시원스쿨 ( Open deal & Closed deal ) */
.wrap.edu_brand header h1{font-size:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0 50px;}
.education-wrap .edu_02_wrap.ty02 .inner.brand{padding-top:26px;}
.img_box.closed img{opacity:0.5;}
.img_box .txt .inner_txt{font-size:16px;padding-top:33px;}
/*.img_box .txt .inner_txt strong{display: flex;}*/
.img_box .txt .inner_txt strong{display: flex;font-size:16px;letter-spacing: .01em;align-items: baseline;}

/*.img_box .txt del{color: #666;font-size: 13px;padding: 14px 0 5px 0;display: block;}*/
.img_box .txt del{color: #7e7e7e;font-size: 14px;font-weight:400;padding: 14px 0 5px 0;display: block;line-height: 19px;letter-spacing:.01em; }
.img_box .txt .inner_txt.discount{padding-top:0px;font-size:13px;display: flex;justify-content: space-between;align-items: baseline;}


/*.img_box .txt .inner_txt.discount .percentage{color:#f65d28;}*/
.img_box .txt .inner_txt.discount .percentage{color:#f65d28;font-size:16px;}
.img_box .txt .inner_txt.discount .closed{color:#f65d28;font-size:12px;}
/*.img_box .txt .inner_txt strong span{vertical-align: top;font-size:13px;}*/
.img_box .txt .inner_txt strong span{vertical-align: baseline;font-size:14px;}
.img_box.closed .txt .inner_txt strong, .img_box.closed .txt .inner_txt strong span{color:#777;}
.align-base{display: flex;align-items: baseline;}
.align-base .d_price{margin-right:14px;font-size: 14px !important;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .price.ty02 .percentage{margin-left:0;}
/* 혜택존 자기계발 브랜드 상품 상세 - 일반 */
.edu_brand.wrap .container-wrap.ty02 .detail.info-area{color: #000;font-weight: bold;margin: 20px 20px;}

.edu_brand.wrap .container-wrap.ty02 .detail.info-area.ty02{border-bottom: 1px solid #eee;padding-bottom: 25px;margin-bottom: 0;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area p:nth-child(1){font-size: 14px;line-height: 2.1;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area p:nth-child(2){font-size: 18px;line-height: 1.5;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area p:nth-child(3){line-height: 2;font-size: 14px;color: #777;font-weight: normal;}

.edu_brand.wrap .container-wrap.ty02 .detail.info-area p.p-name{font-size: 18px;line-height: 1.5;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area p.p-desc{line-height: 2;font-size: 14px;color: #777;font-weight: normal;}
#pr-qty{width: 198px;height: 35px;font-size: 13px;text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.pr-select .minus-wrap,.pr-select .plus-wrap {width: 36px;height: 35px;display: flex;justify-content: center;align-items: center;position: absolute;cursor: pointer;}
.pr-select .minus-wrap{border-right:1px solid #d7d7d7;}
.pr-select .minus-wrap:before{content: '';height: 1px;background: #d7d7d7;width: 12px;}
.pr-select .plus-wrap{right: 0;border-left: 1px solid #d7d7d7;}
.pr-select .plus-wrap:before{content: '';height: 1px;background: #d7d7d7;width: 12px;}
.pr-select .plus-wrap:after{content: '';width: 1px;background: #d7d7d7;height: 12px;transform: translateX(-6px);}
.pr-select div .qty-wrap{width: 200px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #d7d7d7;height: 36px;border-bottom: none;position: relative;}
.pr-select{padding: 16px 20px 20px;}
.pr-select > div{display: flex;justify-content: flex-end;align-items: center;position: relative}
.pr-select > div:first-child{margin-bottom: 10px;}
.pr-select > div label{font-size: 15px;margin-right: 20px;transform: translateY(-1px);font-weight: bold;letter-spacing: -0.08em;}
.pr-select > div > select{background:#fff;width: 200px;height: 36px;-webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none;margin: 0;font-size: 13px;border-color: #d7d7d7;padding: 5px 10px;}
.pr-select > div > select + .arrow.down{position: absolute;top: 12px;right: 14px;border: solid #d7d7d7;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount{display: flex;flex-direction: column;padding-top: 12px;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .d_price{font-size: 16px;color: #777;text-decoration: line-through;line-height: 1.3;font-weight: normal;}
.d_price{font-size: 16px;color: #777;text-decoration: line-through;line-height: 1.3;font-weight: normal;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .price{display: flex;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .price.ty02{justify-content: space-between}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .price .won{font-size: 24px;display: flex;align-items: center;line-height: 1.4;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .price .won span{font-size: 22px;font-weight: bold;}
.edu_brand.wrap .container-wrap.ty02 .detail.info-area .inner_txt.discount .price .percentage{font-size: 24px;color: #f65d28;line-height: 1.4;margin-left: 12px;}
/*.edu_brand.wrap .container-wrap.ty02 .btn.pay{font-size: 16px;font-weight: bold;height: 60px;margin-bottom: 60px;line-height: 50px;background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);*/
.edu_brand.wrap .container-wrap.ty02 .btn.pay{font-size: 16px;font-weight: bold;height: 60px;line-height: 50px;background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);
	display: block;width: 100%;text-align: center;text-decoration: none;color: #fff;}
/* 혜택존 자기계발 브랜드 상품 상세 - 판매종료 */
.edu_brand.wrap .container-wrap.ty02 .btn.exp{font-size: 16px;font-weight: bold;height: 60px;margin-bottom: 60px;line-height: 50px;background: #777;display: block;width: 100%;text-align: center;text-decoration: none;color: #fff;}

/* 혜택존 자기계발 브랜드 상품 구매 페이지 */
.edu_brand.wrap .product-info-area{display: flex;padding: 30px 20px;}
.edu_brand.wrap .product-info-area.ty02{display: flex;padding: 20px 0 20px 20px;align-items: center;}
/*.edu_brand.wrap .product-info-area img, .edu_brand.wrap .order-info img{display: block;width: 40%;height: auto;}*/
.edu_brand.wrap .product-info-area img, .edu_brand.wrap .order-info img{display: block;width: 30%;height: auto;}
.edu_brand.wrap .product-info-area .sm-img{/*flex:1;height: 64px;width: 107px;*/width: 90px;height: auto;}
.edu_brand.wrap .product-info-area .sm-img + .text-area{padding-left:14px;}
.edu_brand.wrap .text-area{padding-left: 14px;flex:2;word-break: keep-all;}
.edu_brand.wrap .text-area .brand{font-weight: 800;font-size: 14px;line-height: 2;}
.edu_brand.wrap .text-area .lec{font-weight: 800;line-height: 1.4;margin-bottom: 10px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;padding-top: 10px;}
.edu_brand.wrap .text-area .desc{color: #777;font-size: 14px;line-height: 1.4;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.edu_brand.wrap .text-area .pr-name{font-weight: 800;line-height: 1.4;margin-bottom: 10px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;padding-top: 10px;letter-spacing: -0.09em;word-break: keep-all;font-size: 14px;text-overflow: unset;overflow: initial;line-height: 1.7;font-size: 15px;}

.edu_brand.wrap .label-top{background: #e7e7e7;height: 14px;}
.edu_brand.wrap .container-wrap.ty02 .payment.label{width: 100%;padding: 18px 20px;background-color: #f6f6f6;text-align: left;display: block;font-weight:bold;font-size: 18px;}
.edu_brand.wrap .container-wrap.ty02 .form-wrap{padding: 20px 20px 15px;}
.edu_brand.wrap .container-wrap.ty02 .form-wrap p{height: 20px;font-size: 14px;color: #777;font-weight: normal;}
.edu_brand.wrap .container-wrap.ty02 .form-cont{text-align: left;margin: 0 20px 20px 20px;}
.edu_brand.wrap .container-wrap.ty02 .form-cont tr th{font-weight: normal;height: 50px;}
.edu_brand.wrap .container-wrap.ty02 .form-cont tr td .form input{border: 1px solid #e6e6e6;border-radius: 2px;-webkit-border-radius: 2px;}
.edu_brand.wrap .container-wrap.ty02 .form-cont tr.tel td .form{display: flex;}
.edu_brand.wrap .container-wrap.ty02 .form-cont tr.tel td .form span input[type=tel]{width: 100%;border: 1px solid #e6e6e6;border-radius: 2px;}
.edu_brand.wrap .container-wrap.ty02 .form-cont tr.tel td .form .dash{color: #e6e6e6;font-weight: 400;display: flex;align-items: center;margin:5px;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap{padding:20px;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap>div{display:flex;justify-content: space-between;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap .price{display: flex;align-items: center;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap .price.total, .edu_brand.wrap .container-wrap.ty02 .price-wrap .price.total span{color:#028086;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap>div>p,.edu_brand.wrap .container-wrap.ty02 .price-wrap>div>strong{line-height: 1.8;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap>div:nth-child(2){padding: 8px 0;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap>.sum{border-top: 1px solid #e7e7e7;padding: 12px 0 10px;display: flex;align-items: baseline;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap>.sum>strong{font-size: 18px;font-weight: 800;display: flex;align-items: baseline;}
.edu_brand.wrap .container-wrap.ty02 .payment-wrap{padding: 30px 20px 35px;}
.edu_brand.wrap .container-wrap.ty02 .payment-wrap .radio02:first-child{margin-bottom: 16px;}

.edu_brand.wrap .container-wrap.ty02 .payment-wrap .radio02:not(:last-child){margin-bottom: 16px;}

.edu_brand.wrap .container-wrap.ty02 .payment-wrap .radio02 input[type='radio']:checked + .border{border: 2px solid #028086;/*padding: 14px 10px;margin-bottom: 16px;*/}
.edu_brand.wrap .container-wrap.ty02 .payment-wrap .radio02 label{position:relative;font-size:16px;}
.radio02 input[type=radio] + .border label {display: block;padding: 0 0 0 35px;text-align: left;position: relative;display: inline-block;min-height: 27px;padding: 0 30px 0 30px;
	margin: 0 4px 0 0;vertical-align: middle;color: #333;line-height: 27px;box-sizing: border-box;}
input[type=radio] + .border label, input[type=checkbox] + .border label {display: inline-block;cursor: pointer;}
.radio02 input[type=radio] + .border label:before {content: '';position: absolute;top: 50%;background-position: bottom left;}
.radio02 .border{border: 1px solid #e6e6e6;padding: 14px 10px;}
.radio02 input[type=radio] + .border label:before {left: 0;width: 25px;height: 25px;margin-top: -13px;background: url(../images/btn/btn_radio02.png) no-repeat top left;background-size: 25px 90px;}
input[type=radio] + .border label:before {content: '';position: absolute;top: 50%;left: 0;width: 25px;height: 25px;margin-top: -11px;background: url(../images/btn/btn_radio.png) no-repeat top left;
	background-size: 25px 90px;}
input[type=radio]:checked + .border label:before {background-position: bottom left;}
.edu_brand.wrap .container-wrap.ty02 .confirm-wrap{padding: 20px 20px 45px;display: flex;align-items: center;}
.edu_brand.wrap .container-wrap.ty02 .confirm-wrap .squaredFour{position: relative;display: flex;
	align-items: center;}
.edu_brand.wrap .container-wrap.ty02 .confirm-wrap .squaredFour input[type=checkbox]{visibility: hidden;}
.edu_brand.wrap .container-wrap.ty02 .confirm-wrap .squaredFour label{font-size:12px;margin-left: 12px;}

.squaredFour .inner{position: absolute;top: 0;left: 0;width: 20px;height: 20px;cursor: pointer;border-radius: 2px;background: #fff;border: 1px solid #e7e7e7;}
.squaredFour label:before{width: 20px;height: 20px;cursor: pointer;position: absolute;top: 0;left: 0;border-radius: 2px;background: #fff;border: 1px solid #e7e7e7;}
.squaredFour input[type=checkbox]:checked + label:after {opacity: 1;}
.squaredFour label:after {content: '';width: 9px;height: 5px;position: absolute;top: 4px;left: 4px;border: 2px solid #028086;border-top: none;border-right: none;background: transparent;opacity: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.edu_brand.wrap .container-wrap.ty02 .btn-pay{display: block;width: 100%;text-align: center;text-decoration: none;color: #fff;line-height: 50px;background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);border-radius: 0px;font-size: 16px;font-weight: bold;height: 60px;}

/* 혜택존 자기계발 브랜드 상품 결제 완료 */
.edu_brand.wrap .container-wrap.ty02 .price-wrap>.sum{border-top: 1px solid #e7e7e7;padding: 12px 0 10px;display: flex;align-items: baseline;margin-top: 12px;}
.edu_brand.wrap .container-wrap.ty02 .purchase-confirm{text-align: center;padding-top: 35px;font-weight: 800;}
.edu_brand.wrap .container-wrap.ty02 .order-info{display:flex;margin: 23px 20px 35px;background: #f5f5f5;padding: 20px;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap .sum .price.total{font-weight: bolder;color: #21a9a9;}
.edu_brand.wrap .container-wrap.ty02 .price-wrap .sum .price.total .won{color:#21a9a9;}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap{background: #f5fafa;padding: 35px 20px 40px;}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap .note{text-align: center;font-weight: 800;margin-bottom: 20px;}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap .voucher-card{background: #fff;border-radius: 6px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 32px 50px;box-shadow: 0 3px 6px rgba(0,0,0,0.13), 0 3px 6px rgba(0,0,0,0.23);}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap .voucher-card .brand{color: #777;text-align: center;font-weight: 800;line-height: 0.8;}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap .voucher-card .product{font-weight: 800;line-height: 2.5;}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap .voucher-card .code{border:none;width:300px;color:#333;font-weight: 800;text-align: center;font-size: 20px;line-height: 2;margin-bottom: 10px;}
.edu_brand.wrap .container-wrap.ty02 .voucher-wrap .voucher-card .btn-copy{border: 2px solid #21a9a9;border-radius: 4px;font-weight: 800;color: #21a9a9;display: block;line-height: 34px;background: #fff;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 14px;width: 200px;}
.edu_brand.wrap .container-wrap.ty02 .btn-orderlist{border: 1px solid #21a9a9;border-radius: 4px;font-weight: 800;color: #21a9a9;display: block;line-height: 50px;background: #fff;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 16px;width: 100%;margin-bottom: 12px;}
.edu_brand.wrap .container-wrap.ty02 .btn-index{border: 1px solid #21a9a9;border-radius: 4px;font-weight: 800;color: #21a9a9;display: block;line-height: 50px;background: #fff;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 16px;width: 100%;margin-bottom: 12px;}
.edu_brand.wrap .container-wrap.ty02 .voucher-note, .edu_brand.wrap .container-wrap.ty02 .p-20{padding:20px;}
.edu_brand.wrap .container-wrap.ty02 .voucher-note > p{font-size: 12.5px;line-height: 2.5;}
.edu_brand.wrap .container-wrap.ty02 .voucher-note > p.multi{margin-left: 8px;}
/* 혜택존 자기계발 브랜드 상품 결제 실패 */
.edu_brand.wrap .container-wrap.ty02 .pb-35{padding-bottom: 35px;}
.edu_brand.wrap .container-wrap.ty02 .note.gray{text-align: center;color: #777;}
.edu_brand.wrap .container-wrap.ty02 .note.ln1.gray{padding-top: 35px;line-height: 2;}
.edu_brand.wrap .container-wrap.ty02 .btn-retry{border: 1px solid #21a9a9;border-radius: 4px;font-weight: 800;color: #21a9a9;display: block;line-height: 50px;background: #fff;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 16px;width: 100%;margin-bottom: 12px;}
.edu_brand.wrap .container-wrap.ty02 .btn-index.ty02{border: 1px solid #777;border-radius: 4px;font-weight: 800;color: #777;display: block;line-height: 50px;background: #fff;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 16px;width: 100%;}
/* 혜택존 자기계발 브랜드 상품 구매내역 */
.edu_brand.wrap .container-wrap.ty02 .top-info-wrap{padding: 16px 20px 0;}
.edu_brand.wrap .container-wrap.ty02 .top-info-wrap .top-info{margin-left: 0px;font-size: 12.5px;letter-spacing: -1px;}
.edu_brand.wrap .container-wrap.ty02 .order-card{border: 1px solid #e1e1e1;margin: 16px 20px 20px;border-radius: 5px;}
.edu_brand.wrap .container-wrap.ty02 .order-card .order-card-top{padding: 10px;display: flex;justify-content: space-between;background: #f3f3f3;}
.edu_brand.wrap .container-wrap.ty02 .order-card .order-card-top > p {font-size:12px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont{padding: 18px 10px;background: #fff;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .cate{font-size: 14px;line-height: 1.2;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .lec{font-size: 16px;font-weight: 800;line-height: 2;margin-bottom: 20px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .lec.ty02{margin-bottom: 10px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .order-date{color: #777;font-size: 12px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .order-btw{display: flex;justify-content: space-between;align-items: baseline;padding-top: 4px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .order-btw .left{color: #777;font-size: 12px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .order-btw .right{font-weight: 800;display: flex;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .voucher{text-align: center;border: 2px solid #21a9a9;border-radius: 4px;margin-bottom: 16px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .voucher .code{line-height: 3;font-weight: 800;}
.edu_brand.wrap .container-wrap.ty02 .order-card-cont .voucher .reg{line-height: 3;background: #21a9a9;color: #fff;cursor:pointer;}
.edu_brand.wrap .container-wrap.ty02 .order-card-inc{border: 1px solid #e1e1e1;margin: 20px;border-radius: 4px;}
.edu_brand.wrap .container-wrap.ty02 .order-card-inc .order-card-top{padding: 10px;display: flex;justify-content: space-between;background: #f3f3f3;}
.edu_brand.wrap .container-wrap.ty02 .order-card-inc .order-card-top > p{font-size:12px;}

/* 혜택존 자기계발 브랜드 상품 구매내역 - empty */
.edu_brand.wrap .container-wrap.ty02 .svg-center{display: flex;justify-content: center;padding-top: 120px;padding-right: 20px;}
.edu_brand.wrap .container-wrap.ty02 .svg-under-p{text-align: center;color: #777;line-height: 2;padding-bottom: 34px;padding-top:7px;}
.edu_brand.wrap .container-wrap.ty02 .btn-mall{border: 1px solid #21a9a9;border-radius: 4px;font-weight: 800;color: #21a9a9;display: block;line-height: 50px;background: #fff;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 16px;width: 100%;margin-bottom: 12px;}


/* 예비역 : 부대선택 */
.reserve_soldier { font-family: 'Noto Sans KR' }
.reserve_soldier .reserve_header { height:45px; width:100%; background-color:#4dc8dc; position: relative; }
.reserve_soldier .reserve_header > h1 {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); line-height:45px; color:#fff; font-weight:500; display:inline-block; white-space: nowrap; width:55%; text-overflow: ellipsis; overflow: hidden; text-align: center;}
.reserve_soldier .reserve_header > h1 > span {font-weight:lighter; font-size:16px; color:#fff; vertical-align: baseline;}
.reserve_soldier .reserve_header .r_back_btn {width:45px; height:45px; position: absolute; left:15px; top:0; background: url(../images/icon/r_back_icon.png) no-repeat center center;}
.reserve_soldier .reserve_header .r_back_btn > a {display: inline-block; width:100%; height:100%;}

.reserve_soldier .reserve_contents {padding: 21px 21px 60px;}
.reserve_soldier .reserve_bg {background-color: #f5f5f5; padding:0 21px 21px; box-shadow: inset 0px -13px 20px -15px #ccc;}
.reserve_soldier .reserve_bg > p { font-size:24px; padding:14px 0 21px; letter-spacing: -2px;}
.reserve_soldier .sorting_tab { display:flex; justify-content: space-between; align-items:center; background-color:#d6d6d6; border-radius: 15px; margin-bottom:14px; }
.reserve_soldier .sorting_tab > li.active {background-color:#4dc8dc;  border-radius: 15px;}
.reserve_soldier .sorting_tab > li {width:33.33333333333333%; height:30px;}
.reserve_soldier .sorting_tab > li > a { font-size:14px; color:#fff; text-align: center; line-height: 30px;}
.reserve_soldier .r_search {position: relative;}
.reserve_soldier .r_search > input {border:0; width:100%; height:30px; padding:10px 15px; border-radius: 15px; background-color: #fff;}
.reserve_soldier .r_search > input::placeholder {font-size:14px; color:#d6d6d6;}
.reserve_soldier .r_search  a { width:19px; height:19px; display:inline-block; position: absolute; right:10px; top:5px; background: url(../images/icon/r_search_icon.png) no-repeat center center;}

.reserve_soldier .sort_result { border-bottom:1px solid #d6d6d6; margin-bottom:22px;}
.reserve_soldier .sort_result:last-child {border-bottom:0;}
.reserve_soldier .sort_result .sorted_title { font-size:14px; color:#999; margin-bottom:21px; }
.reserve_soldier .sort_result .sorted_title > em { font-size:14px; display:inline-block; vertical-align:text-top; color: #d6d6dd; }
.reserve_soldier .sort_result .sorted_title > span:first-child { color:#999; vertical-align: initial; font-size:14px; }
.reserve_soldier .sort_result .sorted_title > span:last-child { color:#4dc8dc; vertical-align: initial; font-size:14px; margin-left:5px;}

.reserve_soldier .sorted_list { display:flex; justify-content: flex-start; align-items: center; margin-bottom:6%; flex-wrap: wrap;}
.reserve_soldier .sorted_list {margin-bottom:0;}
.reserve_soldier .sorted_list > li {width: calc(25% - 3%); margin:0 4% 5% 0;}
.reserve_soldier .sorted_list > li:nth-child(4n) {margin-right:0; width: calc(25% - 3%);}
.reserve_soldier .sorted_list > li > a {display:inline-block; width:100%; height:100%;}
.reserve_soldier .sorted_list > li > a > p:nth-child(1) > img {width:50px; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.reserve_soldier .sorted_list .sorted_item > a > p:first-child {margin-bottom:5px; position: relative; height:75px; border-radius: 15px; border:1px solid #dddd;}
.reserve_soldier .sorted_list .sorted_item > a > p:nth-child(2) {font-size: 12px;text-align: center;font-weight: 500;width: 100%;height: 30px;line-height: 1.2;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;display: -webkit-box;}
.reserve_soldier .sorted_list .sorted_item > a > p:nth-child(3) {font-size:12px; text-align: center; font-weight:400;}

/* 예비역 : 부대소개 */
#divInfo .reserve-swiper-images .swiper-slide > img {aspect-ratio:375/202!important;}

.reserve_soldier .reserve_swiper_contents { padding:14px 21px 21px; background-color: #f5f5f5; box-shadow: inset 0px -5px 15px 0px #ccc;}
.reserve_soldier .reserve-swiper-category .swiper-slide { background-color:#d3d3d3; padding:2.5% 3%; border-radius:17px; }
.reserve_soldier .reserve-swiper-category .swiper-slide.active { background-color:#4dc8dc;}
.reserve_soldier .reserve-swiper-category .swiper-slide > a { font-size:14px; text-align: center; color:#fff;}
.reserve_soldier .reserve-swiper-images {position: relative;}
.reserve_soldier .reserve-swiper-images .swiper-slide img { width:100%; }
.reserve_soldier .reserve-pagination {position:absolute; bottom:0;}
.reserve_soldier .reserve-pagination .swiper-pagination-bullet { background-color:#d9d9d9; opacity:1; width:7px; height:7px;}
.reserve_soldier .reserve-pagination .swiper-pagination-bullet-active { background-color:#4dc8dc; }

.reserve_soldier .troop_info { display:flex; justify-content: flex-start; align-items:center; padding: 20px; border-bottom: 20px solid #f5f5f5;}
.reserve_soldier .troop_info > li {font-size:24px;}
.reserve_soldier .troop_info > li:first-child {margin-right:10px;}
.reserve_soldier .troop_info .troop_mark > img {width:60px; height:60px; display:block; aspect-ratio:1/1;}

.reserve_soldier .troop-desc {padding:20px; border-bottom: 20px solid #f5f5f5;}
.reserve_soldier .troop-desc > p {line-height: 1.4;letter-spacing: -1px;font-weight: 400;font-size: 14px;}
.reserve_soldier .troop-desc .desc-title {margin-bottom:7px; display: flex;justify-content: left;align-items: center;}
.reserve_soldier .troop-desc .desc-title > span { font-size:17px; letter-spacing: -1px; font-weight:500; color: #4dc8dc; margin-bottom:5px;}
.reserve_soldier .troop-desc .desc-title > span > img {display:inline-block; width:20px; height:20px; margin-right:3px;}



/* 예비역 : 역사관 */
.reserve_soldier .reserve_main_contents { padding:27px 21px 60px }
.reserve_soldier .history-bar-wrap .history-module-main,
.reserve_soldier .history-bar-wrap .history-module-sub {display: flex; justify-content: left;}

.reserve_soldier .history-bar-wrap .history-module-main > li,
.reserve_soldier .history-bar-wrap .history-module-sub > li  {position: relative;}

.reserve_soldier .history-bar-wrap .history-module-main > li:first-child,
.reserve_soldier .history-bar-wrap .history-module-sub > li:first-child {width:20%;}

.reserve_soldier .history-bar-wrap .history-module-main > li:last-child,
.reserve_soldier .history-bar-wrap .history-module-sub > li:last-child {width:80%; margin-right:0;}

.reserve_soldier .history-bar-wrap .history-module-main > li,
.reserve_soldier .history-bar-wrap .history-module-sub > li {margin-right:20px;}

.reserve_soldier .history-bar-wrap .history-module-main .h-circle {height:80px;}
.reserve_soldier .history-bar-wrap .history-module-main .h-circle > img {display:block; margin:auto; position: relative; z-index:10;}
.reserve_soldier .history-bar-wrap .history-module-main  .main-desc > ul:first-child > li:first-child {font-size:24px; font-weight:500; letter-spacing: -1px; margin-bottom:5px;}
.reserve_soldier .history-bar-wrap .history-module-main  .main-desc > ul:first-child > li:last-child {font-size:14px; letter-spacing: -1px;}
.reserve_soldier .history-bar-wrap .history-module-main  .main-desc > ul > li:first-child {font-size:18px; margin-bottom:5px; font-weight:500;}
.reserve_soldier .history-bar-wrap .history-module-main  .main-desc > ul > li:last-child {font-size:14px; letter-spacing: -1px;}
.reserve_soldier .history-bar-wrap .history-module-main  .main-desc > ul {padding-bottom:20px;}
.reserve_soldier .history-bar-wrap .h-bar {width:3px; height:100%; background-color:#333; position: absolute; top:0px; left:50%; transform:translateX(-50%);}

.reserve_soldier .history-bar-wrap .history-module-sub .h-circle {height:80px;}
.reserve_soldier .history-bar-wrap .history-module-sub .h-circle > span {display:block; margin:auto; position: relative; z-index:10; width:50px; height:50px; background-color: #cdcdcd; border-radius: 50%; text-align: center; line-height: 50px; color:#fff;}
.reserve_soldier .history-bar-wrap .h-bar {width:3px; height:100%; background-color:#cdcdcd; position: absolute; top:0px; left:50%; transform:translateX(-50%);}
.reserve_soldier .history-bar-wrap .history-module-sub .sub-desc > ul {padding-bottom:20px;}
.reserve_soldier .history-bar-wrap .history-module-sub .sub-desc > ul > li:first-child {font-size:18px; font-weight:500; margin-bottom:5px;}
.reserve_soldier .history-bar-wrap .history-module-sub .sub-desc > ul > li:last-child {font-size:14px; letter-spacing: -1px; line-height: 1.3;}


/* 예비역 : 사단가 */
.reserve_soldier .camp_youtube_song iframe {width:100%;}
.reserve_soldier .lyrics_image > img {width:100%;}
.reserve_soldier .camp_youtube_song {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.reserve_soldier .camp_youtube_song iframe,
.reserve_soldier .camp_youtube_song object,
.reserve_soldier .camp_youtube_song embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 예비역 : 명예의 전당 */
.reserve_soldier .reserve_search_contents .sorting_year {display:flex; justify-content: space-between; align-items: center; padding:10px 21px;}
.reserve_soldier .reserve_search_contents .sorting_year li {font-size:14px; color:#999;}
.reserve_soldier .sorting_year select {font-size:14px; border:0; color:#4dc8dc; background: url(/images/icon/reserve_sorting_icon.png) no-repeat center right; width:62px; line-height:1.5; font-weight:normal; letter-spacing: -0.5px; font-family: 'Noto Sans KR';}
.reserve_soldier .sorting_year a {font-size:14px; color:#4dc8dc;}
.reserve_soldier .sorting_year a::after {margin-left:5px; vertical-align:middle; content:''; width:13px; height:13px; display:inline-block; background: url(/images/icon/reserve_sorting_icon.png) no-repeat center right;}
.reserve_soldier .reserve_contents .r_search { border:2px solid #d3d3d3; border-radius: 15px;}
.reserve_hallofFame_bnr > img {width:100%;}

/* 예비역 : 부대활동 */
.reserve_soldier .r_thumnail_list {display:flex; flex-wrap:wrap; }
.reserve_soldier .r_thumnail_list > li {width:calc(50% - 2%); margin-right:2%;}
.reserve_soldier .r_thumnail_list > li:nth-child(2n) {margin:0 0 0 2%;}
.reserve_soldier .r_thumnail_list .r_thumnail > img {width:100%;}
.reserve_soldier .r_thumnail_list .r_thumnail .thum_image {width:100%; aspect-ratio:105/61; display:inline-block; border:1px solid #ccc;}
.reserve_soldier .r_thumnail_list .r_thum_desc {margin-bottom:20px; font-size:14px; letter-spacing: -1px; line-height:2; font-weight:500; white-space: nowrap; width: 100%;  overflow:hidden; text-overflow:ellipsis;}


/* 예비역 - 메인페이지 */
.reserve_soldier .r-mainpage-wrap {padding: 0px 0 60px 0; }
.reserve_soldier .r-contents-wrap {padding:0 21px 0px 21px; border-bottom: 20px solid #f5f5f5;}
.reserve_soldier .r-contents-wrap:last-child {border-bottom:0;}
.reserve_soldier .reserve-tab-wrap {position: relative;}
.reserve_soldier .reserve-tab-wrap .r-tab-list {display: flex; justify-content: space-between; align-items: center;}
.reserve_soldier .reserve-tab-wrap .r-tab-list > li {width:50%; height:45px; background-color: #f6f6f6;}
.reserve_soldier .reserve-tab-wrap .r-tab-list > li > a {display:inline-block; width:100%; height:100%; line-height:45px; text-align: center; font-size:14px; color:#999; font-weight:normal;}
.reserve_soldier .reserve-tab-wrap .r-tab-list > li.active > a {color:#4dc8dc; border-bottom:3px solid #4dc8dc; font-weight:500; position: relative; z-index:10;}
.reserve_soldier .reserve-bnr-swiper {border-bottom:20px solid #f5f5f5; padding-bottom:20px;}
.reserve_soldier .reserve-bnr-swiper .reserve-pagination {bottom:4px;}
.reserve_soldier .reserve_find {width:100%; position: relative; padding-top:5%;}
.reserve_soldier .reserve_find > img {width:100%;}
.reserve_soldier .find_title {position: absolute; right:6%; text-align: right; top:10%; width:65%;}
.reserve_soldier .find_title > li:first-child {font-size:24px; margin-bottom:7px;}
.reserve_soldier .find_title > li:last-child {font-size:14px; letter-spacing: -1px; color:#999;}

.reserve_soldier .reserve_find .find_result {position: absolute; top:67%; left:50%; transform:translate(-50%,-50%); width:100%; display:flex; justify-content: center;}
.reserve_soldier .reserve_find .find_result > li:first-child {width:70%; padding:0 0 0 10%;}

.reserve_soldier .reserve_find .find_result .r_desc {}
.reserve_soldier .reserve_find .find_result .r_desc span { font-size:14px; vertical-align: baseline; font-weight:500;}
.reserve_soldier .reserve_find .find_result .r_count {color:#4dc8dc; }
.reserve_soldier .reserve_find .find_result .r_count em {color:#4dc8dc; font-size:14px; vertical-align: baseline;}
.reserve_soldier .reserve_find .find_result .r_desc .r_count {}
.reserve_soldier .reserve_find .find_result .r_desc > li:first-child {font-size:20px; font-weight:500; margin-bottom:5px;}
.reserve_soldier .reserve_find .find_result .r_desc > li:last-child {font-size:14px; line-height: 1.5; letter-spacing: -1px;}

.reserve_soldier .reserve_find .find_result .r_link_btn {width:30%;}
.reserve_soldier .reserve_find .find_result .r_link_btn > a {display:block; width:100%; height:100%; position: relative;}
.reserve_soldier .reserve_find .find_result .r_link_btn > a > img {position:absolute; left:45%; top:50%; transform:translate(-50%,-50%);}
.reserve_soldier .find_title_bt {border:0;}
.reserve_soldier .find_title_bt > li:first-child {font-size:24px; padding:10px 0; letter-spacing: -1px;}
.reserve_soldier .find_title_bt > li:last-child {font-size:14px; color:#999; letter-spacing: -1px;}


.reserve_soldier .reserve_find p {position: absolute; left:50%; top:50%; transform:translate(-50%, 10%); width:250px; text-align: center; line-height:1.8; font-size:14px; letter-spacing: -1px; font-weight:500; color:#464646;}
.reserve_soldier .r_find_btn {margin:14px auto 21px auto; text-align: center; width:90%; height:30px; background-color: #4dc8dc; border-radius: 15px;}
.reserve_soldier .r_find_btn > a {display:inline-block; width:100%; height:100%; line-height:30px; font-size:14px; color:#fff; font-weight:normal; letter-spacing: -1px;}
.reserve_soldier .r_find_btn em {font-weight:500; font-size:14px; color:#fff; vertical-align: baseline;}
.reserve_soldier .r_find_btn span {vertical-align: baseline; font-size:14px; color:#fff; font-weight:500; margin-right:5px;}
.reserve_soldier .r_find_btn .white-arw-btn {background: url(/images/icon/ico_arrow5_rht.png) no-repeat center center; display:inline-block; width:14px; height:18px; background-size:6px; vertical-align: text-bottom; margin-left:2px;}
.reserve_soldier .donate_btn {width:100%; margin:10px auto 0 auto; }
.reserve_soldier .r-content-pb {border-bottom:20px solid #f5f5f5;}
.reserve_soldier .r_board_contTit {margin-bottom:20px;}
.reserve_soldier .r_board_contTit > ul {display:flex; justify-content: space-between; align-items: center; margin-bottom:10px;}
.reserve_soldier .r_board_contTit > ul > li:first-child {font-size:24px; letter-spacing: -1.5px;}
.reserve_soldier .r_board_contTit > ul > li > a {font-size:14px; color:#999; letter-spacing: -1px;}
.reserve_soldier .r_board_contTit > p {font-size:14px; color:#999; letter-spacing: -1px;}
.reserve_soldier .r_board_contTit > p > em {font-size:14px; color:#333; font-weight:500; vertical-align: baseline;}
.reserve_soldier .r_board_contTit .gray-arw-btn {display:inline-block; width:14px; height:9px; background: url(/images/icon/ico_arrow4_rht.png) no-repeat center center; background-size:6px; vertical-align: initial;}
.reserve_soldier .agora_tabstyle {background-color: #f5f5f5;}
.reserve_soldier .agora_tabstyle > li.active a {color:#fff;}
.reserve_soldier .agora_tabstyle > li {}
.reserve_soldier .agora_tabstyle > li > a {color:#999; text-align: center; font-weight:500;}
.reserve_soldier .r-content-pd {padding:30px 0 25px;}



.reserve_soldier .r_board_list > li > a { display:flex; justify-content: space-between; align-items: start; }
.reserve_soldier .r_board_list > li {border-bottom:1px solid #dbdbdb; padding-bottom:15px; margin-bottom:15px;}
.reserve_soldier .r_board_list > li:last-child {border-bottom:0;}

.reserve_soldier .r_thumnail_board .r_thumnail_list > li {margin-bottom:35px;}
.reserve_soldier .r_thumnail_board .r_thumnail_list > li:nth-child(n+3) {margin-bottom:0;}
.reserve_soldier .r_thumnail_board .r_thumnail_list .r_thum_desc {line-height: 2;padding: 5px 0;max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;}
.reserve_soldier .r_thumnail_board .r_thumnail_list p:last-child {}
.reserve_soldier .r_thumnail_board .r_thumnail_list p:nth-child(n+2) > span {font-size:12px; color:#999; position: relative; margin-right:10px; letter-spacing: -1px;}

.reserve_soldier .r_thumnail_board .r_thumnail_list > li  p:nth-child(n+2) > span:nth-child(n+1)::after{content:''; width:1px; height:70%; background-color: #999; position: absolute; right:-6px; top:3px;}
.reserve_soldier .r_thumnail_board .r_thumnail_list > li  p:nth-child(n+2) > span:last-child::after {display:none;}
.reserve_soldier .r_thumnail_board .r_thumnail_list > li  p:nth-child(n+2) > span > em {font-size:12px; vertical-align: baseline; color:#999;}

.reserve_soldier .r_thumnail_board .r_thumnail_list .r_thum_writer {}
.reserve_soldier .r_thumnail_board .r_thumnail_list .r_thum_writer > span { display:block; line-height: 15px; width:100%; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.reserve_soldier .r_thumnail_board .r_thumnail_list .r_thum_writer > span::after {display:none;}

.reserve_soldier .r_board_list .r_board_title {width:70%;}
.reserve_soldier .r_board_list .r_board_title > p:first-child {font-size:14px; width:100%; line-height:1.5; letter-spacing: -1px; margin-bottom:2%; white-space: normal; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; word-wrap:break-word; color:#333;}
.reserve_soldier .r_board_list .r_board_title > p:last-child > span { font-size:12px; color:#999; position: relative; padding-right:5px;}
.reserve_soldier .r_board_list .r_board_title > p:last-child > span::after {content:''; width:1px; height:12px; background-color: #dbdbdb; position: absolute; right:0; top:4px;}
.reserve_soldier .r_board_list .r_board_title > p:last-child .r_board_writer::after,
.reserve_soldier .r_board_list .r_board_title > p:last-child > span:last-child::after{background-color: transparent;}
.reserve_soldier .r_board_list .r_board_title em {font-size:12px; vertical-align: baseline; color:#999;}
.reserve_soldier .r_board_list .r_board_title .r_board_writer {display: block;width: 100%;padding-right: 0!important;line-height: 1.2;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden; letter-spacing: -1px;}
.reserve_soldier .r_board_list .r_board_title .r_board_writer:nth-child(2) {margin-bottom:5px;}
.reserve_soldier .r_board_list .r_board_image { width:100px; margin-left:10px; border:1px solid #ddd;}
.reserve_soldier .r_board_list .r_board_image > div {width:100%; aspect-ratio: 1/1;}
.reserve_soldier .reserve-page-top {top:9px;}

.reserve_soldier .reserve-Botmbnr-swiper {border-bottom:20px solid #f5f5f5;}
.reserve_soldier .search-troop .r_search {border-bottom:1px solid #ccc; padding-bottom:20px;}
.reserve_soldier .search-troop .r_search input {border:2px solid #4dc8dc;}
.reserve_soldier .search-troop .r_search a {background: url(../images/icon/r_search_circle_icon.png) no-repeat center center; width:30px; height:29px; top:0; right:0;}

.reserve_soldier .r-user-troop .r-user-contents, .reserve_soldier .r-user-troop .r-troop-link {display:flex; justify-content: flex-start; align-items: start;}

.reserve_soldier .r-user-troop .r-troop-link > li {margin-right:10px; margin-bottom:0;}
.reserve_soldier .r-user-troop .r-troop-link > li:last-child {margin-right:0;}

.reserve_soldier .r-user-troop .r-user-contents > li {width:20%; margin-right:15px; position: relative; height:70px; background-color:#ffff; border: 1px solid #dddd; border-radius: 15px;}
.reserve_soldier .r-user-troop .r-user-contents > ul > li:first-child {font-size:24px; margin-bottom:10px;}
.reserve_soldier .r-user-troop .r-user-contents > ul > li:last-child {font-size:14px; letter-spacing: -1px; color:#999;}
.reserve_soldier .r-user-troop .r-user-contents > ul > li > span {font-size:24px; vertical-align: bottom;}
.reserve_soldier .r-user-troop .r-user-contents > li > img {width:50px; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.reserve_soldier .search-troop .sorted_list > li {}

.reserve_soldier .reserve-Botmbnr-swiper .swiper-slide .r_find_btn {aspect-ratio: 25/12; margin: 20px auto 20px auto;}
.reserve_soldier .reserve-Botmbnr-swiper .swiper-slide .r_find_btn > p {height:100%; line-height: 27px;}
.reserve_soldier .reserve-Botmbnr-swiper .swiper-slide .r_find_btn > p > span {font-weight:300;}

/* 예비역 - 메시지 팝업 스타일 */
.reserve_soldier .reserve-msg-popup {width:90%; height:205px; background-color:#fff; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius: 15px; padding:30px 20px;}
.reserve_soldier .reserve-msg-popup .r_find_btn {width:45%; height:30px; background-color:#4aa7b6;border-radius: 15px; position: absolute; bottom:10px; left:50%; transform:translateX(-50%);}
.reserve_soldier .reserve-msg-popup .r_board_contTit > p {color:#333; font-weight:500;}
.reserve_soldier .reserve-msg-popup .r-close-btn {background: url(/images/btn/r_popup_close_btn.png) no-repeat center center; width:30px; height:30px; position: absolute; top:-35px; right:0;}
.reserve_soldier .reserve-msg-popup .r_yesno_btn {width:100%; height:77px; position: relative;}
.reserve_soldier .reserve-msg-popup .r_yesno_btn .r_find_btn:first-child {position: absolute; left:0; bottom:0; transform:translate(0px, 70%); width:47%;}
.reserve_soldier .reserve-msg-popup .r_yesno_btn .r_find_btn:last-child {position: absolute; right:2.5%; bottom:0; transform:translate(5%, 70%); background-color: #ccc; width:47%; margin-right:0;}

.reserve_soldier .r-popup-ok-msg .r_board_contTit > p,
.reserve_soldier .r-popup-okCancel-msg .r_board_contTit > p {text-align: center; line-height: 1.7;}

.reserve_soldier .r-popup-okCancel-msg {height:auto;}
.reserve_soldier .r-popup-okCancel-msg .r_yesno_btn {height:30px;}

/* 예비역 > 사단광장 & 전우광장 > 자유토크 */
.reserve_soldier .reserve_board {font-family: malgun;}

.reserve_soldier .notice-module .notice-list li a { display:flex; justify-content: space-between; align-items: center; padding:15px 0px; }
.reserve_soldier .notice-list.type-rht-pic .pic-item,
.reserve_soldier .notice-list.type-rht-pic .pic-item + .notice-cont {float:none;}

.reserve_soldier .notice-list.type-rht-pic .pic-item { height:65px; width: 95px;margin: 0 0 0 10px;}
.reserve_soldier .notice-list.type-rht-pic .pic-item > img { width: 100%; height:100%; }
.reserve_soldier .notice-list.type-rht-pic .notice-cont {padding-right:0;}

.reserve_soldier .tab-cont02 .notice-txt {font-size:16px; letter-spacing: -1px; line-height: 20px;}
.reserve_soldier .notice-detail span { padding:0 5px; position: relative; font-size:14px; letter-spacing: -1px; vertical-align: initial; margin-bottom:5px;}
.reserve_soldier .notice-detail > span:after {top: 50%;transform: translateY(-50%);}
.reserve_soldier .icon-comment-num { background: url(../images/icon/icon_comment_num.png) no-repeat 10px 0px; background-size: 11px auto; }
.reserve_soldier .icon-like {background: url(../images/icon/icon_like_off.png) no-repeat 2px 1px; background-size: 13px auto;  }
.reserve_soldier .notice-detail {padding-top:5px;}
.reserve_soldier .notice-detail .tit {line-height: 14px;}
.reserve_soldier .tab-ty02 > a {line-height:25px;}

/* 전우광장 (자유게시판/그때그시절) 게시판 */
.reserve_soldier .comrade-notice-module {}
.reserve_soldier .comrade-notice-module .notice-list li a {align-items: start; position: relative;}
.reserve_soldier .comrade-notice-module .notice-cont .notice-detail:nth-child(2) {padding-top:5px;}
.reserve_soldier .comrade-notice-module .notice-cont .notice-detail:last-child {padding-top:10px;}
.reserve_soldier .comrade-notice-module .notice-cont .notice-detail > span::after {display:none;}
.reserve_soldier .comrade-notice-module .notice-cont .notice-detail:nth-child(2) > span { display:block; width: 230px; padding:0; font-size:13px; margin-bottom:0; line-height: 1.3; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.reserve_soldier .comrade-notice-module .notice-cont-gallery .notice-detail:nth-child(3) {display:flex; justify-content: space-between; align-items: center;}
.reserve_soldier .comrade-notice-module .notice-cont .notice-detail:last-child > div {position: absolute; right:3px; bottom:10px;}
.reserve_soldier .comrade-notice-module .notice-cont .notice-detail span:first-child {margin-bottom:0;}



/*  예비역 전우찾기  */
.reserve_soldier .r_termSelect {margin-bottom:20px; display:flex; justify-content: center; align-items: center;}
.reserve_soldier .r_termSelect li {}
.reserve_soldier .r_termSelect span {font-size:14px; display:inline-block; height:20px; line-height: 20px; vertical-align: -webkit-baseline-middle; color:#999; letter-spacing: -1px; }
.reserve_soldier .r_termSelect span:nth-child(1) {margin-right:5px;}
.reserve_soldier .r_termSelect span:nth-child(3) {margin-right:5px;}
.reserve_soldier .r_termSelect input[type="date"] { padding:0; font-size:13px; width:108px; height:20px; color:#999; font-weight:bold; text-align: center; flex-direction: row-reverse; background: url(../images/icon/r-icon-calender.png) no-repeat left 0px!important; background-size: 17px!important; border-bottom:1px solid #999; letter-spacing:-1px; vertical-align: bottom;}
.reserve_soldier .r_termSelect input[type="date"]::-webkit-calendar-picker-indicator {margin:0; width: 10px; display:inline-block;}
.reserve_soldier .r_termSelect input[type="date"]::before {width:150px;}
.reserve_soldier .r_termSelect input[type="date"]:focus::before, input[type="date"]:valid::before {display:none;}
.reserve_soldier .r_termSelect input[type="date"]:focus, input[type="date"]:valid {text-indent: 20px;}
.reserve_soldier .sorted_comrade {}
.reserve_soldier .sorted_comrade .sorted_item {}
.reserve_soldier .sorted_comrade .sorted_item > li:first-child > a {display:inline-block; width:100%; margin-bottom:5px; }
.reserve_soldier .sorted_comrade .sorted_item > li:first-child > a > img {width:70%; display:inline-block; border-radius: 50%;}
.reserve_soldier .sorted_comrade .sorted_item  {display:flex; justify-content: space-evenly; align-items: center; border-bottom:1px solid #d6d6d6; padding-bottom:21px; margin-bottom:20px;}
.reserve_soldier .sorted_comrade .sorted_item:last-child {margin-bottom:0; border-bottom:0;}
.reserve_soldier .sorted_comrade .sorted_item > li { height:100%; position: relative; }
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p {font-size:16px;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p:first-child {font-weight:bold;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p:nth-child(n+2){margin-bottom:5px;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p:last-child {margin-bottom:0;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p:first-child {margin-bottom:10px;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p:nth-child(n+2) > span:first-child {margin-right:15px;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p:nth-child(n+2) > span:last-child {font-weight:500;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) .sorted_desc > p > span {font-size:14px;}
.reserve_soldier .sorted_comrade .sorted_item > li:first-child {width:calc(35% - 15px); margin-right:15px; text-align: center; }
.reserve_soldier .sorted_comrade .sorted_item > li:first-child > p {font-size:12px;}
.reserve_soldier .sorted_comrade .sorted_item > li:nth-child(2) {width:50%;}
.reserve_soldier .sorted_comrade .sorted_item > li:last-child {width:15%;}
.reserve_soldier .sorted_comrade .sorted_item > li:last-child a {float:right;}



/* 제3수송교육연대 */
.btn-mb-join.ty02{display: block;width: 100%;text-align: center;text-decoration: none;color: #fff;line-height: 50px;background: #1f8e95;background: -webkit-linear-gradient(left, #02aca5 , #0d5f86);background: linear-gradient(to right, #02aca5 , #0d5f86);border-radius: 0px;font-size: 16px;font-weight: normal;height: 60px;position: fixed;bottom: 0;margin-top: 30px;padding-top: 0;}
.btn-wrap6{border: 1px solid #1a6187;border-radius: 24px;width: 75%;margin: 15px auto;cursor: pointer;padding: 5px 10px;letter-spacing: -1px;text-align: center;}
.btn-wrap6 > p{color: #1a6187;font-size: 14px;line-height: 1.4;}
.camp-btn-border{overflow: hidden;width: 90%;background: #fff;border: 1px solid #0e5883;justify-content: center;align-items: center;height: 61px;position: relative;border-radius: 5px;display: inline-flex;margin: 0 5% 7px;}
.container-wrap .camp-btn-border:last-of-type{margin: 0 5% 68px;}
.camp-btn-border>a{text-align: center;letter-spacing: -0.8px;width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;color: #0e5883;font-size: 0.925em;padding: 0 22px;}
.camp-btn-border>a>span{font-size: 14px;background: #0e5883;padding: 7px 10px;border-radius: 20px;color: #fff;}
.camp-btn-border>a>.img-wrap{display: flex;align-items: center;justify-content: flex-start;}
.camp-btn-border>a>.img-wrap>img{width: 35px;height: auto;margin-right:16px;}
.camp-btn-border>a>.img-wrap>span{font-weight: bold;color: #000;font-size: 16px;}
.notice-bubble{background: #ff6600;width: 210px;border-radius: 15px;margin: 0px auto;transform: translateY(-77px);z-index: 999;}
.notice-bubble > div{color: #fff;letter-spacing: -0.8px;padding: 7px 0;text-align: center;font-size: 12px;cursor: pointer;}
.notice-bubble:after {content: '';position: absolute;width: 0;height: 0;right: 8px;top: auto;bottom: -6px;border: 8px solid;border-color: transparent transparent transparent #ff6600;}
.camp-btns2.ty02{margin-top: -15px;}
.main-camp-top + .camp-tit-bold, .bod-item.bd-top + .camp-tit-bold, #gnb + .camp-tit-bold{margin-top:40px;padding-top: 0;}
.camp-tit-bold {margin: 30px 5% 22px;font-weight: bold;font-size: 17px;letter-spacing: -.06em;padding-top: 30px;}
/* 3야수교개별캠프메인 */
.is-sticky{position: -webkit-sticky;position: sticky;position:fixed;top:55px;left:0;right:0;bottom:144px;width:100%;border-top: 1px solid #ccc;}

/* 캠프메인 입대예정자 캠프 바로가기 */
.container-wrap .precamp-tit-bold{margin: 30px 5% 22px!important;font-weight: bold;font-size: 17px;letter-spacing: -.06em;padding-top: 30px;}
.goToPreCamp {margin-bottom: 0!important;}
.preCamp {margin-top: 0;}

/* 캠프 멤버 탈퇴 버튼 */
.camp-mb-result .memberOut {float:right;}

/* 캠프 멤버 체크박스 */
.checkOut {display: flex;}
.checkOut .checkbox {margin-top: 20px;}

/* memberActive.jsp */
.member-active-text0 {color:#000; font-size:18px; line-height:1.4; text-align:left; font-weight: bold; margin-bottom: 20px;}
.member-active-text1 {color:#000; font-size:16px; line-height:1.2; text-align:left; margin-bottom: 36px;}
.member-active-channel-talk {display: block; color:#000; font-size:14px; line-height:1.2; text-align:left;}
.member-active-channel-talk-text0 {font-weight: bold; margin-bottom: 4px;}
.member-active-channel-talk-text1 {margin-bottom: 8px;}
.member-active-link0 {display: block; color:#000; font-size:14px; line-height:1.2; text-align:left; font-weight: bold; margin-bottom: 4px;}
.member-active-link1 {display: block; color:#000; font-size:14px; line-height:1.2; text-align:left; margin-bottom: 16px;}

/* 제3수송교육연대 - 관리자 */

/* flex-box 수정 */
.dark{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);z-index: 9999;}
.header .flex-box{display: flex;justify-content: space-between;align-items: center;}
.flex-box .btn-page-pre{position: relative !important;}
.flex-box > h1{letter-spacing: -0.09em;font-size: 20px;color: #000;}/*23px*/
.flex-box > .ico-set{cursor:pointer;}
.flex-box > .ico-set > svg{transform: scale(0.5);margin-right: 0.3em;}
.header .flex-box.ty02{padding-right: 16px;}
.flex-box.ty02 > h1{margin-left: 20px;}
.flex-box.ty02 .btn-manage{border: 1px solid #028086;font-size: 12px;text-align: center;border-radius: 5px;letter-spacing: -0.09em;display: flex;justify-content: space-between;align-items: center;padding: 2px 6px;}
.flex-box.ty02 .btn-manage svg{transform: scale(0.6);margin: 0 1px 0 -2px;}
.flex-box.ty02 .btn-manage p{color: #028086;font-size: 12px;line-height: 26px;padding-top: 1.5px;}

.dropdown-box-45{position:relative;cursor: pointer;animation: flipdown 0.5s ease both;background: #f7f7f7;color: #454545;letter-spacing: -0.5px;font-size: 14px;
	cursor:pointer;height:45px;
	display: flex;align-items: center;}
.dropdown-box-45 > .wrapper{display:flex;align-items:center;position:relative;height: 45px;line-height: 45px;padding-left: 20px;}
.dropdown-box-45 input[type=checkbox]{position: absolute;cursor: pointer;width: 100%;height:45px;z-index: 1;opacity: 0;}
/*.dropdown-box-45 input[type=checkbox]:checked ~ i:before {transform: translate(2px, 0) rotate(45deg);}*/
/*.dropdown-box-45 input[type=checkbox]:checked ~ i:after {transform: translate(-2px, 0) rotate(-45deg);}*/

.dropdown-box-45 input[type=checkbox]:checked ~ i:after {transform: translate(-2px, 0) rotate(45deg);}
.dropdown-box-45 input[type=checkbox]:checked ~ i:before {transform: translate(2px, 0) rotate(-45deg);}

@keyframes flipdown {
	0% {opacity: 0;transform-origin: top center;transform: rotateX(-90deg);}
	5% {opacity: 1;}
	80% {transform: rotateX(8deg);}
	83% {transform: rotateX(6deg);}
	92% {transform: rotateX(-3deg);}
	100% {transform-origin: top center;transform: rotateX(0deg);}
}
/*.dropdown-box-45 > input[type=checkbox]:checked ~ div {margin-top: 0;max-height: 0;opacity: 0;transform: translate(0, 50%);}*/
.dropdown-box-45 > p{font-size: 14px;height: 100%;display: flex;align-items: center;padding-left: 20px;}

/*.dropdown-box-45 i {position: absolute;bottom: 50%;left:173px;margin: 0 0 5px 12px;}*/
.dropdown-box-45 i {margin: 0 0 7px 12px;}
.dropdown-box-45 i:before, .dropdown-box-45 i:after, .dropdown-box-45 > div{transition: all 0.25s ease-in-out;}
.dropdown-box-45 i:before, .dropdown-box-45 i:after{content: "";position: absolute;background-color: #ccc;width: 1px;height: 7px;}
/*.dropdown-box-45 i:after{transform: translate(2px, 0) rotate(-45deg);}*/
/*.dropdown-box-45 i:before{transform: translate(-2px, 0) rotate(45deg);}*/
.dropdown-box-45 i:after{transform: translate(-2px, 0) rotate(-45deg);}
.dropdown-box-45 i:before{transform: translate(2px, 0) rotate(45deg);}

.dropdown-ls{background: #fff;height: 90px;display: flex;flex-direction: column;border-bottom: 1px solid #d5d5d5;justify-content: center;}
.dropdown-ls.tri{height:135px;}
/*.dropdown-box-45 > div{position: absolute;top: 45px;left:0;width: 100%;overflow: hidden;opacity: 1;transform: translate(0, 0);z-index: 2;}*/


.dropdown-box-45 > div{top:-100px;
	position:fixed;
	transition:0.7s;
	transition-timing-function: ease-in-out;
	transition-delay: 0.1s;
	left:0;
	right:0;
	width:100%;
	opacity:0;
}

.dropdown-el{position:relative;height: 45px;color: #454545;font-size: 14px;line-height: 45px;border-bottom: 1px solid #d5d5d5;padding: 0 20px 0 35px;}
.dropdown-el:hover{color:#028086}
.dropdown-el:hover:after{opacity:1;content: '';width: 9px;height: 5px;position: absolute;bottom:50%;left:20px;border: 1px solid #028086;border-top: none;border-right: none;background: transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.dropdown-ls.wide{height:45px;}

/*.dropdown-ls.tri > .dropdown-el:hover:after{left:115px;}*/
/*.dropdown-ls.tri > .dropdown-el:first-child:hover:after{left:125px;}*/
/*.dropdown-ls.tri > .dropdown-el:last-child:hover:after{left:100px;}*/

/*.dropdown-ls.wide > .dropdown-el:hover:after{left:135px;}*/

/*.dropdown-ls.md > .dropdown-el:hover:after{left:100px;}*/


/*top:40%;left:98px*/

.ctrl-area{display: flex;align-items: center;height: 60px;justify-content: space-between;padding: 0 20px;}
.ctrl-area select{border: none;color: #999;width: 84px;background: url(../images/btn/btn_select_type01.png) no-repeat right 3px center;background-size: 13px 7px;}
.ctrl-area .form-search02{width: 185px;}
.ctrl-area .form-search02.ty02{width: 270px;}
.ctrl-area .form-search02 .deleteicon input{border-bottom: #ccc solid 1px !important;font-size: 16px !important;}
.input-left{display: flex;width: 100%;justify-content: space-between;}

.ctrl-area a > img{transform: scale(0.5);}
.ctrl-area .icon-link{width:30px;display: flex;justify-content: center;}

/*.res-box{background: #ebf5f6;height: 45px;font-size: 16px;padding-left: 20px;color: #000;display: flex;align-items: center;margin-bottom:20px;}*/
.res-box{background: #ebf5f6;height: 45px;font-size: 16px;padding-left: 20px;color: #000;display: flex;align-items: center;}
.res-box span{ color: #028086;font-weight: bold;margin-right: 3px;margin-left: 5px;}
.camp-ls-container.ty02{padding: 0 20px 0;}
.res-detail{display: flex;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #ccc;}
.res-detail > .info{display: flex;align-items: center;}
.res-detail .img-area img{border-radius: 50%;width: 70px;height: 70px;}
.res-detail .m-btn-gray{border: 1px solid #ccc;color: #888;padding: 5px 10px;height: 26px;font-size: 14px;}
.res-none{color: #999;text-align: center;margin-top: 100px;}
.res-detail.center{align-items: center;}
.res-detail.center .info .img-area > img{border-radius: 0;width: 55px;height: 55px;}
.res-detail.center .txt-wrap .txt-top{font-weight: 600;}
.sweet-alert{color: #777;letter-spacing: -0.09em;text-align: left;font-size: 14px;}
.tit-form.gray{color: #777;}
.btn-b-area.flex{display: flex; position: fixed; height: 60px;}
.btn-b-area.flex > a{line-height: 60px;}
.btn-b-area .btn-cancel.line{color: #666;background: #fff;border-top: 1px solid #ccc;}
.m-popmid.ty02{max-height: 567px;padding:25px 15px 15px;}
.m-popmid.ty02 .btn-page-close{display: block;position: absolute;top: 0;right: 0;width: 55px;height: 55px;background: url(../images/btn/btn_header.png) no-repeat -299px 18px;background-size: 335px 75px;z-index: 20;
}
.popup.pop_close .m-popmid.ty02 > .desc2{font-size: 20px;font-weight: 400;border: none;padding: 0 0 30px;color: #000;letter-spacing: -1.58px;}
.m-popmid.ty02 select{font-size:16px;}
.m-popmid.ty02 .input-tel input{font-size: 16px;}

.menuToggle{display: block;position: fixed;top: 0;bottom: 0;right: -320px;width:320px;
	background: #fff;height: 100%;transition: 0.4s;z-index: 99999;}

.menuToggle .btn-page-close{display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	background: url(../images/btn/btn_header.png) no-repeat -299px 18px;
	background-size: 335px 75px;
	z-index: 20;}

.menuToggle .wrapper{display: flex;flex-direction: column;}
.menuToggle .wrapper .profile{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 36px;position: relative;}
.menuToggle .wrapper .profile .photo-wrap{margin: 0 0 6px 0;}
.menuToggle .wrapper .profile > p{line-height: 1.5;}
.menuToggle .wrapper .profile > .name{color:#000;}
.menuToggle .wrapper .profile > .position{color:#777;font-size:14px;}


.menuToggle i{position: absolute;top: 45%;right: 14px;margin: 0 0 5px 12px;}
.menuToggle i:before{transform: translate(2px, 0) rotate(45deg);}
.menuToggle i:after{transform: translate(-2px, 0) rotate(-45deg);}

.menuToggle i:before, .menuToggle i:after{content: "";position: absolute;background-color: #c9c9c9;width: 1px;height: 7px;
	background-color: #028086;}
.menuToggle i:before, .menuToggle i:after, .menuToggle > div{transition: all 0.25s ease-in-out;}
.menuToggle > div{position: absolute;top: 45px;left: 0;width: 100%;overflow: hidden;opacity: 1;transform: translate(0, 0);z-index: 2;}
.menuToggle .menu {width: 20rem;border-radius: 0.2rem;overflow: hidden;width:100%;margin-top:64px;}

.menuToggle .menu .menu-item {list-style: none;border-top: 1px solid #ccc;overflow: hidden;}
.menuToggle .menu .menu-item:last-child{border-bottom: 1px solid #ccc;}

.menuToggle .btn {
	display: block;
	padding: 1rem 1.2rem;
	background: #fff;
	color: #000;
	position: relative;
}

.menuToggle .btn i {
	margin-right: 15px;
}

.menuToggle .menu-item__sub {
	background: #f1f1f1;
	overflow: hidden;
	transition: max-height 0.3s;
	max-height: 0;
}

.menuToggle .menu-item__sub a {
	display: block;
	padding: 1rem 1.6rem;
	color: #454545;
	font-size: 0.9rem;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.menuToggle .menu-item__sub a:last-child{
	border:none;
}
.menuToggle .menu-item__sub a:hover{
	color:#028086;
}

.menuToggle .menu-item__sub a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0.4rem;
	height: 100%;
	background:#ccc;
	transform: translatex(-0.4rem);
	transition: 0.3s;
	opacity: 0;
}

.menuToggle .menu-item__sub a:hover::before {opacity: 1;transform: translatex(0);}
.menuToggle .menu-item:target .menu-item__sub {max-height: 10em;}
.menuToggle .menu-item:target i:before, .menuToggle .menu-item:target i:after{background:#c9c9c9;}
.menuToggle .menu-item:target i:before{transform: translate(-2px, 0) rotate(45deg);}
.menuToggle .menu-item:target i:after{transform: translate(2px, 0) rotate(-45deg);}

.h-accordion{position: relative;cursor: pointer;background: #fff;border-top: 1px solid #ccc;animation: flipdown 0.5s ease both;color: #454545;letter-spacing: -0.5px;font-size: 14px;height: 45px;}
.h-accordion input[type=checkbox]{position: absolute;cursor: pointer;width: 100%;height:45px;z-index: 1;opacity: 0;}
.h-accordion > p{font-size: 14px;height: 100%;display: flex;align-items: center;padding-left: 30px;}
.h-accordion > div > .dropdown-ls{background: #f1f1f1;height: 100%;display: flex;flex-direction: column;border-bottom: 1px solid #f1f1f1;justify-content: center;}
.h-accordion > div > .dropdown-ls > .dropdown-el{border-bottom: 1px solid #ccc;padding:0 30px;}
.h-accordion .sub-el:hover{color:#028086;}
.h-menu-item {overflow: hidden;}
.h-menu-item > .item-tit{position: relative;font-size: 14px;height: 44px;display: flex;align-items: center;padding-left: 30px;border-bottom: 1px solid #ccc;}
.h-menu-item-sub{overflow: hidden;transition: max-height 0.3s;max-height: 0;background: #f1f1f1;width:100%;}
.h-accordion .sub-el{border-bottom: 1px solid #ccc;padding: 0 30px;height: 45px;line-height: 45px;font-size: 14px;}
.h-accordion > div > .dropdown-ls > .dropdown-el:hover:after{display:none;}
.h-menu-item-sub a:hover::before {opacity: 1;transform: translatex(0);}
.h-menu-item:target .h-menu-item-sub {max-height: 10em;}


/* 혜택존 팝업 - 무료 회원가입 혜택 */
.section.bf_pop_free{padding:25px;}
.section.bf_pop_free a{margin-top:25px;}
.section.bf_pop_free a.border-gray{border:1px solid #ddd;}
.section.bf_pop_free a:first-child{margin-top:0;}
.section.bf_pop_free a img{width:100%;}
.section.bf_pop_free a .tranY{transform: translateY(18px);}

.lecture-swiper-wrap {background-color:#fff;text-align:center;}
.lecture-swiper-wrap .swiper-slide {padding:12px 2px 10px;font-size:0;}
.lecture-swiper-wrap .swiper-slide a {display:inline-block;position:relative;width:24%;}
.lecture-pagination .swiper-button-next,
.lecture-pagination .swiper-button-prev {display:inline-block;width:28px;height:28px;margin-top:-14px;}
.lecture-pagination .swiper-button-prev {left:0;background:url(../images/content/lecture_left.png) center/28px 28px no-repeat;}
.lecture-pagination .swiper-button-next {right:0;background:url(../images/content/lecture_right.png) center/28px 28px no-repeat;}

@media screen and (max-width:320px) and (min-width: 1px){
	.txt-join-wrap {margin:25px auto 25px}
	.txt-join-wrap > p {font-size:20px;}
	.txt-join-wrap > span {font-size:14px;}
	.btn-select > a {margin-bottom:7px; padding:0 0 0 65px; font-size:13px;}
	.txt-form-alert {font-size:11px !important;}
	.form .tel-disabled input[disabled] {width:20% !important;}
	.form .tel-disabled input[disabled]:last-child{width:79% !important;}
	.soldier-wrap {padding:20px 15px;}
	.soldier-wrap .photo-wrap {margin:0 15px 0 0;}
	.soldier-wrap .profile-wrap ul > li > span:first-child {width:60px;}
	.soldier-wrap .profile-wrap ul > li > span {font-size:12px;}
	.soldier-wrap + .profile-info {padding:15px 10px 13px 10px;}
	.soldier-wrap + .profile-info > span {font-size:11px !important;}
	.soldier-wrap + .profile-info > span:last-child > em {font-size:12px !important;}
	.section02 {padding:18vw 32px 12vw 32px;}
	.form-flex.login input[type=radio] + label {font-size:14px;}
	.form-find-login > a {font-size:12px;}
	.login-contact {line-height:1.3;}
	.form-find-login > a {padding:0 8px;}
	.terms-tit {padding-right:0;}
	.terms-tit .enforcement-date {position:static;}
	.tmo_list > a > span {font-size: 14px; letter-spacing: -1px;}
	.reauthorization-wrap .txt-form-alert {margin:80px 0 0 0;}
	.reauthorization-wrap.complete .txt2 {margin-top:20px;}

	/* 쪽지함 */
	.camp-list .tit {font-size:16px;}
	.camp-list.ty06 {padding:15px 70px 15px 0;}
	.camp-list .btn-gy.ty02.btn-green.h35 {padding:0 8px; font-size:13px; }
	.camp-list .i-check .point6 {font-size:12px;}

	/* 보고싶은 군인 */
	.button-wrap a.btn-green{font-size:14px;}
	.soldier-wrap .profile-wrap .name-wrap .name + .point6 {font-size:14px;}

	/* 혜택존 */
	.btn-full .btn-green {font-size:15px;}

	/* 캠프만들기 */
	.bg-box.type-full .photo-wrap {min-height:150px;}

	/*회사소개*/
	.company-cont {padding: 0 25px;}
	.company-cont > .company-tit {font-size: 25px;}
	.tab-company > a {font-size: 24px;}
	.wrap-tab-cont.next .month{ font-size: 22px;}
	.tbl-ty03 th {padding: 10px 5px !important;}

	/* 혜택존 e러닝 */
	.lecture-swiper-wrap .swiper-slide a {width:70px;}
}

/* 20200114 홈 노출 설정 */
.ms-setting .setting-radio{display:inline-block;width:25px;height:25px}
.ms-setting .setting-radio input[type=radio] + label:before{background:url(../images/btn/btn_radio02.png) no-repeat top left; background-size:25px 90px}
.ms-setting .setting-radio input[type=radio]:checked + label:before {background-position:bottom left;}
.ms-setting .bg-setting{position:relative;height:200px;overflow:hidden}
.ms-setting .bg-setting img{width:100%;max-width:100%}
.ms-setting .btn-bg-edit{display:block; position:absolute; bottom:20px; right:20px; width:30px; height:30px; background:url(../images/btn/btn_profile_edit.png) no-repeat 0 0; background-size:30px 30px;}
.ms-setting .picture{display:flex;-webkit-display:flex;padding:30px 20px}
.ms-setting .picture .column{width:100%;text-align:center}
.ms-setting .picture .img{position:relative;width:80px;height:80px;margin:20px auto 0}
.ms-setting .picture .img .btn-bg-edit{bottom:0;right:0}
.ms-setting .picture .img img{width:100%}
.ms-setting .picture .txt{margin-top:14px;font-size:13px;color:#222;letter-spacing:-1px;font-weight:500}

.ms-setting .days .module{padding:28px 20px 90px}
.ms-setting .days .ctr{margin-top:8px}
.ms-setting .days .ip-select{width:100%;height:55px;line-height:55px;text-align:center;border:0;font-size:15px;font-weight:700;color:#000;text-align-last: center;background:#f3f3f3 url(../images/btn/select_type01.png) no-repeat top right;background-size:55px 55px}
.ms-setting .days .line{display:flex;-webkit-display:flex;height:35px;margin-top:30px}
.ms-setting .days .line:first-child{margin-top:25px}
.ms-setting .days .division:first-child{width:145px;padding-right:15px}
.ms-setting .days .division:last-child{-webkit-flex : 1;flex : 1;}
.ms-setting .days label{display:inline-block;padding-left:6px;font-size:15px;color:#000;font-weight:500;line-height:35px}
.ms-setting .days input{font-size:15px}
.ms-setting .days .bold label,
.ms-setting .days .bold input{font-weight:700}

.ms-setting .regist .desc{margin-top:10px;font-size:15px;color:#999999;text-align:center}
.ms-setting .regist .btn-regist{display:block;width:100%;height:55px;margin-top:23px;line-height:55px;border:1px solid #038086;color:#028086}
.ms-setting .regist .btn-regist::before{display:inline-block;width:24px;height:24px;margin-right:8px;content:"";vertical-align:-5px;background:url(../images/icon/ico_regist.png) no-repeat;background-size:100%}
.ms-setting .hidden-layer{margin-top:8px}
.ms-setting .hidden-layer .division:last-child{position:relative;padding-right:50px}
.ms-setting .hidden-layer .btn-del{display:block;position:absolute;top:0;right:0;width:50px;height:35px;line-height:35px;font-size:14px;font-weight:500;color:#028086;text-align:center}
.ms-setting .hidden-layer .btn-home{display:block;width:100%;height:55px;line-height:55px;text-align:center;border:1px solid #038086;font-size:15px;color:#028086}
.ms-setting .hidden-layer .btn-home::before{display:inline-block;width:25px;height:25px;margin-right:8px;vertical-align:-5px;content:"";background:url(../images/btn/btn_checkbox.png) no-repeat;background-size:25px 90px;background-position:left -65px}
.ms-setting .hidden-layer .btn-home:disabled{color:#000000;border-color:#f3f3f3;background-color:#f3f3f3}
.ms-setting .hidden-layer .btn-home:disabled::before{background:url(../images/btn/btn_checkbox.png) no-repeat;background-size:25px 90px}

.boundary-top::before{display:block;width:100%;height:10px;content:"";background-color:#f1f1f1}

@media screen and (max-width:375px) and (min-width: 1px){
	.swiper-category {position:fixed; /*top:56px;*/ top:53px;left:0; right:0; background:#fff; z-index:10;}
	/* 21-11-03 카페, 캠프 게시판 스와이퍼 카테고리 빈틈 수정 */
	.camp-swiper-category,
	.cafe-swiper-category {position:fixed; top:55px;}
}

@media screen and (max-width:320px) and (min-width: 1px){
	.swiper-category {position:fixed; /*top:56px;*/ top:51px;left:0; right:0; background:#fff; z-index:10;}
}


.talk-copy {-ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}