@charset "utf-8";

pre{font-size:14px; font-family: 'Lato', 'Noto Sans KR', sans-serif; color:#555; line-height:26px; word-break:break-all; white-space:pre-wrap;}
/*************************쇼미더머니미션이란****************************/
.s-contents{margin-bottom:40px; overflow:hidden;}

.showni-info{width:100%; background:#f8f8f8; padding:40px; box-sizing:border-box; position:relative; margin-bottom:50px;}
.showni-info:before{content:''; width:0; height:0; border-top:20px solid #fff; border-right:20px solid transparent; position:absolute; left:0; top:0;}
.showni-info:after{content:''; width:0; height:0; border-bottom:20px solid #fff; border-left:20px solid transparent; position:absolute; right:0; bottom:0;}
.showni-info-txt{width:75%; position:relative; z-index:2;}
.showni-info-txt h3{font-size:18px; font-weight:400; color:#444; line-height:30px;}
.showni-character{width:100%; max-width:270px; height:237px; background:url(../../images/thema/sub/showni-character.png)no-repeat; position:absolute; bottom:-30px; right:35px; z-index:1; transition:all 0.4s;}
.showni-character1{width:100%; max-width:270px; height:237px; background:url(../../images/thema/sub/showni-character1.png)no-repeat; position:absolute; bottom:-30px; right:35px; z-index:1; transition:all 0.4s;}

.gray-bg{background:#f8f8f8; padding:40px 0; overflow:hidden;}
.why-mentoring{width:100%; padding:20px 0 30px; min-height:225px;}
.why-mentoring ul{text-align:center;}
.why-mentoring ul li{display:inline-table; width:100%; max-width:310px; min-height:155px; border:1px solid #ccc; box-sizing:border-box; background:#fff; padding:25px 20px; position:relative; margin-left:-40px;}
.why-mentoring ul li:before{content:''; position:absolute; border-top:35px solid #ccc; border-left:37px solid transparent; left:0; bottom:-35px;}
.why-mentoring ul li:first-child{top:80px; padding-top:35px;}
.why-mentoring ul li:first-child:before{content:''; display:none;}
.why-mentoring ul li:nth-child(2){top:35px;}
.why-mentoring ul li img{display:block; width:100%; max-width:55px; margin:0 auto 10px;}
.why-mentoring ul li h4{font-size:16px; font-weight:500; color:#555; line-height:24px;}

.want-wrap{width:100%; padding:20px 0; box-sizing:border-box; overflow:hidden;}
.want-box{width:100%; min-height:250px;}
.want-tit{width:100%; max-width:215px; min-height:250px; position:relative; text-align:center; display:inline-block; z-index:1;}
.want-tit h3{font-size:18px; line-height:28px; font-weight:500; width:70%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#333;}
.want-box1 .want-tit{ margin:0 auto; left:50%; top:0; transform:translateX(-50%); float:left;}
.want-box1 .want-txt{width:50%; float:right; text-align:right; box-sizing:border-box; position:relative; padding:15px 10px 15px 120px;}
.want-box1 .want-txt:before{content:''; width:100%; height:1px; background:#999; position:absolute; top:0; left:0;}
.want-box1 .want-txt:after{content:''; width:7px; height:7px; background:#999; position:absolute; top:-3px; right:0; border-radius:4px;}

.want-box2{margin-top:-50px; padding-right:10px; box-sizing:border-box;}
.want-box2 .want-tit{float:right;}
.want-box2 .want-txt{width:100%; position:relative; bottom:0; padding:15px 120px 15px 10px; box-sizing:border-box; min-height:250px;}
.want-box2 .want-txt:before{content:''; width:100%; height:1px; background:#999; position:absolute; bottom:0; left:0;}
.want-box2 .want-txt:after{content:''; width:7px; height:7px; background:#999; position:absolute; bottom:-3px; left:0; border-radius:4px;}
.want-box2 .want-txt p{position:absolute; bottom:15px; padding-right:220px; box-sizing:border-box;}

.want-box3{margin-top:-50px; padding-left:10px; box-sizing:border-box;}
.want-box3 .want-tit{float:left;}
.want-box3 .want-txt{width:100%; position:relative; bottom:0; padding:15px 10px 15px 120px; box-sizing:border-box; min-height:250px; text-align:right;}
.want-box3 .want-txt:before{content:''; width:100%; height:1px; background:#999; position:absolute; bottom:0; right:0;}
.want-box3 .want-txt:after{content:''; width:7px; height:7px; background:#999; position:absolute; bottom:-3px; right:0; border-radius:4px;}
.want-box3 .want-txt p{position:absolute; bottom:15px; right:10px; padding-left:220px; box-sizing:border-box;}

.mission-step{width:100%; padding:10px 0; box-sizing:border-box;}
.step-box{text-align:center; position:relative; padding:20px 20px 60px; width:184px; box-sizing:border-box; margin:0 auto;}
.step-box1:before{content:''; background:url(../../images/thema/sub/circle-line1.png)no-repeat; position:absolute; left:0; top:0; width:100%; height:180px;}
.step-box1:after{content:''; background:url(../../images/thema/sub/arrow1.png)no-repeat; width:20px; height:45px; position:absolute; bottom:0; left:80px;}
.step-box2:before{content:''; background:url(../../images/thema/sub/circle-line2.png)no-repeat; position:absolute; right:4px; top:0; width:100%; height:180px;}
.step-box2:after{content:''; background:url(../../images/thema/sub/arrow2.png)no-repeat; width:20px; height:45px; position:absolute; bottom:0; left:80px;}
.step-box3:before{content:''; background:url(../../images/thema/sub/circle-line3.png)no-repeat; position:absolute; left:0; top:0; width:100%; height:180px;}
.step-box3:after{content:''; background:url(../../images/thema/sub/arrow3.png)no-repeat; width:20px; height:45px; position:absolute; bottom:0; left:80px;}
.step-box4:before{content:''; background:url(../../images/thema/sub/circle-line4.png)no-repeat; position:absolute; right:4px; top:0; width:100%; height:180px;}
.step-box4:after{content:''; background:url(../../images/thema/sub/arrow4.png)no-repeat; width:20px; height:45px; position:absolute; bottom:0; left:80px;}
.step-box5:before{content:''; background:url(../../images/thema/sub/circle-line5.png)no-repeat; position:absolute; left:0; top:0; width:100%; height:180px;}

.step-box a{display:inline-block; width:140px; height:140px; border-radius:75px; border:2px solid #555; box-sizing:border-box; transition:all 0.4s;}
.step-box a:hover{border-color:#4e6693; background:#4e6693;}
.step-tit{position:relative;/*  top:50%; transform:translateY(-50%); */height:100%; display:block; padding:35px 0; box-sizing:border-box;}
.step-box h3{font-size:18px; font-weight:300; color:#333; transition:all 0.4s;}
.step-box h1{font-size:40px; font-weight:400; color:#333; line-height:40px; transition:all 0.4s;}
.step-box a:hover h3, .step-box a:hover h1{color:#fff;}
.mission-txt{width:100%; min-height:180px; display:table;}
.mission-txt h3{font-size:20px; font-weight:500; color:#333; display:table-cell; vertical-align:middle;}

.mission-ps{width:100%; text-align:center; padding:10px; box-sizing:border-box; border:1px solid #ccc; background:#fff; margin:10px 0;}

.ft-coral{color:#ff7d7d;}
.ft-gray{color:#888;}
.ft-yellow2{color:#ffd361;}
.ft-turquoise{color:#64ccc1;}
.ft-skyblue{color:#5ab4cc;}
.ft-purple{color:#7471f6;}


/*************************쇼니step01****************************/
#tab-menu{text-align:center; margin-bottom:20px; overflow:hidden;}
#tab-menu ul{position:relative; /* display:inline-block;  */z-index:100;}
#tab-menu ul li{float:left; display:table; width:25%; max-width:300px; height:40px;}
#tab-menu ul li a{font-size:14px; color:#888; line-height:40px; display:block; border:1px solid #ccc; box-sizing:border-box; cursor:pointer; transition:none;}
#tab-menu ul li~li{margin-left:-1px;}
#tab-menu .tab-selected a{border:1px solid #0062b1; color:#0062b1; position:relative; z-index:1;}
.tab-content{display:none;}
.tab-contents .tab-selected{display:inherit;}

.week-title{text-align:center; margin:60px 0 40px;}
.week-title h2{font-size:26px; font-weight:400; color:#333;}
.title-point{font-weight:600; background:url(../../images/thema/main/underline.png)no-repeat; background-position:center 100%; padding:0 10px 3px 15px; background-size:100% 50%;}

.mission-card{width:98%; min-height:295px; padding:40px 20px; box-sizing:border-box; text-align:center; margin:1%; position:relative;}
.card1-1{background:#ff7473;}
.card1-2{background:#ffc952;}
.card1-3{background:#47b8e0; min-height:320px;}
.card1-4{background:#6a60a9; min-height:320px;}
.card2-1{background:#6d819c; min-height:320px;}
.card2-2{background:#e4e7ec; min-height:320px;}
.card2-3{background:#55967e; min-height:320px;}
.card2-4{background:#263959; min-height:320px;}

.card1:before, .card2:before, .card3:before{content:'01'; font-size:18px; font-weight:300; color:#fff; position:absolute; left:20px; top:20px;}
.card2:before{content:'02';}
.card3:before{content:'03';}
.card1-b:before, .card2-b:before, .card3-b:before{content:'01'; font-size:18px; font-weight:300; color:#333; position:absolute; left:20px; top:20px;}
.card2-b:before{content:'02';}
.card3-b:before{content:'03';}
.mission-card img{background:#fff; width:100px; height:100px; display:block; border-radius:50px; box-sizing:border-box; margin:0 auto;}
.mission-card h3{font-size:22px; color:#fff; margin:15px 0 8px; line-height:34px;}
.mission-card h3 span{font-weight:300;}
.mission-card p{color:#fff; opacity:0.8;}
.card1-2 h3,  .card2-2 h3{color:#333;}
.card1-2 p, .card2-2 p{color:#333;}

.mission-sample{width:98%; min-height:290px; background-size:cover !important; background-position:center !important; margin:1%;}
.mission-sample2 img{display:block; margin:20px auto 0; border:1px solid #555; box-sizing:border-box; max-width:100%;}
.sample-big{min-height:320px;}

.mission-footer{width:100%; min-height:170px; background:url(../../images/thema/sub/mission-footer.png)no-repeat; background-size:cover; background-position:center 100%; padding:0 20px 30px; position:relative;}
.character{position:absolute;}
.character1{left:0; bottom:30px;}
.character2{right:0; bottom:30px;}
.mission-footer .btn-submit{font-size:16px; position:absolute; left:50%; bottom:40px; transform:translateX(-50%); display:inline-block; background:#4e6693; padding:14px 60px; color:#fff; text-align:center; transition:all 0.4s;}
.mission-footer .btn-submit:hover{background:#f16548;}


/*************************쇼니step03****************************/
.ft-gray2{font-size:20px; font-weight:400; color:#888;}
.btn-submit{padding:10px 60px; box-sizing:border-box; font-size:16px; color:#fff; font-weight:400; text-align:center; display:inline-block; margin:0 auto; transition:all 0.4s; background:#4e6693; line-height:26px;}
.btn-submit:hover{background:#f16548;}

.select-program{background:url(../../images/thema/sub/step3-bg.jpg)repeat; padding:60px 0; overflow:hidden;}
.step3-program{position:relative; min-height:500px;}
/* .step3-program img{display:block; max-width:100%; position:relative; z-index:2; padding:20px 0;} */
/* .step3-program:after{content:''; width:100%; height:1px; background:url(../../images/thema/sub/h-line2.gif)repeat-X; position:absolute; top:50%;} */
.step3-program img{display:block; max-width:100%; position:absolute; z-index:2; top:50%; transform:translateY(-50%);}

.sp-box-wrap{width:100%; padding-left:40px; box-sizing:border-box; position:relative;}
.sp-box-wrap:before{content:''; width:1px; height:71%; background:url(../../images/thema/sub/v-line2.gif)repeat-Y; position:absolute; top:60px; left:0;}
.sp-box{position:relative; padding:5px 0 20px 60px; box-sizing:border-box;}
.sp-box:before{content:''; position:absolute; width:120px; height:120px; left:0; top:0; z-index:2;}
.sp-box:after{content:''; width:100%; height:1px; background:url(../../images/thema/sub/h-line2.gif)repeat-X; position:absolute; top:60px; left:-40px; z-index:1;}
.sp-box2:after{left:-80px;}
.sp-box1:before{background:url(../../images/thema/sub/step3-01.png)no-repeat;}
.sp-box2:before{background:url(../../images/thema/sub/step3-02.png)no-repeat;}
.sp-box3:before{background:url(../../images/thema/sub/step3-03.png)no-repeat;}

.sp-box h3{font-size:22px; text-align:right; color:#333; margin-bottom:10px; font-weight:500;}
.sp-txt{background:#f2f2f2; padding:15px 20px; box-sizing:border-box; position:relative; z-index:2;}
.sp-txt h4{font-size:18px; color:#333; line-height:30px; position:relative; padding-left:15px; margin-bottom:5px;}
.sp-txt h4:before{content:''; width:5px; height:5px; background:#57799d; position:absolute; left:0; border-radius:5px; top:14px;}
.sp-txt ul{padding-left:15px;}
.sp-txt ul li{font-size:16px; line-height:26px; color:#404040; padding:3px 0 3px 12px; position:relative;}
.sp-txt ul li:before{content:'-'; color:#555; position:absolute; top:4px; left:0;}

/*************************쇼니step04****************************/
.consulting1 img{display:block; max-width:100%; margin:20px auto;}
.consulting-step{width:100%; overflow:hidden;}
.consulting-step ul li{width:20%; float:left; box-sizing:border-box; position:relative;}
.step4-box-wrap{width:96%; max-width:220px; margin:10px auto; min-height:250px; background-position:center !important; position:relative; background-size:100% !important;}
.step4-box{text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%;}
.step4-box h2{font-size:32px; color:#fff; opacity:0.8; margin-bottom:15px; font-weight:400;}
.step4-box p{color:#fff;}
.consulting-step ul li:nth-child(2n){margin-top:60px;}
.consulting-step ul li:nth-child(2n-1):after{content:''; width:60px; height:4px; background:url(../../images/thema/sub/h-line.gif)repeat; position:absolute; top:60%; right:-40px; z-index:-1; transform:rotate(30deg);}
.consulting-step ul li:nth-child(2n):after{content:''; width:60px; height:4px; background:url(../../images/thema/sub/h-line.gif)repeat; position:absolute; top:40%; right:-40px; z-index:-1; transform:rotate(-30deg);}
.consulting-step ul li:last-child:after{width:0;}

@media all and (max-width:1199px){
	/*미션이란*/
	.showni-character{opacity:0.5;}

	/*step3*/
	.step3-program{min-height:600px;}
}

@media all and (max-width:767px){
	
	/*미션이란*/
	.showni-info-txt{width:100%; padding-bottom:60px;}
	.showni-info-txt h3{font-size:18px; line-height:30px;}
	.why-mentoring{padding:0;}
	.why-mentoring ul li{max-width:100%; display:block; margin:10px auto; top:0 !important; min-height:auto;}
	.why-mentoring ul li::before{display:none;}
	.why-mentoring ul li h4{font-size:16px; line-height:24px;}	
	
	.want-box{margin:10px 0 !important;}
	.want-box1{padding-left:10px; box-sizing:border-box;}
	.want-box1 .want-tit{left:0; transform:none;}	
	.want-box1 .want-txt{width:100%; float:none; min-height:250px; bottom:0;}	
	.want-box1 .want-txt:before{top:auto; bottom:0;}
	.want-box1 .want-txt:after{top:auto; bottom:-3px;}
	.want-box1 .want-txt p{position:absolute; right:10px; bottom:15px; padding-left:220px;}
	.want-tit h3{font-size:16px; line-height:24px;}
	
	.mission-txt{padding-left:30px; box-sizing:border-box;}
	.mission-txt h3{font-size:16px; line-height:26px;}
	
	/*step1, step2*/
	.mission-card{min-height:auto;}
	.mission-card h3{font-size:18px; line-height:30px;}
	.mission-card p{line-height:24px;}
	.mission-sample2 img{max-width:98%; margin:1%;}
	
	.mission-footer .btn-submit{font-size:14px; padding:14px 40px; box-sizing:border-box; z-index:10;}
	.character2{right:5%;}
	
	/*step3*/
	.ft-gray2{font-size:18px;}
	.step3-program{min-height:auto;}
	.step3-program img{position:static; top:auto; transform:none; margin:0 auto 20px;}
	.sp-box-wrap{padding:0 2.5%;}
	.sp-box-wrap::before{width:0;}
	.sp-box::after{width:0;}
	.sp-box h3{font-size:18px;}
	.sp-txt h4{fdont-size:16px;}
	.sp-txt ul li{font-size:14px;}
	.btn-submit{font-size:14px;}
	
	/*step4*/
	.consulting1 img{max-width:70%;}
	.consulting-step ul li{width:50%;}
	.consulting-step ul li:nth-child(2n-1):after{width:100%; right:-50%;}
	.consulting-step ul li:nth-child(2n):after{width:100%; top:auto; right:50%; bottom:-5%;}
	.consulting-step ul li:last-child:after{width:0;}	
	
}

@media all and (max-width:525px){
	.step-box{padding-bottom:20px;}
	.step-box:before, .step-box:after{width:0 !important;}
	.mission-txt{min-height:auto; text-align:center; margin-bottom:40px;}
	
	.consulting-step ul li{width:100%;}
	.consulting-step ul li:nth-child(2n){margin-top:0;}
	.consulting-step ul li:after{width:4px !important; height:50% !important; bottom:-40px !important; background:url(../../images/thema/sub/v-line.gif)repeat !important; left:50%; margin-left:-2px; transform:none !important; right:auto !important;}
	.consulting-step ul li:last-child:after{width:0 !important;}
	
}

@media all and (max-width:360px){

}