/* 
#=============================================# 
| http://di-dot.com                           |
| Copyright 2020 di-dot all right reserved.   |
| Licensed under the di-dot bella jo License. |
#=============================================# 
*/

@charset "UTF-8";

/* 
************************************************************************************
   recruit LIST
************************************************************************************
*/
clearfix { }
clearfix:after { content:''; display:block; clear:both; }

.mb-view { display:none; }

#wrap { background-color:#f9f6f6; }
#container {}

.container { }
.container.recruit { width:100%; max-width:1200px; margin:0 auto; padding:0 0 40px; }

/* ---------------------------------------
    Title
--------------------------------------- */
.recruit .title-nav { padding:40px 0 40px; border-bottom:1px solid #8f1336; }
.recruit .title-nav ul {}
.recruit .title-nav ul li { width:33.3333%; float:left; text-align:center; box-sizing:border-box; border:1px solid #ccc; border-left:0; font-size:0; }
.recruit .title-nav ul li a { font-size:16px; color:#444; line-height:0; display:inline-block; padding:18px 0; }
.recruit .title-nav ul li a:after { content:''; display:inline-block; height:12px; }
.recruit .title-nav ul li:first-child { border-left:1px solid #ccc; }
.recruit .title-nav ul li.on { background:#8f1336; }
.recruit .title-nav ul li.on a { color:#fff; }


/* ---------------------------------------
    List
--------------------------------------- */
.recruit-list {}

/* cate */
.recruit-list .cate { margin:40px 0 40px; }
.recruit-list .cate ul {}
.recruit-list .cate ul li { display:inline-block; margin-right:10px; min-width:100px; text-align:center; background-color:#eee; }
.recruit-list .cate ul li a { font-size:16px; color:#444; padding:8px 10px; display:block; line-height:0; }
.recruit-list .cate ul li a:after { content:''; display:inline-block; height:12px; }
.recruit-list .cate ul li.on { background:#8f1336; }
.recruit-list .cate ul li.on a { color:#fff; }

/* contents */
.recruit-list .list { box-sh2adow: 2px 0 0 0 #ccc, 0 2px 0 0 #ccc, 2px 2px 0 0 #ccc, 2px 0 0 0 #ccc inset, 0 2px 0 0 #ccc inset; }
.recruit-list .list .item {
  width:33.3333%;
  float:left;
  box-sizing:border-box;
  padding:45px;
  box-shadow: 
    2px 0 0 0 #ccc, 
    0 2px 0 0 #ccc, 
    2px 2px 0 0 #ccc,
    2px 0 0 0 #ccc inset, 
    0 2px 0 0 #ccc inset;
  position: relative;
}
.recruit-list .list .item .category { padding:0 0 10px; border-bottom:1px solid #8f1336; color:#8f1336; font-size:18px; font-weight:500; margin:0 0 30px; }
.recruit-list .list .item .sector {  }
.recruit-list .list .item .sector span { color:#444; display:block; }
.recruit-list .list .item .sector .en { font-size:20px; font-weight:500; }
.recruit-list .list .item .sector .ko { font-size:16px; }
.recruit-list .list .item .rank { margin:15px 0 30px; }
.recruit-list .list .item .rank span { color:#444; display:block; }
.recruit-list .list .item .rank .en { font-size:16px; font-weight:500; }
.recruit-list .list .item .rank .ko { font-size:14px; }
.recruit-list .list .item .person {
	color:#444;
	font-size:16px;
	font-weight:500;
	
	position:absolute;
	bottom:45px;
	left:45px;
	
}
.recruit-list .list .item .btn { margin:40px 0 0; text-align:right; }
.recruit-list .list .item .btn a {
	display:inline-block;
	padding:14px 40px;
	background-color:#444;
	color:#fff;
	font-size:16px;
	position:absolute;
	bottom:30px;
	right:30px;
	line-height:0;
}
.recruit-list .list .item .btn a:after { content:''; display:inline-block; height:12px; font-size:0; }
.recruit-list .list .item:hover { background-color:#8f1336; }
.recruit-list .list .item:hover .category { border-color:#fff; }
.recruit-list .list .item:hover p { color:#fff; }
.recruit-list .list .item:hover p span { color:#fff; }
.recruit-list .list .item:hover .btn a { color:#8f1336; background:#fff; font-weight:500; }


/* ---------------------------------------
    View
--------------------------------------- */
.recruit-view {}

/* title */
.recruit-view .subject { padding:40px 0 60px; background:url('../img/img_recruit_illust.png') center right no-repeat; background-size:auto 200px; }
.recruit-view .subject .category { display:inline-block; color:#8f1336; border-bottom:1px solid #8f1336; font-size:30px; margin:0 0 50px; }
.recruit-view .subject .sector {  }
.recruit-view .subject .sector span { display:block; letter-spacing: -0.03em;}
.recruit-view .subject .sector .en { font-size:30px; color:#333; font-weight:500; }
.recruit-view .subject .sector .ko { font-size:24px; }

/* contents */
.recruit-view .list {  }
.recruit-view .list .item { width:33.3333%; float:left; text-align: center; }
.recruit-view .list .item:nth-child(3n+2) { box-sizing:border-box; box-shadow: 1px 0 0 0 #ccc, 1px 0 0 0 #ccc inset; }
.recruit-view .list .item:nth-child(3n+2) .title { border-left:1px solid #ccc; }
.recruit-view .list .item:nth-child(3n+3) .title { border-left:1px solid #ccc; }
.recruit-view .list .item.last { width:100%; float:none; clear:both; border-bottom:1px solid #ccc; }
.recruit-view .list .item .title { background-color:#ddd; font-weight:500; font-size:20px; color:#333; line-height:0; border-top:1px solid #8f1336; border-bottom:1px solid #8f1336; padding:18px 0 16px;}
.recruit-view .list .item .title:after { content:''; display:inline-block; height:12px; font-size:0; }
.recruit-view .list .item .desc { 
	min-height:150px; 
	box-sizing:border-box; 
	font-size:18px; 
	color:#333; 
	padding:5px; 
	display: flex; 
	display: -ms-flexbox; 
	display: -webkit-box; 
	align-items:center; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	justify-content: center; 
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	
	text-align:left;
	}
.recruit-view .list .item .desc:after { content:''; min-height:150px; font-size:0; display:inline-block; }
.recruit-view .list .item .desc pre { white-space:pre-wrap; word-break: break-all;}
/*
.recruit-view .list .item:nth-child(n+7) .desc{ justify-content:center; text-align:left; padding:10px 20px; }
*/
.recruit-view .list .item:last-child .desc{ justify-content:center; text-align:left; align-items:center; padding:10px 20px; }
.recruit-view .list .item .desc textarea{
	width: 100%;
    height: 100%;
    resize: none;
    text-align: center;
    border: 0;
    padding: 5px;
	background: #f9f6f6;
	color:#333;
	}


/* contact-line */
.recruit .contact-line { text-align:center; margin:40px 0; font-size:0; }
.recruit .contact-line p { display:inline-block; padding: 10px 50px; border:2px solid #8f1336; }
.recruit .contact-line .title { background:#8f1336; color:#fff; font-size:18px; line-height:1; }
.recruit .contact-line .title:after { content:''; display:inline-block; height:18px; font-size:0; }
.recruit .contact-line .desc { color:#333; font-size:18px; line-height:1; }
.recruit .contact-line .desc:after { content:''; display:inline-block; height:18px; font-size:0; }
.recruit .contact-line .desc span:first-child:after { content:'/'; display:inline-block; margin:0 20px; }


/* ---------------------------------------
    Info
--------------------------------------- */
.recruit-info {}

/* title */
.recruit-info .subject { padding:40px 40% 40px 0; background:url('../img/img_recruit_family.png') 95% center no-repeat; background-size:auto 400px; box-sizing:border-box; }
.recruit-info .subject .category { display:inline-block; color:#8f1336; border-bottom:1px solid #8f1336; font-size:30px; margin:0 0 50px; }
.recruit-info .subject .desc {  }
.recruit-info .subject .desc span { display:block; letter-spacing: -0.03em; margin-bottom:30px; line-height:1.6em; }
.recruit-info .subject .desc .en { font-size:20px; color:#333; }
.recruit-info .subject .desc .ko { font-size:18px; }

/* contents */
.recruit-info { }
.recruit-info .info-wrap { background:#8f1336; padding:80px; }
.recruit-info .info-wrap .item { }
.recruit-info .info-wrap .item .title { font-size:22px; color:#fff; }
.recruit-info .info-wrap .item .title span { width:26px; height:26px; background:url('../img/img_recruit_chkbox.png') bottom center no-repeat; background-size:24px; display:inline-block; margin-right:10px; }
.recruit-info .info-wrap .item .desc { color:#fff; padding:10px 0 40px 55px; }
.recruit-info .info-wrap .item .desc ul {}
.recruit-info .info-wrap .item .desc ul li { list-style:square; width:50%; float:left; }
.recruit-info .info-wrap .item .desc ul li span { font-weight:300; display:block; }
.recruit-info .info-wrap .item .desc ul li .en { font-size:18px; margin:30px 0 10px; }
.recruit-info .info-wrap .item .desc ul li .ko { font-size:14px; }
.recruit-info .info-wrap .item:nth-child(2) .desc span { text-transform: uppercase; }

/* contact-line */
.recruit .contact-line.info { text-align:center; margin:40px 0 0; font-size:0; }
.recruit .contact-line.info p { display:inline-block; padding: 5px 50px; border:2px solid #fff; }
.recruit .contact-line.info .title { background:#fff; color:#8f1336; font-size:18px; }
.recruit .contact-line.info .desc { color:#fff; font-size:18px; }
.recruit .contact-line.info .desc span:first-child:after { content:'/'; display:inline-block; margin:0 20px; }

/* caption */
.recruit .caption { font-size:18px; color:#333; margin:30px 0 0; display:inline-block; height:35px; line-height:35px; }
/* .recruit .caption { background:url('../img/img_recruit_caption.png') left 45% no-repeat; background-size:20px; padding-left:30px; } */
.recruit .caption:before { content:''; width:30px; height:30px; margin-top:-5px; display:inline-block; vertical-align:middle; background:url('../img/img_recruit_caption.png') left center no-repeat; background-size:20px; }

#news-container #section-5{background:none;}
#news-container #section-5 .header {
    height: 150px;
    line-height: 150px;
    color: #fff;
    font-size: 40px;
    background-image: none;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	text-align:center;
}
#news-container #section-5 .header .max1101 { padding-top:0!important; font-weight:normal; }
#news-container #section-5 .header .max1101.rcList { line-height:1; }
#news-container #section-5 .header .max1101.rcList:after { content:''; display:inline-block; height:87px; font-size:0; }
/*
#news-container #section-5 .header{text-align:center;height:auto;}
#news-container #section-5 .header .max1101{padding-top:0;padding:30px;}
*/
html, body, #content-container{min-width:auto;}

dl.sunjinCategory > dd > a { line-height:1em; }