/* sub05_Mentoring CSS */

*{margin: 0; padding: 0;}
body {width: 100%; height: auto;}
.wrap {width:900px;}
h2 {font-size: 20px; line-height: 30px; color: #c00000; /*padding-left: 10px;*/ margin-bottom: 6px;}

/*공통*/
.sub-content-tit{font-size:28px; line-height:40px; color:#1f1f1f; font-weight:400; letter-spacing:-0.5px; margin-bottom:2%;}
.sub-content-tit:before{display:block; content:""; width:27px; height:3px; background-color:#53c0c2; margin-bottom:10px;}
.sub-content-txt{font-size:16px; line-height:30px; color:#4d4c4b; letter-spacing:-0.5px; margin-bottom:35px;}
.sub-content-subject{font-size:23px; line-height:30px; font-weight:400; color:#262626; letter-spacing:-0.5px; margin-bottom:20px;}
.sub-content-subject:before{display:inline-block; content:""; vertical-align:middle; width:5px; height:5px; border:2px solid #53c0c2; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; margin-right:5px;}

/* Menotring_01 */
.mentoring-top-cotainer{width:100%; margin-bottom:5%;}
.mentoring-left-box, .mentoring-right-box{float:left; }
.mentoring-left-box{width:38%;}
.mentoring-right-box{width:62%; /*padding-top:3%;*/}
.mentoring-img-thum{position:relative; padding-top:380px;}
.mentoring-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.mentoring-img-thum > span img{max-width:94%;}
.mentoring-right-box .sub-content-tit{margin-bottom:4%;}
.mentoring-info-box{width:100%; border-top:1px solid #d1d1d1; padding:19px 0;}
.mentoring-info-box > p{font-size:18px; line-height:30px; color:#141414; letter-spacing:-0.75px; padding-left:17px; position:relative; word-break:keep-all;}
.mentoring-info-box > p:before{display:inline-block; content:""; vertical-align:middle; position:absolute; top:9px; left:0; width:5px; height:5px; border:2px solid #53c0c2; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
.mentoring-info-box > p > span{color:#ff6600;}

.content02 .sub-content-tit{margin-bottom:2%; clear:both;}

.content02 .img-box {width:100%; border-top:1px solid #d1d1d1; padding:19px 0; }
.content02 .img-box img {width:100%; display: block; margin: 20px auto;}
.content02 .process_detail img {width: 88%; display: block;margin: 40px auto; margin-bottom: 80px;}

.process-list{width:100%; display:table; margin-bottom:60px;}
.process-list li{display:table-cell; vertical-align:top; width:20%;}
.process-list li .process-inner{padding:0 19px; border:1px solid #d1d1d1; min-height:288px; margin-left:5px;}
.process-list li:first-child .process-inner{margin-left:0;}
.process-list li h4{font-size:20px; line-height:30px; color:#ed5017; font-weight:400; letter-spacing:-0.5px; word-break:keep-all; border-bottom:2px solid #ed5017; margin-bottom:20px; display:table; width:100%; height:107px;}
.process-list li h4 > span{display:table-cell; vertical-align:middle; width:100%; font-size: 20px;}
.process-list li p{font-size:16px; line-height:30px; color:#4d4c4b; letter-spacing:-0.75px; word-break:keep-all;}
.process-list li p > span{display: table-cell; vertical-align: middle; text-align: center; width:100%; font-size:20px; font-weight: bold;}



/* Menotring_02 */
.mentor-group {width:100%; margin-top: 20px; overflow: hidden;}
.mentor-group .mentor-box {width:30%; float:left;}
.mentor-group .mentor-link:hover {cursor: pointer;}
.mentor-box img {width:80%; display: block; margin: 0 auto; /*border: 1px solid #dadada;*/ margin-bottom: 20px;}
.mentor-box h4 {font-size:20px; text-align: center; line-height: 36px;}
.mentor-box p {font-size:18px; text-align: center;}

/* Modal Css */
.modal1, .modal2, .modal3, .modal4, .modal5, .modal6 {cursor:pointer;}

.modalView1, .modalView2, .modalView3, .modalView4, .modalView5, .modalView6 {
		position:absolute;
		width:500px;
		height:500px;
		top:0%;
		/*margin-top:-250px;*/
		left:50%;
		margin-left:-250px;
		background:#ffffff;
        border: 1px solid #dadada;
		border-radius:15px;
		box-sizing:border-box;
		padding:20px;
		display:none;
		text-align:center;
		z-index:10;
	}


.view-name {font-size: 20px; color: #4d4c4b;}
.mentor-title {font-size: 18px; text-align: center;}
.carrer > li {font-size: 16px; text-align: center; line-height: 28px;}
.close {margin-top: 46%;}


.modalBack{
		background:#000;
		opacity:0.2;
		width:100%;
		height:100%;
		position:fixed;
		display:none;
	}