@charset "utf-8";

/* custom checkbox, radio UI */
.ipCustomUI {cursor:pointer; width:17px; height:17px; display:inline-block; background:url('/content/images/m/common/sp_common.png?202102241700') no-repeat 0 0; background-size:50px 250px; vertical-align:top; margin-top:-1px;}
.ipCustomUI_checkbox {background-position:0 -150px;}
.ipCustomUI_checkbox.ipCustomUI_checked {background-position:-17px -150px;}
#coMng .ipCustomUI_checkbox.ipCustomUI_checked {background-position:-17px -150px;}
.ipCustomUI_checkbox.ipCustomUI_disabled {background-position:0 -150px;}
.ipCustomUI_checkbox.ipCustomUI_checked.ipCustomUI_disabled {background-position:-34px -150px;}
.ipCustomUI_radio {background-position-y:-130px;}
.ipCustomUI_radio.ipCustomUI_checked {background-position:-17px -130px;}
.ipCustomUI_radio.ipCustomUI_disabled {background-position:-34px -130px;}
.ipCustomUI_radio.ipCustomUI_checked.ipCustomUI_disabled {background-position-y:-130px;}

.ipCustomItem input[type=radio],
.ipCustomItem input[type=checkbox] {position:absolute !important; top:auto !important; left:-9999px !important;}

/* to-do:radio style */
/* input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;} */
button {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; cursor:pointer; border:0; color:#666; background-color:transparent;}
select:focus {}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display:none;}

.ico3 {background:url(/content/images/m/bg_all_2_v3.png?202102241700) no-repeat 0 0; background-size:150px 150px;}

/* main swipe */
#wrap {overflow:hidden; background-color:#f3f5f7; position:relative; background-image:url(/content/images/m/Text_Co/bg_autofit_fix.png?202102241700);}
#devWingMaskLayer {position:absolute; top:0px; width:40px; height:100%; z-index:100; display:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.wingMenuActive #devWingMaskLayer {display:block; right:0;}
.wingSearchActive #devWingMaskLayer {display:block; left:0;}

.scWing {position:relative; z-index:0; left:0; float:left; width:100%; margin-right:-100%; overflow:hidden; display:none; -webkit-box-sizing:border-box; min-height:100%;}


/*
.wingSearchActive #scC:after,
.wingMenuActive #scC:after {position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.7; content:""; z-index:110;}
*/

.dim {display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.7; content:""; z-index:110;}

#scC {z-index:100; background:#fff; display:block;}
#scM {padding-right:40px; background:#f3f5f7;}
#scS {padding-left:40px;}
#scS {background:#fff;}

/* common class */
.skip, .blind {position:absolute; left:-9999px;}
.ir {text-indent:-9999px;}
.ct {padding-left:10px; padding-right:10px;} /* content padding */
.ctNotice img {max-width:100%;}
.f {width:100%;}
.buSq {position:relative;} /* to-do:remove style */
.buSq:before {content:""; width:3px; height:3px; background:#ccc; position:absolute; top:6px; left:0;}
.buSq mark {background:none; color:#6699ff;}
.bxR {border:1px solid #e4e4e4; border-radius:2px; position:relative;}
.mask {position:absolute; width:100%; height:100%; background:#000; opacity:0.8; top:0; left:0;}
.bxCenter {-webkit-box-pack:center; display:-webkit-inline-box; -webkit-box-align:center;}
.bxInfo {border-top:2px solid #c0c0c0; border-bottom:1px solid #dfdfdf; padding:30px 0;}
.offScr {position:absolute; left:-9999px;}
.tabCt,
.offsetCt {position:relative;}
.devHide {display:none !important;}
.col2 > li {width:50%;}
.col3 > li {width:33.33%;}
.col4 > li {width:25%;}
.col5 > li {width:20%;}
.svcGuide {padding:13px 10px 11px 10px; margin:13px 10px 0 10px;  background:#f1f2f5 url(/content/images/m/bg_svc_guide.png?202102241700) no-repeat 100% 0; background-size:116px 105px;} /* 서비스 이용안내 */
.svcGuide h4 {font-size:16px; color:#333; margin-bottom:2px;}
.svcGuide .noB {font-weight:normal;}
.svcGuide p {line-height:1.2; font-size:13px;}
.svcGuide a {margin-top:5px;}
/* to-do:swipe style */
.devSwipe {}
.swipe-wrap {overflow:hidden; position:relative;}
.ua_io .swipe-wrap {-webkit-transform:translate3d(0, 0, 0);}
.swipe-wrap > div,
.swipe-wrap > ul,
.swipe-wrap > li,
.swipe-wrap > dl {position:relative; left:-9999px; width:100%; float:left; margin-right:-100%;}
.te {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.swipe-wrap > div:first-child,
.swipe-wrap > ul:first-child,
.swipe-wrap > li:first-child,
.swipe-wrap > dl:first-child {left:0;}
.ipSpacerBox {display:block; padding-top:4px;}

/* to-do:redefine */
.thumbC {width:115px; height:46px; padding-top:2px; border:1px solid #dbdbdb; -webkit-box-shadow:0 1px #f5f5f5; display:block; position:relative; text-align:center; background:#fff;}
.actBt {padding:10px 10px 10px 10px; overflow:hidden;}
.actBt > span {float:left; width:50%; -webkit-box-sizing:border-box; padding-right:3px;}
.actBt > span:last-child {padding-right:0; padding-left:2px;}
.actBt > span.col1 {float:none; width:auto; padding:0;}
.actBt button,
.actBt a {width:100%;}

/* GNB */
#gnd{height:51px;background:#002aff;position: relative}
#gnd #menuBtn{display: inline-block;position: absolute;left:15px;top:18px;width:21px;height:14px;background:url('/content/images/m/text_user/sp_mobile_jk.png?202102241700') -25px 0 no-repeat;
    background-size:219px 171px;}
#gnd #menuBtn a{display: inline-block;width:42px;height:42px;position: absolute;left:-11PX;top:-11px}
#gnd .h_title{text-align: center;height:51px;line-height: 51px}
#gnd .h_title h1{display: inline-block;position:relative;width:120px;height:18px;background:url('/content/images/m/text_user/sp_mobile_jk.png?202102241700') -49px 0 no-repeat;
    background-size:219px 171px;;vertical-align: middle}
#gnd .h_title h1 a{display: inline-block;position:absolute;left:0;top:9px;width:120px;height:36px;margin-top:-18px}
#gnd .h_title h2{display:inline-block;vertical-align: middle;line-height: 18px;}
#gnd .h_title h2.my_menu a{display:inline-block;color:#d2f3ff;font-size:18px;font-weight:bold;letter-spacing:-0.5px;}
#gnd #rgt_option{display:inline-block;position: absolute;right:16px;top:15px;}
#gnd #rgt_option span{display: inline-block;float:right;position:relative;background: url('/content/images/m/text_user/sp_mobile_jk.png?202102241700') -9999px -9999px no-repeat;
    margin-right:12px;background-size:219px 171px;}
#gnd #rgt_option span:first-child{margin-right:0}
#gnd #rgt_option span button{display: inline-block;position:absolute;background: none;cursor: pointer}
#gnd #rgt_option #btn_alarm{width:20px;height:20px;background-position:-25px -37px}
#gnd #rgt_option #btn_alarm button{width:30px;height:30px;left:-5px;top:-4px}
#gnd #rgt_option #btn_srch{width:18px;height:20px;background-position:-25px -16px }
#gnd #rgt_option #btn_srch button{width:30px;height:30px;left:-5px;top:-4px}
#gnd #rgt_option .i_new{display: inline-block;position: absolute;width:13px;height:13px;right:-2px;top:-5px;background:url('/content/images/m/text_user/sp_mobile_jk.png?202102241700') 0 0 no-repeat;
    background-size:219px 171px;}

/* header */
.headerT {background:#002aff; position:relative; z-index:5;}
.headerT header {position:relative; height:45px; padding-top:12px; text-align:center; box-sizing:border-box;}
.headerT h1 {display:inline-block;}
.headerT h1 > a,
.headerT h1 > span {font-size:18px;letter-spacing:-0.5px; color:#d2f3ff; font-weight:bold; line-height:1.3;  vertical-align:middle; position:relative; top:1px;}
.headerT h1 > span,
.headerT h1 > a.hTx {top:0;}
.headerT .logo {overflow:hidden; position:relative; width:131px; height:24px; display:inline-block; top:0;}
#main .logo {width:108px; height:24px;}
#main .logo img {top:0;}

.headerT .hdBtn button {background:url(/content/images/m/bg_gnb_sprite.png?202102241700) no-repeat 0 0; background-size:125px 125px; text-indent:-9999px; vertical-align:middle;}
.headerT .hdBtn button.myBtn {position:absolute; left:10px; top:9px; width:26px; height:30px;}
.headerT .hdBtn .btnSide {position:absolute; right:10px; top:9px;}
.headerT .hdBtn button.schBtn {width:29px; height:30px; background-position:-35px 0;}
.headerT .hdBtn button.userAlertBtn {width:28px; height:30px; margin-left:1px; background-position:-70px 0; position:relative;}
.headerT .hdBtn button.userAlertBtn.on:after {content:""; display:block; width:5px; height:5px; background:url(/content/images/m/bg_gnb_sprite.png?202102241700) no-repeat -103px -6px; background-size:125px 125px; position:absolute; right:7px; top:7px;}

.headerT .lay2 {right:10px; top:37px;}

/* tab with icon */
.navTab {overflow:hidden; position:relative; z-index:0;}
.navTab:after {content:""; display:block; height:1px; padding:0 10px; background-color:#5cadff; position:absolute; left:0; top:1px; width:100%; box-sizing:border-box; background-clip:content-box}
.navTab > li {float:left;}
.navTab a {display:block; position:relative; text-align:center;}
.navTab a:after {content:""; position:absolute;}

.navTab_top {position:relative; background:#002aff; padding-top:1px;}
.navTab_top > li {background-color:#002aff;}
.navTab_top a {color:#fff; font-size:14px;  height:42px; font-weight:bold; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; padding-top:3px; opacity:.4;}
#main .navTab_top a {opacity:1;}


.navTab_top li:first-child a {border-left:0;}
.navTab_top a.on {opacity:1;}

/* 메인 검색 영역 */
.mainSchBtn {padding:1px 10px 5px; background-color:#002aff;}
.mainSchBtn button {height:36px; min-height:36px; border:none; border-radius:0; width:100%; background-color:#fff; position:relative; font-size:18px;letter-spacing:-0.5px; color:#000; text-align:left; padding-left:8px; vertical-align: middle;}
.mainSchBtn button:after {content:""; display:block; width:31px; height:36px; position:absolute; right:0; top:0; background:url(/content/images/m/bg_gnb_sprite.png?202102241700) no-repeat 0 -40px; background-size:125px 125px;}

/* 통합검색 */
.topSchArea {height:45px; background-color:#002aff; position:relative; padding-top:4px; box-sizing:border-box;}
.topSchArea .schIco {background:url(/content/images/m/bg_gnb_sprite.png?202102241700) no-repeat 0 0; background-size:125px 125px; text-indent:-9999em;}
.topSchArea .schBack {width:40px; height:45px; background-position:0 -80px; position:absolute; left:0; top:0;}
.topSchArea .boxSearch {background-color:#fff; position:relative; margin:0 10px 0 45px; height:36px; padding:0 56px 0 0;}
.topSchArea .boxSearch .jkSchInp {border:none; height:36px; min-height:36px; width:100%; padding-top:3px; line-height:1.3;}
.topSchArea .boxSearch .reSet {width:25px; height:36px; background-position:-35px -40px; position:absolute; right:31px; top:0;}
.topSchArea .boxSearch .btnSch {width:31px; height:36px; background-position:0 -40px; position:absolute; right:0; top:0;}

/* 지역별 > 역세권 > 서브탭 */
.areaTab {padding:19px 8px 0;}
.areaTab .tabM_top {border-top:1px solid #cecfd1;}
.areaTab .tabM > li {border:1px solid #cecfd1; border-width:0 0 1px 1px;}
.areaTab .tabM > .on {border-bottom:1px solid #fff;}
.areaTab .tabM > li:first-child {border-left:1px solid #cecfd1;}
.areaTab .tabM > li:last-child {border-right:1px solid #cecfd1;}

#navMember {position:absolute; bottom:0; left:0; right:40px;}
.navTab_member {border-top:1px solid #0a0b0e;}
.navTab_member li:first-child a {border-left:0;}
.navTab_member li:last-child a {border-right:0;}
.navTab_member a {padding-top:42px; color:#989a9f; font-size:12px; font-weight:bold; border-top:1px solid #3b3f49; border-left:1px solid #343a44; border-right:1px solid #22252c; -webkit-box-sizing:border-box; height:64px; background-color:#30353f; }
.navTab_member a:after {top:11px; left:50%; margin-left:-14px; width:28px; height:27px; background-position:0 -805px;}
.navTab_member li:first-child a:after {background-position-y:-775px;}
.navTab_member li:last-child a:after {background-position-y:-835px;}

.navTab_sns {border-top:1px solid #e0e0e0; border-bottom:1px solid #fff; margin-bottom:-30px;} /* to-do:remove minus margin */
.navTab_sns li {float:left; -webkit-box-sizing:border-box; border-right:1px solid #e0e0e0; position:relative;}
.navTab_sns a {border-left:1px solid #fff; border-top:1px solid #fff; padding:40px 2px 0 0; text-align:center; color:#333; background:#f8f8f8; -webkit-box-sizing:border-box; height:60px; font-size:11px;}
.navTab_sns li:first-child {border-left:0;}
.navTab_sns li:last-child a {border-right-color:transparent;}
.navTab_sns .icoSns {position:absolute; top:8px; left:50%; margin-left:-15px;}
.navTab_coSns {border-bottom:1px solid #e0e0e0;}

/* 검색 타이틀 */
.hSchWrap {margin-top:33px;}
.hSchWrap h2 {border-bottom:2px solid #c3c3c3; font-size:16px; color:#000; padding:0 0 6px 10px;}
.hSchWrap h2 a.totalLink {position:absolute; right:10px; top:4px; font-size:11px; color:#666; padding-right:3px; margin-left:5px; font-weight:normal;}
.hSchWrap h2 a.totalLink:before, .hSchWrap h2 a.totalLink:after {left:100%; top:6px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; background-clip:padding-box;}
.hSchWrap h2 a.totalLink:before {border-color:rgba(112, 112, 112, 0); border-left-color:#707070; border-width:4px; margin-top:-4px;}
.hSchWrap h2 a.totalLink:after {border-color:rgba(255, 255, 255, 0); border-left-color:#fff; border-width:3px; margin-top:-3px;}


/* sliding menu */
.navS {overflow:hidden; height:40px; position:relative; background-color:#333944;}
.navS ul {overflow:hidden; -webkit-box-sizing:border-box; padding-right:30px; padding-left:30px; }
.navS ul:first-child {padding-left:8px;}
.navS ul:last-child {padding-right:0;}
.navS ul:nth-child(2n) {padding-right:0;}
.navS li {float:left;}
.navS a {display:block; height:40px; padding:12px 0 10px 0; -webkit-box-sizing:border-box; font-size:13px;  font-weight:bold; color:#fff; text-align:center; white-space:nowrap;}
.navS a {color: #fff;}
.navS .on a {color:#5288FF;}
.navS button {position:absolute; width:35px; height:0; right:0; top:0; background-color:#2a2f39; background-position:-28px -675px; padding-top:40px; display:none;}
.navS button.devPrev {right:auto; left:0; border-left:0; background-position:11px -675px;}
.navNoS ul {padding:0 !important; left: 0px !important;}
.navNoS a {text-align:center; padding-left:0; padding-right:0;}
.navNoS .nav_starter {padding-left:15px;}

.nav_listGi li:nth-child(1){width: 10%;}
.nav_listGi li:nth-child(2){width: 29%;}
.nav_listGi li:nth-child(3){width: 20%;}
.nav_listGi li:nth-child(4){width: 15%;}
.nav_listGi li:nth-child(5){width: 26%;}

.nav_starter li:nth-child(1) {width:14.1%;}
.nav_starter li:nth-child(2) {width:24.8%;}
.nav_starter li:nth-child(3) {width:35.3%;}
.nav_starter li:nth-child(4) {width:21.2%;}



/* tab menu */
.tabM {border-top:2px solid #8d94a1; display:-webkit-box; display:-webkit-flex; display:flex;}
.tabM:after {content:""; display:block; clear:both;}
.tabM > li {-webkit-flex-grow:1; flex-grow:1; position:relative;}
.tabM > li:after {content:""; display:block; width:1px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px; background-color:#cfd5d9;}
.tabM > li:first-child:after {display:none;}
.tabM > li > a,
.tabM > li > span {display:block; padding-top:12px; height:37px; position:relative; font-weight:bold; font-size:13px; text-align:center; color:#666; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.tabM > .on,
.tabM > .on span {color:#002aff;}
.tabM > .ttChat > a{color:#002aff;}
.tabM > .ttChat > a:after{content:''; margin-left:3px; width:11px; height:11px; position:relative; top:1px; display:inline-block; background:url(/content/images/m/ttChat.png) no-repeat -10px -34px; background-size:300px 300px;}
.tabM_top {border-top:0; background-color:#f2f4f5;}
.tabM_step > li {width:25%; float:left; border:1px solid #b4bac2; border-width:0 0 1px 1px; position:relative; -webkit-box-shadow:0 1px #f0f1f4; -webkit-box-sizing:border-box; border-right-width:0; background-color:#f2f4f5 !important;}
.tabM_step > li:after {content:""; position:absolute; width:13px !important; height:39px !important; top:0 !important; left:-1px !important; background-position:0 -450px !important; margin-top:0 !important; background-color:transparent !important}
.tabM_step > li:first-child:after {display:none;}
.tabM_step > li > span {border-top:1px solid transparent; border-bottom:1px solid #fff; padding-top:11px; height:38px; font-size:15px; font-weight:bold;  -webkit-box-sizing:border-box; background-color:#edeff2; display:block; text-align:center; color:#898989; border:0; padding-left:12px; height:39px !important;}
.tabM_step > li:first-child > span {padding-left:0;}
.tabM_step > li:last-child > span {padding-right:6px;}
.tabM_step > .on {z-index:5; -webkit-box-shadow:none; border-bottom:none;}
.tabM_step > .on > span {color:#333; background:#f3f5f6 -webkit-gradient(linear, 0 0, 0 100%, from(#f3f4f6), to(#fff));}
.tabM_step > .on_next:after {background-position:-15px -450px !important;}
.tabM_jobfair {/* border-top:2px solid #c0c0c0; */}
.tabM_jobfair li {width:30%;}
.tabM_jobfair li:first-child {width:40%;}

.tabH {overflow:hidden; padding:17px 0 4px 10px; min-height:17px; font-weight:bold;}
.tabH li {float:left; padding:0 8px; position:relative;}
.tabH li:first-child {padding-left:0;}
.tabH a,
.tabH span {color:#999; display:block; line-height:1; font-size:1.14em; }
.tabH span {color:#000;}
.tabH a:after,
.tabH span:after {content:""; width:1px; height:15px; background:#c3c3c3; position:absolute; top:0; left:0;}
.tabH li:first-child a:after,
.tabH li:first-child span:after {display:none;}

.tab-scroll {overflow-x: scroll; overflow-y: hidden; background: #f2f4f5; -ms-overflow-style: none;}
.tab-scroll::-webkit-scrollbar{ display:none; }
.tab-scroll ul {display: block; width: max-content;}
.tab-scroll ul li {float: left; width: auto; flex-grow: unset;}
.tab-scroll ul li a, .tab-scroll ul li span {padding: 10px 12px 0;}


#main .tabH {padding-top:0; margin-top:30px;}

/* paging */
.paging {margin:25px 0 25px 0; text-align:center;}
.paging  a {vertical-align:middle;}
.paging .num {display:inline-block; font:14px Arial, sans-serif; color:#999; font-weight:normal; width:32px; height:28px; padding-top:5px; margin:0 3px; border:1px solid #d1d5db; text-align:center; background:#fff; vertical-align:middle; -webkit-box-sizing:border-box;}
.paging .on {border-color:#002aff; background:#002aff; color:#fff;}
.paging .btnNav {overflow:hidden; position:relative; display:inline-block; width:31px; height:26px; margin:0 3px; border:1px solid #d1d5db; background-color:#f9f9f9;}
.paging .btnNav {background:url('/content/images/m/common/sp_common.png?202102241700') no-repeat;  background-size:50px 250px; text-indent:-9999px;}
.paging .btnPrev {background-position:13px 8px;}
.paging .btnNext {background-position:-7px 8px;}

/* 키워드 선택 */
.keywordSel .keyword {font-weight:normal; font-size:1.07em;  -webkit-box-shadow:inset 0 -1px #fff; padding-left:9px; overflow:hidden; border-bottom:1px solid #c3c3c3; background:#f3f5f7; color:#333;}
.keywordSel .keyword .type,
.keywordSel .keyword button { height:38px; line-height:38px; padding-top:1px;}
.keywordSel .keyword .type {float:left; margin-right:7px;}
.keywordSel .keyword .arrow {overflow:hidden; display:block; padding-left:20px; position:relative;}
.keywordSel .keyword .arrow:before {content:""; position:absolute; width:13px; height:39px; top:0; left:0; background-position:100% -50px;}
.keywordSel .keyword button {display:block; width:100%; text-align:left; white-space:nowrap; background:transparent;  font-weight:bold; color:#333;}
.keywordSel .keyword button:after {content:""; position:absolute; width:30px; height:17px; right:0; top:13px; background-position:100% -650px; background-color:#f3f5f7;}
.keywordSel .keyword .shadow {width:12px; height:39px; position:absolute; top:0; right:30px; background:-webkit-gradient(linear, 0 0, 100% 0, color-stop(0%, rgba(243, 245, 247, 0)), color-stop(70%, rgba(243, 245, 247, 0.3)), color-stop(100%, rgba(243, 245, 247, 1)));}
.keywordSel .keyword button > span,
.keywordSel .keyword span.num {color:#f63; margin-left:2px;}
.keywordList {display:table; table-layout:fixed; width:100%;}
.keywordList > span {display:table-row;}
.keywordList a,
.keywordList span > span {width:33.33%; -webkit-box-sizing:border-box; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; display:table-cell; padding:10px 7px 6px 8px; font-size:0.9em; vertical-align:middle; color:#333;}
.keywordList a em {font-size:11px; color:#999;}
.keywordList_area a,
.keywordList_area span > span {width:50%;}
.keywordList li:nth-child(3n),
.keywordList_area li:nth-child(2n) {border-right:0;}
.keywordList a > strong {color:#000;}
.keywordList a > span {color:#999;}


/* 키워드선택 리뉴얼 2015. 10. 13 */
.keywordSelWrap {line-height:1.3;}
.keywordSelWrap .keyBtnBx {border-bottom:1px solid #e8e8e8; background-color:#f2f4f5; padding:13px 14px 10px;}
.keywordSelWrap .keyBtnBx h3 {color:#fff; font-size:14px;  font-weight:bold; display:-webkit-box; display:-webkit-flex; display:flex;-webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; position:relative; width:100%;}
.keywordSelWrap .keyBtnBx button { color:#000; font-size:13px; float:left; position:relative; margin-right:21px; text-align:left; -webkit-box-flex:1;}
.keywordSelWrap .keyBtnBx button:last-child {margin-left:0;}
.keywordSelWrap .keyBtnBx button:before {content:""; display:block; width:8px; height:15px; background:url(/content/images/m/ico_key_arr.png?202102241700) 0 0 no-repeat; -webkit-background-size:8px 15px; background-size:8px 15px; position:absolute; right:-15px; top:50%; margin-top:-8px;}

.keywordSelWrap .keyBtnBx button.total,
.keywordSelWrap .keyBtnBx button.dep2 {font-weight:bold;}
.keywordSelWrap .keyBtnBx button.dep2 em,
.keywordSelWrap .keyBtnBx button.total em {color:#ff6600;}
.keywordSelWrap .keyBtnBx button.dep2:before,
.keywordSelWrap .keyBtnBx button.total:before {display:none;}
.keywordSelWrap .keyBtnBx button.toggleBtn {width:30px; height:30px; position:absolute; right:-10px; top:50%; margin:-15px 0 0 0; text-align:center;}
.keywordSelWrap .keyBtnBx button.toggleBtn:before {display:none;}
.keywordSelWrap .keyBtnBx button.toggleBtn .ico {display:block; margin:0 auto;}
.keywordSelWrap .keyBtnBx h3 .ico {/*position:absolute; right:0; top:16px;*/}

.keywordSelWrap .keyBtnBx button:focus { outline:none !important}

.keywordSelBann {background-color:#30353f; position:relative;}
.keywordSelBann .keyBannClose {position:absolute; right:4px; top:5px; width:30px; height:30px;}
.keywordSelBann .keyBannClose span {position:absolute; left:-9999em; top:0;}
.keywordSelBann .keyBannClose:before {content:""; display:block; width:12px; height:12px; margin:0 auto; background:url(/content/images/m/btn_close.png?202102241700) 0 0 no-repeat; -webkit-background-size:12px 12px; background-size:12px 12px;}
.keywordListWrap {}
.keywordListWrap .listItemBx {}
.keywordListWrap .items {margin-bottom:-1px;}
.keywordListWrap .items:after {content:""; display:block; clear:both;}
.keywordListWrap .items > li {float:left; width:33.33%; margin-top:-1px;}
.keywordListWrap .items > li:first-child a {border-left:none;}
/*.keywordListWrap .items > li:nth-child(1) a,
.keywordListWrap .items > li:nth-child(2) a {border-top:none;}
.keywordListWrap .items > li:nth-child(2n+1) a {border-right:1px solid #e8e8e8;}*/
.keywordListWrap .items > li > a{height:39px; font-size:0.9em; color:#333;  display:block; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #e8e8e8; padding:13px 10px 0 10px; border-left:1px solid #e8e8e8;}
.keywordListWrap .items > li > a em {margin-left:2px;}
.keywordListWrap .items > li.hot > a{font-weight:bold;}

/* heading */
.h {font-size:1.14em; padding:17px 0 4px 8px; border-bottom:1px solid #c3c3c3;  line-height:1; min-height:17px; color:#000; position:relative;}
.h span {color:#002aff;}
.boothSpecial .h span {margin-right:2px;}
.h .all {position:absolute; bottom:4px; right:10px;}
.h .num {font-size:13px; margin-left:4px; padding-left:7px; position:relative; top:-1px;}
.h .num:before {content:""; position:absolute; width:0; height:14px; border-left:1px solid #e6e6e6; top:0; left:0;}
.hS1 {border-bottom:0 none;}
.hS2 {border-bottom-width:2px; margin-bottom:0;}
.hS3 {border-top:1px solid #e0e0e0; border-bottom:1px solid #c6c6c6; color:#666;  padding:8px 0 6px 10px; text-shadow:1px 1px 1px #fff; background:#ebebeb;}
.hS3 .ico_guide {margin-left:2px;}
.hS3 .lay {left:100%; top:24px; margin-left:-20px; text-shadow:none;}
.header {border-bottom:2px solid #c0c0c0; font-size:1.14em; color:#333; position:relative;}
.hS4 {border-bottom:2px solid #c3c3c3; padding:27px 0 8px 15px; font-size:16px; color:#000; position:relative;}
.hS4:after {content:""; display:block; clear:both;}
.hS4 .icoPart {position:absolute; bottom:0; left:9px;}
.hS4 em {color:#002aff;font-size:0.86em;}
.ssHighlight .hS2 {border-bottom-color:#6499ff; -webkit-box-shadow:0 1px #e1e7ed;z-index:2;}
.ssHighlight .hS4 {z-index:2; border-bottom:2px solid #78beff;}
.ssHighlight .partNewlyList {background-color:#f2f4f5;}
.hSortOpt {padding:8px 10px 6px 10px; border-bottom:2px solid #c0c0c0; min-height:33px;}
.hSortOpt:after {content:" "; display:block; height:0; clear:both;}
.hSortOpt select {float:left; width:auto; font-size:1.07em;}
.hSortOpt select,
.hSortOpt label {font-size:1.07em; color:#333;}
.hSortOpt label {font-size:1em; position:relative; top:1px;}
.hSortOpt .r {float:right; margin-top:7px;}
.hSortOpt .num {color:#6693ee; float:left; margin-top:10px;}
.hSortOpt .num1 {color:#333; float:left; margin-top:10px;}
.hSortOpt .num1 span {color:#ff6600;}
.hSortOpt2 select {float:right;}
.hS5 {font-size:1.07em; border-bottom:1px solid #d4d4d4 !important; -webkit-box-shadow:0 1px #e7e7e7; padding:0 0 5px 10px; color:#000; margin-top:30px; }/*채용관리 메인타이틀*/
.hS6 {padding:12px 0 12px 10px; border-bottom:0 none;}
.hS7 {padding:12px 0 8px 10px;  background:#f3f5f7; text-shadow:1px 1px 1px #fff;}


/* button */
.bt,
.btNum,
.btPN,
.btStar {display:inline-block; text-align:center; -webkit-box-sizing:border-box; -webkit-box-align:center; overflow:hidden; position:relative;}
/*
.bt .ico2 {position:relative; padding-left:18px;}
.bt .ico2:after {content:""; position:absolute; top:0; left:0; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 0 0; background-size:50px 1350px;}
*/
.bt7 .ico {background:url(/content/images/m/bg_member_1_v2.png?202102241700) no-repeat 0 0; background-size:50px 250px;}
.btText {font-size:12px; color:#666; font-weight:bold; border-bottom:1px solid #b2b2b2; line-height:12px; }
.bt {border-radius:2px; font-size:15px; font-weight:bold; border:1px solid #d2d6dc; padding:0 10px 0 10px; height:40px; background:#fff; color:#3e4045;}

a.bt,
span.bt {-webkit-box-pack:center; display:-webkit-inline-box;}
.bt > span {display:inline-block; padding-top:0.2em;}
.bt .ico {margin:-15px 4px -10px 0; position:relative;}

.bt_collapse,
.bt_expand,
.bt_cancel {color:#666;}
.bt_collapse .ico,
.bt_expand .ico {margin-right:0; margin-left:4px;}
.bt_add_1 .ico {top:1px;}

/*
.bt span {display:inline-block; margin:0; padding:6px 0 4px 0; -webkit-box-sizing:border-box; vertical-align:middle; color:#333;}
a.bt:after,
span.bt:after {content:""; display:inline-block; height:100%; width:0; vertical-align:middle;}
*/
.bt2 {height:40px; font-size:16px;line-height:40px;}
.bt3 {height:30px; font-size:12px;}
.bt4 {height:28px; font-size:14px;}
.bt5 {height:44px; font-weight:normal;  font-size:16px;}
.bt7 {height:30px; font-size:12px;}
.bt6 span {color:#666;} /* bt6는 폰트 컬러만 다름 */
.bt8 {height:27px; font-size:12px;}
.bt9 {padding:0 12px 0 12px; height:40px; font-size:14px;}/* 기업앱 */
.bt9 span {color:#666;}
.bt10 {border-radius:2px; font-size:14px; font-weight:normal; border:1px solid #aeb3ba; padding:0 7px 0 7px; height:28px; background-color:#fff; color:#333;}
.bt11 {border-radius:2px; font-size:14px; font-weight:normal; border:1px solid #000; padding:0 7px 0 7px; height:28px; background-color:#333a57; color:#fff;}
.bt12 {height:30px; font-size:14px;}
.bt13 {font-weight:normal; color:#666;}
.bt14 {font-size:13px; font-weight:normal; border:1px solid #d2d2d2; padding:0 7px 0 7px; height:25px; background-color:#fff; border-radius:20px;}

.btC1 {border-color:#575757; background:#575757;}
.btC2 {border-color:#ff6600; background:#ff6600;}
.btC3 {border-color:#002aff; background:#002aff;}
.btC4 {border-color:#4f5662; background:#4f5662;}
.btC5 {border-color:#4d535e; background:#4d535e;}
.btC6 {border-color:#5da029; background:#5da029;}
.btC7 {border-color:#4c7ee2; background:#4c7ee2;}
.btC9 {border-color:#d95616; background:#d95616;}
.btC10 {border-color:#002aff; background:#fff;}
.btC11 {border-color:#002aff; background:#fff;}
.btC12 {border-color:#4b4b4b; background:#4b4b4b;}
.btC12 span {color:#fff;}
.btC13 span {color:#666;}
.btC14 {border:0; background:#ff7575; border-radius:0;}

#quickApy .bt.btC3 span {color:#fff;}

.btC1 span,.btC2 span,.btC3 span,.btC4 span,.btC5 span,.btC6 span,.btC7 span {color:#fff;}
.btC10  span {color:#002aff; padding-top:0.4em;}
.btSquare {border-radius:0;}
.bt_nowLoc {padding-left:2px;}
.bt_nowLoc .ico {top:1px;}
.bt_nowLoc2 {height:40px; width:67px; padding:0; font-size:13px; text-align:left;}
.bt_detail {height:32px;}

.btNum {height:20px; border:1px solid #c4502b; border-radius:2px; color:#f2d3a4; padding:0 6px 0 6px; font:13px/19px Arial, sans-serif; font-weight:bold;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#e47b58), to(#c3542f)); -webkit-box-shadow:0 1px 2px rgba(28, 31, 37, 0.7), inset 1px 1px 0 rgba(229, 135, 102, 0.8), inset -1px 0 0 rgba(229, 135, 102, 0.8); overflow:hidden;}
.btNum span {display:inline-block; height:18px; padding-left:6px; margin-left:2px; background-position:-30px -450px; font-size:11px; position:relative; top:-1px;}

.btPlus {width:25px; height:25px; border:1px solid #ccc; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e7e7e7)); -webkit-box-shadow:inset 1px 1px #fff, inset -1px -1px 0 #fff; position:relative; text-indent:-9999px;}
.btPlus:before,
.btPlus:after {content:""; position:absolute; background:#b35d29;}
.btPlus:before {width:14px; height:3px; top:10px; left:5px;}
.btPlus:after {width:3px; height:14px; top:5px; left:10px;}
.btMinus {border:1px solid #000;}
.btMinus:after {display:none;}

.btSw,
.btJobType,
.bt_suggest {border:1px solid #344585; border-radius:2px; color:#fff; padding:2px 5px 0 5px; font-size:11px;  line-height:1.2; font-weight:bold; white-space:nowrap;
background:#384c94; -webkit-box-shadow:inset 1px 1px #5465a3, inset -1px -1px #5465a3;}
.btSw_102,
.btJobType_1 {border-color:#258c48; background:#0aa03d; -webkit-box-shadow:inset 1px 1px #2dad58, inset -1px -1px #2dad58;}
.btSw_103,
.bt_suggest {border-color:#e6522b; background:#f60; -webkit-box-shadow:inset 1px 1px #ff7a21, inset -1px -1px #ff7a21;}
.btSw_104 {border-color:#2b7edb; background:#008cf8; -webkit-box-shadow:inset 1px 1px #249cf9, inset -1px -1px #249cf9;}
.btSw_105 {border-color:#a5256e; background:#ca008d; -webkit-box-shadow:inset 1px 1px #d1249d, inset -1px -1px #d1249d;}
.btSw_106 {border-color:#c87525; background:#e28707; -webkit-box-shadow:inset 1px 1px #e6982a, inset -1px -1px #e6982a;}
.btSw_107 {border-color:#838632; background:#958b01; -webkit-box-shadow:inset 1px 1px #a49b25, inset -1px -1px #a49b25;}
.btSw_108 {border-color:#bc2665; background:#e50965; -webkit-box-shadow:inset 1px 1px #e92d7b, inset -1px -1px #e92d7b;}
.btSw_109 {border-color:#885f2e; background:#a56d2a; -webkit-box-shadow:inset 1px 1px #b18147, inset -1px -1px #b18147;}
.btSw_201,
.btJobType_3 {border-color:#ea8b25; background:#fb9300; -webkit-box-shadow:inset 1px 1px #fca223, inset -1px -1px #fca223;}
.btSw_202 {border-color:#85253f; background:#a7002d; -webkit-box-shadow:inset 1px 1px #b3244b, inset -1px -1px #b3244b;}
.btSw_301 {border-color:#2692d1; background:#169fee; -webkit-box-shadow:inset 1px 1px #37adf0, inset -1px -1px #37adf0;}
.btSw_701 {border-color:#259ba8; background:#04b4c7; -webkit-box-shadow:inset 1px 1px #27bfcf, inset -1px -1px #27bfcf;}
.btSw_901 {border-color:#3f59d0; background:#425dd7; -webkit-box-shadow:inset 1px 1px #5d74dd, inset -1px -1px #5d74dd;}
.btSw_A01 {border-color:#3bb9a0; background:#32c5a8; -webkit-box-shadow:inset 1px 1px #4ecdb4, inset -1px -1px #4ecdb4;}
.btSw_B01 {border-color:#2a9375; background:#1ba27b; -webkit-box-shadow:inset 1px 1px #3baf8e, inset -1px -1px #3baf8e;}
.btSw_D01 {border-color:#d69c02; background:#ecab00; -webkit-box-shadow:inset 1px 1px #fab501, inset -1px -1px #fab501;}
.btSw_E01 {border-color:#dd7c02; background:#ff8e00; -webkit-box-shadow:inset 1px 1px #f9a841, inset -1px -1px #f9a841;}
.btSw_F01 {border-color:#84ac2f; background:#98c439; -webkit-box-shadow:inset 1px 1px #b2d36b, inset -1px -1px #b2d36b;}

.btnMore a {position:relative;width:100%;margin-top:-1px;font-size:1.071em; font-weight:bold; border-top:1px solid #d2d6dc; border-bottom:1px solid #d2d6dc; padding:0 10px 0 10px; height:43px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#eff1f3)); -webkit-box-shadow:0 1px #f5f5f5, inset 1px 1px #fff, inset -1px -1px #fff; text-align:center;display:-webkit-inline-box;-webkit-box-align:center;-webkit-box-pack:center;color:#666;}
.btnMore .arr {display:inline-block;position:relative;padding-right:18px;font-weight:normal;}
.btnMore .arr:after {position:absolute;right:0px;top:4px;content:'';width:12px;height:9px;background-position:-29px -654px;}

.btnFav {font-size:14px; width:27%; height:35px; padding:0; }
.btnFav .ico {width:16px; height:14px; background-position:0 -1110px; margin:0 3px 0 0;}
.btnFavOn {border-color:#ff6600; background:#ff6600; color:#fff;}
.btnFavOn .ico {background-position:0 -1132px;}

.btnMe2 {font-size:14px; width:22%; height:39px; padding:0; }
.btnMe2 .num {display:block; text-align:center; color:#002aff; font-weight:bold; font-size:14px; line-height:14px;}
.btnMe2 .tx {display:block; padding:0; text-align:center; font-weight:bold; font-size:11px; line-height:12px;}
.btnMe2On {border-color:#c54201; background:-webkit-gradient(linear, 0 0, 0 100%, from(#e1580a), to(#ff9b00)); -webkit-box-shadow:0 1px #e67433, inset 1px 1px #ffac2b, inset -1px -1px #ffac2b; color:#fff;}
.btnMe2On .num {color:#fff200;}

/* subway color */
.swColor_101 {color:#384c94;}
.swColor_102 {color:#0aa03d;}
.swColor_103 {color:#f60;}
.swColor_104 {color:#008cf8;}
.swColor_105 {color:#ca008d;}
.swColor_106 {color:#e28707;}
.swColor_107 {color:#958b01;}
.swColor_108 {color:#e50965;}
.swColor_109 {color:#a56d2a;}
.swColor_201 {color:#fb9300;}
.swColor_202 {color:#a7002d;}
.swColor_301 {color:#169fee;}
.swColor_701 {color:#04b4c7;}
.swColor_901 {color:#425dd7;}
.swColor_A01 {color:#32c5a8;}
.swColor_B01 {color:#1ba27b;}
.swColor_D01 {color:#ecab00;}
.swColor_E01 {color:#ff8e00;}
.swColor_F01 {color:#98c439;}

.btPN {width:33px; height:28px;  padding:0; border-radius:0; border:1px solid #d1d5db; background-color:#f9f9f9; background-position:13px -44px;}
.btPN_next {background-position-y:-69px;}
.pg2 .btPN_prev {background-position-y:-44px;}
.pg2 .btPN_next {background-position-y:-69px;}

.bt_zoom {height:38px; display:inline-block; -webkit-box-sizing:border-box; padding:1px 9px 0 30px; background:#fff url(/content/images/m/contestimg_v2.png?202102241700) no-repeat -34px -92px; background-size:80px 300px; color:#666; font-weight:bold;  font-size:14px; text-align:left;}
a.bt_zoom {padding-top:11px;}
.zoomCtl {border:1px solid #c9c9c9; overflow:hidden; position:absolute; right:10px; bottom:0;}
.zoomCtl .on {border-top-color:#e2e2e2; border-left-color:#e2e2e2; background-color:#eee;}
.zoomCtlBx {text-align:right; padding:0 10px 4px 0; margin-top:10px; height:36px; position:relative;}
.zoomCtl2 {width:66px; border:1px solid #c9c9c9; overflow:hidden; position:absolute; right:10px; bottom:8px;}
.zoomCtl2 button {float:left; width:33px; height:23px; color:#999; background:#f7f7f7; -webkit-box-sizing:border-box; padding-top:3px; font-weight:bold; font-size:14px;}
.zoomCtl2 button:first-child {border-right:1px solid #c9c9c9; font-size:11px; font-weight:normal;}
.zoomCtl2 .on {color:#000; background:#eee; -webkit-box-shadow:inset 0 1px #e2e2e2, inset 2px 0 #e2e2e2;}

.ico {display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-9999px;}
.ico_mobile {width:10px; height:16px; background-position:-30px 0;}
.ico_pc {width:14px; height:16px; background-position:-30px -25px;}
.ico_email {width:15px; height:14px; background-position:-30px -835px;}
.ico_new {width:15px; height:15px; background-position:-30px -475px;}
.ico_q {width:18px; height:18px; background-position:0 -500px;}
.ico_a {width:18px; height:18px; background-position:-30px -500px;}
.ico_guide {width:14px; height:16px; background-position:0 -525px;}
.ico_close {width:18px; height:18px; background-position:-30px -523px;}
.ico_alertm {width:15px; height:16px; background-position:-25px -750px;}
.ico_movie {width:16px; height:16px; background-position:-25px -725px;}
.ico_hot {width:30px; height:30px; background-position:0 -865px;}
.ico.bt_reset {width:18px; height:18px; background-position:-32px -880px;}
.ico_close2 {width:11px; height:10px; background-position:-39px -900px;}
.ico_expand {width:11px; height:9px; background-position:-25px -75px;}
.ico_collapse {width:11px; height:9px; background-position:-25px -66px;}
.ico_expand2 {width:13px; height:9px; background-position:0 -915px;}
.ico_collapse2 {width:13px; height:9px; background-position:-25px -915px;}
.ico_expand3 {width:10px; height:6px; background-position:0 -901px;}
.ico_collapse3 {width:10px; height:6px; background-position:-26px -901px;}
.ico_detail {width:16px; height:16px; background-position:0 -580px;}
.ico_detail1 {width:25px; height:14px; background-position:-13px -1055px;}
.ico_map {width:15px; height:20px; background-position:0 -600px;}
.ico_scrap {width:16px; height:16px; background-position:-30px -1110px;}
.ico_scrap_on {width:16px; height:16px; background-position:-30px -580px;}
.ico_mobileApply {width:13px; height:21px; background-position:-30px -600px;}
.ico_homeApply {width:18px; height:16px; background-position:-30px -1225px;}
.ico_nowLoc {width:19px; height:19px; background-position:0 -625px;}
.ico_nowLoc2 {width:19px; height:19px; background-position:0 -1225px;}
.ico_attention {width:15px; height:13px; background-position:-30px -625px;}
.ico_smartmatch {width:16px; height:12px; background-position:0 -750px;}
.ico_del {width:13px; height:15px; background-position:-30px -865px;}
.ico_del2 {width:15px; height:15px; background-position:10px -160px;}
.ico_del3 {width:15px; height:15px; background-position:-31px -526px;}

.ico_add {width:12px; height:12px; background-position:-22px -1270px;}
.ico_add_1 {width:13px; height:13px; background-position:0 0;}
.ico_iOs {width:14px; height:16px; background-position:-30px -775px;}
.ico_android {width:15px; height:16px; background-position:-30px -800px;}
.ico_thumbUp {width:15px; height:15px; background-position:0 -965px;}
.ico_up {width:11px; height:14px; background-position:-21px -984px;}
.ico_go {width:15px; height:16px; background:url(/content/images/m/contestimg_v2.png?202102241700) no-repeat 0 -102px; background-size:80px 300px;}
.ico_close3 {width:25px; height:25px; background-position:-33px -992px;}

.ico_set {width:11px; height:11px; background-position:-15px -1086px;}
.ico_reset {width:11px; height:13px; background-position:0 -1055px;}
.ico_area {width:17px; height:17px; background-position:0 -1250px;}
.ico_part {width:17px; height:17px; background-position:-22px -1250px;}
.ico_key {width:17px; height:17px; background-position:0 -1270px;}

/*.icoPart,
.ico_resentSubway {width:30px; height:25px; background:url(/content/images/m/bg_ico.png?202102241700) no-repeat 0 0; background-size:30px 1500px; display:inline-block; vertical-align:middle;}*/
.icoArea {background:url(/content/images/m/bg_ico_area.png?202102241700) no-repeat 0 0; background-size:28px 800px;}
.icoSubway,
.ico_resentSubway {background:url(/content/images/m/bg_ico_subway.png?202102241700) no-repeat 0 0; background-size:23px 700px;}
.bt .icoSubway {padding-top:4px; padding-bottom:2px;}
.icoPart_49999 {background-position-y:-25px;}
.icoPart_59999 {background-position-y:-50px; bottom:2px !important;}
.icoPart_b9999 {background-position-y:-75px;}
.icoPart_38888 {background-position-y:-100px;}
.icoPart_d9999 {background-position-y:-125px; bottom:-1px !important;}
.icoPart_69999 {background-position-y:-150px;}
.icoPart_79999 {background-position-y:-175px;}
.icoPart_37777 {background-position-y:-200px;}
.icoPart_c9999 {background-position-y:-225px;}
.icoPart_19999 {background-position-y:-250px;}
.icoPart_a9999 {background-position-y:-275px;}
.icoPart_39999 {background-position-y:-300px;}
.icoPart_29999 {background-position-y:-325px;}
.icoArea_I000 {background-position-y:0;}
.icoArea_B000 {background-position-y:-410px;}
.icoArea_E000 {background-position-y:-41px;}
.icoArea_A000 {background-position-y:-451px;}
.icoArea_F000 {background-position-y:-82px;}
.icoArea_C000 {background-position-y:-492px;}
.icoArea_G000 {background-position-y:-123px;}
.icoArea_D000 {background-position-y:-533px;}
.icoArea_H000 {background-position-y:-164px;}
.icoArea_L000 {background-position-y:-574px;}
.icoArea_J000 {background-position-y:-205px;}
.icoArea_M000 {background-position-y:-615px;}
.icoArea_K000 {background-position-y:-246px;}
.icoArea_O000 {background-position-y:-656px;}
.icoArea_3000 {background-position-y:-287px;}
.icoArea_P000 {background-position-y:-697px;}
.icoArea_2000 {background-position-y:-328px;}
.icoArea_N000 {background-position-y:-738px;}
.icoArea_Q000 {background-position-y:-369px;}
.icoArea_1000 {background-position-y:-774px;}
.icoArea_nowLoc {background-position-y:-350px;}
.icoArea_recent {background-position-y:-376px;}

.icoSubway_101 {background-position-y:-25px;}
.icoSubway_102,
.icoSubway_402,
.icoSubway_502 {background-position-y:-50px;}
.icoSubway_103,
.icoSubway_401 {background-position-y:-75px;}
.icoSubway_104 {background-position-y:-100px;}
.icoSubway_105 {background-position-y:-125px;}
.icoSubway_106,
.icoSubway_403 {background-position-y:-150px;}
.icoSubway_107 {background-position-y:-175px;}
.icoSubway_108 {background-position-y:-200px;}
.icoSubway_109 {background-position-y:-225px;}
.icoSubway_201 {background-position-y:-250px;}
.icoSubway_202 {background-position-y:-275px;}
.icoSubway_301 {background-position-y:-300px;}
.icoSubway_701 {background-position-y:-325px;}
.icoSubway_901 {background-position-y:-350px;}
.icoSubway_A01 {background-position-y:-375px;}
.icoSubway_B01 {background-position-y:-400px;}
.icoSubway_404 {background-position-y:-425px;}
.icoSubway_C01 {background-position-y:-450px;}
.icoSubway_501 {background-position-y:-475px;}
.icoSubway_601 {background-position-y:-500px;}
.icoSubway_801 {background-position-y:-525px;}
.icoSubway_D01,
.icoSubway_503 {background-position-y:-551px;}
.icoSubway_E01 {background-position-y:-576px;}
.icoSubway_F01 {background-position-y:-601px;}

.icoSns {display:inline-block; width:31px; height:29px; overflow:hidden; background:url(/content/images/m/bg_ico_sns.png?202102241700) no-repeat 0 0; background-size:31px 200px;}
.icoSns_fb {background-position-y:-30px;}
.icoSns_me2 {background-position-y:-60px;}
.icoSns_talk {background-position-y:-90px;}
.icoSns_email {background-position-y:-120px;}
.icoSns_cal {background-position-y:-150px;}

.icoDay {height:20px; border:1px solid #5a5a5a; color:#fff; background:#777; -webkit-box-sizing:border-box; -webkit-box-shadow:inset 1px 1px #8a8a8a, inset -1px -1px #8a8a8a; text-align:center; padding:1px 4px 0 4px; border-radius:2px; line-height:0.8;}
.icoArrow_1 {padding-right:10px; background:url(/content/images/m/bg_all_co1.png?202102241700) no-repeat 100% -181px; background-size:50px auto;}


/* banner */
/*.ban {text-align:center; width:100%; height:50px;}*/
.content .ban {margin:13px 0 12px 0;}
.ban img {max-width:100%;}

/* manbanner */
.mainBan {width:100%; height:50px;}


/* list *//* 상품안내 레이어 */
.prdInfoLy{display:none; position:absolute; left:0; top:50%; width:100%; box-sizing:border-box; padding:0 15px;}
.prdInfoLy .lyWrap {position:relative; z-index:1000; width:100%; border:2px solid #002aff; background-color:#fff;  box-sizing:border-box;}
.prdInfoLy .lyWrap .prdLyTit {height:42px; line-height:46px; font-size:18px;letter-spacing:-0.5px; color:#fff; padding-left:13px; background-color:#002aff;}
.prdInfoLy .lyWrap .btnPrdLyClose {position:absolute; right:10px; top:11px; width:17px; height:17px; background:url(/content/images/m/ly_btn_prd_close.png) no-repeat 0 0; -webkit-background-size:17px 17px; background-size:17px 17px;}
.prdInfoLy .lyWrap .infoWrap {padding:12px 10px 13px 13px; background-color:#f7fbff; border-bottom:1px solid #ebeef2;}
.prdInfoLy_general .lyWrap .infoWrap {position:relative;}
.prdInfoLy .lyWrap .infoWrap:after {content:""; display:block; clear:both;}
.prdInfoLy .lyWrap .infoWrap .locaTx {float:left; font-size:14px; color:#333; padding-top:2px;}
.prdInfoLy_general .lyWrap .infoWrap .locaTx {float:none; position:absolute; left:13px; top:7px;}
.prdInfoLy .lyWrap .infoWrap .locaTx .device{color:#000;}
.prdInfoLy .lyWrap .infoWrap .locaTx em {color:#002aff;}
.prdInfoLy .lyWrap .infoWrap .locaTx strong {color:#000;}
.prdInfoLy .lyWrap .infoWrap .priceTx {float:right; font-size:12px; color:#000;}
.prdInfoLy_general .lyWrap .infoWrap .priceTx {float:none; font-size:12px; color:#000;}
.prdInfoLy .lyWrap .infoWrap .priceTx strong {display:inline-block;min-width:54px;color:#ff6600; font-size:16px; vertical-align:middle;}
.prdInfoLy .lyWrap .infoWrap .priceTx strong.name {display:inline-block;width:42px;margin-right:20px;font-size:12px;font-weight:400;color:#333;text-align:left;}
.prdInfoLy .lyWrap .infoWrap .priceTx span {vertical-align:middle;}
.prdInfoLy_general .lyWrap .infoWrap .priceTx {text-align:right;}
.prdInfoLy .lyWrap .prdImg {text-align:center; padding:0 0 0;}
.prdInfoLy .lyWrap .prdImg img{width:100%; height:auto;}
.prdInfoLy .lyWrap .suppSerBx {padding:0 18px 12px; background:-webkit-gradient(linear, left top, left bottom, color-stop(97%,#ffffff), color-stop(100%,#f1f1f1)); background:-webkit-linear-gradient(top, #ffffff 97%,#f1f1f1 100%);}
.prdInfoLy .lyWrap .suppSerBx .info-box {padding-bottom: 12px; border-bottom:1px solid #F4F4F4;}
.prdInfoLy .lyWrap .suppSerBx .info-box li{display:flex; margin-top:2px; font-size:12px; font-weight:400; line-height:18px; color:#6A6A6A;}
.prdInfoLy .lyWrap .suppSerBx .info-box li:first-child{ margin-top:0;}
.prdInfoLy .lyWrap .suppSerBx .info-box li:before {content:""; display:inline-block; margin-top:6px; width:2px; height:2px; margin-right:4px;border-radius:100%; background-color:#6A6A6A;}
.prdInfoLy .lyWrap .suppSerBx .info-box.non-list li:before {display:none}
.prdInfoLy .lyWrap .suppSerBx .info-box.non-list .icon{display:flex; align-items:normal;gap:2px; }
.prdInfoLy .lyWrap .suppSerBx .info-box.non-list .icon::before {content: "";display:inline-block; margin:0 ; width:16px; height:16px; background: url('/content/images/m/ico_tooltip.png') no-repeat center/contain;}
.prdInfoLy .lyWrap .suppSerBx .info-box.non-list span{ font-size:12px; line-height:17px; font-weight:600; color:#0057FF;}

.prdInfoLy .lyWrap .prdLyTits {font-size:11px; color:#050505; margin-top:16px;}
.prdInfoLy .lyWrap .prdLyTits span {color:#002aff;}
.prdInfoLy .lyWrap .prdLyList {font-size:12px; color:#666; line-height:18px; margin-top:1px;}
.prdInfoLy .lyWrap .prdLyList li {position:relative; padding-left:7px;}
.prdInfoLy .lyWrap .prdLyList li:after {content:""; display:block; width:4px; height:1px; position:absolute; left:0; top:7px; background-color:#666;}
.prdInfoLy .lyWrap .prdLyList li em {color:#ff6600;}
.prdInfoLy .lyWrap .prdLyList .iconMLyJumpup {display:inline-block; vertical-align:middle; width:9px; height:11px; margin:0 3px; background:url('/content/images/m/icon_m_ly_jumpup.png') no-repeat; background-size:9px 11px;}
.prdInfoLy .lyWrap .lyBtnWrap {margin-top:5px; display:table; padding:0 5px 5px 15px; box-sizing:border-box; width:100%;}
.prdInfoLy .lyWrap .lyBtnWrap .lyInfoTx,
.prdInfoLy .lyWrap .lyBtnWrap .btnBx {display:table-cell; vertical-align:middle;}
.prdInfoLy .lyWrap .lyBtnWrap .lyInfoTx {text-align:left; font-size:12px; color:#333; font-weight:bold; padding-top:4px;}
.prdInfoLy .lyWrap .lyBtnWrap .lyInfoTx strong {color:#ff6600;}
.prdInfoLy .lyWrap .lyBtnWrap .lyInfoTx a {font-size:15px; color:#666; font-weight:normal;}
.prdInfoLy .lyWrap .lyBtnWrap .btnBx {text-align:right;}
.prdInfoLy .lyWrap .lyBtnWrap .btnBx button {width:44px; height:44px; margin-left:2px;}
.prdInfoLy .lyWrap .lyBtnWrap .btnBx button.btnPrdLyCall {background:url(/content/images/m/btn_prd_ly_call.png?202102241700) no-repeat 0 0; -webkit-background-size:44px 44px; background-size:44px 44px;}
.prdInfoLy .lyWrap .lyBtnWrap .btnBx button.btnPrdLyMail {background:url(/content/images/m/btn_prd_ly_mail.png?202102241700) no-repeat 0 0; -webkit-background-size:44px 44px; background-size:44px 44px;}

/* list */
.boothEvenOdd.booth1 li {border-bottom:0;}
.listEvenOdd li:nth-child(2n),
.boothEvenOdd li:nth-child(2n) {background-color:#fff;} /* to-do:remove style */

.list {}
.list li {border-bottom:1px solid #e4e4e4;}
.list li > a,
.list li > label,
.list .noData {display:block; border-top:1px solid #fff; padding:11px 10px 8px 15px;}
.list .num {color:#002aff;  font-size:0.9em;}
.list li:first-child a,
.list li:first-child > label,
.list li:first-child > .noData {border-top-color:transparent;}
.list label input {margin-right:3px; position:relative; top:-2px;}
.list label {-webkit-tap-highlight-color:rgba(102, 102, 102, 0.4);} /* to-do:android bug? */
.ssHighlight .list li {background:#f5faff; border-bottom-color:#cad1d7;}

.list2 {overflow:hidden; padding:20px 0 0 0;}
.list2 li {float:left; width:49%; margin-right:2%; margin-bottom:6px; overflow:hidden;}
.list2 li:nth-child(2n) {margin-right:0;}
.list2 li a {width:100%; padding-left:6px; font-weight:bold;}
.list2 .bt {text-align:left; -webkit-box-pack:start;}
.list2 span {padding-left:7px;}
.list2 .icoArea {padding-left:31px; padding-top:4px; padding-bottom:2px; font-size:14px;}
.ua_io_high .list2 .icoArea {font-size:15px;}
.list2 .icoSubway {padding-left:25px; margin-left:8px;}
.list2_subway {padding-top:8px;}
.list2_subway .bt {font-size:14px; }
.ua_io_high .list2_subway .bt {font-size:15px; }
.list2_full li {width:100%; margin-right:0;}

.listImg li {border-bottom:1px solid #e4e4e4; padding-top:11px; padding-bottom:12px; text-align:center;}
.listTheme {padding-top:12px;}
.listTheme li {margin-bottom:10px; text-align:center;}

.listT {border:1px solid #cacfd6; border-radius:2px; margin:0 10px;}
.listT > li {border-bottom:1px solid #dbdee3; position:relative;}
.listT > li:last-child {border-bottom:0;}
.listT a {color:#333; display:block; font-size:1em; height:1.7em; padding:0.7em 3em 0 0.9em; border:1px solid #fff; background:#fff; }
.ua_io_high .listT a {}

.listT > li:after {content:""; position:absolute; top:12px; right:17px; width:8px; height:12px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 0 -725px; background-size:50px 1350px;}
.listT .num {color:#f60; font-weight:bold;}

.listDot {margin-bottom:5px; padding-bottom:5px;}
.listDot li {border-bottom:1px solid #dbdbdb; padding-left:10px; position:relative;}
.listDot li:before {content:""; position:absolute; width:3px; height:3px; background:#ccc; left:10px; top:48%;}
.listDot a {display:block; padding:11px 10px 9px 15px;}

.listDash {padding:0 10px;}
.listDash li {position:relative; padding-left:9px; margin-bottom:11px;}
.itemDash {position:relative; padding-left:9px;}
.itemDash:before,
.listDash li:before {content:"-"; position:absolute; top:0; left:0;}


/* 기존 라이브공채소식 css (메인 개인화 영역 오픈시 복구) */
/*.listThumb:after {content:""; display:block; height:0; clear:both;}
.listThumb li {float:left; text-align:center;}
.listThumb_liveFair {border-bottom:1px solid #e8e8e8; padding-top:9px;}
.listThumb_liveFair a {display:block; color:#898989; width:86px; margin:0 auto; position:relative; font-size:0.83em; }
.listThumb_liveFair a:before {content:""; width:78px; height:90px; border-bottom:2px solid #f5f5f5; display:block; margin:0 auto 7px auto; background:url(/content/images/m/bg_live_fair.png?202102241700) no-repeat 0 0; background-size:78px 270px;}
.listThumb_liveFair .thumb2:before {background-position-y:-90px;}
.listThumb_liveFair .thumb3:before {background-position-y:-180px;}
.listThumb_liveFairList {padding-top:0; border-bottom:0;}
.listThumb_liveFairList li {float:none; text-align:left; border-bottom:1px solid #dcdcdc;}
.listThumb_liveFairList li:nth-child(2n) {background:#f7f7f7;}
.listThumb_liveFairList a {width:auto; margin:0; padding:13px 10px 12px 101px; border-top:1px solid #fff; font-size:1em; color:#666;}
.listThumb_liveFairList li > a {min-height:86px;}
.listThumb_liveFairList a:before {position:absolute; top:10px; left:10px; border-bottom-color:#ededed;}
.listThumb_liveFairList strong {font-size:1.14em; color:#000;}
.listThumb_liveFairList .ico {vertical-align:-0.1em;}
.listThumb_liveFairList .ico_movie {vertical-align:0.1em;}
.listThumb_liveFairList .detail {display:block; padding:6px 0 6px 0;}
.listThumb_liveFairList .meta {color:#e1e1e1; font-size:0.9em;}
.listThumb_liveFairList .meta span {color:#898989; margin:0 3px;}
.listThumb_liveFairList .meta span:first-child {margin-left:0;}
.listThumb_30group {margin:22px 4px -20px 4px;}
.listThumb_30group li {height:78px; position:relative;}
.listThumb_30group li .co30Push {position:absolute; top:-10px; left:50%; margin-left:-44px;}
.listThumb_30group li .co30Push {display:block; width:88px; height:30px; text-align:right;}
.listThumb_30group li .co30Push:after {content:""; display:block; height:0; clear:both;}
.listThumb_30group li .co30Push .coPush {border-radius:10px; border:1px solid #e33900; background-color:#ff6633; color:#ffffcc; padding:0 5px; font-size:0.8em; text-align:center; font-family:"Apple SD Gothic Neo", Arial, sans-serif;}
.listThumb_30group img {border:1px solid #dbdbdb; -webkit-box-shadow:0 1px #f5f5f5;}
.listThumb_30group a {display:block; font-size:15px;  color:#333; font-weight:bold;}
.listThumb_30group .te {padding:7px 0 15px 0;}*/



/* 라이브공채소식 수정 css (메인 개인화 영역 오픈시 삭제) */
.listThumb:after {content:""; display:block; height:0; clear:both;}
.listThumb li {float:left; text-align:center;}
.listThumb_liveFair {border-bottom:1px solid #e8e8e8; padding-top:9px;}
.listThumb_liveFair a {display:block; color:#898989; width:86px; margin:0 auto; position:relative; font-size:0.83em; }
.listThumb_liveFair a:before {content:""; width:78px; height:90px; border-bottom:2px solid #f5f5f5; display:block; margin:0 auto 7px auto; background:url(/content/images/m/bg_live_fair.png?202102241700) no-repeat 0 0; background-size:78px 270px;}
.listThumb_liveFair .thumb2:before {background-position-y:-90px;}
.listThumb_liveFair .thumb3:before {background-position-y:-180px;}
.ssJobfairLive .listThumb_liveFair a:before {display:none !important;}
.listThumb_liveFairList {padding-top:0; border-bottom:0;}
.listThumb_liveFairList li {float:none; text-align:left; border-bottom:1px solid #dcdcdc;}
/*.listThumb_liveFairList li:nth-child(2n) {background:#f7f7f7;}*/
.listThumb_liveFairList a {width:auto; margin:0; padding:13px 10px 12px 10px; font-size:1em; color:#666;}
/*.listThumb_liveFairList li > a {min-height:86px;}*/
/*.listThumb_liveFairList a:before {position:absolute; top:10px; left:10px; border-bottom-color:#ededed;}*/
.listThumb_liveFairList strong {font-size:1.14em; color:#333;}
.listThumb_liveFairList strong.notice,
.listThumb_liveFairList strong.hotIssue {display:inline-block; font-size:0.688em; color:#fff; font-weight:normal; width:39px; height:20px; text-align:center; line-height:22px; vertical-align:2px;}
.listThumb_liveFairList strong.notice {background-color:#002aff;}
.listThumb_liveFairList strong.hotIssue {background-color:#ff7575;}
.listThumb_liveFairList .ico {vertical-align:-0.1em;}
.listThumb_liveFairList .ico_movie {vertical-align:0.1em;}
.listThumb_liveFairList .detail {display:block; padding:6px 0 6px 0;}
.listThumb_liveFairList .meta {color:#999; font-size:0.9em;}
.listThumb_liveFairList .meta span {color:#898989; margin:0 3px;}
.listThumb_liveFairList .meta span:first-child {margin-left:0;}
.listThumb_30group {margin:22px 4px -20px 4px;}
.listThumb_30group li {height:78px; position:relative;}
.listThumb_30group li .co30Push {position:absolute; top:-10px; left:50%; margin-left:-44px;}
.listThumb_30group li .co30Push {display:block; width:88px; height:30px; text-align:right;}
.listThumb_30group li .co30Push:after {content:""; display:block; height:0; clear:both;}
.listThumb_30group li .co30Push .coPush {border-radius:10px; border:1px solid #e33900; background-color:#ff6633; color:#ffffcc; padding:0 5px; font-size:0.8em; text-align:center; font-family:"Apple SD Gothic Neo", Arial, sans-serif;}
.listThumb_30group img {border:1px solid #dbdbdb; -webkit-box-shadow:0 1px #f5f5f5;}
.listThumb_30group a {display:block; font-size:15px;  color:#333; font-weight:bold;}
.listThumb_30group .te {padding:7px 0 15px 0;}




/* 신입공채 > 라이브 공채소식
*/
/* 공핵자 리스트 검색 영역 */
.bGiPartList .content {margin-bottom:0;}
.ssJobfairLive .starSelTop {margin-top:15px; border-bottom:2px solid #c3c3c3; line-height:1.3;}
.ssJobfairLive .starSelTop .hWrap {padding:0 10px 8px 10px;}
.ssJobfairLive .starSelTop .hWrap:after {content:""; display:block; clear:both;}
.ssJobfairLive .starSelTop .totalNum {font-size:15px; color:#000; font-weight:bold; float:left; padding-top:8px;}
.ssJobfairLive .starSelTop .totalNum  strong{color:#002aff;}
.ssJobfairLive .starSelTop .schBx {float:right;}
.ssJobfairLive .starSelTop .schBx .selWrap {position:relative; display:inline-block;}
.ssJobfairLive .starSelTop .schBx .selWrap:after {content:""; display:block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; right:10px; top:50%; border-top:4px solid #adadad; margin-top:-2px;}
.ssJobfairLive .starSelTop .schBx .starSel {color:#666; font-size:12px; height:34px; padding:2px 22px 1px 5px; background: none; border:1px solid #e0e0e0;}
.ssJobfairLive .starSelTop .schBx .btnToggle {height:34px; width:39px; vertical-align:middle; border:1px solid #e0e0e0; border-radius:2px;}
.ssJobfairLive .starSelTop .schBx .btnToggle:after {content:""; display:inline-block; width:25px; height:14px; background:url(/content/images/m/starter/star_ico.png?202102241700) no-repeat 0 0; background-size:150px 150px; margin-top:6px;}
.ssJobfairLive .starSelTop .schBx .btnToggle.on {border-color:#2491ff; background-color:#002aff;}
.ssJobfairLive .starSelTop .schBx .btnToggle.on:after {background-position:-30px 0}

.ssJobfairLive .starSelTop .bt10 {border-radius: 2px; font-size: 12px; height:34px; font-weight: normal; border: 1px solid #e0e0e0; padding: 0 7px 0 7px; background-color: #fff; color: #666; vertical-align: top;}
.ssJobfairLive .starSelTop .bt10 .icoCo3 {display: inline-block; vertical-align: middle; overflow: hidden; width: 10px; height: 10px; text-indent: -9999px; background:url(/content/images/m/starter/star_ico.png?202102241700) no-repeat 0 -35px; background-size:150px 150px; }
.ssJobfairLive .starSelTop .bt10 .icoCo3.ico_detailDwon {background-position: 0 -35px;}
.ssJobfairLive .starSelTop .bt10 .icoCo3.ico_detailUp {background-position:-25px -35px;}

/* 검색 toggle 영역 */
.ssJobfairLive .starSelTop .schInpBx {border-top:1px solid #3997f5; border-bottom:2px solid #3997f5; position:relative; padding:10px; margin-bottom:-2px;}
.ssJobfairLive .starSelTop .schInpBx .boxSearch {position:relative;}
.ssJobfairLive .starSelTop .schInpBx .boxSearch .schInp {height:35px; box-sizing:border-box; border:1px solid #e0e0e0; margin-right:108px; padding-right:17px; position:relative; border-radius:2px;}
.ssJobfairLive .starSelTop .schInpBx .boxSearch input {border:none; height:33px; min-height:33px; width:100%;}
.ssJobfairLive .starSelTop .schInpBx .boxSearch .reSet {position:absolute; right:0; top:0; height:33px; width:18px;}
.ssJobfairLive .starSelTop .schInpBx .boxSearch .reSet:after {content:""; display:inline-block; width:8px; height:8px; background:url(/content/images/m/starter/star_ico.png?202102241700) no-repeat -60px 0; background-size:150px 150px;}
.ssJobfairLive .starSelTop .schInpBx .schBtn {position:absolute; right:10px; top:10px;}
.ssJobfairLive .starSelTop .schInpBx .schBtn button {height:35px; width:50px; line-height:36px; vertical-align:middle; border:1px solid #e0e0e0; border-radius:2px; font-size:14px; font-weight:bold;}
.ssJobfairLive .starSelTop .schInpBx .schBtn button.sch {color:#fff; background-color:#002aff; border-color:#002aff;}

/* 자동완성 */
.ssJobfairLive .starSelTop .jkAc {position:absolute; border:1px solid #08080a; background:#fff; z-index:5; display:none; width:100%; box-sizing:border-box; display:none;}
.ssJobfairLive .starSelTop .jkAc ul {padding-left:1px; max-height:195px; overflow-y:auto;}
.ssJobfairLive .starSelTop .jkAc ul::-webkit-scrollbar{width:4px; background-color:#f1f1f1;}
.ssJobfairLive .starSelTop .jkAc ul::-webkit-scrollbar-thumb{background-color:#bcbcbc;}
.ssJobfairLive .starSelTop .jkAc li,
.ssJobfairLive .starSelTop .jkAc .jkAcAct {border-bottom:1px solid #edeef0;}
.ssJobfairLive .starSelTop .jkAc .jkAcAct {border-top:1px solid #edeef0;}
.ssJobfairLive .starSelTop .jkAc li > a,
.ssJobfairLive .starSelTop .jkAc .jkAcAct button {display:block; color:#000; box-sizing:border-box; font-size:1.07em; padding:11px 8px 8px 8px; width:100%; text-align:left;}
.ssJobfairLive .starSelTop .jkAc .jkAcAct .bt_historyDel {display:none;}
.ssJobfairLive .starSelTop .jkAc li b {color:red;}
.ssJobfairLive .starSelTop .jkAc .jkAcAct {background:#eef5fe; overflow:hidden;}
.ssJobfairLive .starSelTop .jkAc .jkAcAct button {float:left; color:#8895a6; font-size:0.9em; width:auto;}
.ssJobfairLive .starSelTop .jkAc .jkAcAct button:last-child {float:right; padding-left:18px;}
.ssJobfairLive .starSelTop .jkAc .jkAcAct .ico_close {display:inline-block; vertical-align:top; margin-top:4px;  width:8px; height:8px; background:url(/content/images/m/starter/star_ico.png?202102241700) no-repeat -60px 0; background-size:150px 150px;}

/* 검색결과가 없을경우 */
.ssJobfairLive .scNoSelect {font-size:18px; letter-spacing:-0.5px;padding:84px 0 81px; border-bottom: 1px solid #ebebeb; text-align: center;color:#999; line-height: 22px;}
.ssJobfairLive .scNoSelect strong {color:#333;}



.listThumb_no1 {border-bottom:1px solid #f3f3f3; /* border-top:1px solid #c3c3c3; */}
.listThumb_no1 a {display:block; border:1px solid #f3f3f3; border-left:0; padding:16px 11px 9px 11px; text-align:center; color:#898989; }
.listThumb_no1 li {margin-bottom:-1px;}
.listThumb_no1 li:first-child a,
.listThumb_no1 li:nth-child(2) a {border-top:0;}
.listThumb_no1 li:nth-child(2n) a {border-right:0;}
.listThumb_no1 .category {color:#c84011; display:block;}
.listThumb_no1 .thumbC {margin:3px auto 6px auto;}
.listThumb_no1 strong {color:#000; display:block; font-size:1.17em; margin-bottom:3px; overflow:hidden; height:21px;}
.listThumb_no1 .detail {font-size:1.07em; line-height:16px; display:block; height:33px; overflow:hidden;}

.listPhoto {padding:15px 4px 0 5px;}
.listPhoto:after {content:""; display:block; clear:both;}
.listPhoto li {float:left; width:50%; -webkit-box-sizing:border-box; padding:0 6px 0 5px; text-align:center; position:relative;}
.listPhoto .te {padding:6px 0 9px 0; width:140px; margin:0 auto; font-size:0.9em;}
.listPhoto img {border:1px solid #ccc; width:142px; height:102px;}
.photoCt {position:relative;}
.photoCt .btPlus {position:absolute; top:79px; left:50%; margin-left:47px;}
.photoCt .enlarge {position:absolute; top:39px; left:0; width:100%; -webkit-box-sizing:border-box; padding:0 10px 0 10px; z-index:10;}
.photoCt .enlarge img {width:100%; border:1px solid #000; -webkit-box-sizing:border-box;}
.photoCt .enlarge .btMinus {top:auto; left:auto; bottom:0; right:10px; margin:0;}
.photoCt .loc {padding:12px 0 0 11px; margin-bottom:-6px; font-size:1em; }

.gib_process {overflow:hidden; position:relative;}
.listProcess {margin-left:-15px; margin-bottom:-5px;}
.listProcess li {float:left; -webkit-box-sizing:border-box; border:1px solid #c7ccd3; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eff1f3)); -webkit-box-shadow:0 1px #f5f5f5; width:90px; text-align:center; position:relative; margin-left:15px; margin-bottom:5px;}
.listProcess li:before {content:""; position:absolute; width:5px; height:9px; top:14px; left:-10px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 100% -930px; background-size:50px 1350px;}
.listProcess span {display:block; border:1px solid #fff; padding:10px 0 8px 0;  color:#333;}

.bGiPartList #ban{margin-top:30px;}
.ssPartList {padding-bottom:12px; border-bottom:1px solid #e8e8e8; margin-bottom:-1px; padding-bottom:0;}
.ssPartList .hS4 {background-color:#fff; border-top:1px solid #e8e8e8; margin-top:-1px;}
.ssPartList .list {margin-bottom:-1px; line-height:1.3;}
.ssPartList .list:after {content:""; display:block; clear:both;}
.ssPartList .list li {float:left; width:50%; border-bottom:none; box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap:nowrap; height:39px; border-bottom:1px solid #e8e8e8; line-height:1.2;  padding:2px 10px 0 15px;}
.ssPartList .list li:nth-child(1),
.ssPartList .list li:nth-child(2) {border-top:none;}
.ssPartList .list li:nth-child(2n+1) {border-right:1px solid #e8e8e8;}
.ssPartList .list li > a {width:100%; font-size:14px; color:#333;  padding:0;}
.ssPartList .list li a span.num {font-size:11px; color:#999; vertical-align:middle;}


.ssPartList .list.col3 li {width:33.33%; height:39px; border-left:1px solid #e8e8e8;}
.ssPartList .list.col3 li:nth-child(1),
.ssPartList .list.col3 li:nth-child(2),
.ssPartList .list.col3 li:nth-child(3) {border-top:none;}
.ssPartList .list.col3 li:nth-child(2n+1) {border-right:none;}
.ssPartList .list.col3 li:nth-child(3n+1) {border-left:none; width:33.34%;}
.ssPartList .list.col3 li .gutter {float:left; width:33.33%; height:39px; border-left:1px solid #e8e8e8;}

/* 앱 리스트 */
.listApp li {position:relative; padding:10px 10px 12px 92px; border-bottom:1px solid #b5c3d1; background:#f5faff;}
.listApp strong {display:block; color:#1e2c47; padding-bottom:4px; padding-top:3px; font-size:1.14em;}
.listApp strong img {position:absolute; left:10px; top:10px;}
.listApp .t {color:#5e697e; display:block; font-size:1.07em; margin-bottom:8px; line-height:1.2;}
.listApp a {margin-right:2px; font-weight:bold;}

/* 이벤트 리스트 */
#wrap.eventListWrap .booth1 a {height:auto;}

/* faq */
/* to-do:인사, 노무 faq style merge */
.listFaq {}
.listFaq dt,
.listFaq dd {padding:12px 10px 7px 34px; position:relative; color:#333;}
.listFaq dt {font-weight:bold;}
.listFaq dd {background:#f8f8f8; border-bottom:1px solid #dcdcdc;}
.listFaq .type {color:#666;}
.listFaq .ico {position:absolute; top:11px; left:10px;}

.listPrevNext {border-top:1px solid #dfdfdf; background:#f7f7f7;}
.listPrevNext a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:8px 10px 6px 20px; font-size:1em; border-bottom:1px solid #dfdfdf;}
.listPrevNext span:first-child {font-size:0.8em; color:#898989; position:relative; top:-1px; margin-right:4px;}
.listPrevNext span:first-child:after {content:""; position:absolute; width:3px; height:5px; top:3px; left:-7px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat -25px -50px; background-size:50px 1350px;}
.listPrevNext .next span:after {background-position:-25px -55px;}
.listPrevNext .ico {margin-top:-5px; margin-left:-1px;}

/* article */
/* todo :style merge */
.header {padding:14px 0 9px 10px;}
.header h2,
.header h3,
.header h4 {font-size:1.14em; line-height:1.1em; word-wrap:break-word; word-break:break-all;}
.header .meta {font-size:0.8em; color:#898989; padding-top:15px;}
.header .bar {color:#dbdbdb; margin:0 3px;}
article .C {padding-top:20px; padding-bottom:22px; font-size:1.07em; line-height:1.4; color:#333;}
.articleA {padding:20px 10px 0 10px;}
.headerS1 {background-color:#f4f8ff; border-bottom:0; -webkit-box-shadow:none;}

.header2 {position:relative; overflow:hidden; padding:0 0 10px 0;}
.header2 h2 {background-color:#f4f8ff; border-bottom:1px solid #c2cee6; padding:12px 0 7px 10px; color:#333; font-size:1.2em; margin-bottom:14px; font-weight:normal;}
.header2 h2 a {color:#002aff; font-weight:bold; text-decoration:underline;}
.header2 .zoomCtl2 {position:static; float:right; margin-right:10px;}
.header2_simple {padding-bottom:5px;}
.header2_simple h2 {margin-bottom:0;}
.header2 .goSave {position:absolute; right:10px; top:12px; font-size:.9em; text-decoration:underline;}

/* paging */
.all {height:15px; color:inherit; font-weight:normal; font-size:11px; color:#888; padding-right:8px;  background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 100% -297px; background-size:50px 1350px;} /* 전체보기 */
.all2 {background-position:100% -980px;}
.pg {text-align:center; color:#888; position:relative; padding:6px 0 0 0; min-height:19px; margin:11px 0 0 0;}
.pg .pgNum {font-size:0.9em;}
.pg .pgNum b {color:#333; font-weight:normal;}
.pg button,
.pg a {vertical-align:middle;}
.pg .btPN {position:absolute; top:0; left:50%; margin-left:-61px;}
.pg .btPN_next {margin-left:31px;}
.pg .all {position:absolute; top:6px; right:10px;}
#main .pg {padding-top:0; margin-top:0; text-align:right; padding:5px 5px 0 0;}
#main .pg2 {text-align:center; margin-top:10px;}
#main .pg .all {position:static; top:0;}

.pg2 .btPN,
.pg2 .num {height:28px; position:relative; margin:0; top:auto; left:auto; margin:0 3px;}
.pg2 .num {width:32px; border:1px solid #d1d5db; -webkit-box-sizing:border-box; text-align:center; display:inline-block; vertical-align:middle; font-weight:normal; font-family:Arial, sans-serif; color:#999; font-size:14px; padding-top:5px; background:#fff;}
.pg2 .on {border-color:#002aff; background:#002aff; color:#fff;}
#coMng .pg2 .on {border-color:#002aff ; background:#002aff ; color:#fff;}

.pg3 .btPN,
.pg3 .num {width:26px;}
.pg3 .btPN_prev,
.pg3 .btPN_next {background-position-x:9px;}

.pg4 {position:relative; padding:8px 15px 0 15px;}
.pg4 span {display:inline-block; overflow:hidden; width:9px; height:9px; border-radius:9px; background-color:#dfdfe4; text-indent:10px; vertical-align:top; margin:0 1px; -webkit-box-shadow:1px 2px 3px #acacac inset;}
.pg4 span.on {background-color:#529efe; -webkit-box-shadow:1px 2px 3px #3c6bd6 inset;}
.pg4 a {position:absolute; top:6px; right:10px;}
.pg4 .btPN {position:absolute; top:0; left:50%; margin-left:-70px;}
.pg4 .btPN_next {margin-left:35px;}


/* layer */
.lay {position:absolute; background:#474d5b; border-radius:2px; -webkit-box-shadow:2px 2px rgba(0, 0, 0, 0.2); color:#fff; -webkit-box-sizing:border-box; padding:13px 19px 10px 13px; font-size:0.85em;}
.lay .layCt {display:block; white-space:nowrap;}
.lay .ico_close {position:absolute; right:6px; top:4px;}
.lay .arrow {width:6px; height:6px; position:absolute; top:-6px; left:11px; overflow:hidden;}
.lay .arrowRight {left:auto; right:11px;}
.lay .arrow:after {content:""; position:absolute; width:10px; height:10px; -webkit-transform:rotate(-45deg); background:#474d5b; top:3px; left:-5px;-webkit-box-shadow:1px 0 rgba(0, 0, 0, 0.2);}

.lay2 {position:absolute;}
.lay2 .layCt {border:2px solid #ffc323; border-radius:2px; -webkit-box-shadow:2px 2px rgba(0, 0, 0, 0.7); font-size:13px; color:#000;  padding:10px 9px 7px 10px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff299), to(#ffea65));}
.lay2 .arrow {position:absolute; width:8px; height:8px; top:-6px; right:6px; background-position:100% -965px;}
.lay2 .ico_close3 {position:absolute; right:0; top:0;}

.lay3 {position:absolute;}
.lay3 .layCt {border:2px solid #ffc323; border-radius:2px; -webkit-box-shadow:2px 2px rgba(0, 0, 0, 0.3); font-size:11px !important; color:#333;  padding:10px 9px 7px 10px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff299), to(#ffea65));}
.lay3 .layCt strong {display:block; padding-bottom:3px; font-size:12px; color:#000;}
.lay3 .arrow {position:absolute; width:8px; height:8px; top:-6px; left:60px; background-position:100% -965px;}
.lay3 .ico_close3 {position:absolute; right:0; top:0;}

.layT {-webkit-box-shadow:3px -2px rgba(0, 0, 0, 0.2);}
.layT .arrow {top:auto;bottom:-6px;}
.layT .arrow:after {top:-6px;}

.layer {position:relative; border:3px solid #002aff; background:#fff;}
.layer .layTit {font-size:1.2em; font-weight:bold; color:#000; padding:10px 15px; border-bottom:1px solid #002aff;}
.layer .layCnt {padding:10px 15px;}
.layer .close {position:absolute; top:0; right:0; width:40px; height:40px; background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat 11px -148px; background-size:50px auto; text-indent:-9999px;}

/* form element */
.sel_loc {width:115px;}

/* section */
.content {margin-bottom:30px;} /* 일부 페이지에서 margin-bottom:-30px 쓰고 있음, 수정 시 확인할 것 */
.content_noM {margin-bottom:0;}
.content_noM > .ss_noM {margin-bottom:0;}
/* #main .content > section {margin-bottom:16px;} */
.content > section {margin-bottom:15px;}
#main .noSmartmatch,
#main .noCustomize {text-align:center; padding:33px 0 24px; border-bottom:1px solid #ebebeb; border-top:1px solid #cdcdcd;}
#main .ssSmartmatch {position:relative; margin-top:30px;}
#main .ssSmartmatch h2.h {padding-top:0; font-weight:normal;}
#main .ssSmartmatch h2.h span {font-weight:bold;}
#main .ssSmartmatch .noSmartmatch {border-top:none;}
#main .noData {padding-bottom:4px; font-size:16px;  color:#ccc; display:block; text-align:center;}

.content .ssBooth_focus,
.content .ssBooth_type {margin-bottom:15px;}
.content .ssBooth_point {margin-bottom:25px;}
.content .ssCustomize {margin-bottom:25px;}
/* .content .special .h {margin-bottom:8px;} */

#main .content .ssBooth_type {margin-bottom:0;}

/* booth */
.ssBooth {}
.ssBooth_noH {border-top:2px solid #c0c0c0; margin-top:7px;}
.noBoothResult,
.noResult {font-size:1.4em; text-align:center; color:#d1d1d1; background:#f8f8f8; border-top:1px solid #e5e5e5; border-bottom:1px solid #bdbdbd; padding:50px 0 50px 0;  margin-bottom:4px;}
.noBoothResult2 {border-top:2px solid #e5e5e5 !important;}
.noBoothResult span,
.noResult span {color:#ebc4c6;}
.booth {}
.booth a {display:block; position:relative; color:#000;}
.booth .e {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.booth .t {color:#666; line-height:1.2; display:block; font-size:100%;}
.booth .meta {display:block; padding-top:1px; color:#e1e1e1; font-size:0.857em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.booth .meta span {color:#898989; margin:0 3px;}
.booth .meta span:first-child {margin-left:0;}
.booth .meta .date,
.booth .meta .date span {color:#333;}
.booth .ico_new {position:relative;top:-3px;}

/* 공지사항 */
#bEvent .booth1 a {height:auto; padding:10px 10px 6px 10px}
#bEvent .booth1 .e {padding-top:0}

/* M 포커스 */
.boothFocus {overflow:hidden; width:100%; border:1px solid #c7c6c6; box-sizing:border-box;}
.boothFocus a {display:inline-block;}
.boothFocus .itemImg {position:relative; float:left; width:50%; border-left:1px solid #e1e6ea; border-bottom:1px solid #e1e6ea; text-align:center; box-sizing:border-box; background-color:#f5faff;}
.boothFocus .itemImg a {text-align:center;}
.boothFocus .itemImg:nth-of-type(odd){border-left-width:0;}
.boothFocus .itemImg:nth-child(5),
.boothFocus .itemImg:nth-child(6) {border-bottom:0 none;}

.boothFocus .itemImg strong {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; width:113px; height:44px; border:1px solid #d8dadb; overflow:hidden; background-color:#fff; margin:11px auto 0 auto; -webkit-box-shadow:0 1px #ebf0f5;}
.boothFocus .itemImg strong > span {display:none;}
.boothFocus .itemImg strong > .text {display:-webkit-inline-box; text-align:center; line-height:17px; color:#000; font-size:14px; height:32px; overflow:hidden; word-wrap:break-word; word-break:break-all; margin:6px 10px 0 10px; font-weight:normal;}
.boothFocus .itemImg .tit {position:absolute; top:65px; left:0; width:100%;}
.boothFocus .itemImg .tit span {display:-webkit-box; margin:0 8px ;color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; line-height:1.3em; height:36px;  box-sizing:border-box;}

.boothFocus .item {clear:both;}
.boothFocus .item a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; border-bottom-color:#e5e5e5;}
.boothFocus .item .t {color:#666;}
.boothFocus .btnDesc {position:relative; display:block; margin:49px 9px 0 9px; height:39px; border-top:1px solid #e1e6eb; }
.boothFocus .btnScrap {position:absolute; top:8px; left:0; padding-bottom:13px;}
.boothFocus .btnApply {position:absolute; top:6px; right:0;}
.boothFocus .btnApply {height:27px; padding:6px 2px 0 2px; font-size:12px; line-height:14px; background-color:#fff; border-radius:4px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box;}
.boothFocus .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff; font-size:13px; padding-top:0px; line-height:27px;}
.boothFocus .msgScrap {right:auto; left:-4px; top:-30px;}
.boothFocus .msgScrap:after {right:auto; left:11px;}

/* main swipe paging */
.swiper-pagination {position:absolute; text-align:center; z-index:4 !important; position:absolute; right:7px; top:-1px;}
.swiper-pagination.booth02Pg {top:-22px;}
.swiper-pagination span {cursor:pointer; width:7px; height:7px; display:inline-block; border-radius:100%; background:#dbd9d9; margin-left:1px;}
.swiper-pagination span.active {background:#002aff;}

#main .tabCt .swiper-pagination {top:-22px;}

/* main title */
.mHdArea {margin-top:30px;}
.mHdArea:after {content:""; display:block; clear:both;}
.mHdArea h2.h {float:left; padding-top:0;}
.mHdArea .prdInfoBtn {float:right; position:relative; font-size:0.786em; color:#666; padding-right:3px; top:2px; margin-right:10px;}
.mHdArea .prdInfoBtn:before, .mHdArea .prdInfoBtn:after {left:100%; top:6px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; background-clip:padding-box;}
.mHdArea .prdInfoBtn:before {border-color:rgba(112, 112, 112, 0); border-left-color:#707070; border-width:4px; margin-top:-4px;}
.mHdArea .prdInfoBtn:after {border-color:rgba(255, 255, 255, 0); border-left-color:#fff; border-width:3px; margin-top:-3px;}

.mjobList .mHdArea {padding-right:10px;}
.mjobList .mHdArea .prdInfoBtn {float:right;}

/* vvip */
/* 상품 구좌수 변경(플러그인 변경으로인한 커스텀마이징, 메인에만 적용)
#main .vvipSec .listItem {position:relative; overflow:hidden;}
 */
.vvipSec {position:relative;}
.vvipSec .mHdArea {margin-top:27px;}
.vvipSec .listItem {border-top:1px solid #78beff; border-bottom:1px solid #78beff; box-shadow:0 2px 0 #b4dbff; height:168px;}
.vvipSec .listItem .tLink {display:block; text-align:center; padding:15px 0 11px;}
.vvipSec .listItem .tLink strong,
.vvipSec .listItem .tLink span {display:block; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 10px;}
.vvipSec .listItem .tLink strong {font-size:1em; margin-top:8px;}
.vvipSec .listItem .tLink span {font-size:1.143em;  margin-top:2px;}
.vvipSec .listItem .itemBottom {position:relative; height:33px; background-color:#eff7ff;}
.vvipSec .listItem .btnScrap {position:absolute; top:0; right:auto; left:2px; padding:7px; width:21px; height:20px;}
.vvipSec .listItem .msgScrap {left:2px; top:-23px; right:auto;}
.vvipSec .listItem .msgScrap:after {right:auto; left:11px;}
.vvipSec .listItem .applyArea {position:absolute; right:8px; top:5px;}
.vvipSec .listItem .applyArea .date {display:inline-block; font-size:0.786em; color:#666; vertical-align:middle; padding-top:2px; }
.vvipSec .listItem .applyArea .btnApply {display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:5px; min-width:50px;}
.vvipSec .listItem .applyArea .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.vvipSec .listItem .applyArea .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}



/* grand */
/* 상품 구좌수 변경(플러그인 변경으로인한 커스텀마이징, 메인에만 적용)
#main .grandSec .grandAtc .listItem {height:324px; position:relative; overflow:hidden; padding:0;}
#main .grandSec .listItem ul li {margin-top:4px; padding:0 5px; border:none;}
#main .grandSec .listItem .tLink {border:1px solid #d8e2eb; border-bottom:none;}
#main .grandSec .listItem .itemBottom {border:1px solid #d8e2eb; border-top:none;}
 */
.grandSec {position:relative;}
.grandSec .grandAtc {box-sizing:border-box;}
.grandSec .grandAtc .listItem {box-sizing:border-box; padding:0 5px;}
.grandSec .listItem ul li {margin-top:4px; border:1px solid #d8e2eb;}
.grandSec .listItem ul li:first-child {margin-top:0;}
.grandSec .listItem .tLink {display:block; text-align:center; padding:3px 0 3px;}
.grandSec .listItem .itemBottom {position:relative; height:57px; box-sizing:border-box; padding-top:7px; background-color:#eff7ff;}
.grandSec .listItem .txLink {display:block; margin:0 70px 0 40px;}
.grandSec .listItem .txLink strong,
.grandSec .listItem .txLink span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3;}
.grandSec .listItem .txLink strong {font-size:1em; margin-top:5px; color:#000;}
.grandSec .listItem .txLink span {font-size:1.071em;  margin-top:2px; color:#333;}
.grandSec .listItem .btnScrap {position:absolute; top:10px; right:auto; left:0; padding:7px; width:21px; height:20px;}
.grandSec .listItem .msgScrap {left:2px; top:-23px; right:auto;}
.grandSec .listItem .msgScrap:after {right:auto; left:11px;}
.grandSec .listItem .applyArea {position:absolute; right:4px; top:11px;}
.grandSec .listItem .applyArea .date {display:block; font-size:0.786em; color:#666; vertical-align:middle; text-align:center;}
.grandSec .listItem .applyArea .btnApply {display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px; margin-top:2px;}
.grandSec .listItem .applyArea .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.grandSec .listItem .applyArea .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}


/* service */
.mainService {padding-bottom:0;}
.mainService .h {font-size:1.14em; font-weight:normal; color:#333; padding:24px 0 4px 9px;}
.mainService .listItem {height:87px;}
.mainService .swiper-slide {width:87px; height:87px;}
.mainService .swiper-slide a {display:block; text-align:center;}
.mainService .serviceImg{position:absolute; left:0; top:0; z-index:-1;}
.mainService .serviceTit{font-size:1em; color:#fff; font-weight:normal; height:87px; line-height:15px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}

/* m gold */
.mainGoldSec {position:relative;}
.mainGoldSec .h {border-bottom:none;}

/* m silver */
.silverSec {position:relative;}
.silverSec .col01List {padding:0;}
.silverSec .col01List .swipe-wrap {box-sizing:border-box; padding:0 5px;}


/* 1 column list */
/* 상품 구좌수 변경(플러그인 변경으로인한 커스텀마이징, 메인에만 적용)
#main #devSwipe_SILVER {position:relative; height:430px; overflow:hidden;}
#main .col01List {padding:0;}
#main .col01List ul li {margin-top:4px; border:none; padding:0 5px;}
#main .col01List .link {width:auto; border:1px solid #e0e0e0;}
#main .col01List .logoImg {left:5px; background-color:#fff; border:1px solid #e0e0e0; }
#main .col01List .applyArea {right:9px;}
 */
.col01List {box-sizing:border-box; padding:0 5px;}
.col01List ul li {margin-top:4px; border:1px solid #e0e0e0; position:relative;}
.col01List ul li:first-child {margin-top:0;}
.col01List .link {display:block; width:100%; height:80px; background-color:#f2f2f2;}
.col01List .logoImg {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; width:93px; height:80px; position:absolute; left:0; top:0; background-color:#fff;}
.col01List .txWrap {display:block; margin:0 13px 0 104px; padding-top:14px;}
.col01List .txWrap strong,
.col01List .txWrap span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:1.3;}
.col01List .txWrap strong {font-size:1em; color:#000;}
.col01List .txWrap span {font-size:1.071em;  color:#333;}

.col01List .btnScrap {position:absolute; bottom:0; right:auto; left:95px; padding:7px; width:21px; height:20px;}
.col01List .msgScrap {left:2px; top:-23px; right:auto;}
.col01List .msgScrap:after {right:auto; left:11px;}

.col01List .applyArea {position:absolute; right:4px; bottom:4px;}
.col01List .applyArea .date {display:inline-block; font-size:0.786em; color:#898989; vertical-align:middle; padding-top:2px; }
.col01List .applyArea .btnApply {display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:5px; min-width:50px;}
.col01List .applyArea .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.col01List .applyArea .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}
.col01List .itemBx {position:relative; height:52px; box-sizing:border-box; padding-top:7px;}


/* 2 column list */
/* 상품 구좌수 변경(플러그인 변경으로인한 커스텀마이징, 메인에만 적용)
#main #devSwipe_GOLD {position:relative; height:486px; overflow:hidden;}
#main .col02List li:nth-child(2n+1) .inner {margin-left:2px;}
#main .col02List li:nth-child(2n) .inner {margin-right:2px;}
 */
.col02List {box-sizing:border-box;}
.col02List .swipe-wrap {box-sizing:border-box; padding:0 2px;}
.col02List ul:after {content:""; display:block; clear:both;}
.col02List li {float:left; width:50%; margin-top:6px; box-sizing:border-box; padding:0 3px;}
.col02List li:nth-child(1),
.col02List li:nth-child(2) {margin-top:0;}
.col02List .inner {border:1px solid #e0e0e0;}
.col02List .inner .logoLink {display:block; height:52px; box-sizing:border-box; padding:6px 0; text-align:center; position:relative;}
.col02List .inner .ico_up {position:absolute; left:12px; top:10px;}
.col02List .inner .btArea {background-color:#f3f3f3; position:relative; height:104px; box-sizing:border-box;}
.col02List .inner .btArea .txLink {display:block; padding:13px 8px 2px 11px;}
.col02List .inner .btArea .txLink strong,
.col02List .inner .btArea .txLink span {display:block; color:#000;  line-height:1.3;}
.col02List .inner .btArea .txLink strong {font-size:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.col02List .inner .btArea .txLink span {font-size:1.071em; line-height:1.3; padding-top:2px; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; text-overflow:ellipsis; overflow:hidden;  color:#333;}
.col02List .inner .msgScrap {left:2px; top:-23px; right:auto;}
.col02List .inner .msgScrap:after {right:auto; left:11px;}
.col02List .inner .btArea .btnScrap {position:absolute; top:auto; right:auto; bottom:-1px; left:0; padding:7px; width:21px; height:20px;}
.col02List .inner .btArea .applyArea {position:absolute; right:5px; bottom:5px;}
.col02List .inner .btArea .applyArea .date {display:inline-block; font-size:0.786em; color:#666; vertical-align:middle; padding-top:2px; }
.col02List .inner .btArea .applyArea .btnApply {display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:5px; min-width:50px;}
.col02List .inner .btArea .applyArea .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.col02List .inner .btArea .applyArea .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}



/* M TopLogo 플러스 */
.mLogoPlusSec {position:relative; background-color:#fff; margin-bottom:30px;}
.mLogoPlusSec .h {border-bottom:none;}
.mLogoPlusSec .mTopLogoAct {box-sizing:border-box; padding:6px 5px; background:#eff7ff; border-top:2px solid #3ea3ff;}
.mLogoPlusSec .listItem ul li {margin-top:4px; border:1px solid #d8e2eb;}
.mLogoPlusSec .listItem ul li:first-child {margin-top:0;}
.mLogoPlusSec .listItem .tLink {display:block; text-align:center; padding:2px 0 2px; background-color:#fff;}
.mLogoPlusSec .listItem .itemBottom {position:relative; height:57px; box-sizing:border-box; padding-top:7px; background-color:#eff7ff;}
.mLogoPlusSec .listItem .ico_up {position:absolute; left:12px; top:5px;}
.mLogoPlusSec .listItem .txLink {display:block; margin:0 70px 0 34px;}
.mLogoPlusSec .listItem .txLink strong,
.mLogoPlusSec .listItem .txLink span {display:block; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3;}
.mLogoPlusSec .listItem .txLink strong {font-size:1em; margin-top:5px; color:#000;}
.mLogoPlusSec .listItem .txLink span {font-size:1.071em; }
.mLogoPlusSec .listItem .btnScrap {position:absolute; top:13px; right:auto; left:0; padding:7px; width:21px; height:20px;}
.mLogoPlusSec .listItem .btnScrap .icoScrap {background-position:-90px -20px;}
.mLogoPlusSec .listItem .btnScrap.on .icoScrap {background-position:-115px -20px;}
.mLogoPlusSec .listItem .msgScrap {left:2px; top:-23px; right:auto;}
.mLogoPlusSec .listItem .msgScrap:after {right:auto; left:11px;}
.mLogoPlusSec .listItem .applyArea {position:absolute; right:7px; top:10px;}
.mLogoPlusSec .listItem .applyArea .date {display:block; font-size:0.786em; color:#666; vertical-align:middle; text-align:center;}
.mLogoPlusSec .listItem .applyArea .btnApply {display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px; margin-top:2px;}
.mLogoPlusSec .listItem .applyArea .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.mLogoPlusSec .listItem .applyArea .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}


/* M TopLogo */
.mTopLogoSec {position:relative; margin-bottom:30px;}
.mTopLogoSec .col02List li .inner {border:1px solid #eae3dd;}
.mTopLogoSec .col02List li:nth-child(4n+3) .inner,
.mTopLogoSec .col02List li:nth-child(4n+4) .inner {border-bottom:2px solid #e4cdbe;}
.mTopLogoSec .col02List .inner .btArea {background:#fffaef; height:100px;}

/*  M logo */
.mLogoSec {position:relative; margin-bottom:30px;}
.mLogoSec .col02List li .inner {border:1px solid #e0e0e0;}
.mLogoSec .col02List li:nth-child(4n+3) .inner,
.mLogoSec .col02List li:nth-child(4n+4) .inner {border-bottom:2px solid #c5c5c5;}
.mLogoSec .col02List .inner .btArea {background:#f7f7f7; height:100px;}

/* M TopLogo,  M logo */
.mTopLogoSec .col02List .inner .logoLink,
.mLogoSec .col02List .inner .logoLink {padding:4px 5px 0 0; text-align:right;}

.mTopLogoSec .col02List .inner .txLink span,
.mLogoSec .col02List .inner .txLink span {line-height:1.2; padding-top:3px;}

.mTopLogoSec .col02List .inner .btArea .txLink,
.mLogoSec .col02List .inner .btArea .txLink {background-color:#fff; padding:3px 8px 4px 11px; height:59px;}

.mTopLogoSec .col02List .inner .btArea .applyArea,
.mLogoSec .col02List .inner .btArea .applyArea {bottom:4px; right:6px;}

.mTopLogoSec .col02List .inner .btArea .applyArea .btnApply,
.mLogoSec .col02List .inner .btArea .applyArea .btnApply {margin-left:4px}


/* M Top */
.mTopSec {position:relative;}
.mTopSec .listItem .mFree {padding:5px; background-color:#f1f8ff; border-top:1px solid #a9cff4;}
.mTopSec .listItem .mFree li {border:1px solid #d5dfe8; margin-top:4px; background-color:#fff;}
.mTopSec .listItem .mFree li:nth-child(5n) {border-bottom:2px solid #a9cff4;}
.mTopSec .listItem .mFree li:first-child {margin-top:0;}
.mTopSec .listItem .mFree .tit {color:#000; font-weight:bold;}
.mTopSec .listItem .mFree .txt {color:#333;}


/* M Plus */
.mPlusSec {position:relative;}
.mPlusSec .listItem .mFree {padding:5px; background-color:#fffbed; border-top:1px solid #e4cdbe;}
.mPlusSec .listItem .mFree li {border:1px solid #eae3dd; margin-top:4px; background-color:#fff;}
.mPlusSec .listItem .mFree li:nth-child(5n) {border-bottom:2px solid #e4cdbe;}
.mPlusSec .listItem .mFree li:first-child {margin-top:0;}
.mPlusSec .listItem .mFree .tit {color:#000; font-weight:bold;}
.mPlusSec .listItem .mFree .txt {color:#333;}

/* 자리매꿈 */
.col02List .listTempBx {height:152px; text-align:center; position:relative;}
.col02List .listTempBx:before,
.col02List .listTempBx:after {content:""; display:block; position:absolute; background:url(/content/images/m/common/bg_all_2_v3.png?202102241700) no-repeat 0 -50px; background-size:150px 150px;}
.col02List .listTempBx:before {left:0; bottom:0; background-position:-26px -46px; width:58px; height:34px;}
.col02List .listTempBx:after {right:0; top:0; background-position:-26px -82px; width:85px; height:69px;}
.col02List .listTempBx p {color:#c2c2c2; font-size:15px; padding-top:52px; position:relative; z-index: 2;}
.col02List .listTempBx p strong {font-size:18px;letter-spacing:-0.5px; display:block; padding-top:2px;}

/* 무료공고 */
.mFreeWrap .mFree {border-top:2px solid #c3c3c3;}
/*.mFreeWrap .mFree li.hi {background-color:#f5ffea;}*/
.mjobList > div:nth-last-child(2) {margin-bottom:0;}
.mjobList > div:nth-of-type(1).mFreeWrap {padding-top:0;}
.mjobList > div:nth-of-type(1).mFreeWrap .mFree {border-top:none;}


/* M 포인트 */
.ssBooth_point .devSwipe,
.ssBooth_point .boothPoint_all {margin-top:3px;}
.boothPoint a {display:block; padding:8px 11px 0 102px; height:45px; border-bottom:1px solid #e5e5e5; position:relative;}
.boothPoint a > span:first-child {width:82px; height:32px; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; border:1px solid #e4e4e4; overflow:hidden; background-color:#fff; -webkit-box-shadow:0 2px #f5f5f5; position:absolute; top:7px; left:10px;}
.boothPoint a > span > .text {display:-webkit-inline-box; text-align:center; line-height:11px; color:#000; font-size:10px; height:22px; overflow:hidden; word-wrap:break-word; word-break:break-all; margin:4px 10px 0 10px; font-weight:normal;}
.boothPoint .e,
.boothPoint .t {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; display:block;}
.boothPoint .t {color:#666; padding-top:0;}

/* simple 채용정보 */
.booth1 {}
.booth1 li {border-bottom:1px solid #dfdfdf;}
.booth1 a {font-size:1em; padding:0 10px 0 10px; height:79px;}
.ssCustomize .booth1 a {height:auto;}
.booth1 a img {margin:-4px 6px 0 0;}
.booth1 .t {font-size:1.15em; line-height:1.08em; color:#333;  padding-top:0; padding-bottom:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.booth1 .e {padding:16px 0 0 0; color:#002aff; font-weight:normal;}
.booth1 .ico_thumbUp {margin:-11px 4px -3px 0;}
.booth1 .ico_up {position:absolute; bottom:12px; right:11px;}

.booth1V2 li:first-child a {padding-top:2px;}
.booth1V2 .e {font-weight:bold; font-size:1.0em; padding:7px 10px 6px 10px;}
.booth1V2 .t {display:inline; padding-left:3px; font-size:inherit; font-weight:normal;}
.booth1.boothPro {border-top:2px solid #002aff; border-bottom:1px solid #c0c0c0; margin-top:-2px; margin-bottom:0; padding-bottom:0; position:relative;}
.booth1.boothPro2 {border-bottom:1px solid #b5c3d1;}
.booth1.boothPro li {background-color:#f5faff; border-bottom-color:#bdcad7;}
.booth1.boothPro li:first-child a {border-top-color:#e2e7ec;}
.booth1.boothPro2 li:last-child {border-bottom:0;}
.booth1.boothPro .e {color:#1e2c47;}
.booth1.boothPro .t {color:#5e697e;}
.booth1.boothPro .meta .date,
.booth1.boothPro .meta .date span {color:#1e2c47;}
.booth1_check li {position:relative; padding-left:34px;}
.booth1_check li > input[type=checkbox],
.booth1_check li > .ipCustomItem {position:absolute; top:13px; left:12px;}
.booth1_check li > a {padding-left:0;}

/* 메인 30대 그룹사 1000대기업 */
#main .booth1 {border-top:1px solid #c3c3c3; padding-top:8px;}
#main .booth1V2 {border-top:1px solid #c3c3c3; padding-top:8px;}

/* 30대 그룹사 */
.booth30g { display:inline-block; width:100%; margin:0 0 -3px 0; text-align:center; -webkit-box-sizing:border-box; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.booth30g.ct {padding:0;}
.booth30g .t {font-size:11px; font-weight:normal; padding-top:3px; line-height:13px; overflow:hidden; height:25px;}
.booth30g li {float:left; -webkit-box-sizing:border-box; width:33.3%; vertical-align:top; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.booth30g li:nth-child(1),
.booth30g li:nth-child(2),
.booth30g li:nth-child(3) {border-top:none;}
.booth30g li:nth-child(3n) {border-right:none;}
.booth30g li:first-child {width:33.3%;}
.booth30g li a {height:36px; padding:8px 0 0 0;}
.booth30g li .co30Push {position:absolute; top:4px; left:50%; margin-left:-44px;}
.booth30g li .co30Push {display:block; width:90px; height:30px; text-align:right;}
.booth30g li .co30Push .coPush {border-radius:10px; border:1px solid #e33900; background-color:#ff6633; color:#ffffcc; padding:0 6px 0 4px; font-size:0.8em; text-align:center; font-family:"Apple SD Gothic Neo", Arial, sans-serif;}

/* 30대 그룹사 swipe */
.group30Atc {position:relative;}
.group30Atc > .hd {padding:17px 0 7px 10px; font-size:15px; color:#000;}
.group30Atc > .hd strong {color:#002aff;}
.group30Atc .swiper-wrapper .listThumb_30group {margin:0; border-top:2px solid #c3c3c3;}
.group30Atc .swiper-wrapper .listThumb_30group li {width:33.33%; padding-top:11px; height:76px; box-sizing:border-box; border-left:1px solid #eaeaea; border-bottom:1px solid #c3c3c3;}
.group30Atc .swiper-wrapper .listThumb_30group li img {border:none; -webkit-box-shadow:none;}
.group30Atc .swiper-wrapper .listThumb_30group li:nth-child(3n+1) {width:33.34%;border-left:none;}
.group30Atc .swiper-wrapper .listThumb_30group li .co30Push {top:4px;}
.group30Atc .swiper-wrapper .listThumb_30group .te {padding:4px 0 0 0;}
.group30Atc .swiper-pagination {position:absolute; top:19px; right:0; text-align:right;}
.group30Atc .swiper-pagination .swiper-pagination-bullet {width:9px; height:9px; background-color:#d9dadf; margin:0 0 0 8px; display:inline-block; opacity:1;}
.group30Atc .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:10px;}
.group30Atc .swiper-pagination .swiper-pagination-bullet-active {background-color:#75767c;}

/* 30대 그룹사 상단 기업정보 */
.group30ListWrap .companyBox {position:relative; min-height:189px; padding:22px 0 0 0; text-align:center; background-position:0  0; background-repeat:no-repeat; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; background-size:cover;}
.group30ListWrap .cLogo {display:inline-block; min-width:130px; max-width:260px; min-height:38px; margin:0 auto; padding:4px 15px; border-radius:10px; background:#fff; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2); margin-bottom:20px;}
.group30ListWrap .cLogo img {display:block; max-width:100%; max-height:100%; margin:0 auto;}
.group30ListWrap .cLogo .cName {overflow:hidden; margin-top:4px; font-size:13px; font-weight:normal; color:#333; white-space:nowrap; text-overflow:ellipsis; }
.group30ListWrap .cInfo {margin-top:10px; padding:0 35px 60px; font-size:18px;letter-spacing:-0.5px; font-weight:bold; text-align:center;  line-height:1.3; color:#fff;}
.group30ListWrap .giGroupDescWrap:last-child {padding-bottom:10px;}
.group30ListWrap .giGroupDescWrap .descInner{width:240px; margin:0 auto; }
.group30ListWrap .giGroupDescWrap .descInner:after{content:""; display:block; clear:both;}
.group30ListWrap .giGroupDescWrap dl{display:inline-block;color:#fff;}
.group30ListWrap .giGroupDescWrap dl dt {float:left; padding:1px 6px 0; clear:left; font-size:14px; position:relative;}
.group30ListWrap .giGroupDescWrap dl dt:before {content:""; display:block; width:1px; height:11px; background-color:#ccc; position:absolute; right:0; top:3px;}
.group30ListWrap .giGroupDescWrap dl dd {display:table; text-align:left; font-size:16px; font-weight:bold; vertical-align:middle; padding:0 4px;}

/* 업계1위 */
.booth2 {overflow:hidden; text-align:center; -webkit-box-sizing:border-box; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:8px 0 5px;}
.booth2 a {padding:44px 0 2px 0;}
.booth2 .e > span {position:absolute; top:0; left:50%; margin-left:-47px; width:91px; height:36px; border:1px solid #ebebeb; -webkit-box-shadow:0 2px #f6f6f6; text-align:center; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; overflow:hidden;}
.booth2 .t { font-weight:normal; padding-top:3px; overflow:hidden; height:32px; text-align:left;}
.booth2 li {display:inline-block; width:32%; margin-right:3px; vertical-align:top;}
.booth2 li:last-child {margin-right:0;}

/* 1000대 기업 */
.coType .coTypeSearch {display:inline-block; margin-top:7px; position:relative; width:100%;}
.coType .coTypeSearch input[type="search"] {width:100%; min-height:32px; height:32px; box-sizing:border-box; padding:5px 8px 2px; font-size:14px; color:#000; vertical-align:top; border-color:#c0c3ca;}
.coType .coTypeSearch input[type="search"]::-webkit-input-placeholder{color:#000;}
.coType .coTypeSearch input[type="search"]:-moz-placeholder, .coType .coTypeSearch input[type="search"]:-moz-placeholder{color:#000;}
.coType .coTypeSearch .bt_reset {position:absolute; top:8px; right:6px;}


/* 테마관 */
.boothMainTheme {text-align:center; padding:0 0 10px; border-bottom:1px solid #ebebeb;}
.themeSec {margin-top:0; position:relative;}
.themeSec .h {padding-top:0; margin-top:23px;}
.themeSec .themeHeadWrap {display:block; width:100%; border-bottom:1px solid #c3c3c3;}
.themeSec .themeHeadBann {text-align:center; width:100%; height:75px; position:relative; text-align:right}
.themeSec .themeHeadBann img {width:320px; height:75px;}
.themeSec .themeHeadBann .lyBnTx {position:absolute; left:0; top:7px; padding-left:15px; text-align:left;  width:100%; box-sizing:border-box;}
.themeSec .themeHeadBann .lyBnTx h3 {font-size:16px; color:#fff;}
.themeSec .themeHeadBann .lyBnTx p {font-size:11px; color:#fff; opacity:.7; width:50%; line-height:12px; margin-top:1px;}
.themeSec .themeHeadBann dl {font-size:0.786em; color:#fff; position:absolute; left:15px; bottom:4px; text-align:left;}
.themeSec .themeHeadBann dl dt,
.themeSec .themeHeadBann dl dd {float:left;}
.themeSec .themeHeadBann dl dd:before {content:":"; display:block; display:inline-block; margin:0 4px;}
.themeSec .themeHeadBann dl dd strong {font-weight:normal; text-decoration:underline;}
.themeSec .devSwipe ul {border-bottom:1px solid #c3c3c3;}
.themeSec .devSwipe ul:after {content:""; display:block; clear:both;}
.themeSec .devSwipe li {width:33.33%; float:left; text-align:center; box-sizing:border-box; border-left:1px solid #eaeaea;}
.themeSec .devSwipe li:first-child {width:33.34%;}
.themeSec .devSwipe li a {display:block; padding:8px 0;}
.themeSec .devSwipe li a img {height:21px;}
.themeSec .devSwipe li a strong { height:29px; padding:5px 18px 0; overflow:hidden; text-align:center; font-size:0.893em; color:#000; line-height:13px; word-break:keep-all; word-wrap:break-word; box-sizing:border-box; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.devSwipe li a .txLogo{display:inline-block; width:51px; height:21px; font-size:9px; line-height:11px; text-align:center; color:#ccc; box-sizing:border-box; padding:0; overflow:hidden; vertical-align:top;}

.themeListSec {margin-top:27px; border-top:1px solid #c3c3c3; border-bottom:1px solid #ddd;}
.themeViewTit {margin:-7px 0 -9px;}

.themaListBannWrap .bannAreaWrap {position:relative;}
.themaListBannWrap .bannAreaWrap .lyViewTx {position:absolute; left:15px; top:24px; z-index:2;}
.themaListBannWrap .bannAreaWrap .lyViewTx h4 {font-size:25px;letter-spacing:-0.5px; color:#fff; line-height:25px;}
.themaListBannWrap .bannAreaWrap .lyViewTx p {margin-top:12px; font-size:15px; color:#333; position:relative; left:1px;}
.themaListBannWrap .bannAreaWrap .lyViewTx p:after {content:""; display:block; width:10px; height:2px; background-color:#333; position:absolute; left:1px; top:-4px;}
.themaListBannWrap .bannArea {text-align:right; position:relative;}
.themaListBannWrap .bannArea img {width:320px; height:211px;}
.themaListBannWrap .bannArea .bannInfoWrap {position:absolute; left:15px; bottom:23px; text-align:center;}
.themaListBannWrap .bannArea .numLlist,
.themaListBannWrap .bannArea .btnShare {box-sizing:border-box; display:inline-block; overflow:hidden; position:relative; min-width:32px; height:31px; margin-right:2px; padding:5px 8px 5px 5px; border:1px solid #fff; border-radius:32px; color:#fff; vertical-align:top; line-height:22px; position:relative; }

.themeKeySelWrap .keywordList a{font-size:0.857em; }

.themaListBannWrap .bannArea .numLlist:before,
.themaListBannWrap .bannArea .btnShare:before{background:url(/content/images/m/theme/ico_theme.png?202102241700) no-repeat 0 0; background-size:100px 100px;}

.themaListBannWrap .bannArea .numLlist {padding-left:30px;}
.themaListBannWrap .bannArea .numLlist:before {content:"채용공고수"; display:inline-block; text-indent:-9999em; width:15px; height:13px; position:absolute; left:11px; top:8px; background-position:0 0;}
.themaListBannWrap .bannArea .btnShare:before {content:""; display:block; width:17px; height:17px; background-position:0 -25px;}

.themeDescList {position:relative; padding:17px 5px 18px; overflow:hidden;}
.themeDescList h4{ padding-left:10px; font-size:15px; color:#000; }
.themeDescList h4 strong {color:#002aff;}
.themeDescList .themeListItem {padding:17px 10px 0; position:relative;}
.themeDescList .themeListItem .img {position:absolute; left:10px; top:17px;}
.themeDescList ul {margin-left:70px;}
.themeDescList ul li{position:relative; padding-left:8px; font-size:13px; line-height:18px; color:#666; }
.themeDescList ul li:before {content:""; display:block; width:2px; height:2px; background-color:#666; position:absolute; left:0; top:6px;}
.pg + .themeDescList {margin-top:17px;}

.themaListItemWrap {padding:0;margin:6px 5px 4px 6px;}
.themaListItemWrap .mFocus .inner{background-color:#fff;margin:0;}
.themaListItemWrap .mFocus .link {border:1px solid #e3e3e5; height:132px;margin-left:-1px;margin-top:-1px;}
.themaListItemWrap .mFocus .tit {text-align:left; font-size:1em;}
.themaListItemWrap .mFocus .txt {font-size:1.071em; color:#333; padding-top:2px;}
.themaListItemWrap .mFocus .logo {height:32px;}
.themaListItemWrap .mFocus .logo .txLogo{display:inline-block; width:80px; height:32px; font-size:11px; line-height:12px; text-align:center; color:#000; border:1px solid #d8dadb; box-sizing:border-box; padding:5px 3px 0; overflow:hidden;}
.themaListItemWrap .mFocus .btnScrap {top:114px;}
.themaListItemWrap .mFocus .btnApply {top:111px; display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px;}
.themaListItemWrap .mFocus .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.themaListItemWrap .mFocus .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}
.themaListItemWrap .mFocus .msgScrap {left:-5px; top:-29px;}
.themaListItemWrap .mFocus ul {margin:0;}
.themaListItemWrap .mFocus li { margin-bottom:0;}
/* 2016.11.14 추가 변경 */
.themaListItemWrap .mFocus li.none { height:142px;}
.themaListItemWrap .mFocus li.none .inner { position:relative; height:141px; border:1px solid #e3e3e5 !important; margin-top:-1px; margin-left:-1px; background:#fff url(/content/images/m/ver_1/img_li_default.png) no-repeat center center; background-size:107.5px;}
.themaListItemWrap .mFocus li.none .inner:after { content:''; display:block; position:absolute; top:0; right:0; width:69px; height:45px; background:url(/content/images/m/ver_1/bg_li_default_1.png) no-repeat center center; background-size:100%;}
.themaListItemWrap .mFocus li.none .inner:before { content:''; display:block; position:absolute; bottom:0; left:0; width:41px; height:31.5px; background:url(/content/images/m/ver_1/bg_li_default_2.png) no-repeat center center; background-size:100%;}
.themaListItemWrap .mFocus li.bannItem {text-align:center;}
.themaListItemWrap .mFocus li.bannItem a {border:1px solid #ececec; display:block; background-color:#f6f6f6;}
.themaListItemWrap .mFocus li.bannItem img {height:141px; width:149px;}
.themaListItemWrap .mFocus li.bannItem.themeBann a {border:none;}
.themaListItemWrap .mFocus li.bannItem.themeBann a img {height:143px; width:151px;}
.themaListItemWrap .mFocus li:nth-child(4n+3) .inner, .themaListItemWrap .mFocus li:nth-child(4n+4) .inner {border:none;}
.themaListItemWrap .mFocus li:nth-child(4n+5), .themaListItemWrap .mFocus li:nth-child(4n+6) {margin-top:0;}

.lyThemeShare .lyShare { position:fixed; top:50%; left:50%; box-sizing:border-box; width:260px; height:200px; margin:-100px 0 0 -130px; border-color:#002aff; z-index:111;}
.lyThemeShare .lyShare .list { padding:7px 0 0 0; text-align:center;}
.lyThemeShare .lyShare .list li {display:inline-block; margin:0 0 20px 15px; border:0;}
.lyThemeShare .lyShare .list li:first-child, .lyThemeShare .lyShare .list.count-4 li:nth-child(3) {margin-left:0;}
.lyThemeShare .lyShare .list li button {display:block; position:relative; width:52px; height:52px; background:url('/content/images/m/bg_share.png?202102241700') no-repeat 0 0; background-size:260px auto;}
.lyThemeShare .lyShare .list li .twitter {background-position:0 0;}
.lyThemeShare .lyShare .list li .facebook {background-position:-52px 0;}
.lyThemeShare .lyShare .list li .kakaotalk {background-position:-104px 0;}
.lyThemeShare .lyShare .list li .mail {background-position:-156px 0;}
.lyThemeShare .lyShare .list li .calendar {background-position:-208px 0;}
.lyThemeShare .lyShare .list li button span { position:absolute; top:54px; left:-10px; width:72px; white-space:nowrap; font-size:12px; }

.lyThemeShare .lyShare .list.count-1, .lyThemeShare .lyShare .list.count-2, .lyThemeShare .lyShare .list.count-3 {padding:45px 0 0 0;}
.lyThemeShare .lyShare .list.count-4 { padding:7px 40px 0 40px;}
.lyThemeShare .lyShare .list.count-5 {padding:7px 10px;}
.lyThemeShare .lyShare .list.count-5 li:nth-child(4) {margin-left:0;}

/* 면접족보 */
.booth3 {}
.booth3 li {border-bottom:1px solid #ebebeb;}
.booth3 a {font-size:1.07em; padding:6px 10px 10px 10px; border-top:1px solid #fff;}
.booth3 .e {padding:2px 0 0 0;}
.booth3 .meta {text-indent:0; font-size:0.94em;}
.booth3 .meta span {color:#898989;}
.booth3 .meta strong {color:#333;}
.booth3 .meta .btJobType {color:#fff; position:relative; top:-1px;}
.booth3 .meta .date {color:#666;}

/* 최근본 채용정보, 스크랩한 공고  */
.booth4 li { position:relative;}
.booth4 a {margin:0 75px 0 36px; padding:0; height:79px;}

.booth4 .btnApply {position:absolute; right:12px; bottom:17px; height:24px; margin:0; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px;}
.booth4 .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.booth4 .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}

.booth4 .btnScrap {position:absolute; top:24px; left:0px; padding:7px; width:23px; height:22px; margin:0; font-size:1em; border-top:none;}
.booth4 .msgScrap {right:auto; left:3px; top:-23px;}
.booth4 .msgScrap:after {right:auto; left:11px;}
.booth4 .date2 {position:absolute; right:9px; top:21px; font-size:0.786em; width:56px; text-align:center; color:#999;}
.booth4 .dDay {color:#ed1d26;}
.booth4.booth1_check a {margin:0 75px 0 0;}
.booth4.booth1_check .btnApply {margin:0;}

#main #dev_recentscrap .booth1V2 li {height:35px;}
#main #dev_recentscrap .booth1V2 li:first-child a {padding:10px 0 7px 0;}
#main #dev_recentscrap .tabH {border-bottom:1px solid #c3c3c3;}
#main #dev_recentscrap .booth1V2 {padding-top:0; border:none;}
#main #dev_recentscrap .booth1V2 .e {display:block; padding:0; font-weight:normal; color:#333; font-size:1em; padding:10px 0 7px 0; margin-right:5px; box-sizing:border-box; height:35px;}
#main #dev_recentscrap .booth1V2 .e:after {content:""; display:block; width:3px; height:3px; position:absolute; left:11px; top:15px; background-color:#e5e5e5;}
#main #dev_recentscrap .noCustomize {border-top:none;}
#main #dev_recentscrap .booth1V2 .tit {color:#002aff; font-size:1em; padding:0 5px 0 20px; font-weight:normal;}
#main #dev_recentscrap .booth1V2 .t {padding-left:5px; font-size:1em; line-height:1.2em;}

/* 업계1위 */
.content .ssTopBooth {margin-bottom:1px; padding-bottom:0; background:-webkit-gradient(linear, left 80%, left 100%, from(#fff), to(#f0f0f0)); position:relative; padding-top:15px;}
.ssTopBooth a.booth {padding:5px 10px 10px 10px; display:block;}
.ssTopBooth strong {display:block; color:#000; font-size:1.17em;}
.ssTopBooth .thumbC {float:left; margin:0 13px 12px 0;}
.ssTopBooth .thumbC .ico_hot {position:absolute; top:-2px; left:-2px;}
.ssTopBooth .thumbData {overflow:hidden;}
.ssTopBooth .e {clear:both;}
.ssTopBooth .meta {font-size:0.95em; line-height:1.2; display:block; margin-top:4px;}

/* 메인 카운셀링 */
#main .ssCouncel .tabCt:before {content:""; position:absolute; top:0; left:0; padding-left:11px; width:94px; height:85px; background:#fff url(/content/images/m/bg_councel.png?202102241700) no-repeat 11px -300px; background-size:94px 400px; z-index:5;}
#main .ssCouncel .tabCtNoBg:before {display:none;}
#main .ssCouncel .tabCt:nth-of-type(2):before {background-position:11px 0;}
#main .ssCouncel .tabCt:nth-of-type(3):before {background-position:11px -150px;}
#main .qna {color:#333; padding:6px 10px 0 113px; line-height:1.16; border-bottom:1px solid #e8e8e8; min-height:90px; -webkit-box-sizing:border-box;}
#main .qna dt,
#main .qna dd {margin-bottom:6px; padding-left:21px; position:relative; }
.ua_io_high #main .qna dt,
.ua_io_high #main .qna dd {}
#main .qna dd {color:#666;}
#main .qna .bg {background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 0 -325px; width:14px; height:13px; position:absolute; top:2px; left:0; background-size:50px 1350px;}
#main .qna dd .bg {background-position:-25px -325px;}
#main .qna .bg span {position:absolute; left:-9999px;}
#main .ssCouncel #dev_main_3_3 .qna {padding-left:92px;}
/* 로그인 */
.ssLogin .captchaInfo {margin-top:25px;}
.ssLogin .captchaInfo mark {font-size:18px; letter-spacing:-0.5px;font-weight:bold; background:none; display:block; margin-bottom:5px;}
.ssLogin .bxR {margin-top:25px;}
.ssLogin .loginTool {background:#f4f4f4; padding:35px 0 6px 0;}
.ssLogin .loginTool ul {overflow:hidden; padding-top:5px; margin:0 auto 12px auto; width:291px;}
.ssLogin .loginTool .key_special {width:287px;}
.ssLogin .loginTool li {border:1px solid #d9d9d9; width:25px; height:24px; float:left; margin:-1px -1px 0 0; -webkit-box-shadow:0 1px rgb(232, 232, 232, 1); color:#858585; font-size:0.7em; padding:2px 0 0 3px; position:relative; background:#fff;}
.ssLogin .loginTool .key_special li {width:22px;}
.ssLogin .loginTool ul span {position:absolute; font-size:1.14em; -webkit-text-stroke-width:.03em; top:12px; right:3px; color:#141414;}
.ssLogin .loginTool .key_co li:nth-child(11) {margin-left:14px; clear:both;}
.ssLogin .loginTool .key_co li:nth-child(20) {margin-left:29px; clear:both;}
.ssLogin .loginTool .key_special li:first-child {margin-left:12px;}
.ssLogin .loginTool .characterT {top:1px; font-weight:bold;}

/* 캡차 */
.ssLogin .loginTool_2 {padding:17px 0; margin-bottom:-9px;}
.ssLogin .loginTool_2 fieldset {margin:0 auto;}
.ssLogin .loginTool_2 .captcha {overflow:hidden; position:relative;}
.ssLogin .loginTool_2 .captcha .erTxt {font-size:12px; color:#333; margin-bottom:8px;}
.ssLogin .loginTool_2 .captcha input {float:left;}
.ssLogin .loginTool_2 .captcha .erCode {float:right; width:143px; background:#fff; text-align:center;}
.ssLogin .loginTool_2 .captcha .refresh {position:absolute; left:2px; bottom:7px; font-size:12px; color:#333;}
.ssLogin .loginTool_2 .captcha .refresh button {background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 0 -1054px; background-size:50px 1350px; padding-left:14px;}

.ssLogin .btN {position:absolute; top:13px; right:104px; color:#666; padding-right:10px; background-position:100% -397px; font-size:12px; font-weight:bold;}
.ssLogin .btN.on {color:#333; background-position:100% -422px;}
.ssLogin .btN_special {right:11px;}
.ssLogin fieldset {width:270px; margin:29px auto 22px auto;}
.ssLogin .accountInput {position:relative; padding:0 0 10px 0;}
.ssLogin .accountInput .btLogin {width:77px; height:85px; position:absolute; right:0; top:0; padding:0;}
.ssLogin .accountInput .group {display:inline-block; position:relative; padding-right:32px; border:1px solid #c0c3ca; background:#fff; border-radius:2px;}
.ssLogin .accountInput .group:first-child {margin-bottom:5px;}
.ssLogin .accountInput .bt_reset {position:absolute; right:6px; top:11px;}
.ssLogin .accountInput .on {border:1px solid #002aff;}
.ssLogin input[type="text"],
.ssLogin input[type="tel"],
.ssLogin input[type="password"] {width:152px; min-height:38px; vertical-align:top; border:none; margin:0;}
.ssLogin input,
.ssLogin label {color:#333;}
.ua_io_high .ssLogin label {position:relative; top:1px;}
.ssLogin label[for=ipSaveId] {margin-right:32px;}
.ssLogin .accountGuide {color:#898989; line-height:1.4; padding:15px 0 4px 7px;}
.ssLogin .accountGuide p {padding-left:7px;padding-bottom:12px; font-size:12px;}
.ssLogin .accountGuide .last {padding-bottom:0;}
.ssLogin .accountFunc {font-size:12px; color:#333; margin-bottom:13px;}
.ssLogin .accountFunc .sch {float:right;}
.ssLogin .accountFunc .sch a {display:inline; margin-left:8px; text-decoration:underline;}

/* 메인 개인화 영역 */
.mUserSecWrap {background-color:#f2f4f5; padding:6px 5px; border-bottom:1px solid #e8e8e8;}
.mUserSec {border:1px solid #dfe2e6; background-color:#fff;}
.mUserSec .userInfoTx {padding:11px 13px 8px; font-size:14px; color:#000;}
.mUserSec .userInfoTx em {color:#002aff; font-weight:bold;}
.mUserSec .userViewList {border-top:1px solid #f0f0f0; padding:11px 11px 6px; line-height:22px; display:table; width:100%; box-sizing:border-box; table-layout: fixed;}
.mUserSec .userViewList li {font-size:12px; color:#000; height:22px; overflow:hidden; }
.mUserSec .userViewList li .linkEle {display:table-cell; position:relative; padding-left:10px; color:#000; box-sizing:border-box; vertical-align:top; }
.mUserSec .userViewList li .linkEle:before {content:""; display:block; width:1px; height:11px; background-color:#d3d3d3; position:absolute; left:0; top:11px; margin-top:-6px;}

.mUserSec .userViewList li a {font-size:13px; color:#000; font-weight:bold; height:22px; display:inline-block; vertical-align:top}
.mUserSec .userViewList li a:before {display:inline-block; box-sizing:border-box; margin-left:8px; margin-right:3px; width:28px; height:14px; font-size:0.714em; font-weight:normal; text-align:center; line-height:14px; border-radius:50px; vertical-align:1px;}
.mUserSec .userViewList li a.user01:before {content:"신입"; border:1px solid #002aff; color:#002aff;}
.mUserSec .userViewList li a.user02:before {content:"경력"; border:1px solid #ff6600; color:#ff6600;}

@media screen and (-webkit-min-device-pixel-ratio:0) { .mUserSec .userViewList li a:before {line-height:15px; vertical-align:0px;} }
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .mUserSec .userViewList li a:before {line-height:13px; vertical-align:1px;} }}
.mUserSec .userViewList li a:first-child:before {margin-left:0;}


.mUserSec .userViewList li strong {display:table-cell; font-size:13px; color:#666; min-width:85px; font-weight:normal; position:relative; padding-left:8px; vertical-align:top;}
.mUserSec .userViewList li strong:before {content:""; display:block; width:2px; height:2px; position:absolute; left:0; top:9px; background-color:#e5e5e5;}



.mUserSec .userViewList li > strong > em {font-weight:bold; color:#000; }
.mUserSec .userViewList li strong em {font-weight:normal; color:#000;}
.mUserSec .userViewList li .linkEle a span {color:#666; font-weight:normal; }

/* member menu */
#scM .ssMenu a:after,
.navFunc li span:after,
.ssMyLk li a:after { background:url(/content/images/m/bg_menu_v4.png?202102241700) no-repeat; background-size:100px 300px;}

/*
#scM:after,
#scS:after {content:""; position:absolute; top:0; right:32px; width:8px; height:100%;}
#scM:after {background:-webkit-gradient(linear, left top, right top, color-stop(100%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.3)));}
#scS:after {right:auto; left:32px; background:-webkit-gradient(linear, right top, left top, color-stop(100%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.3)));}
*/

.scWing .hWing {position:relative; background:#30353f;}
.scWing .hWing span {display:block; font-size:1.43em; font-weight:bold; color:#83868c; height:43px; padding:11px 60px 0 15px; -webkit-box-sizing:border-box;}
#scS .hWing span {background-position:0 -135px;}

.scWing .btnClose {position:absolute; right:54px; top:14px;}
.scWing .btnClose a {display:inline-block; width:17px; height:16px; background:url(/content/images/m/bg_menu_v4.png?202102241700) no-repeat 0 -284px; background-size:100px 300px;}

.scWing .hWing strong {color:#fff;}
.scWing .hWing strong a {color:#ffdd3f;}
.scWing .btnMbJoin {position:absolute; right:80px; top:14px;}
.scWing .btnMbJoin a {color:#797c83;}
.scWing .btnMbJoin a span {padding-top:0.1em;}
.scWing .wingT {}

#scS .fmSmart {background:#f3f5f7; position:relative;}
#scS .fmSmart input::-webkit-input-placeholder {}

#scS .fmSmart .inner {border-right:1px solid #30353f; border-bottom:1px solid #8d94a1; padding:16px 12px 13px 17px;}
#scS .fmSmart .guide {position:relative;}
#scS.devSmartSearchInit .fmSmart .guide {z-index:10;} /* 안내 메시지 노출 */
#scS.devSmartSearchInit .fmSmart .guide:before {content:""; position:absolute; width:100%; height:100%; padding:4px 3px; outline:3px solid #fffe88; top:-4px; left:-3px;}
#scS .fmSmart .guide img {position:absolute; top:38px; left:4px; display:none;}
#scS.devSmartSearchInit .fmSmart .guide img {display:block;}
#scS .fmSmart .inner > div {position:relative; margin-bottom:5px;}
#scS .fmSmart .inner .boxSearch {display:block;position:relative;border:1px solid #c0c3ca;padding-right:32px;background:#fff;border-radius:2px;}
#scS .fmSmart .inner input {width:100%; margin:0; border:0 none; min-height:38px;}
#scS .fmSmart .bt_reset {position:absolute; top:11px; right:6px;}
#scS .mask {z-index:5; display:none;}
#scS.devSmartSearchInit .mask {display:block;}
#scS .fmSmart .offsetCt {margin-right:71px; display:block;}
#scS .fmSmart .bt_nowLoc2 {position:absolute; right:0; top:0;}
#scS .fmSmart .bt_nowLoc2 span {padding-left:0; padding-right:0;}
#scS .fmSmart .bt_nowLoc2 .ico_nowLoc2 {margin-right:0px; margin-left:4px;}
#scS .fmSmart .act {padding:15px 12px 15px 17px; border-top:1px solid #8d94a1; background:#fff;}

#scM .ssMenu {padding:0 15px 151px 15px;}
#scM .ssMenu:after {content:""; display:block; clear:both;}
#scM .ssMenu li {position:relative; background:#f3f5f7; border-bottom:1px solid #cecece;}
#scM .ssMenu li:first-child {border-top:0;}
#scM .ssMenu a {color:#333; font-size:1.143em; font-weight:bold; display:block; padding:14px 0 0 0px; height:30px;}
#scM .ssMenu a:after { position:absolute; right:0px; top:16px; width:7px; height:11px; background-position:0 -220px; content:"";}
#scM .ssMenu .on {background:#22252c;}
#scM .ssMenu .btNum {position:absolute; right:15px; top:11px;}
#scM .ssMenu li.add {display:table; float:left; width:50%;}
#scM .ssMenu li.add a {display:table-cell;}
#scM .ssMenu li.add a:after {right:8px;}
#scM .ssMenu li:last-child a {border-left:1px solid #cecece; padding-left:7px;}
#scM .ssMenu li:last-child a:after {right:0;}

#scM .ssInfo {position:relative; margin:15px 10px;}
#scM .ssInfo .info {min-height:104px; margin-left:90px;}
#scM .ssInfo .info .hd {font-size:1.28em; color:#83868c; padding:12px 0 7px 0; }
#scM .ssInfo .info .hd strong {color:#333;}
#scM .ssInfo .info .icn {margin-bottom:5px;}
#scM .ssInfo .info .photo {position:absolute; left:0; top:0;}
#scM .ssInfo .info .photo .resBtnPhoto {position:absolute; right:5px; bottom:5px;}
#scM .ssInfo .info .tit {font-size:0.93em; line-height:1.4;}
#scM .ssInfo .info .tit a {overflow:hidden; position:relative; display:block; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#scM .ssInfo .info .tit a .inr {display:block; padding-right:10px;}
#scM .ssInfo .info .tit a .resIconArr_3 {position:absolute; right:0; top:3px;}
#scM .ssInfo .info .tit_1 a .resIconArr_3 {position:absolute; right:0; top:50%; margin-top:-5px;}
#scM .ssInfo .info .no {font-size:0.93em; color:#ccc; margin-top:4px;}
#scM .ssInfo .info .tx {position:relative; display:block; font-size:0.72em; color:#999; padding-left:5px; margin-top:10px;}
#scM .ssInfo .info .tx span {position:absolute; left:0; top:3px;}
#scM .ssInfo .info .func {position:absolute; top:15px; right:0;}
#scM .ssInfo .info .btn {margin-top:7px;}
#scM .ssInfo .info .btn .resIconAdd_5 {margin-top:-4px;}

#scM .ssNotice {position:absolute; left:0; right:40px; bottom:42px; height:42px; -webkit-box-sizing:border-box; padding:0 15px; background-color:#f3f5f7;}
#scM .ssNotice h4 {font-size:1em; font-weight:bold; margin-bottom:3px;color:#333;}
#scM .ssNotice ul:before {content:""; position:absolute; left:15px; top:11px; width:13px; height:12px; background:url(/content/images/m/bg_menu_v4.png?202102241700) no-repeat -25px -284px; background-size:100px 300px}
#scM .ssNotice li {padding:0 50px 0 15px;}
#scM .ssNotice li > a {color:#898989; display:block; -webkit-box-sizing:border-box; padding:9px 5px 7px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#scM .ssNotice .ico {margin-right:3px; vertical-align:top;}
#scM .ssNotice .all {position:absolute; right:15px; top:10px;color:#484848;}

#navMember {position:absolute; bottom:0; left:0; right:40px;}
.navFunc {border-top:2px solid #8d94a1;}
.navFunc li {float:left; width:33.33%;}
.navFunc li:first-child {width:33.34%;}
.navFunc a { display:block; padding:16px 0 0 0;color:#898989; font-weight:bold; -webkit-box-sizing:border-box; height:47px; background-color:#fff;  text-align:center;}
.navFunc li span { display:inline-block; position:relative; padding-left:23px;}
.navFunc li span:after { content:""; position:absolute; top:0px; left:0;}
.navFunc li.m1 span:after { width:15px; height:15px; margin:0px 0 0 3px; background-position:0 -200px;}
.navFunc li.m2 span:after { width:19px; height:19px; margin:-2px 0 0 0; background-position:-75px -200px;}
.navFunc li.m3 span:after { width:18px; height:18px; margin:-2px 0 0 0; background-position:-50px -200px;}

.ssMyLk {}
.ssMyLk ul {width:100%;}
.ssMyLk ul:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.ssMyLk li {float:left; width:33.33%;}
.ssMyLk li:first-child {width:33.34%;}
.ssMyLk li a {display:block; height:26px; position:relative; margin:0 1px 1px 0; padding:50px 0 0 0; background-color:#fff; text-align:center;}
.ssMyLk li a:after { position:absolute; left:50%; top:0px; content:"";}

.ssMyLk .m1 a:after { width:23px; height:34px; margin:10px 0 0 -12px; background-position:-50px 0; }
.ssMyLk .m2 a:after { width:29px; height:26px; margin:18px 0 0 -15px; background-position:-50px -40px;}
.ssMyLk .m3 a:after { width:30px; height:23px; margin:20px 0 0 -15px; background-position:-50px -70px;}
.ssMyLk .m4 a:after { width:38px; height:33px; margin:15px 0 0 -19px; background-position:-50px -100px;}
.ssMyLk .m5 a:after { width:42px; height:15px; margin:21px 0 0 -21px; background-position:-50px -140px;}
.ssMyLk .m6 a:after { width:34px; height:33px; margin:13px 0 0 -17px; background-position:-50px -160px;}
.ssMyLk .m7 a:after { width:29px; height:35px; margin:11px 0 0 -12px; background-position:-50px -245px;}

/* 터치효과 있었다가 터치효과를 기본으로 바꿈
.ssMyLk li.on a {background-color:#f4f4f4;}
.ssMyLk li.on a:after {background-position-x:-50px;}
*/
.ssMyLk li .count {position:absolute; left:50%; top:26px; border-radius:10px; min-width:11px; height:20px; line-height:20px; margin:0 0 0 7px; padding:0 5px 0 4px; background:#002aff; color:#fff; z-index:5; text-align:center;}
.ssMyLk li .icnNew {position:absolute; left:0; top:0; display:block; font-size:11px; color:#fff; width:27px; height:14px; line-height:16px; background-color:#f60; text-indent:0; text-align:center; z-index:999;}
.ssMyLk li .icnEvent {position:absolute; left:0; top:0; display:block; font-size:11px; color:#fff; width:50px; height:14px; line-height:16px; background-color:#f60; text-indent:0; text-align:center; z-index:999;}


/* 로그인 안내 */
#scM .noLogin {position:absolute; width:100%; padding-right:40px; height:100%; top:0; left:0; z-index:10;}
#scM .noLogin .maskCt {color:#fff; text-align:center; position:absolute; width:100%; padding-right:80px; top:50%; margin-top:-90px; -webkit-box-sizing:border-box;}
#scM .noLogin img {margin-bottom:18px;}
#scM .noLogin button,
#scM .noLogin a {padding:5px 8px 2px 8px; font-size:1.2em; padding-left:10px; padding-right:10px; width:100px; font-weight:bold;}
#scM .noLogin .bt_cancel {margin-right:8px;}


/* 결과내 검색 */
.content .ssResultS {position:relative; }
.ssResultS .ipSpacerBox .ipCustomUI {vertical-align:middle; margin-top:-1px;}
.ssResultS {margin-top:-2px; background:#fff; border-bottom:2px solid #c0c0c0; position:relative;}
.ssResultS fieldset {margin:0px 10px 20px 10px; border:1px solid #e0e3e6; border-bottom:0;}
.ssResultS .ssTit {position:absolute;left:0px;top:-26px;color:#666;font-size:1.214em;}
.ssResultS p {padding:11px 12px 9px 12px; border-bottom:1px solid #edeef0;}
.ssResultS select {width:100%;}
.ssResultS .part select:first-child {margin-bottom:6px;}
.ssResultS .area {overflow:hidden;}
.ssResultS .area span {float:left; width:48%; margin-right:4%;}
.ssResultS .area span:last-child {margin-right:0;}
.ssResultS label {font-size:0.9em; position:relative; top:1px;}
.ssResultS .act {text-align:center; background:#eef5fe;}
.ssResultS .act button {margin:0 1px; padding-right:18px; padding-left:18px;}
.ssResultS .toggle {padding:0;}
.ssResultS .ipCustomItem {margin-right:10px;}

/* 업직종, 지역 */
.bGiPartList .ssHighlight,
.bGiAreaList .ssHighlight,
.bGiSubwayList .ssResentSubway {margin-bottom:0;}
.bGiAreaList .bt_nowLoc {position:absolute; top:13px; right:10px;}

/* 자동완성 */
.jkAc {position:absolute; border:1px solid #08080a; -webkit-box-sizing:border-box; background:#fff; z-index:5; display:none;}
.jkAc ul {padding-left:1px;}
.jkAc li,
.jkAc .jkAcAct {border-bottom:1px solid #edeef0;}
.jkAc li > a,
.jkAc .jkAcAct button {display:block; color:#000; font-size:1.07em; padding:11px 8px 8px 8px; width:100%; text-align:left;}
.jkAc .jkAcAct .bt_historyDel {display:none;}
.jkAc li b {color:red;}
.jkAc .jkAcAct {background:#eef5fe; overflow:hidden;}
.jkAc .jkAcAct button {float:left; color:#8895a6; font-size:0.9em; width:auto;}
.jkAc .jkAcAct button:last-child {float:right; padding-left:18px;}
.jkAc .jkAcAct .ico_close2 {vertical-align:top; margin-top:3px;}
#scS .devSmartHistory .bt_historyDel {display:block;}
#scS .jkAc {width:100%;}

/* 추천 검색어 */
.suggestSel {background:#f2f4f5; border-bottom:1px solid #e7eaec; position:relative; padding:8px 34px 5px 10px;}
.suggestSel h3 {float:left; margin:4px 11px -3px 0; color:#333; font-size:13px; line-height:1.3;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.suggestSel h3 {line-height: 1.4;}
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
	.suggestSel h3 {line-height: 1.3;}
}}
.suggestSel .bt_suggest {font-size:0.9em;}
.suggestSel div {overflow:hidden;padding-top:1px; height:23px; line-height:1.6;}
.suggestSel div a {display:inline-block; font-size:13px; color:#666;}
.suggestSel .devExpand {height:auto; margin-bottom:1px;}

/* .suggestSel a {display:inline-block; padding:1px 0 0 0; margin:0 2px; border-bottom:1px solid #9e9e9f; line-height:1;} */
.suggestSel .btArrow {position:absolute; bottom:2px; right:2px; width:28px; height:26px;}
.suggestSel .btArrow .ico {vertical-align:top; margin-top:4px;}

/* 스마트 검색 */
.bSmart_All .act_resultSearch {margin:-2px 0 14px 0;}
.ssNoSmartResult .listDash {padding-top:20px; margin-bottom:-8px;}

/* 검색 > 기업정보 리스트 */
.ssList .booth1 a {height:70px;}
/* 공고상세 */
.bGIB .act {text-align:center; padding:17px 0 16px 0;}
.bGIB .act .bt {padding-right:4px; padding-left:4px; }
.ua_io_high .bGIB .act .bt { padding-left:7px; padding-right:7px;}
.bGIB .viewInfo1 {margin-bottom:0;}
.bGIB .ssGIB {margin-bottom:30px;}
.bGIB .ssGIB_salary {margin-bottom:20px;}
.ssGIB h4 {padding-top:17px; margin-bottom:4px; color:#333; font-size:1.07em;}
.ssGIB h4 .detail {font-size:0.8em; color:#999; margin-left:5px; position:relative; vertical-align:1px; }
.ssGIB h4 .detail:before {content:""; position:absolute; width:1px; height:15px; background:#e0e0e0; top:-1px; left:-5px;}
.ssGIB .icoDay {margin-right:4px;}
.ssGIB .listDash {padding:0;}
.ssGIB .listDash,
.ssGIB .itemDash {margin-bottom:-4px;}
.ssGIB .itemDash strong {color:#f63;}
.ssGIB .listDash li {margin-bottom:0;}
.ssGIB .interview {border:1px solid #e3e3e3; background:#f6f6f6; margin:0 10px; padding:11px 12px 9px 12px;}
.footerGIB {border-top:1px solid #d7d7d7; margin-top:24px;}
.bGIB .actGIB {padding:25px 10px 0 10px;}
.bGIB .actGIB2 {padding:0 10px 10px 10px; margin-top:21px;}
.bGIB .footerGIB .actGIB2 {padding-bottom:0; margin-bottom:30px;}
.bGIB .term {font-size:0.8em; color:#999; margin-bottom:21px; padding-top:14px;}
.bGIB .term strong {color:#333;}
.ssGIB .listPhoto {margin-bottom:-16px;}
.ssGIB .talk,
.ssApply .info {padding:13px 10px 7px 10px; background:#f9f9f9; color:#999; border-bottom:1px solid #dcdcdc; -webkit-box-shadow:0 2px #f4f4f4; font-size:0.9em;}
.ssApply .list label {color:#333;}
.ssApply .list .title {padding:0 0 0 23px;}

.ssGIB .talk strong {font-size:1.07em; color:#002aff;}
.ssGIB_talk {margin-top:25px;}
.ssGIB_talk .btnClose, .ssGIB_talk .btnMore {background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eff1f3)); text-align:center; border-bottom:1px solid #c5cad2; border-top:1px solid #dcdcdc; margin-top:-1px; -webkit-box-shadow:0 1px #f5f5f5;}
.ssGIB_talk .btnClose button, .ssGIB_talk .btnMore button {display:block; width:100%; padding:13px 0 12px; border-bottom:1px solid #fbfbfc; font-size:15px;}
.ssGIB_talk .btnClose button .arrow, .ssGIB_talk .btnMore button .arrow {position:relative; overflow:hidden; padding-right:20px;}
.ssGIB_talk .btnClose button .arrow:before, .ssGIB_talk .btnMore button .arrow:before {content:""; position:absolute; width:13px; height:9px; right:0; top:3px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat -25px -915px; background-size:50px 1350px;}
.ssGIB_talk .btnMore button .arrow:before {background-position:-1px -915px;}
.ssGIB .award {background-color:#fcf2e7; border-top:1px solid #fff; padding:9px 10px 6px 62px; position:relative; font-size:0.8em;}
.ssGIB .award:before {content:""; width:35px; height:33px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 0 -930px; background-size:50px 1350px; position:absolute; top:9px; left:18px;}
.ssGIB .award strong {color:#c84011; font-size:1.43em; padding-bottom:0; display:block; }
.ssGIB .source {font-size:0.9em; text-align:right; color:#999; padding-top:6px; }
.bGIB .listT {margin-top:-15px;}
.ssGIB .gibCustomCt {padding-top:23px;}
.ssGIB .gibCustomCt strong {font-size:1.07em; color:#333;}
.bGIB .gibMap {margin:0; min-height:330px; border:1px solid #fff; border-width:1px 0;}
.bGIB .zoomCtl2 {margin-top:-5px;}
.bGIB .coDetail {word-wrap:break-word; word-break:break-all; margin:0 10px; padding-bottom:10px;}
.bGIB .coDetail .bizIntro strong {color:#06c; font-size:1.07em;}

.businessLogo {position:relative;z-index:2;border-bottom:1px solid #333944;text-align:center;padding:5px 0 0 0;}
.businessLogo .bxCenter {width:200px;}
.businessLogo .bxCenter a {font-size:1.07em; font-weight:bold; word-wrap:break-word; word-break:break-all;}
.businessLogo .bxCenter .text {display:-webkit-inline-box; text-align:center;line-height:24px; color:#000; font-size:20px;letter-spacing:-0.5px; height:45px; overflow:hidden; word-wrap:break-word; word-break:break-all; margin:3px 0 0 0; font-weight:normal;}
.businessLogo .companyName {display:block;text-align:center;padding:5px 0 0 0;font-weight:bold;font-size:16px;color:#000;}

.boxLinkMore a {display:block;padding:8px 14px 6px 0;text-align:right;background:#f3f7fb;font-size:15px;}
.linkMoreTop {border-top:1px solid #e6eef5;}
.linkMoreBottom {border-bottom:1px solid #e6eef5;}

.addFavorite {background-color:#faf2e8; position:relative; padding:5px; margin:20px auto 3px auto; width:300px;}
.addFavorite:after {content:""; display:block; clear:both;}
.addFavorite > .bxCenter {float:left; width:200px; height:100px; background:#fff;}
.addFavorite > .bxCenter a {font-size:1.07em; font-weight:bold; word-wrap:break-word; word-break:break-all;}
.addFavorite > .bxCenter .text {display:-webkit-inline-box; text-align:center; line-height:24px; color:#000; font-size:20px;letter-spacing:-0.5px; height:45px; overflow:hidden; word-wrap:break-word; word-break:break-all; margin:3px 10px 0 10px; font-weight:normal;}
.addFavorite > p {float:right; width:95px; height:100px; -webkit-box-sizing:border-box; border:1px solid #d0d4da; border-radius:2px; text-align:center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eef0f2)); -webkit-box-shadow:inset 1px 1px #fff, inset -1px -1px #fff; }
.addFavorite > p strong {font-size:1.8em; font-family:Arial, sans-serif; color:#f60; display:block; padding-bottom:18px; border-bottom:1px dashed #c5cbd3;}
.addFavorite > p > a {color:#333; font-size:0.9em; font-weight:bold; padding-top:28px; display:block;}
.addFavorite .add {border-top:1px dashed #fff; display:block; padding-top:4px;}
.addFavorite .lay {top:105px; right:5px;}
.addFavoriteApp > .bxCenter {float:none;width:100%;} /* 앱에서만 관심기업추가 노출 한할때 사용 */
.addFavoriteCo {width:200px;}

.addFavorite_2 {text-align:center;margin:7px 0 10px 0;}
.addFavorite_2 .fav {position:relative;display:inline-block;-webkit-box-sizing:border-box; border:1px solid #d1d5db; border-radius:2px; text-align:center; background:#fff; }
.addFavorite_2 .fav strong {font-size:1.2em; font-family:Arial, sans-serif; color:#f60; display:inline-block; padding:0 10px 0 6px;}
.addFavorite_2 .fav > a {color:#333; font-size:0.9em; font-weight:bold;display:inline-block;}
.addFavorite_2 .add {border-right:1px dashed #d1d5dc; display:inline-block; height:23px;padding:10px 10px 0 10px;}
.addFavorite_2 .add .ico3 {position:relative;display:inline-block;width:15px;height:13px;margin:-15px 4px -2px 0;vertical-align:0;-webkit-box-pack:center;}
.addFavorite_2 .icoFavOn {background-position:0 0;}
.addFavorite_2 .icoFavOff {background-position:-20px 0;}
.addFavorite_2 .lay {top:29px; left:-51px;text-align:left;}

.ssCoHeader {padding-bottom:10px;}
.ssCoHeader .ct > h2 {font-size:1.3em; color:#333; padding-bottom:5px;}
.ssCoHeader .ct > p {}
.ssCoHeader .infoTx {padding-top:10px;}

.rsImp {position:relative; color:#888; font-size:0.75em; word-break:break-all; padding:8px 8px 8px 30px; background-color:#f7f7f7; border-top:1px solid #e5e5e5;}
.rsImp1 {background-color:#fffdf0;}
.rsImpbgno {background-color:#fff;}
.rsImp .ico_imp1 {position:absolute; left:10px; top:5px;}
.rsImp .imTxt {display:block; color:#333; padding-bottom:3px;}
.txImp {position:relative; color:#888; font-size:0.75em; word-break:break-all; padding-left:30px; text-indent:-20px; padding-top:6px;}

.ssRelation {position:relative;margin:0;}
.ssRelation h1 {position:relative;margin-top:-1px;padding:8px 0 6px 10px;background:#ebebeb; color:#666; border-top:1px solid #e0e0e0; border-bottom:1px solid #c6c6c6;text-shadow:2px 1px 1px #fff;}
.ssRelation li {position:relative; border-bottom:1px solid #dcdcdc;}
.ssRelation ul a {display:block;padding:11px 0 9px 10px; margin-right:75px;}
.ssRelation .t,
.ssRelation .e {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ssRelation .e {color:#000;font-weight:bold;}
.ssRelation .t {margin-top:4px;font-size:0.95em;}
.ssRelation .more {position:absolute;right:10px;top:10px;font-size:0.857em;text-shadow:2px 1px 1px #fff;}
.ssRelation .btnApply { position:absolute; right:10px; bottom:12px; width:54px; height:27px; margin:0; padding:6px 2px 0 2px; font-size:12px; line-height:14px; background-color:#fff; border-radius:4px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; }
.ssRelation .btnJkApply { background-color:#fb9958; border:1px solid #fb9958; color:#fff; font-size:13px; padding-top:0px; line-height:27px;}
.ssRelation .btnApply.btnRow2 { height:34px; padding-top:3px; bottom:10px;}

.simiRel {margin-top:30px;}

/* todo:style merget (ssContest_viewOdd) */
.viewInfo1 {background:#fcf2e7; position:relative; border-top:1px solid #f5e5d2; margin-bottom:30px;}
.viewInfo1 strong,
.viewInfo1 span {display:block;}
.viewInfo1 strong {color:#a84d16;}
.viewInfo1 span {font-size:0.9em;}
.viewInfo1 a {color:#c38763; display:block; padding:0.7em;}
.viewInfo1 a:after {content:""; position:absolute; top:20px; right:0; width:24px; height:33px; background:url(/content/images/m/contestimg_v2.png?202102241700) no-repeat 0 -130px; background-size:80px 300px;}

/* todo:style merget (ssContest_viewInfo) */
table.tbl {width:100%;border-collapse:separate;border-spacing:0;}
.tbl th,
.tbl td {text-align:left; padding:9px 5px 7px 10px; border-bottom:1px solid #dcdcdc; color:#333; border-right:1px solid #eaeaea; -webkit-box-sizing:border-box;}
.tbl th {font-weight:normal; width:22%; color:#898989; background-color:#fbfbfb;}
.tbl tr th:last-child {border-right:0;}
.tbl .name {font-size:1.1em; color:#000;}
.tbl .unit {font-size:0.8em; display:block;}
.tbl th.c,
.tbl td.c {text-align:center;}
.tbl_W1 th {width:30%;}
.tbl_S2 thead {-webkit-box-shadow:0 2px #f2f2f2;}
.tbl_S2 thead th {background-color:#f4f8ff; color:#5c5f66; font-weight:bold;}
.tbl_coStatus thead th:first-child {color:#898989}
.tbl_cCenter td {text-align:center;}
.tbl_coSalary,
.tbl_applyStatus {table-layout:fixed;}
.tbl_coSalary td:last-child,
.tbl_coData td:last-child {font-size:0.9em;}
.tbl_coSalary thead th:first-child {width:63%;}
.tbl_coSalary thead th:last-child {width:37%;}
.tbl_coSalary .status {color:#999; display:block; margin-top:-1px;}
.tbl_coSalary strong {color:#002aff;}
.tbl_coData thead th:first-child {width:71%;}
.tbl_coData thead th:last-child {width:29%;}
.tbl_coData {border-top:1px solid #dcdcdc;}
.tbl_coSalary a,
.tbl_coData a {text-decoration:underline;}
.tbl_applyStatus th {width:26%;}
.tbl_applyStatus td {width:74%;}
.tbl .txtbar {margin:0 2px;font-size:11px;line-height:14px;vertical-align:1px;color:#ccc;}

.tblLine {border-bottom:1px solid #333944;}
.tblLine tr:last-child th,
.tblLine tr:last-child td {border-bottom:none;}

.applyDate {}
.applyDate:after {content:""; display:block; clear:both;}
.applyDate .deadline {font-size:1.2em;}
.applyDate  a.day {border-bottom:1px solid #ffa03a;}
.applyDate_GIB .deadline {vertical-align:middle;}
.applyDate_GIB .deadline {float:left; border:1px solid #e3e3e3; border-radius:2px; background:#f6f6f6; text-align:center; padding:12px 10px 10px 10px;}
.applyDate .period {display:block; color:#666; margin:4px 0;}
.applyDate_GIB .period {float:left; margin:2px 0 0 12px; font-size:1em; font-weight:bold; }
.applyDate_GIB .period span { margin-top:-1px;}
.ua_io_high .applyDate_GIB .period span {}
.bCoApply .applyComplete {font-size:1.4em;  color:#4883f6; text-align:center; padding:35px 0;}

/* 입사지원 */
.bCoApply .applyPart {padding:17px 10px;}
.bCoApply .applyPart select {}
.bCoApply .applyTerm {position:relative; background-color:#f3f3f3; border-top:1px solid #fff; color:#999; padding:10px 14px 8px 14px; font-size:0.8em; }
.bCoApply .applyTerm .imp {display:block; padding-left:17px; padding-bottom:5px;}
.bCoApply .applyTerm .imp .icoCo1 {position:absolute;left:10px;top:7px;}

.bCoApply .actBt {margin-top:-15px;}
.bCoApply .actBt .bt { padding:0;}
.ua_io_high .bCoApply .actBt .bt {}
.bCoApply .ssApply {margin-bottom:30px;}
.bCoApply .ssApply2 {margin-top:0;}

/* 모바일 지원 */
.bCoApply .rsmSel .list li {position:relative;}
.bCoApply .rsmSel .list li label {padding:11px 60px 8px 15px;}
.bCoApply .rsmSel .list li .btC10 {position:absolute; top:13px; right:10px; padding:0 11px 0 11px; border-top-color:#002aff; }


.ssApply .question {padding:10px 10px 15px 10px; font-weight:1.07em; line-height:1.4; border-bottom:1px solid #dcdcdc;}
.ssApply .question textarea {width:100%; height:85px; margin-top:8px;}
.ssApply .gitInfo {padding:0 10px 0 10px; border-bottom:1px solid #dcdcdc; line-height:1.5;}
.ssApply .gitInfo p { margin:15px 0;}
.ssApply .gitInfo p:first-child {color:#333;}
.ssApply .gitInfo p:nth-child(2) {font-size:0.9em; line-height:1.6;}
.ssApply .gitInfo strong {color:#f00 !important;}
.ssApply .gitInfo .name {color:#002aff !important;}

/* 신입사원_채용설명회 */
.ssOnView {padding-bottom:20px;}
.ssOnView_Last {padding-bottom:0;}
.ssOnView_Last strong {display:block;padding-top:5px;}
.ssOnView_Last .t {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ssOnView_Info .mov {position:relative;width:320px;margin:0 auto;}
.ssOnView_Info .mov .icoMovie {position:absolute;left:50%;top:50%;margin:-30px 0 0 -27px;}
.ssOnView_Info ul {padding:10px; background-color:#eee; border-bottom:1px solid #d9d9db; border-top:1px solid #6a6a6a;}
.ssOnView_Info ul li:first-child {padding-bottom:5px;}
.ssOnView_Last ul li:first-child {border-bottom:0;}
.ssOnView_Info ul li a {color:#333;text-decoration:underline;}
.ssOnView_Info ul li span {color:#1500de;}

.ssOnView_detail {padding:20px 10px 22px 10px; font-size:1.07em; line-height:1.4; }
.ssOnView_detail dt {color:#333; font-weight:bold; font-size:1.1em;}
.ssOnView_detail dd {padding-bottom:20px;  text-align:justify;}
.ssOnView_detail dd:last-child {padding-bottom:0;}
.ssOnView_detail .case2 {color:#f24755;}
.ssOnView_detail img {width:100%;}

.ssOnView_detail table {width:100%; border-collapse:collapse; font-size:.8em;}
.ssOnView_detail table caption {display:none;}
.ssOnView_detail table th,
.ssOnView_detail table td {border:1px solid #5b7eae; padding:5px; text-align:center;}
.ssOnView_detail table thead th {background-color:#7ba0d2; color:#fff; border-bottom:0 none;}
.ssOnView_detail table tbody td.taL {text-align:left;}

.ssOnView_faq {padding:20px 0 0 0; font-size:1.07em; line-height:1.4; }
.ssOnView_faq p {border-bottom:1px solid #f4f4f4; padding:5px; margin-bottom:20px; }
.ssOnView_faq h4,
.ssOnView_faq h5 {color:#333; font-weight:bold; font-size:1.1em; border-bottom:1px solid #dcdcdc; padding:0 0 5px 10px;}
.ssOnView_faq dl dt {color:#333; font-weight:bold; padding:10px 10px 5px 10px;}
.ssOnView_faq dl dd { color:#333; text-align:justify; padding:10px 10px 5px 10px; background-color:#f8f8f8; border-bottom:1px solid #dcdcdc;}
.ssOnView_faq dl dd:last-child {border-bottom:0; padding-bottom:20px;}
.ssOnView_faq .ico {float:left;}
.ssOnView_faq dl .faqCnt {display:block; padding-left:25px; margin-top:-3px;}
.ssOnView_faq strong {color:#666;}

.actJobfair {padding:20px 10px 15px 10px; border-top:1px solid #dfdfdf;}
.bStarter .ico_movie {position:relative; top:-2px;}

/* 신입사원_공모전 */
.ssContest_main {padding:30px 0 0 0;}
.ssContest_main .num {color:#002aff; font-weight:normal;}
.ssContest_main strong {padding:5px 0 0 30px;}
.iconContest {background:url(/content/images/m/bg_ico_contest.png?202102241700) no-repeat 0 0; background-size:24px 750px;}
.iconContest_001 {background-position-y:3px;}
.iconContest_002 {background-position-y:-38px;}
.iconContest_003 {background-position-y:-75px;}
.iconContest_004 {background-position-y:-115px;}
.iconContest_005 {background-position-y:-152px;}
.iconContest_006 {background-position-y:-191px;}
.iconContest_007 {background-position-y:-230px;}
.iconContest_008 {background-position-y:-268px;}
.iconContest_009 {background-position-y:-307px;}
.iconContest_010 {background-position-y:-347px;}
.iconContest_011 {background-position-y:-386px;}
.iconContest_012 {background-position-y:-425px;}
.iconContest_013 {background-position-y:-465px;}
.iconContest_014 {background-position-y:-500px;}
.iconContest_015 {background-position-y:-544px;}
.iconContest_016 {background-position-y:-580px;}
.iconContest_017 {background-position-y:-620px;}

.ssContest_List h3 {font-weight:normal; font-size:1.07em;  -webkit-box-shadow:inset 0 -1px 0 #fff; overflow:hidden; border-bottom:1px solid #c3c3c3; background:#f3f5f7; color:#333; -webkit-box-sizing:border-box; height:39px; padding-left:9px; padding-top:12px; -webkit-box-align:baseline;}
.ssContest_Booth { padding-bottom:5px; margin-bottom:5px;}
.ssContest_Booth li {border-bottom:1px solid #ebebeb;}
.ssContest_Booth a {display:block; position:relative; color:#000; font-size:1.07em; padding:10px; border-top:1px solid #fff;}
.ssContest_Booth .t {font-size:0.9em; color:#999; line-height:1.2; display:block;}
.ssContest_Booth .e {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:1px;}
.ssContest_Booth .meta {color:#898989; font-size:0.8em; -webkit-text-stroke-width:0;}
.ssContest_Booth .btSw {float:left; margin:0 5px 0 0; display:block;width:45px; text-align:center !important; height:17px; -webkit-box-sizing:border-box;}
.ssContest_Booth .tab {color:#dbdbdb; padding:0 5px;}
.ssContest_Booth .ico {vertical-align:top;}
.ssContest_BoothOdd li:nth-child(2n) {background-color:#f7f7f7;}

.ssContest_viewTitle {background-color:#f4f8ff;}
.ssContest_viewTitle p {text-align:right; margin-top:15px;}
.ssContest_viewTitle .ico {vertical-align:top; position:relative; margin-top:2px;}
.ssContest_viewTop {background-color:#f6f7f8; padding-top:10px; padding-right:10px; overflow:hidden;}
.ssContest_viewTop .thumImg {float:left; width:80px; height:92px; margin:0 10px 10px 10px; background:url(/content/images/m/contestimg_v2.png?202102241700) no-repeat 0 0; background-size:80px 300px; display:inline-block; text-align:center; -webkit-box-sizing:border-box; -webkit-box-align:center; overflow:hidden;}
.ssContest_viewTop li {color:#333; padding:5px 0;}
.ssContest_viewTop li span {color:#666;}

.ssContest_viewInfo {clear:both;}
table.ssContest_viewInfo {width:100%; border-collapse:collapse; border-spacing:0; -webkit-box-sizing:border-box;}
table.ssContest_viewInfo th,
table.ssContest_viewInfo td {text-align:left; padding:5px 0 5px 10px; border-bottom:1px solid #dcdcdc; color:#333;}
table.ssContest_viewInfo th {width:70px; color:#898989; background-color:#fbfbfb; border-right:1px solid #eaeaea;}
table.ssContest_viewInfo .deadline {font-size:1.2em;}
table.ssContest_viewInfo .deadline span {color:#ff6600;}
table.ssContest_viewInfo .period {clear:both; display:block; color:#666; margin:4px 0 2px 0;}
.ua_an table.ssContest_viewInfo .period {margin:6px 0 2px 0;}
.btContest {display:block; float:left; width:45px; height:20px; color:#fff; font-size:13px; font-weight:bold; line-height:1.4; padding-top:2px; padding-left:7px; white-space:nowrap; margin:-2px 3px 2px 0; -webkit-box-sizing:border-box;}
.btStart {background:url(/content/images/m/contestimg_v2.png?202102241700) no-repeat 0 -172px; background-size:80px 300px; padding-left:5px;}
.btDeadline {background:url(/content/images/m/contestimg_v2.png?202102241700) no-repeat 0 -197px; background-size:80px 300px; margin-left:-2px; margin-right:5px;}
.bt_go .ico_go {top:3px; left:-4px; margin-right:0;}

.ssContest_viewOdd {background:#fcf2e7; position:relative; border-top:1px solid #f5e5d2; margin-bottom:30px;}
.ssContest_viewOdd strong,
.ssContest_viewOdd span {display:block;}
.ssContest_viewOdd strong {color:#a84d16;}
.ssContest_viewOdd span {font-size:0.9em;}
.ssContest_viewOdd a {color:#c38763; display:block; padding:0.7em;}
.ssContest_viewOdd a:after {content:""; position:absolute; top:20px; right:0; width:24px; height:33px; background:url(/content/images/m/contestimg_v2.png?202102241700) no-repeat 0 -130px; background-size:80px 300px;}

.ssContest_detail {position:relative;}
.ssContest_detail h3 {font-weight:normal; font-size:1.2em;  overflow:hidden; border-bottom:1px solid #c2cee6; background:#f4f8ff; color:#333; -webkit-box-sizing:border-box; height:40px; padding-left:10px; padding-top:11px;}
.ssContest_detail .contestCt {padding:55px 10px 10px 10px;}
.ssContest_detail .zoomCtl {position:absolute; top:5px; right:10px; bottom:auto;}
.ssContest_detail img {max-width:100%;}

/* 신입사원_자기소개서 */
.ssSchResult {position:relative; padding:0 3%; border-bottom:1px solid #c3c3c3; background-color:#f3f5f7; color:#333;  font-weight:bold; line-height:39px;}
.ssSchResult .txMsg {position:absolute; right:3%; top:7px; display:inline-block; padding:0px 10px;background-color:#2e88ff;color:#fff; line-height:26px;}
.ssSchResult .count {padding-left:9px; margin-left:9px; border-left:1px solid #e6e6e6;}
.ssSchResult .count:first-child {padding-left:0; margin-left:0; border-left:0 none;}
.ssSchResult .num {color:#002aff; font-weight:bold;}
.giSch {padding-bottom:12px; border-bottom:1px solid #c3c3c3;}
.giSch .inpWrap {overflow:hidden; position:relative; padding:16px 0 0 3%; margin-bottom:10px;}
.giSch .inpGiSel {float:left; width:38%; margin:0 2% 0 0; padding-top:2px; min-height:40px; background-position:100% -541px !important; vertical-align:top; border-radius:2px;}
.giSch .inpGiSel + .inpGiNm {width:35%;}
.giSch .inpGiNm {float:left; width:75%; border:1px solid #bfc3ca; margin-right:2%; border-radius:2px; height:38px; padding:0; font-size:15px; text-indent:10px; vertical-align:top;}
.giSch .inpGiNm::-webkit-input-placeholder {color:#ccc;}
.giSch .btSch {float:left; width:20%;  font-size:14px;}
.giSch .loginPrev {position:relative; margin:0 3%; padding-left:9px; font-size:12px; line-height:18px; color:#898989;}
.giSch .loginPrev:before {content:""; position:absolute; width:3px; height:3px; background:#ccc; left:0; top:5px;}
.giSch .loginPrev a {color:#333; font-weight:bold; text-decoration:underline;}
.giSch .infoWord {margin:0 3%; font-size:12px; line-height:18px; color:#898989;}
.giSch .infoWord li {position:relative; padding-left:9px;}
.giSch .infoWord li:before {content:""; position:absolute; width:3px; height:3px; background:#ccc; left:0; top:5px;}
.giSch .infoWord .emph {color:#f63;}
.ssSelfIntro .giItem {margin-top:36px;}
.giItem .hdGiWrap {position:relative; padding:0 3% 0 3%;  line-height:20px;}
.giItem .hdGiWrap .hdGi {padding-right:72px; font-size:16px; font-weight:bold; color:#333;}
.giItem .hdGiWrap .hYearly {position:absolute; right:3%; bottom:0; color:#409ffe;}
.giItem .selfIntro {margin-top:8px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
.giItem .selfIntro li {border-top:1px solid #f3f3f3;}
.giItem .selfIntro li:first-child {border-top:0 none;}
.giItem .selfIntro li a {display:block; padding:10px 3%; font-size:14px; line-height:18px;}
.giItem .selfIntro .ico {vertical-align:-2px;}
.ssSelfIntro .noResult, .ssItvCost .noResult, .ssGiSalary .noResult {border-top:0 none;}

/* 신입사원_기업초임, 면접비 */
.itrCpList { border-top:1px solid #dbdbdb; margin-bottom:23px;}
.itrCpList li {position:relative; padding:13px 30% 15px 3%; border-bottom:1px solid #dbdbdb;}
.itrCpList li.even {background-color:#f7f7f7; box-shadow:inset 0 1px 0 #fff;}
.itrCpList .titGi {margin-bottom:4px; font-size:16px; color:#333; font-weight:bold;}
.itrCpList .yearItem {position:relative; padding-left:46px; line-height:16px; color:#898989;}
.itrCpList .yearItem .year {position:absolute; left:0; top:0;}
.itrCpList .yearItem .divL {display:inline-block; overflow:hidden; width:1px; height:14px; margin-top:1px; margin-left:2px; background-color:#dbdbdb;}
.itrCpList .yearItem .money, .itrCpList .yearItem .desc {vertical-align:top;}
.itrCpList .btnFav {position:absolute; right:3%; top:14px;}

/* 면접질문 */
.ssGiInterview .inpWrap {margin-bottom:0;}
.ssGiInterview .giSch {padding-bottom:16px;}
.itvQList { border-top:1px solid #dbdbdb; margin-bottom:23px;}
.itvQList li {position:relative; padding:13px 26% 15px 3%; border-bottom:1px solid #dbdbdb;}
.itvQList li.even {background-color:#f7f7f7; box-shadow:inset 0 1px 0 #fff;}
.itvQList .titQ {margin-bottom:4px; font-size:15px; color:#000; font-weight:bold; word-wrap:break-word;}
.itvQList .divL {display:inline-block; overflow:hidden; width:1px; height:11px; margin-left:2px; background-color:#dbdbdb;}
.itvQList .descA {vertical-align:top; font-size:12px; line-height:16px; color:#898989;}
.itvQList .btnMe2 {position:absolute; right:3%; top:12px;}

/* 취업비법_카운셀링 */
.ssAdvice {width:320px; margin:4px auto 0 auto; padding:0 0 14px 0; -webkit-box-sizing:border-box; }
.ssAdvice h3,
.ssAdvice ul {padding:5px 0 0 115px; font-size:0.8em;}
.ssAdvice h3 {padding-top:15px;}
.ssAdvice .dec1 {color:#000;}
.ssAdvice .dec3 {color:#333;}
.ssAdvice .dec4 {color:#002aff;}
.ssAdvice .dec1,
.ssAdvice .dec2 {font-size:1.15em;}
.ssAdvice .dec3,
.ssAdvice .dec4 {font-size:1.8em;}
.ua_io_high .ssAdvice .dec4 {font-size:2em;}
.ssAdvice li strong {color:#333;}
.ssJobAdvice {background:url(/content/images/m/bg_councel.png?202102241700) no-repeat 15px 17px; background-size:94px 400px;}
.ssLaborAdvice {background:url(/content/images/m/bg_councel.png?202102241700) no-repeat 15px -133px; background-size:94px 400px;}

.ssSchBar {position:relative; background:#f3f5f7; padding:5px 0; margin-bottom:0 !important;}
.ssSch1 {border-bottom:1px solid #c3c3c3;}
.ssSchBar span {display:block; margin:0 72px 0 10px;}
.ssSchBar .schTxt {width:100%; cursor:pointer;}
.ssSchBar .btnSsch {position:absolute; right:10px; top:7px; width:59px; height:40px; color:#fff; font-weight:bold; text-align:center; border-radius:2px; border:1px solid #4f5662;  background:#4f5662;}

.ssAdviceFnq {padding:10px; border-bottom:1px solid #dfdfdf;  background-color:#f7f7f7;}
.ssAdviceFnq dt {font-weight:bold; color:#000; padding-bottom:7px;}
.ssAdviceFnq dd {clear:both; color:#333;}
.ssAdviceFnq .num {font-weight:normal; color:#002aff;}
.ssAdviceFnq .faqCnt {display:block; padding-left:25px;}
.ssAdviceFnq .ico {float:left;}

.ssAdviceList {margin-bottom:1em;}
.ssAdviceList li {color:#333; border-bottom:1px solid #dfdfdf;  position:relative;}
.ssAdviceList li:before {content:""; position:absolute; width:3px; height:3px; background:#ccc; left:13px; top:48%;}
.ssAdviceList li a {display:block; padding:11px 10px 9px 22px;}
.ssAdviceList .t {display:block; width:90%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ssAdviceList .bu {color:#ccc; font-size:0.4em; display:block; float:left; position:relative; margin:4px 5px 0 0;}
.ssAdviceList .num {font-weight:normal; color:#002aff; font-size:0.8em;}
.ssAdviceList .num0 {color:#fff;}

.ssAdviceFnq_View dt,
.ssAdviceFnq_View dd {background-color:#fff; padding:15px 10px; }
.ssAdviceFnq_View dt {background-color:#f7f7f7; font-size:1.2em; color:#000; font-weight:bold;}
.ssAdviceFnq_View dd {line-height:1.4; font-size:1em;}
.ssAdviceFnq_View .ico {float:left;}
.ssAdviceFnq_View .faqCnt {display:block; padding-left:25px;}
.ssAdviceFnq_View .end {border-top:1px solid #e6e6e6;}
.ssAdviceFnq_View .write {font-weight:normal; color:#888; font-size:0.8em;}
.zoomCtl1 {margin-top:10px;}

.tabJ {border-top:2px solid #e6e6e6;}
.tabJ:after {content:""; display:block; clear:both;}
.tabJ > li {float:left; border:1px solid #e6e6e6; border-top:0; margin-right:-2px; position:relative; background-color:#f2f2f2;  color:#333;}
.tabJ > li > a {display:block; height:100%; -webkit-box-sizing:border-box; text-align:center;}
.tabJ > li > span {display:block; height:100%; text-align:center;}
.tabJ > li > a,
.tabJ > li > span {padding-top:10px; height:38px; font-size:1.07em;  -webkit-box-sizing:border-box;}
.tabJ > .on {z-index:5; border-bottom:1px solid #f7f7f7; background-color:#fff;}
.tabJ > li:first-child {border-left:0;}
.tabJ > li:last-child {margin-right:0; border-right:0;}
.tabJ .num {font-weight:normal; color:#002aff; font-size:0.8em;}

/* 덧글 */
.ssCommentView .id,
.ssCommentView .cnt,
.ssCommentView .time {display:block;}
.ssCommentView .ico {display:inline-block; position:relative; top:-2px;}
.ssCommentView li {position:relative; border-bottom:1px solid #e6e6e6; padding:0;}
.ssCommentView li:last-child {border-bottom:0 none;}
.ssCommentView li.noResult {padding:54px 0 60px 0; background:#fff; border-top:0;}
.ssCommentView .id {color:#333; font-weight:bold; padding-bottom:10px; margin-right:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ssCommentView .cnt {padding-bottom:5px;  line-height:1.4; word-break:break-all;}
.ssCommentView .time {color:#898989; font-size:12px;}
.ssCommentView .commentAct {position:absolute; right:14px; top:14px;}
.ssCommentView .commentAct .bar {color:#e5e5e5; margin:0 1px;}
.ssCommentView .commentItem {padding:16px 10px 11px 11px;}
.ssCommentView2 .commentDepth1 {padding-top:4px;}
.ssCommentView2 .commentDepth1 .ssCommentWrite {position:relative; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:12px 10px 15px 25px;}
.ssCommentView2 .commentDepth2 {margin-top:-1px;}
.ssCommentView2 .commentDepth2 li {padding-left:15px;}
.ssCommentView2 .commentDepth2 li:first-child {border-top:1px solid #e6e6e6;}
.ssCommentView2 .commentDepth2 li:after,
.ssCommentView2 .ssCommentWrite:after {content:""; position:absolute; width:8px; height:8px; border-left:1px solid #b4b6ba; border-bottom:1px solid #b4b6ba; top:17px; left:12px;}
.ssCommentWrite {padding:15px 10px 0 10px;}
.ssCommentWrite input[type=text] {margin:0; margin-bottom:7px;}
.ssCommentWrite textarea {width:100%; line-height:1.4; margin:0;}
.ssCommentWrite p {position:relative; color:#333; padding-top:5px;}
.ssCommentWrite .count {display:block; padding-top:8px; color:#888; font-size:12px;}
.ssCommentWrite .count span {font-weight:normal; color:#333;}
.ssCommentWrite button {color:#666; position:absolute; right:0; top:5px;}
.ssCommentWrite .bt8 {width:60px; top:6px;}
.ssCommentWrite input::-webkit-input-placeholder,
.ssCommentWrite textarea::-webkit-input-placeholder { color:#999;}

/* 취업비법_면접족보 */
.ssInterview {}
.ssInterview dl {border-top:2px solid #C3C3C3;}
.ssInterview dl:first-child {border-top:0 none;}
.ssInterview_Info1 {position:relative;}
.ssInterview_Info1 span {padding:0 3px;}
.ssInterview_Info1 strong {padding-right:3px;}
.ssInterview_Info1 .alignR {position:absolute; right:5px; top:10px;}
.ssInterview_Info1 ,
.ssInterview_Info2 {padding:10px; background:#f7f7f7;}
.ssInterview_Info1 {color:#ccc; vertical-align:middle; border-bottom:1px solid #e6e6e6;}
.ssInterview_Info1 .state ,
.ssInterview_Info1 .id {color:#333;}
.ssInterview_Info1 .year,
.ssInterview_Info1 .day,
.ssInterview_Info2 {color:#999;}
.ssInterview_Info1 .day,
.ssInterview_Info2 {font-size:0.85em; line-height:1.7;}
.ssInterview_listCnt1 {display:block; font-size:0.85em; color:#898989; padding-top:3px; margin:0 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ssInterview_Cnt {padding:15px 10px 22px  10px; font-size:1.07em; line-height:1.4; color:#666;}
.ssInterview_List {border-top:1px solid #C3C3C3;}

.moreView1 {text-align:center;  font-size:1.07em; border-top:1px solid #dbdee3; border-bottom:1px solid #c5cad2; position:relative; -webkit-box-shadow:0 1px 0 rgba(102, 102, 102, 0.1); background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#eff1f3));}
.icodown span {padding-right:25px; position:relative; text-decoration:underline;} /* 결과내 검색 열기 */
.icodown span:after {content:""; position:absolute; right:2px; top:0; width:20px; height:16px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat -25px -650px; background-size:50px 1350px;}


/* 이벤트 */
.m_eventBanner {display:block; margin-top:10px;}
.m_eventBanner img {max-width:100%;}


/* 고객센터 */
.ssCustomer {margin-top:0;}
.ssCustomer fieldset {border-top:2px solid #c0c0c0;}
.ssCustomer fieldset div {padding:7px 12px 6px 12px; border-bottom:1px solid #dfdfdf;}
.ssCustomer select,
.ssCustomer input,
.ssCustomer textarea {width:100%; background-color:#fff;}
.ssCustomer textarea::-webkit-input-placeholder,
.ssCustomer input::-webkit-input-placeholder { color:#333;}
.ssCustomer > p {text-align:right; margin-bottom:-5px; margin-top:5px; padding:11px 12px 9px 12px;}
.ssCustomer > p strong {display:inline-block; width:10px; height:10px; border:1px solid #b5c3d1; background-color:#f5faff; text-align:center; position:relative; top:1px;}
.ssCustomer .member,
.ssCustomer .email,
.ssCustomer .title,
.ssCustomer .propose {border-bottom:1px solid #dfdfdf;}
.ssCustomer .cnt {border-bottom:none;}
.ssCustomer .member select {width:48%;}
.ssCustomer .member select:first-child {margin-right:3%;}
.ssCustomer .point {color:#cc3333;}
.ssCustomer .refer {display:inline-block;position:relative;top:2px;}
.ssCustomer .privacy {border-top:1px solid #c8c8c8;border-bottom:none;background:#f3f3f3;}
.ssCustomer .privacy ul {padding:3px 0 4px 0;}
.ssCustomer .privacy li {position:relative;margin-bottom:3px;padding-left:9px;color:#999;font-size:11px;}
.ssCustomer .privacy strong {color:#333;}
.ssCustomer li:before {content:""; position:absolute; width:3px; height:3px; background:#a6a6a6; left:2px; top:4px;}
.ssCustomer .inp_check {width:auto;vertical-align:-1px; position:absolute; left:-9999px; top:0px;}
.ssCustomer .lab_privacy {color:#333;}
.ssCustomer .appName .msg {margin-top:3px;color:#898989;font-size:12px;line-height:14px;vertical-align:middle;}

/* button */
.bt_cancel2 {height:24px; padding:0 7px;}
.bt_cancel2 span {color:#a9adb2; font-weight:bold; padding:3px 0 2px 0;}
.btRa {border:1px solid #469423; border-radius:2px; color:#fff; padding:2px 5px 0 5px; line-height:1.2; font-weight:bold; white-space:nowrap;
background:#5fb23a; -webkit-box-shadow:inset 1px 1px 0 #7abf5b, inset -1px -1px 0 #7abf5b;}
.btRaC2 {border-color:#35569a; background:#5273b5; -webkit-box-shadow:inset 1px 1px 0 #6a87bf, inset -1px -1px 0 #6a87bf;}
.btRaC3 {border-color:#666; background:#828282; -webkit-box-shadow:inset 1px 1px 0 #959595, inset -1px -1px 0 #959595;}
.ssRaMngList .btRa {position:relative; top:-2px; font-size:11px !important; margin-right:5px; width:38px; display:inline-block; text-align:center; margin-left:1px;}

/* tip */
.tip {background-color:#f3f3f3; font-size:90%;  padding:15px 12px 10px 12px;}
.tip dt {color:#333; padding-left:37px; padding-bottom:5px; background:url(/content/images/m/bg_member_1_v2.png?202102241700) no-repeat 0 -60px; background-size:50px 250px;}
.tip dd {font-size:95%; padding:2px 0; color:#888;}
.tip dd strong {color:#f60;}
.tipC2 {margin:0 12px;}

/* 개인회원 common */
.content .ssSmartNotSet {margin-bottom:-30px;}
.content_fit {margin-bottom:0;}
.hSortBtn {position:relative; padding:20px 10px 10px 10px; overflow:hidden; border-bottom:2px solid #c0c0c0; min-height:23px;}
.hSortBtn .bt_addreg {position:absolute; top:20px; right:12px;}
.hSortBtn .sel_scrap {position:absolute; top:15px; right:10px;}
.bt8 {height:28px; font-size:12px; font-weight:bold; -webkit-box-shadow:none;}
.btC8 {border-color:#002aff; background:#002aff;}
.btC8 span {color:#fff;}
.keywordSel.mtuKwdSel .type .b {color:#6693ee;}
.ssFavList .tipC2,
.ssJmList .tipC2,
.ssResumeReadList .tipC2,
.ssRaMngList .tipC2 {margin-top:30px;}

/* 개인회원 List */
.mtuList .fieldBx {border-top:1px solid #c0c0c0;}
.mtuList .fieldBx div {padding:7px 12px 6px 12px; border-bottom:1px solid #dfdfdf; background-color:#f7f7f7;}
.mtuList .fieldBx .cname {position:relative;}
.mtuList .fieldBx .cname .bt_reset {position:absolute; top:18px; right:17px;}
.mtuList select {background-color:#fff;}
.mtuList .btn {margin:20px 12px 40px 12px;}

.mtuList1 .fieldBx {border-top:0 none;}
.listRa {margin-bottom:20px;}
.listRa li {position:relative; border-bottom:1px solid #e4e4e4;}
.listRa li:nth-child(2n) {border-top:1px solid #fff;}
.listRa li:nth-child(2n) label {background-color:#f7f7f7;}
.listRa label {display:block; padding:11px 0 8px 15px; overflow:hidden;}
.listRa label input,
.listRa .ipCustomUI {margin-right:6px; position:relative; float:left;}
.listRa li .c1 {position:absolute; top:10px; right:17px; color:#666;}
.listRa li .c2 {display:block; font-size:12px; padding-left:0; color:#666;}
.listRa label  > strong {color:#333; overflow:hidden; display:block; margin-right:60px; white-space:nowrap; text-overflow:ellipsis;}
.mtuList1 .noBoothResult {border:0 none;}
.ssResumeReadList .noBoothResult {border-bottom:1px solid #bdbdbd;}
.ssResumeReadList .noBoothResult .tx em {display:block; font-size:15px; color:#cdcdcd;}
.ssResumeReadList .noBoothResult .btnQuick {margin-top:22px;}

/* 개인회원 List - 입사지원현황 */
.mtuList1 .listRa1 {}
.mtuList1 .listRa1 strong {font-size:18px;letter-spacing:-0.5px; font-weight:bold; color:#000 !important; }
.mtuList1 .listRa1 .ra {display:block; position:relative; font-size:12px; padding:1px 0 1px 9px; color:#898989;}
.mtuList1 .listRa1 .ra:before {content:""; position:absolute; width:3px; height:3px; background-color:#ccc; top:6px; left:0;}
.mtuList1 .listRa1 .gib {font-size:15px; padding:1px 0 4px 0; color:#666; }
.mtuList1 .listRa1 .gib:before {display:none;}
.mtuList1 .listRa1 .num {font-size:12px;}
.mtuList1 .listRa1 .b {color:#333;}
.mtuList1 .listRa1 .ico {position:relative; left:1px; top:-1px;}
.ssRaMngList .noBoothResult {border-top:0;}
.ssRaMngList .noBoothResult .tx em {display:block; font-size:15px; color:#cdcdcd;}
.ssRaMngList .noBoothResult .btnQuick {margin-top:22px;}
.ssRaMngList .noBoothResult .btnQuick .btC13 span {color:#666;}

.ssRaMngList .noBoothResult .sft {font-size:12px; color:#D1D1D1; display:block; padding-top:10px;}
.ssRaMngList .coMailPush {position:absolute; right:11px; top:15px;}

/* input[type=checkbox]과 링크가 분리된 리스트 */
.listRa2 li {padding:0 60px 0 34px; position:relative;}
.listRa2 a {color:#333; display:block; padding:11px 0 8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.listRa2 .ipCustomItem {position:absolute; top:10px; left:12px; width:17px; height:17px; padding:0; overflow:visible; -webkit-tap-highlight-color:rgba(0,0,0,0);} /* iOS에서 label 클릭 시 작은 점 표시되는 것 방지 */
.ssRaMngList .listRa2 .ipCustomItem {top:12px;} /* 입사지원 현황 */

.listRa_resumeRead a {}
.listRa_resumeRead .c2 {padding-top:2px;}
.ssRaMngList .listRa2 li {padding-right:10px;}
.ssRaMngList .listRa2 a {white-space:normal;margin-right:30px;}

/* smart match */
.ssSmt {padding-bottom:70px;  text-align:center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));}
.ssSmt div.c1 { background:transparent url(/content/images/m/smt_bg_1.png?202102241700) no-repeat 50% 0; background-size:320px 250px;}
.ssSmt .t {padding-top:70px;}
.ssSmt .d {padding:10px 0 20px 0;}
.ssSmt .svcGuide {background-color:#fff; text-align:left; padding:17px 0 13px 20px; margin:50px 12px -50px;}
.ssSmt .svcGuide .desc {font-size:85%;}
.bt_myProfile {padding-right:1.7em; padding-left:1.7em;}

.ssSmtSet {margin-top:0;}
.ssSmtSet .fieldBx {border-top:2px solid #c0c0c0;}
.ssSmtSet > p {text-align:right; margin-bottom:-5px; margin-top:5px; padding:11px 12px 9px 12px;}
.ssSmtSet > p strong {display:inline-block; width:10px; height:10px; border:1px solid #b5c3d1; background-color:#f5faff; text-align:center; position:relative; top:1px;}
.ssSmtSet .fieldBx div {padding:7px 12px 6px 12px; border-bottom:1px solid #dfdfdf; background-color:#f7f7f7;}
.ssSmtSet .fieldBx .sex, .ssSmtSet .fieldBx .edu, .ssSmtSet .fieldBx .career {border-bottom:1px solid #b5c3d1; background-color:#f5faff;}
.ssSmtSet select {width:100%; min-height:40px; background-color:#fff; background-position:100% -541px !important;}
.ssSmtSet .sex select, .ssSmtSet .area select {width:48%;}
.ssSmtSet .sex select:first-child, .ssSmtSet .area select:first-child {margin-right:2%;}
.ssSmtSet .career select {width:90px;}
.ssSmtSet .career select:first-child {width:100%;}
.ssSmtSet .fieldBx .add {position:relative; padding:15px 12px 13px 12px;}
.ssSmtSet .add strong {color:#333; font-size:1.1em;}
.ssSmtSet .add .bt_add_1 {position:absolute; top:8px; right:12px;}
.ssSmtSet .add ul {border:1px solid #ebebeb; background-color:#fff; margin-top:12px; padding:10px 10px 7px 10px;}
.ssSmtSet .add ul li {padding:0 0 4px 20px; background:url(/content/images/m/bg_member_1_v2.png?202102241700) no-repeat 5px -21px;  background-size:50px 250px; margin-bottom:2px;}
.ssSmtSet .add ul li .bt_cancel {position:relative; top:-1px; left:4px;}
.ssSmtList .svcGuide.c1 {margin-top:40px;}
.ssSmtList .noRlt p:last-child {margin:15px 12px;}
.ssSmtList .noBoothResult {margin-bottom:0;}
.btnSmtSet {background-color:#fff; border-bottom:0 none; padding:20px 0; text-align:center;}
.btnSmtSet button {margin:0 1px; padding-right:18px; padding-left:18px; width:47%;}

/* smart match - 설정 선택*/
.ssSmtSetSlt h3.h {border:0 none;}
.ssSmtSetSlt h3.h + p {padding:0 12px 13px 12px; font-size:.85em; border-bottom:2px solid #c0c0c0;}
.ssSmtSetSlt h3.h + p strong {color:#333;}
.ssSmtSetFm table {width:100%; border-collapse:collapse;}
.ssSmtSetFm th, .ssSmtSetFm td {border-bottom:1px solid #dcdcdc;}
.ssSmtSetFm th {border-right:1px solid #dcdcdc;}
.ssSmtSetFm thead th {padding:9px 0 7px 0; background-color:#f4f8ff; border-top:0 none; color:#333;}
.ssSmtSetFm tbody tr:nth-child(1) th,
.ssSmtSetFm tbody tr:nth-child(1) td {border-top:1px solid #f4f4f4;}
.ssSmtSetFm tbody th {text-align:left;}
.ssSmtSetFm tbody th label {display:block; padding:9px 0 7px 12px;}
.ssSmtSetFm tbody th label input {margin-right:3px; position:relative; top:-2px;}
.ssSmtSetFm tbody td {text-align:right; padding-right:12px;}
.ssSmtSetFm tbody td strong {color:#333;}


/* 관심기업 정보*/
.ssGgFav {padding-bottom:70px;  text-align:center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));}
.ssGgFav div.c1 { background:transparent url(/content/images/m/ggfavorco_bg_1.png?202102241700) no-repeat 50% 0; background-size:320px 250px;}
.ssGgFav .t {padding-top:70px;}
.ssGgFav .d {padding:10px 0 20px 0;}
.ssGgFav .bt_myProfile {padding-left:1.7em; padding-left:1.7em;}
.svcGuide.ggFav {background-color:#fff; text-align:left; padding:17px 0 13px 20px; margin:50px 12px -50px;}
.svcGuide.ggFav .desc,
.svcGuide.ggFavList {font-size:85%;}

/* 로고 있는 정보 box */
.bErrorPage .ssLogoBx {margin-top:78px;}
.ssLogoBx {background:url(/content/images/m/h_logo2.png?202102241700) no-repeat 0 0; background-size:128px 29px; overflow:hidden; margin:0 10px; text-align:center; padding-top:37px;}
.ssLogoBx h2 {color:#333; font-size:23px;letter-spacing:-0.5px;  padding-bottom:16px;}
.ua_io_high .ssLogoBx h2 {}
.ssLogoBx p {font-size:15px; color:#999;  line-height:20px;}
.ssLogoBx .act {padding-top:20px;}
.ssLogoBx .act .bt_prev,
.ssLogoBx .act .bt_home {width:77px; margin:0 4px 0 3px;}

/*  딤드 레이어 - 이용안내  */
.layerMsg {position:absolute;left:50%;top:189px;border:3px solid #000;border-radius:3px;background:#000;z-index:110;}
.layerMsg h2 {padding:9px 0 5px 11px;background:#e1e5ed;border-bottom:1px solid #c1c5cc;color:#17181a;font-size:16px;}
.layerMsg .layerCont {padding:20px 5px;background:#fff;border-top:1px solid #e1e5ed;}
.layerMsg .txt {margin:0 0 9px 0;text-align:center;color:#808387;line-height:18px;}
.layerMsg .txt .point {color:#494a4c;}
.layerMsg .layerBtn {text-align:center;}
.layerMsg .layerBtn .point {color:#ffff99;}
.layerMsg .setDateView {padding:8px 5px 5px 5px;text-align:right;font-size:11px;}
.layerMsg .setDateView .bar {color:#333;margin:0 3px 0 2px;}
.layerMsg .setDateView button {color:#999;}
.layerMsg .close {position:absolute;right:0;top:0;}
.layerMsg .btnClose {width:35px;height:35px; text-indent:-9999px;}
.layerMsg .btnClose:after {content:""; display:block; width:14px;height:14px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat;background-size:50px 1350px;background-position:0 -1000px; position:absolute; left:11px; top:11px;}


.dimedLayer {display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;}
.ua_an .dimedLayer {display:block;}
.dimed {width:100%;height:100%;background:#000;opacity:0.6;}
.layerUseInfo {width:254px;margin:0 0 0 -130px;}

/* 메인 전체 덮는 레이어 */
#fullLayer {position:absolute; top:0; left:0; width:100%; height:100%; min-height:400px; z-index:99999;}
#fullLayer:before {content:""; position:absolute; top:0; left:0; right:0; bottom:50%; background-color:#9d36ff;}
#fullLayer .devHeightFix {height:100%; padding-bottom:60px; background-color:#5c5c5c;}
#fullLayer .inner {position:absolute; width:100%; left:0; bottom:46.875%; height:212px; text-align:center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#9d36ff), to(#7004ff));}
#fullLayer h2 {margin-top:13px;}
#fullLayer .act {position:absolute; width:100%; bottom:0; left:0; height:35px; -webkit-box-sizing:border-box; border-top:1px solid #a1a1a3; background:-webkit-gradient(linear, 0 0, 0 100%, from(#898a8c), to(#6e6f6f));}
#fullLayer .act button {-webkit-box-sizing:border-box; width:100%; height:100%; color:#fff; padding:3px 0 0 21px; text-align:left; background:url(/content/images/m/ico_close.png?202102241700) no-repeat 8px 13px; background-size:8px 8px;}
#fullLayer .layerClose {position:absolute; top:6px; right:0;}

/* 까톡 */
.kkaTalk {position:relative; width:100%; margin-top:25px;}
.kkaTalk .hS3 {border-top:1px solid #e0e0e0; border-bottom:1px solid #c6c6c6; color:#666;  padding:8px 0 6px 10px; text-shadow:1px 1px 1px #fff; background:#ebebeb;}
.kkaTalk .emoticon {position:absolute; top:8px; right:0;}
.kkaTalk .emoticon li {font-weight:bold; color:#999; height:36px; float:left; padding:0 5px 0 17px;}
.kkaTalk .emoticon li span {display:inline-block;}
.kkaTalk .emoticon li img {vertical-align:middle;}
.kkaTalk .et1 {background:url(/content/images/m/kkatalk_emoticon1.png?202102241700) no-repeat; background-size:14px 17px;}
.kkaTalk .et2 {background:url(/content/images/m/kkatalk_emoticon2.png?202102241700) no-repeat; background-size:14px 17px;}
.kkaTalk .et3 {background:url(/content/images/m/kkatalk_emoticon3.png?202102241700) no-repeat; background-size:14px 17px;}

/* 까톡 덧글 */
.kkaTalkView {border-bottom:1px solid #e6e6e6;}
.kkaTalkView .et,
.kkaTalkView .cnt,
.kkaTalkView .time {display:block;}
.kkaTalkView .ico {display:inline-block; position:relative; top:-2px;}
.kkaTalkView li {position:relative; border-bottom:1px solid #e6e6e6; padding:0;}
.kkaTalkView li:last-child {border-bottom:0 none;}
.kkaTalkView li.noResult {padding:54px 0 60px 0; background:#fff; border-top:0;}
.kkaTalkView .et {color:#333; font-weight:bold; padding:0 0 10px 18px; margin-right:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.kkaTalkView .cnt {padding-bottom:5px;  line-height:1.4; word-break:break-all;}
.kkaTalkView .time {color:#898989; font-size:12px;}
.kkaTalkView .commentAct {position:absolute; right:14px; top:14px;}
.kkaTalkView .commentAct .bar {color:#e5e5e5; margin:0 1px;}
.kkaTalkView .commentItem {padding:16px 10px 11px 11px;}
.kkaTalkView .kkaTalkDepth1 {padding-top:4px;}
.kkaTalkView .kkaTalkDepth1 .ssCommentWrite {position:relative; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:12px 10px 15px 25px;}
.kkaTalkView .kkaTalkDepth1 li.line:after {border-left:0 !important; border-bottom:0 !important;}
.kkaTalkView .kkaTalkDepth2 {margin-top:-1px;}
.kkaTalkView .kkaTalkDepth2 li {padding-left:15px;}
.kkaTalkView .kkaTalkDepth1 li:first-child {border-top:0;}
.kkaTalkView .kkaTalkDepth2 li:first-child {border-top:1px solid #e6e6e6 !important;}
.kkaTalkView .kkaTalkDepth2 .reply:after {content:""; position:absolute; width:8px; height:8px; border-left:1px solid #b4b6ba; border-bottom:1px solid #b4b6ba; top:17px; left:12px;}

.kkaTalkWrite {padding:10px 10px 45px 10px; border-bottom:1px solid #e6e6e6;}
.kkaTalkWrite input[type=text] {margin:0; margin-bottom:7px;}
.kkaTalkWrite textarea {width:100%; line-height:1.4; margin:0;}
.kkaTalkWrite p {position:relative; color:#666; padding-top:5px;}
.kkaTalkWrite .count {display:block; padding-top:8px; color:#888; font-size:12px;}
.kkaTalkWrite .count span {font-weight:normal; color:#333;}
.kkaTalkWrite button {position:absolute; right:0; top:5px;}
.kkaTalkWrite .bt8 {width:60px; top:6px;}
.kkaTalkWrite input::-webkit-input-placeholder,
.kkaTalkWrite textarea::-webkit-input-placeholder { color:#999;}

.kkaTalk .noComment {width:100%; text-align:center; padding:20px 0;}


/* 기업 채용관리_2013.0206
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* header */
.coMheader {text-align:center;}
.coMheader .headerT {background:#333a57; background:#333a57; position:relative; z-index:6;}
.coMheader .headerT header {position:relative; height:32px; padding-top:10px; border-bottom:3px solid #53a0ff; text-align:center; background:url(/content/images/m/bg_header.png?202102241700) no-repeat 0 0, url(/content/images/m/bg_header.png?202102241700) no-repeat 100% -45px; background-size:160px 180px;}
.coMheader .headerT h1 {display:inline-block;}
.coMheader .headerT h1 > a,
.coMheader .headerT h1 > span {font-size:18px; letter-spacing:-0.5px;color:#ffff99; font-weight:bold; line-height:1.3;  vertical-align:middle;}
.coMheader .headerT h1 > span {position:relative; top:1px;}
.coMheader .headerT header button:before {background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat 0 0; background-size:50px auto;}
.coMheader .headerT button {width:35px; height:31px; position:absolute; top:5px; left:5px; border-radius:4px; border:1px solid #1a1e2e; background-color:#202538; background:-webkit-gradient(linear, 0 0, 0 100%, from(#1a1e2e), to(#1a1e2e)); -webkit-box-shadow:0 1px #484e68, inset 0 1px #2a3049; text-indent:-9999px;}
.coMheader .headerT button:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-position:6px 5px;}
.coMheader .headerT li:last-child > button {left:auto; right:5px;}
.coMheader .headerT li:last-child > button:before {background-position:0 -23px;}
.coMheader .headerT .lay2 {right:10px; top:37px;}

.coMheader .light2 {position:absolute; top:45px; left:50%; margin-left:-123px; display:block; width:245px; height:5px; background:url(/content/images/m/bg_gnbshw_co.png?202102241700) no-repeat 50% bottom; background-size:245px 5px;}
.coh {padding:10px 0 10px 10px; border-bottom:0 none;}

.coMactPrevTop {clear:both; overflow:hidden; padding:13px 10px 10px 10px;}
.coMactPrevTop a {float:left; background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat 0 -197px; background-size:50px auto; color:#999; font-size:0.8em;}
.coMactPrevTop .prev {padding-left:17px;}
.coMactPrevTop .top {float:right; padding-right:14px; background-position:100% -225px;}

#coMng .txtBl {color:#002aff;}	/* blue */
#coMng .txtSi {color:#888;}		/* silver */
#coMng .txtRe {color:#ff0000;}	/* red */
#coMng .txtOr {color:#ff6600;}	/* orang */

/* button/icon */
.ico_coView1,.ico_coSet1,.coMtip dt,.coApplyList .del,.coMprePass,.coMnoPass,.coMPass,.coMFinalPass, .coMngPass button,.lyCalendar .now a,.coRsHeader .rsTitle span,.icokTalk .arrow,.lyer .close,.rsTimeLine .tit:after, .timeFirst:before, .timeLast:after,.cobtOpen span,.cobtClose span,.coMapplyList .info span,.coApplyTitle .other
{background:url(/content/images/m/bg_all_co.png?20210916) no-repeat; background-size:50px auto;}

.ico_coView1 {background-position:-8px -61px;}
.ico_coSet1 {background-position:-4px -788px;}

.icoCo,.icoCo1,.icoCo2,.icoCo3 {display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-9999px;}
.icoCo {width:30px; height:30px; background:url(/content/images/m/Text_Co/ico_costate.png?202102241700) no-repeat 0 0; background-size:465px 250px;}
.icoCo1 {width:20px; height:20px; background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat; background-size:50px auto;}
.icoCo2,.coMkktalk .noCnt {background:url(/content/images/m/Text_Co/ico_kktalk.png?202102241700) no-repeat; background-size:200px 200px;}
.icoCo3 {background:url(/content/images/m/bg_all_co1.png?202102241700) no-repeat; background-size:50px auto;}

.ico_p {width:15px; height:15px; background-position:-25px -226px;}
.ico_bl {width:15px; height:15px; background-position:-45px -226px;}
.ico_r {width:15px; height:15px; background-position:-65px -226px;}
.ico_bu {width:15px; height:15px; background-position:-85px -226px;}
.ico_y {width:15px; height:15px; background-position:-105px -226px;}
.ico_bp {width:45px; height:45px; background-position:-23px -84px;}
.ico_bbl {width:45px; height:45px; background-position:-118px -84px;}
.ico_br {width:45px; height:45px; background-position:-213px -84px;}
.ico_bbu {width:45px; height:45px ;background-position:-310px -84px;}
.ico_by {width:45px; height:45px; background-position:-405px -84px;}
.ico_emoney {width:45px; height:45px; background-position:-27px -144px;}
.ico_coupon {width:52px; height:45px;background-position:-121px -143px;}
.ico_money {width:45px; height:45px;background-position:-215px -141px;}
.icon_editday {width:15px; height:15px;background-position:0 -254px;}
.ico_coq {background-position:-2px -557px;}
.ico_coa {background-position:-27px -557px;}
.ico_close1 {width:30px; height:30px; background-position:7px -1345px;}

.ico_file1 {width:18px; background-position:-4px -585px;}
.ico_file2 {width:18px; background-position:-29px -585px;}
.ico_file3 {width:18px; height:15px; background-position:2px -1080px;}
.ico_filedown {background-position:-2px -606px;}
.ico_edu1 {background-position:-26px -607px;}
.ico_imp1 {background-position:-4px -627px;}
.ico_imp2 {background-position:-30px -627px;}
.ico_imp3 {width:14px; height:15px; background-position:-1px -1101px;}
.ico_imp4 {width:14px; height:15px; background-position:-1px -1126px;}
.ico_doc {background-position:-6px -648px;}
.ico_xls {background-position:-32px -648px;}
.ico_ppt {background-position:-6px -667px;}
.ico_hwp {background-position:-32px -667px;}
.ico_help {background-position:-28px -734px; cursor:help;}
.ico_kktalk {width:35px; height:23px; background-position:-2px -1px;}
.ico_kkreplay {width:82px; height:22px; background-position:-44px -3px;}
.ico_kk1 {width:20px; height:20px; background-position:-131px 0;}
.ico_kk2 {width:20px; height:20px; background-position:-153px 0;}
.ico_kk3 {width:20px; height:20px; background-position:-175px -2px;}
.ico_mail1 {width:23px; height:16px; background-position:-23px -1101px;}
.ico_mail2 {width:23px; height:16px; background-position:-23px -1125px;}
.ico_mail3 {width:19px; height:13px; background-position:0 -1386px;}
.ico_mail4 {width:19px; height:13px; background-position:0 -1408px;}
.ico_pass1 {width:25px;height:25px; background-position:1px -1174px;}
.ico_pass2 {width:25px;height:25px; background-position:1px -1145px;}
.ico_nopass1 {width:25px;height:25px; background-position:-26px -1174px;}
.ico_nopass2 {width:25px;height:25px; background-position:-26px -1145px;}
.ico_more1 {width:27px; height:46px; background-position:100% -1204px;}
.ico_more2 {width:27px; height:93px; background-position:100% -1254px;}
.ico_memo1 {width:15px; height:15px; background-position:0 -363px;}
.ico_memo2 {width:15px; height:15px; background-position:0 -337px;}
.ico_end1 {width:40px; height:40px; background-position:0 0;}
.ico_ing1 {width:40px; height:40px; background-position:0 -50px;}
.ico_detailDown {width:10px; height:10px; background-position:-8px -224px;}
.ico_detailUp {width:10px; height:10px; background-position:-33px -224px;}
.ico_detailAll {width:12px; height:12px; background-position:-8px -246px;}

.cobtSort {width:23px; height:23px; border-radius:0; -webkit-box-shadow:inset 1px 1px #fff;}
.cobtOn {border:1px solid #a1a1a1; background-color:#ededed;}
.cobtOff {border:1px solid #dbdbdb; background-color:#f9f9f9;}
.cobtOn .ico_sortDown {background-position:-29px -523px;}
.cobtOn .ico_sortUp {background-position:-29px -502px;}
.cobtOff .ico_sortDown {background-position:0 -523px;}
.cobtOff .ico_sortUp {background-position:0 -502px;}
.cobtOpen,.cobtClose {font-size:0.85em; color:#888; -webkit-box-sizing:border-box; cursor:pointer; height:16px; text-align:right; margin-top:5px;}
.cobtOpen span {padding-right:10px; background-position:100% -691px;}
.cobtClose span {padding-right:10px; background-position:100% -709px;}

.co_txt {font-size:0.85em;}
.co_tc1 {color:#999;} /*열람*/
.co_tc2 {color:#5fb23a;} /*미열람*/
.co_tc3 {color:#1945B8;} /*포지션제안 수락*/

.icokTalk {position:relative; top:-2px; font:0.85em Arial, sans-serif; text-align:center; border:1px solid #b3b3b3; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e5e5e5)); border-radius:3px; -webkit-box-shadow:0 1px #f4f4f4; color:#666; -webkit-box-sizing:border-box; padding:0 3px;}
.icokTalk .kk {color:#6d4cae; font-size:0.8em; vertical-align:1px;}
.icokTalk .arrow {position:absolute; bottom:-8px; left:50%; margin-left:-4px; width:8px; height:8px; background-position:right 0;}

.btTime {border-radius:2px; color:#fff; padding:2px 2px 0 2px; font-size:11px;  line-height:1.2; font-weight:bold; white-space:nowrap; border:1px solid #7c7dd8; background:#9596e2; -webkit-box-shadow:inset 1px 1px #a3a4e6, inset -1px -1px #a3a4e6;}

.coMailPush {position:relative;}
.coMailPush .icoPush1,
.coMailPush .icoPush2 {color:#fff; font-size:0.7em; font-family:"Apple SD Gothic Neo", Arial, sans-serif; font-weight:bold; padding-left:3px; padding-top:1px;background:url(/content/images/m/Text_Co/ico_bg_push.png?202102241700) no-repeat 0 0; background-size:32px 13px;}
.coMailPush .icoPush1 {position:absolute; right:-5px; top:0; width:10px; height:13px; background-position:0 0; text-align:left;}
.coMailPush .icoPush2 {position:absolute; right:-7px; top:0; width:14px; height:13px; background-position:-15px 0; text-align:left;}

/* Tip */
.coMtip {position:relative;}
.coMtip dl {margin:0 10px; padding:8px 8px 8px 10px; background-color:#f3f3f3; }
.coMtip dl dt {font-weight:bold;  font-size:0.93em; color:#333; padding-left:37px; padding-bottom:4px; background-position:0 -95px;}
.coMtip dl dd {position:relative; font-size:0.75em; padding-left:8px; color:#888;  line-height:1.5;}
.coMtip dl dd:before {content:""; position:absolute; width:2px; height:2px; background:#ccc; left:2px; top:6px;}
.coMtip dl dd strong {color:#666;}


/* 채용공고 리스트 */
.coMList1 {}
.coMList1 li {border-bottom:1px solid #dfdfdf; padding:10px 10px 13px 10px; border-top:1px solid #fff;}
.coMList1 li:first-child {border-top:1px solid #e5e5e5;}
.coMList1 li:nth-child(2n) {background-color:#f7f7f7;}
.coMList1 .tab {color:#d6d6d6; padding:0 5px;}
.coMList1 .title {display:block; font-size:1.14em; font-weight:bold; line-height:1.3; color:#000; margin-bottom:7px;  word-break:break-all;}
.coMList1 .title .date {font-weight:normal; color:#666; font-size:1em}
.coMList1 .title .icokTalk { word-break:nowrap; white-space:nowrap;}
.coMList1 .title .icokTalk .kk {color:#45a2ff;}
.coMList1 .d {position:relative; display:block; color:#888; font-size:0.93em; padding:5px 0 0 8px; }
.coMList1 .d:before {content:""; position:absolute; width:3px; height:3px; background:#ccc; left:0; top:10px;}
.coMList1 .editDay {color:#666; padding-right:7px; text-decoration:underline; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat right -295px; background-size:50px 1350px;}
.coMList1 .d1 strong {color:#ff6600;}
.coMList1 .d1 .ico_new {position:relative; top:-3px;}
.coMList1 .coBtn {display:block; margin-top:10px;}
.coMList1 .day {display:block; font-size:0.93em; padding:5px 0 0 8px;  color:#888; text-align:right;}

.noResultCo {text-align:center; background:#fff; padding:40px 0 40px 0 !important; word-break:break-all;}
.noResultCo strong {font-size:1.2em; color:#333;  display:block; padding-bottom:5px;}
.noResultCo span {font-size:0.93em; color:#888; }
.coMerrorPage .coBtn {display:inline-block; width:100%; text-align:center; padding-top:20px; border-top:1px solid #dfdfdf;}

/* 지원자 관리 리스트 */
.coApplyTitle {position:relative; clear:both;}
.coApplyTitle .other {position:absolute; right:10px; top:15px; padding-right:10px; font-size:0.93em; background-position:100% -1055px;}

.coApplySum {border-top:2px solid #8d94a1; padding:10px; border-bottom:1px solid #d4d4d4 !important;}
.coApplySum h3 {font-size:1.14em; line-height:1.3; font-weight:bold; color:#000; margin-bottom:7px;  word-break:break-all;}
.coApplySum h3 span {color:#666; font-weight:normal;}
.coApplySum .applyInfo {position:relative; width:100%; font-size:0.93em;   line-height:1.5; border:1px solid #bfc3ca;}
.coApplySum .applyInfo .btnMore1 {position:absolute; top:0; right:0;}
.coApplySum .applyInfo ul {clear:both; width:100%; display:table; border-top:1px solid #d6d6d6;}
.coApplySum .applyInfo ul:first-child {border-top:0 none;}
.coApplySum .applyInfo ul:after {content:""; display:block; height:0; clear:both;}
.coApplySum .applyInfo ul li {display:table-cell; vertical-align:middle; width:24%; text-align:center; border-left:1px solid #d6d6d6;}
.coApplySum .applyInfo ul li.on {background-color:#f2f4f7;}
.coApplySum .applyInfo ul li:first-child {border-left:0 none;}
.coApplySum .applyInfo ul li:last-child {width:28%; padding-right:25px;}

.coApplySum .applyInfo a {color:#333; display:block; height:41px; padding-top:5px;}
.coApplySum .applyInfo a .t {color:#666; display:block;}
.coApplySum .applyInfo a .ico_new {margin-top:-2px;}
.coApplySum .applyInfo a strong {color:#ff6600;}

.coApplySum .sortInfo1 {color:#888; font-size:0.93em; }
.coApplySum .sortInfo1 .tab {color:#d6d6d6; padding:0 5px;}
.coApplySum .sortInfo1 a strong {color:#ff6600; text-decoration:underline;}
.coApplySum .sortInfo1 a.on {font-weight:bold; color:#333;}
.coApplySum .sortInfo2 {padding-top:10px;}
.coApplySum .sortInfo2 .sel_loc {margin-right:5px;}

.coApplySum .schSelect {display:table; width:100%; margin-bottom:5px;}

.coApplySum .cell {display:table-cell; vertical-align:top;}
.coApplySum .sort1,
.coApplySum .sort2 {background-color:#fff; width:100%; border-radius:2px;}
.coApplySum .sortBr {width:5px;}
.coApplyList .coAppSch {position:relative; padding-top:8px;}
.coApplyList .coAppSch .schText {display:table; width:100%;}
.coApplyList .coAppSch .cell {display:table-cell; vertical-align:middle;}
.coApplyList .coAppSch .sortBr {width:5px;}
.coApplyList .coAppSch .schText .schInput {background-color:#fff; width:100%; padding:7px 0 7px 10px; height: 40px; border-radius: 0;}
.coApplyList .coAppSch .schText .bt {width:100%; min-width:30px;}

.coApplyList {border-top:1px solid #e7e7e7; border-bottom:1px solid #d4d4d4; background-color:#f4f4f4; padding:0 8px 10px 8px;}
.coApplyList ul li {position:relative; margin-top:10px;}
.coApplyList .emInfo {position:relative; border:1px solid #e5e5e5; border-bottom-width:0; background-color:#fff; padding:10px; min-height:110px;}
.coApplyList .emInfo_1 {background-color:#ffffd8;}
.coApplyList .emInfo .emTit {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coApplyList .emInfo .emName,
.coApplyList .emInfo .emTit,
.coApplyList .emInfo .emEdu,
.coApplyList .emInfo .emEtc {display:block; margin-left:65px;   line-height:1.3;}
.coApplyList .emName {color:#000; font-size:1.04em; margin-right:30px;}
.coApplyList .emTit {font-weight:bold; font-size:1.04em; color:#333; padding-top:10px; word-break:break-all;}
.coApplyList .emEdu,
.coApplyList .emEtc {padding-top:8px; font-size:0.93em;}
.coApplyList .emInfo .tab {color:#d6d6d6; padding:0 3px;}
.coApplyList .co_txt {position:absolute; right:10px; top:10px;}
.coApplyList .emPhoto {position:absolute; top:10px; left:10px;}
.coApplyList .emPhoto img{height: auto;}
.coApplyList .emCareer {margin-left:65px; padding:5px; background-color:#f5f5f5; font-size:0.93em; margin-top:5px;}
.coApplyList .emCareer_1 {background-color:#fff;}
.coApplyList .emCareer .tb {color:#d5d5d5;}
.coApplyList .emCareer li {margin-top:0; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coApplyList .emFunction {position:absolute; top:83px; left:9px;}
.coApplyList .btnAplMng {display:inline-block; text-align:center; -webkit-box-sizing:border-box; -webkit-box-align:center; overflow:hidden; position:relative;border-radius:2px; font-size:15px; border:1px solid #d2d6dc;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#eff1f3)); -webkit-box-shadow:0 1px #f5f5f5, inset 1px 1px #fff, inset -1px -1px #fff; color:#3e4045;}
.coApplyList .btnAplMng .btnBar {display:block; position:absolute; left:26px;top:0; height:35px;border-left:1px solid #d9dee3; border-right:1px solid #fff;}
.coApplyList .btnAplMng button {width:24px; height:35px;}

.coApplyList .del {position:absolute; top:0; right:0; width:40px; height:40px; background-position:15px -150px; text-indent:-9999px;}
.coApplyList .emMng {position:relative; padding:10px; border:1px solid #ccc; border-top-width:0;  background-color:#f3f5f8; -webkit-box-shadow:0 2px #e5e5e5,  inset 1px 1px #fff, inset -1px -1px 0 #fff;}
.coApplyList .coMprePass,.coApplyList .coMnoPass,.coApplyList .coMPass,.coApplyList .coMFinalPass {position:absolute; top:0; left:0;}

.box_s1,
.noCntApList {border:1px solid #e5e5e5; -webkit-box-shadow:0 2px rgba(204, 204, 204, 0.2);background-color:#fff !important;}
.noCnt {font-size:0.93em; color:#333;  text-align:center; word-break:break-all; padding:10px 0;background:url(/content/images/m/Text_Co/bg_noCnt.png?202102241700) no-repeat 50% 15px; background-size:84px 93px;}
.noCnt strong {display:block; padding-top:110px; padding-bottom:5px;}
.noCnt span {display:block; font-size:0.85em; color:#898989;}
.noCnt .btn {margin:10px 0 10px 0;}

/* 별점,메모하기,중요표시,면접제의 */
.coMngFunction {position:relative; padding:11px 7px;}
.coMngFunction_1 {border-top:2px solid #8d94a1;border-bottom:1px solid #b4bac2;background-color:#fff;}
.coMngFunction ul {display:table; width:100%;}
.coMngFunction ul li {display:table-cell; vertical-align:middle; text-align:Center; border-left:1px solid #d4d8de;}
.coMngFunction ul li:first-child {border-left:0 none; padding-right:3px;}
.coMngFunction ul li:last-child {padding-left:3px;}
.coMngFunction .fc1 {width:30%;}
.coMngFunction .fc2 {width:29%;}
.coMngFunction .fc3 {width:29%;}
.coMngFunction .fc4 {width:12%;}
.coMngRsView .coMngFunction .fc1 {width:22%;}
.coMngRsView .coMngFunction .fc2 {width:26%;}
.coMngRsView .coMngFunction .fc3 {width:26%;}
.coMngRsView .coMngFunction .fc4 {width:24%; word-break:nowrap; white-space:nowrap;}

.coMngEmail .lay4 {width:120px; position:absolute; top:-106px; right:10%;}
.coMngFunction .lay4 .layCt {border:3px solid #000; border-radius:0px; -webkit-box-shadow:0px 2px rgba(200, 200, 220, 0.7); font-size:14px; background-color:#fff;}
.coMngFunction .lay4 .layCt p {border-top:1px solid #ccc; padding:8px 0 8px 15px; font-weight:bold; color:#000; text-align:left;}
.coMngFunction .lay4 .layCt p:first-child {border-top:none;}
.coMngFunction .lay4 .layCt .title {color:#333;font-size:12px; text-align:left; font-weight:normal; padding:6px 0 6px 15px; background-color:#ebebeb;}
.coMngFunction .lay4 .arrow {position:absolute; width:12px; height:13px; bottom:-10px; right:6px; background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat -38px -1082px; background-size:50px auto; z-index:100;}
.coMngFunction .lay4 .ico_close1 {position:absolute; right:0; top:0;}

/* 별점주기 */
.coMngStar {font-size:0.85em; text-align:center;  border:1px solid #e6e0f4; background-color:#fff; margin-top:10px; padding-top:10px;}
.coMngStar .btn {text-align:center; padding:10px 0 13px 0;}
.coMngStar .btStar {margin-bottom:5px;}
.coMngStar .btStar button {float:left;}
.coMngStar .btStarBg {width:125px; height:25px; display:block; cursor:pointer; float:left; text-indent:-9999px; margin:0 10px; background:url(/content/images/m/Text_Co/ico_start.png?202102241700) no-repeat 0 2px; background-size:125px 100px; position:relative;}
.coMngStar .btStarBg span {background:none; cursor:default; display:inline; height:auto;}
.coMngStar .btStarBg .btStarBgItem {position:absolute; top:0; left:0; height:25px; display:block; cursor:pointer; background:url(/content/images/m/Text_Co/ico_start.png?202102241700) no-repeat 0 -28px; background-size:125px 100px;}
.coMngStar .btStarBg .devStarBox {float:left; width:10%; height:25px; position:relative; z-index:1; cursor:pointer;}
.btStarSmall {width:86px; height:17px; display:block; cursor:pointer; text-indent:-9999px; margin:0 auto; background:url(/content/images/m/Text_Co/ico_start.png?202102241700) no-repeat 0 -64px; background-size:125px 100px;}
.btStarSmall span {height:17px; display:block; cursor:pointer; background:url(/content/images/m/Text_Co/ico_start.png?202102241700) no-repeat 0 -83px; background-size:125px 100px;}
.btStarPlus, .btStarMinus {width:28px; height:28px; border:1px solid #e5e5e5; background-color:#f9f9f9; -webkit-box-shadow:inset 1px 1px #fff; position:relative; text-indent:-9999px;}
.btStarPlus:before,
.btStarPlus:after,
.btStarMinus:before,
.btStarMinus:after {content:""; position:absolute; background:#a9adb2;}
.btStarPlus:before {width:14px; height:3px; top:11px; left:6px;}
.btStarPlus:after {width:3px; height:14px; top:6px; left:11px;}
.btStarMinus:before {width:14px; height:3px; top:11px; left:6px;}

.coMngMemo {border:1px solid #dad6ba; background-color:#fffce2; padding:13px; margin-top:10px; padding-top:10px;}
.coMngMemo textarea {width:100%; background-color:#fff; border:1px solid #dad6ba; border-radius:3px;}
.coMngMemo .btn {text-align:center; padding:10px 0 0 0;}
.coMngMemo .m {display:block; color:#333; margin-bottom:5px;}
.coMngMemo .m1 {font-size:0.75em; color:#888;}
.coMngMemo .mCnt {font-size:0.93em; color:#333; border-top:1px solid #dad6ba; padding-top:10px; text-align:left; word-break:break-all;}
.coMngMemo .mCnt .btn {display:block; color:#ab6b48;  text-align:right; margin-top:5px;}
.coMngMemo .mCnt .btn a {margin-left:10px; display:inline-block; text-decoration:underline;}

.coMprePass {width:48px; height:48px; background-position:0 -417px; text-indent:-9999px;}
.coMnoPass {width:48px; height:48px; background-position:0 -1005px; text-indent:-9999px;}
.coMPass{width:48px; height:48px; background-position:0 -1504px; text-indent:-9999px;}
.coMFinalPass{width:48px; height:48px; background: url(/content/images/m/co_badge_final_pass.png); background-size: 48px; text-indent:-9999px;}

/* 달력, 공고삭제 :layer :calendar */
.lyer {position:relative; overflow:hidden; border:3px solid #538bfa; background:#fff; width:290px;}
.lyer .close {position:absolute; top:10px; right:10px; width:25px; height:25px;  background-position:7px -159px; text-indent:-9999px;}
.lyer h1 {font-size:1.14em; color:#000; padding:10px; border-bottom:1px solid #86aefb; -webkit-box-shadow:0 1px #f4f4f4;}
.lyer .altPoint {border-top:1px solid #d3e0f2; padding:10px; border-bottom:0 none !important; background-color:#f5f9ff; font-size:95%; color:#303653;}
.lyer .altPoint .tab {color:#d6d6d6;}
.lyer .altCnt {font-size:0.93em; padding:10px;}
.lyer .altCnt strong {color:#333;}
.lyer .altCnt p {padding-bottom:10px;}
.lyer .altCnt p:last-child {padding-bottom:0;}

.lyBtn {text-align:center; padding:10px 0; background-color:#F9F9F9; border-top:1px solid #e9e9e9;}
.lyBtn button {font-weight:bold;}
.lyPoint {text-align:left; font-size:0.93em; padding:5px 10px; background-color:#F9F9F9;}

.lyCalendar .now {text-align:center; text-align:center; color:#333; padding:15px 0 0 55px; height:35px;}
.lyCalendar .now a {display:block; float:left; width:17px; height:17px; text-indent:-9999px;}
.lyCalendar .now h2,
.lyCalendar .now h3 { float:left; font:1.14em Arial, sans-serif; font-weight:bold;}
.lyCalendar .now .btPrev {background-position:0 -478px;}
.lyCalendar .now .btNext {background-position:right -478px; margin-right:20px;}
.lyCalendar .calTable {text-align:center; width:100%; margin:0 auto; .calTable-layout:fixed; font:0.93em Arial, sans-serif;}
.lyCalendar .calTable thead th {background-color:#86aefb; border-bottom:1px solid #e2dbef; color:#fff; padding:5px 0;}
.lyCalendar .calTable tbody td {border:1px solid #e2dbef; padding:0; font-weight:bold; color:#ccc;}
.lyCalendar .calTable tbody td a {display:block; color:#333; padding:10px 0;}
.lyCalendar .calTable tbody td a:hover {background-color:#6c4bad;}
.lyCalendar .calTable tbody td a.period {background-color:#fffaef;}
.lyCalendar .calTable tbody td a.today {background-color:#ffeac0 !important;}
.lyCalendar .calTable tbody td a.editDay {color:#FFF; background-color:#002aff !important;}

.lyCalendar .tBtm {text-align:left; padding:10px 0 0 20px; border-top:1px solid #e9e9e9; background-color:#F9F9F9; color:#333;}
.lyCalendar .tBtm #ipEndD1 {width:100px; margin-right:10px; margin-left:2px;}
.lyCalendar .tBtm #ipEndD2 {background-color:#FFF; padding:3px 28px 3PX 5px;}
.lyCalendar .tBtm .t {display:inline-block; width:57px;}
.lyCalendar .tBtm .ipCustomUI {vertical-align:middle !important;}
.lyCalendar .lyBtn {border-top:0 none;}

.lyDel .coApplySum {border-top:1px solid #cac0dd; padding:10px; border-bottom:0 none !important; background-color:#f5f9ff; font-size:95%;}
.lyDel .coApplySum .sortInfo1 {color:#333;}
.lyDel .coApplySum strong {color:#ff6600;}
.lyDel .coApplySum .zero {color:#333;}
.lyDel .lyBtn {padding-top:15px;}


/* 이력서 보기 */
#coMng .hS3 {border-top:1px solid #000; color:#333;}
.coMngRsView {word-break:break-all;}
.coMngRsView .hS3 {margin-top:-1px;}
.coMngRsView .coRsView {margin-bottom:0 !important; position:relative;}
.tblCoDeco {border-bottom:1px solid #d2d2d2; -webkit-box-shadow:0 2px #efefef; height:1px;}
.coMngRsView .tbl {margin-top:2px !important; font-size:0.93em;  margin-bottom:-1px;}
.coMngRsView .tbl th, .coMngRsView .tbl td {padding:8px 7px;}
.coMngRsView .tbl th {width:78px;}

section.coRsHeader {margin-bottom:-1px;}
.coRsHeader .emInfo {position:relative; background-color:#edeff2; color:#000;}
.coRsHeader .emInfo_1 {background-color:#ffffd8; border-bottom:1px solid #d2d2d2;}
.coRsHeader h3 {font-size:1.14em; font-weight:bold; padding:30px 0 10px 10px; text-align:left; line-height:1.5;}
.coRsHeader h3 span {position:absolute; right:10px; top:10px; font-size:0.8em; font-weight:normal;}
.coRsHeader .num {position:absolute; left:10px; top:12px; font-size:0.9em;}
.coRsHeader .rsTitle {position:relative; padding:12px 10px; border-bottom:1px solid #d2d2d2; -webkit-box-shadow:0 2px #efefef;}
.coRsHeader .rsTitle span {display:block; position:absolute; left:55px; bottom:-9px; width:16px; height:10px; background-position:-34px -160px; text-indent:-9999px;}

.coRsHeader .rsInfo {position:relative; color:#333; min-height:180px;}
.coRsHeader .rsInfo dd {margin-left:128px; border-bottom:1px solid #e5e5e5; padding:7px 5px 7px 0; font-size:0.93em;  line-height:1.3; min-height:13px;}
.coRsHeader .rsInfo dd:last-child {border-bottom:0 none;}
.coRsHeader .rsInfo .name {font-size:1.07em; margin-top:10px;}
.coRsHeader .rsInfo .id {font-size:0.95em;}
.coRsHeader .rsInfo .noData {color:#888;}
.coRsHeader .rsInfo .rsPhoto {position:absolute; left:10px; top:-5px; margin:0; border-bottom:0 none;}
.coRsHeader .rsInfo .coMprePass,.coRsHeader .coMnoPass,.coRsHeader .coMFinalPass {position:absolute; top:7px; left:-1px;}
.coRsHeader .rsInfo .emFunction {position:absolute; top:135px; left:-119px; border-bottom:0 none;}
.coRsHeader .rsInfo .emFunction .btnAplMng {display:inline-block; text-align:center; -webkit-box-sizing:border-box; -webkit-box-align:center; overflow:hidden; position:relative;border-radius:2px; font-size:15px; border:1px solid #d2d6dc;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#eff1f3)); -webkit-box-shadow:0 1px #f5f5f5, inset 1px 1px #fff, inset -1px -1px #fff; color:#3e4045;}
.coRsHeader .rsInfo .emFunction .btnAplMng .btnBar {display:block; position:absolute; left:50px; top:0; height:35px;border-left:1px solid #d9dee3; border-right:1px solid #fff;}
.coRsHeader .rsInfo .emFunction .btnAplMng button {width:49px; height:33px;}

.coRsView .self {font-size:1.07em; line-height:1.5; padding-top:15px;}
.coRsView .btnView1 {text-align:right; margin-bottom:15px;}
.coRsView .btnView1 span {color:#002aff;}

.rsTimeLine .tit,.rsTimeLine .day,.rsTimeLine .job,.rsTimeLine .cnt {display:block;}
.rsTimeLine .lay3 {width:190px; left:9px; top:31px; z-index:120;}
.rsTimeLine .btnSort {position:absolute; right:5px; top:5px;}
.rsTimeLine .timeSort {position:relative; border-bottom:1px solid #e5e5e5; padding-bottom:10px; font-size:0.93em; background:url(/content/images/m/Text_Co/bg_rstimeline.png?202102241700) repeat-y 5px 0; background-size:54px 93px;}
.rsTimeLine dt {position:absolute; left:10px; top:13px; color:#002aff; font:bold 1em Arial, sans-serif;}
.rsTimeLine dd {position:relative; padding-left:60px; padding-right:8px;}
.rsTimeLine .tit {font:bold 1em; color:#000; padding-top:13px;}
.rsTimeLine .tit:after {content:""; position:absolute; left:45px; top:9px; width:11px; height:19px; background-position:0 -730px; z-index:100;}
.rsTimeLine .has-link{display:inline-block;}
.rsTimeLine .has-link .ico-home{display:inline-block; position:relative; top:2px; margin-left:5px; width:16px; height:15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28' height='26' viewBox='0 0 28 26'%3E%3Cimage width='28' height='26' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAABHNCSVQICAgIfAhkiAAAAQ5JREFUSEvt1DFKA0EUxvH/ClYpbSwFCWkjNrb2aYR8d4inMKfIFZR9IOIprEwjdp7CRpCwMsKGaGZ3541ZsMi0O9/7zT4er6iqCu8xswGwkvThzRZe0MyugQXwCUwlPXpQF7iB1YYbTQYjWBaaBLZgbrQTTMBcaCvowJLRRjADS0Kj4B+wTnQL3AHWiv4Ad4g1omuwByyKfoM9YltoUZZlvRs9KzHnbliDlwFcAQfAG3CaUykhU9e+DeAMeAeGwE1COOfKFDgBnjaHZt4jeCXpIbz034NnkX6OgLuOPuf9oaTid2EzGwPLPZg1NPuWtgxOdEonwD1w2BB8lnQemdIj4AU4bsiFLXYh6TV8/wIRh/HssOtB1gAAAABJRU5ErkJggg=='/%3E%3C/svg%3E"); background-size:cover;}
.rsTimeLine .timeFirst:before {content:""; position:absolute; left:46px; top:0; width:10px; height:15px; background-position:-15px -735px; z-index:100;}
.rsTimeLine .timeLast:after {content:""; position:absolute; left:46px; bottom:0; width:10px; height:7px; background-color:#fff; background-position:-15px -743px; z-index:100;}
.rsTimeLine .timeFirst {margin-top:5px;}
.rsTimeLine .timeBot {background:#f7f7f7; padding:0 10px 10px 10px ;}
.rsTimeLine .timeBot .rsImp {border-top:0 none; padding-left:20px;}
.rsTimeLine .timeBot .rsImp .ico_imp1 {position:absolute; left:0; top:5px;}

.rsTimeLine .timeEdu {padding-top:13px;}
.rsTimeLine .timeEdu .tit {display:inline !important;}
.rsTimeLine .day {margin:3px 0 3px 0;}
.rsTimeLine .day1 {color:#333; font-weight:bold;}
.rsTimeLine .job {padding:0 0 3px 60px; text-indent:-60px;}
.rsTimeLine .proj {color:#888; background-color:#fffdf0; border:1px solid #d7d7d7; padding:8px; font-size:0.85em;}

.rsQna {font-size:0.93em;  line-height:1.5; padding-top:15px;}
.rsQna dt {float:left; width:30px; padding-left:10px;}
.rsQna dd {padding-left:38px; margin-bottom:15px; padding-right:10px;word-break:break-all;}
.rsQna .q {color:#888;}

.rsFile {background-color:#fffdf0; border-top:1px solid #e5e5e5; font-size:0.93em;  line-height:1.5; padding:10px 8px; color:#333;}
.rsFile .impTxt {font-size:1em; font-weight:bold; padding-bottom:5px;}
.rsFile .impTxt strong{color:#002aff;}
.rsFile .fileDown {font-size:0.85em; color:#898989; background-color:#f1f0ef; border:1px solid #e5e5e5; color:#898989; padding:5px;}
.rsFile .fileDown li {position:relative; padding-left:20px;}
.rsFile .fileDown li  .ico_filedown {position:absolute; left:0; top:-2px;}
.coRsView .rsImp .down {background-color:#f7f7f7; border:1px solid #e5e5e5; padding:3px;margin-top:5px;}

.coRsViewBot .bot {font-size:0.75em !important; color:#999; padding:15px 10px; word-break:break-all;}
.coRsviewNav button {cursor:pointer; width:38px; height:52px; text-indent:-9999px; background:url(/content/images/m/Text_Co/bg_viewnav.png?202102241700) no-repeat; background-size:50px 105px; z-index:999;}
.coRsviewNav .prev {position:fixed; top:190px; left:0; background-position:0 0;}
.coRsviewNav .next {position:fixed; top:190px; right:0; background-position:-12px -52px;}


/* 채용관리 메인 */
.coMainTop {position:relative; padding:8px 0 7px 10px; background-color:#fff; border-bottom:2px solid #373d54;}
.coMainTop dl {overflow:hidden; height:55px;padding-left:105px;}
.coMainTop dt {position:absolute; left:10px; top:10px; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; overflow:hidden; background-color:#fff; width:102px; height:52px; text-align:center;  border:1px solid #ddd; border-radius:2px; -webkit-box-sizing:border-box; -webkit-box-shadow:0 1px #f5f5f5;}
.coMainTop dt .space {display:inline-block; vertical-align:middle; width:0;}
.coMainTop dt strong > .text {line-height:17px; font-size:14px; font-weight:normal; word-wrap:break-word; word-break:break-all;}
.coMainTop dd {width:33%; float:left; text-align:center; border-right:1px solid #d6d6d6; color:#000; font-size:0.75em;   margin-top:7px;}
.coMainTop dd:last-child {border-right:0 none;}
.coMainTop dd strong {display:block; color:#333; font:bold 2em Arial, sans-serif;}
.coMainTop dd .endGi {color:#999;}
.coMainTop dd .imp {color:#002aff;}
.coMainTop dd .zero {color:#ccc;}
.coMainTop dd a {display:block;}

.coMapplyList {clear:both; border-bottom:1px solid #e1dee7;background-color:#f5f9ff; padding:0 8px 10px 8px; }
.coMapplyList h2 {overflow:hidden; color:#000; font-size:1.04em; padding:10px 40px 5px 0; white-space:nowrap; text-overflow:ellipsis;}
.coMapplyList h2 span {color:#666; font-weight:normal;}
.coMapplyList .icoCo3 {position:absolute; top:0; right:0;}
.coMapplyList .info {color:#333; padding-bottom:5px; font-size:0.93em;}
.coMapplyList .info strong {color:#ff6600;}
.coMapplyList .info span {padding-right:18px; margin-right:5px; background-position:100% -127px;}

.coMapplyList ul {position:relative; overflow:hidden;}
.coMapplyList li {width:25%; float:left; text-align:center; margin-top:10px; height:110px;}
.coMapplyList .emName {color:#000; font-size:0.85em; padding-top:5px;  }
.coMapplyList .emTit {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coMapplyList .emName,
.coMapplyList .emTit,
.coMapplyList .emEdu,
.coMapplyList .emEtc {display:block;  line-height:1.3;}

.coMapplyList .now {position:relative; min-height:155px; text-align:left; -webkit-box-sizing:border-box; padding:10px 0 10px 10px; background:url(/content/images/m/Text_Co/bg_rsview_top.png?202102241700) repeat-x 0 bottom;}
.coMapplyList .now p {margin-left:115px;}
.coMapplyList .now .emName {color:#000; font-size:1.04em; padding:5px 15px 0 0;}
.coMapplyList .now .emTit {font-weight:bold; font-size:1.04em; color:#333; padding:8px 8px 0 0; word-break:break-all;}
.coMapplyList .now .emEdu {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coMapplyList .now .emEdu,
.coMapplyList .now .emEtc {padding-top:5px; font-size:0.93em; padding-right:8px;}
.coMapplyList .now .tab {color:#d6d6d6; padding:0 3px;}
.coMapplyList .now .emPhoto {position:absolute; left:10px; top:10px;}
.coMapplyList .now .emCareer,
.coMapplyList .now .emCareer a {position:relative; display:block; width:95%; color:#666; font-size:0.93em; line-height:1.5; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coMapplyList .now .emCareer a:before  {content:""; position:absolute; width:1px; height:1px; background-color:#666; top:6px; left:3px;}
.coMapplyList .now .emCareer {width:auto; margin:5px 10px 0 115px; background:#f5f5f5; padding:5px;}

.coMapplyList .noApply span {display:block; padding-top:5px; color:#999;  font-size:0.85em;}
.coMapplyList .noSeting {font-size:0.93em; width:95%; text-align:center; color:#999; line-height:1.5;}
.coMapplyList .noSeting .bt {margin-top:10px;}

.coMkktalk {position:relative;}
.coMkktalk .hS5 {padding-bottom:0;}
.coMkktalk .lay3 {width:180px; left:93px; top:53px; z-index:200;}

.coMkktalk .talkList {clear:both; margin-top:1px; border-top:1px solid #f4f1fb; border-bottom:1px solid #e5e5e5;background-color:#f4f4f4 ; padding:0 8px 10px 8px; }
.coMkktalk .kkt {position:relative; font-weight:bold; font-size:1.04em; padding:10px 0;}
.coMkktalk .kkt a {display:block; color:#000; width:87%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coMkktalk .kkt .icokTalk {position:absolute; right:0; top:10px;}
.coMkktalk .kkt .day {color:#666; font-weight:normal;}
.coMkktalk dl {padding:10px; height:90px;}
.coMkktalk dt {color:#000; font-size:1em; padding-bottom:5px;}
.coMkktalk dd {height:45px;position:relative; color:#333; font-size:0.93em; line-height:1.5;}
.coMkktalk dd:last-child {height:25px;}
.coMkktalk dd:last-child .day {color:#999;}
.coMkktalk dd:last-child .replay {position:absolute; right:0; top:0; color:#002aff; text-decoration:underline;}
.coMkktalk .noCnt {background-position:50% -120px; padding:20px 0;}
.coMkktalk .noCnt strong {padding-top:70px; color:#666;}

.coStateList .stateList {clear:both; margin-top:1px; border-top:1px solid #f4f1fb; border-bottom:1px solid #e5e5e5; background-color:#f4f4f4; padding:10px 0; }
.coStateList .stateList ul {width:100%; overflow:hidden; zoom:1;}
.coStateList .stateList li {float:left; width:31%; text-align:center; padding:10px 0; margin-left:5px; margin-bottom:2px;background-color:#fff; border:1px solid #e5e5e5; -webkit-box-shadow:0 2px rgba(204, 204, 204, 0.2);}
.coStateList .stateList li .c {text-decoration:underline;}
.coStateList .stateList .tab em {display:block;}
.coStateList .stateList .tab strong {display:block; font-size:0.93em; color:#333;}
.coStateList .stateList .tab span {height:45px; margin:7px 0;}
.coStateList .member {font-size:0.93em; color:#333; padding:0 0 5px 10px;}

.coMsurveyNotice {clear:both; margin-top:1px; background-color:#fff; }
.coMsurveyNotice .tabH {font-size:0.95em !important;}
.coMsurveyNotice .survey {padding:3px 10px 0 10px; border-bottom:1px solid #e5e5e5;}
.coMsurveyNotice .survey dt {color:#000; margin-bottom:5px;}
.coMsurveyNotice .survey dd {position:relative; color:#898989; font-size:0.93em;}
.coMsurveyNotice .survey dd.leadtime {position:absolute; right:10px; top:25px;}
.coMsurveyNotice .survey dd.m_eventBanner {text-align:center; margin-bottom:10px; width:100%;}
.coMsurveyNotice .survey a {display:block; color:#000; width:97%; font-size:1.04em; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coMsurveyNotice .noSurvey {color:#999; text-align:center; padding:72px 0 71px 0; border-bottom:1px solid #e5e5e5;}

.coMsurveyNotice .notice li {position:relative; border-bottom:1px solid #dcdcdc; padding-bottom:0;}
.coMsurveyNotice .notice li:first-child a {padding-top:2px;}
.coMsurveyNotice .notice li:nth-child(2) {background-color:#f7f7f7;}
.coMsurveyNotice .notice a {display:block; padding:7px 10px 8px 10px;}
.coMsurveyNotice .notice strong {display:block; color:#000; width:97%; font-size:1.04em; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.coMsurveyNotice .notice span {color:#898989; font-size:0.93em;}
.coMsurveyNotice .notice .ico_new {position:absolute; right:7px; top:3px;}

/* 메일발송 */
.coRsEmailHeader {border-top:2px solid #8d94a1; padding:15px 10px;}
.coRsEmailHeader strong {color:#000; font-size:1.14em;}
.coRsEmailHeader span {color:#666; font-size:1em; font-weight:normal;}
.coRsEmail .botLine {border-bottom:1px solid #dfdfdf; padding:7px 15px 6px 15px;}
.coRsEmail .botLine:after {content:""; display:block; height:0; clear:both;}
.coRsEmail .botLine1 {padding:13px 10px 13px 15px;}
.coRsEmail .botLine2 {position:relative; background-color:#f3f3f3; border-bottom:1px solid #dfdfdf;}
.coRsEmail .botLine2 .cell {width:70px;}
.coRsEmail .botLine2 .mail {position:absolute; top:13px; left:15px;}
.coRsEmail input,
.coRsEmail textarea {width:100%;background-color:#fff; color:#000; font-size:0.93em;}
.coRsEmail .coname {color:#000; font-weight:bold;}
.coRsEmail .imp {color:#000;}
.coRsEmail .name input {width:100px;}
.coRsEmail .data input::-webkit-input-placeholder {color:#000; font-weight:bold;}
.coRsEmail .cell {display:inline-block; width:100px;}
.coRsEmail .mailTit {display:block; font-size:0.93em; color:#000; line-height:1.8; padding-left:70px;}

.coBtn1 {text-align:center; padding-top:15px;}
.coMailSave {font-size:0.75em;word-break:break-all;padding:8px 8px 8px 10px; background-color:#f7f7f7;}
.coMailOk {text-align:center; background:#fff; border-top:1px solid #d4d4d4;}
.coMailOk p {padding:40px 0 30px 0; border-top:1px solid #efefef; border-bottom:1px solid #d4d4d4; word-break:break-all;}
.coMailOk p strong {font-size:1.2em; color:#333;  display:block; padding-bottom:5px;}
.coMailOk p span {font-size:0.93em; color:#888; }


/* 기타 */
.coMngApp section,
.coMngAppAll section {margin-bottom:0;}
.coMngApp h2 {position:relative; padding-top:5px; text-align:center; padding:15px 0 15px 0;}
.coMappInfo {position:relative;}
.coMappInfo ul {overflow:hidden; height:265px; width:320px; margin:0 auto; text-align:center; -webkit-box-sizing:border-box;}
.coMappInfo ul li {text-align:center; padding:15px 0; float:left;}
.coMappInfo .appimg {width:320px; height:245px;}
.coMappInfo .pg {position:relative; width:250px; margin:0 auto; margin-top:15px;}
.coMappInfo .btPN_prev {position:absolute; top:0; left:0; margin-left:0;}
.coMappInfo .btPN_next {position:absolute; top:0; right:0; margin-left:105px;}

.coMngAll div {clear:both; border-bottom:1px solid #e5e5e5; padding:12px 0 12px 10px;}
.coMngAll div a {color:#000; display:block;}
.coMngAll ul {overflow:hidden; position:relative;}
.coMngAll ul:after  {content:" "; display:block; height:0; clear:both;}
.coMngAll ul li {float:left; }
.coMngAll .odd {display:block; overflow:hidden; clear:both; font-size:0.93em; padding-top:10px; line-height:1.7;}
.coMngAll .odd li a {color:#666; padding-left:12px; background:url(/content/images/m/bg_member_1_v2.png?202102241700) no-repeat 0 -28px; background-size:50px 250px;}
.coSvcinfo h3 {border-top:0 none;}
.coSvcinfo .odd li a {padding-right:30px;}
.coSvcinfo .col3 > li:nth-child(1) {width:35%;}
.coSvcinfo .col3 > li:nth-child(2) {width:33%;}
.coSvcinfo .col3 > li:nth-child(3) {width:32%;}

.coMngAll .sns1 a, .coMngAll .sns2 a, .coMngAll .sns3 a,.coMngAll .sns4 a {display:block; height:20px; padding:5px 0 0 30px; background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat ; background-size:50px auto;}
.coMngAll .sns1 a {background-position:0 -811px;}
.coMngAll .sns2 a {background-position:0 -866px;}
.coMngAll .sns3 a {background-position:0 -900px;}
.coMngAll .sns4 a {background-position:0 -953px;}


/* 채용정보 신규상품 공통 */
.titTarget {padding:20px 7px 2px 6px;color:#000;font-size:1.143em;}
.titTarget .m {color:#002aff;}
.mjobList .mHdArea .h {border-bottom:none;}
.mjobList > div:nth-of-type(1) {margin-top:-2px; padding-top:21px; background:#fff;}
.mjobList > div:nth-of-type(1) .titTarget {padding-top:0;position:relative;margin-top:-2px;background:#fff;}
.mjobList > div:nth-of-type(1) .mHdArea {margin-top:0;}
.mjobList img {background:#fff;border:1px solid #fff;}
.mjobList .dDay {color:#ed1d26;}

.mjobList div:first-child.mBooth.mFree.mFreeP {padding-top:0;}

.icoScrap {display:block;width:23px;height:22px;background-position:-90px -20px;text-indent:-9999px;overflow: hidden;}
.on .icoScrap {background-position:-115px -20px;}
.msgScrap { position:absolute; right:2px; top:-25px; padding:3px 9px 2px 9px; background-color:#ff6600; color:#fff; white-space:nowrap; font-size:13px; box-shadow:0 1px 0 rgba(0,0,0,0.08);}
.msgScrap:after { position:absolute; right:11px; bottom:-14px; content:""; border:6px solid transparent; border-width:7px 4px; border-top-color:#ff6600;}

/* 채용정보 - M 그랜드 */
.mGrand {position:relative; margin-top:-2px; background:#fff;}
.mGrand ul {margin:0 7px;}
.mGrand li {position:relative; border:1px solid #002aff; border-bottom:4px solid #002aff; margin-top:10px;}
.mGrand li:first-child {margin-top:0;}
.mGrand .link {display:block; height:120px; background-color:#f5faff; overflow:hidden;}
.mGrand .link:after {display:block; content:""; height:57px; width:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:1;}
.mGrand .logo {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; position:absolute; left:7px; top:6px; z-index:2;}
.mGrand .tit {padding:20px 0 15px 0; margin:0 10px 0 110px; color:#000; font-size:1.3em; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:right; background-color:#fff; z-index:2; position:relative;}
.mGrand .txt {padding:10px 70px 3px 40px; margin-bottom:3px; font-size:1.214em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.3; border-top:1px solid #e1e6eb; min-height:44px;}
.mGrand .date {font-size:0.9em;}
.mGrand .btnScrap {position:absolute; top:66px; left:5px; width:23px; height:23px; padding:5px; z-index:3;}
.mGrand .btnApply {position:absolute; top:75px; right:8px; height:27px; padding:6px 2px 0 2px; font-size:12px; line-height:14px; background-color:#fff; border-radius:4px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box;}
.mGrand .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff; font-size:13px; padding-top:0px; line-height:27px;}
.mGrand .btnRow2 {top:73px; height:34px; padding-top:3px;}
.mGrand .msgScrap {right:auto; left:3px; top:-23px;}
.mGrand .msgScrap:after {right:auto; left:11px;}

/* 채용정보 - M 포커스 */
.mFocus ul {margin:0 3px;}
.mFocus ul:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.mFocus li {float:left;width:50%;margin-bottom:6px;}
.mFocus .inner {position:relative;margin:0 3px;}
.mFocus .link {display:block;height:150px; padding:9px 7px 0 7px;border:1px solid #686f6d;}
.mFocus .logo {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;width:102px;height:42px;margin:0 auto;}
.mFocus .tit {display:block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 3px 0;color:#000;font-weight:bold;font-size:1.214em;}
.mFocus .txt {display:block;overflow:hidden;width:100%; font-size:1.1em; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
 word-wrap:break-word; line-height:1.3;}
.mFocus .date {font-size:0.9em;}
.mFocus .btnScrap {position:absolute; top:128px; left:7px; width:23px;height:23px;}
.mFocus .ico_up {position:absolute;left:5px;top:5px;}
.mFocus .btnApply {position:absolute; top:125px; right:8px; height:27px; padding:6px 3px 0 2px; font-size:12px; line-height:14px; background-color:#fff; border-radius:4px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box;}
.mFocus .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff; font-size:13px; padding-top:0px; line-height:27px;}
.mFocus .msgScrap {right:auto; left:3px; top:-23px;}
.mFocus .msgScrap:after {right:auto; left:11px;}
.mFocus li:nth-child(4n+5),
.mFocus li:nth-child(4n+6) {margin-top:6px;}
.mFocus li:nth-child(4n+3) .inner,
.mFocus li:nth-child(4n+4) .inner {border-bottom:2px solid #568eff;}
.mFocus .noDataFocus .link {display:block;height:150px;background:#f4f4f4 url(/content/images/m/nodata.png?202102241700) no-repeat 50% 50%;background-size:118px 42px;text-indent:-9999px;}

/* 채용정보 - M 포인트 */
.mPoint {border-bottom:1px solid #c0c0c0;}
.mPoint .titTarget {border-bottom:2px solid #6699ff;}
.mPoint ul {border-top:1px solid #e2e7ec;}
.mPoint li {position:relative;border-bottom:1px solid #c9d1d7;}
.mPoint li:nth-child(5n+0) {border-bottom:2px solid #c0c0c0;}
.mPoint .logo {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; position:absolute; left:0; top:0; width:80px; height:75px;padding:0 1px 0 0; background:url(/content/images/m/line_dot.png?202102241700) repeat-y 100% 0;background-size:1px 4px;}
.mPoint .logo img {position:relative; top:-15px;}
.mPoint .tit {padding:9px 0 5px 0; color:#000;font-size:1em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mPoint .ico_up {position:relative;top:-3px;margin-right:4px;}
.mPoint .txt { font-size:1.071em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
 word-wrap:break-word; line-height:1.3;}
.mPoint .date {font-size:0.9em;}
.mPoint .btnScrap {position:absolute; top:37px; left:5px; width:23px;height:22px;padding:5px;}
.mPoint .link {display:block; position:relative; height:73px; padding-left:87px; margin-right:70px;}
.mPoint .btnApply {position:absolute; right:10px; top:23px; width:54px; height:27px; padding:6px 2px 0 2px; font-size:12px; line-height:14px; background-color:#fff; border-radius:4px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box;}
.mPoint .btnJkApply { background-color:#fb9958; border:1px solid #fb9958; color:#fff; font-size:13px; padding-top:0px; line-height:27px;}
.mPoint .btnRow2 {position:absolute; right:10px; top:20px; height:34px; padding-top:3px;}
.mPoint .msgScrap {right:auto; left:3px; top:-23px;}
.mPoint .msgScrap:after {right:auto; left:11px;}


/* 채용정보 - 무료리스트(3줄) */
.mBooth li {position:relative;border-bottom:1px solid #ebebeb;}
.mBooth ul li:last-child {border-bottom:1px solid #c3c3c3;}
.mBooth .logo {display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; position:absolute; left:0; top:0; width:80px; height:75px;padding:0 1px 0 0;}
.mBooth .tit {padding:9px 32px 5px 0; color:#000;font-size:1em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mBooth .ico_up {position:relative;top:-3px;margin-right:4px;}
.mBooth .txt {padding:0 32px 0 0;color:#4d4d4d;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mBooth .btnScrap {position:absolute;top:16px;right:0;width:23px;height:22px;padding:13px 0 0 13px;}
.mBooth .link {display:block;position:relative;height:79px;padding-left:10px;}


/* 서브 m top, m plus */
.mTopSec .mBooth .link,
.mPlusSec .mBooth .link {height:75px;}

.mBooth .fee .link {padding-left:87px;}
.mBooth .desc {color:#999;display:block;padding-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mBooth .date {color:#999;}
.mBooth .dDay {color:#ed1d26;}

/*.mFree .hi {background:#ffffd9;}*/
.mFree .ico_up { position:absolute; left:-24px; top:15px;}

/* 서브 m top, m plus */
.mTopSec .mFree .ico_up,
.mPlusSec .mFree .ico_up {top:12px;}

.mFree .bar {color:#dbdbdb;margin:0 4px;}
.mFree .line {border-top:1px solid #c9d1d7;}
.mFree .tit {padding-top:15px; padding-right:0px; padding-bottom:0; color:#002aff; font-size:1em; font-weight:normal; line-height:1.3;}

/* 서브 m top, m plus */
.mTopSec .mFree .tit,
.mPlusSec .mFree .tit {padding-top:13px;}

.mFree .txt {padding-top:0; padding-bottom:1px; padding-right:0px; font-size:1.15em; line-height:1.08em; color:#333; line-height:1.2;}

/* 서브 m top, m plus */
.mTopSec .mFree .txt,
.mPlusSec .mFree .txt {padding-top:2px;}

.mFree .link {margin:0 75px 0 36px; padding-left:0px;}
.mFree .desc {padding-right:0px; font-size:0.857em; padding-top:1px;  line-height:1.3;}

/* 서브 m top, m plus */
.mTopSec .mFree .desc,
.mPlusSec .mFree .desc {padding-top:0;}

.mFree .btnScrap {top:24px; right:auto; left:0; padding:7px;}
#main .mFree .btnScrap {top:22px;}

/* 서브 m top, m plus */
.mTopSec .mFree .btnScrap,
.mPlusSec .mFree .btnScrap {top:21px;}

.mFree .btnScrap .icoScrap {background-position:-90px -20px;}
.mFree .btnScrap.on .icoScrap {background-position:-115px -20px;}
.mFree .date { position:absolute; right:9px; top:21px; font-size:0.786em; width:56px; text-align:center;}
#main .mFree .date {top:23px; right:3px;}

/* 서브 m top, m plus */
.mTopSec .mFree .date,
.mPlusSec .mFree .date {top:18px; right:4px;}

.mFree .btnApply {position:absolute; right:12px; bottom:17px; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px;}
#main .mFree .btnApply {right:5px; bottom:17px;}

/* 서브 m top, m plus */
.mTopSec .mFree .btnApply,
.mPlusSec .mFree .btnApply {right:6px; bottom:18px;}

.mFree .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.mFree .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}
.mFree .msgScrap {right:auto; left:3px; top:-23px;}
.mFree .msgScrap:after {right:auto; left:11px;}
.mFreeP li:nth-child(6n+0) {border-bottom:2px solid #c9d1d7;}

/* 채용정보 - 좋은예감, 여기도 입사지원..(일반 2줄 리스트) */
.boothBest .titTarget {border-bottom:1px solid #ccc;}
.boothBest li {position:relative;border-bottom:1px solid #c9d1d7;}
.boothBest .tit {padding:11px 0 3px 0; color:#002aff; font-size:1em; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boothBest .txt {padding:0 0 3px 0; color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:1.15em; line-height:1.2em;font-weight:normal;}
.boothBest .link {display:block;position:relative; height:60px; margin:0 75px 0 40px; padding-left:0px;}
.boothBest .btnScrap {position:absolute; top:12px; right:auto; left:3px; width:23px;height:22px; padding:7px 7px 7px 7px;}
.boothBest .btnApply {position:absolute; right:6px; bottom:17px; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px;}
.boothBest .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.boothBest .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}
.boothBest .msgScrap {right:auto; left:3px; top:-23px;}
.boothBest .msgScrap:after {right:auto; left:11px;}

/* 홈 Like 페이지, 최근 본 업/직종, 최근 본 지역  */
#main .boothNewest {margin-top:-8px;}
.boothNewest li {position:relative;overflow:hidden;padding:9px 7px 7px 7px;border-bottom:1px solid #eaeaea;}
.boothNewest li.noData {padding:11px 10px 8px 15px;background:#f5faff;border-bottom-color:#cad1d7;border-top:1px solid #fff;}
.boothNewest .part {display:block;margin-left:4px;padding-right:155px;font-weight:bold;font-size:1.143em;}
.boothNewest .part a {display:inline;color:#3299ff;}
.boothNewest .linkView {position:absolute;right:8px;top:11px;color:#333;font-size:0.857em;}
.boothNewest .linkView:after {position:absolute;left:0px;bottom:0px;width:100%;height:1px;background:#adadad;content:'';}
.boothNewest .ingBox {margin-top:3px;padding:5px;background:#f9f9f9;}
.boothNewest .ingBox .inner {display:block;position:relative;height:70px;border:1px solid #c7c7c7;background:#fff;padding:0 0 0 110px;}
.boothNewest .thumb {position:absolute;left:5px;top:0;width:100px;height:70px;display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.boothNewest .ingBox .tit {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 0 4px 0;color:#000;font-weight:normal;}
.boothNewest .ingBox .txt {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d4d4d;margin-bottom:-2px;}
.boothNewest .ingBox .date {color:#4d4d4d;}
.boothNewest .ingBox .dDay {color:#ed1d26;}
.boothNewest img {background:#fff;border:1px solid #fff;}

/* 서비스안내 */
.content .ssGoodsInfo {margin:0;}
.ssGoodsInfo .infoHdWrap {padding:36px 0 23px; margin:0 10px; border-bottom:1px solid #f3f3f3; text-align:center;}
.ssGoodsInfo .infoHdWrap .infoHdTx {margin-top:10px;}
.ssGoodsInfo .infoHdWrap .infoHd.big-title img{height:90px;}

.ssGoodsInfo .infoContWrap {border-bottom:1px solid #f3f3f3; margin:0 10px;}

.ssGoodsInfo .serInfoInner {display:flex;justify-content:center;margin-top:18px;box-sizing:border-box; padding-bottom:23px;}
.ssGoodsInfo .serInfoInner:after {content:""; display:block; clear:both;}
.ssGoodsInfo .serInfoInner .img {float:left;}
.ssGoodsInfo .serInfoInner .img.general {padding:90px 0 70px;}
.ssGoodsInfo .serInfoInner .img > img{width:150px !important; height:auto !important;}
.ssGoodsInfo .serInfoInner .descListWrap { width:150px; }
.ssGoodsInfo .serInfoInner .descListWrap .prdInfoLy {top:0;}
.ssGoodsInfo .serInfoInner .descListWrap .list {position:relative;}

.ssGoodsInfo .serInfoInner dl { position:absolute; left:14px;}
.ssGoodsInfo .serInfoInner dt {color:#000; font-size:14px; font-weight:bold; line-height:13px;}
.ssGoodsInfo .serInfoInner dt .device{display:block; font-size:12px; color:#888; margin-bottom:5px;}
.ssGoodsInfo .serInfoInner dt strong {
	/* color:#002aff; */
	line-height: 18px;
}
.ssGoodsInfo .serInfoInner dd {color:#666; font-size:12px; line-height:20px; margin-top:5px;}
.ssGoodsInfo .serInfoInner dd strong {color:#333; font-size:20px;letter-spacing:-0.5px;  vertical-align:-2px;}
.ssGoodsInfo .serInfoInner dd .priceWrap {display:block;}
.ssGoodsInfo .serInfoInner dd .priceWrap .title {display:inline-block;min-width:42px;font-size:12px;font-weight:400;}
.ssGoodsInfo .serInfoInner dd .priceWrap strong:not(.title){display:inline-block;width:78px;text-align:right;}
.ssGoodsInfo .serInfoInner .descListWrap dd .priceWrap strong{
	width: auto;
}

.ssGoodsInfo .serInfoInner dl.premiere {top:62.4px;}
.ssGoodsInfo .serInfoInner dl.firstvvip {top:275.4px;}
.ssGoodsInfo .serInfoInner dl.vvip {top:401.4px;}
.ssGoodsInfo .serInfoInner dl.vip{top:466.4px;}
.ssGoodsInfo .serInfoInner dl.top{top:781.4px}
.ssGoodsInfo .serInfoInner dl.excellent {top:599.4px;}
.ssGoodsInfo .serInfoInner dl.grand {top:1201.4px;}

.ssGoodsInfo .serInfoInner dl.MTopHeadLineMax {top:50px;}
.ssGoodsInfo .serInfoInner dl.MHeadLinePlusMax {top:145px;}
.ssGoodsInfo .serInfoInner dl.MHeadLineMax {top:265px;}
.ssGoodsInfo .serInfoInner dl.MRcmdPlusMax {top:395px;}
.ssGoodsInfo .serInfoInner dl.MRcmdMax {top:525px;}
.ssGoodsInfo .serInfoInner dl.MPointPlusMax {top:665px;}
.ssGoodsInfo .serInfoInner dl.MPointMax {top:790px;}

.ssGoodsInfo .serInfoInner dl.MTopHeadLinePart {top:50px;}
.ssGoodsInfo .serInfoInner dl.MHeadLinePlusPart {top:145px;}
.ssGoodsInfo .serInfoInner dl.MHeadLinePart {top:265px;}
.ssGoodsInfo .serInfoInner dl.MRcmdPlusPart {top:395px;}
.ssGoodsInfo .serInfoInner dl.MRcmdPart {top:525px;}
.ssGoodsInfo .serInfoInner dl.MPointPlusPart {top:665px;}
.ssGoodsInfo .serInfoInner dl.MPointPart {top:790px;}

.ssGoodsInfo .serInfoInner dl.MTopHeadLineArea {top:50px;}
.ssGoodsInfo .serInfoInner dl.MHeadLinePlusArea {top:145px;}
.ssGoodsInfo .serInfoInner dl.MHeadLineArea {top:265px;}
.ssGoodsInfo .serInfoInner dl.MRcmdPlusArea {top:395px;}
.ssGoodsInfo .serInfoInner dl.MRcmdArea {top:525px;}
.ssGoodsInfo .serInfoInner dl.MPointPlusArea {top:665px;}
.ssGoodsInfo .serInfoInner dl.MPointArea {top:790px;}

.ssGoodsInfo .serInfoInner dl.topGeneral {top:11px; width: 100%;}
.ssGoodsInfo .serInfoInner dl.topGeneral dd{margin-top: 8px;}
.ssGoodsInfo .serInfoInner dl.topGeneral .priceWrap {display: flex; align-items: center; justify-content: space-between; padding-right: 15px; margin-bottom: 8px;}
.ssGoodsInfo .serInfoInner dl.topGeneral .priceWrap strong:not(.title){display: flex; align-items: center;}
.ssGoodsInfo .serInfoInner dl.topGeneral .priceWrap strong:not(.title)::after{content: "원/일"; display: inline-block; font-size: 12px; font-weight: normal; line-height: 20px; color: #666; margin-left: 2px;}

.ssGoodsInfo .serInfoInner dl.topGeneral.keyword { top: 54px; }
.ssGoodsInfo .serInfoInner dl.topGeneral.keyword .priceWrap strong:not(.title)::after{content: "원부터/일"; }
.ssGoodsInfo .serInfoInner dl.topGeneral.keyword .txt_sub { display: block; font-size: 12px; line-height: 18px; color: #9e9e9e; font-weight: 400; }
.ssGoodsInfo .serInfoInner dl.topGeneral.keyword .txt_sub > span { display: inline-block; }
.ssGoodsInfo .serInfoInner dl.topGeneral.keyword .txt_sub > span:last-child { margin-left: 10px; }
.ssGoodsInfo .serInfoInner dl.topGeneral.keyword .btnInfoView { margin-top: 10px; }

.ssGoodsInfo .serInfoInner .btnInfoView {display:inline-block; font-size:11px; color:#999; padding-right:3px; position:relative; top:-1px; margin-top:5px;}
.ssGoodsInfo .serInfoInner .btnInfoView:before,
.ssGoodsInfo .serInfoInner .btnInfoView:after {left:100%; top: 10px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none;}
.ssGoodsInfo .serInfoInner .btnInfoView:before {border-color:rgba(112, 112, 112, 0); border-left-color:#707070; border-width:4px; margin-top:-4px;}
.ssGoodsInfo .serInfoInner .btnInfoView:after {border-color:rgba(255, 255, 255, 0); border-left-color:#fff; border-width:3px; margin-top:-3px;}

.ssGoodsInfo .custBtnWrap {display:-webkit-box; display:-webkit-flex; display:flex; box-sizing:border-box; padding:0 8px; margin:20px auto 0; width:320px;}
.ssGoodsInfo .custBtnWrap button {background-color:#f60; color:#fff; -webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto; margin:0 2px; height:44px; position:relative;}
.ssGoodsInfo .custBtnWrap button:after {content:""; display:block; width:97px; height:28px; position:absolute; left:50%; top:8px; margin-left:-48px; background:url(/content/images/m/info/service/btn_cust.png?202102241700) no-repeat 0 0; -webkit-background-size:97px 56px; background-size:97px 56px;}

.ssGoodsInfo .custBtnWrap button.btnCall {background-color:#ffad5c;}
.ssGoodsInfo .custBtnWrap button.btnCall:after{background-position:0 0;}
.ssGoodsInfo .custBtnWrap button.btnMail {background-color:#6780FF;}
.ssGoodsInfo .custBtnWrap button.btnMail:after{background-position:0 100%;}

.mPartGrand {margin-bottom:25px;}
.mPartGrand .sample {position:relative;margin:0 7px;height:112px;}
.mPartGrand .inner {height:102px;border:5px solid #568eff;box-shadow:inset 1px 1px 0 rgba(43,95,238,1), inset -1px -1px 0 rgba(43,95,238,1);background:url(/content/images/m/bg_info_mgrand.png?202102241700) no-repeat 1px 1px; background-size:294px 100px;}
.mPartGrand .lg {position:absolute;right:9px;top:9px;overflow:hidden;width:100px;height:23px;background:url(/content/images/m/bg_info_service.png?202102241700) no-repeat;background-size:100px 50px;}
.mPartGrand .star {position:absolute;right:12px;bottom:12px;overflow:hidden;width:16px;height:15px;background:url(/content/images/m/bg_info_service.png?202102241700) no-repeat 0 -25px;background-size:100px 50px;}
.mPartGrand .shadow {height:112px;}

.mPartFocus {margin-bottom:25px;}
.mPartFocus .sample {display:inline-block;width:100%;}
.mPartFocus .col {float:left;width:50%;height:135px;}
.mPartFocus .col .inner {position:relative;height:133px;margin:0 3px;border:1px solid #686f6d;background:url(/content/images/m/bg_info_mfocus.png?202102241700) no-repeat; background-size:148px 133px;}
.mPartFocus .lg {width:100px;height:23px;margin:18px auto 0 auto;background:url(/content/images/m/bg_info_service.png?202102241700) no-repeat;background-size:100px 50px;}
.mPartFocus .star {position:absolute;right:5px;bottom:5px;overflow:hidden;width:16px;height:15px;background:url(/content/images/m/bg_info_service.png?202102241700) no-repeat 0 -25px;background-size:100px 50px;}
.mPartFocus .shadow {height:133px;}

.mPartPoint {margin-bottom:30px;}
.mPartPoint .sample {position:relative;width:100%;height:63px;background:url(/content/images/m/bg_info_mpoint.png?202102241700) no-repeat 0 1px; background-size:320px 63px;border-top:2px solid #6699ff;border-bottom:1px solid #c9d1d7;box-shadow:inset 0 1px 0 rgba(226,231,236,1);}
.mPartPoint .star {position:absolute;right:12px;top:24px;overflow:hidden;width:16px;height:15px;background:url(/content/images/m/bg_info_service.png?202102241700) no-repeat 0 -25px;background-size:100px 50px;}
.mPartPoint .shadow {height:63px;}

.ssGoodsInfo .layT {padding:7px 19px 5px 13px;}
.ssGoodsInfo .point {color:#002aff;}

/* 유사채용공고 */
.boothSimilar li:first-child {background:#f7f7f7;}
.cSimilar {position:relative;height:75px;background:#f3f5f7; -webkit-box-shadow:inset 0 -1px #fff, inset 0 1px #fff; border-bottom:1px solid #c3c3c3; color:#333;}
.cSimilar .bx {padding:0 110px 0 10px;}
.cSimilar .bx .tit { padding:12px 0 1px 0; font-size:1.143em; }
.cSimilar .bx .tit em {color:#002aff;font-weight:bold;}
.cSimilar .bx .t,
.cSimilar .bx .e {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cSimilar .bx .e {font-size:1.07em;color:#000;}
.cSimilar .bx .t {color:#666;}
.cSimilar .result {position:absolute;right:0px;top:0px;height:75px;padding:0 12px 0 26px;text-align:right;}
.cSimilar .result:after {position:absolute;left:0px;top:0px;width:21px;height:75px;content:'';background:url(/content/images/m/bg_all_2_v3.png?202102241700) no-repeat 0 -50px; background-size:150px 150px;}
.cSimilar .result .t {display:block;margin:0 0 -3px 0;padding-top:21px;color:#333;font-weight:bold;font-size:1.07em;}
.cSimilar .result .n {color:#ff6600;font-weight:bold;font-size:1.643em;font-family:Arial, sans-serif;}
.cSimilar .result .unit {font-size:1.143em;}


/* 채용관리앱 고도화작업 */
.coStateMng .infoTop {margin:15px 10px;}
.coStateMng .infoTop ul {border:1px solid #e5e5e5; background:#f6f6f6;}
.coStateMng .infoTop ul:after {content:""; display:block; height:0; clear:both;}
.coStateMng .infoTop ul li {text-align:center; float:left; padding:10px 0; background:url(/content/images/m/Text_Co/bg_costate_top.png?202102241700) repeat-y 0 0; background-size:4px 3px;}
.coStateMng .infoTop ul li:first-child {background:none;}

.coStateMng .infoTop .txt {color:#999; font-size:0.85em;}
.coStateMng .infoTop .pay {display:block;color:#333;}
.coStateMng .infoTop .pay strong {color:#000; font-size:2em; }

.coStateMng .infoTop .on .txt {color:#000;}
.coStateMng .infoTop .on .pay,
.coStateMng .infoTop .on .pay strong {color:#002aff}

.coStateMng .infoTop .coSlayer {display:inline; position:relative;}
.coStateMng .infoTop .em1 .coSlayer .lay3 {width:170px; position:absolute; top:22px; left:-25px; text-align:left;}
.coStateMng .infoTop .em1 .coSlayer .lay3 .arrow {left:30px;}
.coStateMng .infoTop .em2 .coSlayer .lay3 {width:210px; position:absolute; top:22px; right:-35px; text-align:left;}
.coStateMng .infoTop .em2 .coSlayer .lay3 .arrow {left:160px;}

.coStateMng .sortTab,
.coStateMng .couponList {padding:10px; border-top:1px solid #d4d4d4; background:#f4f4f4; -webkit-box-shadow:inset 0 2px 0 rgba(228,228,228,1); -webkit-box-sizing:border-box;}

/* 쿠폰팝업 */
.coStateMng .couponeList .couponeWp ul {padding:10px 0; border-top:1px solid #dadada;}
.coStateMng .couponeList .couponeWp ul li {overflow:hidden;}
.coStateMng .couponeList .couponeWp ul li {padding:5px 0; }
.coStateMng .couponeList .couponeWp ul li .coupone {width:240px; height:120px; margin:0 auto;  padding:0 60px 0 0; text-align:center;   background:url(/Content/images/m/Text_co/bg_coupone_1.png) no-repeat 0 0; background-size:300px 120px;}
.coStateMng .couponeList .couponeWp ul li .coupone .dc {display:block; text-align:center; padding:22px 0 0 0; color:#333;  font-size:28px;letter-spacing:-0.5px;  }
.coStateMng .couponeList .couponeWp ul li .coupone .dc span.num {color:#002aff;}
.coStateMng .couponeList .couponeWp ul li .coupone .dc span.num em {position:relative; top:2px; font-weight:bold; color:#002aff; font-size:32px;letter-spacing:-0.5px;}
.coStateMng .couponeList .couponeWp ul li .coupone .dcTit {display:block; padding:5px 0 0 0; text-align:center; color:#002aff; font-size:13px;}
.coStateMng .couponeList .couponeWp ul li .coupone .dcTerm{display:block; padding:5px 0 0 0; text-align:center; color:#333; font-size:11px;}
.coStateMng .couponeList .couponeWp_1 ul li .coupone {background:url(/Content/images/m/Text_co/bg_coupone_2.png) no-repeat 0 0; background-size:300px 120px;}
.coStateMng .couponeList .couponeWp_1 ul li .coupone .dc span.num {color:#9099a8;}
.coStateMng .couponeList .couponeWp_1 ul li .coupone .dc span.num em {color:#9099a8;}
.coStateMng .couponeList .couponeWp_1 ul li .coupone .dcTit {color:#9099a8;}
.coStateMng .couponeList .couponeWp_1 ul li .coupone .dcTerm{color:#9099a8;}
.coStateMng .couponeList .none {height:200px; padding-top:90px; text-align:center; font-size:24px;letter-spacing:-0.5px;}
.coStateMng .couponeList .none em {color:#002aff;}

.tabS {width:100%;}
.tabS:after {content:""; display:block; clear:both;}
.tabS > li {float:left; border:1px solid #b4bac2; -webkit-box-shadow:0 1px #e5e5e5; -webkit-box-sizing:border-box;}
.tabS > li > a,
.tabS > li > span {border:1px solid #fff; padding-top:10px; height:33px; font-size:12px; color:#898989; font-weight:bold;  -webkit-box-sizing:border-box; display:block; text-align:center; margin-left:-1px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eff1f3));}
.tabS > li:first-child > a,
.tabS > li:first-child > span {margin-left:0;}
.tabS > .on {z-index:1;}
.tabS > .on span {border-bottom-color:#f4f5f7; color:#333; background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e8ec), to(#f4f5f7));}

.coStateMng .stateList {border-bottom:1px solid #d4d4d4;}
.coStateMng .stateList li {position:relative; padding:10px; border-bottom:1px solid #d4d4d4; }
.coStateMng .stateList li:nth-child(2n) {background-color:#f7f7f7;}
.coStateMng .stateList li .down,.coStateMng .stateList li .add {position:absolute; right:10px; top:40%;}
.coStateMng .stateList .day {display:block; color:#898989; font-size:0.85em;}
.coStateMng .stateList ul li strong {display:block; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; font-size:1.2em;}
.coStateMng .stateList .down {color:#ff3333;}
.coStateMng .stateList .add {color:#002aff;}

.coStateMng .couponList .box_s1 {margin-top:10px; padding:10px 7px 10px 10px ; -webkit-box-sizing:border-box;}
.coStateMng .couponList .box_s1:first-child {margin-top:0;}
.coStateMng .couponList dt {margin-bottom:10px; min-height:43px;}
.coStateMng .couponList dt .n,
.coStateMng .couponList dt .t {display:block; margin-left:103px;}
.coStateMng .couponList dt .n {font-size:0.85em;}
.coStateMng .couponList dt .t {color:#000; font-size:1em; max-height:43px;}
.coStateMng .couponList dd {position:relative; font-size:0.85em; padding:3px 0 0 62px; text-indent:-52px;}
.coStateMng .couponList dd:before {content:""; position:absolute; width:3px; height:3px; background:#ccc; left:0; top:8px;}
.coStateMng .couponList .coupon {float:left; margin-left:0; text-align:center;}
.coStateMng .couponList .coupon strong {color:#000; font-size:2em; position:relative; top:5px;}
.coStateMng .coupon {-webkit-box-sizing:border-box; width:91px; height:40px;}

/*stateTip */
.coStateMng .coStip {margin:0 10px; padding:8px 8px 8px 10px; background-color:#f6f6f6;  }
.coStateMng .coStip > ul li {position:relative; font-size:0.75em; margin-bottom:5px; color:#898989; padding-left:8px;}
.coStateMng .coStip > ul li:before {content:""; position:absolute; left:2px; top:6px; width:2px; height:2px; background:#ccc;}
.coStateMng .coStip .btn {text-align:right;}
.coStateMng .coStip .infoBtn {border-radius:0; color:#fff; height:28px; padding:2px 10px 0 10px; font-size:12px;  line-height:1.2; white-space:nowrap; border:1px solid #888; background:#9d9d9d; -webkit-box-shadow:inset 1px 1px #a5a5a5, inset -1px -1px #a5a5a5;}
.coStateMng .coStip .bt_emo,
.coStateMng .coStip .bt_cha,
.coStateMng .coStip .bt_cou {width:14px; height:14px; background:url(/content/images/m/Text_Co/ico_costate.png?202102241700) no-repeat 0 0; background-size:465px 250px;}
.coStateMng .coStip .bt_emo {background-position:-155px -225px;}
.coStateMng .coStip .bt_cha {background-position:-178px -225px;}
.coStateMng .coStip .bt_cou {background-position:-200px -225px;}

.coMailList .rsImp {position:relative; border-bottom:1px solid #c0c0c0; border-top:0 none;}
.coMailList .booth .e {padding-right:25px;}
.coMailList .booth .day,
.coMailList .booth .read,
.coMailList .booth .noRead {font-size:0.80em;}
.coMailList .booth .day {color:#666;}
.coMailList .booth .read {position:absolute; right:10px; top:12px; color:#ccc; text-align:right; line-height:1.6;}
.coMailList .booth .read em {color:#999;}
.coMailList .booth .noRead {position:absolute; right:10px; top:40%; color:#5fb23a;}
.coMailList .mailConnt {padding:17px 0 9px 10px;border-bottom:2px solid #c0c0c0;color:#6693ee;font-weight:bold;font-size:1.14em;}

.coMailView h3 {color:#000;font-size:1.14em;line-height:1.1em;word-wrap:break-word;word-break:break-all; padding:15px 0 15px 10px;}
.coMailView .mailBx {width:100%; border-top:2px solid #c0c0c0; border-bottom:1px solid #e4e4e4;}
.coMailView .mailBx .day1 {position:absolute; right:10px; color:#999;}
.coMailView .mailBx .day2 {position:absolute; right:10px; color:#5fb23a;}
.coMailView .mailBx  .ct {padding:20px 10px; line-height:1.5;}
.coMailView .coInvenView {padding:20px 10px 0 10px;}

/* 이용약관 */
.agreement {position:relative;}
.agreement h1 {font-size:18px;letter-spacing:-0.5px; color:#222; padding:0 10px; line-height: 50px; border-bottom:1px solid #D2D2D2;}
.agreement .amNavi {position:absolute; top:10px; right:10px;}
.agreement .amNavi select { color: #222; }
.agreement .agreeSec {border-bottom:1px solid #e6e6e6; padding:20px 10px 3px 10px; line-height:1.4; color: #6a6a6a;}
.agreement .agreeSec h2 {color:#000; margin-bottom:14px;}
.agreement .agreeSec .desc_1 {margin-bottom:20px;}
.agreement .agreeSec .depth_1 li {position:relative; padding:0 16px 17px 16px;}
.agreement .agreeSec .depth_1 li .num {position:absolute; left:0; top:0;}
.agreement .agreeSec .depth_2 li {padding:0 0 0 18px;}
.agreement .agreeSec .depth_2 li .num {width:20px; text-align:center; margin-left:-2px;}
.agreement .agreeSec .depth_3 {padding:0 0 17px 0;}

.message{position:relative;}
.message h1 {font-size:18px; letter-spacing:-0.5px;color:#000; padding:20px 10px 10px 10px; border-bottom:2px solid #c0c0c0;}
.message .amNavi {position:absolute; top:10px; right:10px;}
.message .agreeSec {border-bottom:1px solid #e6e6e6; padding:20px 0px; line-height:26px; color: #666666; word-break: keep-all;}
.message .agreeSec h2 {font-size: 14px; color:#000; margin-bottom:14px; padding:0 10px;}
.message .agreeSec > ol,
.message .agreeSec > p{padding:0 10px;}
.message .agreeSec .policy-list-table{border-top: 1px solid #E6E6E6; padding: 20px 10px 0; margin-top: 20px;}
.message .agreeSec .policy-list-table:first-of-type{border-top: none; margin-top: 0px;}

.agreement.type_cctv .agreeSec.top { padding: 32px 20px 0; }
.agreement.type_cctv .agreeSec .desc_1 { font-size: 13px; line-height: 20px; margin: 0; }
.agreement.type_cctv .agreeSec { border: none; padding: 32px 20px 0 }
.agreement.type_cctv h1 { display: flex; align-items: center; padding: 0 50px 0 20px; height: 51px; line-height: 18px; }
.agreement.type_cctv .agreeSec h2 { color: #222; margin-bottom: 10px; font-size: 13px; line-height: 20px; }

.agreement table.table_type01 {width: 100%; margin: 0; border: 1px solid #ccc; }
.agreement table.table_type01 th { border: 1px solid #ccc; background-color: #f1f1f1; padding: 8px 0; text-align: center; font-size: 12px; font-weight: 600; }
.agreement table.table_type01 td { padding: 8px 0; border: 1px solid #ccc; vertical-align: middle; letter-spacing: normal; text-align: center; font-size: 12px; }
.agreement table.table_type01 caption { text-align: left; padding: 0 0 5px 0; }
.agreement table.table_type01 caption.skip { display: none; }
.agreement .agreeSec .desc_1 + .table_type01 { margin-top: 10px; }

.agreement table.table_type01 +  .depth_type01 { margin-top: 10px; }
.depth_type01 li { position: relative; padding-left: 10px; font-size: 13px; line-height: 20px; }
.depth_type01 li::before { position: absolute; display: block; content: "-"; left: 0; }


/* 개인정보취급방침 */
.privacy {
	position:relative;
	padding: 20px 25px;
	font-size: 13px;
	color: #555555;
}
.privacy h1 {font-size:18px; letter-spacing:-0.5px;color:#000; padding:20px 0 10px 10px; border-bottom:2px solid #c0c0c0;}
.privacy .amNavi {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}

.privacy .amNavi select {
	width: 100%;
	display: block;
}

.privacy p {
	margin-bottom: 15px;
}

.privacy-navigation {
	background-color: #F5F6F6;
	border: 1px solid #E0E0E0;
	padding: 12px 15px 14px;
	color: #555555;
	font-size: 13px;
	margin-bottom: 25px;
	line-height: 2;
}

/*
.privacy .amNavi {position:absolute; top:10px; right:10px;}
*/
.privacy .desc {padding:20px 10px 20px 10px; border-bottom:1px solid #e6e6e6; background:#f2f2f2;}
.privacy .privSec {
	font-size: 13px;
	line-height:1.4;
	color: #555555;
}
.privacy .privSec h2 {color:#000; margin-bottom:14px;}
.privacy .privSec .desc_1 {margin-bottom:17px;}
.privacy .privSec .desc_1.underline{text-decoration: underline;}
.privacy .privSec .desc_2 {display:block; margin:0 0 17px -16px;}
.privacy .privSec .num {position:absolute; left:0; top:0;}
.privacy .privSec .dot {position:absolute; left:0; top:0;}
.privacy .privSec .pd {margin-bottom:17px;}
.privacy .privSec .btmLine {margin:15px 0 15px -16px; border-bottom:1px solid #dde1e6;}

.privacy .privSec .depth_1 li {position:relative; padding:0 0 17px 16px;}
.privacy .privSec .depth_1 li em {
	color:#555;
	font-weight:normal;
	margin:0;
	font-size: 13px;
}
.privacy .privSec .depth_1 li .tx {display:block;}
.privacy .privSec .depth_1 li.end {padding:0 16px;}
.privacy .privSec .depth_2 li {padding:0 0 17px 16px;}
.privacy .privSec .depth_2 li em {display:block; margin-bottom:7px; padding-left:5px;}
.privacy .privSec .depth_2 li .line {padding:15px 0; border-top:1px solid #dde1e6; margin-left:-16px;}
.privacy .privSec .depth_2 li .tx {position:relative; display:block; padding-left:8px; margin-left:-4px;}
.privacy .privSec .depth_2 li .tx_1 {margin-left:-4px;}
.privacy .privSec .depth_2 .company {margin-left:-17px;}
.privacy .privSec .depth_2 .company li {position:relative; padding:0 16px 0 8px;}
.privacy .privSec .depth_2 .company li ul {margin-left:56px;}
.privacy .privSec .depth_3,
.privacy .privSec .depth_4 {margin-left:-17px;}
.privacy .privSec .depth_3 li em {color:#666; font-weight:normal;}
.privacy .privSec .depth_3 li .tx {position:relative; display:block; padding-left:8px; margin-left:-4px;}
.privacy .privSec .depth_3 li .tx_1 {margin:17px 0 0 0;}
.privacy .privSec .depth_4 li em {color:#666; font-weight:normal; margin:0;}
.privacy .privSec .depth_4 li .depth_5 {margin-left:-4px;}
.privacy .privSec .depth_4 li .depth_5 li {padding:0 16px 0 8px;}
.privacy .privSec .depth_5 {margin-left:-4px;}
.privacy .privSec .depth_5 li {position:relative; padding:0 16px 0 8px;}
.privacy .privSec .depth_6 li {position:relative; padding:0 16px;}
.privacy .privSec .depth_7 li em {margin-bottom:17px;}
.privacy .privSec .depth_7 li .tx {position:relative; display:block; padding-left:8px; margin-bottom:17px;}
.privacy .privSec .depth_8 {margin-left:0;}
.privacy .privSec .button-university {color: #002aff; text-decoration: underline;}

.file-down {
	color: #002aff;
}
.policy-version {
	background-color: #F5F6F6;
	border: 1px solid #E0E0E0;
	padding: 12px 15px 14px;
	color: #555555;
	font-size: 13px;
	text-align: right;
	line-height: 2;
}

.privacy .modal-university {display: none;}
.privacy .modal-university .dimmed {z-index: 500 !important; background: rgba(0,0,0,0.6);}
.privacy .modal-university .modal-container {position: fixed; z-index: 1000; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 330px; padding: 28px 15px 20px; background: #fff; box-sizing: border-box; border: 1px solid #565d79; font-family: "맑은 고딕", malgungothic;}
.privacy .modal-university .button-close {position: absolute; top: 15px; right: 15px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16.612 16.5'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23bbb;stroke:%23bbb;stroke-width:0.5px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M10.071,9.185l6.921-6.93a.634.634,0,0,0-.9-.9L9.175,8.288,2.254,1.44a.634.634,0,0,0-.9.9L8.279,9.185l-6.921,6.93a.64.64,0,0,0,0,.9.622.622,0,0,0,.407.163.622.622,0,0,0,.407-.163l6.921-6.93,6.921,6.93a.59.59,0,0,0,.814,0,.64.64,0,0,0,0-.9Z' transform='translate(-0.869 -0.925)'/%3E%3C/svg%3E");}
.privacy .modal-university h3 {font-size: 23px;letter-spacing:-0.5px; font-weight: 400;text-align: left; color: #000;}
.privacy .modal-university .tbWrap{	margin-top: 10px; width: 100%; overflow-y: scroll; height: 231px;}
.privacy .modal-university table {width: 100%; border-left: 1px solid #e0e0e0;}
.privacy .modal-university table th {height: 37px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: #F4F5F6; font-size: 13px; color: #333; font-weight: normal; }
.privacy .modal-university table th:nth-child(1) {width: 45px;}
.privacy .modal-university table th:nth-child(2) {width: 135px;}
.privacy .modal-university table td {height: 37.5px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; font-size: 13px; color: #333; line-height: 1.5; text-align: center;}

.modal-company {
	padding: 0 25px;
}

.modal-company table {
	width: 100%;
	border-left: 1px solid #e0e0e0;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 15px;

	color: #333;
	line-height: 1.5;
}
.modal-company table th {
	height: 49px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	background: #ECECEC;
	font-weight: normal;
}

.modal-company table th:first-child {
	width: 97px;
}
.modal-company table td {
	min-height: 44px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	text-align: center;
}

.modal-company .pagination {
	text-align: center;
}

.modal-company .pagination,
.modal-company .pagination * {
	box-sizing: border-box;
}

.modal-company .pagination ul {
	border: 1px solid #E0E0E0;
  display: flex;
	justify-content: center;
	max-width: 100%;
}

.modal-company .pagination ul li {
	width: 14.28%;
}

.modal-company .pagination ul li:first-child {
	margin-right: auto;
}

.modal-company .pagination ul li:last-child {
	margin-left: auto;
}

.modal-company .pagination ul li a {
	padding: 14px 4px 13px;
	width: 100%;
	display: block;
	font-size: 16px;
	color: #666666;
}

.modal-company .pagination ul li a.active {
	font-weight: bold;
	color: #002aff;
}

.modal-company .pagination ul li a.prev {
	border-right: 1px solid #E0E0E0;
}

.modal-company .pagination ul li a.next {
	border-left: 1px solid #E0E0E0;
}

.modal-company .pagination ul li a.prev i,
.modal-company .pagination ul li a.next i {
	display: inline-block;
	width: 7.5px;
	height: 14px;
	background-repeat: no-repeat;
}

.modal-company .pagination ul li a.prev i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.504' height='14' viewBox='0 0 7.504 14'%3E%3Cpath id='arrow-angle-down' d='M13.838.162a.565.565,0,0,0-.792,0L7,6.208.882.162a.481.481,0,0,0-.72,0,.481.481,0,0,0,0,.72L6.64,7.36a.522.522,0,0,0,.72,0L13.838.882A.481.481,0,0,0,13.838.162Z' transform='translate(7.504) rotate(90)' fill='%23ccc'/%3E%3C/svg%3E ");
}

.modal-company .pagination ul li a.next i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.504' height='14' viewBox='0 0 7.504 14'%3E%3Cpath id='arrow-angle-down' d='M13.838.162a.565.565,0,0,0-.792,0L7,6.208.882.162a.481.481,0,0,0-.72,0,.481.481,0,0,0,0,.72L6.64,7.36a.522.522,0,0,0,.72,0L13.838.882A.481.481,0,0,0,13.838.162Z' transform='translate(0 14) rotate(-90)' fill='%23ccc'/%3E%3C/svg%3E ");
}

.modal-company .pagination ul li a.prev.on i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.504' height='14' viewBox='0 0 7.504 14'%3E%3Cpath id='arrow-angle-down' d='M13.838.162a.565.565,0,0,0-.792,0L7,6.208.882.162a.481.481,0,0,0-.72,0,.481.481,0,0,0,0,.72L6.64,7.36a.522.522,0,0,0,.72,0L13.838.882A.481.481,0,0,0,13.838.162Z' transform='translate(7.504) rotate(90)'/%3E%3C/svg%3E%0A");
}
.modal-company .pagination ul li a.next.on i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.504' height='14' viewBox='0 0 7.504 14'%3E%3Cpath id='arrow-angle-down' d='M13.838.162a.565.565,0,0,0-.792,0L7,6.208.882.162a.481.481,0,0,0-.72,0,.481.481,0,0,0,0,.72L6.64,7.36a.522.522,0,0,0,.72,0L13.838.882A.481.481,0,0,0,13.838.162Z' transform='translate(0 14) rotate(-90)'/%3E%3C/svg%3E%0A");
}

.modal-company.pr-media table td {
	padding: 10px 0;
}

.modal-company.pr-media table td p {

	color: #333333;
}

.modal-company.pr-media table td a {
	color: #888888;
}

.policy-table {width:100%; margin:5px 0 8px 0; background:#fff; font-size: 12px; color: #555555; line-height: 20px;}
.policy-table.bottom{margin-bottom: 25px;}
.policy-table,
.policy-table th,
.policy-table td {border:1px solid #BCBEC3;}
.policy-table caption.skip {display:none;}
.policy-table caption {text-align:left; padding:0 0 5px 0;}
.policy-table th {
	padding:10px 0 9px 0;
	background-color:#E9ECEF;
	text-align:center;
	font-weight: normal;
}
.policy-table td {
	padding:6px 7px;

	vertical-align:top;
}
.policy-table td.end {text-align:center;}

.privacy-table {
	width:100%;
	margin:0px 0 10px 0;
	background:#F5F6F6;
	font-size: 12px;
	color: #555555;
	line-height: 20px;

}
.privacy-table,
.privacy-table th,
.privacy-table td {border:1px solid #BCBEC3;}
.privacy-table caption.skip {display:none;}
.privacy-table caption {text-align:left; padding:0 0 5px 0;}

.privacy-table th {
	padding:10px 0 9px 0;
	background-color:#E9ECEF;
	text-align:center;
}
.privacy-table td {
	padding:8px 7px;
	vertical-align:top;
}
.privacy-table td.end {text-align:center;}

/* 회원가입 */
.memberJoin .findStep {display:table; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#898989;}
.memberJoin .findStep li {display:table-cell; width:25%; text-align:center; border-left:1px solid #b4bac2; border-bottom:1px solid #b4bac2; background:#edeff2; -webkit-box-shadow:0 2px #f0f1f4, inset 0 -1px #fff;}
.memberJoin .findStep li:first-child {border-left:0;}
.memberJoin .findStep li.now {color:#333; border-bottom:1px solid #f3f5f7; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f4f6), to(#fff)); -webkit-box-shadow:0 2px #fff, inset 0 2px #fff; inset: 0 -1px #fff;}
.memberJoin .findStep li a {display:inline-block; font-weight:bold; width:100%; padding:10px 0;}
.memberJoin .tabM_step {border-top:1px solid #fff;}
.memberJoin .tabM_step li {width:29%;}
.memberJoin .tabM_step li:first-child {width:42%;}
.memberJoin .bxMember {margin-top:25px; padding:0 10px;}
.memberJoin .bxMember h1,
.memberJoin .bxMember .bxCont h2 {font-size:18px;letter-spacing:-0.5px; color:#333; padding:0 0 7px 2px; }
.memberJoin .bxMember .bxCont {position:relative;}
.memberJoin .bxMember .bxCont .inner {border:1px solid #e4e4e4; border-radius:2px; margin-bottom:20px;}
.memberJoin .bxMember .bxCont .inner .txInfo {background:#f4f4f4; padding:10px 10px;}
.memberJoin .bxMember .bxCont .inner .txInfo mark {color:#6699ff; background:none;}
.memberJoin .bxMember .bxCont .inner .txInfo em {color:#ff6633;}
.memberJoin .bxMember .bxCont .inner_2 {margin-bottom:30px;}

.memberJoin .bxInput {text-align:left; padding:16px 10px 11px 10px;}
.memberJoin .bxInput dt {position:relative; font-weight:normal; color:#333; vertical-align:top;}
.memberJoin .bxInput dt span {position:absolute; left:10px; top:15px;}
.memberJoin .bxInput dd {position:relative; padding:2px 10px 2px;}
.memberJoin .bxInput dd input,
.memberJoin .bxInput dd select {width:100%; border-radius:2px;}
.memberJoin .bxInput dd select {min-height:40px; background-position:100% -541px !important;}
.memberJoin .bxInput dd label {display: inline-block;color:#333; margin-right:25px;margin-top:10px;}
.memberJoin .bxInput dd .tbl {display:table; width:100%;}
.memberJoin .bxInput dd .cell {display:table-cell; vertical-align:top; width:100%;}
.memberJoin .bxInput dd .sp {display:inline-block; width:6px;}
.memberJoin .bxInput dd .at {display:inline-block; width:24px; padding-top:13px; text-align:center;}
.memberJoin .bxInput dd .al {display:block; font-size:12px; color:#ff3333; padding:1px 0 3px 0;}
.memberJoin .bxInput dd .on {border:1px solid #002aff;}
.memberJoin .bxInput dd .er {border:1px solid #ff3333;}
.memberJoin .bxInput dd .sf {color:#339900;}
.memberJoin .bxInput dd .ds {background:#f2f2f2;}
.memberJoin .bxInput .hd {position:absolute; left:-5000px; font-size:0; width:0; height:0; line-height:0;}
.memberJoin .bxInput .ip {position:relative; padding:7px 10px 7px 105px;}
.memberJoin .bxMember .bxCont .btmBtnMb {padding:0 20px; margin-bottom:20px;}
.memberJoin .bxMember .bxCont .btmBtnMb_2 {margin-bottom:20px;}
.memberJoin .bxMember .bxCont .btmMbInfo {position:relative; font-size:12px; color:#898989; padding-left:15px; margin-bottom:10px;}
.memberJoin .bxMember .bxCont .btmMbInfo .dot {position:absolute; left:7px; top:5px; display:block; width:3px; height:3px; background:#ccc;}
.memberJoin .bxMember .bxCont .btmMbInfo a {color:#333; text-decoration:underline;}
.memberJoin .bxMember .bxCont .autSel {background:#f4f4f4; padding:15px 0 15px 0; text-align:center;}
.memberJoin .bxMember .bxCont .autSel li {display:inline-block; color:#333; font-weight:bold; padding:0 15px;}
.mbDivisionLine {display:block; height:1px; background:#e4e4e4;}

/* 회원약관 */
.memberJoin .bxMember .bxCont .policy {padding:20px 11px;}
.memberJoin .bxMember .bxCont .agree {background:#f4f4f4; padding:10px 10px;}
.memberJoin .bxMember .bxCont .pcAll {position:absolute; top:6px; right:0; height:15px; color:inherit; font-weight:normal; font-size:12px; color:#888; padding-right:8px;  background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 100% -1027px; background-size:50px 1350px;}
.memberJoin .bxMember .btmPcInfo {position:relative; font-size:12px; color:#898989; padding-left:15px; margin-bottom:24px;}
.memberJoin .bxMember .btmPcInfo .dot {position:absolute; left:7px; top:5px; display:block; width:3px; height:3px; background:#ccc;}

/* 가입완료 */
.memberFinish {width:100%;}
.memberFinish .finish {font-size:18px; letter-spacing:-0.5px;color:#333; text-align:center; padding:120px 0;}
.memberFinish .finish .greet {margin-bottom:35px;}
.memberFinish .finish .greet mark {font-weight:bold; background:none;}
.memberFinish .finish .btmBtnMb .bt {padding:0 40px;}

/* 잡코리아 뉴스레터 */
.newsLetterSel {color:#333; padding:7px 10px !important;}
.newsLetterSel li {padding:9px 10px;}

/* 잡코리아를 알게 된 경로 */
.joinPathSel {color:#333; width:100%; padding:7px 10px !important;}
.joinPathSel li {position:relative; padding:9px 10px;}
.joinPathSel li.etc .ipCustomItem {position:absolute; left:10px; top:17px;}
.joinPathSel li.etc .tbl {display:table; width:100%;}
.joinPathSel li.etc .cell {display:table-cell; vertical-align:top; width:100%; padding:0 20px 0 60px;}
.joinPathSel li.etc .cell input {width:100%;}

/* 아이디 조회 */
.memberJoin .bxMember .bxCont .result {color:#333; margin:15px 0;}
.memberJoin .bxMember .bxCont .result li {padding:10px 18px;}
.memberJoin .bxMember .bxCont .result li mark {background:none; font-weight:bold;}
.memberJoin .bxMember .bxCont .btmBtnMb_2 {overflow:hidden;}
.memberJoin .bxMember .bxCont .btmBtnMb_2 .tbl {display:table; width:100%;}
.memberJoin .bxMember .bxCont .btmBtnMb_2 .cell {display:table-cell; width:50% !important;}
.memberJoin .bxMember .bxCont .btmBtnMb_2 .cell button,
.memberJoin .bxMember .bxCont .btmBtnMb_2 .cell a {float:left; width:100%;}
.memberJoin .bxMember .bxCont .btmBtnMb_2 .sp {float:left; display:inline-block; width:10px;}

/* 아이디 확인 */
.memberJoin .bxMember .bxCont .topMbInfo {margin:0;}
.memberJoin .bxMember .bxCont .topMbInfo li {position:relative; font-size:12px; color:#898989; padding:3px 0 3px 8px;}
.memberJoin .bxMember .bxCont .topMbInfo li .dot {position:absolute; left:0; top:8px; display:block; width:3px; height:3px; background:#ccc;}
.memberJoin .bxMember .bxCont .result_1 {margin:15px 0 15px 0;}
.memberJoin .bxMember .bxCont .btmBtnMb_3 {padding:0 18px;}


/* 공고관리 리스트,공고뷰 수정(파견,서치펌 추가)_2014.02.17~2014.07.26*/
.coStateList .hrStateList {clear:both; position:relative; margin-top:1px; border-top:1px solid #f4f1fb; border-bottom:1px solid #e5e5e5; background-color:#f4f4f4; padding:10px 10px; }
.coStateList .hrStateList .box_s1 {padding:10px 10px 10px 60px; background:url(/content/images/m/bg_all_co1.png?202102241700) no-repeat 97% -113px; background-size:50px auto;}
.coStateList .hrStateList .box_s1 span {display:block; line-height:1.5;}
.coStateList .hrStateList .box_s1 strong {color:#000;}
.coStateList .hrStateList .ico_emoney {position:absolute; left:20px; top:18px;}
.coMListTitle {clear:both; position:relative;}
.coMListTitle .emSave {position:absolute; right:10px; top:15px;}
.coMngList .sortOpt {position:relative; border-bottom:1px solid #d4d4d4 !important; min-height:53px;}
.coMngList .sortOpt:after {content:""; display:block; height:0; clear:both;}
.coMngList .sortOpt .count {padding:20px 0 15px 10px;}
.coMngList .sortOpt .count .num {color:#6693ee;}
.coMngList .sortOpt .count .num1 {color:#333;}
.coMngList .sortOpt .count span {color:#ff6600;}
.coMngList .sortOpt select {border-radius:2px; -webkit-box-sizing:border-box; width:auto; font-size:1em; color:#333; padding:3px 30px 0 5px; min-height:28px; margin-top:-2px; background-color:#fff; background-position:100% -548px !important;}
.coMngList .sortOpt .sortBtn {position:absolute; right:10px; top:15px;}
.coMngList .sortOpt .detailLayer {clear:both; padding:10px 10px 10px 10px; text-align:left; border-top:1px solid #d4d4d4; border-bottom:2px solid #8d94a1; background-color:#eff5fb;}
.coMngList .sortOpt .detailLayer .detailBtn {display:block; margin-bottom:3px;}
.coMngList .sortOpt .detailLayer .detailBtn .bt11 {margin-right:2px;}
.coMngList .sortOpt .detailLayer .detailSch {display:inline-block; position:relative; width:100%;}
.coMngList .sortOpt .detailLayer .detailSch input {width:100%; padding-right:100px; padding-left:23px; background:#fff url(/content/images/m/bg_all_co1.png?202102241700) no-repeat 0 -270px; background-size:50px auto; min-height:30px;}
.coMngList .sortOpt .detailLayer .detailSch .bt {position:absolute; right:0; top:2px; margin-left:-2px; height:29px; border-top-left-radius:0; border-bottom-left-radius:0;}

.coMngList .sortOpt .txt {position:absolute; right:10px; top:25px;}
.coMngList .sortOpt .txt a {text-decoration:underline; font-size:11px;}
.coMngList .sortOpt .lay {position:absolute; right:10px; top:50px; z-index:100;}

.coMngList .noResultSch {text-align:center; background:#fff; padding:40px 0 10px 0 !important; word-break:break-all; border-bottom:1px solid #dfdfdf;}
.coMngList .noResultSch strong {font-size:1.2em; color:#333;  display:block; padding-bottom:5px;}
.coMngList .noResultSch .oddTip {width:230px; margin:0 auto; padding:20px 15px 20px 60px; background:url(/content/images/m/Text_Co/bg_noresult_sch.png?202102241700) no-repeat 0 0; background-size:56px 86px; line-height:1.5;}
.coMngList .noResultSch .oddTip span {display:block; text-align:left; font-size:0.85em; padding-left:13px; padding-top:3px; text-indent:-13px;}
.coMList1 .title1 {width:95%;}
.coMList1 li {position:relative;}
.coMList1 .del {position:absolute; top:5px; right:0; width:30px; height:30px; background:url(/content/images/m/bg_all_co.png?202102241700) no-repeat 6px -153px; background-size:50px auto; text-indent:-9999px;}
.coMList1 .emCase1 {color:#666;}/*상시채용*/
.coMList1 .emCase2 {color:#002aff;}/*채용시마감*/
.coMList1 .emCase3 {color:#999;}/*게재종료*/
.coMList1 .emCase4 {color:#5fb23a;}/*대기중*/

.gibMapBtn {padding:0 10px;color:#333;}
.gibMapBtn .count {font-weight:bold;}
.gibMapBtn .count .num {color:#ff6600;}
.gibMapBtn .othermap {margin:10px 0;}
.gibMapBtn .othermap:after {content:""; display:block; height:0; clear:both;}
.gibMapBtn .othermap li {float:left; margin:0 2px; margin-bottom:5px;}
.gibMapBtn .othermap button {height:32px; padding:0 10px 0 10px; color:#333; border-radius:0; font-weight:bold; font-size:12px;}
.gibMapBtn .othermap .btOn {height:32px; color:#333; border-radius:0; font-weight:bold; color:#fff; border:1px solid #353b47; background-color:#474d5b; -webkit-box-shadow:inset 1px 1px #575d69;}

.ssGIB .tbl .jobForm .imp {color:#002aff;}
.ssGIB .tbl .jobForm ul li {margin-top:10px;}
.ssGIB .tbl .jobForm ul li:first-child {margin-top:0;}
.ssGIB .tbl .jobArea a,.tbl .jobPart a {text-decoration:underline;}
.ssGIB .tblW1 th {width:33%}

.ssGIB .prefer li {padding-top:10px;}
.ssGIB .prefer li strong {color:#333; font-size:1.07em;}
.ssGIB .prefer .tab {position:relative; margin-left:7px; line-height:1.5;}
.ssGIB .prefer .tab:before {content:""; position:absolute; top:0; left:-5px; width:1px; height:15px; background:#e0e0e0;}
.ssGIB .imp {color:#ff6600;}
.ssGIB h4 .appending {position:relative; font-size:1em; color:#666; margin-left:5px; vertical-align:1px;  font-weight:normal;}
.ssGIB h4 .appending:before {content:""; position:absolute; top:2px; left:-5px; width:1px; height:15px; background:#e0e0e0;}
.ssGIB .interview {margin:0 !important;}
.ssGIB .time {display:block; width:200px; margin-top:5px;}
.ssGIB .subWay {}
.ssGIB .subWay li {line-height:1.7;}
.ssGIB .ct {padding-right:5px;}
.ssGIB .coInfogib {padding:10px; line-height:1.5;}
.ssGIB .coInfogib dt strong {color:#000;}

.applyDate_GIB .deadline {color:#333; }
.applyDate_GIB .deadline .status {display:block; font-weight:normal; font-size:0.65em;}
.applyDate_GIB .deadline strong {color:#f60;}
.applyDate_GIB .deadline .todayEnd {color:#f60;}
.applyDate_GIB .deadline .tomEnd {color:#f60;}
.applyDate_GIB .deadline1 {text-align:right; padding:7px;}
.applyDate_GIB .btContest {width:35px;}
.applyDate_GIB .period {margin:2px 0 0 10px;}
.applyDate_GIB .deadline2 {display:block; color:#000; font-size:1.3em; border:1px solid #e3e3e3; border-radius:2px; background:#f6f6f6; text-align:center; padding:12px 10px 10px 10px;}

.companyNameHr {margin-bottom:15px;}
.businessState {text-align:center; padding:5px 0; background:#f5f9ff; border-bottom:1px solid #f3f3f4;}
.businessState .hh {color:#cc3333;}
.businessState .hr {color:#669933;}
.headerS1 .viewCinfo {position:absolute; right:10px; bottom:8px; color:#666;}

.hrpCoInfo dt {width:60px; float:left; color:#333; font-weight:bold; position:relative; margin-right:15px;}
.hrpCoInfo dt:after {content:""; position:absolute; width:1px; height:15px; background:#e0e0e0; top:8px; left:65px;}
.hrpCoInfo .cname {color:#45a2ff; font-weight:bold;}
.hrpCoInfo dt,.hrpCoInfo dd {padding:7px 0; border-top:1px solid #e0e0e0;}
.hrpCoInfo dt:first-child,
.hrpCoInfo dd.cname {border-top:0 none;}
.tblTopTxt {padding:13px 10px 7px 10px; background:#f9f9f9; color:#999; border-bottom:1px solid #dcdcdc; font-size:0.9em; -webkit-box-shadow:0 2px #f4f4f4; margin-bottom:2px;}

.copyrightBtm {clear:both; position:relative;padding:10px; background:#f4f4f4; font-size:0.8em; color:#999; line-height:1.3; margin:0 10px 10px 10px;}
.copyrightBtm span {text-decoration:underline;}
.copyrightBtm .btn {color:#333; text-decoration:underline;}
.copyrightBtm .lyer {position:absolute; left:50%; top:-100px; margin-left:-145px;}
.copyrightBtm .lyer .lyTit {color:#45a2ff; font-size:1.1em; border-bottom:1px solid #f4f4f4; -webkit-box-shadow:0; background:#f5f9ff; padding:5px 10px;}
.copyrightBtm .lyer .lyCnt {padding:10px;}

.mtuList1 .listRa1 .hr {padding-left:5px; color:#666; font-size:0.8em;}
.hSortOpt3 select {float:right;}

/* 통합검색에 더보기 버튼 추가 */
.smListBtm {text-align:center; border-bottom:1px solid #e6eef5;}
.smListBtm a strong {color:#5fb23a;}
.smListBtm a {display:block; text-align:right; font-size:15px; font-weight:bold; padding:8px 14px 6px 0; background:#f3f7fb;}
.smListBtm a span {padding-right:10px; width:15px; height:15px; background:url(/content/images/m/bg_all_co1.png?202102241700) no-repeat 100% -309px; background-size:50px auto;}

/* 이력서 공개기간 설정 */
.rsOpenMng {position:relative; width:100%;}
.rsOpenMng .hdState {color:#333; font-size:1.3em; margin-bottom:5px;}
.rsOpenMng .info { border-radius:2px; margin:15px 10px; padding:15px 0 15px 68px; background:#f6f6f6 url(/content/images/m/bg_rsopenmng.png?202102241700) no-repeat 13px 13px; background-size:47px 43px;}
.rsOpenMng .info dt {position:relative; float:left; margin-right:10px;}
.rsOpenMng .info dt:before {content:""; position:absolute; left:95px; top:1px; width:1px; height:15px; background:#494949;}
.rsOpenMng .info dd {color:#002aff; margin-left:110px;}
.rsOpenMng .txtTmSet {font-size:1.5em; color:#333; text-align:center; padding:15px 0 20px 0;}
.rsOpenMng .btn {display:flex; display:-webkit-box; display:-webkit-flex; width:100%; margin-left:5px;}
.rsOpenMng .btn button {width:35%; margin-left:5px; }
.rsOpenMng .btn button:last-child {flex:1 1 auto; width:65%; margin-right:15px;}
.rsOpenMng .btn .bt {width:100%;}
.rsOpenMng .btn .jump .bt {color:#fff;}
.rsOpenMng .btm {color:#999; font-size:0.93em; padding:10px 10px 0 10px; }
.rsOpenMng .layer {display:block; position:absolute; left:50%; top:10px; margin-left:-43.5%; width:85%;}
.rsOpenMng .layCnt {padding-top:20px; padding-bottom:20px;}
.rsOpenMng .layCnt .txt {font-size:1.2em; font-weight:bold; color:#333; margin-bottom:15px;}
.rsOpenMng .layCnt .txt strong {color:#002aff;}
.rsOpenMng .layCnt .term dt {color:#494949; float:left;}
.rsOpenMng .layCnt .term dd {position:relative; color:#999; margin-bottom:5px; margin-left:85px;}
.rsOpenMng .layCnt .term dd:before {content:""; position:absolute; left:-10px; top:1px; width:1px; height:15px; background:#494949;}

/* 캠퍼스몬 공모전 로그인 */
.cmLogin .headerT header {height:37px; padding-top:8px; background-color:#abcb21;}
.cmLogin .headerT h1 > span {display:inline-block; font-size:1.45em; color:#28201d; margin-top:1px;}
.cmLogin .ssLogin .accountInput .btLogin {border:1px solid #94b30e; background-color:#a8c723;}
.cmLogin .ssLogin .accountFunc .sch {margin-top:3px;}

.cmLogin .ipCustomUI {width:23px; height:23px; margin:0; background:url(http://i.jobkorea.kr/contest/m/images/bg_cm_sprite.png?202102241700) no-repeat 0 -115px; vertical-align:middle; background-size:50px 500px;}
.cmLogin .ipCustomUI_checkbox.ipCustomUI_checked {background-position:0 -157px;}

/* 2015. 즉시지원,결과내 검색 위치 수정 */
.hSortOpt_1 {position:relative; padding-bottom:15px;}
.hSortOpt_1:after {content:""; display:block; height:0; clear:both;}
.hSortOpt_1 .ipCustomItem label {top:17px;}
.hSortOpt_1 .sortBtn {position:absolute; right:10px; top:15px;}
.hSortOpt_1 .bt10 {height:32px; margin-left:5px; /*margin-top:2px;*/}

/* Tool Tip */
.lyTooltip{width:198px;height:42px;position:absolute;z-index:102;left:-5px;top:40px; z-index:1;}
.lyTooltip:after, .lyTooltip:before {content:""; display:block; background:url("/content/images/m/popup/ly_list_tooltip.png") no-repeat; background-size:198px 42px;}
.lyTooltip:after{width:198px; height:37px;background-position:0 -5px;}
.lyTooltip:before{width:7px; height:5px;background-position:-97px 0; position:absolute; left:50%; top:-4px; margin-left:-4px; }
.lyTooltip .btnLyClose{position:absolute; right:4px; top:0; padding:10px; z-index:2; outline:none;}
.lyTooltip .btnLyClose:after{display:inline-block; width:14px; height:14px; background-position:-225px -310px; position:relative; vertical-align:middle;}

.mPointMain {border:1px solid #c7c6c6;}
.mPointMain li {border-bottom:1px solid #eaeaea;}
.mPointMain li:nth-child(3) {border-bottom:1px solid #c9d1d7;}
.mPointMain li:last-child {border-bottom:0 none;}
.mPointMain .link {height:78px;}
.mPointMain .tit {color:#000;}
.mPointMain .txt {font-size:1em; margin-left:93px; margin-top:5px;  color:#666; white-space:normal; display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.1em;}
.mPointMain .lg {width:82px; height:32px; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; border:1px solid #e4e4e4; overflow:hidden; background-color:#fff; position:absolute; top:32px; left:0;}
.mPointMain .text {display:-webkit-inline-box;text-align:center;line-height:12px;color:#000;font-size:11px;height:22px;overflow:hidden;word-wrap:break-word;word-break:break-all;margin:4px 10px 0 10px;font-weight:normal;}
.mPointMain .btnApply {position:absolute; bottom:26px;}
.mPointMain .btnRow2 {position:absolute; bottom:23px;}

.mGrand .titTarget {padding:0 7px 2px 6px !important;}

@media (max-width:360px){
	.privacy .amNavi select {width:170px;}
}

/* 공고뷰 리뉴얼_2014.12.17~ 2015.03.09*/
/*#ban {width:100%; height:50px;}*/
#ban {height:55px;}
#ban a img {width:320px; height:55px;}
.mGib .icnGib {background:url(/content/images/m/bg_gib_sprite_v1.png?202102241700) no-repeat 0 0; background-size:100px 250px;}
.mGib footer {padding-bottom:30px;}

/* 공고뷰 지하철_new */
.icnSw {position:relative; margin-top:-2px; display:inline-block; height:16px; border:1px solid #ccc; border-radius:10px; background-color:#fff; padding:0 4px; font-size:0.8em; line-height:1.1em; font-weight:bold; text-align:center; font-family:"Apple SD Gothic Neo", Arial, sans-serif; white-space:nowrap; -webkit-box-sizing:border-box; vertical-align:middle;}
.icnSw_101 {border-color:#222e89; color:#222e89;} /* 서울 1호선 */
.icnSw_102 {border-color:#3cb44a; color:#3cb44a;}
.icnSw_103 {border-color:#f86c3e; color:#f86c3e;}
.icnSw_104 {border-color:#13b7cd; color:#13b7cd;}
.icnSw_105 {border-color:#7427d5; color:#7427d5;}
.icnSw_106 {border-color:#e16511; color:#e16511;}
.icnSw_107 {border-color:#7e8a43; color:#7e8a43;}
.icnSw_108 {border-color:#fd7490; color:#fd7490;}
.icnSw_109 {border-color:#c0ae6e; color:#c0ae6e;}
.icnSw_201 {border-color:#edb217; color:#edb217;} /* 분당 */
.icnSw_202 {border-color:#b3244b; color:#b3244b;}
.icnSw_301 {border-color:#6fbee7; color:#6fbee7;} /* 인천1 */
.icnSw_701 {border-color:#27bfcf; color:#27bfcf;} /* 중앙 */
.icnSw_901 {border-color:#3f59d0; color:#3f59d0;}
.icnSw_A01 {border-color:#3bb9a0; color:#3bb9a0;} /* 경의 */
.icnSw_B01 {border-color:#2a9375; color:#2a9375;}
.icnSw_D01 {border-color:#d69c02; color:#d69c02;}
.icnSw_E01 {border-color:#dd7c02; color:#dd7c02;}
.icnSw_F01 {border-color:#84ac2f; color:#84ac2f;}
.icnSw_401 {border-color:#f86c3e; color:#f86c3e;} /* 부산1 */
.icnSw_402 {border-color:#3cb44a; color:#3cb44a;}
.icnSw_403 {border-color:#edb217; color:#edb217;}
.icnSw_404 {border-color:#222e89; color:#222e89;}
.icnSw_C01 {border-color:#7427d5; color:#7427d5;}
.icnSw_501 {border-color:#f86c3e; color:#f86c3e;} /* 대구1 */
.icnSw_502 {border-color:#3cb44a; color:#3cb44a;}
.icnSw_503 {border-color:#edb217; color:#edb217;}
.icnSw_601 {border-color:#3cb44a; color:#3cb44a;} /* 광주1 */
.icnSw_801 {border-color:#5fc357; color:#5fc357;} /* 대전1 */

/* 공고뷰 버튼 및 아이콘 */
.icnGib {display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-9999px;}
.mGib .btRd {border-radius:2px;}
.mGib .bt > span {padding-top:2px;}
.bt .icnGib {margin:-15px 4px -12px 0; position:relative;}
.bt .icnRt {margin:-15px 0 -12px 4px; position:relative;}
.btBc1 {border:1px solid #ccc;}
.btBc2 {border:1px solid #ff6600; color:#ff6600;}
.btnGoApp {text-align:center; margin-bottom:10px;}

.mGib .icn_mobile {width:13px; height:17px; background-position:-48px -28px;}
.mGib .icn_pc {width:17px; height:17px; background-position:-68px -28px;}
.mGib .icn_arr {width:8px; height:12px; background-position:-4px -4px;}
.mGib .icn_arr1 {width:11px; height:16px; background-position:-22px -2px;}
.mGib .icn_arr2 {width:11px; height:16px; background-position:-40px -2px;}
.mGib .icn_arr3 {width:12px; height:8px; background-position:-60px -2px;}
.mGib .icn_arr4 {width:8px; height:12px; background-position:-81px 0;}
.mGib .icn_arr5 {width:16px; height:12px; background-position:-44px -60px;}
.mGib .icn_arr6 {width:16px; height:12px; background-position:-69px -61px;}
.mGib .icn_ck {width:11px; height:12px; background-position:-6px -31px;}
.mGib .icn_map {width:13px; height:17px; background-position:-27px -28px;}
.mGib .icn_phone {width:14px; height:17px; background-position:-27px -107px;}
.mGib .icn_email {width:16px; height:17px; background-position:0 -107px;}

/* 모집요강 */
.mGibCt .hdGib {color:#333; font-size:1.3em !important;  font-weight:bold; margin-bottom:6px;}
.mGibCt .sc {padding:15px 15px 15px 15px; border-bottom:1px solid #eee; line-height:1.7; }
.mGibCt .scCnt {width:100%; clear:both;}
.mGibCt .scCnt_1 {margin-top:10px;}
.mGibCt .scCnt a {text-decoration:underline;}
.mGibCt .scCnt .imp {color:#ff6600;}
.mGibCt .scCnt dt {clear:both; width:65px; color:#999; float:left; margin-bottom:5px;}
.mGibCt .scCnt dd {margin-left:65px; margin-bottom:5px;}
.mGibCt .scCnt dd:last-child {margin-bottom:0;}

.mGibCt .scCnt .divLn {border-top:1px solid #ececec; padding-top:10px;}
.mGibCt .scCnt .jobStyle {line-height:1.6em;}
.mGibCt .scCnt .jobStyle em {color:#002aff;}
.mGibCt .scCnt .icnDay {height:20px; color:#fff; background:#ccc; text-align:center; padding:1px 4px 0 4px; border-radius:3px; line-height:0.8;}
.mGibCt .scCnt .time {display:block;}
.mGibCt .scCnt .gibBtnApy1 {margin:10px 0;}
.mGibCt .scCnt .gibBtnApy1 .bt {width:48%; padding:0 3px; margin-right:5px; line-height:1.5em; white-space:nowrap;}
.mGibCt .scCnt .gibBtnApy1 .bt:last-child {margin-right:0;}
.mGibCt .scCnt .apyTip {font-size:0.8em; color:#999; margin-top:-8px; padding-bottom:5px;}
.mGibCt .sBx {background:#f6f6f6; padding:10px; border-radius:2px; font-size:0.85em; color:#999; margin-top:5px;}
.mGibCt .limWrap {position:relative;}
.mGibCt .limWrap .btnLim {color:#999; text-decoration:underline;}
.mGibCt .limWrap .lyer {position:absolute; left:50%; top:-130px; width:280px; margin-left:-175px; border:3px solid #002aff;}
.mGibCt .limWrap .lyer .lyTit {color:#45a2ff; font-size:1.1em; border-bottom:1px solid #f4f4f4; -webkit-box-shadow:0; background:#f5f9ff; padding:5px 10px;}
.mGibCt .limWrap .lyer .lyCnt {padding:10px;}
.mGibCt .scCnt .add_1 {margin-right:5px;}
.mGibCt a.btMap, .mGibCt a.btContact {color:#333; border:1px solid #ccc; background:#fff; text-align:center; padding:4px 5px 2px 5px; border-radius:2px; text-decoration:none; white-space:nowrap;}
.mGibCt a.btMap .icnGib {margin:-11px 3px -10px 0; position:relative;}
.mGibCt .coMenu {clear:both; margin-top:20px;}
.mGibCt .applyDate_GIB .deadline1 {padding:4px 7px 0 7px;}

.mGibCt .gibBtnApy2 {padding:20px 10px;}
.mGibCt .gibBtnApy2 .bt > span {margin-top:-2px;}
.mGibCt .gibBtnFun {position:relative; width:100%; margin:30px 0;}
.mGibCt .gibBtnFun .btnBefore {position:absolute; left:10px; top:0; width:67px;}
.mGibCt .gibBtnFun .btnList {padding:0 10px 0 76px;}

.mGibCt .mFree {position:relative; border-bottom:2px solid #999;}
.mGibCt .mFree .hdGib {padding-left:10px; background:#f3f5f7; line-height:2.5em; border-bottom:1px solid #c9d1d7; margin-bottom:0;}
.mGibCt .mFree .more {text-align:center; border-top:1px solid #c9d1d7;}
.mGibCt .mFree .more a {display:block; padding:10px 0; line-height:1.8;}
.mGibCt .mFree .btnScrap {position:absolute; top:10px;}
.mGibCt .mFree .btnApply {position:absolute; right:10px; top:15px;}
.mGibCt .mBooth li:last-child {border-bottom:0;}
.mGibCt .mBooth .link {height:60px;}

.mGibCt .noList {background:#fff; padding:40px 0 40px 0; text-align:center;}
.mGibCt .noList .t {font-size:0.93em; color:#898989; }
.mGibCt .noList .t  strong {font-size:1.2em; color:#333;  display:block;}
.mGibCt .noList .btn {margin-top:3px;}
.mGibCt .noList .btn a {text-decoration:underline; font-size:0.93em; color:#898989;}
.mGib .btmCopyright {padding:0 10px; font-size:0.8em; color:#999; margin-bottom:20px; margin-top:10px;}
.mGib .btmCopyright strong {color:#333;}

/* 공고뷰 공통 */
body #wrap,
body #scC {overflow:visible;}
body.wingMenuActive #wrap,
body.wingSearchActive #wrap,
body.wingMenuActive #scC,
body.wingSearchActive #scC {overflow:hidden;}
body#main #wrap,
body#main #scC {overflow:hidden;}

.mGib .wordBreak {word-wrap:break-word; word-break:break-all;}

/* 레이어 타입 헤더 */
.mGib .lyHeader {position:relative; height:33px; padding:10px 0 0 10px; background-color:#002aff;}
.mGib .lyHeader .tit {font-size:18px;letter-spacing:-0.5px; font-weight:bold; line-height:1.3;  color:#fff;}
.mGib .lyHeader .tit .company {float:left; overflow:hidden; max-width:70%; margin-right:4px; text-overflow:ellipsis; white-space:nowrap;}
.mGib .lyHeader .tit .subTit {color:#b9e6ff;}
.mGib .lyHeader .btnClose { position:absolute; right:5px; top:7px; width:44px; height:30px; border:1px solid #fff; border-radius:4px; color:#fff; text-align:center; font-size:14px; line-height:30px;}

/* 공고뷰 상단 기업 정보 */
.mGib .companyBox {position:relative; min-height:189px; padding:22px 0 0 0; text-align:center; background-position:0  0; background-repeat:no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}
.mGib .cLogo {display:inline-block; min-width:130px; max-width:260px; min-height:38px; margin:0 auto; padding:4px 15px; border-radius:10px; background:#fff; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);}
.mGib .cLogo img {display:block; max-width:100%; max-height:100%; margin:0 auto;}
.mGib .cLogo .cName {overflow:hidden; margin-top:4px; font-size:13px; font-weight:normal; color:#333; white-space:nowrap; text-overflow:ellipsis; }
.mGib .cInfo {margin-top:10px; padding:0 35px 60px; font-size:18px; letter-spacing:-0.5px;font-weight:bold; text-align:center;  line-height:1.3; color:#fff;}
.mGib .wrapFunction {position:absolute; bottom:20px; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap;}
.mGib .wrapFunction button {overflow:hidden; position:relative; min-width:32px; height:32px; margin-left:7px; padding:5px; border:1px solid #fff; border-radius:32px; color:#fff; vertical-align:top;}
.mGib .wrapFunction .btnScrap {margin:0;}
.mGib .wrapFunction .btnScrap.on {border-color:#f60; color:#f60;}
.mGib .wrapFunction .btnFavorite {padding:5px 7px;}
.mGib .wrapFunction .btnFavorite.on {border-color:#ff7fac; color:#ff7fac;}
.mGib .wrapFunction .btnMap.on {border-color:#002aff; color:#002aff;}
.mGib .wrapFunction .btnMap_2 {padding:5px 5px 3px; border-radius:3px;}
.mGib .wrapFunction .btnMap_2 span {position:static;}
.mGib .wrapFunction button span {position:absolute; left:100%; white-space:nowrap;}
.mGib .wrapFunction button strong {font-weight:normal; font-size:16px; }
.mGib .wrapFunction button strong span {position:relative; left:0;}
.mGib .hrGib {position:absolute; top:0; right:10px; display:inline-block; width:50px; padding:5px; background-color:#fff091; font-size:12px; text-align:center; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

/* 공고뷰 탭메뉴 */
.mGib .tabMenu {width:100%; background-color:#fff; z-index:1;}
.mGib .tabMenu.fixed {position:fixed; top:0; margin-top:0; box-shadow:0 0 9px 0 rgba(0,0,0,0.15);}
.mGib .tabMenu.sticky {
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-o-sticky;
	position:-ms-sticky;
	position:sticky;
	top:0;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.15);
}
.mGib .tabMenu:after {content:""; display:block; clear:both;}
.mGib .tabMenu li {float:left; box-sizing:border-box; width:25%; height:45px; border-bottom:1px solid #c0c3ca; border-left:1px solid #dfe1e4; line-height:45px; text-align:center; color:#333333;}
.mGib .tabMenu li:first-child {border-left:none;}
.mGib .tabMenu li.on {border-bottom:3px solid #002aff; color:#002aff;}
.mGib .tabMenu li a, .tabMenu li span {display:block; width:100%; height:100%; font-size:16px; font-weight:bold; }

/* 공고뷰 탭 컨텐츠 */
.mGib .bxContent {display:none;}

/* 공고뷰 하단바 */
.mGib .btmBar {position:fixed; bottom:0; box-sizing:border-box; width:100%; padding:2px; background-color:rgba(0, 0, 0, .1); box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 0.15);
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-box; display:-webkit-flex;
	display:flex;
}
.mGib .btmBar > button, .mGib .btmBar > a, .mGib .btmBar > span { display:block; box-sizing:border-box; min-width:44px; height:44px; padding:0; border:1px solid #9d9fa7; border-radius:2px; font-size:16px; font-weight:bold; line-height:43px; text-align:center;}
.mGib .btmBar .btnTop {visibility:hidden; position:absolute; right:5px; bottom:54px; background-color:#f3f3f3;}
.mGib .btmBar .btnTop.fixed, .mGib .btmBar .btnTop.sticky {visibility:visible;}
.mGib .btmBar .btnTop i {display:block; margin:4px 0 -12px;}
.mGib .btmBar .btnBack {width:44px; margin-right:2px; background-color:#f0f0f0; color:#737373;}
.mGib .btmBar .btnShare {min-width:70px; margin-right:2px; background-color:#fff; color:#333333;}
.mGib .btmBar .btnShare i {color:#b5b5b5;}
.mGib .btmBar .btnApply {min-width:200px; background-color:#f60; color:#fff;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
.mGib .btmBar button:last-child {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
.mGib .btmBar .bt > span {margin-top:-5px;}
.mGib .btmBar .btnApply.homepage {border-color:#f60; background-color:#fff; color:#f60;}
.mGib .btmBar .btnApply.etc, .mGib .btmBar .btnApply.closed {padding-top:2px; background-color:#9d9fa7; color:#fff; font-size:14px; font-weight:normal; line-height:1.4;}
.mGib .btmBar .btnApply.etc span {display:block; position:relative; top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* 공고뷰 레이어 */
#wrap .dimmed { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:6;}

.mGib .lyWrap .lyScrap {display:none; position:fixed; top:50%; left:50%; box-sizing:border-box; width:142px; height:142px; margin:-71px 0 0 -71px; padding-top:23px; border-radius:50%; background-color:#f60; text-align:center;  color:#fff; z-index:7;}
.mGib .lyWrap .lyScrap i {display:block; margin-bottom:3px;}
.mGib .lyWrap .lyScrap strong {font-size:16px;}
.mGib .lyWrap .lyFavorite {display:none; position:fixed; top:50%; left:50%; box-sizing:border-box; width:142px; height:142px; margin:-71px 0 0 -71px; padding-top:23px; border-radius:50%; background-color:#fe7fac; text-align:center;  color:#fff; z-index:7;}
.mGib .lyWrap .lyFavorite i {display:block; margin-bottom:3px;}
.mGib .lyWrap .lyFavorite strong {font-size:16px;}

.mGib .lyWrap .lyShare { display:none; position:fixed; top:50%; left:50%; box-sizing:border-box; width:260px; height:200px; margin:-100px 0 0 -130px; border-color:#002aff; z-index:7;}
.mGib .lyWrap .lyShare .list { padding:7px 0 0 0; text-align:center;}
.mGib .lyWrap .lyShare .list li {display:inline-block; margin:0 0 20px 15px; border:0;}
.mGib .lyWrap .lyShare .list li:first-child, .mGib .lyWrap .lyShare .list.count-4 li:nth-child(3) {margin-left:0;}
.mGib .lyWrap .lyShare .list li button {display:block; position:relative; width:52px; height:52px; background:url('/content/images/m/bg_share.png?202102241700') no-repeat 0 0; background-size:260px auto;}
.mGib .lyWrap .lyShare .list li .twitter {background-position:0 0;}
.mGib .lyWrap .lyShare .list li .facebook {background-position:-52px 0;}
.mGib .lyWrap .lyShare .list li .kakaotalk {background-position:-104px 0;}
.mGib .lyWrap .lyShare .list li .mail {background-position:-156px 0;}
.mGib .lyWrap .lyShare .list li .calendar {background-position:-208px 0;}
.mGib .lyWrap .lyShare .list li button span { position:absolute; top:54px; left:-10px; width:72px; white-space:nowrap; font-size:12px; }

.mGib .lyWrap .lyShare .list.count-1, .mGib .lyWrap .lyShare .list.count-2, .mGib .lyWrap .lyShare .list.count-3 {padding:45px 0 0 0;}
.mGib .lyWrap .lyShare .list.count-4 { padding:7px 40px 0 40px;}
.mGib .lyWrap .lyShare .list.count-5 {padding:7px 10px;}
.mGib .lyWrap .lyShare .list.count-5 li:nth-child(4) {margin-left:0;}

/* 공고뷰 근무자 지도 */
.mGib .h2Map { padding:20px 10px 0 10px;}
.mGib .h2Map .hd {font-size:1.2em; font-weight:normal;}
.mGib .h2Map strong {font-weight:bold; color:#333;}
.mGib .wrapOtherMap {position:relative; margin:5px 10px 0;}
.mGib .wrapOtherMap h2 {position:absolute; left:-1000em;}
.mGib .wrapOtherMap .count { position:absolute; top:-20px; right:14px; font-size:12px; }
.mGib .wrapOtherMap .num {font-weight:bold; color:#f60;}

.mGib .wrapOtherMap .list:after {content:""; display:block; clear:both;}
.mGib .wrapOtherMap li {position:relative; float:left; box-sizing:border-box; width:33.33%; height:32px; margin-left:-1px; border:1px solid #c0c3ca;}
.mGib .wrapOtherMap li:nth-child(n +4) {margin-top:-1px;}
.mGib .wrapOtherMap li.on {border-color:#002aff; z-index:1;}
.mGib .wrapOtherMap .btnMap {display:block; box-sizing:border-box; padding:0 4px; width:100%; height:32px;}
.mGib .wrapOtherMap .btnMap span {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; }
.mGib .wrapOtherMap li.on .btnMap span {color:#002aff}
.mGib .wrapOtherMap li.on .btnMap span:before {content:""; overflow:hidden; display:inline-block; position:relative; top:1px; width:11px; height:12px; margin-left:-1px; background:url('/content/images/m/bg_gib_sprite_v1.png?202102241700') no-repeat -6px -31px; background-size:100px 250px;}
.mGib .wrapOtherMap li.empty {text-align:center; padding-top:7px; color:#eee;}

.mGib .wrapMap { margin:10px 10px 0;}
.mGib .txImp {padding-bottom:20px;}

/* 공고뷰 상세요강 */
.mGib .coDetail {padding:10px; word-wrap:break-word; word-break:break-all;}
.mGib .coDetail img {max-width:100%;}
/* .mGib .coDetail table {max-width:100%; width:100%;} */

/* 생생인담톡  */
.liveIndamTalk .bgDeco,
.liveIndamTalk .idtIcn,
.mainIndamTalk .idtIcn,
.liveIndamTalk .idtList .idt .answer:before ,
.liveIndamTalk .idtState .idtIcnNeed,
.idtPopWrite .lyHeader .btnClose_1,
.indamMain .hS5 .deco,
.idtIcnTalk .arrow {background:url(/content/images/m/bg_indamtalk.png?202102241700) no-repeat 0 0; background-size:150px 250px;}

.mGib .btnGoApp {padding-bottom:10px; text-align:center;}

.liveIndamTalk {position:relative; padding-top:25px; border-top:1px solid #eee; margin-top:-1px; margin-bottom:20px;}
.liveIndamTalk .bgDeco {position:absolute; right:20px; top:9px; display:block; width:75px; height:50px; background-position:0 0;}
.liveIndamTalk .hdGib {color:#333; font-size:1.3em !important;  font-weight:bold; margin-bottom:6px; padding:0 10px;}
.liveIndamTalk .idtCnt {border:2px solid #e6e7e9; border-radius:5px; margin:0 10px; padding:10px; line-height:1.5; }
.liveIndamTalk .sortBtn {margin:10px 0 15px 10px;}

.liveIndamTalk .idtState {font-size:1.07em; padding:8px 0 8px 0; background-color:#f5faff; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.liveIndamTalk .idtState li {position:relative; display:inline; padding-left:14px;}
.liveIndamTalk .idtState li:first-child {color:#000;}
.liveIndamTalk .idtState li:first-child:before {background:none;}
.liveIndamTalk .idtState li:before {content:""; position:absolute; top:2px; left:4px; width:1px; height:15px; background:#cfcfd0}
.liveIndamTalk .idtState .allCount {color:#002aff;}
.liveIndamTalk .idtState .idtIcnNeed {display:inline-block; width:80px; height:20px; background-position:0 -69px; text-indent:-9999px;}
.liveIndamTalk .idtState button.on {font-weight:bold; color:#000;}

.liveIndamTalk .idtList {border-bottom:1px solid #eee;}
.liveIndamTalk .idtList_1 {border-top:1px solid #eee;}
.liveIndamTalk .idtList .type {color:#999; position:relative; padding-right:10px;}
.liveIndamTalk .idtList .type:before {content:""; position:absolute; top:2px; right:3px; width:1px; height:15px; background:#cfcfd0}
.liveIndamTalk .idtList li {position:relative; min-height:55px; padding:7px 0; margin:0 10px; border-top:1px solid #eee;}
.liveIndamTalk .idtList li:first-child {border-top:0 none;}
.liveIndamTalk .idtList li.opt {background-color:#fffff3;}
.liveIndamTalk .idtList .idt {width:100%; position:relative; line-height:1.5; padding-top:5px; }
.liveIndamTalk .idtList .idtIcn {font-size:0.85em; text-decoration:underline; background-position:0 0;}
.liveIndamTalk .idtList .idtIcndel {padding-right:20px; background-position:20px -115px; margin-left:5px;}
.liveIndamTalk .idtList .idtIcnWrite {padding-left:15px; background-position:-6px -141px;}
.liveIndamTalk .idtList .idtIcnGood {padding-left:20px; background-position:-6px -165px;}
.liveIndamTalk .idtList .idt .question {padding-left:60px; color:#333; margin-bottom:3px;  font-size:1.07em; overflow:hidden; line-height:1.5;}

.liveIndamTalk .idtList .idt .answer {position:relative; padding-left:75px; margin-top:5px; }
.liveIndamTalk .idtList .idt .answer:before {content:""; position:absolute; top:4px; left:62px; width:10px; height:10px; background-position:-6px -95px;}
.liveIndamTalk .idtList .idt .answer p {color:#666;}
.liveIndamTalk .idtList .idt .answer p a {text-decoration:underline; color:#06c;}
.liveIndamTalk .idtList .idt .answer p .emphasis {font-weight:bold;}
.liveIndamTalk .idtList .idt .answer p .highlight {color:#f00;}
.liveIndamTalk .idtList .idt .answer p .line-break {display:block;}

.liveIndamTalk .idtList .idt .status {position:absolute; top:3px; left:0; text-align:center; color:#fff; font-size:0.85em;}
.liveIndamTalk .idtList .idt .status .circle {display:inline-block; width:50px; height:50px !important; -moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; display:table-cell; vertical-align:middle;}
.liveIndamTalk .idtList .idt .status .ok {background-color:#45c6ff; line-height:1.3;}
.liveIndamTalk .idtList .idt .status .waiting {background-color:#bdc1c8;}
.liveIndamTalk .idtList .idt .status .guide {background-color:#354d76;}
.liveIndamTalk .idtList .idt .btn {text-align:right;}
.liveIndamTalk .idtList .idt .pho {display:block; margin:10px 0;}
.liveIndamTalk .idtList .idt .pho img {width:100%;}

.liveIndamTalk .idtAsk {padding:10px 10px 0 0 ;text-align:right; text-decoration:underline;}
.liveIndamTalk .moreBtn {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f6f6f6; margin-top:-1px;}
.liveIndamTalk .moreBtn button {display:inline-block; width:100%; padding:10px 0;}
.liveIndamTalk .moreBtn .count {color:#ff6600;}

.idtPopWrite .idtQ {padding:0 10px; margin-top:17px;}
.idtPopWrite .idtQ dt {color:#333;  padding-left:17px; text-indent:-17px;}
.idtPopWrite .idtQ dt em {color:#002aff;}
.idtPopWrite .idtQ .inpTexta {width:100%; height:300px; margin-top:10px;}
.idtPopWrite .idtQ select {width:100%;}
.idtPopWrite .idtTplBtm {text-align:center; padding:20px 35px;}
.idtPopWrite .idtTplBtm .tbl {display:table; width:100%;}
.idtPopWrite .idtTplBtm .cell {display:table-cell; width:50%; vertical-align:top; white-space:nowrap;}
.idtPopWrite .idtTplBtm .sp {display:inline-block; width:5px;}
.idtPopWrite .idtTpBtmlInfo {font-size:0.875em; margin:0 10px; line-height:1.4; padding-left:7px; text-indent:-7px; color:#999;}
.idtPopWrite .idtTpBtmlInfo li {padding-top:5px;}
.idtPopWrite .idtTpBtmlInfo li:first-child {padding-top:0;}
.idtPopWrite .lyHeader .btnClose_1 {position:absolute; right:5px; top:7px; width:30px; height:30px; color:#fff; text-align:center; font-size:14px; line-height:30px; background-position:-5px -193px;}
.idtPopWrite .hdTit {color:#333; font-size:1.3em;  font-weight:bold; padding:17px 0 0 10px;}

.indamMain {position:relative; border-top:0 none; padding-top:0;}
.indamMain .hS5 {padding-top:4px;}
.indamMain .hS5 .deco {position:absolute; right:10px; top:0; display:inline-block; width:55px; height:45px; background-position:-93px 0;}
.indamMain .idtIcnText {display:inline-block; width:73px; height:25px; background-position:-2px -224px;}
.indamMain .idtList {margin:0; padding:0  8px 10px 8px;}
.indamMain .idtList {border-top:1px solid #f4f1fb; border-bottom:1px solid #e5e5e5; background-color:#f4f4f4;   }
.indamMain .idtList .hdRetit {overflow:hidden; color:#000; font-size:1.04em; padding:10px 40px 5px 0; white-space:nowrap; text-overflow:ellipsis; font-size:1.04em; padding:10px 0;}
.indamMain .idtList .inr {height:70px; border:1px solid #e5e5e5; -webkit-box-shadow:0 2px rgba(204, 204, 204, 0.2);background-color:#fff !important; padding:13px 10px 5px 10px;}
.indamMain .idtList .status {position:absolute; top:10px; left:10px;}
.indamMain .idtList .question {padding-left:60px; color:#333; margin-bottom:3px;  font-size:1.07em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
 word-wrap:break-word; line-height:1.3;}

.idtIcnTalk {position:relative; top:-2px; margin-left:5px; font:0.85em Arial, sans-serif; text-align:center; border:1px solid #b3b3b3; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e5e5e5)); border-radius:3px; -webkit-box-shadow:0 1px #f4f4f4; color:#666; -webkit-box-sizing:border-box; padding:0 3px; word-break:nowrap; white-space:nowrap;}
.idtIcnTalk .talk {color:#45a2ff; font-size:0.8em; vertical-align:1px;}
.idtIcnTalk .arrow {position:absolute; left:0; top:5px; margin-left:-5px; width:8px; height:8px; padding-left:10px;background-position:-145px -70px;}


/* 모바일 입사지원 이벤트 */
.lyMapplyEvent{
	width:100%;
}

/* 지원 팝업 */
.lyMapplyEvent .lyApplyInner {margin:0 15px; background-color:#fff; border:6px solid #002aff; position:relative;}
.lyMapplyEvent .irImg {background:url(/content/images/m/Text_Co/bg_apply_event.png?202102241700) no-repeat 0 0; background-size:150px 200px; overflow:hidden;}
.lyMapplyEvent .irTx {display:block; position:relative; z-index:-1; font-size:11px;}
.lyMapplyEvent .quickSec h1 {height:44px; line-height:44px; border-bottom:3px solid #002aff; box-sizing:border-box; padding:1px 0 0 5px; font-size:18px;letter-spacing:-0.5px; color:#000; }
.lyMapplyEvent .quickSec h1 em { display:inline-block; vertical-align:top; margin-right:-7px; width:40px; height:30px; background-position:0 -60px;}
.lyMapplyEvent .quickSec .applyBx {padding:12px 8px 11px;}
.lyMapplyEvent .quickSec .applyBx .Inner {border-bottom:3px solid #e4e4e4; padding-bottom:5px;}
.lyMapplyEvent .quickSec h2.titCompany {font-size:14px; color:#699af7;}
.lyMapplyEvent .quickSec .txResume {margin-top:6px; height:65px; width:100%; box-sizing:border-box; display:table; border:2px solid #e7e7e7; border-radius:3px 3px 0 0; background-color:#f4f4f4; text-align:center; font-size:13px; color:#000;}
.lyMapplyEvent .quickSec .txResume p {display:table-cell; vertical-align:middle;}
.lyMapplyEvent .quickSec .btnApply {margin-top:12px; width:100%; height:42px; line-height:46px; background-color:#ff6600; border-radius:2px; font-size:16px; color:#fff; font-weight:bold; text-align:center;}
.lyMapplyEvent .quickSec .txMapplyEvent {text-align:center; margin-top:3px;}
.lyMapplyEvent .quickSec .txMapplyEvent span {display:inline-block; height:14px; line-height:14px; padding:0 5px; font-size:12px; background-color:#fff8bc; color:#333; }
.lyMapplyEvent .quickSec .txMapplyDesc {margin-top:7px; font-size:9px;  color:#333;}
.lyMapplyEvent .quickSec .txMapplyDesc:after {content:""; display:block; clear:both;}
.lyMapplyEvent .quickSec .txMapplyDesc a {float:right; font-size:10px;  color:#002aff; padding-right:8px; text-decoration:underline; position:relative;}
.lyMapplyEvent .quickSec .txMapplyDesc a:after {content:"";display:block; width:6px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url(/content/images/m/Text_Co/bg_apply_event.png?202102241700) no-repeat -10px 0; background-size:150px 200px;}
.lyMapplyEvent .quickSec .btnLyClose {display:block; position:absolute; right:9px; top:14px; width:15px; height:15px; background-position:-20px 0;}

/* 입사지원완료 팝업 */
.lyMapplyEvent .eventConfirm {width:142px; margin:0 auto; position:relative;}
.lyMapplyEvent .eventConfirm h1 {position:relative; width:142px; height:48px; padding-top:94px; background-color:#002aff; text-align:center; font-size:17px; color:#fff; border-radius:100px; background-clip:border-box;}
.lyMapplyEvent .eventConfirm h1:after {content:""; display:block; width:63px; height:62px; position:absolute; left:50%; top:22px; margin-left:-34px; background:url(/content/images/m/Text_Co/bg_apply_event.png?202102241700) no-repeat 0 -100px; background-size:150px 200px;}
.lyMapplyEvent .btnEventResult {margin-top:11px; width:100%; background-color:#5bda67; border-radius:10px; background-clip:border-box; height:52px; font-size:13px; color:#fcf0b1;  font-weight:bold; text-shadow:0 0 2px rgba(75, 209, 86, 0.54);}
.lyMapplyEvent .btnEventResult em {display:inline-block; color:#fff; padding-right:12px; position:relative;}
.lyMapplyEvent .btnEventResult em:after {content:""; display:block; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url(/content/images/m/Text_Co/bg_apply_event.png?202102241700) no-repeat 0 0; background-size:150px 200px;}
.lyMapplyEvent .eventConfirm .btnLyClose {display:block; position:absolute; right:2px; top:5px; width:15px; height:15px; background-position:-40px 0;}
.lyMapplyEvent .eventConfirm .btnLyClose span {text-indent:-9999em;}

/* 이벤트 당첨 팝업 */
.lyMapplyEvent .lyApplyWinBx {margin:0 15px; background-color:#002aff; padding:0 3px 3px 3px; position:relative;}
.lyMapplyEvent .lyApplyWinBx h1 {text-align:center; height:47px; line-height:50px; color:#fff; font-size:16px;}
.lyMapplyEvent .lyApplyWinBx h1:before {content:""; display:inline-block; margin-right:2px; width:13px; height:14px; background:url(/content/images/m/Text_Co/bg_apply_event.png?202102241700) no-repeat 0 -30px; background-size:150px 200px;}
.lyMapplyEvent .lyApplyWinBx .inner {background:#fff; text-align:center; padding:0 6px 9px 6px;}
.lyMapplyEvent .lyApplyWinBx .inner h2 {color:#161616; font-size:30px;letter-spacing:-0.5px; line-height:50px;}
.lyMapplyEvent .lyApplyWinBx .inner figure {margin:0; padding-bottom:5px; margin-bottom:5px; border-bottom:3px solid #e4e4e4;}
.lyMapplyEvent .lyApplyWinBx .inner figure figcaption {margin:7px 0 0 0; font-size:13px; color:#000; }
.lyMapplyEvent .lyApplyWinBx .inner .txPrdDesc {font-size:9px; color:#666; }
.lyMapplyEvent .lyApplyWinBx .btnLyClose {display:block; position:absolute; right:9px; top:16px; width:15px; height:15px; background-position:-20px 0;}
.lyMapplyEvent .lyApplyWinBx .txEventFail {color:#161616; font-size:27px; letter-spacing:-0.5px; padding:20px 0; border-bottom:3px solid #e4e4e4;}
.lyMapplyEvent .lyApplyWinBx .txEventDesc {color:#666; font-size:11px;  padding:22px 0 11px;}

/* 퀵모바일지원_20150325*/
/*#quickApy {position:absolute; left:50%; top:0; margin-left:-45%; width:50%; z-index:10000;}*/

#quickApy {position:absolute; width:100%; margin:0 auto; z-index:10000;}
#quickApy fieldset {min-width:0;}
#quickApy .layer {margin:0 15px;}
#quickApy .layTit {padding:21px 10px 10px 49px; font-size:1.3em;}
#quickApy .close {top:5px;}
#quickApy .icnQuick {position:absolute; top:2px; left:5px; display:inline-block; width:50px; height:38px; background:url(/content/images/m/bg_quickapply.png?202102241700) no-repeat 0 0; background-size:55px 100px;}
#quickApy .hdCo {color:#699af7; padding:5px 0 5px 0; font:bold 1.14em;}
#quickApy .resuemList {border:1px solid #e4e4e4; border-radius:2px; margin-top:10px;}
#quickApy .resuemList dd {position:relative; padding:10px 60px 10px 35px; border-top:1px solid #e4e4e4;}
#quickApy .resuemList dd .ipCustomUI {position:absolute; left:10px; top:18px;}
#quickApy .resuemList .sel {padding:10px; background-color:#f4f4f4;}
#quickApy .resuemList .day {display:block; font-size:0.79em; color:#888; margin-bottom:4px;}
#quickApy .resuemList .tit {width:100%; font-size:0.93em; color:#000; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
#quickApy .resuemList .tit strong {color:#002aff; font-weight:normal;}
#quickApy .resuemList .basic {padding:30px 0; text-align:center; background-color:#f4f4f4; font-size:1.07em}
#quickApy .resuemList .bt12 {position:absolute; top:12px; right:10px;}
#quickApy .btnApy {margin:15px 0;}
#quickApy .btnApy .bt2 {height:47px; font-size:1.3em;}
#quickApy .elsApy {position:relative; border-top:1px solid #e4e4e4; padding-top:10px; color:#333; }
#quickApy .elsApy span {font-size:0.79em; display:inline-block; padding-right:90px;}
#quickApy .elsApy a {position:absolute; right:0; top:11px; font-size:0.79em; text-decoration:underline; color:#002aff; padding-right:10px; background:url(/content/images/m/bg_quickapply.png?202102241700) no-repeat 100% -53px; background-size:55px 100px;}
#quickApy .lyWrap .lyApy {display:block; position:fixed; top:50%; left:50%; box-sizing:border-box; width:142px; height:142px; margin:-71px 0 0 -71px; padding-top:23px; border-radius:50%; background-color:#002aff; text-align:center;  color:#fff; z-index:10000;}
#quickApy .lyWrap .lyApy i {display:block; margin-bottom:3px;}

#quickApy .lyWrap_1 .lyApy {display:block; margin:16px auto 10px auto; box-sizing:border-box; width:142px; height:142px; padding-top:23px; border-radius:50%; background-color:#002aff; text-align:center;  color:#fff; z-index:7;}
#quickApy .lyWrap_1 .lyApy .ico {width:63px; height:62px; background:url(/content/images/m/Text_Co/bg_apply_event.png?202102241700) no-repeat 0 -100px; background-size:150px 200px;}
#quickApy .lyWrap_1 .lyApy .txt1 {display:block; margin-top:10px;}

#quickApy .layCntOk {padding:0;}
#quickApy .layCntOk .hd {font-size:1.4em; color:#000; font-weight:bold; text-align:center; padding:0 0 14px 0;}
#quickApy .layCntOk .titTarget {font-size:1.07em; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:8px; border-top:3px solid #002aff;}

/*#################################################
개인 이력서 등록/수정  - 150518
#################################################*/
#resume select {color:#333; width:100%; height:40px; background-position:100% -541px !important;}
#resume footer {padding-bottom:0;}

/* Button */
.resBtnBg {position:relative; display:inline-block; font-size:11px; font-weight:normal; background:url(/content/images/m/text_user/resume/sprites/res_tpl_btn.png?202102241700) no-repeat 0 0; background-size:80px 500px;}

.resBtnPrev {width:44px; height:41px; background-position:15px -20px;}

.resBtnMore {position:relative; display:inline-block; width:100%; border-top:2px solid #eaeaea; margin-bottom:15px; text-align:center;}
.resBtnMore .more {color:#333; margin-top:15px; }
.resBtnMore .more strong {color:#002aff; font-weight:normal;}
.resBtnMore .more .arrow {width:14px; height:9px; margin-left:5px; background-position:-145px -240px;}
.resBtnMore .close .arrow {width:14px; height:9px; margin-left:5px; background-position:-145px -250px;}

/* 사진 수정,등록 */
.resBtnPhoto {width:25px; height:25px; background-position:-55px -113px;}

/* 이력서뷰 페이지로 이동 */
.resBtnMove {width:7px; height:11px; background-position:-48px  -85px;}
.resBtnMove_1 {width:11px; height:17px; background-position:-28px -85px;}

/* Help */
.resBtnHelp {width:17px; height:17px; background-position:-25px 0;}

/* 추가 */
.resBtnAdd {width:40px; height:40px; border:1px solid #c0c3ca; background-position:-46px -21px; border-radius:2px;}

/* 삭제 */
.resBtnDel {width:40px; height:40px; border:1px solid #c0c3ca; background-position:-46px -47px; border-radius:2px;}
.resBtnDel_1 {width:18px; height:18px; background-position:0 -85px;}

/* 닫기 */
.resBtnClose {width:17px; height:17px; background-position:0 -110px;}
.resBtnClose_1 {width:30px; height:30px; background-position:-57px -77px;}

/* 열기 */
.resBtnOpen {width:17px; height:17px; background-position:0 -127px;}

/* Icon Button */
.resIcon {position:relative; display:inline-block; font-size:12px; font-weight:normal; line-height:1.2;  vertical-align:middle; background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon.png?202102241700) no-repeat 0 0; background-size:160px 1250px;}
.resIcon_1 {display:inline-block; font-size:0.875em; background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon_1.png?202102241700) no-repeat 0 0; background-size:160px 1600px;}

/* 우측 화살표 */
.resIconArr {width:6px; height:22px; padding-right:8px; margin:-15px 4px -10px 0; background-position:right 1px;}
.resIconArrOpen {color:#999; background-position:right -35px;}
.resIconArrClose {color:#999; background-position:right -45px;}

.resIconArr_1 {color:#999; background-position:right -57px;}
.resIconArr_2 {color:#002aff; background-position:right -55px;}
.resIconArr_3 {font-size:12px; width:10px; height:14px; color:#898989; background-position:right -270px;}
.resIconArr_3 strong,
.resIconArr_5 strong {color:#666;}
.resIconArr_4 {color:#002aff; width:10px; height:14px; background-position:right -296px;}
.resIconArr_5 {color:#002aff; width:10px; height:13px; background-position:right -320px;}
.resIconArr_6 {color:#002aff; width:10px; height:14px; background-position:right -341px;}
.resIconArr_7 {background-position:right -526px;}

.resIconArrOpen span,
.resIconArrClose span,
.resIconArr_1 span,
.resIconArr_2 span,
.resIconArr_7 span {padding-right:8px;}

.resIconArr_4 span,
.resIconArr_5 span,
.resIconArr_6 span {padding-right:15px;}

/* IconType */
.resIconType {display:inline-block; font-size:12px; font-weight:bold; line-height:1.2; border-radius:2px; padding:1px 3px 0 2px;  white-space:nowrap; vertical-align:middle; -webkit-box-sizing:border-box; -webkit-box-align:center;}
.resIconRound {font-size:11px; font-weight:normal; border:1px solid #002aff; height:16px; line-height:normal; background-color:#fff; border-radius:10px; padding:2px 5px 0 4px; text-align:center;}
.resIconRound span {display:block; margin-top:-1px;}
.resClGray {color:#999; border-color:#999;}
.resClBlue {color:#002aff; border-color:#002aff;}

/* 아이디 */
.resIconID  {width:16px; height:16px; background-position:-144px -1025px;}

/* 휴대전화 */
.resIconPhone {width:16px; height:16px; background-position:-144px -1061px;}

/* 이메일 */
.resIconEmail {width:16px; height:16px; background-position:-144px -1096px;}

/* 주소 */
.resIconAddress {width:16px; height:16px; background-position:-144px -1137px;}

/* Tip */
.resIconTip {position:relative; font-size:11px; text-align:center; border:1px solid #888; background-color:#9d9d9d; padding:0 4px; border-radius:3px; -webkit-box-shadow:0 1px #f4f4f4; -webkit-box-sizing:border-box; -webkit-box-shadow:inset 1px 1px #acacac, inset -1px -1px #acacac;}
.resIconTip .icnTip {color:#fff; font-size:0.8em; font-weight:bold; }
.resIconTip .arrow {position:absolute; top:3px; right:50%; margin:0 -14px 0 0; width:5px; height:7px; background-position:right -20px;}

/* 상,중,하 */
.resIconLevel {font-size:0.875em; color:#898989; font-weight:normal;}
.resIconLevel  span {position:relative; top:-1px; display:inline-block; font-size:11px; color:#fff; width:13px; height:14px; background-color:#898989; padding:2px 0 0 4px; border-radius:10px;}

/* 좌측메뉴 카운팅 */
.resIconCount {font-size:0.95em; color:#fff; background-color:#002aff; padding:3px 5px 3px 4px; text-align:center;  border-radius:10px;}
.resIconCount span {display:inline-block; min-width:13px; height:15px; white-space:nowrap;}

/* 메일 */
.resIconMail {width:17px; height:16px; background-position:0 -115px;}
.resIconMail_1 {width:15px; height:15px; background-position:-35px -188px;}

/* 복사 */
.resIconCopy {width:15px; height:15px; background-position:0 -140px;}

/* 수정 */
.resIconMod {width:15px; height:14px; background-position:0 -165px;}
.resIconMod_1 {width:17px; height:17px; background-position:-65px -429px;}
.resIconMod_2 {width:17px; height:17px; background-position:-90px -429px;}

/* 등록 */
.resIconReg {width:14px; height:14px; background-position:0 -190px;}

/* 기본이력서 */
.resIconBasic {width:11px; height:17px; background-position:-147px  -461px;}

/* 회원정보 */
.resIconUser {width:15px; height:13px; background-position:-35px -115px;}

/* 전화 */
.resIconPho {width:15px; height:15px; background-position:-35px -140px;}

/* 모바일 */
.resIconMob {width:15px; height:15px; background-position:-33px -165px;}

/* 주소 */
.resIconAddr {width:15px; height:15px; background-position:0 -215px;}

/* 지구 */
.resIconEar {width:15px; height:15px; background-position:-35px -215px;}

/* 확인 */
.resIconCheck {width:12px; height:15px; background-position:-65px -90px;}
.resIconCheck_1 {width:12px; height:15px; background-position:-51px -90px;}

/* 느낌표 */
.resIconPoint {width:13px; height:14px; background-position:-95px -190px;}

/* 포트폴리오 */
.resIconPort {width:15px; height:15px; background-position:-95px -215px;}

/* 첨부파일 */
.resIconFile {width:15px; height:15px; background-position:-95px -240px;}

/* 다운로드 */
.resIconDownload {width:11px; height:10px; background-position:-125px -190px;}

/* 경력 */
.resIconCar {width:15px; height:12px; background-position:-125px -240px;}
.resIconCar_1 {width:69px; height:60px; background-position:-91px -835px;}
.resIconCar_2 {width:30px; height:24px; background-position:-89px -490px;}

/* 주요사회활동 */
.resIconSocial {width:113px; height:110px; background-position:0 -910px;}

/* 수상내역 */
.resIconAward {width:88px; height:87px; background-position:0 -1025px;}

/* 교육이수 */
.resIconComplete {width:88px; height:89px; background-position:0 -1125px;}

/* 자격증 */
.resIconLicense {width:91px; height:69px; background-position:0 -1220px;}

/* 해외연수 */
.resIconOversea {width:91px; height:91px; background-position:0 -1300px;}

/* 어학시험 및 구사능력 */
.resIconLang {width:91px; height:82px; background-position:0 -1400px;}

/* 희망근무조건 */
.resIconHope {width:13px; height:14px; background-position:-147px -140px;}

/* 한큐 */
.resIconHnaq {width:23px; height:25px; background-position:-35px -235px;}

/* 지원현황 */
.resIconApplyOff {width:42px; height:34px; background-position:9px -385px;}
.resIconApplyOn {width:42px; height:34px; background-position:-26px -385px;}

/* 열람기업 */
.resIconComOff {width:42px; height:34px; background-position:-66px -388px;}
.resIconComOn {width:42px; height:34px; background-position:-113px -388px;}

/* 이력서관리 */
.resIconMngOff {width:42px; height:34px; background-position:7px -420px;}
.resIconMngOn {width:42px; height:34px; background-position:-32px -420px;}

/* 관심기업 */
.resIconFavorOff {width:42px; height:34px; background-position:-73px -424px;}
.resIconFavorOn {width:42px; height:34px; background-position:-120px -424px;}

/* 최근 본 공고 */
.resIconViewOff {width:42px; height:34px; background-position:0 -456px;}
.resIconViewOn {width:42px; height:34px; background-position:-50px -456px;}

/* 스크랩 */
.resIconScrapOff {width:42px; height:34px; background-position:4px -489px;}
.resIconScrapOn {width:42px; height:34px; background-position:-41px -489px;}

/* 추가 */
.resIconAdd {width:13px; height:15px; margin:-15px 4px -10px 0; background-position:-35px -88px;}
.resIconAdd_1 {width:14px; height:18px; background-position:-125px -165px;}
.resIconAdd_2 {width:14px; height:18px; background-position:-145px -190px;}
.resIconAdd_3 {display:inline-block; width:33px; height:33px; border:1px solid #d1d5db; border-radius:2px;}
.resIconAdd_3 .resIcon {width:11px; height:11px; background-position:-145px -215px;}
.resIconAdd_4 {width:9px; height:11px; padding-right:8px; background-position:right -215px;}
.resIconAdd_5 {width:8px; height:8px; background-position:-110px -429px;}

/* 삭제 */
.resIconDel {display:inline-block; width:33px; height:33px; border:1px solid #d1d5db; border-radius:2px;}
.resIconDel .resIcon {width:11px; height:11px; background-position:-145px -240px;}
.resIconDel_1 {width:13px; height:25px; margin:-15px 4px -10px 0; background-position:-80px -87px;}

/* 학력 */
.resIconEdu {width:17px; height:10px; background-position:-115px -140px;}
.resIconEdu_1 {width:19px; height:12px; background-position:-125px -215px;}
.resIconEdu_2 {width:84px; height:64px; background-position:0 -765px;}

/* OK 저장완료, 이력서 복사 완료, 전송완료, 이력서 등록 완료 */
.resIconFin {width:160px; height:160px; background-position:0 0;}
.resIconFin_1 {width:160px; height:160px; background-position:0 -160px;}
.resIconFin_2 {width:160px; height:160px; background-position:0 -320px;}
.resIconFin_3 {width:125px; height:125px; background-position:0 -640px;}
.resIconFin_4 {width:160px; height:160px; background-position:0 -480px;}
.resIconFin_5 {width:69px; height:69px; background-position:0 -1490px;}

/* 회원정보수정 */
.resIconUserModify {width:17px; height:16px; background-position:-100px -465px;}

/* 닫기 */
.resIconClose {width:17px; height:16px; background-position:-125px -465px;}

/* 이력서 공개/비공개, 점프업 신청 */
.resIconOpen {width:34px; height:34px; background-position:-39px -385px;}
.resIconOpen_1 {width:34px; height:34px; background-position:-117px -385px;}
.resIconOpen_2 {width:58px; height:58px; background-position:0 -429px;}

.resIconClose {width:34px; height:34px; background-position:0 -385px;}
.resIconClose_1 {width:34px; height:34px; background-position:-78px -385px;}

#resume #wrap {display:block; background-color:#fff;  z-index:100;}
#resume.resTplBodyBg, #resume.resTplBodyBg #wrap {background-color:#f3f5f7;}

#resume .content,
#resume .content > section {margin-bottom:0;}
.resumePop main {padding-top:43px;}

/* heading */
.resHeading {position:relative; clear:both; border-bottom:2px solid #8d94a1;}
.resHeading h1.hd {font-size:1.07em; color:#000; font-weight:bold; padding:14px 0 10px 15px;}
.resHeading .add {position:absolute; right:0; top:16px; padding-right:15px; background-position:100% -1055px;}

/* Sub Header */
.resSubHeader {position:relative; font-size:1.36em; color:#fff; height:33px; line-height:1.3; padding:10px 0 0 15px; background-color:#002aff;  text-align:center;}
.resumePop .resSubHeader {position:fixed; font-size:1.36em; color:#fff; width:100%; height:43px; line-height:1.3; padding:10px 0 0 15px; background-color:#002aff;  text-align:center; z-index:999999; box-sizing:border-box;}
.resMenuHeader {position:relative; height:35px; padding:10px 0 0 10px; background:#30353f;}

.resumeView .resSubHeader {text-align:left;}

/* resSubHeader */
.resSubHeader .btnPrev {position:absolute; left:0; top:0;}
.resSubHeader .btn {position:absolute; right:15px; top:7px;}
.resSubHeader .btn .btnClose {font-weight:normal; font-size:14px; width:44px; height:30px; border:1px solid #fff; background-color:transparent; border-radius:4px; color:#fff; text-align:center; font-size:14px; line-height:30px;}

/* Pop Header */
.popHeader {position:relative; font-size:1.36em; color:#fff; height:33px; line-height:1.3; padding:10px 0 0 15px; background-color:#002aff;  text-align:center;}
.popHeader .bt_prev {display:block; position:absolute; left:0; top:0; width:46px; height:45px; text-indent:-9999px;}
.popHeader .bt_prev:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat 15px -1290px; background-size:50px 1350px;}

/* Bottom */
.resBtmTruth {text-align:center;}
.resBtmTruth div {padding:22px 10px 10px 10px;}
.resBtmTruth div h2 {color:#666; margin-bottom:8px; line-height:1.4;}
.resBtmTruth div .tx {font-size:0.85em; color:#898989; padding:0 10px; margin-bottom:3px;}
.resBtmTruth div .tx em {color:#898989; font-weight:bold; background:none;}
.resBtmTruth div .tx strong {display:inline-block; margin-right:6px;}
.resBtmTruth div .tx .name {margin-left:10px;}
.resBtmTruth div .btnFunc {padding:15px 0;}
.resBtmTruth div .btnFunc .tbl {display:table; width:100%;}
.resBtmTruth div .btnFunc .cell {display:table-cell; width:50%; vertical-align:top; white-space:nowrap;}
.resBtmTruth div .btnFunc .cell_1 {width:33.3%;}
.resBtmTruth .sp {display:inline-block; width:5px;}

.resBtmCopy {font-size:0.8em; color:#999; border-top:2px solid #616161; background-color:#f3f5f7; padding:15px 0 30px 0; text-align:center;}
.resBtmCopy strong {color:#a3a8ab; font-weight:bold;}

/* Box */
.resTplSec {padding:15px 15px;}

.resTplSec_1 {position:relative; line-height:1.4; padding:60px 0 30px 0; text-align:center; vertical-align:middle; }
.resTplSec_1 .tit {font-size:1.4em; font-weight:bold; margin-bottom:5px;}
.resTplSec_1 .tit strong {color:#333;}
.resTplSec_1 .tx {color:#898989; margin-bottom:15px;}
.resTplSec_1 p button {margin-bottom:12px;}

.resTplData {background-color:#f3f5f7;}
.resTplData .noData {position:relative; font-size:1.4em; color:#898989; text-align:center; vertical-align:middle; }
.resTplData .noData .sp {display:inline-block; min-height:260px; vertical-align:middle;}
.resTplData .noData .cont {display:inline-block;}
.resTplData .noData .cont strong {color:#666; font-weight:bold;}
.resTplData .noData .cont em {display:block; font-size:0.875em; color:#898989; padding-top:5px;}
.resTplData .noData .resIcon_1 {position:absolute; left:50%; top:50%; margin:35px 0 0 -42px;}
.resTplData_an .noData .sp {display:inline-block; min-height:350px; vertical-align:middle;}

/* Table */
.resTplTable {text-align:left; font-size:0.93em;}
.resTplTable table {width:100%; border-collapse:separate; border-spacing:0;}
.resTplTable th,
.resTplTable td {position:relative; color:#333; padding:6px 5px 5px 0; vertical-align:top; -webkit-box-sizing:border-box;}
.resTplTable td button {color:#333; text-decoration:underline;}
.resTplTable th {font-weight:normal; color:#999;}

/* List */
.resTplList {position:relative; display:block;}
.resTplList h1.hd {padding:11px 0 9px 15px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#f3f5f7;}
.resTplList h1.hd em {font-weight:normal;}
.resTplList h1.first {border-top:0;}
.resTplList .check {position:absolute; top:10px; right:15px;}
.resTplList .check .ipCustomItem {font-size:0.85em;}
.resTplList .func {position:absolute; top:7px; right:15px;}
.resTplList ul.list {position:relative; background-color:#fff;}
.resTplList ul.list li {position:relative; border-bottom:1px solid #e5e5e5; padding:14px 85px 14px 75px;}
.resTplList ul.list li em {position:absolute; left:15px; top:14px; color:#333;}
.resTplList ul.list li button {position:absolute; right:15px; top:50%; margin-top:-15px;}
.resTplList .add li {padding:14px 10px 14px 70px;}
.resTplList .notice {font-size:0.875em; color:#666; padding:7px 0 0 15px;}
.resTplList .add_1 {font-weight:bold; margin-bottom:5px;}
.resTplList_1 {background-color:#f3f5f7;}

.resTplList_2 {overflow:hidden;}
.resTplList_2 li {float:left; padding-bottom:8px;}

.resTplList_3 {padding-left:10px;}
.resTplList_3 li {padding:7px 0;}
.resTplList_3 li .ipCustomItem {font-size:16px;}

.resTplList_4 {line-height:20px;}
.resTplList_4 li {position:relative; color:#333; padding:10px 0 6px 0; border-top:1px solid #eaeaea;}
.resTplList_4 .tit {display:block;}
.resTplList_4 .day {color:#666;}
.resTplList_4 .cnt {display:block; color:#666; margin-top:5px;}

.resTplList_5 {margin:0 15px;}
.resTplList_5 ul {position:relative; background-color:#fff; padding:8px 0;}
.resTplList_5 ul li button {display:block; width:100%; text-align:left; padding:8px 0;}
.resTplList_5 ul li button strong {color:#002aff;font-size:1.07em;}
.resTplList_5 ul li button em {display:block; font-size:0.86em; color:#999;}

.resTplList_6 {margin:0;}
.resTplList_6 ul {position:relative; background-color:#fff;}
.resTplList_6 ul li {border-top:1px solid #ebebeb;}
.resTplList_6 ul li:first-child {border-top:0 none;}
.resTplList_6 ul li button {display:block;width:100%;text-align:left;padding:8px 15px;}
.resTplList_6 ul li button strong {color:#002aff; font-size:1.07em;}
.resTplList_6 ul li button em {display:block; font-size:0.86em; color:#999;}
.resTplList_6 .add {display:block;font-size:1em;color:#333;overflow:hidden; text-overflow:ellipsis; word-break:nowrap; white-space:nowrap;}
.resTplList_6 .desc {display:block;font-size:0.79em;color:#999;overflow:hidden; text-overflow:ellipsis; word-break:nowrap; white-space:nowrap;}
.resTplList_6 .noEduData {margin:0 15px;}

.resTbl {padding:8px 0 6px 0; line-height:1.5;}
.resTbl dt {float:left; width:70px; color:#999; padding:3px 0;}
.resTbl dd {position:relative; color:#333; padding:3px 0; margin:0 0 2px 70px;}
.resTbl dd button {color:#333; text-decoration:underline;}

/* Form */
.resTplForm {color:#333; padding:10px 0; margin:0 10px; text-align:left; border-bottom:1px solid #d2d2d2;}
.resTplForm:last-child {border-bottom:0;}
.resTplForm dt {position:relative; font-weight:normal; vertical-align:top;}
.resTplForm dt label {position:absolute; left:0; top:15px;}
.resTplForm dd {position:relative; padding:5px 0 5px 25px;}
.resTplForm dd .txt {display:block; padding-right:52px;}
.resTplForm dd .txt_1 {position:relative; padding-right:144px;}
.resTplForm dd .txt_1 .btn {position:absolute; top:0; right:52px;}
.resTplForm dd .check {position:absolute; top:13px; right:0;}
.resTplForm dd .check input {width:auto;}
.resTplForm dd .check_1 {display:block; padding-top:4px;}
.resTplForm dd .check_1 .ipCustomItem {padding-right:22px;}

.resTplForm .tbl {display:table; width:100%;}
.resTplForm .tbl > span {display:table-cell; width:70%; padding-right:52px;}
.resTplForm .tbl > span:first-child {width:30%; padding:0;}
.resTplForm .tbl .space {display:inline-block; width:5px; padding:0; text-align:center;}
.resTplForm .tbl select,
.resTplForm .tbl input {width:100%; color:#333;}
.resTplForm .tbl select {height:40px; background-position:100% -541px !important;}
.resTplForm .notice {display:block; font-size:0.875em; color:#666; padding-top:4px;}
.resTplForm .tbl .resBtnDel_1 {position:absolute; top:10px; right:10px;}

.resTplForm .add .txt {margin-bottom:5px;}

.resTplForm_1 {color:#333;}
.resTplForm_1 h1.hd {font-size:1.2em;}
.resTplForm_1 .tbl {display:table; width:100%;}
.resTplForm_1 .tbl span {display:table-cell; width:50%;}
.resTplForm_1 .tbl span:nth-child(2n) {padding-left:5px;}

.resTplForm_2 {padding:20px 15px;}
.resTplForm_2 dt {position:relative; font-size:1.05em; font-weight:bold; margin-bottom:5px;}
.resTplForm_2 dt strong {color:#002aff;}
.resTplForm_2 dt em {font-size:12px; color:#666;}
.resTplForm_2 dt .resIconLevel {position:absolute; top:0; right:0;}
.resTplForm_2 dd {margin-bottom:15px;}
.resTplForm_2 dd:last-child {margin-bottom:0;}
.resTplForm_2 dd .txt {position:relative; display:block; padding-right:55px;}
.resTplForm_2 dd .txt .btn {position:absolute; top:2px; right:0;}
.resTplForm_2 .tbl {display:table; width:100%;}
.resTplForm_2 .tbl input {width:100%;}
.resumeCareer .resTplForm_2 .tbl input {width:100%; padding-top: 2px; min-height:40px;}
.resTplForm_2 .tbl > span {display:table-cell; width:50%;}
.resTplForm_2 .tbl_1 {margin-bottom:5px;}
.resTplForm_2 .tbl_2 {border-top:1px dashed #d2d2d2; padding-top:5px;}
.resTplForm_2 .tbl_3 {margin-top:5px;}

.resTplForm_3 .tbl .tplFormBox {width:65%;}
.resTplForm_3 .tbl > span {width:35%;}

.qualification {padding:20px 15px;}

.tplFormBox {position:relative; display:table; width:100%; padding:0;}
.tplFormBox input {width:100%; padding-right:35px; height:40px;}
.tplFormBox .bt_reset {position:absolute; top:13px; right:10px;}
.resumeCareer .tplFormBox .bt_reset {position:absolute; top:12px; right:10px;}

/* Textarea */
.resTplText {padding:10px 15px 0 15px;}
.resTplText .txt {padding-bottom:7px;}
.resTplText .txt strong {color:#666; font-weight:bold;}

/* 상단 Text */
.resTplTopTxt {font-size:0.875em; padding:20px 0 6px 15px; border-bottom:2px solid #8d94a1;}

/* Bottom Button */
.resBtmBtn {text-align:center; padding:15px 15px;}
.resBtmBtn .tbl {display:table; width:100%;}
.resBtmBtn .tbl:nth-child(2) {margin-top:5px;}
.resBtmBtn .cell {display:table-cell; width:50%; vertical-align:top; white-space:nowrap;}
.resBtmBtn .cell_1 {width:33.33%;}
.resBtmBtn .sp {display:inline-block; width:5px;}
.resBtmBtn_1 {border-top:1px solid #c6c6c6;}

.resTplInfo {font-size:0.875em; color:#666; margin:0 20px 15px 20px; line-height:1.4;}
.resTplInfo li {position:relative; padding-left:7px;}
.resTplInfo span {position:absolute; left:0; top:2px;}

.resTplInfo_1 {position:relative; padding-left:7px; margin-top:5px;}
.resTplInfo_1 li {position:relative; font-size:0.875em; padding-left:8px;}
.resTplInfo_1 li strong {color:#002aff; font-weight:normal;}
.resTplInfo_1 li em {color:#898989;}
.resTplInfo_1 li:before {content:""; position:absolute; left:2px; top:5px; width:2px; height:2px; background:#898989;}

/* Banner */
#resume .mainBan {background-color:#dcf6ff; text-align:center;}
#resume .mainBan p {padding-top:8px;}

/* Line */
.resTplDeco {height:11px; border-top:4px solid #e4e4e4; background-color:#ececec;}

/* Layer */
.resLayer {overflow:hidden; text-align:left; border:3px solid #538bfa; background:#fff;  line-height:normal; z-index:1000;}
.resLayer h1 {font-size:1.25em; color:#000; padding:11px 15px 9px 15px !important; border-bottom:1px solid #86aefb !important; background:#fff !important;}
.resLayer h2 {font-size:1em; color:#333; margin-bottom:3px;}
.lyCont {padding:20px 15px;}
.lyCont p,
.lyCont .lyList {font-size:0.875em;}
.lyCont .lyTx {color:#333; padding-left:27px; margin-bottom:10px;}
.lyCont .lyIp {padding-left:27px;}
.lyCont .lyIp input {font-size:15px; width:82px;}
.lyCont .lyIp label {font-size:15px; color:#898989; padding-right:10px;}
.lyCont .lyList li {position:relative; padding-left:8px; margin-top:20px;}
.lyCont .lyList li:first-child {margin-top:0;}
.lyCont .lyList li:before {content:""; position:absolute; left:2px; top:6px; width:2px; height:2px; background:#898989;}
.lyCont strong {color:#333 !important; font-weight:normal;}
.lyCont em {color:#002aff !important;}
.lyBtm {text-align:center; padding:15px 0; background-color:#F9F9F9; border-top:1px solid #e9e9e9;}
.lyBtm button,
.lyBtm a {margin:0 5px !important;}
.lyClose {position:absolute; top:16px; right:15px; width:14px; height:14px; background-position:0 -90px; text-indent:-9999px;}


/* 레이어 안내 공통 */
#resume .lyInfo {padding:15px 15px; background-color:#f4f4f4;}
#resume .lyInfo dl {position:relative; text-align:left;}
#resume .lyInfo dl dt {margin-bottom:5px;}
#resume .lyInfo dl dd {position:relative; font-size:0.79em; color:#999; padding-left:8px; line-height:1.5;}
#resume .lyInfo dl dd:before {content:""; position:absolute; left:2px; top:6px; width:2px; height:2px; background:#898989;}

/* 이력서 점프업 서비스 */
#resume .layJump .layTit {padding:10px;}
#resume .layJump .layCnt {padding:20px 15px;}
#resume .layJump .layCnt h2 {color:#999; padding:9px 0 7px 0; margin-bottom:3px;}
#resume .layJump .layCnt h2:nth-child(1) {border:1px solid #c2c5cc; text-align:center; border-radius:3px;}
#resume .layJump .layCnt h2 strong {color:#333; font-weight:bold;}
#resume .layJump .layCnt dl {margin-top:17px;}
#resume .layJump .layCnt dl dt,.layJump .layCnt dl dd {line-height:1.4;}
#resume .layJump .layCnt dl dt {float:left; color:#333; white-space:nowrap;}
#resume .layJump .layCnt dl dd {position:relative; color:#898989; margin-left:65px; padding-left:9px;}
#resume .layJump .layCnt dl dd:before {content:""; position:absolute; top:2px; left:0; width:1px; height:12px; background-color:#999;}

#resume .layJump .layCnt .resTplTab {margin-bottom:15px;}
#resume .layJump .layCnt .resTplTab li {width:33.33%;}
#resume .layJump .layCnt p {text-align:center;}

#resume .layJump .layBtm {text-align:left; padding:15px 15px;}
#resume .layJump .layBtm dl {position:relative; color:#898989;}
#resume .layJump .layBtm dl dt {position:absolute; left:0; top:-3px;}
#resume .layJump .layBtm dl dd {position:relative; font-size:0.75em; padding-left:8px; margin-left:30px; line-height:1.5;}
#resume .layJump .layBtm dl dd:before {content:""; position:absolute; left:2px; top:6px; width:2px; height:2px; background:#898989;}
#resume .layJump .close {top:0;}

.layBtm {text-align:center; padding:15px 0; background-color:#F9F9F9; border-top:1px solid #e9e9e9;}
.layBtm button,
.layBtm a {margin:0 5px !important;}

/* 이력서 공개여부 설정 */
#resume .lyResSet .lyCont {padding:20px 15px 0 15px;}
#resume .lyResSet .lyCont .lyTop {padding:0 14px; background-color:#f4f4f4; border-radius:7px; text-align:center;}
#resume .lyResSet .lyCont .lyTop .tit {position:relative; display:table; width:100%; height:80px; vertical-align:middle; padding:7px 0; border-bottom:1px solid #d2d2d2;}
#resume .lyResSet .lyCont .lyTop .tit:after {content:""; position:absolute; left:50%; top:18px; width:58px; height:58px; margin-left:-91px; background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon.png?202102241700) no-repeat 0 -429px; background-size:160px 1250px;}
#resume .lyResSet .lyCont .lyTop .tit .cell {display:table-cell; font-size:1.57em; height:58px; padding-left:57px; vertical-align:middle;}
#resume .lyResSet .lyCont .lyTop .tit .cell strong {display:block; color:#00b645 !important; font-weight:bold;}
#resume .lyResSet .lyCont .lyTop .os {display:block; font-size:0.79em;}
#resume .lyResSet .lyCont .lyTop .pr {font-size:0.79em; line-height:1.4; padding:10px 0;}
#resume .lyResSet .lyCont .lyTop .pr strong {font-weight:bold;}
#resume .lyResSet .lyCont .lyTop .pr_1 {color:#999; text-align:left;}
#resume .lyResSet .lyCont .lyIp {padding:0; margin-top:12px;}
#resume .lyResSet .lyCont .lyIp li {padding:3px 0;}
#resume .lyResSet .lyCont .lyIp label {color:#333;}
#resume .lyResSet .resBtmBtn {padding:15px 15px 20px 15px;}

.resTplTab {overflow:hidden;}
.resTplTab li {position:relative; float:left; width:33.3%; border:1px solid #c0c3ca; background-color:#fff; margin-left:-1px; z-index:1; -webkit-box-sizing:border-box;}
.resTplTab li em {display:block; font-size:0.75em; padding-left:8px;}
.resTplTab li button {font-size:1.071em; width:100%; padding:9px 0;}
.resTplTab li button.odd {padding:3px 0;}
.resTplTab li:first-child {width:33.5%; margin-left:0; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.resTplTab li:last-child {border-top-right-radius:3px; border-bottom-right-radius:3px;}
.resTplTab li.on {border:1px solid #002aff; z-index:2;}
.resTplTab li.on button {color:#002aff; font-weight:bold;}

.resToolTip {position:absolute; z-index:700;}
.resToolTip .ttCont {font-size:12px; color:#000; font-weight:normal;  padding:10px 20px 7px 10px; background:#ffea63; border-radius:2px;}
.resToolTip .ttCont li,.resToolTip .ttCont dd {position:relative; color:#333; padding:0 0 0 4px; line-height:18px;}
.resToolTip .ttCont li:before, .resToolTip .ttCont dd:before {content:""; position:absolute; left:0; top:8px; width:1px; height:1px; background:#000;}
.resToolTip .ttCont dt {font-weight:bold; line-height:18px;}
.resToolTip .ttClose {position:absolute; right:0; top:0; width:25px; height:25px; background-position:-142px -102px; text-indent:-9999px;}
.resToolTip .arrow {position:absolute; width:9px; height:9px; top:-9px; left:50%; background-position:right -89px;}

/* 이력서 사진 */
.lyPht .lyCont p {margin-bottom:15px;}
.lyPht .lyCont button {font-size:1em; color:#666; margin-bottom:5px;}
.lyPht .lyCont button:last-child {margin-bottom:0;}
.lyPht .lyCont .resIconAdd {background-position:-35px -86px;}

/* Tap 공통 */
.resTapMenu {overflow:hidden; width:100%; background-color:#fff;}
.resTapMenu li {float:left; width:50%; border-bottom:4px solid #c3c3c3;}
.resTapMenu li button {font-size:1.29em; color:#333; font-weight:bold; width:100%; height:100%; padding:14px 0 8px 0; }
.resTapMenu li.on {border-bottom:4px solid #002aff;}
.resTapMenu li.on button {color:#002aff;}
.resTapMenu li.on span {color:#333; background-color:#fff;}

/* 이력서 보기
------------------------------------------------------------------------------------ */
/* 기본정보 */
.resHeader .resTit {position:relative; font-size:1.29em; font-weight:bold; color:#000; padding:13px 13px 12px 15px; text-align:left; border-bottom:1px solid #eaeaea; background-color:#fffdef;}
.resHeader .resTit .btnMod {display:block; font-size:12px; color:#666; padding-top:5px; text-align:right;}
.resHeader .resTit .btnMod a {font-weight:normal;}
.resHeader .resTxt {position:relative; font-size:0.85em; padding:12px 15px; border-bottom:1px solid #c3c3c3; line-height:1.6;}
.resHeader .resTxt .resIconRound {margin-right:4px;}
.resHeader .resTxt .arrow {position:absolute; left:58px; bottom:-14px; width:16px; height:14px; background-position:-95px -140px;}

.resHeader .resInfo {position:relative;}
.resHeader .resInfo .info {position:relative; color:#333; min-height:180px; margin:0 15px;border-bottom:0 none;}
.resHeader .resInfo .info li {position:relative; margin-left:113px; border-top:1px solid #e5e5e5; padding:7px 3px 7px 3px; min-height:13px;}
.resHeader .resInfo .info li:first-child {padding:0 0 7px 3px; border-top:0;}
.resHeader .resInfo .info li:first-child .resIconRound {position:absolute; top:0; right:0; width:41px;}
.resHeader .resInfo .info .name {margin-top:16px;}
.resHeader .resInfo .info .name strong {}
.resHeader .resInfo .info .photo {position:absolute; left:0; top:2px; padding:0; margin:0; border:0;}
.resHeader .resInfo .info .photo .resBtnPhoto {position:absolute; right:2px; bottom:2px;}
.resHeader .resInfo .info .resIconRound {position:absolute; top:7px; right:0; width:41px;}
.resHeader .resInfo .info .noData {color:#999;}
.resHeader .resInfo .info .open {padding:7px 55px 7px 3px; word-break:break-all;}
.resHeader .resInfo .info .closed {color:#999; padding:7px 55px 7px 3px; word-break:break-all;}
.resHeader .resInfo .edit .tb {position: absolute;top:14px;right:13px;color: #002aff;font-size:0.86em;}
.resHeader .point {position:relative; font-size:0.75em; color:#999; padding:10px 10px 10px 22px;  word-break:break-all;}
.resHeader .point span {position:absolute; left:15px; top:12px;}

.resHeader .summary {padding:1px 0; margin:0 15px;}
.resHeader .summary .resTbl dd .ttCont dt {float:none; width:auto; color:#000;}
.resHeader .summary .resTbl dd .ttCont dd {margin:0;}

/* 타임라인 */
.resTimeLine {position:relative;}
.resTimeLine .timeMenu {overflow:hidden; width:100%;}
.resTimeLine .timeMenu li {float:left; width:50%; border-bottom:4px solid #c3c3c3;}
.resTimeLine .timeMenu li button {font-size:1.29em; color:#333; font-weight:bold; width:100%; height:100%; padding:14px 0 8px 0; }
.resTimeLine .timeMenu li.on {border-bottom:4px solid #002aff;}
.resTimeLine .timeMenu li.on button {color:#002aff;}
.resTimeLine .timeViewBx {position:relative;}
.resTimeLine .timeViewBx .sort {position:absolute; top:12px; right:15px; white-space:nowrap;}
.resTimeLine .timeViewBx .sort .ipCustomItem {margin-left:14px;}
.resTimeLine .timeViewBx .sort .ipChk {color:#002aff;}
.resTimeLine .timeView {position:relative; background:url(/content/images/m/text_user/resume/sprites/bg_rstimeline.png?202102241700) repeat-y 12px 0; background-size:54px 93px;}
.resTimeLine .timeView dl {border-bottom:1px solid #ededed;}
.resTimeLine .timeView dl dt {position:absolute; left:15px; top:13px; color:#002aff; font-weight:bold;}
.resTimeLine .timeView dl dd {position:relative; padding:12px 15px 11px 10px; margin-left:60px; border-top:1px solid #ededed;}
.resTimeLine .timeView dl dd:nth-child(2) {border:0;}
.resTimeLine .timeView dl .tit,
.resTimeLine .timeView dl .day,
.resTimeLine .timeView dl .job,
.resTimeLine .timeView dl .cnt {display:block;}
.resTimeLine .timeView dl .tit {font-weight:bold; color:#333;}
.resTimeLine .timeView dl .tit:after {content:""; position:absolute; left:-8px; top:11px; width:11px; height:19px; background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon.png?202102241700) no-repeat -95px -167px; background-size:160px 1250px; z-index:100;}
.resTimeLine .timeFirst {margin-top:5px;}
.resTimeLine .timeFirst:before {content:""; position:absolute; left:53px; top:0; width:10px; height:15px; background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon.png?202102241700) no-repeat -110px -168px; background-size:160px 1250px; z-index:100;}
.resTimeLine .timeLast {border-bottom:2px solid #eaeaea;}
.resTimeLine .timeLast dl {border-bottom:0;}
.resTimeLine .timeLast:after {content:""; position:absolute; left:53px; bottom:0; width:10px; height:7px; background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon.png?202102241700) no-repeat -110px -180px; background-size:160px 1250px; z-index:100;}
.resTimeLine .btnView {display:block; text-align:right; line-height:normal;}

/* 기타 경력사항 */
.resTimeLine .timeOther {position:relative; border-bottom:2px solid #c3c3c3;}
.resTimeLine .timeOther .bx {margin:0 15px;}
.resTimeLine .timeOther h5.hd {position:relative; font-size:1.07em; color:#000; font-weight:bold; padding:12px 0 9px 0; margin:0; border-bottom:1px solid #eaeaea;}
.resTimeLine .timeOther .self {color:#333; padding:10px 0 8px 0; line-height:1.7;}

.resTimeLine .day {margin:3px 0 3px 0;}
.resTimeLine .job {display:table; padding:0 0 3px 0;}
.resTimeLine .job strong,.resTimeLine .pro strong {font-weight:normal;}
.resTimeLine .job strong {display:table-cell; padding-right:5px; white-space:nowrap;}
.resTimeLine .job em {display:table-cell;}
.resTimeLine .btnPro {padding-top:7px; text-align:right;}
.resTimeLine .pro {font-size:0.85em; color:#999; padding:8px; margin-top:9px; border:1px solid #e5e5e5; background-color:#fffdf0;}

/* 펼쳐보기 - 공통 */
.resTimeLine .inner h4.hd {overflow:hidden; position:relative; font-size:1.29em; color:#000; font-weight:bold; padding:9px 0 9px 15px; background-color:#edeff2;}
.resTimeLine .inner h4.hd strong {float:left; width:15%;}
.resTimeLine .inner h4.hd .add {float:right; font-size:14px; font-weight:normal; color:#002aff; width:85%; margin-top:3px; text-align:right;}
.resTimeLine .inner .tit {display:block; font-size:1.07em;}
.resTimeLine .inner .day {display:block; color:#999;}
.resTimeLine .inner .cnt {display:block; position:relative; margin-top:0; line-height:1.5;}
.resTimeLine .inner .cnt ul li {color:#666; border-top:0; padding:2px 0;}

/* 펼쳐보기 - 학력 */
.resTimeLine .openView h4.hd {background:none; padding:9px 0 7px 0;}
.resTimeLine .openView .edu {padding:0 15px; border-bottom:2px solid #c3c3c3;}

/* 펼쳐보기 - 경력 */
.resTimeLine .openView .career {border-bottom:2px solid #eaeaea;}
.resTimeLine .openView .career h4.hd {margin:0 15px;}
.resTimeLine .openView .career .bx {margin:0 15px; border-top:1px solid #eaeaea;}
.resTimeLine .openView .career .bx:nth-child(n+4) {border-top:0;}
.resTimeLine .openView .career .bx .head {position:relative; color:#333; padding:10px 0 8px 0;}
.resTimeLine .openView .career .bx .head .day {margin-top:5px;}
.resTimeLine .openView .career .bx .head .day .resIconRound {vertical-align:1px;}
.resTimeLine .openView .career .bx .resTbl {border-top:1px solid #eaeaea;}
.resTimeLine .openView .career .bx .btnPro {padding:8px 0; text-align:right;}
.resTimeLine .openView .career .bx .pro {font-size:0.85em; color:#999; padding:8px; margin:2px 0 15px 0; border:1px solid #e5e5e5; background-color:#fffdf0;}
.resTimeLine .openView .career .resTplDeco {height:2px; border-top:0; background-color:#eaeaea;}

/* 펼쳐보기 - 기타 */
.resTimeLine .inner .etc {padding:0 15px 10px 15px;}

/* 자기소개서 */
.resSelf {margin-bottom:0 !important; position:relative;}
.resSelf h1.hd {position:relative; font-size:1.29em; color:#000; font-weight:bold; padding:12px 0 9px 0; border-bottom:1px solid #eaeaea;}
.resSelf .bx {margin:0 15px;}
.resSelf .tit {color:#999; padding:10px 0; border-bottom:1px solid #eaeaea; line-height:1.7;}
.resSelf .self {color:#333; padding:10px 0 8px 0; line-height:1.7;}
.resSelf .btnView {text-align:right; line-height:normal;}

/* 다운로드 */
.resFile {font-size:0.93em; color:#333; line-height:1.5; padding:10px 15px 4px 15px; border-top:1px solid #e5e5e5; background-color:#fffdf0; }
.resFile .file {position:relative; margin-bottom:10px;}
.resFile .file dt {color:#002aff; padding-left:20px; margin-bottom:5px;}
.resFile .file dt span {position:absolute; left:0; top:1px;}
.resFile .file dd {margin-left:20px;}
.resFile .file dd ul,
.resFile .file dd p.doc {border:1px solid #e5e5e5; background-color:#fbfbfb; padding:8px 8px;}
.resFile .file dd ul li {line-height:2.0;}
.resFile .file dd ul li a,
.resFile .file dd p.doc a {color:#666;}
.resFile .file dd p.porInfo {position:relative; font-size:11px; color:#999; padding-left:5px; margin:5px 0 0 0;}
.resFile .file dd p.porInfo span {position:absolute; left:0; top:4px;}

/* 지원 업직종, 지원 키워드 */
.resApply {margin:0 15px;}
.resApply .resTbl dt {width:90px;}
.resApply .resTbl dd {margin:0 0 2px 90px; word-break:break-all;}

/* 이력서작성 */
.resTplTextArea {width:100%; height:40px; border:1px solid #002aff !important; padding:10px 9px 8px 9px;}
.resTplTextArea:focus {border:1px solid #002aff !important;}

.wrSection {position:relative; margin-top:-1px;}
.wrSection h1.hd {font-size:1.29em; color:#333; font-weight:bold; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#f3f5f7; padding:10px 0 8px 15px;}
.wrSection h1.hd em {position:relative; top:2px; color:#002aff;}
.wrSection .wrFunc {display:table; position:absolute; top:2px; right:0; height:38px; margin:0 10px 0 140px;}
.wrSection .wrFunc .tb {position:relative; display:table-cell; font-size:12px; vertical-align:middle; text-align:right; padding-right:26px;}
.wrSection .wrFunc .tb .cell {display:-webkit-box; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; box-sizing:border-box;}
.wrSection .wrFunc .tb .resBtnBg {position:absolute; top:50%; right:5px; margin-top:-9px;}
.wrSection .wrFunc .tb .cl {color:#002aff;}

.wrSection .addList {color:#333; border-bottom:1px solid #d2d2d2;}
.wrSection .addList li {position:relative; border-top:1px solid #e5e5e5;}
.wrSection .addList li:first-child {border-top:0;}
.wrSection .addList li a {display:block; padding:11px 15px;}
.wrSection .addList li .btn {position:absolute; top:12px; right:13px; font-size:0.875em; color:#999;}
.wrSection .addList li .btn strong {font-weight:normal;}
.wrSection .addList li .btn .cl {color:#002aff;}
.wrSection .addList li .btn .count {font-weight:bold;}
.wrSection .addList li .btn .resIcon {margin-left:3px; vertical-align:middle;}
.wrSection .addList li .tx {overflow:hidden; display:block; font-size:12px; padding:11px 8px 9px 8px; margin:10px 0 2px 0; background-color:#f4f4f4; line-height:1.5; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.wrSection .addList li .tx span {padding:0 6px;}

/* 이력서 수정 */
.resumeEdit .resHeading {border-bottom:0;}
.resumeEdit .resHeader .resTitNo {padding:15px 15px; background-color:#fffdef;}
.resumeEdit .resHeader .resTitNo filedset {position:relative;}
.resumeEdit .resHeader .btnFunc {margin-top:10px; text-align:center;}

/* 자기소개서 수정 */
.resSelfCont .resTplSec {background-color:#f3f5f7;}
.resSelfCont .selfArea .self {position:relative;}
.resSelfCont .selfArea .self .resTplTextArea {height:150px;}
.resSelfCont .selfArea .self .info {position:absolute; left:0; bottom:0; width:100%; font-weight:bold; text-align:center;}
.resSelfCont .selfArea .self .info span {display:block; font-size:0.86em; margin:0 10px 10px 10px; padding-top:7px; height:23px; background-color:#fffce2; border-radius:2px;}
.resSelfCont .resBtmBtn {padding:15px 0 0 0;}

/* 이력서 관리 */
.resMngCont .resHeading {border-bottom:1px solid #c3c3c3;}
.resMngCont .resHeading h1.hd {background:#f3f5f7; -webkit-box-shadow:inset 0 -1px #fff;}

.secMng {overflow:hidden; padding-bottom:20px; background-color:#f3f5f7;}
.secMng .resMng {position:relative; margin:10px 15px 0 15px; border:1px solid #c0c3ca; background-color:#fff;}
.secMng .resMng .inr {padding:15px 15px;}
.secMng .resMng .inr h1.hd {margin-bottom:5px;}
.secMng .resMng .inr h1.hd .resIconRound {font-size:13px; height:18px; padding:2px 10px 0 10px;}
.secMng .resMng .inr a {display:block; margin-bottom:15px;}
.secMng .resMng .inr a .tit {position:relative; font-size:1.07em; color:#333; padding-right:20px; line-height:1.5;}
.secMng .resMng .inr a .tit .resBtnMove_1 {position:absolute; top:50%; right:0; margin-top:-10px;}
.secMng .resMng .inr .day {font-size:0.86em; color:#ccc; text-align:right;}

.secMng .resMng .btmFunc {width:100%; border-top:1px solid #d2d2d2;}
.secMng .resMng .btmFunc:after {content:""; display:block; clear:both;}
.secMng .resMng .btmFunc li {float:left; font-size:0.86em; display:table; width:33.33%; height:36px; text-align:center;}
.secMng .resMng .btmFunc li a {border-left:1px solid #d2d2d2;}
.secMng .resMng .btmFunc li a,
.secMng .resMng .btmFunc li button {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.secMng .resMng .btmFunc li:first-child a {border-left:0;}
.secMng .resMng .btmFunc li .resIcon {position:relative; top:-2px;}

.secMng .basic {margin:0 0 10px 0; border:1px solid #d3d3d3; border-width:0 0 1px 0; background-color:#fffdf0;}
.secMng .basic .inr a .tit {font-size:1.29em; color:#000; font-weight:bold; line-height:normal;}
.secMng .basic .inr .day {color:#999;}
.secMng .basic .btmFunc li {font-size:1em; width:50%;}

.secMng .resInc p.tx {font-size:1.07em; color:#666; padding:0 15px 4px 0;}
.secMng .resInc p.tx em {display:block; font-size:0.86em; color:#999;}
.secMng .resInc .inr .day {position:absolute; right:14px; bottom:15px;}
.secMng .resInc .inr .btn {font-size:12px; text-decoration:underline;}
.secMng .resInc .inr .resBtnClose_1 {position:absolute; top:5px; right:5px;}

.secMng .mngInfo {position:relative; font-size:11px; color:#999; padding:0 15px 10px 22px;}
.secMng .mngInfo span {position:absolute; left:15px; top:2px;}

.secMng .resOpt {margin:10px 15px 0 15px; border:1px solid #c0c3ca; background-color:#fff;}
.secMng .resOpt ul:after {content:""; display:block; clear:both;}
.secMng .resOpt ul li {position:relative; float:left; display:table; width:50%; height:62px;}
.secMng .resOpt ul li a {display:table-cell; font-size:1em; color:#333; width:100%; border-left:1px solid #d2d2d2; text-align:left; vertical-align:middle;}
.secMng .resOpt ul li:first-child a {border-left:0;}
.secMng .resOpt ul li a .resIcon {position:absolute; left:10px; top:50%; margin-top:-17px;}
.secMng .resOpt ul li .cell {display:block; padding:6px 0 5px 50px;}
.secMng .resOpt ul li .cell span {display:block;}
.secMng .resOpt ul li .cell .tx {color:#00b645;}
.secMng .resOpt ul li .cell .tx_1 {font-size:0.86em; color:#999;}
.secMng .resOpt ul li .cell .hh {font-size:0.79em; color:#999;}
.secMng .resOpt ul li .cell .tx_1 em {color:#00b645;}
.secMng .resOpt ul li .add .tx {color:#ff9f23;}
.secMng .resOpt ul li .add .tx_1 em {color:#ff9f23;}
.secMng .resOpt ul li .resBtnMove {position:absolute; top:50%; right:10px; margin-top:-6px;}
.secMng .resBtmBtn {padding:15px 15px 0 15px;}

.resTplNo {position:relative; background-color:#f3f5f7; padding:75px 0; text-align:center; line-height:1.4;}
.resTplNo h1.hd {font-size:1.43em; margin-bottom:20px;}
.resTplNo .tx {color:#999;}

/*
.resTplMng {border:1px solid #c0c3ca; background-color:#fff; margin-bottom:10px;}
.resTplMng .inr {position:relative;}
.resTplMng .inr h1 {font-size:1.07em; color:#002aff; border-bottom:1px solid #eaeaea; padding:10px 10px;}
.resTplMng .inr h1 .resIconType {}
.resTplMng .inr a {display:block; position:relative; padding:0 20px 10px 10px; line-height:1.5;}
.resTplMng .inr a .tit {font-size:1.07em; color:#000; padding:10px 0;}
.resTplMng .inr a .day {font-size:0.85em; color:#999;}
.resTplMng .inr a .day span {margin-left:5px;}
.resTplMng .btmFunc {width:100%; border-top:1px solid #d2d2d2;}
.resTplMng .btmFunc:after {content:""; display:block; clear:both;}
.resTplMng .btmFunc li {float:left; width:33%; border-left:1px solid #d2d2d2; text-align:center;}
.resTplMng .btmFunc li a,
.resTplMng .btmFunc li button {display:inline-block; width:100%; padding:9px 0;}
.resTplMng .btmFunc li .resIcon {position:relative; top:1px;}
.resTplMng .btmFunc li:first-child {border-left:0;}
.resTplMng_1 {border:2px solid #002aff; margin-bottom:10px;}
.resTplMng_1 .inr a .tit {font-size:1.21em; font-weight:bold;}

.resTplInc {position:relative; border:1px solid #c0c3ca; background-color:#fff; padding:10px 10px; margin-bottom:10px; line-height:1.5;}
.resTplInc h1.hd {font-size:1.07em; color:#000; font-weight:normal; margin-bottom:7px;}
.resTplInc p.tx {font-size:12px; color:#999;}

.resTplInc_1 {margin:25px 0; text-align:center;}
.resTplInc_1 h1.hd {font-size:1.43em; font-weight:normal; margin-bottom:12px; }
.resTplInc_1 p.tx {position:relative; font-size:12px; color:#999; padding-left:5px; margin-bottom:10px;}

.resumeMng .jumpUpLink {position:relative; font-weight:bold; line-height:1.6; background-color:#fffce2; margin-bottom:10px; z-index:100;}
.resumeMng .jumpUpLink button {display:block; width:100%; padding:13px 15px 12px 15px; text-align:left; }
.resumeMng .jumpUpLink strong span {text-decoration:underline;}
.resumeMng .jumpUpLink .resIconArr_1 {position:absolute; top:17px; right:10px;}

.resumeMng .mngInfo {position:relative; font-size:11px; color:#999; padding-left:5px; margin-bottom:10px;}
.resumeMng .mngInfo span {position:absolute; left:0; top:1px;}

/* 완료 layer */
.resFinalWrap {position:absolute; left:0; top:0; width:100%; height:100%; z-index:99999;}
.resFinalWrap p {text-align:center;}

/* 사진 등록/수정 layer */
#quickApy .lyPhoto .layTit {padding:10px 15px !important;}
#quickApy .lyPhoto .layCnt {padding:15px}
#quickApy .lyPhoto .close {top:0;}
#quickApy .layCnt .btn_lyEnd{display:inline-block;height:40px;font-size:16px;text-align: center;background: #fff;color:#3e4045;font-weight: bold;border:1px solid #d2d6dc;paddding:0 10px;width:100%}
#quickApy .layCnt p{margin-bottom:0}
#quickApy .layCnt p:first-child{margin-bottom:16px}

#quickApy .layCntOk {padding:0;}
#quickApy .layCntOk .hd {font-size:1.4em; color:#000; font-weight:bold; text-align:center; padding:0 0 14px 0;}
#quickApy .layCntOk .titTarget {font-size:1.07em; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:8px; border-top:3px solid #002aff;}


/* Top 영역 공통 */
.resTopSec {position:relative;}
.resTopSec .topSec {background-color:#fff; border-bottom:2px solid #8d94a1;}
.resTopSec fieldset {padding:15px;}
.resTopSec fieldset .sch {position:relative;}
.resTopSec fieldset .sch .txt {display:block; padding-right:60px;}
.resTopSec fieldset .sch .add {padding-right:0;}
.resTopSec fieldset .sch .bt6 {display:none; position:absolute; top:0; right:0;}

/* E-mail 보내기 */
.resMailSec .sendSel {padding:10px 15px; border-bottom:1px solid #d2d2d2; background-color:#edeff2;}
.resMailSec .sendSel select {width:100%; height:40px; padding:0 30px 0 7px; background-color:#fff; background-position:100% -541px !important;}
.resMailSec .mailWrite {padding:10px 15px; margin:10px 0;}
.resMailSec .mailWrite ul li {padding-top:10px;}

/* 주소입력 */
.resPostSch fieldset .sch .bt6 {display:block;}

/* 우편번호 찾기 */
.resPostSch fieldset .sch {position:relative;}
.resPostSch fieldset .sch .txt {display:block;}
.resPostSch fieldset .sch .txt .ipTx {color:#002aff;}
.resPostSch fieldset .sch .tplFormBox {position:relative; display:table; width:100%;}
.resPostSch fieldset .sch .tplFormBox input {width:100%; padding-right:36px;}
.resPostSch fieldset .sch .tplFormBox .bt_reset {position:absolute; top:11px; right:10px;}
.resPostSch fieldset .ex {margin-top:10px; }
.resPostSch fieldset .ex strong {color:#000; font-weight:normal;}
.resPostSch fieldset .ex em {display:block;}

.resPostSch_1 {background-color:#f3f5f7;}
.resPostSch_1 .resHd_3 {font-size:1.05em; color:#000; padding:10px 0 9px 10px;}
.resPostSch_1 fieldset {margin-top:-15px;}

/* 최종학력 */
.secEduLast {background-color:#fff; border-bottom:2px solid #8d94a1;}
.secEduLast h1.hd {float:left; padding:25px 0 0 15px;}
.secEduLast h1.hd strong {color:#002aff;}

/* 경력사항 */
.resCareerCheck {background-color:#fff;}
.resCareerCheck .check {padding:15px; border-bottom:2px solid #8d94a1;}
.resCareerCheck .check .resTplTab li {width:50%;}

.resCareerCheck_1 {position:relative; margin-top:10px;}
.resCareerCheck_1 .topFunc {position:absolute; top:0; right:10px;}
.resCareerCheck_1 textarea {width:100%; min-height:150px;}

.resCareerCheck .secInfo {position:relative; margin-bottom:20px;}
.resCareerCheck .secInfo .total {font-size:1.4em; color:#333; border-bottom:2px solid #8d94a1; background-color:#fff9f2; vertical-align:top; padding:20px 15px 16px 15px;}
.resCareerCheck .secInfo .total:after {content:""; display:block; clear:both;}
.resCareerCheck .secInfo .total .bx {float:left; display:inline-block;}
.resCareerCheck .secInfo .total .bx .cell {display:block;}
.resCareerCheck .secInfo .total .bx .cell .resIconCar_2 {margin-top:-5px;}
.resCareerCheck .secInfo .total .bx .cell strong {color:#002aff;}
.resCareerCheck .secInfo .total .bx .os {font-size:0.79em; color:#666; font-weight:normal; margin-left:35px;}
.resCareerCheck .secInfo .help {position:relative; float:left;}
.resCareerCheck .secInfo .help .resBtnHelp {position:relative; top:2px; margin-left:2px; vertical-align:top;}
.resCareerCheck .secInfo .help .resToolTip {left:-108px; top:32px;}

.resCareerCheck .secInfo .func {position:absolute; top:24px; right:15px;}
.resCareerCheck .secInfo .func a {font-size:12px;}
.resCareerCheck .secInfo .func a .resIcon {vertical-align:middle;}

.resCareerCheck .secCareer {position:relative; margin-bottom:10px; color:#333;}
.resCareerCheck .secCareer .inr {position:relative; margin:0 15px;}
.resCareerCheck .secCareer .inr_1 {margin:15px 15px;}
.resCareerCheck .secCareer h1.hd {font-size:1.29em; color:#000; font-weight:bold; padding:12px 0 9px 0; border-bottom:1px solid #eaeaea;}
.resCareerCheck .secCareer h1.hd mark {color:#002aff;}
.resCareerCheck .secCareer h1.hd em {font-weight:normal;}
.resCareerCheck .secCareer .info {position:relative; font-size:0.85em; padding:6px 0 0 5px; vertical-align:top;}
.resCareerCheck .secCareer .info:before {content:""; position:absolute; left:0; top:12px; width:2px; height:2px; background:#898989;}
.resCareerCheck .secCareer .carFunc {position:absolute; top:6px; right:15px;}
.resCareerCheck .secCareer .func {position:absolute; top:14px; right:0;}
.resCareerCheck .secCareer .func a {font-size:12px; color:#666;}

.resCareerCheck .carList {padding-bottom:25px; margin-bottom:0; border-bottom:2px solid #c3c3c3;}
.resCareerCheck .carList h1.hd {padding:0 0 9px 0;}
.resCareerCheck .carList .func {position:absolute; top:50%; right:0; margin-top:-10px;}
.resCareerCheck .carList ul {line-height:20px; margin-bottom:20px;}
.resCareerCheck .carList ul li {position:relative; border-bottom:1px solid #eaeaea; padding:12px 0 11px 0;}
.resCareerCheck .carList ul li  .icn {display:block;}
.resCareerCheck .carList ul li  .tit {display:block; font-size:1.07em; width:88%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.resCareerCheck .carList ul li  .day, .resCareerCheck .carList ul li  .close {color:#999;}

.resCareerCheck .carList_1 {border-bottom:2px solid #c3c3c3; margin-bottom:0;}
.resCareerCheck .carList_1 ul {padding:14px 0;}
.resCareerCheck .carList_1 ul li {position:relative; padding:3px 7px;}
.resCareerCheck .carList_1 ul li:before {content:""; position:absolute; left:0; top:9px; width:2px; height:2px; background:#333;}

.resCareerCheck .carEtc {border-bottom:2px solid #c3c3c3; margin-bottom:0;}
.resCareerCheck .carEtc .etc {color:#333; padding:20px 0; line-height:1.5;}

.resCareerCheck .resTplData .noData .cont {position:relative; top:-28px;}
.resCareerCheck .resTplData .noData .cont .resIcon_1 {margin:35px 0 0 -34px;}

/* 담당업무 */
.resChargeJob .jobList {position:relative; padding:0 15px; margin:10px 0;}
.resChargeJob .jobList h2.hd {padding:5px 0 5px 0; margin-bottom:10px; border-bottom:1px solid #d2d2d2;}

.resChargeJob .resTplList_2 li {width:33.3%; padding-top:1px; /**/ height:28px; box-sizing:border-box;/**/}
.resChargeJob .direct {border-top:1px solid #c6c6c6; padding-top:17px;}
.resChargeJob .direct h2.hd {padding:5px 0 5px 0; margin-bottom:0; border-bottom:0;}
.resChargeJob .direct textarea {width:100%; min-height:125px;}

/* 업종 */
.resPartList {border-bottom:1px solid #c6c6c6;}
.resPartList h1.hd {font-size:1.2em; color:#333; font-weight:bold; padding:11px 0 9px 15px; border-bottom:1px solid #d2d2d2; background-color:#f3f5f7;}
.resPartList .partList {position:relative; padding:0 15px; margin:10px 0;}
.resPartList .partList h2.hd {color:#333; padding:5px 0 5px 0; border-bottom:1px solid #d2d2d2;}
.resPartList .partList ul {margin-bottom:13px;}
.resPartList .partList ul:last-child {margin-bottom:0;}

/* 해외 근무경력 */
.resOversea {padding:0 15px;}
.resOversea h1.hd {font-size:1.125em;}
.resOversea .secYear {position:relative; border-bottom:1px solid #d2d2d2; padding:10px 0 10px 105px;}
.resOversea .secYear h1 {position:absolute; left:0; top:22px;}
.resOversea .secYear p .tbl label {color:#898989; padding-left:5px; white-space:nowrap;}
.resOversea .secYear p .tbl .add {padding-left:10px;}
.resOversea .secYear p .tbl .add input {padding-right:27px;}
.resOversea .secYear p .tbl  .bt_reset {right:7px;}

.resOversea .secArea {padding:10px 0; margin-top:5px;}
.resOversea .secArea h1.hd {margin-bottom:5px;}
.resOversea .secArea h1.hd em {font-size:0.85em; color:#666;}
.resOversea .secArea .tbl {margin-top:3px;}
.resOversea .secArea .tbl:first-child {margin-top:0;}
.resOversea .secArea .tbl span {vertical-align:top;}
.resOversea .secArea .tbl .resBtnAdd, .resOversea .secArea .tbl .resBtnDel {margin-left:5px;}

/* 경력사항 상세입력 */
.resCompany {border-bottom:1px solid #c6c6c6;}
.resCompany .ipCustomItem {font-size:0.85em; color:#333;}

.resTopFunc {position:absolute; top:12px; right:15px; vertical-align:middle;}
.resTopFunc .close, .resTopFunc p, .resTopFunc .close .help {float:left;}
.resTopFunc .close {position:relative; margin:-2px 5px 0 0; vertical-align:top;}
.resTopFunc .close .ipCustomItem {font-size:0.85em; color:#333;}
.resTopFunc .close .help {margin-left:3px;}
.resTopFunc .close .help button {vertical-align:middle;}
.resTopFunc .close .resToolTip {left:-76px; top:27px;}
.resTopFunc .btn {position:relative; top:-8px;}

.resCompany .secCom .resTplForm_2 dt .resToolTip {position:absolute; top:25px; right:0;}
.resCompany .secCom .resTplForm_2 .tbl > span:last-child {width:50%;}
.resCompany .secCom .resTplForm_2 .tbl > span:nth-child(2n) {padding-left:5px;}
.resCompany .secCom dl dt {position:relative;}
.resCompany .secCom dl dt .resTopFunc {top:2px; right:0;}
.resCompany .secCom dl dt .resTopFunc .close {font-weight:normal; margin:0; line-height:1.6;}
.resCompany .secCom dl dt .resTopFunc .close .ipCustomItem,
.resCompany .secCom dl dt .resTopFunc .close .help {float:left; margin-left:3px;}
.resCompany .secCom dl dt .resTopFunc .close .help button {vertical-align:top; margin-top:1px;}
.resCompany .secCom dl dt .resTopFunc .close .resToolTip {left:-59px;}
.resCompany .secCom dl dd textarea {width:100%; height:140px;}
.resCompany .project .resTplForm_2 {padding:20px 0; margin:0 15px; border-top:1px solid #d2d2d2;}

.tplCarOpt {position:relative; margin:0 15px;}
.tplCarOpt h1.hd {font-size:1.05em; color:#333; padding:13px 0 11px 0; border-top:1px solid #d2d2d2; border-bottom:0; background:none;}
.tplCarOpt h1 strong {color:#002aff;}
.tplCarOpt .btn {display:table; position:absolute; top:3px; right:0; height:42px; margin-left:150px;}
.tplCarOpt .btn a {font-size:12px; position:relative; display:table-cell; font-size:12px; vertical-align:middle; text-align:right; padding-right:15px;}
.tplCarOpt .btn a .resIcon {position:absolute; top:50%; right:0; margin-top:-7px;}
.tplCarOpt .tx {font-size:12px; min-height:18px; padding:11px 8px 9px 8px; margin:-3px 0 20px 0; background-color:#f4f4f4; line-height:1.5;}
.tplCarOpt .tx span {display:inline-block; padding:0 6px;}
.tplCarOpt .tx_1 {border-bottom:1px solid #d2d2d2;}

/* 기타 경력사항 */
.careerOther .resTopFunc {position:static; float:right;}
.careerOther fieldset {width:100%;}

/* 학교명 입력 */
.resEduCont .btnClose {margin:15px 15px;}
.resEduCont .resTplList_5 ul {position:relative; background-color:#fff; padding:8px 0;}
.resEduCont .noEduData {position:relative; font-size:12px; padding:15px 0; border-top:1px solid #f3f3f3;}
.resEduCont .noEduData button {position:absolute; top:15px; right:0;}

/* 희망근무조건 */
.resHope {border-bottom:1px solid #c6c6c6;}
.resHope .secHope .resTplList_2 {margin-top:-4px;}
.resHope .secHope .resTplList_2 li {width:25%; padding:8px 0 0 0; box-sizing:border-box;}
.resHope .secHope dl dt:first-child {margin-bottom:0;}
.resHope .secHope dl dd {padding-bottom:20px; border-bottom:1px solid #d2d2d2;}
.resHope .secHope dl dd:last-child {padding-bottom:0; border-bottom:0;}
.resHope .secHope .tbl {margin-top:3px;}
.resHope .secHope .tbl:first-child {margin-top:0;}
.resHope .secHope .tbl span {vertical-align:top;}
.resHope .secHope .tbl .resBtnAdd, .resHope .secHope .tbl .resBtnDel {margin-left:5px;}

/* 기본 이력서 설정 */
.resBtmBaseSet {padding:10px 15px; border-bottom:1px solid #d2d2d2; text-align:left;}
.resBtmBaseSet .ipCustomItem {font-size:0.85em; color:#999;}

/* 취업우대사항 */
.resGivePreference {position:relative;}
.resGivePreference .secList dl {position:relative; border-top:1px solid #d2d2d2; padding:10px 15px 5px 15px;}
.resGivePreference .secList dl:first-child {border-top:0;}
.resGivePreference .secList dl dt {position:absolute; font-size:1.05em; color:#333; font-weight:bold; padding-top:12px;}
.resGivePreference .secList dl dd {padding-left:100px;}
.resGivePreference .secList dl dd .resTplTab {margin-bottom:5px;}
.resGivePreference .secList dl dd .resTplTab li {width:50%;}
.resGivePreference .secList dl dd .resTplTab_1 li {width:33% !important;}
.resGivePreference .secList dl dd .resTplTab_1 li:first-child {width:34.1% !important;}
.resGivePreference .resTplForm_2 dd:last-child {margin-bottom:5px;}
.resGivePreference .resTplForm_2 .tbl span {width:50%;}

.resGivePreference .privacy {border-top:2px solid #b4bac2;}
.resGivePreference .privacy dl {font-size:0.875em; background-color:#f4f4f4; padding:15px 15px;}
.resGivePreference .privacy dl dt {margin-bottom:5px;}
.resGivePreference .privacy dl dd {position:relative; color:#898989; padding-left:14px;}
.resGivePreference .privacy dl dd span {position:absolute; left:0; top:0;}

/* 주요사회활동, 수상내역, 교육이수내용 */
.resumeWrite .resEtcAdd textarea {width:100%; min-height:125px;}

/* OA능력 및 보유기술 */
.resOASkill {margin:0 15px;}
.resOASkill .resTplForm_2 {border-bottom:1px solid #d2d2d2; padding:20px 0;}
.resOASkill .resTplForm_2 dt em {font-size:12px; color:#898989;}
.resOASkill textarea {width:100%; min-height:125px; margin-top:20px;}

/* 포트폴리오 */
.resPortfolio .resTplList .resTplList_4 {padding:6px 0; border-bottom:1px solid #c6c6c6;}
.resPortfolio .resTplList .resTplList_4 li {padding:6px 0; margin:0 15px;}
.resPortfolio .resTplList .resTplList_4 li:first-child {border-top:0;}
.resPortfolio .resTplList .resTplList_4 li label {color:#333; font-weight:bold;}
.resPortfolio .resTplList .resTplList_4 li .day {display:block; color:#ccc; margin-left:20px;}

.resPortfolio .resTplData {background-color:#fff;}
.resPortfolio .resTplData .noData, .resPortfolio .resTplData .noData .cont strong {color:#cdcdcd;}

.lyPortfolio .lyCont select {margin-bottom:5px;}
.lyPortfolio .lyCont .lyTx {position:relative; color:#666; padding-left:7px; margin:6px 0 0 0;}
.lyPortfolio .lyCont .lyTx span {position:absolute; left:0; top:2px;}

/* 각오한마디 */
.resResolutionCont .resCareerCheck_1 textarea {margin-top:25px;}
.resResolutionCont .func {position:absolute; top:0; right:15px;}

/* 나의 성향 */
.resPropensity {margin:20px 15px 0 15px;}
.resPropensity p {font-size:0.875em; text-align:right;}
.resPropensity .resTplTab {margin-top:5px;}

/* 퀵 이력서 등록 */
.resQuick .menu .wrSection h2.hd {font-size:1.29em; font-weight:normal; border-bottom:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:17px 15px 13px 55px;}
.resQuick .menu .wrSection .wrFunc {top:9px; margin:0 15px 0 170px;}
.resQuick .menu .wrSection .wrFunc .tb {font-size:14px; padding-right:19px;}
.resQuick .menu .wrSection .wrFunc .tb .resBtnMove_1 {right:0;}

.resQuick .menu .wrSection:after { position:absolute; left:15px; top:14px; content:"";}
.resQuick .menu .wrSection:after {background:url(/content/images/m/text_user/resume/sprites/res_tpl_icon.png?202102241700) no-repeat; background-size:160px 1250px;}
.resQuick .menu .m1:after {width:29px; height:25px; background-position:0 -554px;}
.resQuick .menu .m2:after {width:29px; height:25px; background-position:0 -584px;}
.resQuick .menu .m3:after {width:29px; height:25px; background-position:1px -614px;}
.resQuick .menu .m4:after {width:29px; height:25px; background-position:0 -645px;}

.resQuick .menu .m1.on:after {width:29px; height:25px; background-position:-35px -554px;}
.resQuick .menu .m2.on:after {width:29px; height:25px; background-position:-35px -584px;}
.resQuick .menu .m3.on:after {width:29px; height:25px; background-position:-34px -614px;}
.resQuick .menu .m4.on:after {width:29px; height:25px; background-position:-35px -645px;}

.resQuick .menu .wrSection.on h2.hd {color:#333; font-weight:bold;}

.resQuick .menu .m1.on {color:#ffc40f;}
.resQuick .menu .m2.on {color:#f60;}
.resQuick .menu .m3.on {color:#002aff;}
.resQuick .menu .m4.on {color:#1db4ab;}

/*.resQuick .secCom {padding-bottom:20px; border-bottom:1px solid #d2d2d2;} */
.resQuick .secCom .resTplForm_2 {padding:20px 15px 0 15px;}
.resQuick .secCom .resTplForm_2 dt {font-size:1.29em;}
.resQuick .secCom .resTplForm_2 dd textarea {width:100%; height:140px;}
.resQuick .resBtmBaseSet {border-bottom:0;}

/* 이력서 작성 완료 */
.resFinishCont .resTplSec_1 {padding:60px 0 80px 0;}
.resFinishCont .resTplSec_1 h1.hd {font-size:1.43em; color:#000;}
.resFinishCont .resTplSec_1 h1 strong {display:block;}

/* 회원정보 */
.resMbrInfo .resTplForm_2 dt {float:left; padding:2px 0 0 0; margin:0;}
.resMbrInfo .resTplForm_2 dt .resIconAddress {margin-top:12px;}
.resMbrInfo .resTplForm_2 dd {margin-left:30px; padding:2px 0;}
.resMbrInfo .resTplForm_2 dd .ex {position:relative; font-size:0.75em; color:#999; padding-left:7px; margin-top:4px;}
.resMbrInfo .resTplForm_2 dd .ex span {position:absolute; left:0; top:2px;}


/* 입사지원, 쥬라기 이벤트용 css */
.eventListBtn{position:relative;}
.eventIco {display:block; position:absolute; left:31.25%; top:33px; width:105px !important; height:61px !important; background:url(/content/images/m/event/MayEventApp/img_event_btn.png?202102241700) no-repeat 0 0; background-size:105px 61px; overflow:hidden; text-indent:-9999em;}
.eventType {background:url(/content/images/m/event/MayEventApp/bg_event_btn.jpg?202102241700) no-repeat 0 0; background-size:cover;color:#fff !important; overflow:hidden; border:none !important; border-radius:4px; height:45px !important;}
.eventType strong {color:#efe43b !important;}

/* 메인 슬라이더 */
.m-main-slider-wrap {position:relative; margin-right:35px;}
.m-main-slider-lst {margin:0 auto; position:relative; overflow:visible; min-height:440px;}
.m-main-slider-wrap .swipeSlide {margin-left:7px;}
.boothMain .h {border-bottom:0;}

/* 휴면회원 인증 */
.mbrResting #wrap {background-color:#fff;}
.mbrResting h1.hd {font-size:1.21em; color:#fff; font-weight:bold; height:45px; line-height:45px; text-align:center; background-color:#4b4b4b; box-sizing:border-box;}
.mbrResting .restingSec {margin:20px 20px;}
.mbrResting .restingSec .title {font-size:1.714em; color:#333; margin-bottom:12px;}
.mbrResting .restingSec .desc {margin-bottom:20px; line-height:22px;}
.mbrResting .restingSec .desc strong {color:#f60;}
.mbrResting .restingSec .captchaBx {display:table; width:100%; height:68px; margin-bottom:5px; text-align:left; box-sizing:border-box;}
.mbrResting .restingSec .captchaBx .captcha {position:relative; display:table-cell; width:80%; vertical-align:top;}
.mbrResting .restingSec .captchaBx .captcha:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #d2d2d2; border-top-left-radius:2px; border-bottom-left-radius:2px; box-sizing:border-box;}
.mbrResting .restingSec .captchaBx .btnRefresh {display:table-cell; position:relative; color:#666; width:20%; border:1px solid #d2d2d2; border-left:0; border-top-right-radius:2px; border-bottom-right-radius:2px; background:url(/content/images/m/member/icn_refresh.png?202102241700) no-repeat 50% 15px; background-size:17px 17px; }
.mbrResting .restingSec .captchaBx .btnRefresh button {font-size:0.86em; color:#999; width:100%; height:100%;}
.mbrResting .restingSec .captchaBx .btnRefresh button span {display:block; padding-top:25px;}
.mbrResting .restingSec .security {color:#666; }
.mbrResting .restingSec .security input[type=text], .mbrResting .restingSec .number input[type=text] {width:100%; height:16px; padding:6px 10px; color:#666;}
.mbrResting .restingSec .number {margin-top:20px;}
.mbrResting .restingSec .btnResting {margin:17px 76px 0 76px; text-align:center;}
.mbrResting .restingSec .btnResting .btC12 {height:50px; line-height:50px; background-color:#002aff; border-color:#002aff;}
.mbrResting .restingSec .btnResting .btC12 span {padding-top: 0;}
.mbrResting .restingSec .help {color:#666; margin:12px 0 30px 0; line-height:1.6; }
.mbrResting .restingSec .help li {position:relative; font-size:0.79em; padding-left:7px;}
.mbrResting .restingSec .help li span {position:absolute; left:0; top:2px;}
.mbrResting .restingSec .help li strong {color:#6a6a6a;}
.mbrResting .restingAnd {margin:20px 20px 120px 20px;}
.mbrResting .password{overflow: hidden; padding-top: 28px; text-align: left; }
.mbrResting .password p{font-size: 12px; line-height: 16px; color: #666;font-weight: 400;}
.mbrResting .password p a{display: inline-block;font-size: 12px;line-height: 16px;color: #6a6a6a;text-decoration: none;font-weight: 400;}

/* 개인정보 보호 캠페인 */
.mbrSecurity {background: #fff;}
.mbrSecurity #wrap {position: static;}
.mbrSecurity #scC {position: static; background: none;}
.mbrSecurity .restingSec {margin-top: 30px;}
.mbrSecurity .restingSec .title {text-align: center; font-size: 20px;letter-spacing:-0.5px; line-height: 30px; margin-bottom: 15px;}
.mbrSecurity .restingSec .title span {font-weight: 700;}
.mbrSecurity .restingSec .box {padding: 20px; background: #F4F4F4; line-height: 25px;}
.mbrSecurity .restingSec .btnResting + .box {margin-top: 50px;}
.mbrSecurity .restingSec .box .bulletList li {position: relative; padding-left: 13px;}
.mbrSecurity .restingSec .box .bulletList li:before {position: absolute; left: 0; top: 0; content: 'ㆍ';}
.mbrSecurity .restingSec .box .text + .bulletList {margin-top: 20px;}
.mbrSecurity .restingSec .box .text + .bulletList li {font-size: 13px;}
.mbrSecurity .restingSec .userIp {font-size: 15px; line-height: 27px; text-align: center; color: #333; margin-top: 25px;}
.mbrSecurity .restingSec .userIp span {color: #002aff;}
.mbrSecurity .restingSec .btnResting {margin-top: 30px;}
.mbrSecurity .restingSec .userIp + .btnResting {margin-top: 25px;}
.mbrSecurity .restingSec .copyright {position: absolute; left: 0; bottom: 80px; width: 100%; font-size: 12px; color: #999; text-align: center;}
.mbrSecurity .restingSec .security input[type=text] {font-size: 14px; border-color: #CDCDCD; box-sizing: border-box;}

@media (max-height: 735px) {
  .mbrSecurity .restingSec .copyright.posChange {position: static; margin: 35px 0 80px;}
}


/* 특정공고 지원 프로젝트 */
.mainHotSec {position:relative; margin-top:30px;}
.mainHotSec h2.h {padding-top:0; font-weight:normal;}
.mainHotSec h2.h span {font-weight:bold;}
.mainHotSec ul {position:relative; width:100%;}
.mainHotSec ul li {border-bottom:1px solid #ebebeb;}
.mainHotSec ul li:last-child {border-bottom:1px solid #c3c3c3;}
.mainHotSec ul li a {display:block; padding:10px 0 7px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; margin-right:5px; box-sizing:border-box; height:35px;}
.mainHotSec ul li a:before {content:""; display:block; width:3px; height:3px; position:absolute; left:11px; top:15px; background-color:#e5e5e5;}

.mainHotSec .tit {color:#002aff; font-size:1em; padding:0 5px 0 20px; font-weight:normal;}
.mainHotSec .txt {font-size:1em; line-height:1.2em; color:#333;}
.mainHotSec .txtOptBold {font-weight:bold;}

.partNewlyList li {position:relative;}
.partNewlyList li button {position:absolute; top:0; right:2px; padding:13px;}
.partNewlyList .newly {font-size:13px;}
.partNewlyList .newly a {display:block; color:#333; border-bottom:1px solid #e8e8e8; padding:14px 0 9px 15px;  line-height:1.3;}
.partNewlyList .newly a .num {color:#999; font-weight:normal;  font-size:11px;}

.partNewlyBooth {margin-top:-1px;}
.partNewlyBooth li {position:relative;border-bottom:1px solid #ccc;}
.partNewlyBooth li:first-child {border-top:1px solid #ccc;}
.partNewlyBooth .link {height:78px; margin-left:90px; margin-right:70px; background:url(/content/images/m/line_dot.png?202102241700) repeat-y 0 0; background-size:1px 4px;}
.partNewlyBooth .tit {font-size:1em; color:#000;}
.partNewlyBooth .txt {font-size:1em; color:#666; padding-right:0; white-space:normal; display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.5em;  line-height:1.3;}
.partNewlyBooth .lg {position:absolute; top:10px; left:10px; width:73px; height:32px; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; overflow:hidden; background-color:#fff;}
.partNewlyBooth .btnScrap {position:absolute; top:40px; right:auto; left:5px; padding:7px 7px 7px 7px;}

.partNewlyBooth .btnApply {position:absolute; right:10px; bottom:26px; display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px;}
.partNewlyBooth .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.partNewlyBooth .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}

.partNewlyBooth .msgScrap {right:auto; left:3px; top:-25px;}
.partNewlyBooth .msgScrap:after {right:auto; left:11px;}

.comBooth_1 .tit {padding-top:14px;}
.comBooth_1 .link {height:60px;}
.comBooth_1 .btnApply {position:absolute; right:10px; top:20px;}
.comBooth_1 .mFree .btnScrap {  position:absolute; top:50%; transform: translateY(-50%);}
.mGibCt .mFree .hdGib_1 {background:none;}
.mGibCt .mFree_1 {border-bottom:1px solid #eee;}

/* 입사지원 증대 이벤트 */
#layEvtWrap {position:fixed; top:43px; width:100%; margin:0 auto; z-index:10000;}
#layEvtWrap .mainJobEvt {margin:0 15px; text-align:center;}
#layEvtWrap .mainJobEvt .top {height:390px; background:#89c4ff url(/content/images/m/event/jobapply/bg_visual.png?202102241700) no-repeat center 127px; background-size:257px 263px;}
#layEvtWrap .mainJobEvt .top h2.hd {padding:22px 0 11px 0;}
#layEvtWrap .mainJobEvt .top h2.hd img {width:257px; height:65px;}
#layEvtWrap .mainJobEvt .layCnt {padding:0 16px; background-color:#fff;}
#layEvtWrap .mainJobEvt .btm {position:relative; padding-left:13px; background-color:#373c41; text-align:left;}
#layEvtWrap .mainJobEvt .btm button {font-size:0.86em; color:#fff; height:35px;}
#layEvtWrap .mainJobEvt .btm .btn {position:absolute; top:0; right:0; width:63px; height:35px; border-left:1px solid #171818; background:url(/content/images/m/event/jobapply/btn_close.png?202102241700) no-repeat 43px 14px; background-size:7px 7px;}
#layEvtWrap .mainJobEvt .btm .btn button {width:100%; height:100%; padding-right:10px; border-left:1px solid #595d64;}
#layEvtWrap .mainJobEvt .btm .btn button span, .mainJobEvt .btm button .ipCustomItem {position:relative; top:1px;}

.mGib .companyBox .icnJobEvt {position:absolute; left:3px; top:22px;}
#quickApy .layEvtCnt .hd {margin-bottom:118px;}
#quickApy .layEvtInfo {position:absolute; left:0; top:208px; width:100%; padding:10px; border-top:1px solid #e9e9e9; background-color:#f4f4f4; text-align:center; box-sizing:border-box;}
#quickApy .layEvtInfo p {font-size:1.21em; color:#000; font-weight:bold; margin-bottom:8px; }
#quickApy .layEvtInfo p strong {color:#fe6601;}

#quickApy .layJobEvt { text-align:center;}
#quickApy .layJobEvt .hd {font-size:1.14em; color:#fff; font-weight:bold; padding:10px 0 10px 8px; background-color:#002aff; text-align:left;}
#quickApy .layJobEvt .tx {font-size:1.85em; color:#000; font-weight:bold;}
#quickApy .layJobEvt .tx_1 {font-size:0.79em; font-weight:bold; padding-top:96px;}
#quickApy .layJobEvt .tx_1 .goods {display:block; position:absolute; left:50%;}
#quickApy .layJobEvt .tx_1 .goodsNo {top:134px; width:68px; height:68px; margin:-24px 0 0 -34px; background:url(/content/images/m/event/jobapply/ja_goods_no.png?202102241700) no-repeat 0 0; background-size:68px 68px;}
#quickApy .layJobEvt .tx_1 strong {display:block; font-size:14px; color:#000; font-weight:normal; margin-bottom:3px;}
#quickApy .layJobEvt .btn {padding:14px 0 17px 0; border-top:1px solid #eaeaea; background-color:#f4f4f4;}
#quickApy .layJobEvt .close {position:absolute; top:12px; right:8px; width:16px; height:16px; background:url(/content/images/m/bg_layer_close.png?202102241700) no-repeat 0 0; background-size:32px 16px; text-indent:-9999px;}
#quickApy .layJobEvt .close_1 {background-position-x:-16px;}
#quickApy .layJobEvt .eCnt {padding:20px 0;}

.mGib .btmBar .btnApply.btnJobEvt, .btnJobEvt {color:#fff; border:3px solid #89c4ff; background-color:#59acff;}
.mGib .btmBar .btnApply.btnJobEvt img, .btnJobEvt img {vertical-align:-1px;}

/* 기업정보 뷰 - common */
.mGiInfo .giInfoReadCont {clear:both; background-color:#fff;}
.mGiInfo section {clear:both;}
.mGiInfo section:after {content:""; display:block; height:0; clear:both;}

.mGiInfo .hdTit {font-weight:bold; color:#000; font-size:1.3em;  padding:0 0 8px 10px; border-bottom:2px solid #8c94a1;}
.mGiInfo .hdStit {clear:left; position:relative; font-size:1.07em; color:#333; padding-bottom:8px; padding-left:5px; border-bottom:1px solid #eaeaea;}
.mGiInfo .hdStit:before {content:""; position:absolute; left:0; top:2px; width:2px; height:15px; background:#002aff;}

.mGiInfo .moreBtn {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f6f6f6; margin-top:-1px; margin-top:10px;}
.mGiInfo .moreBtn button {display:inline-block; width:100%; padding:11px 0; font-size:1.07em;}
.mGiInfo .moreBtn .icn {margin-left:4px;}

.mGiInfo .icn {display:inline-block; vertical-align:middle; overflow:hidden; zoom:1; background:url(/content/images/m/bg_mgir_sprite_v1.png?202102241700) no-repeat 0 0; background-size:250px 450px;}
.mGiInfo .icnArrOpen_1 {width:16px; height:16px; background-position:-80px -267px;}
.mGiInfo .icnArrClose_1 {width:16px; height:16px; background-position:-105px -267px;}
.mGiInfo .icnArrUp_1 {width:11px; height:0; padding-top:13px; background-position:-56px -270px;}

.mGiInfo nav .menu {background:#333945; width:100%; display:table; z-index:100;}
.mGiInfo nav .menu li {display:table-cell; vertical-align:middle; text-align:center; border-left:1px solid #5a5e67; padding:8px 0; box-sizing:border-box;}
.mGiInfo nav .menu li a {color:#fff; display:block; width:100%; height:100%; font-size:0.93em; }
.mGiInfo nav .menu li:first-child {border-left:0 none;}
.mGiInfo nav .menu li.on {background:#24292f; font-weight:bold;}
.mGiInfo nav .menu.fixed {position:fixed; top:0; margin-top:0; box-shadow:0 0 9px 0 rgba(0,0,0,0.15);}

.mGiInfo .girHeader {position:relative;}
.mGiInfo .girHeader .tit {height:33px; padding:10px 0 0 10px; background-color:#002aff; font-size:18px;letter-spacing:-0.5px; font-weight:bold; line-height:1.3;  color:#fff; text-align:left;}
.mGiInfo .girHeader .tit .company {float:left; overflow:hidden; max-width:60%; margin-right:4px; text-overflow:ellipsis; white-space:nowrap;}
.mGiInfo .girHeader .tit .subTit {color:#b9e6ff;}
.mGiInfo .girHeader .btnClose {position:absolute; right:5px; top:5px; width:44px; height:30px; border:1px solid #fff; border-radius:4px; color:#fff; text-align:center; font-size:14px; line-height:30px;}
.secGirHome .companyBox {position:relative; min-height:220px; text-align:center; background-position:0  0; background-repeat:no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}
.secGirHome .companyBox .day {background:#ffc800; color:#333; text-align:center; padding:5px 0; opacity:0.7; content:"";}
.secGirHome .companyBox .day a {font-size:0.85em; color:#333; text-decoration:underline;}
.secGirHome .companyBox .cname {color:#fff; line-height:1.3; font-size:1.6em; font-weight:bold;  padding:20px 10px 0 10px;}
.secGirHome .companyBox .hp {color:#bfe0ff; margin-bottom:5px; padding-left:10px; padding-right:10px;}
.secGirHome .companyBox .desc {color:#fff;  line-height:1.5; padding-left:10px; padding-right:10px;}
.secGirHome .companyBox .desc {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; word-wrap:break-word; line-height:1.5em; height:64px;  box-sizing:border-box;}

.secGirHome .wrapFunction {position:absolute; bottom:20px; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap;}
.secGirHome .wrapFunction button {overflow:hidden; position:relative; min-width:32px; height:32px; margin-left:7px; padding:5px; border:1px solid #fff; border-radius:32px; color:#fff; vertical-align:top;}
.secGirHome .wrapFunction .btnFavorite {padding:5px 7px;}
.secGirHome .wrapFunction .btnFavorite.on {border-color:#ff7fac; color:#ff7fac;}
.secGirHome .wrapFunction button span {position:absolute; left:100%; white-space:nowrap;}
.secGirHome .wrapFunction button strong {font-weight:normal; font-size:16px; }
.secGirHome .wrapFunction button strong span {position:relative; left:0;}

.secGirHome .majorInfo .logoWrap {display:table; width:100%; min-height:84px; background:#fff; border-bottom:1px solid #eaeaea;}
.secGirHome .majorInfo .logoWrap .logo {display:table-cell; text-align:center; vertical-align:middle;}
.secGirHome .majorInfo .update {border-bottom:1px solid #eaeaea; text-align:right; padding:10px 0 5px 0;}
.secGirHome .majorInfo .update span {color:#999; font-size:0.85em; padding-right:10px;}
.secGirHome .majorInfo .major ul {width:100%;}
.secGirHome .majorInfo .major ul li {float:left; width:50%;}
.secGirHome .majorInfo .major ul li dl {text-align:center; border-bottom:1px solid #eaeaea; padding:13px 0;}
.secGirHome .majorInfo .major ul li:nth-child(2n) dl {border-left:1px solid #eaeaea;}
.secGirHome .majorInfo .major .picMajor {display:inline-block; width:47px; height:47px; background:url(/content/images/m/bg_mgir_sprite_v1.png?202102241700) no-repeat 0 0; overflow:hidden; background-size:250px 450px;}
.secGirHome .majorInfo .major .result {color:#333; font-weight:bold;}
.secGirHome .majorInfo .major .tit {color:#999;}
.secGirHome .majorInfo .sales .picMajor {background-position:0 0;}
.secGirHome .majorInfo .date .picMajor {background-position:-49px 0;}
.secGirHome .majorInfo .type .picMajor {background-position:-99px 0;}
.secGirHome .majorInfo .stocks .picMajor {background-position:-149px 0;}
.secGirHome .majorInfo .employees .picMajor {background-position:0 -47px;}
.secGirHome .majorInfo .pay .picMajor {background-position:-49px -47px;}
.secGirHome .majorInfo .ceo .picMajor {background-position:-99px -47px;}
.secGirHome .majorInfo .address .picMajor {background-position:-149px -47px;}
.secGirHome .majorInfo .headhunter .picMajor {background-position:-197px -47px;}

.secGirReasom article,
.secGirCommon article,
.secGirEmployment article,
.secGirEnvironment article,
.secGirGuide article {margin:0 10px;}

.secGirReasom {margin-top:29px;}
.secGirReasom .joinReasom {color:#666; line-height:1.5;}
.secGirReasom .joinReasom ol {padding-top:14px; border-bottom:1px solid #eaeaea;}
.secGirReasom .joinReasom ol li {margin-bottom:14px;}
.secGirReasom .joinReasom ol li strong {display:block; font-weight:normal;}
.secGirReasom .joinReasom ul {padding-top:13px;}
.secGirReasom .joinReasom ul li {position:relative; padding-left:8px;}
.secGirReasom .joinReasom ul li:before {content:""; position:absolute; width:2px; height:2px; background:#666; left:0; top:10px;}

.secGirCommon {margin-top:24px !important;}
.secGirCommon .commonInfo ul {margin-top:10px;}
.secGirCommon .commonInfo ul li {position:relative; padding:2px 0;  line-height:1.5;}
.secGirCommon .commonInfo strong {position:absolute; top:2px; left:0; color:999; font-weight:normal;}
.secGirCommon .commonInfo span {display:inline-block; margin-left:100px;}
.secGirCommon .financial {margin-top:26px;}
.secGirCommon .financialSummary:after {content:""; display:block; height:0; clear:both;}
.secGirCommon .financialSummary .ranking {display:table; width:100%; padding:10px 0; min-height:58px; border-bottom:1px solid #eaeaea; text-align:center;}
.secGirCommon .financialSummary .ranking .inr {display:table-cell; text-align:center; vertical-align:middle;}
.secGirCommon .financialSummary .ranking .type {display:inline-block; vertical-align:middle; text-align:left; max-width:180px; padding-left:5px; line-height:1.5;}
.secGirCommon .financialSummary .ranking .type strong {color:#002aff; font-weight:bold; font-size:1.07em;}
.secGirCommon .financialSummary .ranking .typeIcn1 {display:inline-block; width:41px; height:40px; vertical-align:middle; background:url(/content/images/m/bg_mgir_sprite_v1.png?202102241700) no-repeat 0 -208px; background-size:250px 450px;}
.secGirCommon .financialSummary .ranking .typeIcn2 {display:inline-block; width:41px; height:40px; vertical-align:middle; background:url(/content/images/m/bg_mgir_sprite_v1.png?202102241700) no-repeat -40px -208px; background-size:250px 450px;}
.secGirCommon .financialSummary dl {float:left; width:33%; height:100px; position:relative; border-left:1px solid #dddfe3; text-align:center;  border-bottom:1px solid #eaeaea;}
.secGirCommon .financialSummary .sales {border-left:0 none;}
.secGirCommon .financialSummary .tit {position:absolute; top:64px; left:0; width:100%; text-align:center;}
.secGirCommon .financialSummary .result {font-size:1.07em; font-weight:bold; margin-top:20px; color:#333;}
.secGirCommon .financialSummary .unit {font-size:0.78em; color:#999; margin-top:4px;}

.secGirCommon .graphSales,
.secGirCommon .graphProfit  {clear:both; height:220px; padding-top:20px;}
.secGirCommon .graphSales .hd,
.secGirCommon .graphProfit .hd  {color:#333;}

.svgGraph {position:relative; width:100%; background:url(/content/images/m/bg_mgir_graph_1.png?202102241700) repeat-x 0 0;}
.svgGraph .year {width:300px; margin:0 auto; color:#666; text-align:center;}
.svgGraph .year li {display:inline-block; width:24%; text-align:center; vertical-align:middle;color:#999;}
.svgGraph .line {display:block; position:absolute; top:162px; left:0; background-color:#eaeaea; width:100%; height:1px; z-index:2;}
.svgGraph .svgView {position:relative; width:300px; margin:0 auto;}
.svgGraph .svgView .dataItem {position:absolute; text-align:center; color:#333; z-index:10;}
.svgGraph .svgView ul li:last-child {color:#64a4ee;}

.graphSales_1 .svgView {width:240px !important;}
.graphSales_1 .year {width:240px !important;}
.graphSales_1 .year li {width:100%;}
.graphSales_2 .svgView {width:260px !important;}
.graphSales_2 .year {width:260px !important;}
.graphSales_2 .year li {width:49%;}
.graphSales_3 .svgView {width:278px !important;}
.graphSales_3 .year {width:278px !important;}
.graphSales_3 .year li {width:32%;}
.graphSales_4 .svgView {width:300px !important;}

.graphProfit_1 .svgView {width:240px !important;}
.graphProfit_1 .year {width:240px !important;}
.graphProfit_1 .year li {width:100%;}
.graphProfit_2 .svgView {width:260px !important;}
.graphProfit_2 .year {width:260px !important;}
.graphProfit_2 .year li {width:49%;}
.graphProfit_3 .svgView {width:278px !important;}
.graphProfit_3 .year {width:278px !important;}
.graphProfit_3 .year li {width:32%;}
.graphProfit_4 .svgView {width:300px !important;}

.secGirCommon .financialTb {position:relative; padding-top:20px;}
.secGirCommon .financialTb .tbRanking {width:100%;}
.secGirCommon .financialTb .tbRanking thead {background:#000; background-color:#848c9f; color:#fff;}
.secGirCommon .financialTb .tbRanking thead th {height:35px; text-align:center;}
.secGirCommon .financialTb .tbRanking thead th:first-child {border-right:1px solid #696f80;}
.secGirCommon .financialTb .tbRanking tbody th {color:#999; font-weight:normal; border-right:1px solid #c6c6c6;}
.secGirCommon .financialTb .tbRanking tbody th,
.secGirCommon .financialTb .tbRanking tbody td {border-bottom:1px solid #eaeaea; padding:5px 0; text-align:center;}
.secGirCommon .financialTb .paging {position:absolute; top:0; right:0; padding:0;}
.secGirCommon .financialTb .paging span {display:inline-block; overflow:hidden; width:13px; height:13px; border-radius:13px; background-color:#dfdfe4; font-size:0; vertical-align:top; margin:0 1px; -webkit-box-shadow:1px 2px 3px #acacac inset;}
.secGirCommon .financialTb .paging span.on {background-color:#529efe; -webkit-box-shadow:1px 2px 3px #3c6bd6 inset;}
.secGirCommon .financialTb .paging a {position:absolute; top:6px; right:10px;}

.secGirEmployment {margin-top:29px !important;}
.secGirEmployment .number {margin-top:14px;}
.secGirEmployment .history {margin-top:33px;}
.secGirEmployment .number .hdStit {border-bottom:0 none;}
.secGirEmployment .history .summary {line-height:1.5; text-align:center; padding-top:16px;}
.secGirEmployment .history .summary strong {color:#f60;}
.secGirEmployment .history .summary span {color:#999; font-size:0.85em;}
.secGirEmployment .historyTb .tbHistory {width:100%; table-layout:fixed; margin-top:16px;}
.secGirEmployment .historyTb .tbHistory thead {background:#000; background-color:#848c9f; color:#fff;}
.secGirEmployment .historyTb .tbHistory thead th {height:35px; text-align:center;}
.secGirEmployment .historyTb .tbHistory tbody th {font-weight:normal; text-align:left; border-bottom:1px solid #eaeaea; padding:5px 0 7px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.secGirEmployment .historyTb .tbHistory tbody th a {text-decoration:underline;}
.secGirEmployment .historyTb .tbHistory tbody th span {color:#999; font-size:0.85em;}
.secGirEmployment .historyTb .tbHistory tbody td {border-bottom:1px solid #eaeaea; padding:5px 0 5px 0; line-height:1.3; text-align:center; color:#999; word-break:nowrap; white-space:nowrap;}


.secGirEnvironment {clear:both ; margin-top:32px !important;}
.secGirEnvironment .salary {margin-top:14px;}
.secGirEnvironment .salary .hdStit {border-bottom:0 none;}
.secGirEnvironment .salary .icnBul_1 {width:11px; height:11px; background-position:-133px -269px;}
.secGirEnvironment .salary .btSalary {width:100%; font-size:1.14em; color:#666; font-weight:bold;}
.secGirEnvironment .welfare {margin-top:28px;}
.secGirEnvironment .welfare dl {position:relative; margin-top:18px;}
.secGirEnvironment .welfare dt {color:#999; padding-left:50px; margin-bottom:3px;}
.secGirEnvironment .welfare dd {padding-left:50px; line-height:1.5;}
.secGirEnvironment .welfare .icn {position:absolute; top:3px; left:0; width:40px; height:40px;}
.secGirEnvironment .welfare .icnWelfare_1 {background-position:0 -105px;}
.secGirEnvironment .welfare .icnWelfare_2 {background-position:-50px -105px;}
.secGirEnvironment .welfare .icnWelfare_3 {background-position:-100px -105px;}
.secGirEnvironment .welfare .icnWelfare_4 {background-position:-150px -105px;}
.secGirEnvironment .welfare .icnWelfare_5 {background-position:0 -105px;}
.secGirEnvironment .welfare .icnWelfare_6 {background-position:-50px -155px;}
.secGirEnvironment .welfare .icnWelfare_7 {background-position:-100px -155px;}

.secGirEnvironment .gallery {margin:30px 0 0 0;}
.secGirEnvironment .gallery .hdStit {margin:0 10px 0 10px; border-bottom:0 none;}
.secGirEnvironment .gallery .galleryList {}
.secGirEnvironment .gallery .galleryList:after {content:""; display:block; height:0; clear:both;}
.secGirEnvironment .gallery .galleryList li {position:relative; float:left; width:145px;}
.secGirEnvironment .gallery .galleryList li img {width:100%;}
.secGirEnvironment .gallery .galleryList a,
.secGirEnvironment .gallery .galleryList .noPhoto {display:inline-block; margin-left:10px; margin-bottom:10px;}
.secGirEnvironment .gallery .galleryList .icnMov {position:absolute; top:26px; left:53px; width:42px; height:42px; background-position:-7px -311px;}
.secGirEnvironment .club {margin-top:31px;}
.secGirEnvironment .club .clubList {display:table; width:100%;}
.secGirEnvironment .club .clubList li {display:table-cell; width:20%; text-align:center; vertical-align:middle; padding:10px 0 ;border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.secGirEnvironment .club .clubList li:first-child {border-left:0 none;}
.secGirEnvironment .club .clubInfo {line-height:1.7; margin-top:5px;}

.secGirGuide {margin-top:24px;}
.secGirGuide .talent {margin-top:14px;}
.secGirGuide .talent ul {width:100%; display:table; padding:15px 0;}
.secGirGuide .talent ul:after {content:""; display:block; height:0; clear:both;}
.secGirGuide .talent ul li {display:table-cell; vertical-align:middle; text-align:center;}
.secGirGuide .talent ul li span {display:inline-block; vertical-align:middle; -webkit-box-align:center; width:50px; height:38px; padding-top:12px; font-size:0.86em; border-radius:25px; background-color:#63a4ef; color:#fff; }
.secGirGuide .talent ul li span.odd {height:33px; padding-top:17px;}
.secGirGuide .talent ul li:nth-child(2n) span {background-color:#82b6f2;}

.secGirGuide .arGirIntalk {position:relative;}
.secGirGuide .arGirIntalk .sortBtn {position:absolute; right:0; top:0;}
.secGirGuide .arGirIntalk .liveIndamTalk {margin-top:0;}
.secGirGuide .arGirIntalk .liveIndamTalk .idtList {border-top:0;}

.secGirHistory {margin-top:30px;}
.secGirHistory .summary,
.secGirHistory .history,
.secGirHistory .coNews  {margin-top:14px;}
.secGirHistory .hdStit {margin:0 10px;}
.secGirHistory .summaryCnt {overflow:hidden; line-height:1.5; margin-top:10px; margin-left:10px; margin-right:10px;}
.secGirHistory .summaryCnt img {width:100%;}
.secGirHistory .historyList img {width:100%;}
.secGirHistory .historyList li {position:relative; padding:4px 0; line-height:1.5;}
.secGirHistory .historyList li .year {position:absolute; left:0; top:6px; color:#999;}
.secGirHistory .historyList li .hisCnt {display:inline-block; margin-left:60px;  overflow:hidden;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.secGirHistory .newsList {margin:0 10px;}
.secGirHistory .newsList li {border-bottom:1px solid #eaeaea; line-height:1.5; padding:4px 0;  overflow:hidden;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.secGirLocation {text-align:center; margin-top:35px; padding-bottom:20px;}
.secGirLocation .common {margin:0 10px; padding-top:30px;  border-top:1px solid #eaeaea; line-height:1.8;  padding-bottom:20px;}
.secGirLocation .common .address {color:#333;}
.secGirLocation .common .tel a.btMap {color:#333; border:1px solid #ccc; background:#fff; text-align:center; padding:4px 5px 2px 5px; border-radius:2px; text-decoration:none; white-space:nowrap;}
.secGirLocation .common .tel .icn_email {display:inline-block; width:16px; height:17px; padding-right:5px; background:url(/content/images/m/bg_gib_sprite_v1.png?202102241700) no-repeat 0 -105px; background-size:100px 250px;}
.secGirLocation .map {height:200px;}


/* 알림설정 */
.alarmContent { line-height:1.3;}
.alarmContent .pgeOpt {height:42px; background-color:#f2f4f5; padding:0 10px; position:relative; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; padding-top:2px;}
.alarmContent .pgeOpt .tit {padding-left:4px; font-size:15px; color:#000; box-sizing:border-box; padding-top:4px; font-weight:normal;}
.alarmContent .pgeOpt .alrSetting {position:absolute; right:11px; top:0; padding-left:17px; height:42px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -webkit-align-items:center; align-items:center; font-size:12px; color:#666; box-sizing:border-box; padding-top:4px;}
.alarmContent .pgeOpt .alrSetting:after {content:""; display:block; width:13px; height:13px; position:absolute; left:0; top:16px; background:url(/content/images/m/bg_alarm_sprite.png?202102241700) no-repeat 0 0; background-size:150px 150px;}
.alarmContent .alrLoginBx {padding:0 10px 10px; background-color:#f2f4f5; position:relative; border-bottom:1px solid #e8e8e8;}
.alarmContent .alrLoginBx .inner {background-color:#fff; border:1px solid #dfe2e6;}
.alarmContent .alrLoginBx .inner .txBx {padding:32px 0 18px; text-align:center; font-size:12px; color:#999;}
.alarmContent .alrLoginBx .inner .txBx p:first-child {font-size:18px;letter-spacing:-0.5px; color:#333; padding-bottom:13px;}
.alarmContent .alrLoginBx .inner .logLink {display:-webkit-box; display:-webkit-flex; display:flex; border-top:1px solid #f2f3f5;}
.alarmContent .alrLoginBx .inner .logLink a {height:37px; box-sizing:border-box; flex-grow:1; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding-top:2px; position:relative; width:50%; font-size:13px; color:#333; font-weight:bold;}
.alarmContent .alrLoginBx .inner .logLink a:first-child {border-right:1px solid #f2f3f5;}
.alarmContent .alrLoginBx .inner .logLink a:after {content:""; display:block; width:8px; height:14px; background:url(/content/images/m/bg_alarm_sprite.png?202102241700) no-repeat -25px 0; background-size:150px 150px; position:absolute; right:16px; top:50%; margin-top:-7px;}

.alarmContent .ipCustomUI {width:21px; height:21px; background:url(/content/images/m/bg_alarm_sprite.png?202102241700) no-repeat -75px 0; background-size:150px 150px; vertical-align:-6px; margin-right:4px;}
.alarmContent .ipCustomUI.ipCustomUI_checked {background-position:-100px 0;}
.alarmContent .hSortOpt_1 .ipCustomItem label {font-size:12px; color:#666; top:8px;}
.alarmContent .hSortOpt_1 .sortBtn {position:relative; float:right; right:0; top:0;}
.alarmContent .hSortOpt_1 .sortBtn:after {content:""; display:block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; right:10px; top:50%; border-top:4px solid #adadad; margin-top:-1px;}
.alarmContent .hSortOpt.hSortOpt_1 {padding:12px 10px; border-bottom:1px solid #c3c3c3; border-top:1px solid #e8e8e8;}
.alarmContent .hSortOpt select {color:#666; font-size:12px; height:34px; padding:3px 22px 1px 6px; background:none; min-width:113px; border-radius:1px;}

.alarmContent .alrAct .hDate {padding:8px 15px 5px; background-color:#f2f4f5; font-weight:normal; font-size:12px; color:#666; border-bottom:1px solid #e8e8e8;}
.alarmContent .alrListSec .moreBtn {position:relative; z-index:2;}
.alarmContent .alrListSec .moreBtn button {width:100%;}
.alarmContent .alrListSec .moreBtn span {background-color:#f6f6f6; height:44px; box-sizing:border-box; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-top:-1px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; font-size:15px; color:#666; font-weight:bold; padding-top:2px;}
.alarmContent .alrListSec .moreBtn span:after {content:""; display:inline-block; width:15px; height:10px; background:url(/content/images/m/bg_alarm_sprite.png?202102241700) no-repeat -125px 0; background-size:150px 150px; margin-left:5px;}


/* 알림 리스트 */
.alrListSec {}
.alrListSec .descItems span {display:block; min-height:68px; box-sizing:border-box; padding:3px 15px 0; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; font-size:11px; color:#999; border-bottom:1px solid #e8e8e8;}
.alrListSec .descItems span strong {padding:0 0 1px 0; color:#000; font-size:15px; display:inline-block; font-weight:normal;}

.alrListSec .alrAct .actItems a {display:block; border-bottom:1px solid #ebebeb; padding:15px 20px 12px 17px; position:relative;}
.alrListSec .alrAct .actItems a .cate {font-size:11px; color:#999; display:block;}
.alrListSec .alrAct .actItems a .cate em {font-size:12px; color:#002aff; font-weight:bold; vertical-align:middle; margin-right:6px;}
.alrListSec .alrAct .actItems a .cate .time {display:inline-block; vertical-align:middle; padding-top:1px;}
.alrListSec .alrAct .actItems a .tit {color:#000; font-size:15px; display:block; font-weight:normal; padding-top:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.alrListSec .alrAct .actItems a .tx {color:#999; font-size:11px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.alrListSec .alrAct .actItems a:after {content:""; display:block; width:8px; height:14px; background:url(/content/images/m/bg_alarm_sprite.png?202102241700) no-repeat -25px 0; background-size:150px 150px; position:absolute; right:10px; top:50%; margin-top:-7px;}

.alrListSec .alrAct .actItems li.readItem a .cate,
.alrListSec .alrAct .actItems li.readItem a .cate em,
.alrListSec .alrAct .actItems li.readItem a .tit,
.alrListSec .alrAct .actItems li.readItem a .tx {color:#ccc;}
.alrListSec .alrAct .actItems li.readItem a:after {background-position:-50px 0;}

.alrListSec .txNoRresult {font-size:18px;letter-spacing:-0.5px; color:#999; height:187px; line-height:187px; text-align:center; border-bottom:1px solid #ebebeb;}

/* 맞춤채용정보 개편 작업(151026)
-------------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통 */
.smartMatch #wrap {background:none;}
.smartMatch .btmBt {padding:20px 10px; text-align:center;}
.smartMatch .btmBt .tbl {display:table; width:100%;}
.smartMatch .btmBt .cell {display:table-cell; width:50%; vertical-align:top; white-space:nowrap;}
.smartMatch .btmBt .sp {display:inline-block; width:5px;}

.smtMatchCont p.tbl {display:table; width:100%;}
.smtMatchCont p.tbl select {width:100%;}
.smtMatchCont p.tbl .cell {display:table-cell; width:50%;}
.smtMatchCont p.tbl .cell:nth-child(2n) {padding-left:5px;}

/* 스마트검색 결과 하단  */
.matchLink {margin:13px 10px 0 10px; background:#f1f2f5 url(/content/images/m/bg_match_link.png?202102241700) no-repeat right bottom; background-size:129px 103px;}
.matchLink a {display:block; padding:20px 20px;}
.matchLink a .tx {display:block; font-size:0.79em;}
.matchLink a .tx strong {font-size:15px; color:#333;}
.matchLink .btC14 {position:relative; font-size:11px; color:#fff; font-weight:normal; height:25px; padding:0 20px 0 13px; text-align:left; margin-top:12px;}
.matchLink .btC14:before {content:""; position:absolute; top:8px; right:12px; width:5px; height:8px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat -45px -1258px; background-size:50px 1350px;}

/* 맞춤채용정보 설정 */
.smtMatchCont .tabM > li .ico_add {vertical-align:0;}

.smtMatchCont .smSet {position:relative; overflow:hidden; border-bottom:1px solid #dfe2e6;}
.smtMatchCont .smSet dl {line-height:19px; padding:20px 10px; margin-top:-8px;}
.smtMatchCont .smSet dl dt {float:left; color:#999; padding-top:8px;}
.smtMatchCont .smSet dl dd {margin-left:70px; padding-top:8px;}
.smtMatchCont .smSet .bt_modify {position:absolute; top:20px; right:15px; font-size:0.86em;}
.smtMatchCont .smSet .bt_modify .ico_set {margin-top:-0.3em;}

.smtMatchCont .smList {margin-bottom:20px;}
.smtMatchCont .smList .sortOptBx {width:100%; box-sizing:border-box; z-index:99;}
.smtMatchCont .smList .hSortOpt {position:relative; overflow:visible; padding:8px 10px 10px 10px; background-color:#fff;}
.smtMatchCont .smList .hSortOpt:after {content:" "; display:block; height:0; clear:both;}
.smtMatchCont .smList .hSortOpt .total {display:inline-block; font-size:1.07em; color:#000; font-weight:bold; margin-top:14px;}
.smtMatchCont .smList .hSortOpt .total em {color:#002aff; font-weight:bold;}
.smtMatchCont .smList .hSortOpt .r {margin-right:46px;}
.smtMatchCont .smList .hSortOpt .bt_detail {position:absolute; top:15px; right:10px; padding:0 5px 0 10px; border-color:#e0e0e0;}
.smtMatchCont .smList .hSortOpt .bt_detail_on {border-color:#2491ff; background:#002aff;}
.smtMatchCont .smList .hSortOpt .bt_detail_on .ico_detail1 {background-position:-25px -1070px;}
.smtMatchCont .smList .hSortOpt .ico_detail1 {margin:0;}

.smtMatchCont .smList .lyDetail {position:relative; margin-top:-13px; padding:10px 10px; border-top:2px solid #002aff; border-bottom:2px solid #002aff; background-color:#fff; box-sizing:border-box;}
.smtMatchCont .smList .lyDetail h3.hd {color:#333; margin:7px 0 10px 0;}
.smtMatchCont .smList .lyDetail .bt_reset {position:absolute; top:19px; right:10px; font-size:0.86em; color:#999;}
.smtMatchCont .smList .lyDetail .bt_reset .ico_reset  {margin-top:-0.3em;}
.smtMatchCont .smList .lyDetail p.tbl {padding-bottom:10px;}

.smtMatchCont .smList .setCont {position:relative; margin-top:-2px; padding:10px 10px; border-top:1px solid #ebebeb; border-bottom:2px solid #c3c3c3; background-color:#f8f9fa;}
.smtMatchCont .smList .setCont ul li {display:inline-block; margin-right:6px;}
.smtMatchCont .smList .setCont ul li button {vertical-align:0;}

/* 맞춤채용정보 미설정 */
.smtMatchCont .noSmRes {text-align:center; padding:50px 0;}
.smtMatchCont .noSmRes h2.hd {font-size:1.71em; color:#000; margin-bottom:14px;}
.smtMatchCont .noSmRes .tx {color:#999; margin-bottom:35px;}

/* 맞춤채용정보 스마트매치가 없는 경우 */
.smtMatchCont .secMatch .noRlt p:last-child {margin:15px 12px;}

/* 스마트매치플러스 m 채용공고 */
.mFree .smChk .btnApply{top:38px;}
.mBooth li.smChk {border-top:1px solid #565d79; border-bottom:1px solid #565d79; margin-top:-1px;}
.mBooth li.smChk .smPlusBx{background-color:#f6f7f9; padding:15px 0 15px 0; position:relative; }
.mBooth li.smChk .smPlusBx .swiper-container{padding:0 0 0 10px;}
.mBooth li.smChk .smPlusBx .smTit{display:block; padding-left:12px; font-size:12px; color:#999; font-weight:normal; }
.mBooth li.smChk .smPlusBx .smLists{margin:8px 0 0 -10px;}
.mBooth li.smChk .smPlusBx .smLists:after{content:""; display:block; clear:both;}
.mBooth li.smChk .smPlusBx .smLists li{float:left; box-sizing:border-box; width:65%; padding-left:10px; position:relative; }
.mBooth li.smChk .smPlusBx .smLists li a{display:block; box-sizing:border-box; height:110px; padding:14px 10px 14px 10px; border:1px solid #e6e7e9; background-color:#fff; position:relative; z-index:1;}
.mBooth li.smChk .smPlusBx .smLists li a .smCo{display:block; padding-left:2px; font-size:14px; color:#16a8f7; font-weight:bold;}
.mBooth li.smChk .smPlusBx .smLists li a .smTx{display:block; margin-top:6px; font-size:14px; color:#333; line-height:18px; height:38px;   display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.mBooth li.smChk .smPlusBx .smLists li a .smDate{display:block; font-size:12px; color:#777; font-weight:bold; position:absolute; left:10px; bottom:10px;}
.mBooth li.smChk .smPlusBx .btnSmMore{display:inline-block; position:absolute; right:13px; top:15px; font-size:12px; color:#999; padding-right:10px;}
.mBooth li.smChk .smPlusBx .btnSmMore strong{color:#002aff; font-weight:normal;}
.mBooth li.smChk .smPlusBx .btnSmMore:after{content: ""; display: inline-block; position: absolute; right: 0; top: 50%; margin: -2px 0 0 0; width: 4px; height: 4px; border-top: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.mBooth li.smChk .smPlusBx li{border:none;}
/* 맞춤채용설정 팝업 */
.popSmartMatch .secMatch .art {padding:10px 10px; margin-top:5px; border-bottom:1px solid #dfe2e6;}
.popSmartMatch .secMatch .smSet p.tbl {padding:5px 0 5px 0;}
.popSmartMatch .secMatch .smSet_1 {padding:10px 10px 0 10px; border-bottom:0;}
.popSmartMatch .secMatch .smSet_1 ul li {color:#333; margin-top:10px; border:1px solid #e0e0e0; border-radius:2px; line-height:20px;}
.popSmartMatch .secMatch .smSet_1 ul li:after {content:" "; display:block; height:0; clear:both;}
.popSmartMatch .secMatch .smSet_1 ul li:first-child {margin-top:0;}
.popSmartMatch .secMatch .smSet_1 ul li.on {border-color:#aeaeae;}
.popSmartMatch .secMatch .smSet_1 ul li a {position:relative; display:block; width:100%; height:100%; padding:8px 10px 6px 10px; border-radius:2px; box-sizing:border-box;}
.popSmartMatch .secMatch .smSet_1 ul li a strong {font-weight:normal;}
.popSmartMatch .secMatch .smSet_1 ul li a .tx {position:relative; font-size:0.79em; color:#999; float:right; padding-right:7px;}
.popSmartMatch .secMatch .smSet_1 ul li a .tx:before {content:""; position:absolute; top:6px; right:0; width:4px; height:7px; background:url(/content/images/m/bg_all_sprite_v3.png?202102241700) no-repeat -46px -1250px; background-size:50px 1350px;}
.popSmartMatch .secMatch .smSet_1 ul li a .ico {vertical-align:top;}
.popSmartMatch .secMatch .smSet_1 ul li > ul, .popSmartMatch .secMatch .smSet_1 ul li > p {overflow:hidden; padding:14px 5px 14px 10px; border-top:1px solid #eaeaea;}
.popSmartMatch .secMatch .smSet_1 ul li ul li {display:inline-block; margin:0 6px 0 0; border:0; line-height:normal;}

.popSmartMatch .secMatch .smSet_1 .list-part {overflow:hidden; position:relative; display:block; padding:14px 8px 14px 10px; border-top:1px solid #eaeaea;}
.popSmartMatch .secMatch .smSet_1 .list-part-item {position:relative; padding-left:70px; min-height:22px; line-height:22px;}
.popSmartMatch .secMatch .smSet_1 .list-part-item .part {position:absolute; left:0; top:0; font-size:13px; color:#999;}
.popSmartMatch .secMatch .smSet_1 .list-part-item li {display:block; margin:0; border:0; font-size:13px; line-height:22px;}
.popSmartMatch .secMatch .smSet_1 .list-part-item .list-direct {font-size:0;}
.popSmartMatch .secMatch .smSet_1 .list-part-item .list-direct li {display:inline-block; vertical-align:top;}
.popSmartMatch .secMatch .smSet_1 .list-part-item .list-direct li::after {content:','; margin-right:5px;}
.popSmartMatch .secMatch .smSet_1 .list-part-item .list-direct li:last-child::after {display:none;}

/* 맞춤채용정보 업직종, 키워드 선택 팝업 */
.popSmartMatch .smOptList {width:100%; border-bottom:2px solid #c3c3c3; background-color:#fff; z-index:99;}
.popSmartMatch .smOptList h2.hd {color:#333; font-weight:normal; padding:9px 0 7px 0; line-height:20px; border-bottom:1px solid #e8e8e8; background-color:#f2f4f5; text-align:center;}
.popSmartMatch .smOptList h2.hd .num {color:#002aff; font-weight:bold;}
.popSmartMatch .smOptList p.part {padding:0 10px 10px 10px; background-color:#fff;}
.popSmartMatch .smOptList p.part .btBx {display:inline-block; font-size:0.93em; color:#002aff; padding:11px 10px 9px 10px; margin-top:10px; border:1px solid #002aff; border-radius:20px; box-sizing:border-box;}
.popSmartMatch .smOptList p.part .btBx .ico_del3 {vertical-align:top;}
.popSmartMatch .smOptList .btSave {padding:0 10px 20px 10px;}

.popSmartMatch .smOptList p.key {position:relative; margin:10px 10px;}
.popSmartMatch .smOptList p.key input {color:#333; width:100%; padding:2px 25px 0 8px; border-color:#e0e0e0;}
.popSmartMatch .smOptList p.key .ico_del3 {position:absolute; top:15px; right:7px;}
.popSmartMatch .smOptList ul.info {padding:0 10px 10px 10px; background-color:#fff;}
.popSmartMatch .smOptList ul.info li {position:relative; font-size:0.86em; padding-left:13px;}
.popSmartMatch .smOptList ul.info li:before {content:""; position:absolute; left:5px; top:6px; width:2px; height:2px; background-color:#e5e5e5;}

.popSmartMatch .ssPartList {border-bottom:0;}
.popSmartMatch .ssPartList .hS4, .popSmartMatch .ssPartList .list li > a {border-top:0; margin:0;}
.popSmartMatch .ssPartList .list li {padding:0; line-height:39px;}
.popSmartMatch .ssPartList .list li > a {height:100%; padding:2px 10px 0 15px;}
.popSmartMatch .ssPartList .list {margin:0;}
.popSmartMatch .ssPartList .list li.on {color:#333; font-weight:bold; background-color:#f2f9ff;}

/* 맞춤채용정보 지역 선택 팝업 */
.popSmartMatch .ssAreaList:after {content:" "; display:block; height:0; clear:both;}
.popSmartMatch .ssAreaList .area {overflow:hidden; float:left; width:50%; -webkit-box-sizing:border-box;}
.popSmartMatch .ssAreaList .area:nth-child(2) .list li {border-right:1px solid #e8e8e8;}
.popSmartMatch .ssAreaList .area .list li {float:none; width:100%; border-right:0;}
.popSmartMatch .ssAreaList .area:nth-child(1) .list li, .popSmartMatch .ssAreaList .area:nth-child(2n+1) .list li {border-right:0;}

/* 맞춤채용정보 안내 팝업 */
.popSmartMatchInfo {position:absolute; left:0; top:122px; width:100%; z-index:111;}
.popSmartMatchInfo .popCont {margin:0 40px 0 40px; text-align:center; background:#fff;}
.popSmartMatchInfo .hd {padding:15px 0 77px 0; border-bottom:1px solid #dbdbdb; background:#6689e3 url('/content/images/m/popup/pop_sm_info_bg.png?202102241700') no-repeat 55% bottom; background-size:185px 71px;}
.popSmartMatchInfo .hd_1 {padding:0 0 0 0; background:#6689e3;}
.popSmartMatchInfo .eCnt {padding:10px 0;}
.popSmartMatchInfo .btn_1 button {color:#fff; background:#ff7575; border: 1px solid #ff7575;}
.popSmartMatchInfo .tx {padding:20px 0; background-color:#fff;}

.popSmartMatchInfo .act {position:relative; height:30px; -webkit-box-sizing:border-box; background-color:#373c41; font-size:0.79em; color:#fff; vertical-align:middle; text-align:left;}
.popSmartMatchInfo input[type="checkbox"] {border-radius:0; -webkit-appearance:none; border:0 none; width:17px; height:17px; margin:6px 0 6px 10px; background:url(/content/images/m/popup/bg_popup_v1.png?202102241700) 100% -19px no-repeat; background-size:17px 55px;}
.popSmartMatchInfo input:checked {background-position:100% 0;}
.popSmartMatchInfo input::-webkit-input-placeholder {color:#fff; }
.popSmartMatchInfo .act label {display:inline-block; padding-top:3px;}
.popSmartMatchInfo .close2 {color:#fff; text-align:left; -webkit-appearance:none; cursor:pointer; position:absolute; right:8px; top:8px; width:36px; background:url(/content/images/m/popup/bg_popup_v1.png?202102241700) no-repeat 100% -39px; background-size:17px 55px;}

/* 퀵이력서 등록 > 알바몬 이력서 가져오기 문구 추가 */
.resumeImportTx {border-bottom:1px solid #d2d2d2; padding:7px; position:relative; line-height:1.3;}
.resumeImportTx .tx {border:1px solid #eae9d6; background-color:#fffce2; height:38px; line-height:42px; font-size:14px; color:#333; text-align:center;}
.resumeImportTx .tx strong span {color:#ff8800;}
.resumeImportTx .btnReTxClose {width:20px; height:20px; position:absolute; right:12px; top:18px;}
.resumeImportTx .btnReTxClose:before {content:""; display:block; width:10px; height:10px; margin:0 auto; background:url(/content/images/m/text_user/resume/sprites/res_tpl_btn.png?202102241700) -28px -113px no-repeat; background-size:80px 500px;}

/* JK-AL 시너지효과 공통로그사용 */
.logTopInfo {padding:13px 0 10px 20px; text-align:left; background:#fffdf0; border-bottom:1px solid #eae9d6; font-size: 12px;}
.logTopInfo strong {color: #000;}
.logTopInfo strong.num {color: #f60;}
.memberJoin .bxMember .bxCont .inner .txInfo_blk {background:#f4f4f4; height:4px; padding:0;}
.memberJoin .tabM {border-top:0 none; background:#f2f4f5;}

/* 개인회원개편 안내 레이어 */
#infoLy {width:100%;}
#infoLy.hide {display:none;}
#infoLy .swiper-container {position:absolute; left:0; top:80px; height:430px; width:100%; z-index:108;}
#infoLy .swiper-container .swiper-slide {text-align:center; height:430px;}
#infoLy .swiper-container .swiper-slide .btnStartJk {width:99px; height:34px; margin-top:28px; background:url(/content/images/m/Text_User/btn_info_layer.png?202102241700) 0 0 no-repeat; -webkit-background-size:99px 34px; background-size:99px 34px;}
#infoLy .swiper-container .swiper-info-prev,
#infoLy .swiper-container .swiper-info-next {display:block; position:absolute; top:50%; margin:-6px 0 0 0; width:12px; height:12px; border-top:1px solid #fff; border-right:1px solid #fff; z-index:108; cursor:pointer; text-indent:-9999px; -ms-transform:rotate(225deg); -moz-transform:rotate(225deg); -webkit-transform:rotate(225deg); transform:rotate(225deg);}
#infoLy .swiper-container .swiper-info-prev {left:19px;}
#infoLy .swiper-container .swiper-info-next {right:19px; -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#infoLy .swiper-container .swiper-info-prev.swiper-button-disabled,
#infoLy .swiper-container .swiper-info-next.swiper-button-disabled {display:none;}
#infoLy .swiper-container .info-pagination {position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:109;}
#infoLy .swiper-container .info-pagination .swiper-pagination-bullet {width:6px; height:6px; background-color:#fff; opacity:1; margin:0 3px;}
#infoLy .swiper-container .info-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#002aff;}
#infoLy .lyDim {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.85; z-index:107;}

/* 진행중인 채용정보 */
#bListGi.ongJob .header2 {padding:0;}
#bListGi.ongJob .header2 h2 {font-size:1em; margin:0; border-bottom:0;}
#bListGi.ongJob .ssBooth_noH {margin:0;}

/* 해외지역 채용정보_2016.01.04~ */
.ovsPrmSec {position:relative;}
.ovsPrmSec .mHdArea .hS4 {border-bottom:none; float:left; padding-top:0;}
.ovsPrmSec .mHdArea .hS4 strong {color: #002aff;}
.ovsPrmSec .premiumAtc {box-sizing:border-box;}
.ovsPrmSec .premiumAtc .listItem {box-sizing:border-box;}
.ovsPrmSec .premiumAtc .swiper-slide {box-sizing:border-box; padding:0 5px;}
.ovsPrmSec .listItem ul li {margin-top:4px; border:1px solid #d8e2eb;}
.ovsPrmSec .listItem ul li:first-child {margin-top:0;}
.ovsPrmSec .listItem .tLink {display:block; text-align:center; padding:3px 0 3px;}
.ovsPrmSec .listItem .itemBottom {position:relative; height:80px; box-sizing:border-box; padding-top:7px; background-color:#f7fbff;}
.ovsPrmSec .listItem .txLink {display:block; margin:0 70px 0 40px;}
.ovsPrmSec .listItem .txLink strong,
.ovsPrmSec .listItem .txLink span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3;}
.ovsPrmSec .listItem .txLink strong {font-size:1em; margin-top:5px; color:#000;}
.ovsPrmSec .listItem .txLink span {font-size:1.071em;  margin-top:2px; color:#333;}
.ovsPrmSec .listItem .txLink .desc {color:#999; font-size: 0.857em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ovsPrmSec .listItem .btnScrap {position:absolute; top:10px; right:auto; left:0; padding:7px; width:21px; height:20px;}
.ovsPrmSec .listItem .msgScrap {left:2px; top:-23px; right:auto;}
.ovsPrmSec .listItem .msgScrap:after {right:auto; left:11px;}
.ovsPrmSec .listItem .applyArea {position:absolute; right:4px; top:11px;}
.ovsPrmSec .listItem .applyArea .date {display:block; font-size:0.786em; color:#666; vertical-align:middle; text-align:center;}
.ovsPrmSec .listItem .applyArea .btnApply {display:inline-block; height:24px; padding:5px 2px; font-size:0.786em; line-height:14px; background-color:#fff; border-radius:2px; border:1px solid #d2d6dc; color:#898989; text-align:center; vertical-align:middle; box-sizing:border-box; margin-left:2px; min-width:50px; margin-top:2px;}
.ovsPrmSec .listItem .applyArea .btnJkApply {background-color:#fb9958; border:1px solid #fb9958; color:#fff;}
.ovsPrmSec .listItem .applyArea .btnRow2 {line-height:9px; font-size:0.714em; padding-top:3px;}
.ovsPrmSec .listItem .lent {text-align: center; padding:46px 0 20px 0; color: #bfbfbf;}
.ovsPrmSec .listItem .lent .bt {height:30px; font-size:13px; background:#d9d9d9; color:#fff;margin-top:10px; border: 1px solid #d9d9d9;}

.ovsEntpSec {position:relative;}
.ovsEntpSec .mHdArea .hS4 {border-bottom:none; float:left; padding-top:0;}
.ovsEntpSec .mHdArea .hS4 strong {color: #002aff;}
.ovsEntpSec .col02List .inner .btArea {background-color:#f3f3f3; position:relative; height:120px; box-sizing:border-box;}
.ovsEntpSec .col02List .inner .btArea .txLink {display:block; padding:13px 8px 2px 11px;}
.ovsEntpSec .col02List .inner .btArea .txLink .tit,
.ovsEntpSec .col02List .inner .btArea .txLink .tx {display:block; color:#000;  line-height:1.3;}
.ovsEntpSec .col02List .inner .btArea .txLink .tit {font-size:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ovsEntpSec .col02List .inner .btArea .txLink .tx {font-size:1.071em; line-height:1.3; padding-top:2px; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; text-overflow:ellipsis; overflow:hidden;  color:#333;}
.ovsEntpSec .col02List .inner .btArea .txLink .desc {display:block;font-size:0.857em;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ovsEntpSec .col02List .lent {text-align: center;}
.ovsEntpSec .col02List .lent a {display:inline-block;padding:3.5em 0 3.2em 0; color: #bfbfbf;box-sizing:border-box;height:172px;}
.ovsEntpSec .col02List .lent .bt {height:30px; font-size:13px; background:#d9d9d9; color:#fff;margin-top:10px; border: 1px solid #d9d9d9;}

.ovsPrdLy .infoWrap {background:#f7fbff url(/content/images/m/ovs_prdly_bg.png?202102241700) no-repeat 30px 20px; -webkit-background-size:34px 32px; background-size:34px 32px;}
.ovsPrdLy .infoWrap h3 {color:#333; font-weight: normal;padding:8px 10px 5px 60px; }
.ovsPrdLy .infoWrap h3 strong {display:block; color: #000; font-size:1.28em;}
.ovsPrdLy .time {margin:0 30px;font-size:1.07em; color:#333; margin-top:17px;}
.ovsPrdLy .time strong {display:block; color:#000;}
.ovsPrdLy .free {margin:0 30px;color:#f60;border:2px solid #dfdfdf;text-align:center; margin-top:10px; padding:15px 0;}
.ovsPrdLy .contact {margin:0 30px;color:#333;font-size:0.93em;margin-top:10px;line-height:1.7;}
.ovsPrdLy .contact dt {float:left; display: inline-block;width:50px;color:#000; font-weight: bold;}
.ovsPrdLy .act {height:44px !important;margin-top:20px;margin:15px 10px;box-sizing:border-box;}
.ovsPrdLy button.btnMail {width:100%;height:44px;font-size:1.07em;background-color:#70b7ff; color:#fff;text-align: center;}
.ovsPrdLy button.btnMail .mail {display:inline-block; width:44px; height:44px; background:#70b7ff url(/content/images/m/btn_prd_ly_mail.png?202102241700) no-repeat 0 0; -webkit-background-size:44px 44px; background-size:44px 44px;vertical-align: middle;}

.ovsMainLayer {position:absolute; width:100%; margin:0 auto; z-index:10000;}
.ovsMainLayer .layer {text-align: center; margin:0 15px;}
.ovsMainLayer .tit {font-size:1.07em;margin-top:20px;color: #333;}
.ovsMainLayer .tit strong {font-weight: bold;}
.ovsMainLayer .btn {margin:15px 0;}
.ovsMainLayer .close {position:absolute; right:10px; top:11px; width:17px; height:17px; background:url(/content/images/m/btn_prd_ly_close.png?202102241700) no-repeat 0 0; -webkit-background-size:17px 17px; background-size:17px 17px;}

/* 모바일 입사지원 이벤트 */
.apyEventBx{background-color:#f4f4f4; border-top:1px solid #e9e9e9; margin:0 -15px; padding:26px 0; border-bottom:3px solid #002aff; margin-bottom:-3px}
.apyEventBx .evInner {padding:0 0 0 15px; position:relative;}
.apyEventBx .evInner .prd {position:absolute; left:0; top:50%;}
.apyEventBx .evInner .prd.evPrd01 {margin-top:-32px;}
.apyEventBx .evInner .prd.evPrd02 {margin-top:-18px;}
.apyEventBx .evInner .prd.evPrd03 {margin-top:-27px;}
.apyEventBx .evInner .txBx {padding-left:60px;}
.apyEventBx .evInner .txBx p {margin:0 !important; font-size:15px; color:#000; font-weight:bold;  text-align:center;}
.apyEventBx .evInner .txBx p.tx {color:#fe6601; }
.apyEventBx .evInner .txBx p.info {font-weight:normal; padding-top:16px;}
.mApyWinWrap {position:absolute; left:0; top:93px; z-index:10000; width:100%; padding:0 40px; box-sizing:border-box;}
.mApyWinWrap .mApyWinBx {border:2px solid #002aff; background-color:#fff; text-align:center; position:relative;}
.mApyWinWrap .mApyWinBx .hd {font-size:17px; color:#fff; background-color:#002aff; height:38px; line-height:40px; padding-left:6px; text-align:left}
.mApyWinWrap .mApyWinBx .tx01 {padding:19px 0;}
.mApyWinWrap .mApyWinBx .prdImg {padding-bottom:17px;}
.mApyWinWrap .mApyWinBx .prdImg p {color:#fe6601; font-size:14px; font-weight:bold; padding-top:14px;}
.mApyWinWrap .mApyWinBx .evInfoTx {font-size:11px; color:#747474;}
.mApyWinWrap .mApyWinBx .mApyWinBtn {padding:16px 0; background-color:#f4f4f4; margin-top:17px;}
.mApyWinWrap .mApyWinBx .mApyWinBtn button {height:28px;	background-color:#002aff; border-radius:2px; min-width: 55px; padding:2px 10px 0; box-sizing:border-box; color:#fff; font-size:12px; font-weight:bold;}
.mApyWinWrap .mApyWinBx .apyLyClose {position:absolute; right:6px; top:10px; width:17px; height:17px; background:url(/content/images/m/event/onlineapp2016/btn_ly_close.png?202102241700) no-repeat 0 0; -webkit-background-size:17px 17px; background-size:17px 17px;}

.mGibCt .scCnt .etc {display:block;}

/* 기업회원 로그인 비밀번호,아이디찾기 */
.memberJoin .pwResultTxt {text-align: center;line-height:1.8;padding:53px 0 14px 0;}
.memberJoin .pwResultEmail {text-align: center;font-weight:bold;color:#002aff;font-size:1.286em;padding-bottom:41px;}
.btLogType {display:inline-block;height:50px;line-height:50px;font-size:1.143em;font-weight:bold;text-align: center;border-radius: 2px;border: 1px solid #002aff;background-color: #002aff;color: #fff;box-sizing:border-box;}
.btLogType_1 {border:1px solid #d1d5db;background-color:#fff;color: #666;}

/* 고객센터 풋터 */
.footCsInfo1{text-align:center;}
.footCsInfo1 li{display:inline-block;}
.footCsInfo1 a{color:#999; font-size:12px;  display:inline-block;}

/*
 * induce resume disclosure
 * worker : meraseudev / 2018.02.06
 */
.job-offer {position:relative; padding:16px 0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff9d1;}
.job-offer .message {margin-bottom:16px; padding:0 10px; font-size:14px; color:#666; line-height:1.55; }
.job-offer .message em {color:#000;}
.job-offer .button-group {font-size:0; text-align:center;}
.job-offer .button {display:inline-block; width:122px; height:33px; margin:0 3px; box-sizing:border-box; text-align:center; font-size:13px;}
.job-offer .button-cancel {border:1px solid #d1d5db; background-color:#fff; color:#666;}
.job-offer .button-job-offer {background-color:#ff6600; color:#fff;}

.tabM.tabToggleOnly > li > a {display:block;}
.tabM.tabToggleOnly > li > span {display:none;}
.tabM.tabToggleOnly > .on > a {display:none;}
.tabM.tabToggleOnly > .on > span {display:block;}


.newpop_close { position: absolute; text-indent: -9999px; width: 40px; height: 40px; right: 6px; top: 6px; background-repeat: no-repeat; background-position: 50%; background-image:url('data:image/svg+xml;charset=utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><style /> <path d="M5.17059 4.20084C4.9028 3.93305 4.46863 3.93305 4.20084 4.20084C3.93305 4.46863 3.93305 4.9028 4.20084 5.17059L11.0303 12L4.20084 18.8294C3.93305 19.0972 3.93305 19.5314 4.20084 19.7992C4.46863 20.0669 4.9028 20.0669 5.17059 19.7992L12 12.9697L18.8294 19.7992C19.0972 20.0669 19.5314 20.0669 19.7992 19.7992C20.0669 19.5314 20.0669 19.0972 19.7992 18.8294L12.9697 12L19.7992 5.17059C20.0669 4.9028 20.0669 4.46863 19.7992 4.20084C19.5314 3.93305 19.0972 3.93305 18.8294 4.20084L12 11.0303L5.17059 4.20084Z" fill="%23222222"/> </svg>'); }

.tabM.tabAgree { background-color: #fff; padding: 0 10px; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; }
.tabM.tabAgree > li > a,
.tabM.tabAgree > li > span { height: 48px; line-height: 47px; padding: 0 10px; font-weight: 400; font-size: 14px; color: #222; border: none; }
.tabM.tabAgree > li::after { display: none; }
.tabM.tabAgree > li.on > span { display: block; color: #0057FF; font-weight: 700; }
.tabM.tabAgree > li.on::after { display: block; width: calc(100% - 10px); height: 2px; top: auto; bottom: 0px; left: 50%; transform: translateX(-50%); margin: 0; background-color: #0057FF; }

.pvsSec > ol > li{ border-bottom: 1px solid #e6e6e6; padding: 20px 10px 20px; line-height: 1.4; }
.pvsSec dd{ margin-top: 14px; }
.pvsSec dd > ol > li{ padding-left: 20px; text-indent: -20px; margin-top: 15px;}
.pvsSec dd > ol > li > ol > li{ padding-left: 15px; text-indent: -15px; margin-top: 10px;}

.policy-link{ color: #002aff; text-decoration: underline; }

.nav_listGi.nav-width-type2 {overflow-x:auto;display:flex;}
.nav_listGi.nav-width-type2 li{width:auto !important; padding:0 15px;}
.prdInfoLy .lyWrap .prdImg.keywordPop{padding:14px 14px 4px 14px;}

/* 키워드검색 로고 상품 Flag : 240522 */
.keyword-pro-flag { display: block; text-align: center; color: #FF0000; background-color: #FFF5F5; border-radius: 4px; border: 1px solid #ffb7b7; box-sizing: border-box; font-weight: 400; width: 51px; height: 18px; line-height: 13px; font-size: 11px; margin: 0 0 4px 0; padding-top: 2px; }

.prdInfoLy_general .lyWrap .infoWrap.keyword .locaTx { top: 10px; }
.prdInfoLy_general .lyWrap .infoWrap.keyword .keyword-pro-flag { margin: 5px 0 0 0; }
.prdInfoLy_general .lyWrap .infoWrap.keyword .txt_sub { display: block; font-size: 12px; line-height: 18px; color: #9e9e9e; font-weight: 400; margin-top: 10px; }