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

@charset "UTF-8";

@media screen and (max-width: 768px) {
/* 
************************************************************************************
   recruit LIST
************************************************************************************
*/
.container {}
.container.recruit { width:100%; max-width:1200px; margin:0 auto 0px; padding:0 15px 30px; box-sizing:border-box; }
    
#news-container #section-5 .header .max1101 {font-size: 28px; letter-spacing: 0px;}    

/* ---------------------------------------
    Title
--------------------------------------- */
.recruit .title-nav { margin:0px 0; padding:20px 0 20px; }
.recruit .title-nav ul {}
.recruit .title-nav ul li {}
.recruit .title-nav ul li a { font-size:12px; padding:14px 0; }
.recruit .title-nav ul li:first-child {}
.recruit .title-nav ul li.on {}
.recruit .title-nav ul li.on a {}


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

/* cate */
.recruit-list .cate { margin:0 0 20px; padding:20px 0 0; }
.recruit-list .cate ul { font-size:0; }
.recruit-list .cate ul li { margin-right:10px; min-width:auto; margin-bottom: 10px; }
.recruit-list .cate ul li a { font-size:12px; padding:10px 16px; }
.recruit-list .cate ul li.on {}
.recruit-list .cate ul li.on a {}

/* contents */
.recruit-list .list {}
.recruit-list .list .item { padding:20px 13px 13px; width:50%; height:200px; position:relative; }
.recruit-list .list .item .category { padding:0 0 10px; font-size:10px; margin:0 0 10px; font-weight:bold; }
.recruit-list .list .item .sector {  }
.recruit-list .list .item .sector span { }
.recruit-list .list .item .sector .en { font-size:12px; }
.recruit-list .list .item .sector .ko { font-size:10px; }
.recruit-list .list .item .rank { margin:10px 0 10px; }
.recruit-list .list .item .rank span {}
.recruit-list .list .item .rank .en { font-size:11px; }
.recruit-list .list .item .rank .ko { font-size:10px; }
.recruit-list .list .item .person {
	font-size:10px;
	position:absolute;
	bottom:23px;
	left:13px;
}
.recruit-list .list .item .btns { margin:0px 0 0; text-align:center; position:absolute; bottom:13px; right:13px; }
.recruit-list .list .item .btns a {display:inline-block;padding: 6px 20px;background-color:#444;color:#fff;font-size:12px;}

.recruit-list .list .item:hover { background-color:transparent; }
.recruit-list .list .item:hover .category { border-color:#8f1336; }
.recruit-list .list .item:hover p { color:#444; }
.recruit-list .list .item:hover p span { color:#444; }
.recruit-list .list .item:hover .category { color:#8f1336; }
.recruit-list .list .item:hover .btn a { color:#fff; background:#444; }
	

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

/* title */
.recruit-view .subject { padding:20px 0 30px; background:url('../img/img_recruit_illust.png') right 40% no-repeat; background-size:auto 75px; box-sizing:border-box; padding-right:60%; }
.recruit-view .subject .category { font-size:12px; margin:0 0 10px; }
.recruit-view .subject .sector { }
.recruit-view .subject .sector span { }
.recruit-view .subject .sector .en { font-size:12px; word-break: keep-all; }
.recruit-view .subject .sector .ko { font-size:10px; }

/* contents */
.recruit-view .list { border-top:1px solid #8f1336; border-bottom:1px solid #8f1336; }
.recruit-view .list .item { width:100%; float:none; border-bottom:1px solid #8f1336; position:relative; display:flex;}
.recruit-view .list .item:nth-child(3n+2) { box-shadow:none; }
.recruit-view .list .item:nth-child(3n+2) .title { border:0; }
.recruit-view .list .item:nth-child(3n+3) .title { border:0; }
	
.recruit-view .list .item.last { border-bottom:0; }
.recruit-view .list .item .title { order: 1; width:40%; min-height:initial; float:left; font-size:12px; line-height:1.5em; border:0; padding:10px 10px; box-sizing:border-box; display: flex; align-items: center; justify-content: center; }
.recruit-view .list .item .desc {
	order: 2;
	width:60%;
	min-height:initial;
	float:left;
	padding:10px 20px;
	font-size:10px;
	display:flex;
	align-items:center;
	text-align:left;
	white-space:pre-wrap;
	justify-content:left;
	word-break:break-all;
}
.recruit-view .list .item .desc:after { min-height:initial; }

/* contact-line */
.recruit .contact-line { }
.recruit .contact-line p { display:block; padding: 5px 0px; border: 1px solid #8f1336;}
.recruit .contact-line .title { font-size:12px; }
.recruit .contact-line .desc { font-size:12px; }
.recruit .contact-line .desc span:first-child:after { margin:0 10px; }

 /*
.recruit-view .list .item .desc { min-height:150px; box-sizing:border-box; font-size:18px; color:#333; padding:5px; display: flex; align-items:center; justify-content: center; }
.recruit-view .list .item .desc pre { white-space:pre-wrap; }
.recruit-view .list .item:nth-child(n+7) .desc{ justify-content:left; text-align:left; 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;
	}
*/

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

/* title */
.recruit-info .subject { padding:20px 0 30px 0; background:url('../img/img_recruit_family.png') right 80% no-repeat; background-size:auto 35%; box-sizing:border-box; }
.recruit-info .subject .category { font-size:12px; margin:0 0 10px; }
.recruit-info .subject .desc { }
.recruit-info .subject .desc span { margin:0 0; }
.recruit-info .subject .desc .en { font-size:12px; word-break: keep-all; margin:0 0 20px; }
.recruit-info .subject .desc .ko { font-size:10px; }

/* contents */
.recruit-info { }
.recruit-info .info-wrap { padding:20px; }
.recruit-info .info-wrap .item { }
.recruit-info .info-wrap .item .title { font-size:12px; color:#fff; }
.recruit-info .info-wrap .item .title span { width:14px; height:14px; background:url('../img/img_recruit_chkbox.png') center 95% no-repeat; background-size:13px; display:inline-block; margin-right:5px; }
.recruit-info .info-wrap .item .desc { padding:10px 0 40px 38px; }
.recruit-info .info-wrap .item .desc ul {}
.recruit-info .info-wrap .item .desc ul li { width:100%; float:left; }
.recruit-info .info-wrap .item .desc ul li span {  }
.recruit-info .info-wrap .item .desc ul li .en { font-size:12px; margin:10px 0 0; }
.recruit-info .info-wrap .item .desc ul li .ko { font-size:10px; margin:5px 0 0; }
.recruit-info .info-wrap .item:nth-child(2) .desc { padding-bottom:0; }
.recruit-info .info-wrap .item:nth-child(2) .desc span { text-transform: uppercase; }

/* contact-line */
.recruit .contact-line.info { }
.recruit .contact-line.info p { display:block; padding: 5px 0px; border: 1px solid #fff;}
.recruit .contact-line.info .title { font-size:12px; }
.recruit .contact-line.info .desc { font-size:12px; }
.recruit .contact-line.info .desc span:first-child:after { margin:0 10px; }

/* caption */
.recruit .caption { font-size:10px; line-height:1.5em; height:auto; }
.recruit .caption { background:url('../img/img_recruit_caption.png') left center no-repeat; background-size:20px; padding-left:30px; }

.recruit .caption:before { display:none; }

#news-container #section-5 .header {
    text-align: center;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
}
#news-container #section-5 .header .max1101 { font-size:24px;  padding-top:0; }

#news-container #section-5 .header .max1101.rcList { line-height:1; }
#news-container #section-5 .header .max1101.rcList:after { height:52px; font-size:0; }


}