@charset "UTF-8";
html, body {width:100%;height:100%;min-width:320px; font-family: "Noto Sans KR";}
#wrap {position:relative;overflow-x:hidden;width:100%;min-height:100%;margin:0 auto}
#wrap.menuOpen, #wrap.layerOpen {position:fixed}
a, button,input {-webkit-tap-highlight-color:transparent}

/* 헤더 */
#header {background:#fff}
#header .top {position:relative;border-bottom:1px solid #888888}
#header h1 {padding:10px 0;text-align:center} /* 2016-05-18 수정 */
#header h1 a {display:inline-block;width:150px;height:40px;background:url(/images/site/mbl/200727_01_logo.png) no-repeat center;background-size:auto 100%;text-indent:-9999em} /* 2016-05-18 수정 */
#header .btn_menu {display:block;position:absolute;top:16px;right:5px;width:36px;height:28px;background:url(/images/site/mbl/btn/btn_menu.png) no-repeat center center;background-size:26px auto;text-indent:-9999em} /* 2016-05-18 수정 */
#header .btnBackW {position:absolute;left:0;top:8px} /* 2016-05-18 수정 */
#header .btn_back {display:inline-block;width:25px;height:25px;padding:10px;background:url(/images/site/mbl/btn/btn_backN.png) no-repeat center;background-size:auto 25px;text-indent:-9999em}

/* 메뉴 */
#menu {overflow-y:scroll;position:fixed;right:0;top:0;width:100%;height:100%;z-index:100}
#menu .inner {position:absolute;right:0;top:0;width:100%;min-height:100%;background:#f9f9f9;z-index:100}
#header .menuBg {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:90}

#menu {-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all 0.4s 0s;-moz-transition:all 0.4s 0s;-ms-transition:all 0.4s 0s;transition:all 0.4s 0s}
.menuOpen #menu {-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}


#menu h1 {padding:0 10px;margin-bottom:20px} /* 2016-05-18 수정 */
/* 로고 수정 */
#menu h1 a {display:block;width:146px;height:44px;background:url(/images/site/mbl/200727_01_logo_w.png) no-repeat;background-size:auto 100%}
#menu .menuTop {padding-top:12px;background:#f1592a}
#menu .menuBottom {padding-bottom:10px}
#menu .user {margin-bottom:14px}
#menu .user dt {overflow:hidden;width:50px;height:50px;margin:0 auto;margin-bottom:10px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px}
#menu .user dt img {width:50px}
#menu .user dd {color:#fff;text-align:center;font-weight:bold;;letter-spacing:-1px}
#menu .btnM {padding-bottom:12px;text-align:center}
#menu .btnM a {display:inline-block;width:95px;height:30px;background:rgba(0,0,0,0.6);border:1px solid #301208;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;font-size:13px;color:#fff;line-height:30px;text-align:center;letter-spacing:-1px;font-weight:500;}
#menu .btnM a:first-child {margin-right:20px}

#menu .loginM a {width:185px}
#menu .loginM a:first-child {margin-right:0}

#menu .quickMenu01 {overflow:hidden;padding:0 10px;border-top:1px solid rgba(256,256,256,0.2)}
#menu .quickMenu01 li {float:left;width:25%;}
#menu .quickMenu01 li a {display:block;height:25px;padding-top:43px;background:url(/images/site/mbl/ico/ico_quick01_01.png) no-repeat center 13px;background-size:auto 21px;font-size:10px;color:#fff;text-align:center;letter-spacing:-0.3px}
#menu .quickMenu01 li:nth-child(2) a {background-image:url(/images/site/mbl/ico/ico_quick01_02.png)}
#menu .quickMenu01 li:nth-child(3) a {background-image:url(/images/site/mbl/ico/ico_quick01_03.png)}
#menu .quickMenu01 li:nth-child(4) a {background-image:url(/images/site/mbl/ico/ico_quick01_04.png)}

#menu .quickMenu02 {overflow:hidden;margin-bottom:10px;background:#fff}
#menu .quickMenu02 li {float:left;width:50%;border-bottom:1px solid #e3e3e3;box-sizing:border-box}
#menu .quickMenu02 li:nth-child(2n-1) {border-right:1px solid #e3e3e3;}
#menu .quickMenu02 li a {display:block;height:39px;line-height:39px;text-align:center;font-size:13px;font-weight:500;letter-spacing:-0.5px}

#gnb {margin-bottom:10px;background:#fff;border-top:1px solid #e3e3e3}
#gnb > li {border-bottom:1px solid #e3e3e3}
#gnb > li > a {display:block;height:36px;padding:0 15px;font-size:12px;font-weight:500;line-height:37px;letter-spacing:-0.5px;-webkit-transition:all 0.3s 0s;-moz-transition:all 0.3s 0s;-ms-transition:all 0.3s 0s;transition:all 0.3s 0s}
#gnb > li > a span {display:block;background:url(/images/site/mbl/ico/ico_menuArrow_down.png) no-repeat right center;background-size:auto 10px;}
#gnb > li.open > a {border-bottom:1px solid #f5f5f5}
#gnb > li.open > a span {background-image:url(/images/site/mbl/ico/ico_menuArrow_up.png)}
#gnb li ul {display:none;overflow:hidden;padding:10px 0}
#gnb li li {float:left;width:50%;box-sizing:border-box;padding:0 15px}
/*#gnb li li:nth-child(2) {padding-left:15px} */
#gnb li li a {display:block;height:33px;font-size:13px;color:#727272;line-height:33px;letter-spacing:-0.5px}

#menu .etc {background:#f0f0f0;border-top:1px solid #d7d7d7}
#menu .etc li {border-bottom:1px solid #d7d7d7}
#menu .etc a {display:block;height:42px;font-weight:bold;line-height:42px;color:#727272;font-size:12px;text-align:center;letter-spacing:-0.5px}
#menu .btn_menuClose {display:block;position:absolute;top:1px;right:5px;width:20px;height:21px;padding:10px;background:url(/images/site/mbl/btn/btn_menuClose.png) no-repeat center center;background-size:auto 20px;text-indent:-9999em} /* 2016-05-18 수정 */


#container {padding-bottom:158px}
/* 타이틀 영역 */
.tltW {position:relative}
.tltW h1 {height:46px;padding:0 45px 0 5px;background:#f1592a;font-size:15px;color:#fff;line-height:46px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.myTltW h1 {background:#808080}

.tltW .btnTopW {position:absolute;top:8px;right:5px; font-size: 0;}
.tltW .btnTopW > * {margin-left:5px}
.tltW .btnTopW > *:first-child {margin-left:0}
.tltW .btn_topCom {display:inline-block;width:auto;height:29px;padding: 0 8px;background:rgba(0,0,0,0.6);border:1px solid #301208;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;font-size:12px;color:#fff;line-height:27px;text-align:center;letter-spacing:-1px;font-weight:400;box-sizing: border-box;}
.tltW .btn_topSearch span {display:inline-block;padding:0 0 0 15px;background:url(/images/site/mbl/ico/ico_searchTop.png) no-repeat 0 9px;background-size:12px auto}
.tltW .btn_write {display:none}
.tltW .btn_topCom.write {}
.tltW .btn_topCom.write .txt {padding: 0 0 0 14px; background-image: url("/images/site/mbl/ico/write_icon.png"); background-size: 11px 11px; background-position: left center; background-repeat: no-repeat;}
.tltW .btn_match {width: auto; padding: 0 5px;}
.tltW .btn_match span {display:inline-block; width: auto; padding:0 0 0 15px;background:url(/images/site/mbl/ico/ico_local.png) no-repeat 0 9px;background-size:12px auto}
.tltW .btn_note {width:80px}
.tltW .btn_myActivity {width:68px}

.tltW .btn_back {display:inline-block;width:31px;height:30px;background:url(/images/site/mbl/btn/btn_back.png) no-repeat center;background-size:auto 30px;text-indent:-9999em}

/* 검색영역 */
.topSearch {display:none;padding:12px 10px 10px 10px;background:#fafafa;border-bottom:1px solid #c7c7c7}
.topSearch dd {margin-bottom:10px}
.topSearch p > * {height:40px; border-radius: 5px; font-size:14px;color:#fff;font-weight:400;vertical-align:top;line-height:42px}
.topSearch .btn_submit {width:76.1%; margin: 0 1.4% 0 0; background:#f1592a}
.topSearch .btn_submit span {display:inline-block;padding:0 0 0 20px; background:url(/images/site/mbl/ico/ico_search.png) no-repeat 0 center;background-size:14px auto}
.topSearch .btn_close {width:22.5%;background:#b2b4bd}


.topSearch dl.w50 {margin: 0 0 10px; font-size: 0;}
.topSearch dl.w50 dd {display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0;}
.topSearch dl.w50 dd:last-child {margin: 0;}

.date_area {font-size: 0;}
.date_area input {display: inline-block; width: calc(50% - 12px) !important; height: 40px; vertical-align: middle;}
.date_area .text {padding: 0 6px; font-weight: 400; font-size: 20px; line-height: 36px; color: #424242; vertical-align: middle;}
/* 서브 제목 */
.subTlt {font-size:20px;line-height:1.2;font-weight: 500;}
.subTlt .typeB {color:#727272}

/* footer */
#footer {position:absolute;left:0;bottom:0;width:100%}
#footer .bottom {height:69px;background:#353535}
#footer .bottom .contact {padding:10px 0 10px 0;color:#777;font-size:11px;text-align:center;letter-spacing:-0.5px;line-height:1.5} /* 2016-05-18 수정 */
#footer .bottom .contact span {display:inline-block;padding:0 7px;color:#4b4b4b;font-weight:bold}
#footer .bottom .copyright {color:#555;font-size:12px;text-align:center;letter-spacing:-0.5px}

/* util */
.utilZone {overflow:hidden;width:100%;padding:5px 10px;border-top:1px solid #c7c7c7;background:#fff;box-sizing:border-box}
.utilZone .util {float:left;padding-top:9px}
.utilZone .util li {float:left;margin-left:11px;padding-left:16px;background:url(/images/site/mbl/bg/line_util.png) no-repeat 0 center;background-size:5px auto;font-size:11px;font-weight:bold;letter-spacing:-0.5px}
.utilZone .util li:first-child {padding-left:0;margin-left:0;background:none}
.utilZone .util li a {color:#555}
.utilZone .util li strong {color:#f1592a}

.utilZone .sns {float:right}
.utilZone .sns li {float:left;margin-left:7px;}
.utilZone .sns li:first-child {margin-left:0}
.utilZone .sns li a {display:block;width:28px;height:28px;text-indent:-9999em}
.utilZone .sns li .btn_facebook {background:url(/images/site/mbl/btn/btn_facebook.png) no-repeat;background-size:100%}
.utilZone .sns li .btn_blog {background:url(/images/site/mbl/btn/btn_blog.png) no-repeat;background-size:100%}
.utilZone .sns li .btn_Instagram {background:url(/images/site/mbl/btn/btn_Instagram.png) no-repeat;background-size:100%} /* 2016-07-06 추가 */


/* 나의 맞춤 활동처 */
.myActivity {height:260px;padding-top:60px;margin-bottom:35px;background:#f9f9f9 url(/images/site/mbl/bg/bg_lock.png) no-repeat center 129px;background-size:49px auto;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.myActivity h2 {margin-bottom:13px;font-size:17px;text-align:center;letter-spacing:-1p}
.myActivity .noticeTxt {padding:0 10px;margin-bottom:119px;color:#f1592a;text-align:center;font-size:13px;line-height:1.4}
.myActivity .btn_login {text-align:center}
.myActivity .btn_login a {display:inline-block;width:300px;height:40px;background:#1c7fa4;font-weight:bold;color:#fff;line-height:40px}

/*휴먼계정 상태*/
.law-info{padding:25px 10px; text-align:center;}
.law-info p{font-size:14px; color:#555; line-height:20px}
.law-info p span{color:#61a7c2}
.human-account-info div.inner-account-info{padding:25px 10px; border:1px solid #888888; box-sizing:border-box; background:#f7f7f7; line-height:1.4; text-align:justify; font-size:14px;}
.human-account-info div.inner-account-info strong{font-size:18px; color:#464646; display:block; text-align:center; margin-bottom:20px; letter-spacing:-0.5px}
.human-account-info div.inner-account-info ul{margin-left:10px}
.human-account-info div.inner-account-info ul li{font-size:14px; color:#727272; margin-bottom:20px; background:url('/images/site/mbl/bul/bul_dot_process02.png') no-repeat left 7px; background-size:3px 3px; padding-left:10px}
.human-account-info div.inner-account-info p{text-align:center}
.human-account-info div.inner-account-info p label{margin-left:10px; font-size:14px; color:#555; line-height:22px; font-weight:bold}
.human-account-info div.inner-account-info p input{width:22px; height:22px}
.human-account-info div.inner-account-info p input[type=checkbox]:checked:after{display:block; width:22px; height:22px; content:' '; background:url(/images/site/mbl/ico/ico_chkOn.png) no-repeat; background-size:auto 100%;}
.human-account-info .human-account-cancel{width:150px; height:35px; background-color:#f1592a; margin:22px auto}
.human-account-info .human-account-cancel a{color:#fff; font-size:16px; font-weight:bold; display:block; text-align:center; line-height:35px}

/*모바일 회원가입*/
.fl-l{float:left;}
.fl-r{float:right;}
.bg-gray{background-color:#f8f8f8}
.bg-skyblue{background-color:#f2f7f9;}
/* 220317 패딩값 수정 */
.join-box{padding:15px 0; position:relative;}
.join-box.join {padding: 0;}
.ta-c{text-align:center;}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mt5 {margin: 5px 0 0;}
.pb65{padding-bottom:65px}
.color-orang{color:#f1592a !important;}
.bg-orang{background-color:#f1592a;}
.color-yellow{color:#dd3402 !important;}
.bg-yellow{background-color:#dd3402;}
/* 220316 수정 */
.join-content{padding:20px 10px 10px 10px; border-radius:2px}
/* 220316 추가 */

/* 220317 추가 */ 
.join-content {position:relative;}
.join-content.pb0 {padding: 20px 10px 0px 10px;} 

.essential {color: #f1592a;}
.join-content .essential_txt {display:inline-block;position:absolute;bottom:40px;right:10px;font-weight:400;font-size:12px;line-height:18px;}
.join-content .secret_check {}
.join-content .writer_info {padding:5px 0;}
.join-content .writer_info dl dt {font-weight: 500; font-size:14px;line-height:20px;color:#424242;}
.join-content .writer_info dl dd {margin:3px 0 0;font-size:16px;line-height:22px;color:#757575;}
.join-content .writer_info dl dd + dt {margin: 15px 0 0;}
.join-content .writer_info .secret_check + dl {margin: 20px 0 0;}

.join-content .big_subTlt {font-weight: 700; font-size: 22px; line-height: 26px; color: #1c7fa4; margin: 0 0 20px 0;}
.join-content .subTlt {padding: 0 0 15px; border-bottom: 1px solid #efefef;margin: 0 0 15px 0;}
.join-content .subTlt.no-mb {margin: 0 0 0 0;}
.join-content .subTlt .type-title {float: right;margin:5px 0 0;font-size:12px;color:#757575;}

.delet{position:absolute; bottom:15px; right:15px; background-color:#f1592a; height:40px; border-radius: 1px; box-sizing: border-box; text-align: center; width:25%}
.delet a{font-size:16px; line-height:40px; display:inline-block; width: 100%; color:#fff; }

.join-title-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-title-area h2{font-size:18px; color:#464646; line-height:37px; float:left}
.join-content .join-title-area h2 {float: none; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #eee;}
.join-title-area ul{float:right}
.join-title-area ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-title-area ul li{float:left; padding-right:11px; background:url('/images/site/mbl/bul/bul_list_dot.png') no-repeat 46px center; background-size:2px 2px}
.join-title-area ul li.on span{border-color:#f1592a; color:#555}
.join-title-area ul li:last-child{padding-right:0}
.join-title-area ul li span{width:37px; height:37px; border-radius:20px; border:2px solid #c7c7c7; display:block; text-align:center; line-height:37px; color:#9d9d9d; font-size:15px; font-weight:bold}
.join-list-type:after{clear:both; display:block; overflow:hidden; content:""; height:0}
/* .join-list-type{margin-top:40px;} */
.join-list-type li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-list-type li{margin-bottom:20px;}
.join-list-type li .anc_list {margin: 10px 0 0;}
.join-list-type li .anc_list > ul {}
.join-list-type li .anc_list > ul > li {position: relative; margin:4px 0 0; padding: 0 0 0 16px; font-size: 14px; line-height: 24px; color: #898989;}
.join-list-type li .anc_list > ul > li:first-child {margin: 0;}
.join-list-type li .anc_list > ul > li:before {content:'※'; position: absolute; top: 0; left: 0; font-size: 14px; line-height: 24px; color: #898989;}
.join-list-type li .anc_list > ul > li > ul > li {margin: 2px 0 0; font-size: 12px;}
.join-list-type li .anc_list > ul > li > ul > li:first-child {margin: 0;}

/* 220329 추가 */
.join-list-type li .phone_num_form {font-size: 0;}
.join-list-type li .phone_num_form input[type="text"]{width:calc(33.3333% - 10px);}
.join-list-type li .phone_num_form .phone_dash {padding: 0 5px; font-size: 14px; box-sizing: border-box; vertical-align: middle;}

/* 220322 추가 */
.join-list-type .radio_box_area {}
.join-list-type .radio_box_area ul {font-size: 0;}
.join-list-type .radio_box_area ul > li {display:inline-block; width: 50%; margin: 0 0 10px 0;}
.join-list-type .radio_box_area ul > li input[type="radio"] {display:inline-block;width:18px;height:18px;background-image:url('/images/site/mbl/ico/radio_btn.png');background-position:center center; background-size:18px auto;background-repeat:no-repeat; vertical-align: middle; appearance: none;}
.join-list-type .radio_box_area ul > li input[type="radio"]:checked {background-image:url(/images/site/mbl/ico/radio_btn_checked.png);}
.join-list-type .radio_box_area ul > li label {width: auto; float: none; vertical-align: middle;}
.profile_img_area {position: relative; min-height: 78px;}
.profile_img_box {display:inline-block;position:relative;overflow:hidden;width:130px;height:130px;border:1px solid #e0e0e0;border-radius: 5px;background-color:#f6f6f6;/* background-image:url(/images/site/mbl/ico/profile_bg.png); */background-position:center center;background-size:85px auto;background-repeat:no-repeat;box-sizing:border-box;vertical-align:bottom;}
.profile_img_area.small .profile_img_box {position: absolute; top: 0; left: 0; width: 80px; height: 80px; margin: 0 10px 0 0; background-size: 50px auto;}
.profile_img_box img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.profile_img_area .btn_area {display:block; padding: 0 0 0 90px; box-sizing: border-box;}
.profile_img_area .btn_area input.file_name_input {display: block; margin: 0 0 5px 0;}
.profile_img_box ul li .attachFile {font-size: 0;}
.join-list-type .talent_sort {margin: 0 0 10px 0;}
.join-list-type .join_announce_ment {margin: 7px 0 0; font-size: 14px; line-height: 18px; color: #757575;}
.join-list-type .profile_img_area .btn_photoAttach {display: inline-block;height: 35px;margin: 5px 0 0; padding: 0 15px;border: 1px solid #1c7fa4;background-color: #1c7fa4;line-height: 35px;text-align: center;color: #1c7fa4;font-size: 13px;font-weight: bold;border-radius: 6px;box-sizing: border-box;vertical-align:bottom;}
.join-list-type .profile_img_area .btn_photoAttach span {display:inline-block;font-weight: 400;font-size: 15px;color: #fff;padding: 0 0 0 19px;background: url(/images/site/mbl/ico/ico_attach_img.png) no-repeat 0 center; background-size: auto 13px;}
.pass_caution {margin: 7px 0 0; font-size: 14px; line-height: 20px; color: #757755;}
.join-list-type li strong.type-title{font-size:16px; color:#363636; display:block; font-weight:500;}
.join-list-type li strong.type-title span{padding-left:5px;}
.join-list-type li .check-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-list-type li label{font-size:14px; color:#555;float:left; width:90%; margin-left:10px; line-height:20px;}
.join-list-type li label.no-mg {float: none; margin: 0;}
.join-list-type li input[type=checkbox]{width:20px; height:20px; float:left;}
.join-list-type li input[type=checkbox]:checked:after{display:block; width:20px; height:20px; content:' '; background:url(/images/site/mbl/ico/ico_chkOn_new.png) no-repeat; background-size:auto 100%;}
.join-list-type li .check-area.mb15{margin-bottom:15px;}
.join-list-type li .inner-text-type:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-list-type li .type1{float:left}
.join-list-type li .type1.w80{width:80%;}
.join-list-type li .type1.w70{width:73%;}
.join-list-type li .type1.w60{width:63%;}
.join-list-type li .type1.w100{width:100%;}
/* .join-list-type li .type1 select{background:url('/images/site/mbl/bg/select_bg.png') #fff no-repeat right 15px center; background-size:16px 8px; border:1px solid #c3c3c3;} */
.join-list-type li .type1 select{background:url('/images/site/mbl/ico/ico_selectArrow_new.png') #fff no-repeat right 10px center; background-size:11px auto; border:1px solid #c3c3c3;}
.join-list-type li .btn-box{float:right; background-color: #4e4e4e; border-radius:5px; height:40px; box-sizing: border-box; text-align:center;}
.join-list-type li .inner_file_type {position: relative; font-size:0;}
.join-list-type li .inner_file_type .upload-name {width: 73%;height: 40px;padding: 0 10px;background: #fff;border: 1px solid #c3c3c3;border-radius: 5px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;box-sizing: border-box;font-size: 14px;font-weight: 500;}
.join-list-type li .inner_file_type .btn {float: right; width: 25%; margin: 0; background-color: #4e4e4e; border-radius: 5px; height: 40px; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 40px; color: #fff;}
.join-list-type li .inner_file_type button{float: right; width: 25%; margin: 0;background-color:#4e4e4e; border-radius: 5px; height: 40px; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 40px; color: #fff;}
.join-list-type li .inner_file_type input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

/* 220425 */
.join-list-type li .inner_file_type .attch_file_area {margin: 10px 0;}
.join-list-type li .inner_file_type .attch_file_area .list {}
.join-list-type li .inner_file_type .attch_file_area .list li {position:relative;padding:14px 30px 14px 28px;border: 1px solid #e0e0e0;background-color:#fafafa; background-image:url(/images/site/mbl/ico/ico_attach_form_clip.png); background-size: 8px auto; background-position: left 12px top 17px; background-repeat: no-repeat; margin-top:10px; border-radius:6px;}
.join-list-type li .inner_file_type .attch_file_area .list li a {position:absolute;top:9px;right:5px;display:block;width:31px;height:31px;background-image:url(/images/site/mbl/btn/btn_fileDel_new.png); background-position: center center; background-size:20px auto; background-repeat: no-repeat; text-indent:-9999em;}
.join-list-type li .inner_file_type .attch_file_area .list li a.attachFile {position: relative; top: auto; right: auto; width: auto; height: auto; background-image: none; color:#727272;font-size:13px;line-height: 18px;color:#bdbdbd;text-indent:0em;}
/* //220425 */

.join-list-type li .down_form {margin: 0 0 5px; font-size: 0;}
.join-list-type li .down_form a {display: inline-block;padding: 0 0 0 20px;font-weight: 500;font-size: 14px;line-height: 24px; color: #f1592a; background-image:url('/images/site/mbl/ico/icon_file_down.png'); background-position: center left; background-size: 16px auto; background-repeat: no-repeat; box-sizing: border-box;}
/* 2022-03-15 */
.join-list-type li .btn-box.type2{float:left; border:0; background-color:#1c7fa4;}
.join-list-type li .btn-box.type2 a{color:#fff}
/* 2022-03-15 */

/* 220328 */
.joinGroupTop {padding: 10px; box-sizing: border-box;}
.joinGroupTop .grey_box {padding: 10px; background-color: #f9f9f9; box-sizing: border-box;}
.joinGroupTop p {margin: 5px 0 0; font-size: 14px; line-height: 18px; color: #898989;}
.joinGroupTop p:first-child {margin: 0;}
.join-title-area {position: relative;  margin: 0 0 20px;}
.join-title-area legend {padding: 0 0 10px; border-bottom: 1px solid #eee; font-weight: 700; font-size: 18px; color: #464646; line-height: 37px;}
.join-title-area .essentialW {position:absolute;top:12px;right:0;}
/* 220328 */

/* 220329 */
.join-list-type li .find_loc_button {font-size: 0;}
.join-list-type li .find_loc_button input[type="button"] {display: inline-block; overflow: hidden; width: 150px !important; height: 40px !important; margin: 0 !important; border: none; border-radius: 5px; background-color: #4e4e4e; font-weight: 400; font-size: 16px; line-height: 40px !important; color: #fff; box-sizing: border-box;}

.join-list-type li .btn-box.w20{width:18%;}
.join-list-type li .btn-box.w30{width:25%;}
.join-list-type li .btn-box.w40{width:35%;}
.join-list-type li .btn-box.fl-i{float:initial;}
.join-list-type li .btn-box.fl-l{float:left;}
.join-list-type li .btn-box a{width: 100%; color:#ffffff; font-size:16px; line-height:40px; display:inline-block;}
/* 2022-03-15 */
.join-list-type li .agree-info{display: inline-block; padding: 10px 20px 10px 40px; border-radius: 7px; background-color: #f6f6f6; background-size: 15px 15px; background-image: url("/images/site/mbl/ico/agree_info_yes.png"); background-position: left 20px center; background-repeat: no-repeat; font-size:14px; color: #1ba909;}
.join-list-type li .agree-info.no{background-image: url("/images/site/mbl/ico/agree_info_no.png"); font-size:14px; color :#f23939;}

.email_area {position: relative; font-size: 0;}
.email_area .inner {display: inline-block; width: calc(100% - 145px); font-size: 0; vertical-align: top;}
.email_area .inner input {display: inline-block; width: calc(50% - 12px); vertical-align: top;}
.email_area .inner input:last-child {}
.email_area .inner .text {padding: 0 5px; font-size: 14px; line-height: 40px; vertical-align: top;}
.email_area select {display: inline-block; position: absolute; right: 0; top: 0; width: 135px; vertical-align: top;}

.adress_area {}
.adress_area .inner {font-size: 0;}
.adress_area .inner input {display: inline-block; width: calc(100% - 150px); margin: 0 10px 0 0; vertical-align: top;}
.adress_area .inner .btn-box {display: inline-block; width: 140px; vertical-align: top; font-size: 0;}
.adress_area .inner .btn-box.new {width: 136px;}
.adress_area input {margin: 5px 0 0;}
/* 2022-03-15 */
.join-list-type li .overlap{color:#f1592a; font-size:14px; margin-top:10px;}
.join-list-type li .address-info{font-size:16px; line-height:26px; letter-spacing:-0.5px; margin:10px 0;}
.join-list-type li .after:after{clear:both; display:block; overflow:hidden; content:""; height:0}
/* 2022-03-15 */
.join-list-type li .max3{line-height:24px; font-size:16px; color:#666; display:block; float:left; width:60%; margin-top:8px;}
/* 220419 font-size, color 수정 및 .btn-box margin 값 추가 */
.join-list-type li .after.new .max3 {float: inherit; width: 100%; font-size: 14px; color: #898989;}
.join-list-type li .after.new .btn-box {margin: 0 0 0 5px;} 
/* // 2022-03-15 */
.join-list-type li .max3.ml5{margin-left:5px}
.join-list-type li .join-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-list-type li .join-box .check-area{float:left; width:50%;}
.join-list-type li .join-box .check-area label{width:50%;}

.join-list-type li .join-box p.group-text{margin-bottom:15px; font-size:16px; color:#666; line-height:20px; letter-spacing:-0.5px}
.join-list-type li .join-box .btn-choise:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.join-list-type li .join-box .btn-choise{margin-bottom:10px;}
.join-list-type li .join-box .btn-choise a{float:left; width:50%; color:#fff; line-height:35px; display:block; text-align:center; font-weight:bold;}
.join-list-type li .join-box .btn-choise a.confirm{background-color:#f1592a;}
.join-list-type li .join-box .btn-choise a.cancel{background-color:#b2b4bd;}

.join-list-type li .mail-info {font-size: 14px; line-height:18px; color: #898989; letter-spacing:-0.5px}
.join-list-type li .mail-info.mt5 {margin: 5px 0 0;}
.join-next2{width:100%; height:40px; background-color:#f1592a;border-radius: 7px; }
.join-next2 a{display:block; line-height:40px; text-align:center; font-weight:500; color:#fff; font-size:18px;}

.join-box.p0 {padding: 0;}
.join-box .inner-text-type .slt_area {display: inline-block; width: 100%; margin: 5px 0 0; font-size: 0;}
.join-box .inner-text-type.sty2 .slt_area {margin: 0;}
.join-box .inner-text-type.sty2 > .type1.w100 {margin: 5px 0 0; vertical-align: middle;}
.join-box .inner-text-type .slt_area .type1 {display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0;}
.join-box .inner-text-type .slt_area .type1:last-child {margin: 0;}
.join-box .delet {position: relative; bottom: inherit; right: inherit; width: 100%; margin: 5px 0 0; border-radius: 7px;}
/* 2022-03-15 */
.join_gender_box {}
.join_gender_box .list {font-size: 0;}
.join_gender_box .list li {display: inline-block; width: calc(50% - 5px); margin: 0 10px 0 0;}
.join_gender_box .list li:last-child {margin: 0;}
.join_gender_box .list li .btn {display: block; width: 100%; border: 1px solid #c3c3c3; border-radius: 7px; font-weight: 400; font-size: 16px; line-height: 40px; color: #898989; text-align: center;}
.join_gender_box .list li.on .btn {border: 1px solid #f1592a; color: #434343;}
/* // 2022-03-15 */
 
.tab-content{margin-top:35px;}
.tab-content .tab-item{display:none}
.tab-content p{}
.tab-menu{width:100%; background:url('/images/site/mbl/bg/test.png') repeat-x bottom;}
.tab-menu ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-menu ul li{float:left; height:40px; width:33%; box-sizing: border-box; border:2px solid #cdcdcd; border-bottom-color:#f1592a; margin-left:0.5%; }
.tab-menu ul li.on{border-color:#f1592a; border-bottom-color:#fff; height:42px; margin-top:-2px;}
.tab-menu ul li:first-child{margin-left:0;}
.tab-menu ul li a{display:block;font-size:16px;text-align:center; font-weight:bold; color:#cdcdcd; line-height:40px;}
.tab-menu ul li.on a{color:black; font-size:16px; font-weight:bold; color:#f1592a; background:url('/images/site/mbl/bg/tab_bg.png') no-repeat 85% center; background-size:10px 5px;}

.tab-content .tab-item .con-list{}
.tab-content .tab-item .con-list li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-content .tab-item .con-list li{padding:10px 0; border-bottom:1px solid #ececec; line-height:18px;}
.tab-content .tab-item .con-list li strong{display:block; float:left; width:15%; font-size:16px; color:#1c7fa4;}
.tab-content .tab-item .con-list li p{float:left; width:85%; color:#252525; font-size:16px;}

.join-box .intro-tit{font-size:16px; color:#555; line-height:24px;}
.join-box .intro-tit > span{color:#f1592a;}
.join-box .intro-txt{font-size:14px; color:#727272; font-weight:bold; margin-top:10px; line-height:18px; letter-spacing:-0.5px}
.join-box .agree-box {position:relative;}



/* 220316 추가 */
.join-content .join-box .agree-box .box {position:relative;padding: 0 70px 0 0;}
/* //220316 추가 */
.join-box .agree-box label{font-size:13px; color:#555; margin-left:3px; line-height:22px; letter-spacing:-0.5px}
/* 220316 수정 */
.join-box .agree-box input[type=checkbox]{width:20px; height:20px;}
/* //220316 수정 */
.join-box .agree-box input[type=checkbox]:checked:after{display:block; width:20px; height:20px; content:' '; background:url(/images/site/mbl/ico/ico_chkOn_new.png) no-repeat; background-size:auto 100%;}
.join-box .agree-box a{color:#bdbdbd; display:block; position:absolute; top:4px; right:0; padding: 0 11px 3px 0; font-size:12px; line-height: 18px; background-image:url(/images/site/mbl/ico/ico_view_arrow.png);background-position:top 4px right;background-size: 6px auto;background-repeat:no-repeat;}
.join-box .agree-box a:after {content:'';display:inline-block;position:absolute;bottom: 0;left: 0;width: 100%;height:1px;background-color:#bdbdbd;}
/* 2022-03-15 */
.join-box.join .agree-box {position:relative; padding: 15px; border-radius: 7px; border: 1px solid #cccccc; background-color: #f8f8f8;}
.join-content .join-box.join .agree-box .box {position:relative;padding: 0 70px 0 0;}
.join-box.join .agree-box input[type=checkbox]:checked:after{display:block; width:22px; height:22px; content:' '; background:url(/images/site/mbl/ico/ico_chkOn_new.png) no-repeat; background-size:auto 100%;}
.join-box.join .agree-box a{color:#bdbdbd; display:block; position:absolute; top:15px; right:15px; /* padding: 0 15px 3px 0; */ font-size:12px; line-height: 18px; color: #1c80a4;/* background-image:url(/images/site/mbl/ico/ico_view_arrow.png);background-position:top 4px right;background-size: 6px auto;background-repeat:no-repeat; */}
/* // 2022-03-15 */
.join-last{margin-top:20px;}
.join-last p{font-size:14px; color:#727272; line-height:20px; letter-spacing:-0.5px}
.login-btn-type{height:40px; background-color:#1c7fa4; margin-top:25px;}
/* 2022-03-15 */
.login-btn-type.orange {background-color: #f1592a; border-radius: 7px;}
/* // 2022-03-15 */
.login-btn-type a{line-height:40px; color:#fff; display:block; text-align:center; font-size:18px; font-weight:bold;}
.choise-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.choise-box > div{border:2px solid #e1e1e1; border-radius:2px; padding:0 9px 10px 9px; width:49%; box-sizing:border-box}
.choise-box .mamber-type{border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:15px;}
.choise-box .mamber-type strong{color:#464646; color:#555; font-size:22px; padding-top:90px; display:block; text-align:center; margin-bottom:10px}
.choise-box .mamber-type strong.solo{background:url('/images/site/mbl/bg/bg_solo_member.png') no-repeat center 23px; background-size:27px 47px;}
.choise-box .mamber-type strong.group{background:url('/images/site/mbl/bg/bg_group_member.png') no-repeat center 23px; background-size:48px 47px;}
.choise-box .mamber-type p{font-size:14px; color:#727272; text-align:center; font-weight:bold; line-height:18px;}
.choise-box > div > a{display:block; height:30px; width:100%; text-align:center; border-radius:1px; line-height:30px; font-weight:bold;}
.choise-box > div > a.duble{height:75px; line-height:75px;}
.choise-box > div > a span{font-size:16px; color:#fff; background:url('/images/site/mbl/btn/btn_right_arrow.png') no-repeat center right; background-size:5px 10px; padding-right:20px;}
ul.join-list{margin:25px 0 0 10px}
ul.join-list li{font-size:14px; color:#727272; background:url('/images/site/mbl/bul/bul_dot_process02.png') no-repeat left 8px; background-size:3px 3px; padding-left:10px; line-height:20px; margin-bottom:10px;}
.join-next{margin:10px 0 0; height:35px;}
.join-next a{display:block;width:100%; text-align:center; color:#fff; font-size:16px; line-height:35px; border-radius: 7px;}
/* 2022-03-15 */
.join-next a.gray {background-color: #9e9e9e; color: #ffffff;}
.join-next.w50 {font-size: 0;}
.join-next.w50 a {display: inline-block; width: calc(50% - 3px); margin: 0 5px 0 0;}
.join-next.w50 a:last-child {margin: 0;}

.join_com_box {padding: 20px 10px 10px; text-align: center;}
.join_com_box .img_box {}
.join_com_box .img_box img {width:  150px;}
.join_com_box .title {margin: 20px 0 0; font-weight: 500; font-size: 22px; line-height: 33px; color: #434343; word-break: keep-all;}
.join_com_box .title .ft_c {color: #f1592a;}
.join_com_box .text {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #434343; word-break: keep-all;}
.join_com_box .text .ft_c {color: #f1592a;}
/* // 2022-03-15 */
/*전문보기 레이어*/
.layer-popup{position:absolute; top:0; left:0; width:100%;}
.layer-popup > div{position:relative;}
.layer-popup .layer-title{height:45px; background-color:#f1592a; position:fixed; width:100%;}
.layer-popup .layer-title strong{color:#fff; line-height:45px; font-size:18px; padding-left:18px;}
.layer-popup .layer-title a{position:absolute; top:0; right:0; padding:12px;}
.layer-popup .layer-title a img{display:block; width:20px; height:20px;}
.layer-popup .leyer-content{padding:65px 10px 20px; background-color:#FFF; word-break: break-word; overflow:auto;}
.layer-popup .leyer-content .depth1 h3{font-size:16px; color:#1c7fa4;}
.layer-popup .leyer-content .depth2 strong{font-size:16px; color:#252525; display:block; margin:15px 0 10px;}
.layer-popup .leyer-content .depth2 p{font-size:16px; color:#464646; line-height:21px; letter-spacing:-0.7px}
.layer-popup .leyer-content .depth2 ol li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.layer-popup .leyer-content .depth2 ol li span{display:block; float:left; width:5%; line-height:21px;}
.layer-popup .leyer-content .depth2 ol li p{float:left; width:95%}



@media only screen and (max-width:359px) {
.myActivity {background-position:center 150px}
.human-account-info div strong{letter-spacing:-1.5px;}
}

/* sns */
.asideCon .snsW {padding:0 10px;margin-bottom:47px}
.tabSns {overflow:hidden;height:46px}
.tabSns li {float:left;width:50%;height:46px;background:#757575}
.tabSns li.active {background:#325d8d}
.tabSns li.active:last-child {background:#2db400}
.tabSns li a {display:block;height:100%;background:url(/images/site/mbl/txt/txt_blog.png) no-repeat center;background-size:auto 17px;text-indent:-9999em}
.tabSns li:first-child a {background-image:url(/images/site/mbl/txt/txt_facebook.png);background-size:auto 13px}

.snsContents {padding-top:10px}
.snsContents ul {padding:0 14px;background:#f9f9f9}
.snsContents li {padding:15px 0;border-top:1px dotted #d2d2d2}
.snsContents li:first-child {border-top:0 none}

.snsFacebook {}
.snsFacebook .imgW {overflow:hidden;margin-bottom:13px}
.snsFacebook .imgW p {float:left;border:1px solid #d2d2d2}
.snsFacebook .imgW p img {width:28px}
.snsFacebook dl {float:left;margin-left:10px}
.snsFacebook dt {margin-bottom:3px;color:#333;font-weight:bold}
.snsFacebook dd {font-size:12px;color:#727272}
.snsFacebook .txt {margin-bottom:6px;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}
.snsFacebook span {font-size:13px;color:#4363a6;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}

.snsBlog {}
.snsBlog li {}
.snsBlog dt {margin-bottom:5px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}
.snsBlog dd {margin-bottom:3px;font-size:13px;color:#333;line-height:1.4}
.snsBlog .date {margin-bottom:0;font-size:12px;color:#727272}


/* 이용자 가이드 */
#guide {padding:0 12px}
#guide h2 {margin-bottom:5px;font-size:17px;color:#565656;letter-spacing:-1px}
#guide p {margin-bottom:11px;font-size:12px;color:#727272;line-height:1.5}
#guide ul {overflow:hidden;border-top:1px solid #eaeaea; border-left: 1px solid #eaeaea; font-size: 0;}
#guide li {display: inline-block;width:50%;padding:0 8px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;box-sizing:border-box}
#guide li a {display:block;padding:12px 0 12px 0;background:url(/images/site/mbl/ico/ico_down.png) no-repeat right center;background-size:24px auto;font-size:13px;line-height:1.3;color:#494949;letter-spacing:-0.5px}


.asideCon {padding-top:100px}
.asideCon .top {margin-bottom:47px}
.myActivity, .asideCon .top, .snsW {display:none}


/* 2022-04-21 datepicker 추가*/
.ui-datepicker {border:1px solid #727272;width:300px !important;} 
.ui-datepicker .ui-datepicker-header {position:relative;background:#4d4e53;color:#fff;height:40px;text-align:center;padding:8px 0 0;overflow:hidden;font-size:16px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {position:absolute; top:16px; left:5px; color:#fff; overflow:hidden; display:inline-block;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {font-size: 12px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {position:absolute; top:16px; right:5px; color:#fff; overflow:hidden; display:inline-block;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {font-size: 12px;}
.ui-datepicker .ui-datepicker-title	{text-align:center;padding-left: 30px;padding-right: 30px; font-size: 12px; line-height: 30px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year	 {float:left; width: 100px; height: 30px; font-size: 14px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {float:right; width: 100px; height: 30px; margin: 0 13px 0 0;}
.ui-datepicker .ui-datepicker-calendar	{width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}
.ui-datepicker .ui-datepicker-calendar thead th	{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center; font-size:12px; background:#f0f0f0; padding:4px 0;}
.ui-datepicker .ui-datepicker-calendar thead th:first-child	 {color:#940034;}
.ui-datepicker .ui-datepicker-calendar thead th:last-child	 {color:#2695a9;}
.ui-datepicker .ui-datepicker-calendar tbody td	{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center;}
.ui-datepicker .ui-datepicker-calendar tbody td a {display:block; font-size:11px; font-family:tahoma; padding:4px 0 6px; background-color: #ffffff;}
td.ui-datepicker-unselectable.ui-state-disabled {background-color: #E4E4E4;font-size: 11px;font-family: tahoma;padding: 4px 0 6px;} 2016-04-21
.ui-datepicker .ui-datepicker-calendar tbody td:first-child a {color:#940034;}
.ui-datepicker .ui-datepicker-calendar tbody td:last-child a {color:#2695a9;}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover	{background:#f1592a; color:#fff;}
#ui-datepicker-div	{display:none;}
.ui-state-default .mtz-monthpicker .mtz-monthpicker-month {background:#940034; color:#fff;}
.datepicker {text-indent:10px;}
/* 2022-04-21 */

/* 아이패드 세로 이상 해상도 */
@media only screen and (min-width:768px) {
/* 헤더 */
#header .btn_menu {right:10px}
#header .btnBackW {left:5px}
#menu {width:50%;min-width:320px}

.tltW h1 {padding-left:15px}
.tltW .btnTopW {right:15px}

/* 검색영역 */
.topSearch {padding-left:15px;padding-right:15px}

/*.asideCon {display:block}*/
.asideCon .snsW {padding:0 15px}
#guide {padding:0 15px}

#footer .bottom {height:auto;min-height:66px;background:#484848 url(/images/site/mbl/logo_footer.png) no-repeat 15px 16px;background-size:106px auto} /* 2016-05-18 수정 */
#footer .bottom .contact {padding:17px 0 9px 0;color:#808080;font-size:13px}
#footer .bottom .contact strong {color:#888888}
#footer .bottom .contact span {color:#545252}
#footer .bottom .copyright {padding-bottom:10px;color:#686868;font-size:14px}

.utilZone {position:relative;overflow:visible;height:36px;padding:10px 0 0 0;background:#565656;border-top:0 none} /* 2016-05-18 수정 */
.utilZone .util {float:none;padding:0;text-align:center}
.utilZone .util li {float:none;display:inline-block;margin-left:18px;padding-left:19px;background:url(/images/site/mbl/bg/line_utilT.png) no-repeat;background-size:auto 13px}
.utilZone .util li:first-child {padding-left:0;margin-left:0;background:none}
.utilZone .util li a {color:#adadad;font-size:13px}
.utilZone .util li strong {color:#fff}

.utilZone .sns {position:absolute;right:15px;top:49px;} /* 2016-05-18 수정 */
.utilZone .sns li a {width:40px;height:40px}
.utilZone .sns li .btn_facebook {background:url(/images/site/mbl/btn/btn_facebookT.png) no-repeat;background-size:100%}
.utilZone .sns li .btn_blog {background:url(/images/site/mbl/btn/btn_blogT.png) no-repeat;background-size:100%}
.utilZone .sns li .btn_Instagram {background:url(/images/site/mbl/btn/btn_instagramT.png) no-repeat;background-size:100%} /* 2016-07-06 수정 */

.myActivity, .asideCon .top, .snsW {display:block}
}


/* 테블릿 2단 */
@media only screen and (min-width:768px) and (orientation : landscape) {
.asideCon .tltW h1 {padding-left:12px}
.asideCon .tltW .btnTopW {right:12px}

#menu {width:36%}

#wrap {background:url(/images/site/mbl/bg/bg_line.gif) repeat-y 64% 0}
#container {overflow:hidden;padding-bottom:0}
#contents, .asideCon {padding-bottom:142px}
#contents {float:left;width:64%}
.asideCon {display:block;float:right;width:36%;min-height:100%;padding-top:0}
.asideCon .top, .asideCon .snsW {padding:0 15px}

.asideCon .listBtn {padding-top:10px}


/* 나의 맞춤 활동처 */
.myActivity {border-top:0 none}
}