/* width + height */
.w100p{width:100%;}
.w50p{width:50%;}
.w33p{width:33.3333%;}
.w25p{width:25%;}
.w20p{width:20%;}

.h100p{height:100vh;}


/* height 인식 오류 해결 */
.hauto{float:left; clear:both; width:100%; height:auto}


/* margin & padding */
.mt0{margin-top:0px !important;}
.mt10px{margin-top:10px !important;}
.mt45px{margin-top:45px !important}
.mt46px{margin-top:46px !important}
.mt60px{margin-top:60px !important;}
.mt70px{margin-top:70px !important;}
.mt80px{margin-top:80px !important;}
.mt100px{margin-top:100px !important;}
.mt110px{margin-top:110px !important;}

.pt0{padding-top:0px !important;}
.pt40px{padding-top:40px !important;}

.pb0{padding-bottom:0px !important;}

.pl0{padding-left:0px !important}
.pl50px{padding-left:50px !important}

.pr50px{padding-right:50px !important}



/* align */
.box-center{margin-left:auto; margin-right:auto;}
.position-center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


/* layout-contents */
.sub-visual{background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}


/* pc version - box */
.pc-view{display:block;}
img.pc-view{display:inline-block;}
table.pc-view{display:table;}
.mo-view{display:none;}
img.mo-view{display:none;}


/* mobile version - box */
@media (max-width: 1024px) {

.pc-view{display:none;}
img.pc-view{display:none;}
table.pc-view{display:none;}
.mo-view{display:block;}
img.mo-view{display:inline-block;}
table.mo-view{display:table;}

}