.container{position:relative;padding-top:50px;}
.container_in{position:relative;margin-top:50px;}
.content{position:relative;margin-top:50px;padding-bottom:60px;}
.content_in{margin-top:90px;padding-top:140px;padding-bottom:60px;}
.subBg{margin-top:25px;position:relative;clear:both;}

.headline-header{display:flex;clear:both;position:relative;justify-content:center;flex-direction:column;align-items:center;margin-bottom:5em;}
.headline-header h1{font-size:60px;line-height:70px;font-weight:300;font-family:'Noto Sans KR', sans-serif;color:#fff;position:relative;margin-bottom:35px;width:100%;text-align:center;padding-bottom:30px;}
.headline-header h1:after{border-radius:10px;width:96px;height:2px;background:#ffc03a;content:'';display:inline-block;position:absolute;left:calc(50% - 48px);bottom:0;}

.headline-header h1.bl1{padding-bottom:90px;margin-bottom:30px;}
.headline-header h1.bl1:after{width:60px;height:60px;background:url('../img/landing/bullet01.svg') no-repeat center center;content:'';text-align:center;display:block;position:absolute;left:0;bottom:0;width:100%;}
.headline-header h2{font-size:50px;line-height:50px;font-weight:300;font-family:'Noto Sans KR', sans-serif;color:#fff;position:relative;margin-bottom:35px;width:100%;text-align:center;padding-bottom:30px;}

.headline-header .Hmsg{font-size:18px;line-height:24px;color:#fff;text-align:center;max-width:410px;}
.headline-header .link{display:flex;flex-direction:column;align-items:center;padding-top:25px;}
.headline-header .link a{display:flex;justify-content:center;align-items:center;width:160px;background:#54b9b5;box-shadow:0 4px 14px 0 rgba(0,0,0,0.12);color:#fff;font-size:16px;line-height:18px;border-radius:5px;height:40px;}
.headline-header .link span{display:block;font-size:16px;color:#fff;line-height:18px;font-style:italic;padding-top:15px;}
.headline-header .title {
	line-height:1.5;
	font-size: 1.8rem;
	margin-bottom:0;
	padding-bottom:0;
}

.content_in .progress-box{margin-top:-190px}

.progress-box.big{width:830px;}
.progress-box.er{flex-wrap:wrap;justify-content:center;}
.progress-box{width:650px;display:flex;flex-wrap:wrap;justify-content:space-between;border-radius:20px;background:#fff;margin:-110px auto 0;padding:25px;box-shadow:0 6px 8px 0 rgba(50,59,81,0.15);max-height:800px;overflow-y:auto;position:relative;}
.progress-box h2{font-size:24px;line-height:28px;color:#333;padding-bottom:25px;width:100%;text-align:center;}
.progress-box h2.fs{font-size:16px;line-height:20px;color:#888;padding-bottom:25px;}
.progress-box .last{width:100%;text-align:center;font-size:18px;line-height:23px;color:#333;margin-top:25px;}
.progress-box .step span{display:block;font-size:24px;line-height:28px;font-weight:600;color:#54b9b5;padding-bottom:30px;text-align:center;}
.progress-box .step > a{display:block;color:#3867d4;font-size:18px;line-height:22px;text-decoration:underline;}
.progress-box .step{font-size:18px;color:#333;line-height:22px;position:relative;width:220px;text-align:center;}
.progress-box .step:after{content:'';width:30px;height:45px;background:url('../img/landing/btn_arrow.svg') no-repeat center right;position:absolute;right:-45px;top:17px;}
.progress-box .step:nth-child(4):after{display:none;}

.progress-box .slack_Item3{text-align:left;margin-bottom:20px;max-width:540px;}
.progress-box .slack_Item3 h3{font-size:36px;line-height:40px;font-weight:600;color:#3867d4}
.progress-box .slack_Item3 h3 strong{color:#db4f5f}
.progress-box .slack_Item3 h3 span{color:#db4f5f}
.progress-box .slack_Item3 p{font-size:18px;line-height:22px;color:#333;}
.progress-box .slack_Item3 img{width:100%;}

.progress-box .hBtn{width:100%;text-align:center;margin-top:30px;}
.progress-box .hBtn a , .progress-box .hBtn button{background:#3867d4;color:#fff;font-size:16px;line-height:20px;padding:10px 25px;text-align:center;display:inline-block;border-radius:5px}

.progress-box .img{width:100%;display:flex;justify-content:center;margin-bottom:25px;}
.progress-box .cpc{display:flex;background:#ffc03a;font-style:italic;font-size:16px;line-height:24px;height:30px;border-radius:5px;padding:0 20px;margin-top:10px;align-items:center;}
.progress-box .img img{margin:0 5px;}
.progress-box .txt{font-size:18px;line-height:24px;color:#333;padding-bottom:20px;text-align:left;}
.progress-box .i_txt{display:flex;height:40px;border:1px solid #c0c0c0;align-items:center;padding:0 10px;color:#3767d4;width:100%;border-radius:5px;}

.flexColumnItem{background:#f8f8f8;border-top:1px solid #c0c0c0;display:flex;justify-content:center;padding:40px 15px;flex-direction:column;text-align:center;}
.flexColumnItem h3.bl{padding-bottom:22px;font-size:24px;line-height:30px;color:#333;position:relative;font-weight:300;margin:0 auto 25px;padding-top:20px;text-align:center;font-family:'Noto Sans KR', sans-serif;}
.flexColumnItem h3.bl:after{border-radius:10px;width:96px;height:2px;background:#ffc03a;content:'';text-align:center;display:inline-block;position:absolute;left:calc(50% - 48px);bottom:1px;}
.flexColumnItem .Hmsg{font-size:18px;line-height:24px;color:#888;max-width:600px;margin:0 auto;}
.flexColumnItem .Hmsg strong{color:#3867d4;font-weight:300;}
.flexColumnItem .img{text-align:center;padding:25px 0 15px;}

.flexRowItem{display:flex;justify-content:center;padding:40px 15px;position:relative;z-index:1}
.flexRowItem .Item3 h3{font-size:36px;line-height:40px;font-weight:600;color:#3867d4}
.flexRowItem .Item3 h3 strong{color:#db4f5f}
.flexRowItem .Item3 h3 span{color:#db4f5f}
.flexRowItem .Item3 p{font-size:18px;line-height:22px;color:#333;}
.flexRowItem .Item3:first-child{order:2;max-width:365px;text-align:left;padding-top:30px;margin-left:50px;}
.flexRowItem .Item3:last-child{order:1;max-width:436px;}
.flexRowItem .Item3.one{flex-basis:100%;order:1;width:100%;max-width:100%;margin-left:0;text-align:center;}
.flexRowItem .Item3.one h3{text-align:center;margin-bottom:10px;}
.flexRowItem .Item3:last-child img{width:100%;}

.snsNav {position:relative;width:100%;display:flex;margin-top:50px;}
.snsNav ul{display:flex;width:100%;justify-content:space-evenly}

.pc_view{display:block;padding-left:calc(50% - 98px)}
.m_view{display:none;}

@media only screen and (max-width:850px){
	.progress-box.big{width:calc(100% - 30px)}
	.container{padding:25px 0 0}
}


@media only screen and (max-width:800px){
	.content_in , .content{padding-bottom:30px;}
	
	.headline-header h1{font-size:40px;line-height:45px;padding-bottom:15px;margin-bottom:17px;}
	.headline-header h1.bl1{padding-bottom:45px;}
	.headline-header h1.bl1:after{width:30px;height:30px;background-size:100% auto;left:calc(50% - 15px)}

	.progress-box .step{display:block;width:100%;background:url('../img/landing/btn_arrowM.svg') no-repeat center bottom;padding-bottom:30px;margin-bottom:15px;background-size:20px auto}
	.progress-box .step:nth-child(4){background:none;padding-bottom:0;margin-bottom:0;}
	.progress-box .step span{font-size:20px;line-height:24px;font-weight:300;color:#54b9b5;padding-bottom:10px}
	.progress-box .step{font-size:18px;color:#333;line-height:22px;}
	.progress-box .step:after{display:none;}
	
	.flexRowItem{justify-content:space-between;}
	.flexRowItem .Item3:first-child{margin-left:0;max-width:35%;padding-top:10px;}
	.flexRowItem .Item3:last-child{max-width:60%}
	.flexColumnItem .img{max-width:712px;padding-bottom:0;}
	.flexColumnItem .img img{width:100%;}

}

@media only screen and (max-width:700px){
	.progress-box{width:calc(100% - 30px)}
	.pc_view{display:none;}
	.m_view{display:block;padding-left:calc(50% - 98px)}
}

@media only screen and (max-width:640px){
	
	.progress-box .slack_Item3 h3{font-size:24px;line-height:30px;}
	.progress-box .slack_Item3 p{font-size:16px;}
	
	.flexRowItem{flex-wrap:wrap;align-items:center;padding:30px 15px;}
	.flexRowItem .Item3:first-child{max-width:100%;order:1;text-align:center;margin-bottom:20px;}
	.flexRowItem .Item3 h3{font-size:24px;line-height:30px;padding-bottom:10px;}
	.flexRowItem .Item3:last-child{max-width:420px;order:2;margin:0 auto;}

	.flexColumnItem{padding:30px 15px;}
	.flexColumnItem h3.bl{padding-top:0;}


}


@media only screen and (max-width:480px){
	.progress-box h2{font-size:18px;font-weight:500;line-height:24px;}
	.progress-box .step{font-size:16px;}
	.progress-box .step span{font-size:18px;}

	.snsNav img{width:40px;}
}

@media only screen and (max-width:430px){
	.m_view{display:block;padding-left:calc(50% - 70px)}
	.m_view img{height:150px;}
}