@charset "utf-8";
/*
.File Name		: /content/css/ver_2/main/main_v190130.css
.Final Editor	: 방민재 (2019-01-30 : 메인상품 및 콘텐츠 개편)
*/

/* Reset */
html {overflow-y:scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, button, p, table, th, td {padding:0; margin:0;}
table, th, td, input, button {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0 none;}
li {list-style:none;}
form, fieldset, button {border:0 none;}
label {cursor:pointer; vertical-align:middle;}
iframe, img {border:0 none; vertical-align:top;}
address, caption, em {font-weight:normal; font-style:normal;}
hr {display:none;}
strong {font-weight:bold;}
select, input, option, textarea {vertical-align:middle; font:12px gulim, "굴림", dotum, "돋움",sans-serif;}
input, select, button {vertical-align:middle;}
input[type=text] {outline:none;}
input[type=text]:-ms-clear {display:none;}
button {overflow:visible; background:transparent; cursor:pointer;}
legend {position:absolute; top:-9999px; left:-9999px; font-size:0px; line-height:0;}
.skip, .blind {position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0); margin:-1px;}
.clear:after {content:""; display:block; height:0; clear:both;}
.ls_1 {letter-spacing:-1px !important;}
.ls_2 {letter-spacing:-2px !important;} 
.ls_3 {letter-spacing:-3px !important;}

/* Common */
body {
	min-width: 1680px;
	/* font: 12px '맑은 고딕', Malgun Gothic, '굴림', Gulim, sans-serif; */
	font-size: 12px;
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, '굴림', Gulim, sans-serif;
	text-align: center;
	color: #494949;
}
@media print {
	body {min-width:auto;}
}
a, a:link, a:visited {color:#494949; text-decoration:none; cursor:pointer;}
a:hover, a:active, a:focus {color:#06c !important;}

#accessibility {position:relative; z-index:10001;}
#accessibility a {
	position: absolute;
	top: -224px;
	left: 0;
	width: 200px;
	height: 24px;
	padding-top: 4px;
	background-color: #000;
	text-align: center;
	color: #fff !important;
	/* font: bold 14px '맑은 고딕', Malgun Gothic, '돋움', Dotum, sans-serif; */
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, '굴림', Gulim, sans-serif;
}
#accessibility a:active, #accessibility a:focus {top:0;}

/* point */
#point {position:relative; width:100%; padding:10px 0; background-color:#e8ecef; text-align:left; z-index:200; margin-bottom:25px;}
#point .pointWrap {position:relative; width:1260px; margin:0 auto;}
#point .pointWrap:after {content:" "; display:block; height:0; clear:both;}
#point .pointWrap button {font-family:inherit; outline:none;}
#point .pointSide {position:relative; float:right;width:262px; z-index:11;}
#point .pointSide a:hover {text-decoration:underline;}
#point .pointMain {float:left; width:990px;}

/* banner */
#bl_2 {position:absolute; top:10px; left:0; z-index:100; width:400px; height:20px; text-align:left;}
#bl_3 {position:absolute; top:0px; left:-100px; z-index:100; border:1px solid #efeff0;}
#bl_4 {position:relative; width:260px; height:100px; margin:8px 0 0 1px; background-color:#fff;}
#bl_5 {position:absolute; left:0; top:0; width:752px;height:110px; background-color:#fff;}
#bl_6 {width:1260px; margin:0 auto 38px auto; text-align:center;}

/* banner bg */
.ad_bd {position:absolute; background-color:#aab6cc; opacity:0.4; filter:alpha(opacity=40);}
.ad_lt {top:1px; bottom:1px; left:0; width:1px; }
.ad_tp {top:0; right:0; left:0; height:1px;}
.ad_rt {top:1px; right:0; bottom:1px; width: 1px;}
.ad_bt {right:0; bottom:0; left:0; height:1px;}

.lyTplLogin .btnClose {position:absolute;right:5px;top:10px; width:21px; height:21px; background:url('/content/images/List_Gi/all_q_apply.png') no-repeat 0 -100px;}/*로그인닫기 */
.lyTplLogin .btnClose button {width:100%; height:100%;}
.lyTplLogin .btnClose span {display:inline-block; text-indent:-9999px;}
.lyTplLogin .btnClose_s1 {position:absolute;right:5px;top:3px;}

/* Product Info */
.devGuideBox {position:absolute; left:0; top:0; z-index:10;}
.prdtInfoHome {
	position: absolute;
	left: 0;
	top: 0;
	/* font-family: '맑은 고딕', Malgun Gothic, '돋움', Dotum, sans-serif; */
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, '굴림', Gulim, sans-serif;
	width: 570px;
	border: 1px solid #565d79;
	background-color: #fff;
	box-sizing: border-box;
}
.prdtInfoHome dl {margin:0;}
.prdtInfoHome dt {}
.prdtInfoHome .info {padding:48px 50px 40px 50px;}
.prdtInfoHome .btnArea {height:28px;padding:14px 50px;border-top:1px solid #eee;background-color:#f8f9fb;text-align:center;}
.prdtInfoHome .btnArea .mainBtnArr_7 {font-size:13px; color:#666; padding:5px 5px;}
.prdtInfoHome table {width:468px;border-bottom:1px solid #e5e5e5;text-align:left;}
.prdtInfoHome caption {padding:0 0 10px 0;font-size:32px; color:#000;text-align:left;letter-spacing:-2px;}
.prdtInfoHome caption strong {color:#39f;}
.prdtInfoHome table th, .prdtInfoHome table td {position:relative;border-top:1px solid #e5e5e5;padding:11px 4px;color:#666;}
.prdtInfoHome table td {color:#000;}
.prdtInfoHome table .fst th, .prdtInfoHome table .fst td {padding:18px 4px 3px 4px; border-top:1px solid #9aa2b2;}
.prdtInfoHome table .fst:only-child th, .prdtInfoHome table .fst:only-child td {padding:18px 4px 18px 4px;}
.prdtInfoHome table .fst ~ .fot th, .prdtInfoHome table .fst ~ .fot td {padding:0 4px 23px 8px; border-top:0;}
.prdtInfoHome table .fot th {text-align:left;}
.prdtInfoHome table .fot strong {font-size:14px; font-weight:normal; letter-spacing:-1px;}
.prdtInfoHome table .fot strong:before {content:""; display:inline-block; width:5px; height:5px; border:1px solid #ccc; margin:6px 2px 0 0; border-top:0; border-right:0; vertical-align:top;}
.prdtInfoHome table .fot em {font-size:14px; color:#fe6601;}
.prdtInfoHome .subject {font-size:16px; color:#000; font-weight:bold; width:34%;text-align:left; letter-spacing:-1px;}
.prdtInfoHome .price {width:28%;text-align:right;white-space:nowrap;}
.prdtInfoHome .price strong {font-size:14px; color:#fe6601;font-weight:bold;font-family:verdana, sans-serif;letter-spacing:-1px;}
.prdtInfoHome .fst .func {font-size:13px; width:38%;padding:24px 0 0 0; text-align:right; vertical-align:top; letter-spacing:-1px;}
.prdtInfoHome .fst .func a {position:relative; display:inline-block; width:80px; height:33px; line-height:29px; border-radius:2px; box-sizing:border-box; text-align:center; z-index:1;}
.prdtInfoHome .btnView {border:1px solid #ccc;}
.prdtInfoHome .btnView span {color:#333;}
.prdtInfoHome .btnRequest {margin-left:2px; border:1px solid #ff5858;background-color:#ff5858;}
.prdtInfoHome .btnRequest span {color:#fff;}
.prdtInfoHome .close {position:absolute;right:24px;top:24px;}

/* grand banner list */
.grand_banner_wrap { position: relative; width:1260px; margin: 0 auto; text-align: left; }
.grand_banner_wrap h3.header {margin-bottom:19px; line-height: 1.1285; color:#000; font-size:18px; letter-spacing:-0.5px;}
.grand_banner_wrap .popup_info { z-index: 100; left:690px !important; top:29px !important; display: none; }
.grand_banner_wrap .btn_info { position: absolute; right: 0; top:8px; line-height: 1; letter-spacing: -1px; color: #333; border: 0; background: transparent; cursor: pointer; }
.grand_banner_wrap .btn_info::-moz-focus-inner { padding: 0; border: 0; }
.grand_banner_wrap .btn_info i {display: inline-block; width: 5px; height: 9px; margin:-3px 0 0  3px; vertical-align:middle; background: url("/content/images/main/tpl_bg_bul.png") no-repeat -25px -430px; }
.grand_banner_wrap .list { overflow: hidden; position: relative; width:1260px; padding-bottom:1px; margin-bottom:40px; }
.grand_banner_wrap .list li { float: left; position: relative; box-sizing: border-box; border: 2px solid #d6d6d6; padding-top: 18px; letter-spacing: -0.5px; font-size: 14px; z-index:2;}
.grand_banner_wrap .list li:hover { z-index: 30; border-width:2px; border-color: #3399ff;}
.grand_banner_wrap .list li:after {content:""; position: absolute; left:-1px; top:-1px; display:block; width:100%; height:100%; border:1px solid #fff; z-index:-1;}
.grand_banner_wrap .list li:hover:after {border-color:#3399ff;}
.grand_banner_wrap .list li button { display: block; position: relative; border: 0; background: transparent; cursor: pointer; }
.grand_banner_wrap .list li button::-moz-focus-inner { padding: 0; border: 0; }
.grand_banner_wrap .list .company .btnFavor, .grand_banner_wrap .list .company .btnReg_1,
.grand_banner_wrap .list .company .btnFavor_on, .grand_banner_wrap .list .company .btnReg_1_on,
.grand_banner_wrap .list .extra .btnDirect, .grand_banner_wrap .list .extra .btnSm_1,
.grand_banner_wrap .list .extra .btnScrap, .grand_banner_wrap .list .extra .btnScrap_1,
.grand_banner_wrap .list .extra .btnScrap_on, .grand_banner_wrap .list .extra .btnScrap_1_on,
.grand_banner_wrap .list .itemTopIcon,
.grand_banner_wrap .list .itemPersonalIcon {background:url("/content/images/main/tpl_bg_icn.png?20210204") no-repeat;}

.grand_banner_wrap .list .company { margin-bottom:4px; padding:0 13px 0 15px;}
.grand_banner_wrap .list .company a {
	font-family: 'Tahoma', 'Malgun Gothic' Apple SD Gothic Neo, '굴림', Gulim, sans-serif;
	vertical-align: middle;
}
.grand_banner_wrap .list .company a:focus, .grand_banner_wrap .list .company a:hover { color: #333 !important; }
.grand_banner_wrap .list .company .btnFavor, .grand_banner_wrap .list .company .btnReg_1 { display: inline-block; width: 15px; height: 13px; margin-left:3px; vertical-align: middle; text-indent: -9999px; background-position:-5px -172px;}
.grand_banner_wrap .list .company .btnFavor_on, .grand_banner_wrap .list .company .btnReg_1_on { display: inline-block; width: 15px; height: 13px; margin-left:3px; vertical-align: middle; text-indent: -9999px; background-position:-5px -194px; }
.grand_banner_wrap .list .logo { overflow: hidden; width: 100%; text-align: center; }
.grand_banner_wrap .list .logo a {display:inline-block;}
.grand_banner_wrap .list li:hover .logo {border-color:#54aaff;}
.grand_banner_wrap .list .name a {overflow:hidden; display:inline-block; color:#000; padding-right:1px; text-overflow:ellipsis; white-space:nowrap;}
.grand_banner_wrap .list .description { padding:0 13px 0 15px; font-size:16px; color: #333; line-height:22px; box-sizing: border-box; }
.grand_banner_wrap .list .description a {overflow:hidden; display:block; display:-webkit-box; color: #333; height:45px; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.grand_banner_wrap .list .description a:focus, .grand_banner_wrap .list .description a:hover { color: #333 !important; }
.grand_banner_wrap .list .extra { overflow: hidden; position: absolute; left: 0; width: 100%; padding:0 13px 0 15px; box-sizing: border-box; }
.grand_banner_wrap .list .extra .btnDirect, .grand_banner_wrap .list .extra .btnSm_1 { float: left; font-size:11px; color:#fb9d43; font-weight:bold; width:46px; height:18px; padding:0 0 1px 0; margin:0 8px 0 0; border:1px solid #fb9d43; border-radius:2px; background-image:none; letter-spacing:-1px; box-sizing:border-box;}
.grand_banner_wrap .list .extra .btnScrap, .grand_banner_wrap .list .extra .btnScrap_1 { float: right; width:19px; height:19px; text-indent:-9999px; background-position:-29px -170px; }
.grand_banner_wrap .list .extra .btnScrap_on, .grand_banner_wrap .list .extra .btnScrap_1_on { float: right; width:19px; height:19px; text-indent: -9999px; background-position:-29px -192px; }
.grand_banner_wrap .list .extra .dday { float: left; padding: 2px 0; color: #999; line-height:12px; font-size: 12px; letter-spacing:0;}
.grand_banner_wrap .list .extra .dday_start { color: #3399ff; }
.grand_banner_wrap .list .extra .dday_end { color: #ff5a44; }
.grand_banner_wrap .list .extra .dday_always { color: #666; }

.grand_banner_wrap .list .itemHrBg {position:relative; margin-top:34px;}
.grand_banner_wrap .list .itemHrBg:before {content:""; position:absolute; top:-20px; left:-2px; height:3px; background:url("/content/images/main/bg_list_hr.png") no-repeat left top;}

.grand_banner_wrap .list .itemTopBg {border-color:#3399ff; z-index:4;}
.grand_banner_wrap .list .itemBg {border-color:#979ca5; background-color:#eff1f5; z-index:3;}
.grand_banner_wrap .list .itemBg:after {border-color:#eff1f5;}

.grand_banner_wrap .list .itemTopIcon {position:absolute; left:9px; top:-2px; display:block; width:30px; height:30px; background-position:-200px -230px; text-indent:-9999px; z-index:2;}
.grand_banner_wrap .list .itemPersonalIcon{position:absolute; left:9px; top:-2px; display:block; width:30px; height:30px; background-position:-200px -270px; text-indent:-9999px; z-index:2;}
.grand_banner_wrap .list.list_firstvvip .itemPersonalIcon{top: 0px;}

/* 자리메꿈 */
.grand_banner_wrap .list .item_empty {padding:0; text-align:center;}
.grand_banner_wrap .list .item_empty:hover:after {border-color:#54aaff;}
.grand_banner_wrap .list .item_empty a {display:table; width:100%; height:100%;}
.grand_banner_wrap .list .item_empty dl {display:table-cell; padding:0 19px; vertical-align:middle; box-sizing:border-box;}
.grand_banner_wrap .list .item_empty dt {color:#999;}
.grand_banner_wrap .list .item_empty dt:after {content:""; display:block; width:18px; height:1px; margin:9px auto 7px auto; background-color:#e3e5e6;}
.grand_banner_wrap .list .item_empty dd {color:#666;}
.grand_banner_wrap .list .item_empty dd strong {display:block; color:#686868;}
.grand_banner_wrap .list .item_empty .desc_1, .grand_banner_wrap .list .item_empty .desc_2 {overflow:hidden; display:inline-block; text-overflow:ellipsis;}
.grand_banner_wrap .list .item_empty .desc_1 {white-space:nowrap;}
.grand_banner_wrap .list .item_empty .desc_2 {max-height:34px;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 홈 top 헤드라인 채용관 */
.grand_banner_wrap .list_firstvvip{display: flex; flex-wrap: wrap; overflow: visible; width: 1276px;}
.grand_banner_wrap .list_firstvvip li { width:306px; height:214px; margin:0px 13px 13px 0px; padding-top:90px; border:none;}
.grand_banner_wrap .list_firstvvip li::after{content: ''; width: 306px; height: 214px; position: absolute; display: block; top: 0; left: 0; border: 1px solid #d6d6d6; box-sizing: border-box; }
.grand_banner_wrap .list_firstvvip li:hover{ -webkit-box-shadow: 8px 8px 8px 0 rgba(0,0,0,0.05); -moz-box-shadow: 8px 8px 8px 0 rgba(0,0,0,0.05); box-shadow: 8px 8px 8px 0 rgba(0,0,0,0.05); transition: all 0.3s ease-in-out;}
.grand_banner_wrap .list_firstvvip li:hover::after{ border-width: 1px; border-color: #888888; }
.grand_banner_wrap .list_firstvvip li.logoLeft .logo{padding: 9px 19px 0; text-align: left;}
.grand_banner_wrap .list_firstvvip .company {padding:0 19px; font-size:15px;}
.grand_banner_wrap .list_firstvvip .company-background-image{position: absolute; top:-1px; left:-1px; z-index: -1; display: block; width:306px; height:214px; overflow: hidden;}
.grand_banner_wrap .list_firstvvip .company-background-image::after{content:'';display:block;position: absolute;top:0;left: 0;width: 140%;transform: rotate(-25deg) translate(16px, -83px);height: 200%;background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.grand_banner_wrap .list_firstvvip .company-background-image img{width: 100%; height: 100%; opacity:0; transition: 0.5s all ease-in-out; position: relative; top: 0; left: 0;}
.grand_banner_wrap .list_firstvvip li:hover .company-background-image img{opacity:1;}


.grand_banner_wrap .list_firstvvip .name a {max-width:225px;}
.grand_banner_wrap .list_firstvvip .logo {position:absolute; left:-1px; top:-1px; width:306px; padding-top:11px; margin:0; border:none;  border-bottom:0; background-color: transparent; box-sizing:border-box;}
.grand_banner_wrap .list_firstvvip .logo img {width:180px; height:72px;}
.grand_banner_wrap .list_firstvvip .company .btnFavor, .grand_banner_wrap .list .company .btnFavor_on {margin-left:-1px;}
.grand_banner_wrap .list_firstvvip .description {font-size:18px; line-height:26px; padding:0 19px;}
.grand_banner_wrap .list_firstvvip .description a {color:#000; height:50px;}
.grand_banner_wrap .list_firstvvip .description a:focus, .grand_banner_wrap .list_vvvip .description a:hover {color:#000 !important;}
.grand_banner_wrap .list_firstvvip .extra { top:176px; padding:0 17px 0 19px;}
.grand_banner_wrap .list_firstvvip .itemTopBg .logo {padding-top:9px;}
.grand_banner_wrap .list_firstvvip .item_adagency {overflow:hidden; padding:0; border:1px solid #888; width:306px; height:214px; z-index:3;}
.grand_banner_wrap .list_firstvvip .item_adagency a {display:block; width:100%; height:100%;}
.grand_banner_wrap .list_firstvvip .item_adagency:hover {border-width:1px; border-color:#888; box-sizing:border-box;}
.grand_banner_wrap .list_firstvvip .item_adagency:hover img {margin:0;}
.grand_banner_wrap .list_firstvvip .item_empty dd strong {margin-top:6px;}

/* 홈 VVIP 채용관 */
.grand_banner_wrap .list_vvip li { width:315.8px; height:214px; margin:0 -1px -1px 0; padding-top:90px;}
.grand_banner_wrap .list_vvip .company {padding:0 19px; font-size:15px;}
.grand_banner_wrap .list_vvip .name a {max-width:225px;}
.grand_banner_wrap .list_vvip .logo {position:absolute; left:-1px; top:-1px; width:313.8px; padding-top:11px; margin:0; border:1px solid #fff;  border-bottom:0; background-color:#fff; box-sizing:border-box;}
.grand_banner_wrap .list_vvip .logo img {width:180px; height:72px;}
.grand_banner_wrap .list_vvip .company .btnFavor, .grand_banner_wrap .list .company .btnFavor_on {margin-left:-1px;}
.grand_banner_wrap .list_vvip .description {font-size:18px; line-height:26px; padding:0 19px;}
.grand_banner_wrap .list_vvip .description a {color:#000; height:50px;}
.grand_banner_wrap .list_vvip .description a:focus, .grand_banner_wrap .list_vvip .description a:hover {color:#000 !important;}
.grand_banner_wrap .list_vvip .extra { top:176px; padding:0 17px 0 19px;}
.grand_banner_wrap .list_vvip .itemTopBg .logo {padding-top:9px;}

.grand_banner_wrap .list_vvip .item_adagency {overflow:hidden; padding:0; border:1px solid #888; width:315.8px; height:214px; z-index:3;}
.grand_banner_wrap .list_vvip .item_adagency a {display:block; width:100%; height:100%;}
.grand_banner_wrap .list_vvip .item_adagency:hover {border-width:2px; border-color:#65affe; box-sizing:border-box;}
.grand_banner_wrap .list_vvip .item_adagency:hover img {margin:-1px 0 0 -1px;}
.grand_banner_wrap .list_vvip .item_adagency:after {display:none;}

.grand_banner_wrap .list_vvip .item_empty dd strong {margin-top:6px;}

/* 홈 VIP 채용관 */
.grand_banner_wrap .list_vip li {height:192px; padding-top:69px;}
.grand_banner_wrap .list_vip .description{font-size:17px;}
.grand_banner_wrap .list_vip .logo img {width:128px; height:51px;}
.grand_banner_wrap .list_vip .extra {top:155px;}
.grand_banner_wrap .list_vip .item_adagency {height:192px;}

/* list_banner_5xn 공통 */
.grand_banner_wrap .list_banner_5xn li {width:252.9px; height:174px; margin: 0 -1px -1px 0; padding-top:63px;}
.grand_banner_wrap .list_banner_5xn .itemHrBg:before {width:214.9px;}
.grand_banner_wrap .list_banner_5xn .logo {position:absolute; left:-1px; top:-1px; width:250.9px; padding-top:9px; margin:0; box-sizing:border-box;}
.grand_banner_wrap .list_banner_5xn .name a {max-width:173px;}

.grand_banner_wrap .list_banner_5xn .item_expand_horizontal { z-index: 20; width:432.9px; padding-left:215px; }
.grand_banner_wrap .list_banner_5xn .item_expand_horizontal .logo { width:214.9px; height: 160px; }
.grand_banner_wrap .list_banner_5xn .item_expand_horizontal .extra { left:215px; width:215px; }
.grand_banner_wrap .list_banner_5xn .extra {top:137px;}

.grand_banner_wrap .list_banner_5xn .item_naver {overflow:hidden; padding:0; border-width:1px; border-color:#65affe; width:216.9px; height:149px; background:url("/content/images/banner/2017/ad_naver_215x147.png") no-repeat left top;  z-index:3;}
.grand_banner_wrap .list_banner_5xn .item_naver a {display:block; width:100%; height:100%;}
.grand_banner_wrap .list_banner_5xn .item_naver:hover {border:1px solid #65affe;}
.grand_banner_wrap .list_banner_5xn .item_naver:after {display:none;}

.grand_banner_wrap .list_banner_5xn .item_adagency {overflow:hidden; padding:0; border-width:1px; border-color:#888; width:252.9px; height:174px; z-index:3;}
.grand_banner_wrap .list_banner_5xn .item_adagency a {display:block; width:100%; height:100%;}
.grand_banner_wrap .list_banner_5xn .item_adagency:hover {border-width:2px; border-color:#65affe; box-sizing:border-box;}
.grand_banner_wrap .list_banner_5xn .item_adagency:hover img {margin:-1px 0 0 -1px;}
.grand_banner_wrap .list_banner_5xn .item_adagency:after {display:none;}

.grand_banner_wrap .list_banner_5xn .item_empty dt {font-size:11px;}
.grand_banner_wrap .list_banner_5xn .item_empty dd {font-size:12px;}
.grand_banner_wrap .list_banner_5xn .item_empty dd strong {margin-top:5px;}

/* Top Class 채용관, Excellent 채용관 */
.grand_banner_wrap .list_Top .company,
.grand_banner_wrap .list_excellent .company {margin-bottom:4px;}
.grand_banner_wrap .list_Top .extra,
.grand_banner_wrap .list_excellent .extra {top:140px;}

/* Grand 채용관, Power 채용관 */
.grand_banner_wrap .list_grand_power li {height:152px; padding-top:43px;}
.grand_banner_wrap .list_grand_power .company {margin-bottom:3px;}
.grand_banner_wrap .list_grand_power .logo {padding:8px 18px 0 0; text-align:right;}
.grand_banner_wrap .list_grand_power .description {line-height:23px;}
.grand_banner_wrap .list_grand_power .extra {top:120px;}
.grand_banner_wrap .list_grand_power .item_adagency {height:152px;}

.middle_banner_wrap { overflow: hidden; position: relative; padding: 30px 0; margin-bottom:38px; background-color: #f3f7f8; box-sizing: border-box; }
.middle_banner_wrap .list { overflow: hidden; position: relative; width:1260px; height: 200px; margin: 0 auto; text-align: left; }
.middle_banner_wrap ul { overflow: hidden; position: relative; width:1272px; height: 200px; }
.middle_banner_wrap ul li { float: left; overflow: hidden; position: relative; width:306px; height: 200px; margin-right:12px; box-sizing: border-box; }

div#point { margin-bottom:44px; }

.l-wrap-bottom { overflow: hidden; position: relative; width: 100%; text-align: center; letter-spacing: -1px;}
.l-wrap-bottom h3.header { margin-bottom: 13px; line-height: 1.1285; letter-spacing: -1px; color: #000; font-size: 16px;}
.l-wrap-bottom .btn_more_header { position: absolute; right: 0; top: 4px; color: #333; font-size: 12px; }
.l-wrap-bottom .btn_more_header:hover { color: #333 !important; }
.l-wrap-bottom .icon-more-arrow-right { display: inline-block; width: 5px; height: 9px; margin-left: 3px; line-height: 1; vertical-align: middle; background: url("/content/images/main/tpl_bg_bul.png") no-repeat -25px -430px; }

.l-gamejob-wrap {padding: 26px 0 2px; background-color:#f3f7f8;}
.l-gamejob { overflow: hidden; position: relative; width:1260px; margin: 0 auto 26px; text-align: left; }
.l-gamejob .list { overflow: hidden; position: relative; width:1272px; }
.l-gamejob .item { float: left; overflow: hidden; position: relative; width:306px; height: 206px; margin-right:12px; border: 1px solid #c8cbd0; box-sizing: border-box; background-color: #fff; text-align: center; }
.l-gamejob .item .company { position: relative; height: 70px; margin-bottom: 25px; padding: 17px 0 0 14px; background-color: #000; color: #fff; line-height: 1; text-align: left; box-sizing: border-box; font-size: 13px; font-weight: bold; }
.l-gamejob .item .company.bg1 { background: #837d6d url("/content/images/main/bg-gamejob1.jpg?2019012914") no-repeat left top; }
.l-gamejob .item .company.bg2 { background: #507c7c url("/content/images/main/bg-gamejob2.jpg?2019012914") no-repeat left top; }
.l-gamejob .item .company.bg3 { background: #978c38 url("/content/images/main/bg-gamejob3.jpg?2019012914") no-repeat left top; }
.l-gamejob .item .company.bg4 { background: #717999 url("/content/images/main/bg-gamejob4.jpg?2019012914") no-repeat left top; }
.l-gamejob .item .company.bg5 { background: #6c7782 url("/content/images/main/bg-gamejob5.jpg?2019012914") no-repeat left top; }
.l-gamejob .item .logo { z-index: 10; position: absolute; left: 28px; top: 58px; }
.l-gamejob .item ul { overflow: hidden; position: relative; height: 70px; box-sizing: border-box; margin: 0 auto; padding-bottom: 6px; margin:0 15px; text-align: left; border-bottom: 1px solid #e9eaec; }
.l-gamejob .item li { position: relative; margin-bottom: 4px; padding-left:4px;}
.l-gamejob .item li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; line-height: 1.33; font-size: 13px; }
.l-gamejob .item li a:hover { color: #333 !important; }
.l-gamejob .item .extra { overflow: hidden; position: relative; padding: 8px 13px 0; line-height: 1.33; }
.l-gamejob .item .extra .total { float: left; color: #666; font-size: 12px; }
.l-gamejob .item .extra .total span { color: #3399ff; }
.l-gamejob .item .extra .btn_more { float: right; color: #666; font-size: 12px; }

.l-oras-wrap {padding: 31px 0 0;}
.l-oras { overflow: hidden; position: relative; width:1260px; margin: 0 auto; text-align: left; }
.l-oras .list { overflow: hidden; position: relative; width:1260px; padding-bottom: 1px; }
.l-oras li { float: left; overflow: hidden; position: relative; width:315.8px; height: 65px; padding: 11px 13px 0; margin: 0 -1px -1px 0; border: 1px solid #c8cbd0; box-sizing: border-box; background-color: #fff; letter-spacing: -1px; line-height: 1; }
.l-oras li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; line-height: 1.33; font-size: 13px;}
.l-oras li a strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px; }
.l-oras li a:hover { color: #333 !important; }
.l-oras .item_empty { padding: 0; background: #fff url("/content/images/main/bg-empty-oras.png") no-repeat; }
.l-oras .item_empty a { display: block; width: 100%; height: 65px; text-indent: -9999px; }
.l-oras .extra { overflow: hidden; position: absolute; right: 10px; top: 10px; text-align: right; font-size: 0; }
.l-oras .extra .btn { display: inline-block; zoom: 1; *display: inline; width: auto; height: auto; padding:3px 2px 4px; margin-left: 3px; background: none; color: #acacac; border: 1px solid #acacac; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 11px;}
.l-oras .extra .btnOras_3 { color: #e58e27; border-color: #e58e27; }
.l-oras .extra .btnOras_4 { color: #7ba71e; border-color: #7ba71e; }
.l-oras .extra .btnOras_5 { color: #3fa5fa; border-color: #3fa5fa; }

/* 공지사항 하단으로 위치 변경 */
.l-notice-bottom {
	overflow: hidden;
	position: relative;
	width: 960px;
	height: 83px;
	margin: 0 auto;
	padding-left: 114px;
	text-align: left;
	background-color: #fff;
	box-sizing: border-box;
	/* font-family: '맑은 고딕', Malgun Gothic, '굴림', Gulim, sans-serif; */
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, '굴림', Gulim, sans-serif;
	letter-spacing: -1px;
}
.l-notice-bottom .header {position:absolute; left:0; top:29px; height:83px; line-height:1.42857; color:#000; font-size:16px;}
.l-notice-bottom .list {overflow:hidden; position:relative; width:800px; padding-top:31px;}
.l-notice-bottom .list ul {overflow:hidden; position:relative; width:800px;}
.l-notice-bottom .list li {position:relative; width:800px; margin-bottom:200px; float:left; line-height:1.42857;}
.l-notice-bottom .list li a {font-size:12px; color:#333;}
.l-notice-bottom .list li a:hover {color:#333 !important;}
.l-notice-bottom .list li .date {margin-left:9px; font-family:'Tahoma'; font-size:12px; color:#777; letter-spacing:0;}
.l-notice-bottom .buttons-control {overflow:hidden; position:absolute; left:83px; top:35px; width:25px; height:13px; background:url('/content/images/main/bg_home_icon_all.gif') no-repeat 0 -100px}
.l-notice-bottom .buttons-control .btn {display:block; float:left; width:13px; height:13px; text-indent:-9999px; background-image:url('/content/images/main/bg_home_icon_all.gif'); background-repeat:no-repeat;}
.l-notice-bottom .buttons-control .btn-prev {background-position:-6px -71px;}
.l-notice-bottom .buttons-control .btn-next {margin-left:-1px; background-position:-25px -71px;}
.l-notice-bottom .btn-more {position:absolute; right:0; top:31px; font-size:12px; color:#666;}
.l-notice-bottom .icon-more-arrow-right {display:inline-block; width:5px; height:9px; margin-left:3px; line-height:1; vertical-align:baseline; background:url("/content/images/main/tpl_bg_bul.png") no-repeat -25px -430px;}

/* 공지사항 위치 변동 */
.l-notice-bottom {
	overflow: hidden;
	position: relative;
	width: 960px;
	height: 83px;
	margin: 0 auto;
	padding-left: 114px;
	text-align: left;
	background-color: #fff;
	box-sizing: border-box;
	/* font-family: '맑은 고딕', Malgun Gothic, '굴림', Gulim, sans-serif; */
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, '굴림', Gulim, sans-serif;
	letter-spacing: -1px;
}
.l-notice-bottom .header {position:absolute; left:0; top:29px; height:83px; line-height:1.42857; color:#000; font-size:16px;}
.l-notice-bottom .list {overflow:hidden; position:relative; width:800px; padding-top:31px;}
.l-notice-bottom .list ul {overflow:hidden; position:relative; width:800px;}
.l-notice-bottom .list li {position:relative; width:800px; margin-bottom:200px; float:left; line-height:1.42857;}
.l-notice-bottom .list li a {font-size:12px; color:#333;}
.l-notice-bottom .list li a:hover {color:#333 !important;}
.l-notice-bottom .list li .date {margin-left:9px; font-family:'Tahoma'; font-size:12px; color:#777; letter-spacing:0;}
.l-notice-bottom .buttons-control {overflow:hidden; position:absolute; left:83px; top:35px; width:25px; height:13px; background:url('/content/images/main/bg_home_icon_all.gif') no-repeat 0 -100px}
.l-notice-bottom .buttons-control .btn {display:block; float:left; width:13px; height:13px; text-indent:-9999px; background-image:url('/content/images/main/bg_home_icon_all.gif'); background-repeat:no-repeat;}
.l-notice-bottom .buttons-control .btn-prev {background-position:-6px -71px;}
.l-notice-bottom .buttons-control .btn-next {margin-left:-1px; background-position:-25px -71px;}
.l-notice-bottom .btn-more {position:absolute; right:0; top:31px; font-size:12px; color:#666;}
.l-notice-bottom .icon-more-arrow-right {display:inline-block; width:5px; height:9px; margin-left:3px; line-height:1; vertical-align:baseline; background:url("/content/images/main/tpl_bg_bul.png") no-repeat -25px -430px;}

/* footer, See all service icon. */
/* #footer .btmNtc dt a:hover {color:#000 !important;} */
#footer .btmNtc dd a:hover {color:#000 !important;}
.tplBtn {overflow: hidden; display: inline-block; font-family: inherit; text-align: center; vertical-align: middle; line-height: normal;letter-spacing: -1px;}
.tplBtn.btnAll > a:hover {color:#3399ff !important;}
.tplBtn.btnAll:after {content: ""; position:relative; display:inline-block; width:6px; height:9px; margin-top:-2px; background:url(/content/images/ver_1/common/tpl_sp_btn.png?2016092914) no-repeat -86px 0; vertical-align:middle;}

/* 메인개편 - 2017.09.05 */
/* font */
.malgun {
	/* font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, sans-serif; */
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, "돋움", Dotum, sans-serif;
}
.tahoma {font-family:tahoma, sans-serif; letter-spacing:0;}
.verdana {font-family:verdana, sans-serif;}
.gulim {font-family:gulim, "굴림", sans-serif;}
.dotum {font-family:dotum, "돋움", sans-serif;}

/* button */
.mainBtn, .mainBtnB, .mainBtnA, .mainBtnM {position:relative; display:inline-block; color:#666; letter-spacing:-1px; box-sizing:border-box;}
.mainBtn, .mainBtnB:before, .mainBtnA:after, .mainBtnM:before, .mainBtnM:after {display:inline-block; background:url("/content/images/main/main_sp_btn.png?20220314") no-repeat; vertical-align:middle; box-sizing:border-box;}
.mainBtn span, .mainBtnB span, .mainBtnA span, .mainBtnM span, .mainBtnB:before, .mainBtnA:after, .mainBtnM:before, .mainBtnM:after {position:relative;}
.mainBtn .blind, .mainBtnB .blind, .mainBtnA .blind, .mainBtnM .blind,
.mainBtn .skip, .mainBtnB .skip, .mainBtnA .skip, .mainBtnM .skip {position:absolute;}
.mainBtnB:before, .mainBtnA:after, .mainBtnM:before, .mainBtnM:after {content:"";}

.mainBtnPrev, .mainBtnNext {width:22px; height:31px;}
.mainBtnPrev:after {width:12px; height:21px; background-position:0 0;}
.mainBtnNext:after {width:12px; height:21px; background-position:-20px 0;}
.mainBtnPrev_1, .mainBtnNext_1 {position:relative; width:16px; height:22px;}
.mainBtnPrev_1:after {width:8px; height:11px; background-position:-80px 0;}
.mainBtnPrev_1:after, .mainBtnNext_1:after {position:absolute; left:4px; top:5px;}
.mainBtnPrev_2, .mainBtnNext_2 {width:24px; height:44px; border:1px solid #e8ecef; background-color:#fff;}
.mainBtnPrev_2:after {width:10px; height:16px; background-position:-310px -140px;}
.mainBtnNext_1:after {width:8px; height:11px; background-position:-97px 0;}
.mainBtnNext_2:after {width:10px; height:16px; background-position:-320px -140px;}

.mainBtnArr:after {width:13px; height:6px; margin:-2px 0 0 6px; background-position:-50px -15px;}
.mainBtnArr.on:after {width:13px; height:6px; margin:-2px 0 0 6px; background-position:-50px 0;}
.mainBtnArr_1 {padding:5px;}
.mainBtnArr_1:before {width:9px; height:6px; margin:-2px 5px 0 0; background-position:-120px 0;}
.mainBtnArr_2 span {color:#999;}
.mainBtnArr_2:after {width:3px; height:5px; margin:-2px 0 0 6px; background-position:-300px 0;}
.mainBtnArr_3:after {width:6px; height:11px; margin:-2px 0 0 10px; background-position:-360px 0;}
.mainBtnArr_4:after {width:4px; height:7px; margin:-2px 0 0 5px; background-position:-380px 0;}
.mainBtnArr_5 span {color:#39f;}
.mainBtnArr_5:after {width:4px; height:7px; margin:-2px 0 0 6px; background-position:-396px 0;}
.mainBtnArr_6:after {width:15px; height:13px; margin:-2px 0 0 2px; background-position:-340px -140px;}
.mainBtnArr_7:after {width:5px; height:9px; margin:-3px 0 0 5px; background-position:-300px -280px;}

.mainBtnDel {position:relative; width:21px; height:21px;}
.mainBtnDel:after {position:absolute; left:7px; top:7px; width:7px; height:7px; background-position:-140px 0;}

.mainBtnNv, .mainBtnFb, .mainBtnGg, .mainBtnKo, .mainBtnAp {display: block; padding: 0 !important;}
.mainBtnFb {margin-left: 9px !important;}
.mainBtnKo {margin-left: 9px !important;}
.mainBtnGg {margin-left: 7px !important;}
.mainBtnAp {margin-left: 7px !important; margin-top: -1px;}
.mainBtnNv:before {width:13px; height:13px; background-position:-160px 0;}
.mainBtnFb:before {width:8px; height:15px; background-position:-190px 0;}
.mainBtnKo:before {width:17px; height:16px; background-position:-210px 0;}
.mainBtnGg:before {width:15px; height:16px; background-position:-240px 0;}
.mainBtnAp:before {width:14px; height:16px; background-position:-286px -13px;}

.mainBtnPart:before {display:block; width:24px; height:26px; margin:2px auto 4px auto; background-position:0 -40px;}
.mainBtnArea:before {display:block; width:28px; height:26px; margin:2px auto 4px auto; background-position:-40px -40px;}
.mainBtnSch:before {display:block; width:23px; height:26px; margin:3px auto 3px auto; background-position:-80px -40px;}
.mainBtnMajor:before {display:block; width:26px; height:26px; margin:2px auto 4px auto; background-position:-120px -40px;}
.mainBtnPublic:before {display:block; width:23px; height:26px; margin:0 auto 6px auto; background-position:-160px -40px;}
.mainBtnForeign:before {display:block; width:24px; height:26px; margin:1px auto 5px auto; background-position:-200px -40px;}
.mainBtnIndustry:before {display:block; width:22px; height:26px; margin:3px auto 3px auto; background-position:-240px -40px;}
.mainBtnSuper:before {display:block; width:25px; height:26px; margin:3px auto 3px auto; background-position:-280px -40px;}
.mainBtnTheme:before {display:block; width:34px; height:19px; margin:6px auto 7px auto; background-position:-240px -80px;}
.mainBtnNew:before {display:block; width:21px; height:26px; margin:0 auto; background-position:-320px -40px;}
.mainBtnTop100:before {display:block; width:31px; height:26px; margin:3px auto 3px auto; background-position:-120px -170px;}

.mainBtnCalendar:before {display:block; width:25px; height:28px; margin:2px auto 3px auto; background-position:0 -210px;}
.mainBtnCorp_1:before {display:block; width:20px; height:31px; margin:0 auto; background-position:-30px -210px;}
.mainBtnIntern:before {display:block; width:11px; height:28px; margin:2px auto 2px auto; background-position:-65px -210px;}
.mainBtnPass:before {display:block; width:24px; height:28px; margin:0 auto 4px auto; background-position:-90px -210px;}
.mainBtnReview:before {display:block; width:26px; height:28px; margin:2px auto 2px auto; background-position:-125px -210px;}
.mainBtnSpec:before {display:block; width:33px; height:28px; margin:0 auto 4px auto; background-position:-198px -210px;}
.mainBtnIterview:before {display:block; width:23px; height:28px; margin:0 auto 4px auto; background-position:-165px -210px;}
.mainBtnJobfair:before {display:block; width:15px; height:28px; margin:1px auto 3px auto; background-position:-245px -210px;}

.mainBtnSpell:before {display:block; width:29px; height:33px; margin:0 auto; background-position:-150px -140px;}
.mainBtnSpell_1:before {display:block; width:29px; height:34px; margin:0 auto; background-position:-270px -210px;}
.mainBtnCount:before {display:block; width:30px; height:33px; margin:0 auto; background-position:-190px -140px;}
.mainBtnCount_1:before {display:block; width:30px; height:34px; margin:0 auto; background-position:-310px -210px;}
.mainBtnUniv:before {display:block; width:25px; height:33px; margin:0 auto; background-position:-230px -140px;}
.mainBtnUniv_1:before {display:block; width:25px; height:34px; margin:0 auto; background-position:-350px -210px;}
.mainBtnRsm:before {display:block; width:25px; height:33px; margin:0 auto; background-position:-270px -140px;}
.mainBtnRsm_1:before {display:block; width:29px; height:34px; margin:0 auto; background-position:0 -250px;}
.mainBtnCrop:before {display:block; width:30px; height:34px; margin:0 auto; background-position:-40px -250px;}
.mainBtnStamp:before {display:block; width:25px; height:34px; margin:0 auto; background-position:-80px -250px;}

.mainBtnRound {font-size:13px; height:28px; line-height:23px; padding:0 18px; border:1px solid #dbe0e9; border-radius:100px;}
.mainBtnRound span {color:#39f;}
.mainBtnRound:hover {border-color:#39f; background-color:#39f;}
.mainBtnRound:hover span {color:#fff;}
@media \0screen {
	.mainBtnRound {position:relative; font-size:13px; padding:0; border:0;}
	.mainBtnRound span {display:inline-block; line-height:26px; padding:0 5px; border-top:1px solid #dbe0e9; border-bottom:1px solid #dbe0e9; box-sizing:border-box;}
	.mainBtnRound:before, .mainBtnRound:after {width:12px; height:28px; vertical-align:top;}
	.mainBtnRound:before {background-position:0 -80px;}
	.mainBtnRound:after {background-position:-20px -80px;}
	.mainBtnRound:hover {border-color:none; background-color:transparent;}
	.mainBtnRound:hover span {color:#fff; border-color:#39f; background-color:#39f;}
	.mainBtnRound:hover:before {background-position:-40px -80px;}
	.mainBtnRound:hover:after {background-position:-60px -80px;}
}

.mainBtnRound_1 {position:relative; width:165px; height:43px; background-position:-120px -250px;}
.mainBtnRound_1 span {color:#fff;}

.mainBtnClose {width:31px; height:30px;}
.mainBtnClose:after {width:21px; height:20px; background-position:-320px 0;}
.mainBtnClose_1 {position:relative; width:27px; height:27px;}
.mainBtnClose_1:after {position:absolute; top:5px; left:5px; width:17px; height:17px; background-position:-120px -140px;}
.mainBtnClose_2 {position:relative; width:30px; height:30px;}
.mainBtnClose_2:after {position:absolute; top:5px; left:5px; width:20px; height:20px; background-position:-370px -140px;}
.mainBtnClose_3 {position:relative; width:37px; height:37px;}
.mainBtnClose_3:after {position:absolute; top:5px; left:5px; width:27px; height:27px; background-position:-300px -250px;}

.mainBtnPer {width:130px; height:70px; background-position:0 -300px;}
.mainBtnCorp {width:129px; height:70px; background-position:-140px -300px;}

.mainBtnSec {position:relative; width:25px; height:12px;}
.mainBtnSec:after {position:absolute; left:0; top:0; width:25px; height:12px; background-position:-360px -40px;}
.mainBtnSec.on:after {width:20px; height:12px; background-position:-360px -52px;}

.mainBtnPgn {width:14px; height:14px; background-position:-266px 4px;}
.mainBtnPgn.on {background-position:-266px -11px;}

.mainBtnBd {color:#666; height:23px; line-height:21px; padding:0 6px; border:1px solid #e6eaf1; background-color:#fff; box-sizing:border-box; letter-spacing:-1px;}

/* Icon */
.mainIcn, .mainIcnB:before, .mainIcnA:after, .mainIcnM:before, .mainIcnM:after {display:inline-block; background:url("/content/images/main/main_sp_icn.png?2018041814") no-repeat; line-height:normal; vertical-align:middle;}
.mainIcnB:before, .mainIcnA:after, .mainIcnM:before, .mainIcnM:after {content:"";}

.mainIcnUpdate {width:4px; height:4px; background-position:0 0;}
.mainIcnPaper {width:11px; height:11px; background-position:-10px 0;}
.mainIcnArrUp {width:7px; height:5px; background-position:-30px 0;}
.mainIcnArrDw {width:7px; height:5px; background-position:-30px -5px;}
.mainIcnNew {width:21px; height:5px; background-position:-90px 0;}
.mainIcnBUp:before, .mainIcnBDw:before {width:9px; height:10px; margin:-2px 1px 0 0; background-position:-120px 0;}
.mainIcnBDw:before {background-position:-130px 0;}

.mainIcnArr {width: 13px; height: 6px; background-position: -50px -15px;}
.on .mainIcnArr {background-position: -50px 0;}
.mainIcnVideo:before {width:22px; height:22px; background-position:0 -30px;}
.mainIcnVideo_1:before {width:22px; height:22px; background-position:0 -30px;}

/* Layer */
.lyTypeWrap {display:none; position:absolute; left:0; top:0; width:100%; border:1px solid #9aa2b9; background-color:#fff; z-index:100001;}
.lyTypeWrap .lyCont {padding:15px 15px;}
.lyTypeWrap .lyClose {position:absolute; top:15px; right:11px;}

/* 로그인 */
.loginWrap {height:110px; border:1px solid #e3e4e8; background-color:#f3f4f6; box-sizing:border-box;}
.memberType {width:262px; margin:-1px 0 0 -1px; border:1px solid #e3e4e8; background-color:#fff; box-sizing:border-box;}
.memberType > li {float:left; width:50%; height:70px; text-align:center;}
.memberType > li + li {border-left:1px solid #e3e4e8; box-sizing:border-box;}
.memberType > li .tab {position:relative; display:block; vertical-align:top; line-height:70px;}
.memberType > li .mainBtn {vertical-align:top; z-index:1;}
.memberType > li .tx {overflow:hidden; color:#333; position:absolute; left:0; top:0; bottom:0; right:0; letter-spacing:-1px;}
.memberType .tab.on .mainBtnCorp {background-position:0 -140px;}

.mbrLinks {padding:0 15px; margin-top:8px;}
.mbrLinks .mbr {float:left; font-size:11px; margin-left:-4px; margin-top: -1px;}
.mbrLinks .mbr a {display:inline-block; color:#666 !important; padding:4px; letter-spacing: -0.6px; font-family: '맑은 고딕', malgungothic, sans-serif;}
.mbrLinks .mbr a:hover {text-decoration:underline;}
.mbrLinks .mbr span {position:relative; display:inline-block;}
.mbrLinks .mbr .idBx:before {content:""; display:inline-block; width:1px; height:10px; margin:-2px 3px 0 3px; background-color:#dfe0df; vertical-align:middle;}
.mbrLinks .mbr .pwBx:before {content:"/"; position:absolute; left:-2px; top:4px; color:#888; font-family: '맑은 고딕', malgungothic, sans-serif; font-size: 11px;}
.mbrLinks .social {float:right; margin: 1px -2px 0 0;}
.mbrLinks .social .mainBtnB {float:left; padding:2px 0; margin-left:1px;}

.loginUser {position:relative; padding:0; letter-spacing:-1px;}
.loginUser .myInfo {padding:15px 15px; background-color:#f8f9fb;}
.loginUser .myInfo .name, .loginWrap .mng {display:block;}
.loginUser .myInfo .name {font-size:16px; font-weight:bold;}
.loginUser .myInfo .name a {color:#333 !important; overflow:hidden; display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.loginUser .myInfo .mng {position:relative; margin-top:8px;}
.loginUser .myInfo .mng a:hover {color:#39f !important;}
.loginUser .myInfo .mng .mainBtnArr_5 em {color:#000;}
.loginUser .myInfo .date {position:absolute; top:2px; right:0; font-size:11px; color:#999;}
.loginUser .btnLogout {position:absolute; top:14px; right:14px;}
.loginUser .srvMenu {display:table; width:258px; height:34px; margin-top:-1px; border-top:1px solid #ebebeb;}
.loginUser .srvMenu li {display:table-cell; text-align:center;}
.loginUser .srvMenu li + li {border-left:1px solid #ebebeb;}
.loginUser .srvMenu li a {display:block; width:100%; height:100%; color:#666 !important; padding-top:8px; letter-spacing:-1px;}

.lyLoginForm {display:none; position:absolute; left:0; top:0; width:260px; height:364px; padding:40px 13px 13px 13px; border:1px solid #565d79; background-color:#fff; text-align:left; box-sizing:border-box; letter-spacing:-1px; z-index:10;}
.lyLoginForm h4 {font-size:18px; color:#000;}
.loginIptWrap {position:relative; margin-top:24px;}
.loginIptWrap .loginIpt {position:relative; width:153px;}
.loginIptWrap .loginIpt .iptTx {width:100%; height:35px; line-height:33px; padding:0 10px; border:1px solid #e3e7ee; box-sizing:border-box;}
.loginIptWrap .loginIpt .iptTx ~ .iptTx {margin-top:-1px;}
.loginIptWrap .loginIpt .ph {position:absolute; left:10px; font-size:11px; color:#999; cursor:text;}
.loginIptWrap .loginIpt .id {top:9px;}
.loginIptWrap .loginIpt .pw {top:43px;}
.loginIptWrap .btnLogin {position:absolute; top:0; right:0; color:#fff; width:80px; height:69px; margin-left:-1px; background:#39f; letter-spacing:-1px;}

.loginSetWrap {position:relative; margin-top:8px;}
.loginSetWrap .setBx, .loginSetWrap button, .loginSetWrap a {font-size:11px; color:#333; letter-spacing:-1px;}
.loginSetWrap .setBx input[type="checkbox"] {position:absolute; left:0; top:0; width:12px; height:12px; opacity:0; filter:alpha(opacity=0);}
.loginSetWrap .setBx .bxIpt {line-height:17px;}
.loginSetWrap .setBx .bxIpt:before {content:""; display:inline-block; width:12px; height:12px; margin:-2px 5px 0 0; background:url('/content/images/main/tpl_bg_bul.png') no-repeat 0 -140px; cursor:pointer; z-index:1; vertical-align:middle;}
.loginSetWrap .setBx .bxIpt.chk:before {background-position:0 -160px;}
.loginSetWrap .setBx + .setBx:before {content:""; display:inline-block; width:1px; height:10px; margin:3px 1px 0 1px; background-color:#e9e9e9; vertical-align:middle;}
.loginSetWrap .mainBtnSec.on {background-position:-360px -52px;}

.loginSetWrap .lyTooltip  {left:-6px; top:23px; letter-spacing:-1.25px;}
.loginSetWrap .lyTooltip em {font-weight:bold; color:#54b027;}
.loginSetWrap .lyTooltip .mainIcnArrUp {margin:0;}

.lyCapsLock  {display:none; position:absolute; left:0px; bottom:-27px; font-size:12px; color:#666; padding:5px 5px 6px 5px; border:1px solid #9ea7bc; background:#fff; white-space:nowrap; letter-spacing:-.6px; z-index:1;}
.lyCapsLock.on {display:block;}
.lyCapsLock em {font-weight:normal; color:#3399ff;}
.lyCapsLock .mainIcnArrUp {position:absolute; left:22px; top:-5px;}

/* 2017-10-30 로그인유지 기능 추가 */
.loginSetWrap .lyKeepLoginTip{position:absolute; left:-6px; top:35px;  width:151px; z-index:1; background-color:#fff; letter-spacing:-1.25px; padding:18px 46px 15px; border: 1px solid #3399ff; color:#666; line-height:18px; text-align:center;}
.loginSetWrap .lyKeepLoginTip a{display:block; margin-top:4px; color:#3399ff; text-decoration:underline;}
.loginSetWrap .lyKeepLoginTip .mainIcnArrUp {position:absolute; top:-11px; left:10px; width:10px; height:11px; margin:0; background-position:-47px 0;}
.loginSetWrap .lyKeepLoginTip .btnLyKeepCls{position:absolute; top:10px; right:10px; width:11px; height:11px; margin:0; background-position:-67px 0; text-indent:-9999px; overflow:hidden;}

.loginSetWrap .links {position:absolute; top:2px; right:0;}
.loginSetWrap .links a {position:relative; display:inline-block; letter-spacing:1px;}
.loginSetWrap .links a:hover {text-decoration:underline; color:#333!important;}
.loginSetWrap .links span {display:inline-block;}
.loginSetWrap .links .pwBx {letter-spacing:-1px;}
.loginSetWrap .links .pwBx:before {content:"/"; display:inline-block; font-size:11px; margin:-3px 3px 0 1px; vertical-align:middle; line-height:16px;}
.lyLoginForm .btnSocial {width:233px; margin-top:35px;}
.lyLoginForm .btnSocial li {float:left; width:115.5px; height:30px; margin:-1px 0 0 -1px; border:1px solid #e9e9e9;}
.lyLoginForm .btnSocial .mainBtnB {position:relative; font-size:11px; width:100%; height:100%; padding:0 5px 2px 10px; vertical-align:top; text-align:left;}
.lyLoginForm .btnSocial .mainBtnB:before {margin-right:4px;}
.lyLoginForm .btnSocial .mainBtnFb, .lyLoginForm .btnSocial .mainBtnGg {padding:0 5px 2px 5px;}

.lyLoginForm .list-social {display: table; width: auto; margin: 30px auto 0;}
.lyLoginForm .list-social ul:after {content: ''; display: block; clear: both;}
.lyLoginForm .list-social li {float: left;}
.lyLoginForm .list-social li:nth-child(n+2) {margin-left: 10px;}
.lyLoginForm .list-social li a {display: block; width: 36px; height: 36px; border-radius: 50%; background: no-repeat center; background-size: 100%;  font-size: 0; text-indent: -9999px;}
.lyLoginForm .list-social li a.naver {background-image: url(/content/images/login/sns/icon_naver_36.png);}
.lyLoginForm .list-social li a.kakao {background-image: url(/content/images/login/sns/icon_kakao_36.png);}
.lyLoginForm .list-social li a.facebook {background-image: url(/content/images/login/sns/icon_facebook_36.png);}
.lyLoginForm .list-social li a.google {background-image: url(/content/images/login/sns/icon_google_36.png);}
.lyLoginForm .list-social li a.apple {background-image: url(/content/images/login/sns/icon_apple_36.png);}

.lyLoginForm .btnJoin {font-size:11px; text-align:center; margin-top:30px;}
.lyLoginForm .btnJoin a {display:block; padding:10px; color:#666 !important;}
.lyLoginForm .btnJoin a:hover {text-decoration:underline;}
.lyLoginForm .btnJoin a strong {font-weight:bold;}
.lyLoginForm .mainBtnClose_1 {position:absolute; top:11px; right:9px;}
.lyLoginForm.on {display:block;}

.quickMenuWrap {position:relative; margin-top:8px;}
.quickMenuWrap ul {position:relative; width:262px;}
.quickMenuWrap li {float:left; width:33.64%; height:81px; margin:0 -1px -1px 0; border:1px solid #f5f5f5; background-color:#fff; text-align:center; box-sizing:border-box; z-index:1;}
.quickMenuWrap li a {position:relative; color:#333 !important; width:100%; height:100%; padding-top:17px; box-sizing:border-box;}
.quickMenuWrap li a:hover {color:#39f !important; font-weight:bold !important; text-decoration:none !important;}
.quickMenuWrap li a:hover:after {content:""; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #39f; z-index:10;}
.quickMenuWrap li .mainIcnUpdate {position:absolute; top:0; right:-8px;}
.quickMenuWrap li .mainIcnNew {position:absolute; top:8px; right:8px;}

.quickMenuWrap .item_1 {border-left-color:#e3e4e8; border-top-color:#e3e4e8;}
.quickMenuWrap .item_2 {border-top-color:#e3e4e8;}
.quickMenuWrap .item_3 {border-top-color:#e3e4e8;}
.quickMenuWrap .item_3 {border-right-color:#e3e4e8;}
.quickMenuWrap .item_4 {border-left-color:#e3e4e8;}
.quickMenuWrap .item_6 {border-right-color:#e3e4e8;}
.quickMenuWrap .item_7 {border-left-color:#e3e4e8;}
.quickMenuWrap .item_7, .quickMenuWrap .item_8, .quickMenuWrap .item_9 {border-bottom-color:#e3e4e8;}
.quickMenuWrap .item_9 {border-right-color:#e3e4e8;}

.noticeEvtWarp {padding:6px 0 7px 0; margin-top:-1px; border:1px solid #e3e4e8; background-color:#f8f9fb; box-sizing:border-box;}
.noticeEvtWarp dl {overflow:hidden; padding:0 15px 0 15px; text-overflow:ellipsis; line-height:24px; letter-spacing:-1px; white-space:nowrap;}
.noticeEvtWarp dt, .noticeEvtWarp dd {display:inline; vertical-align:middle;}
.noticeEvtWarp dt {font-weight:bold; padding-right:4px;min-width: 0;}
.noticeEvtWarp dt a {color:#333 !important;}
.noticeEvtWarp dd a {color:#494949 !important;}

/* 상단 배너 영역 */
.rankingContWrap {float:right; min-height:425px;}
.newServiceInfo {position:relative; width:230px; height:110px;}
.newServiceInfo .carousel-wrapper {overflow:hidden; position:relative; width:230px; height:110px;}
.newServiceInfo .carousel-slide {display:none; position:absolute; top:0; left:0;}
.newServiceInfo .carousel-slide.on {display:block;}
.newServiceInfo .carousel-slide a {display:block;}
.newServiceInfo .carousel-slide a img {width:230px; height:110px;}
.newServiceInfo .mainBtnPrev, .newServiceInfo .mainBtnNext {position:absolute; top:50%; margin-top:-16px; z-index:1;}
.newServiceInfo .mainBtnPrev {left:2px;}
.newServiceInfo .mainBtnNext {right:2px;}
.newServiceInfo .ad_bd {background-color:#dbe0e9; opacity:1; filter:alpha(opacity=100);}
.newServiceInfo .recmdBann {position:absolute; top:0; right:0; z-index:1; border:1px solid #dadfe4;}
.newServiceInfo .recmdBann a {display:block; overflow:hidden;}
.newServiceInfo .recmdBann a img {display:block; margin:-1px 0 0 -1px;}
.newServiceInfo .recmdBann .mainBtnClose_2 {position:absolute; top:10px; right:10px; z-index:1;}

.rankingColumn {height:388px; margin-top:8px; border:1px solid #dbe0e9; background-color:#fff; box-sizing:border-box;}
.rankListWap {position:relative;}
.rankListWap .carousel-slide {display:none;}
.rankListWap .carousel-slide.on {display:block;}
.rankListWap .carousel-pagination {position:absolute; top:16px; right:65px; font:11px verdana, sans-serif; color:#999;}
.rankListWap .carousel-pagination-current {color:#666; font-weight:bold;}
.rankListWap .hd_4 {font-size:13px; color:#333; font-weight:bold; height:46px; padding:15px 0 0 14px; border-bottom:1px solid #f1f1f3; box-sizing:border-box; letter-spacing:-0.75px;}
.rankListWap .btns {position:absolute; top:10px; right:9px;}
.rankListWap .btns button {float:left; width:26px; height:26px; margin-left:-1px; border:1px solid #f0f0f0;}
.rankListWap .btns .carousel-btn-prev:after, .rankListWap .btns .carousel-btn-next:after {content:""; display:block; width:6px; height:10px; margin:0 auto; background-position:-220px -80px; vertical-align:top;}
.rankListWap .btns .carousel-btn-next:after {background-position:-230px -80px;}

.rankListWap .infoList {font-size:13px; padding:12px 14px 10px 16px;}
.rankListWap .infoList li {position:relative; line-height:28px; letter-spacing:-0.5px;}
.rankListWap .infoList li span {display:inline-block; height:28px; vertical-align:top;}
.rankListWap .infoList li a {color:#333;}
.rankListWap .titBx {overflow:hidden; max-width:198px; text-overflow:ellipsis; white-space:nowrap;}
.rankListWap .txBx {font-size:11px; color:#666; min-width:29px; text-align:center;}
.rankListWap .txBx .mainIcnBUp {color:#f83d3d;}
.rankListWap .txBx .mainIcnBDw {color:#5f86d4;}
.rankListWap .txBx .icnKeep:after {content:""; display:inline-block; width:8px; height:1px; margin-top:-2px; background-color:#adadad; line-height:24px; vertical-align:middle;}
.rankListWap .txBx .icnNew {font:11px verdana, sans-serif; color:#ff6261; line-height:28px; letter-spacing:-0.8px;}
.rankListWap .txBx {position:absolute; top:0; right:0; margin:0; line-height:28px;}
.rankListWap .rank {font-family:arial; font-weight:bold; width:14px; text-align:center; margin:0 2px 0 0; line-height:28px;}
.rankListWap .rank em {display:block; font-weight:bold; color:#333; line-height:31px;}
.rankListWap .btnMore {margin:3px 14px 0 0; text-align:right;}
.rankListWap .btnMore a span {color:#999;}
.rankListWap .btnMore a:after {width:7px; height:11px; margin:-3px 0 0 3px; background-position:-320px -280px;}
.rankListWap .cmTx {position:absolute; left:16px; bottom:1px; font-size: 11px; color: #999; letter-spacing:-1px;}

/* 채용 top */
.top100List .titBx {max-width:148px;}

/* 오늘 시작 공채 */
.startList .titBx {max-width:150px;}

/* 내일 마감 공채 */
.endList .titBx {max-width:150px;}

/* 연봉 검색 순위 */
.salaryList .titBx {max-width:135px;}

/* 경력/신입 맞춤 콘텐츠 */
.matchingContWrap {float:left; position:relative; width:752px; height:388px; margin-top:118px; border:1px solid #dbe0e9; background-color:#fff; box-sizing:border-box;}
.matchingContWrap .menuColumn {height:45px; border-bottom:1px solid #dce1ea;}
.matchingContWrap .dim {position:absolute; left:0; top:46px; width:750px; height:340px; background-color:#fff; opacity:0.8; filter:alpha(opacity=80); z-index:2;}

.menuColumn .lySltMn {position:absolute; top:9px; right:10px;}
.menuColumn .lySltMn:after {content:" "; display:block; height:0; clear:both;}
.menuColumn .lySltMn button {float:left; font-size:11px; font-family:dotum, "돋움", sans-serif !important; color:#999; width:40px; height:28px; line-height:28px; border:1px solid #ececec; background-color:#fbfbfb; box-sizing:border-box; letter-spacing:-0.5px;}
.menuColumn .lySltMn button:first-child {border-right:0;}
.menuColumn .lySltMn button + button {border-left:0;}
.menuColumn .lySltMn button span {position:relative;}
.menuColumn .lySltMn .active {font-weight:bold; color:#fff; width:40px; border-color:#39f; background-color:#39f;}
.menuColumn .lySltList {display:none; width:74px; box-sizing:border-box; position:absolute; left:0; top:100%; border:1px solid #565d79; background-color:#fff; text-align:left; z-index:1000;}
.menuColumn .lySltList li button {display:block; padding:6px 0 7px 13px; font-size:13px; color:#000; box-sizing:border-box; width:100%; text-align:left}
.menuColumn .lySltList li button:hover {background-color:#565d79; color:#fff;}

.matchingContWrap .menuWrap {overflow:hidden; position:absolute; left:0; top:0; width:646px; height:46px; box-sizing:border-box;}
.matchingContWrap .menuList {position:absolute; left:0; top:0; width:650px; height:100%;}
.matchingContWrap .menuList li {display:inline-block; padding:0 3px; height:100%;}
.matchingContWrap .menuList li:first-child {padding:0 3px 0 15px;}
.matchingContWrap .menuList li button {position:relative; font-size:13px; color:#666; font-weight:bold; padding:15px 4px 18px 4px; height:100%; letter-spacing:-0.75px;}
.matchingContWrap .menuList li button span {position:relative;}
.matchingContWrap .menuList li.on button, .matchingContWrap .menuList li button:hover {font-weight:bold; color:#39f;}
.matchingContWrap .menuList li.on button:after, .matchingContWrap .menuList li button:hover:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; border-bottom:3px solid #39f; z-index:10;}
.matchingContWrap .btnPage {overflow:hidden; position:absolute; top:0; right:0; width:88px; height:50px;}
.matchingContWrap .btnPage .mainBtnA {float:left; width:44px; height:100%; border-left:1px solid #ebeef3;}
.matchingContWrap .btnPage .mainBtnA:after {left:18px; top:19px;}
.matchingContWrap .bgMn {display:block; position:absolute; top:1px; width:26px; height:48px; background:url("/content/images/main/bg_mn.png") no-repeat 0 0; z-index:10;}
.matchingContWrap .bgLeft {left:0; width:20px; background-position:-26px 0;}
.matchingContWrap .bgRight {right:0; background-position:0 0;}

.matchingContWrap .contLoading {font-size:13px; color:#999; height:306px; padding-top:132px; line-height:1.8; text-align:center; letter-spacing:-1px; box-sizing:border-box;}
.matchingContWrap .contLoading p:before {content:""; display:block; width:45px; height:45px; margin:0 auto 20px auto; background:url("/content/images/main/bg_job_loading.gif") no-repeat center; top:0;}

.matchingColumn {position:relative; overflow:hidden; height:340px; padding:15px 15px; box-sizing:border-box;}
.matchingColumn a {color:#333 !important;}
.matchingColumn a:hover {text-decoration:underline;}
.matchingColumn .contList {letter-spacing:-1px;}
.matchingColumn .contList > li {float:left; width:143px; height:133px; box-sizing:border-box; word-break:break-all;}
.matchingColumn .contList > li > a,
.matchingColumn .thBx, .matchingColumn .titBx, .matchingColumn .txBx {display:block; box-sizing:border-box;}
.matchingColumn .thBx, .matchingColumn .titBx {font-size:13px; line-height:18px;}
.matchingColumn .thBx {overflow:hidden; position:relative; border:1px solid #ededed; box-sizing:border-box;}
.matchingColumn .thLogo {display:table; margin:0 auto; text-align:center;}
.matchingColumn .thLogo > span {display:table-cell; vertical-align:middle;}
.matchingColumn .contList .thBx.thTx {display:table; margin:0 auto; text-align:left;}
.matchingColumn .contList .thBx.thTx > span {display:table-cell; vertical-align:middle;}
.matchingColumn .contList .thBx.thTx > span span {overflow:hidden; font-size:13px; color:#9ea7bc; font-weight:bold; width:115px; max-height:36px; margin:0 auto; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:center;}
/* .matchingColumn .contList a {position:relative;} */
.matchingColumn .contList a:hover .thTx > span span {text-decoration:underline;}
.matchingColumn .contList .thBx img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.matchingColumn .contList .thHa img {width:100%;}
.matchingColumn .contList .thVa img {height:100%;}
.matchingColumn .contList .bg {position:absolute; left:0; top:0; width:100%; background-color:#000;}
/* ie8 hack */
@media \0screen {
	.matchingColumn .contList .thBx img, .matchingColumn .contList .thHa img, .matchingColumn .contList .thVa img {left:0; top:0;}
}
.matchingColumn .contList .thLogo img, .passspecColumn .thBx .logo img {position:static; left:0; transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0);}
.matchingColumn .titBx {overflow:hidden; margin-top:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.matchingColumn .txBx {color:#888;}
.matchingColumn .txBx a {color:#888 !important;}
.matchingColumn .txBx span {display:inline-block; vertical-align:middle;}
.matchingColumn .txBx span + span {margin-left:8px;}
.matchingColumn .txBx span em {font-weight:bold;}
.matchingColumn .start {color:#39f;}
.matchingColumn .end {color:#ff5a44;}
.matchingColumn .links {position:absolute; left:20px; bottom:16px;}
.matchingColumn .links a, .matchingColumn .links button {display:inline-block; height:29px; line-height:28px; padding:0 8px; background-color:#f3f4f8; margin-right:2px; text-decoration:none; letter-spacing:-1px;}
.matchingColumn .links a span, .matchingColumn .links button span {color:#666;}
.matchingColumn .links a:hover, .matchingColumn .links button:hover {border-color:#39f; background-color:#39f;}
.matchingColumn .links a:hover span, .matchingColumn .links button:hover span {color:#fff;}
.matchingColumn .lyLinkWrap {display:inline-block; vertical-align:top;}

.menuColumn .lySltMn .mainBtnArr_6 {width:100%; height:100%; font-size:14px; color:#000; font-weight:bold; padding-left:4px;}
.matchingColumn .btnMore_1 {position:absolute; right:17px; bottom:19px; width:auto; height:auto; white-space:nowrap;}
.matchingColumn .btnMore_1 a {display:inline-block; color:#999 !important; letter-spacing:-1px;}
.matchingColumn .btnMore_1 a:after {width:7px; height:11px; margin:-3px 0 0 3px; background-position:-320px -280px;}

/* 공채속보, 추천채용, 채용속보 */
.contentType_1 .column {width:718px; height:265px; overflow:hidden;}
.contentType_1 .contList {width:720px;margin:-4px 0 0 -1px;}
.contentType_1 .contList li {position:relative; width:181px; height:136px; padding:11px 10px 10px 10px; margin:-1px 0 0 -1px; border:1px solid #ededed;}
.contentType_1 .thLogo {border:0;}
.contentType_1 .thBx {width:106px; height:45px; margin:0 auto;}
.contentType_1 .thBx.thTx {width:115px; height:45px; border:0;}
.contentType_1 .titBx {max-height:38px;}
.contentType_1 .txBx {overflow:hidden; margin-top:6px; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}
.contentType_1 .txBx .dDay {vertical-align:top;}
.contentType_1 .txBx .dDay:after {content:""; display:inline-block; width:1px; height:11px; margin:-2px 5px 0 5px; background-color:#e8ecef; vertical-align:middle;}

.contentType_1.case .contList li {padding:12px 10px 10px 10px;}
.contentType_1.case .thBx {overflow:hidden; font-weight:bold; width:auto; height:37px; line-height:19px; border:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.contentType_1.case .titBx {max-height:39px; margin-top:9px; line-height:20px;}
.contentType_1.case .txBx {margin-top:5px;}

/* 인적성면접 */
.contentType_2 {padding:20px 15px 15px 5px;}
.contentType_2 .contList {margin:-20px 0 26px 0;}
.contentType_2 .contList li {position:relative; display:table; width:350px; height:70px; padding-left:141px; margin:20px 0 0 15px; table-layout:fixed;}
.contentType_2 .contList .listItem {display:table-cell;}
.contentType_2 .contList.case .listItem {vertical-align:middle;}
.contentType_2 .thBx {position:absolute; left:0; top:0; width:130px; height:70px; text-align:center;}
.contentType_2 .hdBx{display: block; font-size: 13px; color: #333; letter-spacing: -0.65px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contentType_2 .titBx {max-height:40px; min-height: 32px; margin-top:3px; line-height:20px;}
.contentType_2 .titBx strong {display:block; font-weight:normal;}
.contentType_2 .txBx {overflow:hidden; max-width:209px; line-height:20px; margin-top:4px; text-overflow:ellipsis; white-space:nowrap;}
.contentType_2 .txBx span em {color:#888;}
.contentType_2 .txBx span em a {color:#666 !important;}
.contentType_2 .txBx span + span {margin-left:6px;}
.contentType_2 .txBx span + span:before {content:""; display:inline-block; width:1px; height:11px; margin:-3px 5px 0 0; background-color:#e8ecef; vertical-align:middle;}
.contentType_2 .name {overflow:hidden; max-width:133px; padding-right:1px; margin:1px 0 0 0; text-overflow:ellipsis; white-space:nowrap;}

.contentType_2.theme .titBx{margin-top: 0; line-height: 16px; font-size: 12px; letter-spacing: -0.65px; color: #333; }
.contentType_2.theme .txBx{color: #666; letter-spacing: -0.65px; font-size: 12px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 직무분석, 채용설명회
.contentType_2.case .contList {margin:-15px 0 0 0;}
.contentType_2.case .contList li {height:90px; margin:15px 0 0 15px;}
.contentType_2.case .thBx {height:90px;}
.contentType_2.case .txBx {max-width:208px; text-overflow:ellipsis; white-space:nowrap;}
 */

/* 합격자소서 별점 */
.adviceTotal {position:relative; top:-2px; vertical-align:top!important;}
.adviceTotal:after {}
.adviceTotal strong {display:inline-block; text-indent:-9999px;}
.adviceTotal .stars {width:64px; height:20px; text-indent:-9999px; vertical-align:top!important;}
.adviceTotal .stars:before, .adviceTotal .stars:after {position:absolute; left:0; top:4px; height:11px;}
.adviceTotal .stars:before {background-position:-150px -100px; z-index:2;}
.adviceTotal .stars.lv_0:before {width:0%;}
.adviceTotal .stars.lv_0_5:before {width:10%;}
.adviceTotal .stars.lv_1:before {width:20%;}
.adviceTotal .stars.lv_1_5:before {width:30%;}
.adviceTotal .stars.lv_2:before {width:40%;}
.adviceTotal .stars.lv_2_5:before {width:50%;}
.adviceTotal .stars.lv_3:before {width:60%;}
.adviceTotal .stars.lv_3_5:before {width:71%;}
.adviceTotal .stars.lv_4:before {width:80%;}
.adviceTotal .stars.lv_4_5:before {width:91%;}
.adviceTotal .stars.lv_5:before {width:100%;}
.adviceTotal .stars:after {width:100%; background-position:-150px -80px; z-index:1;}
.contentType_2 .adviceTotal .name {margin:0!important; vertical-align:top!important;}
.contentType_2 .adviceTotal .name:before {content:""; display:inline-block; width:1px; height:11px; margin:-3px 6px 0 2px; background-color:#e8ecef; vertical-align:middle;}

/* 기업분석 */
.corpReport {height:150px; margin:0 0 25px 15px;}
.corpReport:after {content:""; display:block; height:0; clear:both;}
.corpReport .thumbList {position:relative; display:block; float:left; width:260px; height:150px; background-repeat:no-repeat; background-position:left top;}
.corpReport .thumbList dl {font-size:13px; color:#fff; text-align:center;}
.corpReport .thumbList dt {overflow:hidden; position:absolute; left:0; top:0; max-width:100%; height:29px; line-height:27px; padding:0 8px; background-color:#294876; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; letter-spacing:-1px;}
.corpReport .thumbList dd {position:absolute; left:0; bottom:0; display:table; width:100%; padding:6px 15px 7px 15px; line-height:19px; background-color:#000; box-sizing:border-box; opacity:0.7; filter:alpha(opacity=70);}
.corpReport .thumbList .txt {display:table-cell; line-height:14px; vertical-align:middle;}
.corpReport .thumbList .txt span {overflow:hidden; max-height:49px; line-height:19px; text-overflow:ellipsis; vertical-align:middle; letter-spacing:-1px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.corpReport .thumbList:hover dd span {text-decoration:underline;}
.corpReport .thumb_1 {background-image:url("/content/images/main/bg_matching_corp_1.png?2019021314");}
.corpReport .thumb_2 {background-image:url("/content/images/main/bg_matching_corp_2.png?2019021314");}
.corpReport .thumb_3 {background-image:url("/content/images/main/bg_matching_corp_3.png?2019021314");}
.corpReport .thumb_4 {background-image:url("/content/images/main/bg_matching_corp_4.png?2019021314");}
.corpReport .thumb_5 {background-image:url("/content/images/main/bg_matching_corp_5.png?2019021314");}
.corpReport .thumb_6 {background-image:url("/content/images/main/bg_matching_corp_6.png?2019021314");}
.corpReport .thumb_7 {background-image:url("/content/images/main/bg_matching_corp_7.png?2019021314");}
.corpReport .thumb_8 {background-image:url("/content/images/main/bg_matching_corp_8.png?2019021314");}
.corpReport .thumb_9 {background-image:url("/content/images/main/bg_matching_corp_9.png?2019021314");}
.corpReport .thumb_10 {background-image:url("/content/images/main/bg_matching_corp_10.png?2019021314");}
.corpReport .thumb_11 {background-image:url("/content/images/main/bg_matching_corp_11.png?2019021314");}
.corpReport .thumb_12 {background-image:url("/content/images/main/bg_matching_corp_12.png?2019021314");}
.corpReport .thumb_13 {background-image:url("/content/images/main/bg_matching_corp_13.png?2019021314");}
.corpReport .thumb_14 {background-image:url("/content/images/main/bg_matching_corp_14.png?2019021314");}
.corpReport .thumb_15 {background-image:url("/content/images/main/bg_matching_corp_15.png?2019021314");}
.corpReport .thumb_16 {background-image:url("/content/images/main/bg_matching_corp_16.png?2019021314");}
.corpReport .thumb_17 {background-image:url("/content/images/main/bg_matching_corp_17.png?2019021314");}
.corpReport .thumb_18 {background-image:url("/content/images/main/bg_matching_corp_18.png?2019021314");}
.corpReport .thumb_19 {background-image:url("/content/images/main/bg_matching_corp_19.png?2019021314");}
.corpReport .thumb_20 {background-image:url("/content/images/main/bg_matching_corp_20.png?2019021314");}
.corpReport .textList {float:left; overflow:hidden; width:430px; margin:3px 0 0 25px;}
.corpReport .textList li {letter-spacing:-1px;}
.corpReport .textList li + li {margin-top:11px;}
.corpReport .textList li strong {color:#333; margin-right:4px;}
.corpReport .textList li a {overflow:hidden; display:inline-block; max-width:100%; font-size:13px; color:#333;  text-overflow:ellipsis; white-space:nowrap;}
.corpReport .textList li a:hover {text-decoration:none;}
.corpReport .textList li a:hover strong {text-decoration:underline; color:#333;}
.corpReport .textList li a:hover span {text-decoration:underline; color:#333;}
.corpReport ~ .contList {margin:-20px 0 31px 0;}

/* 잡코리아 러닝 */
.contentType_3 {padding:20px 15px 20px 5px;}
.contentType_3 .contList {margin:-18px 0 0 0;}
.contentType_3 .contList li {position:relative; width:165px; height:auto; margin:18px 0 0 15px;}
.contentType_3 .thBx {width:165px; height:93px; border:0;}
.contentType_3 .thBx img {width:100%;}
.contentType_3 .titBx,
.contentType_3 .txBx {overflow:hidden; display:block; margin-top:7px; text-overflow:ellipsis; white-space:nowrap;}
.contentType_3 .txBx {margin-top:3px;}
.contentType_3 .contList li a:before {position:absolute; top:61px; right:9px; z-index:2;}

/* 잡코리아 러닝 - 이미지 없을때*/
.contentType_3 .contList li.empty .thBx{background:url("/content/images/main/thumb_empty.jpg?2019101011"); background-repeat:no-repeat;}
.contentType_3 .contList li.empty .thBx img{display:none;}
.contentType_3 .contList li.empty .mainIcnB:before{display:none;}

.matchingColumn .infoList .txBx {position:absolute; top:0; right:0; margin:0; line-height:28px;}
/* 합격스펙 */
.passspecColumn .column {overflow:hidden; width:715px; height:261px; margin-top:5px;}
.passspecColumn .contList {width:721px; margin:-17px 0 0 -1px;}
.passspecColumn .contList > li {width:360px; height:143px; padding:0 0 0 20px; border:1px solid #ededed; margin:-1px 0 0 -1px;}
.passspecColumn .contList > li.add {padding:0 20px 0 1px;}
.passspecColumn .tbRow {display:table; width:100%;}
.passspecColumn .tbCol {display:table-cell; width:106px; vertical-align:middle;}
.passspecColumn .tbCol + .tbCol {width:210px;}
.passspecColumn .thBx {overflow:hidden; height:60px; border:0; box-sizing:border-box;}
.passspecColumn .thBx .logo {display:block; width:106px; height:42px; margin:0 auto;}
.passspecColumn .thBx .logo img {width:100%; height:100%; background-color:#f8f9fa;}
.passspecColumn .thBx .num {display:block; font-size:12px; color:#666; margin-top:10px; text-align:center;}
.passspecColumn .thBx .num .tahoma {display:inline-block; font-size:14px; color:#333; font-weight:bold; margin-left:4px;}
.passspecColumn .thBx .thTx {display:table; width:100%;}
.passspecColumn .thBx .thTx span {display:table-cell; vertical-align:middle; text-align:center;}
.passspecColumn .thBx .thTx span span {overflow:hidden; font-size:13px; color:#9ea7bc; font-weight:bold; max-height:42px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:16px;}
.passspecColumn .tbPass {overflow:hidden; height:83px; padding:0 15px; border-top:1px solid #ededed; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.passspecColumn .tbPass em {font-size:11px; color:#999;}
.passspecColumn .tbPass a {color:#39f !important; margin-top:5px; display:block;}
.passspecColumn .tbPass .titBx, .passspecColumn .tbPass .txBx {overflow:hidden; display:block; width:152px; margin:0; text-overflow:ellipsis; white-space:nowrap;}
.passspecColumn .tbPass .txBx {font-size:13px; color:#333 !important; margin-top:2px;}
.passspecColumn .tbPass a:hover .txBx {text-decoration:underline;}

.passspecColumn .tbData {overflow:hidden; width:210px; height:100px;}
.passspecColumn .tbData dl {float:right; width:210px;}
.passspecColumn .tbData dt {padding-bottom:5px; margin:16px 0 0 -1px; border-bottom:1px solid #e6e6e6;}
.passspecColumn .tbData dt em {overflow:hidden; display:inline-block; max-width:140px; color:#39f; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.passspecColumn .tbData dt em:hover {text-decoration:underline;}
.passspecColumn .tbData dd {position:relative; float:left; font-size:12px; color:#333; width:50%; height:34px; padding-top:8px; margin:-1px 0 0 -1px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:right; box-sizing:border-box;}
.passspecColumn .tbData dd em {position:absolute; top:9px; display:inline-block; font-size:11px; color:#888;}
.passspecColumn .tbData .edu {overflow:hidden; display:inline-block; max-width:182px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.passspecColumn .tbData .edu:hover {text-decoration:underline;}
.passspecColumn .tbData .cell_1,
.passspecColumn .tbData .cell_3 {padding-right:12px; border-left:0;}
.passspecColumn .tbData .cell_1 em,
.passspecColumn .tbData .cell_3 em,
.passspecColumn .tbData .cell_5 em {left:0;}
.passspecColumn .tbData .cell_2 em,
.passspecColumn .tbData .cell_4 em {left:8px;}
.passspecColumn .tbData .cell_5 {width:100%; border:0;}
.passspecColumn .contList .mainBtnArr_4 {color:#999 !important;margin:12px 10px 0 0; text-align:right;}
.passspecColumn .contList .mainBtnArr_4 span {vertical-align:top;}
.passspecColumn .contList .mainBtnArr_4 .corp {overflow:hidden; display:inline-block; max-width:90px; padding-right:1px; margin-right:4px; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.passspecColumn .contList .mainBtnArr_4:hover .corp {text-decoration:underline;}

/* 인적성면접후기 */
.reviewColumn .contList > li .titBx {max-height:36px;}

/* 잡코리아 TV */
.jktvColumn .contList > li {width:183px;}
.jktvColumn .contList a {position:relative;}
.jktvColumn .contList .bg {height:82px; opacity:0.3; filter:alpha(opacity=30);}
.jktvColumn .thBx {width:183px; height:82px;}
.jktvColumn .contList .thBx {border:0;}
.jktvColumn .contList .thBx img {width:100%;}
.jktvColumn .contList .titBx {max-height:36px;}
.jktvColumn .contList .txBx {overflow:hidden; display:block; position:absolute; left:7px; top:3px; color:#fff; max-width:172px; padding-right:1px; margin:0; text-overflow:ellipsis; white-space:nowrap; z-index:3;}
.jktvColumn .contList .txLive {display:block; position:absolute; left:5px; top:5px; color:#fff; padding:2px 4px 1px 5px; background-color:#ff5e33; z-index:4; letter-spacing:0; font-family:"돋움", Dotum, sans-serif; letter-spacing:1px; font-size:11px;}
.jktvColumn .contList .mainIcnVideo:before {position:absolute; top:50px; right:9px; z-index:2;}
.jktvColumn .infoList {padding:0 0 5px 0;}
.jktvColumn .infoList li {line-height:19px}
.jktvColumn .infoList li a {position:relative; display:block; color:#999 !important; height:56px; padding:8px 9px 0 14px; box-sizing:border-box;}
.jktvColumn .infoList .titBx {overflow:hidden; color:#333 !important; text-overflow:ellipsis; white-space:nowrap;}
.jktvColumn .infoList a:hover .titBx {text-decoration:underline;}
.jktvColumn .infoList .today {background-color:#f6fbff;}
.jktvColumn .infoList .today a {color:#39f !important;}
.jktvColumn .infoList .today .txBx {font-weight:bold; color:#39f !important;}
.jktvColumn .infoList .today a:after {content:""; position:absolute; left:0; top:0; display:block; width:184px; height:56px; margin-left:-1px; border:1px solid #a3d1ff; box-sizing:border-box;}
.jktvColumn .infoList .txBx {position:static; display:block; line-height:normal;}
.jktvColumn .infoList .titBx {max-width:100%;}

/* 신입/경력 선택 레이어 */
.lyTypeSelect {left:50%; width:470px; margin:94px 0 0 -235px;}
.lyTypeSelect .lyCont {padding:62px 15px 36px 25px; text-align:center;}
.lyTypeSelect .ntcTx {font-size:16px; color:#666; letter-spacing:-1px;}
.lyTypeSelect .ntcTx strong {display:block; font-size:20px; color:#333; font-weight:normal; margin-bottom:12px; line-height:30px;}
.lyTypeSelect .btnBx {margin-top:38px;}
.lyTypeSelect .mainBtnRound_1 {font-size:16px; margin:0 8px;}
.lyTypeSelect .mainBtnRound_1:hover span {text-decoration:underline;}

.lyTooltip{display:block; position:absolute; left:100%; top:100%; font-size:11px; color:#666; padding:4px 5px 7px 5px; border:1px solid #9ea7bc; background:#fff; white-space:nowrap;}
.lyTooltip .mainIcnArrUp, .lyTooltip .mainIcnArrDw {position:absolute; left:50%; top:-5px; margin-left:-3px;}
.lyTooltip .mainIcnArrDw {top:auto; bottom:-5px;}

/* 상단 기본 해상도시 프로모션 영역 */
.sideTopNorm {overflow:hidden; position:absolute; left:-210px; top:0; width:190px; height:275px;}
.sideTopNorm .carousel-pagination {position:absolute; top:253px; left:0; width:190px; text-align:center;}
.sideTopNorm .mainBtnPgn + .mainBtnPgn {margin-left:-6px;}
.sideTopNorm .mainBtnPrev_2, .sideTopNorm .mainBtnNext_2 {position:absolute;  left:-25px; top:50%; margin-top:-35px;  z-index:2;}
.sideTopNorm .mainBtnPrev_2 {border-left:0;}
.sideTopNorm .mainBtnNext_2 {left:auto; right:-25px; border-right:0;}
.sideTopNorm .carousel-wrapper {overflow:hidden; position:relative; width:190px; height:250px;}
.sideTopNorm .carousel-slide {display:none; position:absolute; top:0; left:0;}
.sideTopNorm .carousel-slide.on {display:block;}
.sideTopNorm .carousel-slide a {display:block;}
.sideTopNorm .carousel-slide a img {width:190px; height:250px;}

/* sidebar */
#sideAreaWrap {position:absolute; right:0; top:1px;}
#sideContent {position:absolute; top:-1px; right:-171px; width:152px; z-index:1000;}
.sideBarPopup #sideAreaWrap{z-index:100002;}
.sideBarPopup #headerWrap{z-index:1;}
.sideBarPopup .jkSidebarArea .sideBarInner{top:15px;}
.noScroll .jkSidebarArea .sideBarInner{top:0 !important;}
.jkSidebarArea {line-height:1.4; position:relative;}
.jkSidebarArea .sideBarInner {position:relative; top:0; width:152px; border-top:1px solid #e8ecef;}
.jkSidebarArea .sideBarInner.jkSideFixed {position:fixed; top:15px;}
.jkSidebarArea .sideImg,
.jkSidebarArea .sideSpAfter:after,
.jkSidebarArea .sideSpBefore:before {background:url("/content/images/ver_1/common/bg_sidebar.png") 0 0 no-repeat; display:inline-block;}
.jkSidebarArea .targetLink{position:relative;}
.jkSidebarArea .targetLink .ico-arw{display:inline-block; position:absolute; right:14px; top:50%; margin-top:1px; width:7px; height:12px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.jkSidebarArea .targetLink .ico-arw:after{position:absolute; right:0; top:0; width:7px; height:11px; background-position:-319px -280px;}

/* sidebar > 최근본 메뉴 */
.jkSidebarArea .sideViewMenu {border:1px solid #e8ecef; border-top:0; border-bottom-color:#f4f2f0; background-color:#fff;}
.jkSidebarArea .sideViewMenu .tit{display:block; color:#333; padding:16px 10px 4px 15px; background-color:#fff; font-size:12px; letter-spacing:-0.75px;}
.jkSidebarArea .sideViewMenu .viewList {padding:0 10px 13px 15px;}
.jkSidebarArea .sideViewMenu .viewList li{overflow:hidden; position:relative; text-overflow:ellipsis; padding-left:10px; margin-top:5px; white-space:nowrap;}
.jkSidebarArea .sideViewMenu .viewList li:before {content:""; position:absolute; left:0; top:4px; display:inline-block; width:5px; height:5px; border-left:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9;}
.jkSidebarArea .sideViewMenu .viewList a{overflow:hidden; display:block; font-size:12px; color:#666 !important; text-overflow:ellipsis; letter-spacing:-0.75px; white-space:nowrap; padding-bottom:1px;}
.jkSidebarArea .sideViewMenu .viewList a:hover{text-decoration:underline;}
.jkSidebarArea .sideViewMenu .viewList .mainBtnDel{width:15px; height:15px; margin-left:2px;}
.jkSidebarArea .sideViewMenu .viewList .mainBtnDel:after {left:4px; top:4px;}

/* sidebar > tool */
.jkSidebarArea .sideToolList {background-color:#fff; padding:6px 7px 18px; border:1px solid #e8ecef; border-top-color:#f4f2f0;}
.jkSidebarArea .sideToolList ul:after{content:""; display:block; clear:both;}
.jkSidebarArea .sideToolList ul li{float:left; width:50%; text-align:center; padding-top:12px;}
.jkSidebarArea .sideToolList ul li a span{font-size:11px; color:#666; letter-spacing:-1px; line-height:1; display:block;}
.jkSidebarArea .sideToolList ul li a:hover span{text-decoration:underline;}

/* sidebar > tool tvc promotion */
.jkSidebarArea .sideTvcBann{width:154px; padding-top:30px; margin:0 -1px; background-color:transparent;}
.jkSidebarArea .sideTvcBann a{display:block; text-align:center;}

/* sidebar > futurelab */
.jkSidebarArea .futurelab-banner {width:150px; margin: 6px auto 0;}
.jkSidebarArea .futurelab-banner a {display:block;}

/* sidebar > 스크랩한공고, 최근본 공고 */
.jkSidebarArea .titTotal{display:block;}
.jkSidebarArea .titTotal a[class^="link"]{display:block; padding:14px 14px 13px 17px; border-left:1px solid #e8ecef; border-right:1px solid #e8ecef; background-color:#fff; font-size:12px;}
.jkSidebarArea .titTotal a[class^="link"]:hover .tx{text-decoration:underline;}
.jkSidebarArea .titTotal a[class^="link"]:after{content:""; display:block; clear:both;}
.jkSidebarArea .titTotal .tx{color:#333; float:left; letter-spacing:-0.75px;}
.jkSidebarArea .titTotal .count{font-family:Tahoma,sans-serif; float:right; letter-spacing:0.25px; text-decoration:underline; font-weight:bold; color:#3399ff;}
.jkSidebarArea .titTotal .link.noData {cursor: default;}
.jkSidebarArea .titTotal .link.noData:hover .tx {text-decoration:none;}
.jkSidebarArea .titTotal .link.noData .count{color:#333; text-decoration:none; cursor: default;}
.jkSidebarArea .sideScrap , .jkSidebarArea .sideView {border-bottom:1px solid #f4f2f0;}

/* sidebar > top btn */
.jkSidebarArea .btnSideTop {width:154px; margin:0 -1px; background-color:transparent;}
.jkSidebarArea .btnSideTop button{width:100%; height:39px; background-color:transparent; letter-spacing:0;}

/* sidebar > scroll */
.jkSidebarArea .has-scrollbar .nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:-18px !important;bottom:0;left:0; outline:none;}
.jkSidebarArea .has-scrollbar .nano-pane{position:absolute;top:0;right:0;bottom:0;width:8px;border-width:0;background:#f4f4f4}
.jkSidebarArea .has-scrollbar .nano-slider{position:relative;width:8px;margin:0;background:#d9dbe2; cursor:pointer;}

/* sidebar 레이어 */
.sideLyWrap{display:none; position:fixed; right:-17px; top:0; width:100%; height:100%; margin-left:-17px; z-index: 11111; overflow-x: hidden; overflow-y: scroll; letter-spacing:-0.5px;}
.sideLyWrap.mobile{display:none; position:fixed; right:0; top:0; width:100%; height:100%; margin-left:0; z-index: 11111; overflow-x: hidden; overflow-y: scroll}
.sideLyWrap .lyDetailCont{width:960px; max-height:812px; overflow:hidden; position:absolute; left:50%; top:50%; margin:0 0 0 -488px; background-color:#fff; z-index:11; opacity:0; filter:alpha(opacity=0); line-height:1.3;}
.sideLyWrap .lyDetailCont.reset{margin-top:0 !important; top:0 !important;}
.sideLyWrap .lyDetailCont .lytitWrap{display:block; height:126px; padding:33px 0 0; margin:0 31px 0 30px; box-sizing:border-box; text-align:center; border-bottom:1px solid #e5e5e5;}
.sideLyWrap .lyDetailCont .lytitWrap a{display:inline-block;}
.sideLyWrap .lyDetailCont .lytitWrap .lyTit{display:inline-block; font-size:40px; color:#333; font-weight:normal; letter-spacing:-2px; padding-right:24px; position:relative;}
.sideLyWrap .lyDetailCont .lytitWrap .lyTit:after{content:""; display:inline-block; width:14px; height:25px; background-position:0 -132px; position:absolute; right:0; top:50%; margin-top:-11px; margin-top:-8px \0/IE8+9;}
.sideLyWrap .lyDetailCont .lytitWrap .total{position:absolute; left:40px; top:90px; font-size:14px; color:#333; letter-spacing:-1px;}
.sideLyWrap .lyDetailCont .lytitWrap .total .num{font-family:Tahoma, sans-serif; color:#3399ff;}

.sideLyWrap .lyDetailCont .lyCalCont{padding-bottom:40px;}
.sideLyWrap .lyDetailCont .lyCalCont .scrollInner{padding:0 31px 0 30px;}
.sideLyWrap .lyDetailCont .lyCalCont .has-scrollbar{position:relative; max-height:580px;}
.sideLyWrap .lyDetailCont.reset{margin-top:0 !important; top:0 !important;}

.sideLyWrap .bg{position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:10; opacity:.4; filter:alpha(opacity=40);}
.sideLyWrap .has-scrollbar .nano-pane{width:10px; background-color:#fff;}
.sideLyWrap .has-scrollbar .nano-slider{width:10px; background-color:#e4e4e4;}
.sideLyWrap .closeSideLy{position:absolute; right:26px; top:36px; padding:4px;}
.sideLyWrap .closeSideLy .sideImg{display:block; width:25px; height:25px; overflow:hidden; text-indent:-9999px; background-position:-16px -132px;}
.sideLyWrap .scrollLine{display:block; width:900px; height:1px; background:#e5e5e5; position:absolute; left:30px; bottom:0;}
.sideLyWrap .txOver{text-align: center;}
.sideLyWrap .txOver .tx{font-size:15px; color:#000;}
.sideLyWrap .txOver .overLink{display:inline-block; margin-top:6px; font-size:15px; color:#3399ff !important; font-weight:bold; border-bottom:1px solid #3399ff;}
.sideListArea .sideList{margin-top:-1px;}
.sideListArea .sideList .has-scrollbar {overflow:hidden;}
.sideListArea .sideList > li{padding:18px 0 10px; border-top:1px solid #e5e5e5; min-height:54px;}
.sideListArea .sideList > li.end *{color:#999 !important;}
.sideListArea .sideList > li.end .co .coDesc .icoHr{border:1px solid #999;}
.sideListArea .sideList > li:after{content:""; display:block; clear:both;}
.sideListArea .sideList > li.scNoSelect{padding:250px 0 200px !important; border-bottom:none !important; color:#333;}
.sideListArea .sideList > li .co{box-sizing:border-box; width:20%; padding:0 9px 0 9px; float:left; position:relative;}
.sideListArea .sideList > li .co .coTit{max-width:158px; box-sizing:border-box; padding-right:20px; position:relative; display:inline-block; overflow:hidden; margin-bottom:7px;}
.sideListArea .sideList > li .co .coTit:after{content:""; display:block; clear:both;}
.sideListArea .sideList > li .co .coTit .coLink{display:inline-block; max-width:100%; font-size:14px; color:#333; letter-spacing:-0.5px; font-weight:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sideListArea .sideList > li .co .coTit a.coLink:hover{text-decoration:underline; text-decoration-color: #333;}
.sideListArea .sideList > li .co .coTit a.coLink:hover span{color:#333;}
.sideListArea .sideList > li .co .coTit .coLink .stSpImg{display:inline-block; position:absolute; left:6px; top:2px; width:42px; height:20px; overflow:hidden; text-indent:-9999px;}
.sideListArea .sideList > li .co .coDesc{display:block; width:100%; font-size:12px; color:#999; font-family:Tahoma, "돋움", Dotum, sans-serif; letter-spacing:-1px;}
.sideListArea .sideList > li .co .coDesc .icoHr{display:inline-block; font-size:11px; color:#3399ff; border:1px solid #3399ff; height:18px; line-height:19px; padding:0 1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.sideListArea .sideList > li .co .coDesc .icoHr{line-height:18px;}}
.sideListArea .sideList > li .co .coTit .tplBtnTy{position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; font-family:inherit; display:inline-block; text-align:center; vertical-align:middle; line-height:normal; letter-spacing:-1px; white-space:nowrap; background: url(/content/images/ver_1/common/tpl_sp_btn.png?2020022600) no-repeat;}
.sideListArea .sideList > li .co .coTit .tplBtnFavOff{width: 18px; height: 18px; background-position: -139px -29px;}
.sideListArea .sideList > li .co .coTit .tplBtnFavOff:hover{background-position:-348px -63px;}
.sideListArea .sideList > li .co .coTit .tplBtnFavOn_1:before {background-position:-175px -32px;}
.sideListArea .sideList > li .co .coTit .tplBtnFavOn {width:18px; height:18px; background-position:-378px -63px;}
.tplBtn span, .tplBtnTy span {position:relative;}
.tplBtn .blind, .tplBtnTy .blind, .tplBtn .skip, .tplBtnTy .skip {position:absolute;}
.sideListArea .sideList > li .info{box-sizing:border-box; width:54%; float:left;}
.sideListArea .sideList > li .info .tit{margin:-1px 0 0 0; padding:0; overflow: hidden; float: left; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;  padding-right:21px;  position:relative;}
.sideListArea .sideList > li .info .tit .link{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:15px; color:#000; letter-spacing:-1px; padding-bottom:1px;}
.sideListArea .sideList > li .info .tit a.link:hover span{text-decoration:underline; color:#000;}
.sideListArea .sideList > li .info .tit .titPoint{position:absolute; right:0; top:0; padding: 0 0 0 0; white-space: nowrap;}
.sideListArea .sideList > li .info .tit .titPoint .sideScr{}
.sideListArea .sideList > li .info .tit .titPoint .sideScr .sideImg{display:inline-block; vertical-align:top; width:17px; height:15px; background-position:0 -160px;}
.sideListArea .sideList > li .info .tit .titPoint .sideScr:hover .sideImg{background-position:-20px -160px;}
.sideListArea .sideList > li .info .tit .titPoint .sideScr.on .sideImg{background-position:-40px -160px !important; text-align:center;}
.sideListArea .sideList > li .info .tit .titPoint .sideScr.on:hover .sideImg{background-position:-60px -160px !important;}
.sideListArea .sideList > li .info .sTit{clear:left;}
.sideListArea .sideList > li .info .sTit:after{content:""; display:block; clear:both;}
.sideListArea .sideList > li .info .sTit span{position:relative; float:left; padding-left:10px; margin-left:9px; margin-top:11px; font-size:12px; color:#666; letter-spacing:-0.5px;}
.sideListArea .sideList > li .info .sTit span:after{content:""; display:block; width:1px; height:12px; position:absolute; left:0; top:50%; background-color:#a9a9a9; margin-top:-6px;}
.sideListArea .sideList > li .info .sTit span:first-child{margin-left:0; padding-left:0;}
.sideListArea .sideList > li .info .sTit span:first-child:after{display:none;}
.sideListArea .sideList > li .sDesc{width:18%; float:left; text-align:center; font-size:14px; color:#333;}
.sideListArea .sideList > li .sDesc strong,
.sideListArea .sideList > li .sDesc span{display:block; color:#666; font-size:12px; letter-spacing:-1px;}
.sideListArea .sideList > li .sDesc strong{color:#333; font-size:14px; font-weight:normal; padding-bottom:10px;}
.sideListArea .sideList > li .side{width:8%; float:left; text-align: center; position:relative;}
.sideListArea .sideList > li .side .day{display:block; width:100%; font-size:14px; color:#333;}
.sideListArea .sideList > li .side .day.dday{font-family:Tahoma, "돋움", Dotum, sans-serif;}
.sideListArea .sideList > li .side .day.today{color:#ff5a44;}
.sideListArea .sideList > li .side .day.start{color:#3399ff;}
.sideListArea .sideList > li .side .day.completion{color:#999;}

/* 상품성 강화 프로젝트 */
.starterSliderWrap {clear:both; position:relative; padding-top:10px;}
.starterSliderWrap .flow_banner_box {overflow:hidden; position:relative; width:1260px; height:70px; border:1px solid #dbe0e9; background:#fff; box-sizing:border-box;}
.starterSliderWrap .flow_banner_box .flow_bann_area {position:absolute; top:0; left:25px;}
.starterSliderWrap .flow_banner_box .flow_bann_area ul:after {content:""; display:block; clear:both;}
.starterSliderWrap .flow_banner_box .flow_bann_area li {position:relative; float:left; display:inline-block; margin:0!important;}
.starterSliderWrap .flow_banner_box .flow_bann_area li button {width:100%; padding:0 14px;}
.starterSliderWrap .flow_banner_box .flow_bann_area li:hover .lyCnt {display:table;}
.starterSliderWrap .flow_banner_box .flow_bann_area .lyCnt {display:none; position:absolute; left:50%; top:-1px; width:114px; height:70px; margin-left:-57px; background:#282d3c; text-align:center; opacity:.9; filter:alpha(opacity=90); z-index:2;}
.starterSliderWrap .flow_banner_box .flow_bann_area .lyCnt .desc {display:table-cell; height:100%; vertical-align:middle; line-height:18px;}
.starterSliderWrap .flow_banner_box .flow_bann_area .lyCnt .desc strong {overflow:hidden; display:block; width:100px;  font-size:13px; color:#fff; font-weight:bold; margin:0 auto; text-overflow:ellipsis; white-space:nowrap; letter-spacing: -1px;}
.starterSliderWrap .flow_banner_box .flow_bann_area .lyCnt .desc span {font:11px "돋움", Dotum, sans-serif; color:#ffff99; border-bottom:1px solid #ffff99; letter-spacing:-1px;}
.starterSliderWrap .flow_banner_box .flow_bann_area .lyHover {outline:none;}
.starterSliderWrap .flow_banner_box .flow_bann_area .lyHover {position:relative; height:70px;}
.starterSliderWrap .caroufredsel_wrapper {width:1140px;}

.starterSliderWrap .btn_prev,
.starterSliderWrap .btn_next {display: block; position: absolute; top:14px; width:24px; height:39px; outline:none; background:url("/content/images/main/sp_starter_bnr.png") no-repeat; text-indent:-9999px;}
.starterSliderWrap .btn_prev {left:4px; background-position:6px 10px;}
.starterSliderWrap .btn_next {right:3px; background-position:-24px 10px;}

.starterSliderWrap .btn_more {position:absolute; top:19px; right:36px; display:table; width:58px; height:52px; border:1px solid #e4ebf6; background-color:#f7faff; text-align:center; box-sizing:border-box;}
.starterSliderWrap .btn_more a {font-size:11px; display:table-cell; vertical-align:middle; letter-spacing:-0.8px;}
.starterSliderWrap .btn_more a:after {content:""; display:inline-block; width:3px; height:5px; margin:-3px 0 0 4px; background:url("/content/images/main/sp_starter_bnr.png") no-repeat -60px 0; vertical-align:middle;}
.starterSliderWrap .btn_more a em {display:block; color:#7f8794;}
.starterSliderWrap .btn_more a span {position:relative; color:#7f8794;}
.starterSliderWrap .btn_more a:hover:after {background-position:-70px 0;}
.starterSliderWrap .btn_more a:hover span {color:#39f; text-decoration:underline;}

/* Induce resume disclosure, develop by meraseudevy 2018.01.29 */
 .popup-job-offer {z-index:1000;position:absolute;left: 0px;top: 118px;width: 262px;height: 280px;padding-top:67px;box-sizing:border-box;border:1px solid #565d79;background-color:#fffef3;text-align:center;line-height:1.8;}
 .popup-job-offer .header {margin-bottom:12px; padding:0 20px; text-align:left; font-size:14px; color:#333; letter-spacing:-1px;}
 .popup-job-offer .description {padding:0 20px; text-align:left; font-size:14px; color:#333; letter-spacing:-1px;}
 .popup-job-offer .button-job-offer {display:inline-block; position:relative; height:34px; margin:16px auto 0; padding:3px 24px 0 11px; box-sizing:border-box; border:1px solid #ff6600; border-radius:34px; font-size:13px; color:#ff6600; font-weight:bold; letter-spacing:-1px;}
 .popup-job-offer .button-job-offer:hover {color:#ff6600 !important; text-decoration:none !important;}
 .popup-job-offer .button-job-offer:after {content:''; display:block; position:absolute; right:12px; top:11px; width:7px; height:9px; background:url('/content/images/common/popup/sprite-resume-disclosure.png') no-repeat;}
 .popup-job-offer .button-close {z-index:10; overflow:hidden; display:block; position:absolute; right:15px; top:17px; width:17px; height:17px;}
 .popup-job-offer .button-close:before {content:''; display:block; width:17px; height:17px; background:url('/content/images/common/popup/sprite-resume-disclosure.png') no-repeat 0 -19px;}
 .popup-job-offer .button-close-today {position:absolute; right:13px; top:253px; padding-left:14px; font-size:11px; color:#999; font-family:'Dotum' !important; letter-spacing:-1px;}
 .popup-job-offer .button-close-today:before {content:''; display:block; position:absolute; left:0; top:1px; width:11px; height:11px; background:url('/content/images/common/popup/sprite-resume-disclosure.png') no-repeat 0 -46px;}

/* 선배에게 질문하기 */
.tplDim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.4; filter:alpha(opacity=40); z-index:10000;}
.lyUserQnaWrap {display:block; width:542px; left:50%; top:220px; margin:0 0 0 -271px; border:0;}
.lyUserQnaWrap .lyCont{overflow:hidden; padding:55px 30px 60px;}
.lyUserQnaWrap .lyCont .desc {font-size:21px; color:#333; margin-bottom:22px; text-align:center; letter-spacing:-2px; line-height:1.42857;}
.lyUserQnaWrap .lyCont .desc strong {color:#39f;}
.lyUserQnaWrap .lyCont .desc .bold{font-weight:bold;}
.lyUserQnaWrap .qna-list-wrap > li{position:relative; margin-bottom:10px;}
.lyUserQnaWrap .qna-list-wrap > li > a{display:block; padding:18px 20px; background:#fff; border:1px solid #eaeaea;}
.lyUserQnaWrap .qna-list-wrap > li > a:hover{border-color:#3399ff; box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
.lyUserQnaWrap .qna-list-wrap > li .top-area:after{content:""; clear:both; display:block; visibility:hidden; font-size:0; height:0;}
.lyUserQnaWrap .qna-list-wrap > li .top-area .labelBx{overflow:hidden; float:left; position:relative; width:-webkit-calc(100% - 80px); width:calc(100% - 80px); height:22px; white-space:nowrap;}
.lyUserQnaWrap .qna-list-wrap > li .top-area .labelBx:after{z-index:1; content:""; position:absolute; right:0; top:0; display:block; width:30px; height:100%; background:url("/content/images/user/qna/bg_gradation_wh.png?202002070000") no-repeat right center; background-size:30px auto;}
.lyUserQnaWrap .qna-list-wrap > li .top-area .label{display:inline-block; margin-right:6px; padding:0 6px; width:auto; height:22px; background:#f0f3f9; font-size:13px; color:#777; line-height:22px;}
.lyUserQnaWrap .qna-list-wrap > li .top-area .label:last-child{margin-right:0;}
.lyUserQnaWrap .qna-list-wrap > li .top-area .point{float:right; font-size:15px; color:#333;}
.lyUserQnaWrap .qna-list-wrap > li .top-area .point:before{margin:-3px 5px 0 0; width:20px; height:20px; background-position:-340px -250px;}
.lyUserQnaWrap .qna-list-wrap > li .qna-tit{overflow:hidden; width:100%; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; font-size:20px; color:#000;}
.lyUserQnaWrap .qna-list-wrap > li .qna-tit:before{margin:-3px 5px 0 0; width:20px; height:20px; background-position:-372px -250px;}
.lyUserQnaWrap .btn-more{float:right; padding-top:10px; font-size:16px; color:#666;}
.lyUserQnaWrap .btn-more:hover{color:#666 !important; text-decoration:underline;}
.lyUserQnaWrap .btn-more:after{margin:-2px 0 0 5px; width:7px; height:12px; background-position:-340px -280px;}

/* PC 광고 채널 브릿지 페이지 레이어 */
.lyADWrap {display:none;}
.lyADWrap .tplDim {display:block; opacity:0.5; filter:alpha(opacity=50);}
.lyADInner {display:none; position:absolute; left:50%; top:240px; width:660px; height:510px; padding:8px 8px; margin-left:-330px; background-color:#fff; box-sizing:border-box; z-index:10001;}
.lyADWrap .lyCont {width:644px; height:494px; background-position:left top; background-repeat:no-repeat;}
.lyADWrap .btnLogin {position:absolute; left:50%; bottom:50px; width:460px; height:84px; margin-left:-230px; text-indent:-9999px}
.lyADWrap .lyClose {position:absolute; top:-44px; right:-5px;}
.lyADWrap .lyClose .mainBtnA {width:37px; height:37px;}
.lyADWrap .lyClose .mainBtnA:after {content:""; display:block; width:27px; height:27px; margin:0 auto; background:url("/content/images/main/btn_ad_layer_4.png") no-repeat left top;}
.lyAD_1 .lyCont {background-image:url("/content/images/main/img_ad_layer_1.png");}
.lyAD_2 .lyCont {background-image:url("/content/images/main/img_ad_layer_ncs0528.jpg");}
.lyAD_3 .lyCont {background-image:url("/content/images/main/img_ad_layer_3.png");}
.lyAD_1 .btnLogin {background-image:url("/content/images/main/btn_ad_layer_1.png");}
.lyAD_2 .btnLogin {background-image:url("/content/images/main/btn_ad_layer_ncs0528.jpg?201905281726");}
.lyAD_3 .btnLogin {background-image:url("/content/images/main/btn_ad_layer_3.png");}
.lyAD_4 .lyCont {background-image:url('/content/images/main/bridge/chance-qna.jpg');}
.lyAD_5 .lyCont {background-image:url('/content/images/main/bridge/supports-employment studies.jpg');}
.lyAD_4 .btnLogin,
.lyAD_5 .btnLogin {background-image:url('/content/images/main/bridge/button-naver-login-and-qna.jpg');}

/* 이력서 완성 유도 모달 */
.modalResume {
	display: none;
	z-index: 100002;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	letter-spacing: -.5px;
	/* font-family: "Malgun Gothic"; */
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, "돋움", Dotum, sans-serif;
	line-height: 1.33;
	background: url("/content/images/text_user/resume/write/bg-dimd.png");
}
.modalResume .modalContainer { position: absolute; left: 50%; top: 50%; width: 552px; height: 358px; background-color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #565d79; padding-top: 80px; }
.modalResume .checkbox {position: absolute; right: 70px; top: 35px;}
.modalResume .checkbox input {display: none;}
.modalResume .checkbox label {line-height: 18px; font-size: 12px; color: #999;}
.modalResume .checkbox label:before {content: ""; display: inline-block; width: 18px; height: 18px; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M.5.5h17.01v17.01H.5z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin: 0 5px 2px 0;}
.modalResume .checkbox input:checked + label:before {background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22checkbox01-%26%23xB808%3B%26%23xC774%3B%26%23xC5B4%3B_1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cstyle%3E.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2339f%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M.5.5h17.01v17.01H.5z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M13.75%200H18v1.02h-4.25z%22%2F%3E%3Cpath%20transform%3D%22rotate%28-90%2017.532%204.898%29%22%20class%3D%22st1%22%20d%3D%22M12.63%204.34h9.8v1.11h-9.8z%22%2F%3E%3Cpath%20fill%3D%22%2339f%22%20d%3D%22M2.81%207.33v3.09l5.96%204.52L18%205.03V1.48L8.35%2011.57z%22%2F%3E%3C%2Fsvg%3E);
}
.modalResume .buttonClose {position: absolute; top: 30px; right: 30px; width: 27px; height: 27px; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22close-%26%23xB808%3B%26%23xC774%3B%26%23xC5B4%3B_1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23565d79%3Bstroke-width%3A0.5%3Bstroke-miterlimit%3A10%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15%200L0%2015M0%200l15%2015%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-size: cover;}
.modalResume h2 {font-size: 32px; color: #000; letter-spacing: -3px;}
.modalResume .text {font-size: 17px; color: #333; line-height: 1.6; margin-top: 20px;}
.modalResume .text div {margin-top: 15px;}
.modalResume .text div a {color: #39f; text-decoration: underline;}
.modalResume .buttons { font-size: 0; margin-top: 25px; }
.modalResume .buttons .button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 192px;
	height: 49px;
	margin: 0 5px;
	/* font-family: "Malgun Gothic"; */
	font-family: '맑은 고딕', Malgun Gothic, Apple SD Gothic Neo, "돋움", Dotum, sans-serif;
	letter-spacing: -1px;
	background-color: #39f;
	border: 1px solid #39f;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
}
.modalResume .buttons .button span { display: block; width: 192px; height: 47px; padding-top: 11px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.modalResume.modalPositionComplete .modalContainer {height: 312px; padding-top: 60px;}

/* 스크랩 공고 마감 모달 */
.modalScrap { display: none; z-index: 100002; overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; letter-spacing: -.5px; font-family: "Malgun Gothic"; line-height: 1.33; background: url("/content/images/text_user/resume/write/bg-dimd.png"); }
.modalScrap .modalContainer { position: absolute; left: 50%; top: 50%; width: 496px; background-color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #565d79; padding: 80px 30px 30px;}
.modalScrap .checkbox {position: absolute; right: 70px; top: 35px;}
.modalScrap .checkbox input {display: none;}
.modalScrap .checkbox label {line-height: 18px; font-size: 12px; color: #999;}
.modalScrap .checkbox label:before {content: ""; display: inline-block; width: 18px; height: 18px; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M.5.5h17.01v17.01H.5z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin: 0 5px 2px 0;}
.modalScrap .checkbox input:checked + label:before {background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22checkbox01-%26%23xB808%3B%26%23xC774%3B%26%23xC5B4%3B_1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cstyle%3E.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2339f%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M.5.5h17.01v17.01H.5z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M13.75%200H18v1.02h-4.25z%22%2F%3E%3Cpath%20transform%3D%22rotate%28-90%2017.532%204.898%29%22%20class%3D%22st1%22%20d%3D%22M12.63%204.34h9.8v1.11h-9.8z%22%2F%3E%3Cpath%20fill%3D%22%2339f%22%20d%3D%22M2.81%207.33v3.09l5.96%204.52L18%205.03V1.48L8.35%2011.57z%22%2F%3E%3C%2Fsvg%3E);
}
.modalScrap .buttonClose {position: absolute; top: 30px; right: 30px; width: 27px; height: 27px; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22close-%26%23xB808%3B%26%23xC774%3B%26%23xC5B4%3B_1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23565d79%3Bstroke-width%3A0.5%3Bstroke-miterlimit%3A10%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15%200L0%2015M0%200l15%2015%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-size: cover;}
.modalScrap h2 {font-size: 21px; color: #000000; letter-spacing: -1px; line-height: 29px;}
.modalScrap h2 span {color: #3399ff;}
.modalScrap .list-scrap {padding: 20px 0 0;}
.modalScrap .list-scrap li {border: 1px solid #eaeaea; padding: 15px 20px;}
.modalScrap .list-scrap li:nth-child(n+2) {margin-top: 10px;}
.modalScrap .list-scrap li .top:after {content: ''; display: block; clear: both;}
.modalScrap .list-scrap li .company {position: relative; float: left; display: block; max-width: calc(100% - 90px); font-size: 13px; color: #000000; line-height: 20px; letter-spacing: -0.6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.modalScrap .list-scrap li .button-apply {float: right; display: inline-block; font-size: 12px; color: #ffffff; letter-spacing: -0.6px; border-radius: 2px; padding: 2px 4px;}
.modalScrap .list-scrap li .button-apply:hover {color: #ffffff !important;}
.modalScrap .list-scrap li .button-apply.orange {background: #ff7a21;}
.modalScrap .list-scrap li .button-apply.blue {background: #3399ff;}
.modalScrap .list-scrap li .button-apply.gray {background: #8a98a4;}
.modalScrap .list-scrap li .button-apply.navy {background: #7b85e5;}
.modalScrap .list-scrap li .button-apply.green {background: #67b8a5;}
.modalScrap .list-scrap li .title {display: block; font-size: 15px; color: #333333; font-weight: bold; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.modalScrap .list-scrap li .title:hover {color: #333333 !important;}
.modalScrap .list-scrap li .box-timer {height: 40px; background: #f8f8f8; margin-top: 10px;}
.modalScrap .list-scrap li .box-timer .text {position: relative; display: inline-block; line-height: 40px; font-size: 13px; padding-left: 24px;}
.modalScrap .list-scrap li .box-timer .text span {color: #ff5b5b;}
.modalScrap .list-scrap li .box-timer .text:before {position: absolute; left: 0; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; content: ''; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8ZyBpZD0i6re466O5XzU3MjQiIGRhdGEtbmFtZT0i6re466O5IDU3MjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05IDE5ODcpIj4KICAgIDxnIGlkPSLqt7jro7lfNTcyNSIgZGF0YS1uYW1lPSLqt7jro7kgNTcyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS44MzQgMi41ODQpIj4KICAgICAgPGcgaWQ9Iu2DgOybkF85NiIgZGF0YS1uYW1lPSLtg4Dsm5AgOTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjQxNiAtMTk4NC41ODQpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZjQ5NDkiIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgICAgPGNpcmNsZSBjeD0iNS43NSIgY3k9IjUuNzUiIHI9IjUuNzUiIHN0cm9rZT0ibm9uZSIvPgogICAgICAgIDxjaXJjbGUgY3g9IjUuNzUiIGN5PSI1Ljc1IiByPSI1LjI1IiBmaWxsPSJub25lIi8+CiAgICAgIDwvZz4KICAgICAgPHBhdGggaWQ9Iu2MqOyKpF8xMDMwIiBkYXRhLW5hbWU9Iu2MqOyKpCAxMDMwIiBkPSJNMjItMTk3OS42NzR2Mi40MTZoMi40MTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjAwMiAtMS41MTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZjQ5NDkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8L2c+CiAgICA8cmVjdCBpZD0i7IKs6rCB7ZiVXzMxMzkiIGRhdGEtbmFtZT0i7IKs6rCB7ZiVIDMxMzkiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSAtMTk4NykiIGZpbGw9Im5vbmUiLz4KICA8L2c+Cjwvc3ZnPgo=");}
.modalScrap .button-more {display: block; height: 49px; line-height: 49px; background: #3399ff; margin-top: 10px; font-size: 16px; color: #ffffff;}
.modalScrap .button-more:hover {color: #ffffff !important;}
.modalScrap .button-more .arrow-right {display: inline-block; width: 32px; height: 32px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBpZD0i6re466O5XzU2MTgiIGRhdGEtbmFtZT0i6re466O5IDU2MTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNDA1KSI+CiAgICA8ZyBpZD0i6re466O5XzEwODgzIiBkYXRhLW5hbWU9Iuq3uOujuSAxMDg4MyI+CiAgICAgIDxyZWN0IGlkPSLsgqzqsIHtmJVfNDI0MyIgZGF0YS1uYW1lPSLsgqzqsIHtmJUgNDI0MyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC40MDUpIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0i6re466O5XzczNSIgZGF0YS1uYW1lPSLqt7jro7kgNzM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMyAxMCkiPgogICAgICA8bGluZSBpZD0i7ISgXzMiIGRhdGEtbmFtZT0i7ISgIDMiIHgyPSI2IiB5Mj0iNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNDA1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgICAgPGxpbmUgaWQ9IuyEoF80IiBkYXRhLW5hbWU9IuyEoCA0IiB5MT0iNiIgeDI9IjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjQwNSA2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="); margin-bottom: -9px;}

/* 상단레이어(확장형) */
.jk-futurelab-banner, 
.jk-futurelab-banner .inner {position: absolute; top: 0; width: 100%; height: 534px;}
.jk-futurelab-banner {top: -534px; z-index: 9999; animation-duration: 4s; animation-delay: 1.2s; animation-timing-function: ease-in-out; animation-name: slide;}
@keyframes slide {
	0% {top: -534px;}
	25%, 50%, 75% {top: 0;}
	100% {top: -534px;}
}
.jk-futurelab-banner .inner {display: block; background: #2c3949 url('/content/images/main/futurelab_visual.png?v=20220329') no-repeat 50% 50%;}