@media screen and (max-width: 1180px){
	
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}

	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual .bg{
		width:100%;
	}
	
	#main .visual .mainVisual .bg img{
		width:120%;
		margin-top:8%;
	}
	
	#main .visual .mainVisual .cont{
		width:94%;
		position:absolute;
		top:7%;
		left:50%;
		margin-left:-47%;
	}
	
	#main .visual .mainVisual .cont .text{
		font-size:30px;
		letter-spacing:-2px;
		line-height:38px;
	}
	
	#main .visual .mainVisual .cont .text span{
		font-weight:bold;
	}
	
	#main .visual .mainVisual .cont .buttonList{
		display:inline-block;
		margin-top:30px;
	}
	
	#main .visual .mainVisual .cont .buttonList .wt_button{
		display:inline-block;
		padding:12px 50px;
		border:1px solid #222;
		color:#222;
		font-size:16px;
		letter-spacing:-1px
	}
	
	#main .visual .mainVisual .cont .buttonList .wt_button a{
		display:block;
		color:#222;
	}
	
	
	
	#main .visual .mainVisual .cont .buttonList .gr_button{
		display:inline-block;
		padding:12px 50px;
		border:1px solid #222;
		color:#fff;
		font-size:16px;
		letter-spacing:-1px;
		background:#222;
	}
	
	#main .visual .mainVisual .cont .buttonList .gr_button a{
		display:block;
		color:#fff;
	}

}


@media screen and (max-width: 767px){
	
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}

	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual .bg{
		width:100%;
		
	}
	
	#main .visual .mainVisual .bg img{
		width:150%;
		margin-top:17%;
		margin-left:-25%;
	}
	
	#main .visual .mainVisual .cont{
		width:94%;
		position:absolute;
		top:7%;
		left:50%;
		margin-left:-47%;
	}
	
	#main .visual .mainVisual .cont .text{
		font-size:23px;
		letter-spacing:-2px;
		line-height:32px;
	}
	
	#main .visual .mainVisual .cont .text span{
		font-weight:bold;
	}
	
	#main .visual .mainVisual .cont .buttonList{
		display:inline-block;
		margin-top:1.5em;
	}
	
	#main .visual .mainVisual .cont .buttonList .wt_button{
		display:inline-block;
		padding:12px 30px;
		border:1px solid #222;
		color:#222;
		font-size:14px;
		letter-spacing:-1px
	}
	
	#main .visual .mainVisual .cont .buttonList .wt_button a{
		display:block;
		color:#222;
	}
	
	
	
	#main .visual .mainVisual .cont .buttonList .gr_button{
		display:inline-block;
		padding:12px 30px;
		border:1px solid #222;
		color:#fff;
		font-size:14px;
		letter-spacing:-1px;
		background:#222;
	}
	
	#main .visual .mainVisual .cont .buttonList .gr_button a{
		display:block;
		color:#fff;
	}

}





@media screen and (max-width: 424px){
	
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}

	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual .bg{
		width:100%;
		
	}
	
	#main .visual .mainVisual .bg img{
		width:150%;
		margin-top:35%;
		margin-left:-25%;
	}
	
	#main .visual .mainVisual .cont{
		width:94%;
		position:absolute;
		top:7%;
		left:50%;
		margin-left:-47%;
	}
	
	#main .visual .mainVisual .cont .text{
		font-size:18px;
		letter-spacing:-2px;
		line-height:26px;
	}
	
	#main .visual .mainVisual .cont .text span{
		font-weight:bold;
	}
	
	#main .visual .mainVisual .cont .buttonList{
		display:inline-block;
		margin-top:1.5em;
	}
	
	#main .visual .mainVisual .cont .buttonList .wt_button{
		display:inline-block;
		padding:12px 30px;
		border:1px solid #222;
		color:#222;
		font-size:14px;
		letter-spacing:-1px
	}
	
	#main .visual .mainVisual .cont .buttonList .wt_button a{
		display:block;
		color:#222;
	}
	
	
	
	#main .visual .mainVisual .cont .buttonList .gr_button{
		display:inline-block;
		padding:12px 30px;
		border:1px solid #222;
		color:#fff;
		font-size:14px;
		letter-spacing:-1px;
		background:#222;
	}
	
	#main .visual .mainVisual .cont .buttonList .gr_button a{
		display:block;
		color:#fff;
	}

}




@media screen and (max-width: 1180px){
	#main .mainTitle{
		width:100%;
	}
	
	#main .mainTitle .title{
		font-size:24px;
		text-align:center;
		font-family:'montserrat','roboto','noto sans kr';
		font-weight:300;
		color:#777;
	}
	
	#main .mainTitle .subtitle{
		font-size:26px;
		text-align:center;
		letter-spacing:-1.5px;
		margin-top:5px;
	}

}


@media screen and (max-width: 767px){
	#main .mainTitle{
		width:100%;
	}
	
	#main .mainTitle .title{
		font-size:18px;
		text-align:center;
		font-family:'montserrat','roboto','noto sans kr';
		font-weight:300;
		color:#777;
	}
	
	#main .mainTitle .subtitle{
		font-size:20px;
		text-align:center;
		letter-spacing:-1.5px;
		margin-top:5px;
	}

}



@media screen and (max-width: 1180px){
	#main .review{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .review .reviewList{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .review .reviewList li{
		width:31.6%;
		display:Inline-block;
		vertical-align:top;
		margin-left:15px;
	}
	
	#main .review .reviewList li:first-child{
		margin-left:0px;
	}
	
	
	
	#main .review .reviewList li .thum{
		width:100%;
	}
	
	
	#main .review .reviewList li .thum img{
		width:100%;
	}
	
	
	
	#main .review .reviewList li .subject{
		font-size:16px;
		color:#222;
		margin-top:20px;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#main .review .reviewList li .substance{
		font-size:14px;
		color:#777;
	}
	
	
	#main .review .reviewList li .date{
		font-size:13px;
		color:#777;
		margin-top:10px;
	}
}





@media screen and (max-width: 767px){
	#main .review{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .review .reviewList{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .review .reviewList li{
		width:47.5%;
		display:Inline-block;
		vertical-align:top;
		margin-left:15px;
	}
	
	#main .review .reviewList li:first-child{
		margin-left:0px;
	}
	
	#main .review .reviewList li:last-child{
		display:none;
	}
	
	#main .review .reviewList li .thum{
		width:100%;
	}
	
	
	#main .review .reviewList li .thum img{
		width:100%;
	}
	
	
	
	#main .review .reviewList li .subject{
		font-size:15px;
		color:#222;
		margin-top:20px;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#main .review .reviewList li .substance{
		font-size:13px;
		color:#777;
	}
	
	
	#main .review .reviewList li .date{
		font-size:13px;
		color:#777;
		margin-top:10px;
	}
}


@media screen and (max-width: 424px){
	#main .review{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .review .reviewList{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .review .reviewList li{
		width:47%;
		display:Inline-block;
		vertical-align:top;
		margin-left:15px;
	}
	
	#main .review .reviewList li:first-child{
		margin-left:0px;
	}
	
	#main .review .reviewList li:last-child{
		display:none;
	}
	
	#main .review .reviewList li .thum{
		width:100%;
	}
	
	
	#main .review .reviewList li .thum img{
		width:100%;
	}
	
	
	
	#main .review .reviewList li .subject{
		font-size:15px;
		color:#222;
		margin-top:20px;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#main .review .reviewList li .substance{
		font-size:13px;
		color:#777;
	}
	
	
	#main .review .reviewList li .date{
		font-size:13px;
		color:#777;
		margin-top:10px;
	}
}

@media screen and (max-width: 1180px){
	
	#main .marketing{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .marketing  .cont{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .marketing  .cont .thum{
		width:48%;
		display:inline-block;
	}
	
	#main .marketing .cont .thum img{
		width:100%;
		vertical-align:middle;
	}
	
	#main .marketing .cont .textarea{
		width:48%;
		display:inline-block;
		margin-left:3%;
		vertical-align:middle;
	}
	
	
	
	#main .marketing .cont .textarea .subject{
		font-size:24px;
		font-weight:500;
		color:#222;
	}
	
	
	#main .marketing .cont .textarea .substance{
		font-size:16px;
		color:#777;
		margin-top:5px;
	}
	
	
	#main .marketing .cont .textarea .list{
		width:100%;
		margin-top:1em;
	}
	
	#main .marketing .cont .textarea .list li{
		width:100%;
		margin-top:5px;
	}
	#main .marketing .cont .textarea .list li .liststyle{
		width:20px;
		display:inline-block;
		margin-top:5px;
	}
	
	#main .marketing .cont .textarea .list li .liststyle img{
		width:100%;
		vertical-align:top;
	}
	
	
	#main .marketing .cont .textarea .list li .text{
		font-size:16px;
		color:#777;
		display:inline-block;
		vertical-align:top;
		letter-spacing:-1px;
		padding-left:10px;
		box-sizing:border-box;
		width:90%;
	}

}



@media screen and (max-width: 767px){
	
	#main .marketing{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .marketing  .cont{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .marketing  .cont .thum{
		width:100%;
		display:block;
	}
	
	#main .marketing .cont .thum img{
		width:100%;
		vertical-align:middle;
	}
	
	#main .marketing .cont .textarea{
		width:100%;
		display:block;
		margin-left:0%;
		margin-top:2em;
		vertical-align:middle;
	}
	
	
	
	#main .marketing .cont .textarea .subject{
		font-size:24px;
		font-weight:500;
		color:#222;
	}
	
	
	#main .marketing .cont .textarea .substance{
		font-size:16px;
		color:#777;
		margin-top:5px;
		word-break:keep-all;
	}
	
	
	#main .marketing .cont .textarea .list{
		width:100%;
		margin-top:1em;
	}
	
	#main .marketing .cont .textarea .list li{
		width:100%;
		margin-top:5px;
	}
	#main .marketing .cont .textarea .list li .liststyle{
		width:20px;
		display:inline-block;
		margin-top:5px;
	}
	
	#main .marketing .cont .textarea .list li .liststyle img{
		width:100%;
		vertical-align:top;
	}
	
	
	#main .marketing .cont .textarea .list li .text{
		font-size:16px;
		color:#777;
		display:inline-block;
		vertical-align:top;
		letter-spacing:-1px;
		padding-left:10px;
		box-sizing:border-box;
		width:90%;
		word-break:keep-all;
	}

}

@media screen and (max-width: 1180px){
	#main .program {
		width:94%;
		margin:4em auto 0;
	}
	
	#main .program  .cont{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#main .program .cont .textarea{
		width:48%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .program .cont .textarea .subject{
		font-size:24px;
		font-weight:500;
		color:#222;
	}
	
	
	#main .program .cont .textarea .substance{
		font-size:16px;
		color:#777;
		margin-top:5px;
		letter-spacing:-0.7px;
	}
	
	
	
	#main .program  .cont .thum{
		width:48%;
		display:inline-block;
		margin-left:3%;
	
	}
	
	#main .program .cont .thum img{
		width:100%;
		vertical-align:middle;
	}
}





@media screen and (max-width: 767px){
	#main .program {
		width:94%;
		margin:4em auto 0;
	}
	
	#main .program  .cont{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#main .program .cont .textarea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .program .cont .textarea .subject{
		font-size:24px;
		font-weight:500;
		color:#222;
	}
	
	
	#main .program .cont .textarea .substance{
		font-size:16px;
		color:#777;
		margin-top:5px;
		letter-spacing:-0.7px;
	}
	
	
	
	#main .program  .cont .thum{
		width:100%;
		display:inline-block;
		margin-left:0%;
		margin-top:2em;
	
	}
	
	#main .program .cont .thum img{
		width:100%;
		vertical-align:middle;
	}
}




@media screen and (max-width: 1180px){
	
	#main .onepick{
		width:94%;
		margin:4em auto 0;
	}
	
	
	#main .onepick .mainTitle{
		width:100%;
	}
	
	#main .onepick .mainTitle .title,
	#main .onepick .mainTitle .subtitle{
		text-align:left;
	}
	
	#main .onepick .imgArea{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .onepick .imgArea div{
		width:23%;
		display:inline-block;
		vertical-align:Middle;
		margin-left:15px;
	}
	#main .onepick .imgArea div:first-child{
		margin-left:0px;
	}
	
	
	#main .onepick .imgArea div:last-child{
		width:48%;
	}
	
	#main .onepick .imgArea div img{
		width:100%;
	}

}




@media screen and (max-width: 767px){
	
	#main .onepick{
		width:94%;
		margin:4em auto 0;
	}
	
	
	#main .onepick .mainTitle{
		width:100%;
	}
	
	#main .onepick .mainTitle .title,
	#main .onepick .mainTitle .subtitle{
		text-align:left;
	}
	
	#main .onepick .imgArea{
		width:100%;
		margin-top:2.5em;
	}
	
	#main .onepick .imgArea div{
		width:100%;
		display:inline-block;
		vertical-align:Middle;
		margin-left:0px;
	}
	#main .onepick .imgArea div:first-child,
	#main .onepick .imgArea div:nth-child(2){
		display:none;
	}
	
	
	#main .onepick .imgArea div:last-child{
		width:100%;
	}
	
	#main .onepick .imgArea div img{
		width:100%;
	}

}





@media screen and (max-width: 1180px){
	#main .grancode{
		width:94%;
		margin:4em auto 0;
		padding-bottom:4em;
		border-bottom:1px solid #e5e5e5;
	}
	
	
	
	#main .grancode .title{
		font-size:24px;
		display:inline-block;
		vertical-align:middle;
		font-family:'montserrat';
		width:25%;
	}
	
	
	#main .grancode .textArea{
		width:74%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .grancode .textArea .subject{
		font-size:24px;
		letter-spacing:-1.5px;
		color:#222;
	}
	
	#main .grancode .textArea .substance{
		font-size:18px;
		color:#777;
	}

}





@media screen and (max-width: 767px){
	#main .grancode{
		width:94%;
		margin:4em auto 0;
		padding-bottom:4em;
		border-bottom:1px solid #e5e5e5;
	}
	
	
	
	#main .grancode .title{
		font-size:24px;
		display:inline-block;
		vertical-align:middle;
		font-family:'montserrat';
		width:100%;
	}
	
	
	#main .grancode .textArea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		word-break:keep-all;
	}
	
	#main .grancode .textArea .subject{
		font-size:18px;
		letter-spacing:-1.5px;
		color:#222;
	}
	
	#main .grancode .textArea .substance{
		font-size:15px;
		color:#777;
	}

}



@media screen and (max-width: 1180px){
	
	#main .process{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:4em;
	}
	
	#main .process .cont{
		width:100%;
		margin-top:2em;
	}
	
	#main .process .cont .sign{
		width:300px;
		margin:0 auto;
	}
	
	#main .process .cont .sign img{
		width:100%;
	}
	#main .process .cont .leftList{
		position:absolute;
		left:0;
		top:310px;
		bottom:0;
		text-align:center;
		width:100%;
	}
	
	#main .process .cont .rightList{
		position:absolute;
		right:0;
		top:460px;
		bottom:0;
		text-align:center;
		width:100%;
	}
	
	#main .process .cont .list{
		margin-top:0px;
	}
	
	
	#main .process .cont .list li{
		width:33%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	#main .process .cont .list li .icon{
		width:80px;
		margin:0 auto;
	}
	
	#main .process .cont .list li .icon img{
		width:100%;
	}
	
	#main .process .cont .list li .text{
		text-align:center;
		font-size:15px;
		margin-top:10px;
	}
	
	
}




@media screen and (max-width: 767px){
	
	#main .process{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:4em;
	}
	
	#main .process .cont{
		width:100%;
		margin-top:2em;
	}
	
	#main .process .cont .sign{
		width:280px;
		margin:0 auto;
	}
	
	#main .process .cont .sign img{
		width:100%;
	}
	#main .process .cont .leftList{
		position:absolute;
		left:0;
		top:280px;
		bottom:0;
		text-align:center;
		width:100%;
	}
	
	#main .process .cont .rightList{
		position:absolute;
		right:0;
		top:440px;
		bottom:0;
		text-align:center;
		width:100%;
	}
	
	#main .process .cont .list{
		margin-top:0px;
	}
	
	
	#main .process .cont .list li{
		width:31%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	#main .process .cont .list li .icon{
		width:80px;
		margin:0 auto;
	}
	
	#main .process .cont .list li .icon img{
		width:100%;
	}
	
	#main .process .cont .list li .text{
		text-align:center;
		font-size:13px;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	
}





@media screen and (max-width: 1180px){
	
	#main .explain {
		width:94%;
		margin:25em auto 0;
	}
	
	
	#main .explain .textarea{
		width:48%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .explain .textarea .mainTitle .title,
	#main .explain .textarea .mainTitle .subtitle{
		text-align:left;
	}
	
	#main .explain .textarea .mainTitle .subtitle{
		margin-top:20px;
	}
	
	#main .explain .substance{
		font-size:18px;
		color:#777;
		margin-top:5px;
		letter-spacing:-0.7px;
	}
	
	
	#main .explain .thum{
		width:48%;
		display:inline-block;
		margin-left:3%;
	}
	
	#main .explain .thum img{
		width:100%;
	}
	

	
}





@media screen and (max-width: 767px){
	
	#main .explain {
		width:94%;
		margin:25em auto 0;
	}
	
	
	#main .explain .textarea{
		width:100%;
		display:block;
		vertical-align:middle;
	}
	
	#main .explain .textarea .mainTitle .title,
	#main .explain .textarea .mainTitle .subtitle{
		text-align:left;
	}
	
	#main .explain .textarea .mainTitle .subtitle{
		margin-top:20px;
	}
	
	#main .explain .substance{
		font-size:16px;
		color:#777;
		margin-top:5px;
		letter-spacing:-0.7px;
	}
	
	
	#main .explain .thum{
		width:100%;
		display:inline-block;
		margin-left:0%;
		margin-top:1em;
	}
	
	#main .explain .thum img{
		width:100%;
	}
	

	
}



@media screen and (max-width: 1180px){
	
	#main .counsel{
		width:100%;
		background:#f7f7f7;
		margin-top:4em;
		padding:4em 0px;
	}
	
	#main .counsel .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	#main .counsel .inner .formList{
		width:100%;
		margin-top:30px;
	}
	
	#main .counsel .inner .formList li{
		width:48%;
		display:inline-block;
		margin-left:3%px;
		margin-top:1em;
	}
	
	#main .counsel .inner .formList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#main .counsel .inner .formList li:last-child{
		width:100%;
		margin-left:0;
	}
	
	#main .counsel .inner .formList li label{
		width:100%;
		font-size:16px;
		color:#222;
	}
	
	#main .counsel .inner .formList li .w100{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		border:1px solid #e5e5e5;
		margin-top:10px;
	}
	
	
	#main .counsel .inner .submit{
		width:185px;
		margin:50px auto 0;
	}
	
	
	#main .counsel .inner .submit .submitBTN{
		background:#1abbe6;
		color:#fff;
		width:100%;
		padding:15px 0px;
		border:0;
		font-size:18px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	
	
}







@media screen and (max-width: 767px){
	
	#main .counsel{
		width:100%;
		background:#f7f7f7;
		margin-top:4em;
		padding:4em 0px;
	}
	
	#main .counsel .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	#main .counsel .inner .formList{
		width:100%;
		margin-top:30px;
	}
	
	#main .counsel .inner .formList li{
		width:100%;
		display:inline-block;
		margin-left:0;
		margin-top:1em;
	}
	
	#main .counsel .inner .formList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#main .counsel .inner .formList li:last-child{
		width:100%;
		margin-left:0;
	}
	
	#main .counsel .inner .formList li label{
		width:100%;
		font-size:16px;
		color:#222;
	}
	
	#main .counsel .inner .formList li .w100{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		border:1px solid #e5e5e5;
		margin-top:10px;
	}
	
	
	#main .counsel .inner .submit{
		width:185px;
		margin:50px auto 0;
	}
	
	
	#main .counsel .inner .submit .submitBTN{
		background:#1abbe6;
		color:#fff;
		width:100%;
		padding:15px 0px;
		border:0;
		font-size:18px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	
	
}