@charset "utf-8";

#touchSlider7 { width:100%; margin:0 auto;  position:relative; overflow:hidden; }

/* 로케이션2 */
.btn_area {
	z-index: 100; position: absolute; left:50%; width: 200%; height: 59px; margin-left: -100%; padding: 11px 0 0 0;
	background: url(../images/main/lo_bg_all.png);
	background-position:center 0;
	background-repeat:no-repeat;
	-webkit-background-size: 500px;
	background-size: 500px;
}


.btn_area_l {
background-position:center -140px;}
.btn_area_r {background-position:center -70px;}
.btn_area .btn_page {position:absolute; cursor: pointer;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.btn_area .btn_page1 {top:22px; left:-110px; margin-left:50%; width: 21px; height: 29px;
	background-image:url(../images/btn/btn_my_on.png);}

.btn_area .btn_page1.on {
width: 31px; height: 46px;}
.btn_area .btn_page2 {top:222px; left:-16px; margin-left:50%; width: 21px; height: 31px;
	background-image: url(../images/btn/btn_home_on.png);}

.btn_area .btn_page2.on {
width: 31px; height: 46px;}
.btn_area .btn_page3 {
top:22px; left:75px; margin-left:50%; width: 21px; height: 31px;
	background-image: url(../images/btn/btn_job_on.png);}

.btn_area .btn_page3.on {
	width: 31px; height: 46px;}

/* HOME */
.homeArea {  }
.quickArea {
position:relative;
	padding: 218px 0 30px; background: #fff url(../images/main/quick_bg.png) center 70px no-repeat; text-align: center;
	-webkit-background-size: 320px;
	background-size: 320px;
}

.quickArea .quickLink {display:block; position:absolute; top:88px; left:50%; margin-left:-58px; width:116px; height:118px;}
.quickArea .quickLink span {display:none;}
.quickArea2 {background:none; padding:0;}
.quickArea .quick_title { margin-bottom: 22px; }
.quickArea .quick_title span { display: block; font-size: 18px; color: #222; }
.quickArea .quick_check { margin-bottom: 20px;  }
.quickArea .quick_check { display: table; width: 100%; font-size: 0; text-align: center; }
.quickArea .quick_check li { overflow: hidden; display: inline-block; margin: 0 8px; }
.quickArea .quick_check li input { float: left; width: 16px; height: 16px; margin-right: 5px; }
.quickArea .quick_check li label { float: left; font-size: 15px; line-height: 21px; color: #797979; }

/* 체크박스 디자인 적용 */
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:23px;
	height:19px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -19px;
}
label.css-label {
	background-image:url(../images/main/checkbox.png);
	-webkit-background-size: 20px;
	background-size: 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* 디자인 적용 끝 */

.quickArea .quick_select { display: table; width: 100%; font-size: 0; }
.quickArea .quick_select li { display: inline-block; margin: 0 6px; }
.quickArea .quick_select li a {
	display: block; width: 130px; height: 33px; background-color: #2768b2; font-size: 14px; line-height: 36px; color: #ffffff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.quickArea .quick_select li a b { font-size: 14px; font-weight: bold; color: #ffffff; }

.confirmArea { overflow: hidden; }
.confirmArea li { text-align: center; }
.confirmArea li.cf_apply {
	float: left; width: 50%; background: #c8daec url(../images/main/apply_bg.png) center 24px no-repeat;
	-webkit-background-size: 72px;
	background-size: 72px;
}
.confirmArea li.cf_score {
	float: left; width: 50%; background: #85b7f0 url(../images/main/score_bg.png) center 24px no-repeat;
	-webkit-background-size: 72px;
	background-size: 72px;
}
.confirmArea li a { display: block; height: 39px; padding-top: 111px; font-size: 15px; color: #313d48; }

.homeBanner { /* width: 91%;*/ padding: 20px 15px; /* margin: 0 4.5%; */ background-color: #f1f1f1; }
.homeBanner > div { background: url(../images/etc/hb_border.png) 0 center repeat-x; }
.homeBanner ul { overflow: hidden; background: url(../images/etc/hb_border.png) center 0 repeat-y;}
.homeBanner ul.hb_t { margin-bottom: 30px; }
.homeBanner ul.hb_b {  }
.homeBanner ul li { float: left; width: 50%; }
.homeBanner ul li a { display: block; height: 33px; text-align: center; }
.homeBanner ul li a span { display: inline-block; width: 80px; height: 33px; text-align: left; font-size: 14px; line-height: 33px; }
.homeBanner ul li a span.hb01 {
	padding-left: 45px; background: url(../images/icon/icon_hb01.png) 0 center no-repeat;
	-webkit-background-size: 36px;
	background-size: 36px;
}
.homeBanner ul li a span.hb02 {
	padding-left: 43px; background: url(../images/icon/icon_hb02.png) 0 center no-repeat;
	-webkit-background-size: 32px;
	background-size: 32px;
}
.homeBanner ul li a span.hb03 {
	padding-left: 43px; background: url(../images/icon/icon_hb03.png) 0 center no-repeat;
	-webkit-background-size: 32px;
	background-size: 32px;
}
.homeBanner ul li a span.hb04 {
	padding-left: 43px; background: url(../images/icon/icon_hb04.png) 0 center no-repeat;
	-webkit-background-size: 34px;
	background-size: 34px;
}
/* 마이페이지 */
.myArea {  }
.myArea .no_login { padding: 130px 0 100px; text-align: center; }
.myArea .no_login p { margin-bottom: 25px; font-size: 13px; }
.myArea .no_login ul { display: table; width: 100%; font-size: 0; text-align: center; }
.myArea .no_login ul li {
	display: inline-block; width: 100px; height: 40px; margin-right: 10px;
}

.myArea .no_login ul li a { display: block; font-size:14px; line-height:40px; color: #ffffff; }
.myArea .no_login ul li:first-child { background-color: #3fa0ee; }
.myArea .no_login ul li:last-child { margin-right: 0; background-color: #4f5f6f; }
.myHeader { overflow: hidden; /* width: 91%;*/ padding: 86px 15px 0; border-bottom: 1px solid #dddddd; }
.myHeader .name { float: left; position: relative; top: 9px; font-size: 15px; color: #797979; }
.myHeader .name span { margin-right: 5px; color: #111111; }
.myHeader .name a {
overflow:hidden;
	display: inline-block; width: 20px; height: 20px; margin-left: 10px; border: 1px solid #d9d9d9; background: url(../images/icon/icon_setting.png) center center no-repeat; vertical-align: middle;
	-webkit-background-size: 10px;
 background-size: 10px;
	-webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
	background-position:3px center;
	padding:0 5px 0 15px;
	font-size:11px; width:auto;
}
.myHeader .name a span {display:inline-block; margin:0; color:#111111; line-height:24px;}
.myHeader .alarm { float: right; position: relative; width: 25px;
}
.myHeader .alarm .alarmNum {
	display: block; position: absolute; right: -4px; top: 5px; height: 14px; padding: 0 4px; background-color: #ef5964; text-align: center; font-size: 9px; line-height: 15px; color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.myLeft .myWish { border-bottom: 1px solid #dddddd; }
.myLeft .myWish .mw_inner { overflow: hidden; /* width: 290px; margin: 0 auto; */ padding: 20px 0; }
.myLeft .myWish .mw_l { float: left; width: 40%; text-align: center; }
.myLeft .myWish .mw_l.no_opic { padding-top: 25px; }
.myLeft .myWish .mw_l .day { margin-bottom: 10px; font-size: 23px; font-weight: bold; color: #fabf2c; }
.myLeft .myWish .mw_l button {
	height: 25px; padding: 0 15px; background-color: #fabf2c; border: 0 none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.myLeft .myWish .mw_l button span {
	display: inline-block; padding-right: 20px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size:12px; line-height: 15px;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.myLeft .myWish .mw_l > span {
	display: inline-block; width: 109px; height: 25px; background-color: #fabf2c; border: 0 none; text-align: center; font-size:12px; line-height: 25px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.myLeft .myWish ul { float: left; width: 60%; }
.myLeft .myWish li.title { margin-bottom: 10px; font-size:12px; color: #296ebc; }
.myLeft .myWish li.date { margin-bottom: 4px; font-size: 13px; font-weight: bold; }
.myLeft .myWish li.place { font-size: 13px; line-height: 16px; }
.myLeft .mw_txt {
	padding: 15px; background: #f2f2f2 url(../images/icon/my_bg.png) center top no-repeat; text-align: left;
	-webkit-background-size: 14px;
	background-size: 14px;
}
.myLeft .mw_txt .off { font-size:13px; color: #797979; }
.myLeft .mw_txt .on p { position: relative;}
.myLeft .mw_txt .on p:first-child { padding: 3px 50px 0 0;margin-bottom: 10px; font-size:13px; }
.myLeft .mw_txt .on p .su_pop_open { position: absolute; display:block; right:0; top:0; width: 46px; height: 17px; border: 1px solid #313d48; background: none;font-size:11px; }
.myLeft .mw_txt .on p:last-child { font-size:12px; color: #797979; }
.myLeft .mw_txt .on p:last-child span { font-size:12px; color: #454545; }

.myLeft .myWish .mw_inner2 {
	width: 138px; margin: 0 auto; padding: 37px 0 30px 66px; background: url(../images/icon/icon_monitor.png) 0 35px no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
}

.myLeft .myWish .mw_inner2 p { margin-bottom: 15px; font-size: 13px; }
.jobList_ok .no_list button,
.myLeft .myWish .mw_inner2 button {
	height: 25px; padding: 0 15px; background-color: #fabf2c; border: 0 none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.jobList_ok .no_list button span,
.myLeft .myWish .mw_inner2 button span {
	display: inline-block; padding-right: 20px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size:12px; line-height: 26px;
	-webkit-background-size: 15px;
	background-size: 15px;
}
.myScore { border-bottom: 1px solid #dddddd; }
.myScore .ms_inner { overflow: hidden; /* width: 290px; margin: 0 auto; */ padding: 30px 0; }
.myScore .ms_l { float: left; width: 40%; text-align: center; }
.myScore .ms_l button {
	width: 108px; height: 25px; background-color: #e9535e; border: 0 none; font-size:12px; color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.myScore .ms_l .lock {
	padding-top: 45px; background: url(../images/icon/icon_lock.png) center top no-repeat;
	-webkit-background-size: 26px;
	background-size: 26px;
}

.myScore .ms_l .unlock .grade { margin-bottom: 10px; font-size: 23px; font-weight: bold; color: #e9535e; }
.myScore ul { float: left; width: 60%; }
.myScore li.title { margin-bottom: 10px; font-size:12px; color: #296ebc; }
.myScore li.txt { margin-bottom: 8px; font-size: 13px; }
.myScore li.date { font-size: 13px; font-weight: bold; }
.myScore .ms_inner2 { text-align: center; }
.myScore .ms_inner2 span {
	display: inline-block; padding: 35px 0 35px 43px; font-size: 13px; background: url(../images/icon/icon_etc01.png) 0 center no-repeat;
	-webkit-background-size: 32px;
	background-size: 32px;
}

.myWaiver { overflow: hidden; position: relative; padding: 20px 0; background-color: #f2f2f2; }
.myWaiver .mw_l { float: left; width: 40%; padding-top: 5px; }
.myWaiver .mw_l p {
	width: 108px; height: 25px; margin: 0 auto; border: 0 none; text-align: center; font-size:12px; line-height: 26px; color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.myWaiver .wv_possi { background-color: #e9535e; }
.myWaiver .wv_impossi { background-color: #707070; }
.myWaiver dl { float: left; width: 60%; }
.myWaiver dt { margin-bottom: 8px; font-size: 13px; }
.myWaiver dd { font-size: 13px; font-weight: bold; }
.myCou { overflow: hidden; }
.myCou li {
	float: left; width: 50%; padding: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.myCou li:nth-of-type(1) { border-right: 1px solid #dddddd; }
.myCou dl { margin: 0 auto; }
.myCou a:nth-of-type(1) dl {
	width: 60px; padding-left: 48px; background: url(../images/icon/icon_coupon.png) 0 center no-repeat;
	-webkit-background-size: 33px;
	background-size: 33px;
}

.myCou a:nth-of-type(2) dl {
	width: 70px; padding-left: 37px; background: url(../images/icon/icon_saving.png) 0 center no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.myCou dt { margin-bottom: 10px; font-size:12px; }
.myCou dd { font-size:12px; }
.myCou dd span { margin-right: 5px; font-size: 18px; font-weight: bold; color: #e9535e; }
.myQuick1 li { background-color: #1b929d; text-align: center; }
.myQuick1 li a { display: block; }
.myQuick1 li span {
	display: inline-block; padding: 26px 0 26px 30px; background: url(../images/icon/icon_quick01.png) left center no-repeat; font-size: 18px; color: #ffffff;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.myQuick2 { overflow: hidden; }
.myQuick2 li {
	float: left; width: 33.33%;	border-right: 1px solid #46b1bb; background-color: #20a6b3; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.myQuick2 li:last-child { border-right: 0 none; }
.myQuick2 li a { display: block; }
.myQuick2 li span { display: inline-block; padding: 12px 0 11px; font-size: 15px; line-height: 21px; color: #ffffff; }
.myQuick2 li:nth-of-type(1) span {
	padding-left: 36px; background: url(../images/icon/icon_quick02.png) left center no-repeat;
	-webkit-background-size: 26px;
	background-size: 26px;
}

.myQuick2 li:nth-of-type(2) span {
	padding-left: 32px; background: url(../images/icon/icon_quick03.png) left center no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.myQuick2 li:nth-of-type(3) span {
	padding-left: 40px; background: url(../images/icon/icon_quick04.png) left center no-repeat;
	-webkit-background-size: 28px;
	background-size: 28px;
}

.myToday { position: relative; padding: 22px 15px 20px; border-bottom: 1px solid #dddddd; background-color: #f2f2f2; }
.myToday >  a { display: block; position: absolute; right: 15px; top: 20px; width: 38px; height: 15px; border: 1px solid #313d48; text-align: center; font-size:11px; line-height: 16px;  }
.myToday dt { margin-bottom: 13px; font-size: 15px; color: #1b929d; }
.myToday dd a { font-size: 14px; font-weight: bold; line-height: 19px; }
.myMenu li { border-bottom: 1px solid #dddddd; }
.myMenu li a { display: block; padding: 0 15px; }
.myMenu li a span {
	display: block; padding: 15px 0; background: url(../images/icon/mylist_arrow.png) right center no-repeat; font-size: 15px; color: #222222;
	-webkit-background-size: 20px;
	background-size: 20px;
}
/* 채용정보 */
.jobArea { /* padding-top: 90px; */ background-color: #ffffff; }
.jobTab { overflow: hidden; margin-bottom: 20px; padding-top: 90px; }
.jobTab li {
	float: left; width: 50%; height: 36px; background-color: #e9e9e9; border: 1px solid #dddddd; border-bottom: 2px solid #d9535e; text-align: center; font-size: 13px; line-height: 35px; color: #797979; cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jobTab li:first-child { border-right: 0 none; }
.jobTab li:last-child { border-left: 0 none; }
.jobTab li.on { background-color: #ffffff; border-width: 2px; border-top: 2px solid #e9535e; border-bottom: 0 none; font-weight: bold; color: #222222; }
.jobTab li:first-child.on { border-right: 2px solid #d9535e; border-left: 1px solid #ffffff; }
.jobTab li:last-child.on { border-right: 1px solid #ffffff; border-left: 2px solid #d9535e; }
.jobList { padding: 0 15px 15px; }
.jobList_ok .no_list,
.jobList .no_list {padding-top:15%; text-align:center; line-height:20px;}
.jobList .jobBox { position: relative; margin-bottom: 15px; }
.jobList_ok .no_list .btnWrap {padding-top:20px;}
.jobList .jobBox:last-child { margin-bottom: 0; }
.jobList .jobBox .company { display: block; position: relative; padding: 10px 15px 9px 35px; background-color: #313d48; }
.jobList_wish .jobBox .company,
.jobList_ok .jobBox .company,
.jobList_my .jobList .jobBox .company {padding-right:45px;}
.jobList .jobBox .noCompany {padding-right:10px;}
.jobList .jobBox .company a { font-size: 15px; font-weight: 500; color: #ffffff; }
.jobList .jobBox .company .btn_zzim {
	position: absolute; left: 14px; top: 9px; display: block; width: 16px; height: 16px; background: url(../images/icon/zzim.png) 0 0 no-repeat; font-size: 0;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.jobList .jobBox .company .btn_zzim.on {
	background: url(../images/icon/zzim_on.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.jobList .jobBox .info { position: relative; padding: 15px; border: 1px solid #dddddd; border-top: 0 none; }
.jobList .jobBox .info p { font-size:13px; }
.jobList .jobBox .info p.type { margin-bottom: 5px; }
.jobList .jobBox .info p.condition { margin-bottom: 10px; }
.jobList .jobBox .info dl { overflow: hidden; margin-bottom: 10px; }
.jobList .jobBox .info dl:last-child { margin-bottom: 0; }
.jobList .jobBox .info dt { float: left; width: 50px; padding-top: 3px; padding-right: 10px; border-right: 1px solid #dddddd; font-size:12px; color: #797979; }
.jobList .jobBox .info dd { float: left; padding-top: 2px; padding-left: 10px; font-size:13px; font-weight: bold; line-height: 14px; }
.jobList .jobBox .etc { overflow: hidden; height: 29px; padding: 0 15px; border: 1px solid #dddddd; border-top: 0 none; }
.jobList .jobBox .etc_l { float: left; padding-top: 6px; padding-top:3px;}
.jobList .jobBox .etc_l li { float: left; }
.jobList .jobBox .etc_l li.tong { margin-right: 15px; }
.jobList .jobBox .etc_l li.tong button {
	display: block; height: 23px; padding:0 4px 0 25px; border: 0 none; line-height: 25px; background: url(../images/icon/icon_tong.png) 2px center no-repeat; font-size:12px; color: #797979;
	-webkit-background-size: 17px;
	background-size: 17px;
	border:1px solid #ddd;
}
.jobList .jobBox .etc_l li.view {
margin-top:5px; font-size:12px; color: #797979; line-height: 17px;
}
.jobList .jobBox .etc_r { float: right; padding-top: 6px; }
.jobList .jobBox .etc_r li { float: left; }
.jobList .jobBox .etc_r li a { display: block; font-size: 0; }
.jobList .jobBox .etc_r li.facebook { display: block; margin-right: 20px; }
.jobList .jobBox .etc_r li.facebook a {
	width: 9px; height: 17px; background: url(../images/icon/icon_facebook.png) 0 center no-repeat;
	-webkit-background-size: 9px;
	background-size: 9px;
}

.jobList .jobBox .etc li.twitter a {
	width: 17px; height: 17px; background: url(../images/icon/icon_twitter.png) 0 center no-repeat;
	-webkit-background-size: 17px;
	background-size: 17px;
}
/* my 맞춤채용 */
.mj_tab { display: table; width: 100%; margin-bottom: 20px; font-size: 0; }
.mj_tab li {
	display: inline-block; width: 50%; padding-bottom: 16px; background: url(../images/etc/tab_border.png) right 0 no-repeat; border-bottom: 1px solid #dddddd; text-align: center; font-size: 14px;
	-webkit-background-size: 1px;
	background-size: 1px;
}

.mj_tab.on li { width: 33.33%; }
.mj_tab li:last-child { background: none; }
.mj_tab li.on { padding-bottom: 15px; border-bottom: 2px solid #f83a4b; font-size: 14px; font-weight: bold; color: #f83a4b; }

.myJob .no_login { padding: 60px 0; text-align: center; }
.myJob .no_login p { margin-bottom: 25px; font-size: 13px; }
.myJob .no_login ul { display: table; width: 100%; font-size: 0; text-align: center; }
.myJob .no_login ul li {
	display: inline-block; width: 100px; height: 40px; margin-right: 10px;
}

.myJob .no_login ul li a { display: block; font-size:14px; line-height:40px; color: #ffffff; }
.myJob .no_login ul li:first-child { background-color: #3fa0ee; }
.myJob .no_login ul li:last-child { margin-right: 0; background-color: #4f5f6f; }
.myJob .no_login p { margin-bottom: 25px; font-size: 13px; }
.myJob .no_login ul { display: table; width: 100%; font-size: 0; text-align: center; }
.myJob .no_login ul li {
	display: inline-block; width: 100px; height: 40px; margin-right: 10px;
}

.myJob .no_login ul li a { display: block; font-size:14px; line-height:40px; color: #ffffff; }
.myJob .no_login ul li:first-child { background-color: #3fa0ee; }
.myJob .no_login ul li:last-child { margin-right: 0; background-color: #4f5f6f; }

.bumBox { overflow: hidden; margin: 0 15px 7px 15px; }
.bumBox li { float: left; margin-right: 15px; font-size: 11px; color: #454545;}
.bumBox li:last-child { margin-right: 0; }
.bumBox li span {
	display: inline-block; width: 31px; height: 34px; margin-right: 5px; vertical-align: middle;
	-webkit-background-size: 31px;
	background-size: 31px;
}

.bumBox .possi_wish {
	background: url(../images/main/possi_wish.png) 0 0 no-repeat;
	-webkit-background-size: 31px;
	background-size: 31px;
}

.bumBox .possi_ok {
	background: url(../images/main/possi_ok.png) 0 0 no-repeat;
	-webkit-background-size: 31px;
	background-size: 31px;
}

.bumBox .possi_up {
	width: 31px; height: 34px; padding: 7px 0 0 16px; background: url(../images/main/possi_up.png) 0 0 no-repeat; font-size: 14px; color: #ffffff;
	-webkit-background-size: 31px;
	background-size: 31px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jobBox .possi_up {
	position: absolute; right: 9px; top: -2px; width: 31px; height: 34px; padding: 7px 0 0 16px; background: url(../images/main/possi_up.png) 0 0 no-repeat; font-size: 14px; color: #ffffff;
	-webkit-background-size: 31px;
	background-size: 31px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jobBox .possi_ok {
	position: absolute; right: 9px; top: -2px; width: 31px; height: 34px; background: url(../images/main/possi_ok.png) 0 0 no-repeat;
	-webkit-background-size: 31px;
	background-size: 31px;
}

.jobBox .possi_wish {
	position: absolute; right: 9px; top: -2px; width: 31px; height: 34px; background: url(../images/main/possi_wish.png) 0 0 no-repeat;
	-webkit-background-size: 31px;
	background-size: 31px;
}

.nowRating {
	overflow: hidden; height: 107px; margin: 0 15px 15px; padding: 15px 0; border: 1px solid #dddddd; background-color: #f2f2f2; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nowRating p { display: inline-block; margin-right: 35px; font-size:13px; }
.nowRating p span { margin-right: 5px; font-size: 16px; font-weight: bold; color: #296ebc; }
.nowRating dl { display: inline-block; text-align: center; vertical-align: middle; }
.nowRating dt { margin-bottom: 5px; font-size:12px; }
.nowRating dd {
	width: 60px; height: 60px; background-color: #20a6b3; text-align: center; font-size: 21px; line-height: 60px; color: #ffffff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.rtSetting { margin: 15px; padding: 15px; border: 1px solid #dddddd; }
.rtSetting p { font-size:13px; line-height: 18px; }
.rtSetting a {
	display: inline-block; margin-top: 7px; padding: 0 15px; background-color: #999999; text-align: center;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;

}

.rtSetting a span { display: inline-block; width: 83px; padding: 5px 0; background: url(../images/icon/arrow02.png) right center no-repeat; text-align: left; font-size:12px; line-height: 15px; color: #ffffff;
	-webkit-background-size: 15px;
	background-size: 15px;
}
/* 로그인 레이어팝업 */
.ap_pop .ap_pop_contents.lg_cont { padding-top: 25px; text-align: center; }
.lg_cont p { margin-bottom: 25px; font-size:13px; line-height:18px;}

/* 진행중인 이벤트 팝업 */
.main_pop { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); }
.main_pop_scroll {overflow-y:scroll;}
.main_pop_scroll .mp_inner {margin-top:-160px;}
.mp_inner { position: relative; top: 50%; margin-top: -255px; }
.mp_head { position: relative; padding: 24px 15px 10px; }
.mp_head input[type="checkbox"] { width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; }
.mp_head label { vertical-align: middle; font-size:13px; color: #ffffff; }
.mp_head span { display: block; position: absolute; right: 5px; bottom: 0; width: 40px; height: 40px; }
.mp_img { padding: 15px; }
.mp_img li { display: none; width: 290px; margin: 0 auto; text-align: center;
	width:250px;
}
.mp_img li.on { display: block; }
.mp_control { overflow: hidden; padding: 5px 15px 6px; }
.mp_control button {width: 11px; height: 19px; border: 0 none; background: none; }
.mp_control button.mp_prev {
	float: left; background: url(../images/btn/btn_prev.png) 0 0 no-repeat;
	-webkit-background-size: 11px;
	background-size: 11px;
}
.mp_control button.mp_next {
	float: right; background: url(../images/btn/btn_next.png) 0 0 no-repeat;
	-webkit-background-size: 11px;
	background-size: 11px;
}
.mp_control button.off { opacity: 0.3; }

/* 코치마크 팝업 */
.coach_pop { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}
.cc_inner { position: relative; width: 100%; height: 100%; }
.coach01 {
	display: block; position: absolute; left: 2px; top: 2px; width: 114px; height: 45px; background: url(../images/main/couch01.png) 0 0 no-repeat;
	-webkit-background-size: 114px;
	background-size: 114px;
}

.coach02 {
	display: block; position: absolute; right: 1px; top: 2px; width: 116px; height: 45px; background: url(../images/main/couch02.png) 0 0 no-repeat;
	-webkit-background-size: 116px;
	background-size: 116px;
}
.coach03 {
	display: block; position: absolute; left: 50%; top: 63px; z-index:3; width: 298px; height: 85px; margin-left: -150px; background: url(../images/main/couch03.png) 0 0 no-repeat;
	-webkit-background-size: 298px;
	background-size: 298px;
}

.coach03_new {top:50px; z-index:1;
	position: absolute; width: 100%; height: 59px; padding: 11px 0 0 0;
	background: url(../images/main/lo_bg_all.png);
	background-position:center 0;
	background-repeat:no-repeat;
	-webkit-background-size: 500px;
	background-size: 500px;
}

.coach03_new .coachIcon {position:absolute; top:0; z-index:2; display:block; top:22px; margin-left:50%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.coach03_new .coachIcon1 {width: 21px; height: 29px; left:-101px;
	background-image:url(../images/btn/btn_my_on.png);
}
.coach03_new .coachIcon2 {width: 31px; height: 46px; left:-16px; top:15px;
	background-image: url(../images/btn/btn_home_on.png);
}
.coach03_new .coachIcon3 {width: 21px; height: 31px; left:73px;
	background-image: url(../images/btn/btn_job_on.png);
}
.coach04 {
	display: block; position: absolute; left: 50%; top: 180px; width: 260px; height: 125px; margin-left: -130px; background: url(../images/main/couch04.png) 0 0 no-repeat;
	-webkit-background-size: 260px;
	background-size: 260px;
}

.coach05 {
	display: block; position: absolute; left: 50%; top: 269px; width: 291px; height: 65px; margin-left: -145px; background: url(../images/main/couch05.png) 0 0 no-repeat;
	-webkit-background-size: 291px;
	background-size: 291px;
}

.coach06 {
	display: block; position: absolute; left: 50%; top: 345px; width: 271px; height: 103px; margin-left: -135px; background: url(../images/main/couch06.png) 0 0 no-repeat;
	-webkit-background-size: 271px;
	background-size: 271px;
}

.coachCopyLine {position:absolute; top:320px; left:0; right:0; height:16px; background:url('../images/main/couch_copy.png') center 0 no-repeat;
	-webkit-background-size:320px 16px; background-size:320px 16px;
}
.coachCopyLine span {display:none;}

.coachCopy {position:absolute; top:348px; left:50%; margin-left:-135px; width:271px;}
.coachCopy span {display:block; height:53px; margin-bottom:10px; background:#123f72 url('../images/common/coach_txt1.png') 0 0 no-repeat;
	-webkit-background-size:271px; background-size:271px;
}
.coachCopy .coachCopy1 {}
.coachCopy .coachCopy2 {background-position:0 -53px;
	-webkit-background-size:271px; background-size:271px;
}
.coachCopy .coachCopy3 {background-position:0 -106px;
	-webkit-background-size:271px; background-size:271px;
}
.coach_pop .coachBtn {position:relative; padding-top:540px; z-index:6; text-align:center; width:271px; margin:0 auto;
	overflow:hidden;
}
.coach_pop .coachBtn button.button {border:0 none; padding:0 15px; height:34px; line-height:36px; font-size:12px; color:#fff; background-color:#222831;
	background-color:#475a7a;
}
.coach_pop .coachBtn button.button {position:relative; z-index:7; width:50%; float:left; font-size:16px;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	-webkit-transform: translate3d(0, 0, 1px);
	transform: translate3d(0, 0, 1px);
}
.coach_pop .coachBtn button.button:first-child {background-color:#354052;}

.cc_inner p { position: absolute; right: 15px; bottom: 15px; left:15px; }
.cc_inner p label { margin-right: 5px; vertical-align: middle; font-size: 12px; color: #ffffff; }
.cc_inner p input { width: 16px; height: 16px; vertical-align: middle; }

.cc_inner p span {float:left; padding-top:5px;}
.cc_inner p a {float:right; display:block; color:#fff; padding:5px; font-size:12px;}

.coachResize {position:absolute; height:580px; background-color:transparent;
	background:none;
}
.coachResize .cc_inner {z-index:1;}
.coachResize::after {/*content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8);*/}

.checkMyGrade {padding:0 10px;}
.checkMyGradeTitle {}
.checkMyGradePercent {padding:5px 0 10px 0; font-size:13px;}
.membersGrade {padding:10px;}

.zzimBox {line-height:20px; padding:0 0 5px 0;}
.zzimBox .btn_zzim {display:inline-block; vertical-align:top; margin-right:3px;}
.zzimBox .btn_zzim.on {
	width: 16px; height: 16px; font-size: 0; background: url(../images/icon/zzim_on.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.mp_bottom {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; margin:0 auto; width:250px; background-color:#fff;}
.mp_bottom .checkLine {display:table-cell; padding:0 0 0 10px; width:79.51807228915663%; vertical-align:middle; color:#797979; font-weight:bold;}
.mp_bottom .checkLine input[type=checkbox].css-checkbox + label.css-label {line-height:22px;
	-webkit-transform: translate3d(0, 0, 1px);
	transform: translate3d(0, 0, 1px);
}
.mp_bottom .closeBtn {display:table-cell; width:20.48192771084337%; border-left:1px solid #ddd;}

#touchLeft,
#touchRight {position:fixed; top:228px; z-index:5; width:28px; height:50px; border:0 none; overflow:visible;
	background:url('../images/main/arrow_touch.png') 0 0 no-repeat;
	-webkit-background-size:28px; background-size:28px;
}
#touchLeft span,
#touchRight span {display:none;}
#touchLeft {left:0;}
#touchRight {right:0; background-position:0 -50px;}

@media screen and (min-width:360px){
	.mp_bottom,
	.mp_img li {	width:280px;}
}
@media screen and (min-width:400px){
	.mp_bottom,
	.mp_img li {	width:322px;}
}
@media screen and (min-width:1024px){
	/* 로케이션2 */
	.btn_area {
		height: 79px; padding: 31px 0 0 0; background: url(../images/main/lo_bg_blue_pad.png) center bottom no-repeat;
		-webkit-background-size: 1194px;
		background-size: 1194px;
	}
	.btn_area_l {
		background: url(../images/main/lo_bg_green_pad.png) center bottom no-repeat;
		-webkit-background-size: 1194px;
		background-size: 1194px;
	}
	.btn_area_r {
		background: url(../images/main/lo_bg_red_pad.png) center bottom no-repeat;
		-webkit-background-size: 1194px;
		background-size: 1194px;
	}
	.btn_area .btn_page1 {
width: 31px; height: 46px; margin-left:50%;
}
	.btn_area .btn_page1.on {
width: 40px; height: 60px;}
	.btn_area .btn_page2 {
width: 31px; height: 46px; left:-16px;
 margin-left:50%;
 top:222px;
}
	.btn_area .btn_page2.on {
width: 40px; height: 60px;}
	.btn_area .btn_page3 {
width: 31px; height: 46px; left:75px;
 margin-left:50%;
 top:22px;
}
	.btn_area .btn_page3.on {
width: 40px; height: 60px;}
	/* HOME */
	.quickArea {
		width: 445px; margin: 0 auto; padding: 190px 0 75px 250px; background: #fff url(../images/main/quick_bg.png) -176px 130px no-repeat; text-align: center;
		-webkit-background-size: 575px;
		background-size: 575px;
	}
	.quickArea .quick_title { margin-bottom: 30px; }
	.quickArea .quick_title span { font-size: 30px; font-weight: bold; }
	.quickArea .quick_check { margin-bottom: 25px;  }
	.quickArea .quick_check li { margin: 0 15px; }
	.quickArea .quick_check li input { width: 27px; height: 27px; margin-right: 5px; }
	.quickArea .quick_check li label { font-size: 21px; line-height: 27px; color: #797979; }

	/* 체크박스 디자인 적용 */
	input[type=checkbox].css-checkbox + label.css-label {
		padding-left:33px;
		height:25px;
	}
	input[type=checkbox].css-checkbox:checked + label.css-label {
		background-position: 0 -26px;
	}
	label.css-label {
		-webkit-background-size: 27px;
		background-size: 27px;
	}
	/* 디자인 적용 끝 */

	.quickArea .quick_select li a {
		width: 195px; height: 50px; font-size: 20px; line-height: 50px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}
	.quickArea .quick_select li a b { font-size: 20px; }

	.cnWrap { overflow: hidden; }
	.confirmArea { overflow: hidden; float: left; width: 50%; }
	.confirmArea li.cf_apply {
		background: #c8daec url(../images/main/apply_bg.png) center 30px no-repeat;
		-webkit-background-size: 108px;
		background-size: 108px;
	}
	.confirmArea li.cf_score {
		background: #85b7f0 url(../images/main/score_bg.png) center 30px no-repeat;
		-webkit-background-size: 108px;
		background-size: 108px;
	}
	.confirmArea li a { display: block; height: 48px; padding-top: 162px; font-size: 19px; }

	.homeBanner {
		float: left; width: 50%; padding: 27px 40px; margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.homeBanner > div { background: url(../images/etc/hb_border.png) 0 center repeat-x; }
	.homeBanner ul { background: url(../images/etc/hb_border.png) center 0 repeat-y;}
	.homeBanner ul.hb_t { margin-bottom: 60px; }
	.homeBanner ul li a { height: 48px;}
	.homeBanner ul li a span { width: 97px; height: 48px; font-size: 18px; line-height: 48px; }
	.homeBanner ul li a span.hb01 {
		padding-left: 69px; background: url(../images/icon/icon_hb01.png) 0 center no-repeat;
		-webkit-background-size: 54px;
		background-size: 54px;
	}
	.homeBanner ul li a span.hb02 {
		padding-left: 64px; background: url(../images/icon/icon_hb02.png) 0 center no-repeat;
		-webkit-background-size: 48px;
		background-size: 48px;
	}
	.homeBanner ul li a span.hb03 {
		padding-left: 66px; background: url(../images/icon/icon_hb03.png) 0 center no-repeat;
		-webkit-background-size: 48px;
		background-size: 48px;
	}
	.homeBanner ul li a span.hb04 {
		padding-left: 65px; background: url(../images/icon/icon_hb04.png) 0 center no-repeat;
		-webkit-background-size: 50px;
		background-size: 50px;
	}
	/* 마이페이지 */
	.myArea .no_login { padding: 210px 0 0; }
	.myArea .no_login p { font-size: 18px; margin-bottom: 60px; }
	.myArea .no_login ul li {
		width: 120px; height: 55px;
	}
	.myArea .no_login ul li a { font-size:18px; line-height:55px; }

	.myHeader { padding: 135px 40px 0; }
	.myHeader .name { top: 9px; font-size: 18px; }
	.myHeader .name a {
		height: 33px; margin-left: 10px;
		-webkit-background-size: 15px;
		background-size: 15px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background-position:10px center;
		padding:0 10px 0 30px;
		font-size:14px;
	}
	.myHeader .name a span {line-height:36px;} .myHeader .alarm { float: left; width: 35px; margin-left: 15px; }
	.myHeader .alarm .alarmNum {
		right: -2px; top: 6px; height: 20px; padding: 0 6px; font-size: 14px; line-height: 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.myFloat { overflow: hidden; }
	.myLeft { float: left; width: 50%; }
	.myRight {
		float: left; width: 50%; padding: 15px 20px; border-left: 1px solid #dddddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.myLeft .myWish .mw_inner { padding: 30px 0; }
	.myLeft .myWish .mw_l.no_opic { padding-top: 25px; }
	.myLeft .myWish .mw_l .day { margin-bottom: 20px; font-size: 31px; }
	.myLeft .myWish .mw_l button {
		height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.myLeft .myWish .mw_l button span {
		padding-right: 45px; font-size: 17px; line-height: 24px;
		-webkit-background-size: 24px;
		background-size: 24px;
	}
	.myLeft .myWish .mw_l > span {
		 width: 166px; height: 40px; font-size: 17px; line-height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.myLeft .myWish ul { }
	.myLeft .myWish li.title { margin-bottom: 16px; font-size: 16px; }
	.myLeft .myWish li.date { margin-bottom: 7px; font-size: 18px; }
	.myLeft .myWish li.place { font-size: 18px; line-height: 22px; }
	.myLeft .mw_txt {
		padding: 20px;
		-webkit-background-size: 18px;
		background-size: 18px;
	}
	.myLeft .mw_txt .off { font-size: 16px; }
	.myLeft .mw_txt .on p:first-child { margin-bottom: 12px; font-size: 18px; }
	.myLeft .mw_txt .on p .su_pop_open { width: 71px; height: 20px; font-size: 15px; }
	.myLeft .mw_txt .on p:last-child { font-size: 16px; }
	.myLeft .mw_txt .on p:last-child span { font-size: 16px; }

	.myLeft .myWish .mw_inner2 {
		width: 320px; padding: 30px 0 30px 127px; background: url(../images/icon/icon_monitor.png) 0 31px no-repeat;
		-webkit-background-size: 76px;
		background-size: 76px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.myLeft .myWish .mw_inner2 p { margin-bottom: 20px; font-size: 18px; }
	.jobList_ok .no_list button,
	.myLeft .myWish .mw_inner2 button {
		height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.jobList_ok .no_list button span,
	.myLeft .myWish .mw_inner2 button span {
		padding-right: 45px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size: 17px; line-height: 24px;
		-webkit-background-size: 24px;
		background-size: 24px;
	}
	.myScore .ms_inner { overflow: hidden; /* width: 290px; margin: 0 auto; */ padding: 30px 0; }
	.myScore .ms_l { float: left; width: 40%; text-align: center; }
	.myScore .ms_l button {
		width: 166px; height: 40px; padding: 0 15px; font-size: 17px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.myScore .ms_l .lock {
		padding-top: 67px;
		-webkit-background-size: 36px;
		background-size: 36px;
	}
	.myScore .ms_l .unlock .grade { margin-bottom: 19px; font-size: 36px; }
	.myScore ul { float: left; width: 60%; }
	.myScore li.title { margin-bottom: 15px; font-size: 16px; }
	.myScore li.txt { margin-bottom: 10px; font-size: 18px; }
	.myScore li.date { font-size: 18px; }
	.myScore .ms_inner2 span {
		display: inline-block; padding: 67px 0 67px 127px; font-size: 18px; background: url(../images/icon/icon_etc01.png) 13px center no-repeat;
		-webkit-background-size: 50px;
		background-size: 50px;
	}
	.myWaiver { padding: 30px 0; }
	.myWaiver .mw_l { padding-top: 10px; }
	.myWaiver .mw_l p {
		width: 160px; height: 40px; font-size: 17px; line-height: 41px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.myWaiver dt { font-size: 18px; }
	.myWaiver dd { font-size: 18px; }

	.myCou { border-bottom: 1px solid #dddddd; }
	.myCou li { padding: 30px 0; }
	.myCou a:nth-of-type(1) dl {
		width: 80px; padding-left: 71px;
		-webkit-background-size: 51px;
		background-size: 51px;
	}
	.myCou a:nth-of-type(2) dl {
		width: 94px; padding-left: 56px;
		-webkit-background-size: 33px;
		background-size: 33px;
	}
	.myCou dt { margin-bottom: 20px; font-size: 16px; }
	.myCou dd { font-size: 16px; }
	.myCou dd span { margin-right: 10px; font-size: 25px; }

	.myQuick1 li span {
		padding: 28px 0 27px 48px; background: url(../images/icon/icon_quick01.png) left center no-repeat; font-size: 26px;
		-webkit-background-size: 29px;
		background-size: 29px;
	}
	.myQuick2 { margin-bottom: 10px; }
	.myQuick2 li span { display: inline-block; padding: 27px 0; font-size: 20px; line-height: 21px; }
	.myQuick2 li span br { display: none; }
	.myQuick2 li:nth-of-type(1) span {
		padding-left: 43px;
		-webkit-background-size: 33px;
		background-size: 33px;
	}
	.myQuick2 li:nth-of-type(2) span {
		padding-left: 36px;
		-webkit-background-size: 26px;
		background-size: 26px;
	}
	.myQuick2 li:nth-of-type(3) span {
		padding-left: 47px;
		-webkit-background-size: 37px;
		background-size: 37px;
	}
	.myToday { height: 78px; padding: 20px; border: 1px solid #dddddd; background-color: #fff; }
	.myToday >  a { right: 20px; top: 20px; width: 58px; height: 20px; font-size: 15px; line-height: 20px; }
	.myToday dt { margin-bottom: 18px; font-size: 20px; }
	.myToday dd a { font-size: 18px; line-height: 22px; }
	.myMenu li { margin-top: 10px; border: 1px solid #dddddd; }
	.myMenu li a { padding: 0 20px; }
	.myMenu li a span {
		padding: 22px 0 21px; font-size: 20px;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
	/* 채용정보 */
	.jobTab { margin-bottom: 30px; padding-top: 147px; }
	.jobTab li { height: 60px; font-size: 18px; line-height: 58px; }
	.jobTab li.on { line-height: 56px; }
	.jobList { padding: 0 40px 40px; }
	.jobList:before,
	.jobList:after{content:"";display:table;}
	.jobList:after,
	.jobList{clear:both;}
	.jobList .jobBox { float: left; position: relative; width: 49%; margin-bottom: 22px;}
	.jobList .jobBox:last-child { margin-bottom: 22px; }
	.jobList .jobBox:nth-of-type(2n) { margin-left: 2%; }
	.jobList .jobBox .company { padding: 15px 20px 15px 50px; }
	.jobList_wish .jobList .jobBox .company,
	.jobList_ok .jobList .jobBox .company,
	.jobList_my .jobList .jobBox .company {padding-right:60px;}
	.jobList .jobBox .company a {font-size: 20px; overflow:hidden;white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block;}
	.jobList .jobBox .company .btn_zzim {
		left: 19px; top: 11px; width: 24px; height: 24px;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.jobList .jobBox .company .btn_zzim.on {
		background: url(../images/icon/zzim_on.png) 0 0 no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.jobList .jobBox .info { padding: 20px; }
	.jobList .jobBox .info p { font-size: 16px; }
	.jobList .jobBox .info p.type { margin-bottom: 6px; }
	.jobList .jobBox .info p.condition { margin-bottom: 12px; }
	.jobList .jobBox .info dl { margin-bottom: 9px; }
	.jobList .jobBox .info dt { width: 65px; padding-top: 0px; padding-right: 0; font-size: 15px; line-height: 18px; }
	.jobList .jobBox .info dd { padding-top: 0; padding-left: 15px; font-size: 16px; line-height: 18px; }
	.jobList .jobBox .etc { height: 50px; padding: 0 20px; }
	.jobList .jobBox .etc_l { padding-top: 9px; }
	.jobList .jobBox .etc_l li.tong { margin-right: 20px; }
	.jobList .jobBox .etc_l li.tong button {
		height: 33px; padding:0 4px 0 35px; font-size: 15px; line-height: 25px;
		-webkit-background-size: 25px;
		background-size: 25px;
		background-position:4px center;
	}
	.jobList .jobBox .etc_l li.view {
		font-size: 15px; line-height: 25px;
		-webkit-background-size: 40px;
		background-size: 40px;
	}
	.jobList .jobBox .etc_r { padding-top:12px; }
	.jobList .jobBox .etc_r li.facebook a {
		width: 12px; height: 24px;
		-webkit-background-size: 12px;
		background-size: 12px;
	}
	.jobList .jobBox .etc li.twitter a {
		width: 26px; height: 24px;
		-webkit-background-size: 26px;
		background-size: 26px;
	}
	/* my 맞춤채용 */
	.mj_tab { margin-bottom: 50px; }
	.mj_tab li {
		padding-bottom: 31px; border-bottom: 1px solid #dddddd; text-align: center; font-size: 18px;
		-webkit-background-size: 1px;
		background-size: 1px;
	}
	.mj_tab li.on { padding-bottom: 26px; border-bottom: 6px solid #f83a4b; font-size: 18px; }

	.myJob .no_list { padding: 120px 0; font-size: 20px; line-height:24px;}

	.myJob .no_login { padding: 10% 0 0; }
	.myJob .no_login p { font-size: 18px; margin-bottom: 60px; }
	.myJob .no_login ul li {
		width: 120px; height: 55px;
	}
	.myJob .no_login ul li a { font-size:18px; line-height:55px; }

	.bumBox { margin: 0 40px 15px 40px; }
	.jobList_wish .bumBox { margin: 0 0 15px 0; }
	.bumBox li { float: left; margin-right: 20px; font-size: 15px; color: #454545;}
	.bumBox li:last-child { margin-right: 0; }
	.bumBox li span {
		display: inline-block; width: 42px; height: 47px; margin-right: 5px; vertical-align: middle;
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.bumBox .possi_wish {
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.bumBox .possi_ok {
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.bumBox .possi_up {
		width: 42px; height: 47px; padding: 9px 0 0 22px; font-size: 21px;
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.jobBox .possi_up {
		right: 10px; width: 42px; height: 47px; padding: 9px 0 0 22px; font-size: 21px;
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.jobBox .possi_ok {
		right: 10px; width: 42px; height: 47px;
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.jobBox .possi_wish {
		right: 9px; width: 42px; height: 47px;
		-webkit-background-size: 42px;
		background-size: 42px;
	}
	.jobList_wish { position: relative; padding: 0 40px 40px; }
	.nowRating {
		width: 49%; height: 235px; margin: 0; padding: 54px 0; border: 1px solid #dddddd; background-color: #f2f2f2; text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.nowRating p { margin-right: 30px; font-size: 18px; }
	.nowRating p span { font-size: 23px; }
	.nowRating dt { margin-bottom: 10px; font-size: 16px; }
	.nowRating dd {
		width: 100px; height: 100px; font-size: 35px; line-height: 100px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}
	.jobList_wish .jobList { padding: 0; margin-top: -235px; }
	.jobList_wish .jobList .jobBox:nth-of-type(2n) { margin: 0 2% 0 0;}
	.jobList_wish .jobBox:first-child { margin-left: 51%; }
	.rtSetting { position: relative; margin: 0; padding: 25px 30px; }
	.rtSetting p { font-size: 16px; line-height: 26px; }
	.rtSetting a {
		position: absolute; right: 30px; top: 30px; margin-top: 0;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	.rtSetting a span { width: 130px; padding: 8px 0; font-size: 17px; line-height: 24px;
		-webkit-background-size: 24px;
		background-size: 24px;
	}
	/* 로그인 레이어팝업 */
	.ap_pop .ap_pop_contents.lg_cont { padding-top: 60px; }
	.lg_cont p { margin-bottom: 60px; font-size: 18px; }

	/* 진행중인 이벤트 팝업 */
	.mp_inner { position: relative; margin-top: -300px; }
	.mp_head { position: relative; width: 390px; width:35%; margin: 0 auto; padding: 0 0 20px 0; }
	.mp_head input[type="checkbox"] { width: 22px; height: 22px; margin-right: 10px; }
	.mp_head label { font-size: 16px; }
	.mp_head span { display: block; position: absolute; right: -14px; bottom: 0; width: 55px; height: 55px; }
	.mp_img { padding: 0; }
	.mp_img li { width: 390px; }
	.mp_control { position: absolute; left: 50%; width: 610px; padding: 0; margin: -305px; }
	.mp_control button { width: 51px; height: 51px; }
	.mp_control button.mp_prev {
		background: url(../images/btn/btn_prev_pad.png) 0 0 no-repeat;
		-webkit-background-size: 51px;
		background-size: 51px;
	}
	.mp_control button.mp_next {
		background: url(../images/btn/btn_next_pad.png) 0 0 no-repeat;
		-webkit-background-size: 51px;
		background-size: 51px;
	}
	/* 코치마크 팝업 */
	.coach01 {
z-index:3;
		left: 5px; top: 5px; width: 167px; height: 70px; background: url(../images/main/couch01_pad.png) 0 0 no-repeat;
		-webkit-background-size: 167px;
		background-size: 167px;
	}
	.coach02 {
		left: 5px; right: inherit; top: 407px; width: 166px; height: 70px; background: url(../images/main/couch02_pad.png) 0 0 no-repeat;
		-webkit-background-size: 166px;
		background-size: 166px;
	}
	.coach03 {
		top: 21px; width: 684px; height: 139px; margin-left: -296px; background: url(../images/main/couch03_pad.png) 0 0 no-repeat;
		-webkit-background-size: 684px;
		background-size: 684px;
	}
	.coach04 {
		top: 190px; width: 459px; height: 165px; margin-left: -190px; background: url(../images/main/couch04_pad.png) 0 0 no-repeat;
		-webkit-background-size: 459px;
		background-size: 459px;
	}
	.coach05 {
		top: 174px; width: 552px; height: 113px; margin-left: -172px; background: url(../images/main/couch05_pad.png) 0 0 no-repeat;
		-webkit-background-size: 552px;
		background-size: 552px;
	}
	.coach06 {
		top: 299px; width: 455px; height: 132px; margin-left: -60px; background: url(../images/main/couch06_pad.png) 0 0 no-repeat;
		-webkit-background-size: 455px;
		background-size: 455px;
	}
	.coachCopyLine {left:40px; top:400px; height:22px; background:url('../images/main/couch_copy_pad.png') center 0 no-repeat;
		-webkit-background-size:285px 22px;
		background-size:285px 22px;
	}
	.coachCopy {top:444px; margin-left:-211px; width:502px;}
	.coachCopy span {display:block; height:68px; margin-bottom:15px; background:#123f72 url('../images/common/coach_hd_txt1.png') 0 0 no-repeat;
		-webkit-background-size:502px; background-size:502px;
	}
	.coachCopy .coachCopy1 {}
	.coachCopy .coachCopy2 {background-position:0 -68px;
		-webkit-background-size:502px; background-size:502px;
	}
	.coachCopy .coachCopy3 {background-position:0 -136px;
		-webkit-background-size:502px; background-size:502px;
	}
	.coach_pop .coachBtn {position:absolute; top:0; left:50%; margin:0 0 0 -211px; padding-top:722px; width:502px;}
	.coach_pop .coachBtn button.button {height:38px; line-height:40px; font-size:18px;}
	.cc_inner p { right: 40px; bottom: 20px; }
	.cc_inner p { left:50%; right:auto; width:502px; margin-left:-251px; bottom: 20px; }
	.cc_inner p label { margin-right: 10px; font-size: 16px; }
	.cc_inner p input { width: 22px; height: 22px; }
	.mp_bottom,

 .mp_head,
 .mp_img li {width:320px;}

	.cc_inner p span {padding-top:5px;}
	.cc_inner p a {font-size:16px;}
	.checkMyGrade {margin:0 auto; padding:0; width:675px; font-size:18px;}
	.checkMyGradeTitle {}
	.checkMyGradePercent {padding:10px 0 15px 0; font-size:16px;}
	.membersGrade {margin:0 auto; padding:20px 0 0; width:675px; font-size:18px;}
	.zzimBox {line-height:28px; padding:0 0 10px 0; font-size:20px;}
	.zzimBox .btn_zzim {margin-right:7px;}
	.zzimBox .btn_zzim.on {width: 24px; height: 24px;}
	.quickArea .quickLink {display:none; top:160px; left:70px; width:200px; height:210px;}
	.mp_bottom .checkLine input[type=checkbox].css-checkbox + label.css-label {font-size:18px; line-height:30px;}
	#touchLeft,
 #touchRight {top:223px; width:32px; height:57px;
		background:url('../images/main/arrow_touch.png') 0 0 no-repeat;
		-webkit-background-size:32px; background-size:32px;
	}
	#touchLeft {left:80px;}
	#touchRight {background-position:0 -57px;}
	.myLeft .mw_txt .on p:first-child {padding-right:100px;}
	.coach03_new {top:0; left:40px; height:110px; background:url('../images/main/lo_bg_blue_pad.png') center 0 no-repeat;
		-webkit-background-size:1194px; background-size:1194px;
	}
	.coach03_new .coachIcon1 {left:-248px; top:30px; width:31px; height:46px;}
	.coach03_new .coachIcon2 {left:-16px; top:28px; width:40px; height:60px;}
	.coach03_new .coachIcon3 {left:220px; top:29px; width:31px; height:46px;}
	.coach_pop::after {content:''; display:block; position:absolute; top:0; left:0; z-index:2; width:80px; height:79px; background:url('../images/main/bg_ham.png') 0 0 no-repeat;
		-webkit-background-size:100%;
		background-size:100%;
	}

}

/* 20200219 */
@media(min-width:1024px){
	.homeArea .cnWrap-wrap {position: relative; padding-bottom: 252px; padding-bottom: 28%;}
	.homeArea .cnWrap-wrap .edu-center-banner {position: absolute; left: 0; bottom: 0; right: 0;}
	.homeArea .cnWrap-wrap .edu-center-banner-in {padding: 20px 0; text-align: center; background-color: #e3e7eb;}
	.homeArea .cnWrap-wrap .edu-center-banner-in img {max-width:100%; width: 800px;}
}
@media(min-width:1700px){
		.homeArea .cnWrap-wrap {padding-bottom: 440px;}
}

.main-banner-wrap {position: relative;}
.homeBanner > div {background: none;}
.homeBanner ul.hb_t2 li a span.hb01 {background-image: url('../images/icon/2021/icon-a1.png');
	-webkit-background-size: 36px;
	background-size: 36px;
}
.homeBanner ul.hb_t2 li a span.hb02 {background-image: url('../images/icon/2021/icon-a2.png');
	-webkit-background-size: 34px;
	background-size: 34px;
}
.homeBanner ul.hb_t {position: relative; margin-bottom: 0; padding-bottom: 30px;}
.homeBanner ul.hb_t:after {content:''; position: absolute; top: 46px; left: 0; right: 0; display: block; height: 1px; font-size: 0; background-color: #ddd;}
.banner-items {overflow: hidden;}
.banner-items > a {display: block; width: 50%; padding: 111px 0 20px; float: left; text-align: center; background-color: #d1dfec;
	background-repeat: no-repeat;
	background-position: center 25px;
	-webkit-background-size: 72px;
	background-size: 72px;
}
.banner-items > a:nth-child(1) {background-image: url('../images/icon/2021/icon-b1.png');}
.banner-items > a:nth-child(2) {background-image: url('../images/icon/2021/icon-b2.png');}
.banner-items > a:nth-child(3) {background-image: url('../images/icon/2021/icon-b3-b.png');}
.banner-items > a:nth-child(4) {background-image: url('../images/icon/2021/icon-b4.png');}
.banner-items > a:nth-child(2),
.banner-items > a:nth-child(3) {background-color: #b2cde8;}
.banner-items > a > span {display: block;}
.banner-items > a > span.t1 {font-size: 12px; color: #285689;}
.banner-items > a > span.t2 {margin-top: 5px; font-size: 15px; font-weight: bold; color: #313d48;}
@media(min-width:1024px){
	.homeBanner > div {background: none;}
	.homeBanner ul.hb_t2 li a span.hb01 {
		-webkit-background-size: 54px;
		background-size: 54px;
	}
	.homeBanner ul.hb_t2 li a span.hb02 {
		-webkit-background-size: 51px;
		background-size: 51px;
	}
	.homeBanner ul.hb_t {padding-bottom: 60px;}
	.homeBanner ul.hb_t:after {top: 78px;}

	.banner-items {float: left; width: 50%;}
	.banner-items > a {height: 159px; padding: 108px 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-position: center 15px ;
	}
	.banner-items > a > span.t1 {font-size: 14px;}
	.banner-items > a > span.t2 {font-size: 17px;}
}

/* job banner */
.jobTab .job-banner-box {display: flex; margin: 0 auto; padding: 0 57px; max-width:944px; flex-wrap:wrap; justify-content:space-between;}
.jobTab .job-banner-box li {float: none; display: block; height: auto; margin-top: 30px; border: 0 none; line-height: normal; background: none; width: 48.2%;}
.jobTab .job-banner-box li:nth-child(1),
.jobTab .job-banner-box li:nth-child(2) {margin-top: 0;}

@media(max-width:767px) {
	.jobTab .job-banner-box {display: block; padding: 0 40px;}
	.jobTab .job-banner-box li:nth-child(2),
	.jobTab .job-banner-box li {width: auto; margin-top: 15px;}
}
@media(max-width:359px) {
	.jobTab .job-banner-box {display: block; padding: 0 20px;}
}

/* */
.quickArea {position:relative;
	padding: 198px 0 28px; background: #fff url('../images/2023/main/quick_bg.png') center 0 no-repeat; text-align: center;
	-webkit-background-size: 320px;
	background-size: 320px;
}
.quickArea .quick_check {margin-bottom: 15px;}

@media screen and (min-width: 1024px){
	.quickArea {width: 445px; margin: 0 auto; padding: 190px 0 75px 250px; text-align: center; background: #fff url('../images/main/quick_bg.png') -176px 130px no-repeat;
		-webkit-background-size: 575px;
		background-size: 575px;
	}
}

.swiper-wrap {position: relative; z-index: 100;}
.swiper-wrap .swiper {width: 100%; height: 100%;}

.swiper-wrap .swiper-slide {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;
}
.swiper-wrap .swiper-slide .link {display: block; width: 100%;}
.swiper-wrap .swiper-slide .link img {width: 100%; object-fit: cover;}
.swiper-wrap  .swiper-pagination {position: absolute; top: auto; right: 18px; bottom: 13px; left: auto; width: auto; font-size: 12px; padding: 0 13px; line-height: 23px; font-weight: bold; color: rgba(255,255,255,0.4);
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.swiper-wrap  .swiper-pagination .swiper-pagination-current {color: rgba(255,255,255,1);}
.swiper-wrap .swiper-slide .link .img-w {}
.swiper-wrap .swiper-slide .link .img-m {display: none;}

@media(min-width:1024px) {
	.swiper-wrap {width: 50%; max-height:318px;}
	.swiper-wrap .swiper-slide .link {display: flex; align-items:center; height: 100%;}
	.swiper-wrap .swiper-slide .link .img-w {width: 100%; height: auto;}
	.main-banner-wrap.main-banner-wrap-type1 {display: flex;}
	.main-banner-wrap.main-banner-wrap-type1 .homeBanner {float: none;}
}
@media(min-width:1280px) {
	.swiper-wrap .swiper-slide .link {display: block;}
	.swiper-wrap .swiper-slide .link .img-w {width: auto; height: 100%;}
}

@media(max-width:1024px) {
	.swiper-wrap .swiper-slide .link .img-w {display: none;}
	.swiper-wrap .swiper-slide .link .img-m {display: block;}
}

.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb01,
.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb02,
.main-banner-wrap-type1 .homeBanner ul li a span.hb01,
.main-banner-wrap-type1 .homeBanner ul li a span.hb02,
.main-banner-wrap-type1 .homeBanner ul li a span.hb03,
.main-banner-wrap-type1 .homeBanner ul li a span.hb04 {
	-webkit-background-size: auto 30px;
	background-size: auto 30px;
}

.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb01 {background-image: url('../images/2023/main/icon-a1-m.png');}
.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb02 {background-image: url('../images/2023/main/icon-a2-m.png');}
.main-banner-wrap-type1 .homeBanner ul li a span.hb01 {padding-left: 45px; background-image: url('../images/2023/main/icon-a3-m.png');}
.main-banner-wrap-type1 .homeBanner ul li a span.hb02 {padding-left: 43px; background-image: url('../images/2023/main/icon-a4-m.png');}
.main-banner-wrap-type1 .homeBanner ul li a span.hb03 {padding-left: 43px; background-image: url('../images/2023/main/icon-a5-m.png');}
.main-banner-wrap-type1 .homeBanner ul li a span.hb04 {padding-left: 43px; background-image: url('../images/2023/main/icon-a6-m.png');}

@media(min-width:1024px) {
	.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb01,
	.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb02,
	.main-banner-wrap-type1 .homeBanner ul li a span.hb01,
	.main-banner-wrap-type1 .homeBanner ul li a span.hb02,
	.main-banner-wrap-type1 .homeBanner ul li a span.hb03,
	.main-banner-wrap-type1 .homeBanner ul li a span.hb04 {padding-left: 60px;
		-webkit-background-size: auto 48px;
		background-size: auto 48px;
	}

	.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb01 {background-image: url('../images/2023/main/icon-a1.png');}
	.main-banner-wrap-type1 .homeBanner ul.hb_t2 li a span.hb02 {background-image: url('../images/2023/main/icon-a2.png');}
	.main-banner-wrap-type1 .homeBanner ul li a span.hb01 {background-image: url('../images/2023/main/icon-a3.png');}
	.main-banner-wrap-type1 .homeBanner ul li a span.hb02 {background-image: url('../images/2023/main/icon-a4.png');}
	.main-banner-wrap-type1 .homeBanner ul li a span.hb03 {background-image: url('../images/2023/main/icon-a5.png');}
	.main-banner-wrap-type1 .homeBanner ul li a span.hb04 {background-image: url('../images/2023/main/icon-a6.png');}
}