@media ( min-width: 544px ) and ( max-width: 767px ) {
.main-top{height: 600px !important;}
.main-top .top-visual{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);width:80%;}
.main-top .top-visual p{top:5%;font-size: 1.3em; }}

@media ( max-width: 534px ) {
.main-top{height: 65vh !important;}
.main-top .top-visual{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%); width:87%;}
.main-top .top-visual p{top:3%;font-size: 1.1em; }}


@media ( min-width: 544px ) and ( max-width: 767px ) {
	.main-sec .section-article p {
		font-family: 'Noto Sans Korean';
		font-size: 0.95em;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.main-sec .section-title {
		font-size: 1.5em;
	}
	.main-sec.sec2 .section-title{
		color:#eaeaea;
		font-size: 1.55em;
	}
}

@media ( max-width: 534px ) {
	.main-sec .section-article{ 
		padding: 0 10px;
	}
	.main-sec .section-article p {
		font-family: 'Noto Sans Korean';
		font-size: 0.92em;
		line-height: 1.6;
		margin-bottom: 10px;		
	}
	.main-sec .section-title {
		font-size: 1.35em;
	}
	.main-sec.sec2 .section-title{
		color:#eaeaea;
		font-size: 1.4em;
	}
	.main-sec.sec1 .section-article p {
		text-align: justify;		
	}
}



.main-top .foot_pattern{
	position: absolute; 
	width: 100%;bottom:-10px;
	z-index: 10;
}

.portfolio-block .caption h4 {
    margin-top: 8px;
    font-family: 'Noto Sans Korean'!important;
    font-size: 0.8em !important;
    font-weight: 400 !important;
	line-height: 1.4 !important;
}

.solution-title-list .solution-logo-title .big-logo-title {
	font-size: 1.5em;
}
.solution-title-list .solution-logo-title .small-logo-title {
	font-size: 1em;
}
.circle-num-title-wrap dt {
	font-size: 1.1em;
}
.circle-num-title-wrap dd {
	font-size: 0.95em;
	letter-spacing: -0.3px;
}


.title-box .small-logo-title {
    font-size: 1em;
}

.title-box .big-logo-title {
    font-size: 1.5em;
}



#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  height: 100%;   
  z-index: -100;
  overflow: hidden;
}



/* main-sec3 */
.main-board-list-wrap .main-board-list{
	height: 320px;
	margin-bottom:25px;
}

.main-board-list-wrap p.txt-hist{
	margin-left:15%;
}


/* alliance */
.alliance .company-list li a{
    height: 360px;
    padding-bottom: 0;
}
/* support */
.field-wrap li{
    height: 110px;
}
.step-wrap .doc .red-line:before {
    left: 0;
    margin-left: -5px;
}

.board-default-write2 .select-box{
    width: 200px;
    float: left;
    margin-right: 10px;
}
.board-default-write2 .name-wrap{
    width: calc(100% - 200px - 10px);
    float: left;
}



.contact .content{padding:0 15px;}