@charset "euc-kr";
/* IE9 ÀÌ»ó Áö¿ø */

/* head - link ·Î font ºÒ·¯¿È
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap&subset=korean');
@import url('font.css');*/

/* Font Size */
html {font: 16px; /*=1rem*/ }
@media screen and (max-width: 1024px) {
	html {font-size: 15px; /*=1rem*/ }
}
@media screen and (max-width: 576px) {
	html {font-size: 12px; /*=1rem*/ }
}

*{vertical-align:baseline;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;font-weight:400; font-family: 'Noto Sans KR','Malgun Gothic', applegothic, dotum, sans-serif;}
a:link {text-decoration:none; outline:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
strong {font-weight:600;}
img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal; }

/*------------------------------------------------------------------------------
| ÀÚÁÖ¾²´Â ½ºÅ¸ÀÏ
|.............................................................................*/
.clearfix { *zoom: 1; }
.clearfix:after { display: block; clear: both; content: ''; }
.fleft {float: left;}
.fright {float: right;}
.relative {position:relative;}
.absolute {position: absolute;}
.tcenter {text-align: center;}
.tleft {text-align: left;}
.tright {text-align: right;}
.hide_txt {font-size: 0;}
.c_both {clear:both;}
.wordbreak { word-break: keep-all; word-wrap: break-word;}
.dnone {display: none !important;}
.dblock {display: block !important; }

br.default {display: block;}
@media screen and (max-width: 1024px) {
	br.default {display: none;}
}

.max1024 {display: none;}
@media screen and (max-width: 1024px) {
	.max1024 {display: block;}
	.min1024 {display: none;} /*1025~ º¸ÀÓ */
}

.max1280 {display: none;}
@media screen and (max-width: 1280px) {
	.max1280 {display: block;}
	.min1280 {display: none;} /*1281~ º¸ÀÓ */
}


/*------------------------------------------------------------------------------
| ¿©¹é
|.............................................................................*/
.m0   { margin:0 !important; }
.mt0  { margin-top : 0 !important; }    .mb0  { margin-bottom: 0 !important; }
.mt10 { margin-top :0.625rem !important; }  .mb10 { margin-bottom:0.625rem !important; }
.mt20 { margin-top :1.25rem !important; }  .mb20 { margin-bottom:1.25rem !important; }
.mt30 { margin-top :1.875rem !important; }  .mb30 { margin-bottom:1.875rem !important; }
.mt40 { margin-top :2.5rem !important; }  .mb40 { margin-bottom:2.5rem !important; }
.mt50 { margin-top :3.125rem !important; }  .mb50 { margin-bottom:3.125rem !important; }
.mt60 { margin-top :3.75rem !important; }  .mb60 { margin-bottom:3.75rem !important; }
.mt70 { margin-top :4.375rem !important; }  .mb70 { margin-bottom:4.375rem !important; }
.mt80 { margin-top :5rem !important; }  .mb80 { margin-bottom:5rem !important; }
.mt90 { margin-top :5.625rem !important; }  .mb90 { margin-bottom:5.625rem !important; }
.mt100 { margin-top :6.25rem !important; }  .mb100 { margin-bottom:6.25rem !important; }
.ml0 { margin-left: 0 !important; }    .mr0 { margin-right: 0 !important; }
.ml10 { margin-left:0.625rem !important; }  .mr10 { margin-right :0.625rem !important; }
.ml20 { margin-left:1.25rem !important; }  .mr20 { margin-right :1.25rem !important; }
.ml30 { margin-left:1.875rem !important; }  .mr30 { margin-right :1.875rem !important; }
.ml40 { margin-left:2.5rem !important; }  .mr40 { margin-right :2.5rem !important; }
.ml50 { margin-left:3.125rem !important; }  .mr50 { margin-right :3.125rem !important; }

.p0   { padding:0 !important; }
.pt0  { padding-top : 0   !important; }    .pb0  { padding-bottom: 0 !important; }
.pt10 { padding-top :0.625rem !important; }  .pb10 { padding-bottom:0.625rem !important; }
.pt20 { padding-top :1.25rem !important; }  .pb20 { padding-bottom:1.25rem !important; }
.pt30 { padding-top :1.875rem !important; }  .pb30 { padding-bottom:1.875rem !important; }
.pt40 { padding-top :2.5rem !important; }  .pb40 { padding-bottom:2.5rem !important; }
.pt50 { padding-top :3.125rem !important; }  .pb50 { padding-bottom:3.125rem !important; }
.pt60 { padding-top :3.75rem !important; }  .pb60 { padding-bottom:3.75rem !important; }
.pt70 { padding-top :4.375rem !important; }  .pb70 { padding-bottom:4.375rem !important; }
.pt80 { padding-top :5rem !important; }  .pb80 { padding-bottom:5rem !important; }
.pt90 { padding-top :5.625rem !important; }  .pb90 { padding-bottom:5.625rem !important; }
.pt100 { padding-top :6.25rem !important; }  .pb100 { padding-bottom:6.25rem !important; }
.pl0 { padding-left: 0 !important; }    .pr0 { padding-right: 0 !important; }
.pl8  { padding-left: 8px !important; }  .pr8  { padding-right : 8px !important; }
.pl10 { padding-left:0.625rem !important; }  .pr10 { padding-right :0.625rem !important; }
.pl20 { padding-left:1.25rem !important; }  .pr20 { padding-right :1.25rem !important; }
.pl30 { padding-left:1.875rem !important; }  .pr30 { padding-right :1.875rem !important; }
.pl40 { padding-left:2.5rem !important; }  .pr40 { padding-right :2.5rem !important; }
.pl50 { padding-left:3.125rem !important; }  .pr50 { padding-right :3.125rem !important; }


/*------------------------------------------------------------------------------
| Layout Common
|.............................................................................*/
html, body {height: 100%;}
#wrap {position:relative; overflow: hidden;min-width: 320px;}
#wrap.pc {}
#wrap.mobile {/*1024px ÀÌÇÏ*/}
#header {}
#footer {}


/*------------------------------------------------------------------------------
|  Header
|.............................................................................*/
#header {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 79px;border: 1px solid #333;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#header.scroll {background: #000;border-color: #000;} /*pc ¿¡¼­¸¸ »ç¿ë*/
#header>.inner {}
#header .logo_area {position: absolute;left: 0;top: 0;width: 180px;padding-top: 11px;text-align: right;}
#header .logo_area a {display: inline-block;width: 130px;height: 30px;background:  url(//img.megamd.co.kr/mega_studio/2020/0115/header_logo.png) no-repeat;font-size: 0;vertical-align: middle;}
#header .gnb_area {text-align: center;}
#wrap.pc #header .gnb_area {display: block !important;}
#header .gnb {display: inline-block;} /*gnb ¸Þ´º Ãß°¡½Ã min-width Á¶Àý*/
#header .gnb:after {clear: both;content: '';display: block;}
#header .gnb>li {float:left;margin-left: 90px;}
#header .gnb>li:first-child {margin-left: 0;}
#header .gnb>li>a {position: relative;display: block;height: 79px;text-align: center;color: #fff;font: 17px/79px 'montsrt', applegothic, 'Malgun Gothic', dotum, sans-serif;font-weight: 500;}
#header .gnb>li>a:after {content: '';position: absolute;left: 0;top: 53px;height: 3px;background: #fff;width: 0;}
#header .gnb>li>a:hover:after {width: 100%;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#header .gnb>li.on>a:after {width: 100%;
	-webkit-transition-property: all;-webkit-transition-duration: .5s;-webkit-transition-delay: .2s;
	-moz-transition-property: all;-moz-transition-duration: .5s;-moz-transition-delay: .2s;
	-ms-transition-property: all;-ms-transition-duration: .5s;-ms-transition-delay: .2s;
	-o-transition-property: all;-o-transition-duration: .5s;-o-transition-delay: .2s;
	transition-property: all;transition-duration: .5s;transition-delay: .2s;
}
#header .m_nav_area {position: absolute;right: 0;top: 0;width: 193px;}
#header .question {}
#header .question a {position: relative;display: block;height: 79px;line-height: 79px;color: #fff;font-size: 18px;text-align: center;}
#header .question a .icon {display: inline-block;height: 25%;margin-right: 7px;vertical-align: middle;}

@media screen and (max-width: 1280px) {
	#header .gnb>li {float:left;margin-left: 40px;}
}
@media screen and (max-width: 1024px) {
	#header {position: absolute;border: none;width: auto;}
	#header.scroll {background: none;}
	#header .logo_area {margin: 1vw 0 0 5vw;text-align: left;}
	#header .logo_area a {width:26vw;-webkit-background-size: contain;background-size: contain;}
	#header .gnb_area {display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
	#header .gnb {position: fixed;z-index: 999;right: 0;/*bottom: 7vh*/bottom: -30vh;width: 66.6666%;background: #000;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
	#header .open .gnb {bottom: 7vh;}
	#header .gnb>li {float: none;margin: 0 4vw !important;}
	#header .gnb>li+li a {border-top: 1px solid #555;}
	#header .gnb>li>a {height: 7vh;line-height: 7vh;text-align: left;font-weight: 700;font-size: 2.2vh;}
	#header .gnb>li>a:after {display: none;}
	#header .m_gnb_bg {position: fixed;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5); -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}/*mobile gnb bg*/
	#header .m_nav_area {position: fixed;right: auto;top: auto;left: 0;bottom: 0;display: table;width: 100%;background: #000;border-top: 1px solid #555;}
	#header .m_nav_area>p {display: table-cell;width: 33.3333%;border-left: 1px solid #555;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;}
	#header .m_nav_area>p>a {display: block;height: 7vh;line-height: 7vh;font-size: 2vw;text-align: center;}
	#header .question {}
	#header .question a {}
	#header .menu {}
	#header .menu a { position: relative;}
	#header .menu a span { position: absolute;top: 50%;left: 50%;display: inline-block;width: 5px;height: 5px;margin-top: -3px;background: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
	#header .menu a span:before,
	#header .menu a span:after {content: '';position: absolute;display: inline-block;width: 100%;height: 100%;background: inherit;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
	#header .menu a span:before {left: -10px;}
	#header .menu a span:after {right:  -10px;}
	#header .topbt {}
	#header .topbt a {color: #666;font-family: 'montsrt', applegothic, 'Malgun Gothic', dotum, sans-serif;font-weight: 700;}
	#header .topbt a span {}
}
@media screen and (max-width: 600px) {
	#header .m_nav_area>p>a {font-size: 3.5vw;}
}


/*------------------------------------------------------------------------------
|  Footer
|.............................................................................*/
#footer {padding: 45px 0 45px;background: #1f2a47;}
#footer .inner  {position: relative;width: 1200px;margin: 0 auto;}
#footer .footer_info {max-width: 800px;font-weight: 100;font-size: 14px;line-height: 1.6;color: #646c83;text-align: left;}
#footer .footer_info span,
#footer .footer_info .tell  {margin-right: 13px;}
#footer .footer_info span em {}
#footer .footer_info .addr {}
#footer .footer_info .tell:visited {color:#646c83;}
#footer .footer_info .name {}
#footer .footer_info .copy {}

@media screen and (max-width: 1280px) {
	#footer .inner {width: 90%; margin: 0 auto;}
	#footer .footer_info {max-width: 100%;}
}
@media screen and (max-width: 1024px) {
	#footer {padding: 3vh 0 10vh;}
	#footer .inner {width: 100%;}
	#footer .footer_info {font-size: 2vw;}
	#footer .footer_info span,
	#footer .footer_info .tell {margin-right: 2vw;}
	#footer .footer_info span {display: block;margin: 0;text-align: center;}
	#footer .footer_info .name {margin-left: 1vw;}
	#footer .footer_info .copy {letter-spacing: 0;}
}
@media screen and (max-width: 370px) {
	#footer .footer_info br.min1024 {display: block;}
}



/*------------------------------------------------------------------------------
|  Main Contents
|.............................................................................*/
/* main - common */
#main_content {}
#main_content >[class^="main_"] {position: relative;}
#main_content .inner {position: relative;width: 1200px;margin: 0 auto;}
#main_content h2.title {position: relative;z-index: 3;padding-top: 132px;color: #202229;font: 110px 'montsrt', applegothic, Arial, sans-serif;font-weight: 900;}
#main_content .pc_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1; background: #f5f5f5;} /*section1, section2 bg*/
#main_content .pc_bg span {display: block;position: absolute;top: 0;width: 1px;height: 100%;background: #e5e5e5;}
#main_content .pc_bg .line1 {left: 50%;margin-left: -600px;}
#main_content .pc_bg .line2 {left: 50%;margin-left: -300px;}
#main_content .pc_bg .line3 {left: 50%;margin-left: 0;}
#main_content .pc_bg .line4 {left: 50%;margin-left: 300px;}
#main_content .pc_bg .line5 {left: 50%;margin-left: 600px;}

@media screen and (max-width: 1280px) {
	#main_content .inner {width: 90%;margin: 0 auto;}
	#main_content .pc_bg span {display: none;}

}
@media screen and (max-width: 1024px) {
	#main_content h2.title {padding-top: 6vh;font-size: 13vw;letter-spacing: -.2vw;text-align: center;}
	#main_content .pc_bg {display: none;}
}


/***** section - visual *****/
.main_visual {overflow: hidden;position: relative;/*height: 1080px;*/height: 100vh;text-align: center;}
.main_visual .videoArea {position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #000; /*background:  url(//img.megamd.co.kr/mega_studio/2020/0115/bg_main_visual.jpg) center 0 no-repeat fixed;-webkit-background-size: cover;background-size: cover; */}
.main_visual .videoArea video {position: absolute;left: -100%;right: -100%;top: -100%;bottom: -100%;min-width: 100%;min-height:100%; margin: auto;z-index: 1;}
.main_visual .visualtxt {position: relative;z-index: 10;max-width: 1040px;margin: 0 auto;padding-top: 29vh;font-size: 95px;letter-spacing: -6px; line-height: 1.22;font-weight: 500;color: #fff;text-align: left;}
.main_visual .t-caret {position: relative;top: 4px;left: 4px;display: inline-block;vertical-align: top;font-size:inherit;color:#496ad4;font-weight: 200;} /* ŸÀÌÇÎ ani */
@media screen and (-webkit-min-device-pixel-ratio:0){  .main_visual .t-caret { top: -6px; }  } /*Å©·Ò ÇÙ - ŸÀÌÇÎ ani*/
@media screen and (max-width: 1280px) {
	.main_visual .visualtxt {width: 82%;font-size: 7.4vw;letter-spacing: -.5vw;}
	.main_visual .t-caret {top: -2px;}
}
@media screen and (max-width: 1024px) {
	.main_visual {height: calc(100vh - 7vh);}
}
@media screen and (max-width: 576px) {
	.main_visual .visualtxt {font-size: 10.5vw;}
}

/* Icon_Mouse-wheel Motion */
.icon_scroll {position: absolute;z-index: 10;left: 50%;bottom: 7.5rem;width: 50px;margin-left: -25px;text-align: center;}
.icon_scroll em {color: #fff;font: 1.063rem 'montsrt', applegothic, 'Malgun Gothic', dotum, sans-serif;font-weight: 500;}
.icon_scroll span {position: absolute;top: 33px;left: 50%;width: 30px;height: 50px;margin-left: -15px;border: 2px solid #fff;border-radius: 50px;box-sizing: border-box;}
.icon_scroll span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
	0% {-webkit-transform: translate(0, 0);opacity: 0;} 40% {opacity: 1;} 80% {-webkit-transform: translate(0, 20px);opacity: 0;} 100% {opacity: 0;}
}
@keyframes sdb {
	0% {transform: translate(0, 0);opacity: 0;} 40% {opacity: 1;} 80% {transform: translate(0, 20px);opacity: 0;} 100% {opacity: 0;}
}


/***** section1 - about *****/
.main_section1 {}
.main_section1:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 200px;background: #fff;z-index: 0;}
.main_section1 .pc_bg {height: 640px;}
.main_section1 h2.title {text-align: center;}
.main_section1 .txt1 {margin-top: 5px;font-size: 18px;line-height: 1.45;color: #3c4043;font-weight: 300;text-align: center;}
.main_section1 .about_cont {margin-top: 65px;}
.main_section1 .about_cont li {float: left;width: 299px;margin-right: 1px;}
.main_section1 .about_cont li .img {}
.main_section1 .about_cont li .txts {display: table;width: 100%;height: 200px;text-align: center;line-height: 1.7;}
.main_section1 .about_cont li .txts>p {display: table-cell;vertical-align: middle;}
.main_section1 .about_cont li .t1 {font-size: 18px;font-weight: 900;color: #3c4043;}
.main_section1 .about_cont li .t2 {font-size: 18px;color: #aaa;}

@media screen and (max-width: 1280px) {
	.main_section1 .about_cont li {width: 24%;}
}
@media screen and (max-width: 1024px) {
	.main_section1 {background: #f5f5f5;}
	.main_section1 .txt1 {font-size: 2.7vw;}
	.main_section1:before {display: none;}
	.main_section1 .about_cont {width: 100%;margin: 3vh auto 0;}
	.main_section1 .about_cont li {float: none;width: 100%;}
	.main_section1 .about_cont li:after {clear: both;content: '';display: block;}
	.main_section1 .about_cont li .img {float: left;width: 50%;}
	.main_section1 .about_cont li .img img{width: 100%;}
	.main_section1 .about_cont li .txts {float: right;width: 48%;height: 16.5vh;text-align: left;}
	.main_section1 .about_cont li .txts .t1,
	.main_section1 .about_cont li .txts .t2 {font-size: 3.6vw;letter-spacing: -.1vw;}
}


/***** section2 - portfolio *****/
.main_section2 {}
.main_section2 .portfolio_list {padding: 80px 0 200px;}
.main_section2 .portfolio_list li {position: relative;}
.main_section2 .portfolio_list li>a { display:block; /*cursor:default;*/ }
.main_section2 .portfolio_list li+li {margin-top: 36px;}
.main_section2 .portfolio_list .txts {display: table;}
.main_section2 .portfolio_list .txt1,
.main_section2 .portfolio_list .txt2 {display: table-cell;vertical-align: middle;}
.main_section2 .portfolio_list .txt1 {min-width: 420px;font-size: 50px;letter-spacing: -1.2px;font-weight: 700;color: #3c4043; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.main_section2 .portfolio_list .txt2 {max-width: 710px;padding-left: 26px;font-size: 16px;line-height: 1.6;color: #a9a9a9;}
.main_section2 .portfolio_list .photo {opacity: 0;position: absolute;z-index: -1;top: 70px;left: 50%;/*left: 55%;*/-webkit-box-shadow: -30px 40px 30px 10px rgba(0,0,0,0.5);-moz-box-shadow: -30px 40px 30px 10px rgba(0,0,0,0.5);box-shadow: -30px 40px 30px 10px rgba(0,0,0,0.5); -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.main_section2 .portfolio_list i { display:block; padding:0 22px 0 20px; width:80px; height:26px; margin-top:10px; border:1px solid #a9a9a9; border-radius:13px; background:#fff; font-style:normal; font-size:13px; color:#666; line-height:24px; text-align:center; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; }

.main_section2 .portfolio_list .l4 .photo,
.main_section2 .portfolio_list .l5 .photo {top: -330px;}

.main_section2 .btn { position:absolute; width:80%; bottom:50px; left:50%; transform:translate(-50%, -50%); text-align:center; }
.main_section2 .btn a { position:relative; display:inline-block; padding:0 32px 0 60px; border:1px solid #00c73c; background:#fff; height:53px; line-height:50px; text-align:center; color:#00c73c; font-size:19px; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.main_section2 .btn a:hover { color:#fff; border:1px solid #00c73c; background:#00c73c; }
.main_section2 .btn a:before { content:""; position:absolute; width:32px; height:26px; background-size:cover; background-image:url(//img.megamd.co.kr/mega_studio/2022/0808/icon_blog.png); top:15px; left:20px; }
.main_section2 .btn a:hover:before { background-image:url(//img.megamd.co.kr/mega_studio/2022/0808/icon_blog_on.png); }
.main_section2 .portfolio_list li .youtube { display:none; width:90%; margin:0 auto; background:#000; }
.main_section2 .portfolio_list li .youtube a { display:block; }
.main_section2 .portfolio_list li .youtube a img.play { display:block; width:15%; position:absolute; top:34%; left:50%; transform:translate(-50%, -50%); }
.main_section2 .portfolio_list li .youtube a img { width:100%; }

/*hover*/
.main_section2 .portfolio_list li.on .txt1 { color:#496ad4; }
.main_section2 .portfolio_list li.on i { color:#fff; border:1px solid #496ad4; background:#496ad4; }
.main_section2 .portfolio_list li.on .photo {display: block;opacity: 1;left: 55%;z-index: 5;}

@media screen and (max-width: 1280px) {
	.main_section2 .portfolio_list br.mobile {display: block;}
	.main_section2 .portfolio_list br.pc {display: none;}
}
@media screen and (max-width: 1024px) {
	.main_section2 .portfolio_list {padding: 2.5vh 0 15vh;}
	.main_section2 .portfolio_list li { text-align:center; }
	.main_section2 .portfolio_list li+li {margin-top: 5vh;}
	.main_section2 .portfolio_list .txts {display: block;}
	.main_section2 .portfolio_list .txt1,
	.main_section2 .portfolio_list .txt2 {display: block;text-align: center;letter-spacing: -.1vw;}
	.main_section2 .portfolio_list .txt1 {min-width: auto;margin-top: 1.5vh;font-size: 5vw;color: #496ad4;}
	.main_section2 .portfolio_list .txt2 {margin-top: .7vh;max-width: 100%;padding: 0;font-size: 3vw;}
	.main_section2 .portfolio_list .photo {display: block;opacity: 1;position: relative;left: 0 !important;top: 0 !important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;text-align: center;}
	.main_section2 .portfolio_list .photo img {width: 90%;}
	.main_section2 .btn { bottom:2.75vh; width:90%; }
	.main_section2 .btn a { height:3.5rem; padding:0 2rem 0 4.5rem; font-size:3vw; line-height:3.25rem;}
	.main_section2 .btn a:before { top:0.75rem; left:1.5rem; }
	.main_section2 .btn a:hover:before { background-image:url(//img.megamd.co.kr/mega_studio/2022/0808/icon_blog_on.png); }
	.main_section2 .portfolio_list li .youtube { display:block; }
	.main_section2 .portfolio_list i { display:none; }

	#layerPop { left:0 !important; width:100% !important; height:auto !important; margin:0 !important; }
	#layerPop iframe { width:90% !important; height:auto !important; transform:translate(5%, 0); }
	#layerPop .btn_lyrclose { right:5% !important; }
}


/***** section3 - process *****/
.main_section3 {background: #889dd4;}
.main_section3 h2.title {text-align: right;}
.main_section3 h2.title span {color: #fff;}
.main_section3 ul:after {clear: both;content: '';display: block;}
.main_section3 .process_list_pc {position: relative;min-height: 480px;margin-top: 50px;padding-bottom: 160px;}
.main_section3 .process_list_pc li {position: absolute;top: 0;width: 205px;}
.main_section3 .process_list_pc .icon {display: block;position: relative;height: 277px;}
.main_section3 .process_list_pc .icon i {display: block;position: absolute;}
.main_section3 .process_list_pc dl {text-align: center;color: #fff;}
.main_section3 .process_list_pc dt {height: 70px;line-height: 70px;background:  url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_tit.png) 0 0 no-repeat;font-size: 22px;font-weight: 700;}
.main_section3 .process_list_pc dd {margin-top: 20px;font-size: 18px;line-height: 1.6;letter-spacing: -.1px;}
.main_section3 .process_list_pc .step1 {left: 0;}
.main_section3 .process_list_pc .step1 .icon i {display: block;left: -21px;top: 22px;width: 231px;height: 202px;background-image: url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_step1.png);}
.main_section3 .process_list_pc .step1 dt {}
.main_section3 .process_list_pc .step2 {left: 202px;}
.main_section3 .process_list_pc .step2 .icon i {left: 4px;top: 0;width: 202px;height: 223px;background-image: url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_step2.png);}
.main_section3 .process_list_pc .step2 dt {background-position: 0 -70px;}
.main_section3 .process_list_pc .step3 {left: 400px;}
.main_section3 .process_list_pc .step3 .icon i {left: 4px;top: 22px;width: 202px;height: 224px;background-image: url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_step3.png);}
.main_section3 .process_list_pc .step3 dt {background-position: 0 -140px;}
.main_section3 .process_list_pc .step4 {left: 597px;}
.main_section3 .process_list_pc .step4 .icon i {left: 4px;top: 0;width: 202px;height: 223px;background-image: url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_step4.png);}
.main_section3 .process_list_pc .step4 dt {background-position: 0 -210px;}
.main_section3 .process_list_pc .step5 {left: 796px;}
.main_section3 .process_list_pc .step5 .icon i {left: 4px;top: 22px;width: 202px;height: 224px;background-image: url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_step5.png);}
.main_section3 .process_list_pc .step5 dt {background-position: 0 -280px;}
.main_section3 .process_list_pc .step6 {left: 994px;}
.main_section3 .process_list_pc .step6 .icon i {left: 4px;top: 0;width: 202px;height: 228px;background-image: url(//img.megamd.co.kr/mega_studio/2020/0115/main_process_step6.png);}
.main_section3 .process_list_pc .step6 dt {background-position: 0 -350px;}
.main_section3 .process_list_mobile,
.main_section3 .bx-wrapper {display: none;} /*mobile*/

@media screen and (max-width: 1280px) {
	.main_section3 .process_list_pc .icon {left: -6%;}
	.main_section3 .process_list_pc li {float: left;position: relative;left: 0 !important;width: 16.666%;}
	.main_section3 .process_list_pc dt {background: none;}
	.main_section3 .process_list_pc dl {height: 220px;background: #44588d;}
	.main_section3 .process_list_pc .step2 dl {background: #3f5180;}
	.main_section3 .process_list_pc .step3 dl {background: #3f5180;}
	.main_section3 .process_list_pc .step4 dl {background: #354267;}
	.main_section3 .process_list_pc .step5 dl {background: #354267;}
	.main_section3 .process_list_pc .step6 dl {background: #2d3450;}
	.main_section3 .process_list_pc dd {margin-top: 5px;font-size: 14px;}
}
@media screen and (max-width: 1024px) {
	.main_section3 .inner {width: 100% !important;}
	.main_section3 .process_list_pc {display: none;} /*pc*/
	.main_section3 .process_list_mobile,
	.main_section3 .bx-wrapper {display: block;} /*mobile*/
	.main_section3 .process_list_mobile li {}
	.main_section3 .process_list_mobile .icon {margin: 3vh 0 4vh;}
	.main_section3 .process_list_mobile .icon i {display: block;width: 50%;margin: 0 auto;}
	.main_section3 .process_list_mobile .icon i img{width: 100%;}
	.main_section3 .process_list_mobile dl {height: 27vh;background: #44588d;}
	.main_section3 .process_list_mobile .step2 dl {background: #3f5180;}
	.main_section3 .process_list_mobile .step3 dl {background: #3f5180;}
	.main_section3 .process_list_mobile .step4 dl {background: #354267;}
	.main_section3 .process_list_mobile .step5 dl {background: #354267;}
	.main_section3 .process_list_mobile .step6 dl {background: #2d3450;}
	.main_section3 .process_list_mobile dt,
	.main_section3 .process_list_mobile dd {text-align: center;color: #fff;}
	.main_section3 .process_list_mobile dt {padding-top: 4vh;font-size: 3.6vh;line-height: 1.3;}
	.main_section3 .process_list_mobile dd {margin-top: 1vh;font-size: 2vh;}
	/*bx-pager*/
	.main_section3 .bx-wrapper .bx-controls {}
	.main_section3 .bx-wrapper .bx-controls .bx-pager {width:100%;position: absolute;left:0;bottom: 4vh;text-align: center; }
	.main_section3 .bx-wrapper .bx-controls .bx-pager .bx-pager-item {display: inline-block;}
	.main_section3 .bx-wrapper .bx-controls .bx-default-pager a {display: block;width: 3.2vw;height: 3.2vw;margin: 0 .4vh;background: transparent;border: 1px solid #fff;border-radius: 50%; font-size: 0;}
	.main_section3 .bx-wrapper .bx-controls .bx-default-pager a:hover,
	.main_section3 .bx-wrapper .bx-controls .bx-default-pager a.active {background: #fff; }
}


/***** section4 - studio *****/
.main_section4 {background: #202229;}
.main_section4 .inner {height: 1050px;}
.main_section4 .title {position: absolute;z-index: 5;left: 50%;top: 41%;width: 100%;height: 18%;max-height: 192px;margin-left: -50%;text-align: center;}
.main_section4 .title ul {display: inline-block;height: 100%;}
.main_section4 .title ul:after{clear: both;content: '';display: block;}
.main_section4 .title ul li {float: left;display: block;height: 100%;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_section4 .title ul li img {height: 100%;}
.main_section4 .title .pt {padding-top: 5px;}
.main_section4 .title .pb {padding-bottom: 5px;}
.main_section4 .title .t2 {margin-left: 6px;}
.main_section4 .title .t3 {margin-left: 12px;}
.main_section4 .title .t4 {margin-left: 13px;}
.main_section4 .title .t5 {margin-left: 12px;}
.main_section4 .title .t6 {margin-left: 11px;}
.main_section4 .thumbnail {height: 1050px;}
.main_section4 .thumbnail li {position: absolute;/*width: 300px;*/ width: 25%;background: #191b22;}
.main_section4 .thumbnail li:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(//img.megamd.co.kr/mega_studio/2020/0115/main_studio_shadow.png) 0 0 repeat-x;-ms-background-position-y: 100%;background-position-y: 100%;}
.main_section4 .thumbnail li img {opacity: .4;width: 100%;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.main_section4 .thumbnail li.tn1 {left: 0;top: 11.5%;/*width: 410px;*/ width: 34%;z-index: 1;}
.main_section4 .thumbnail li.tn2 {left: 27%;top: 6%;}
.main_section4 .thumbnail li.tn3 {left: 60%;top: 19%;z-index: 1;}
.main_section4 .thumbnail li.tn4 {left: 80%;top: 8.5%;}
.main_section4 .thumbnail li.tn5 {left: -7%;top: 64%;}
.main_section4 .thumbnail li.tn6 {left: 22.3%;top: 60%;/*width: 266px;*/ width: 22%;}
.main_section4 .thumbnail li.tn7 {left: 42%;top: 53%;/*width: 410px;*/ width: 34%;z-index: 1;}
.main_section4 .thumbnail li.tn8 {left: 79.7%;top: 60%;}
/*hover*/
.main_section4 .thumbnail li:hover {z-index: 3;}
.main_section4 .thumbnail li:hover img	{opacity: 1; }
.main_section4 .thumbnail li:hover:after {display: none;}

@media screen and (max-width: 1280px) {
	.main_section4 .title {height: 15%;}
}
@media screen and (max-width: 1024px) {
	.main_section4 {overflow: hidden;}
	.main_section4 .inner {width: 100% !important; height: auto; }
	.main_section4 .title {top: 11%;width: 30%;margin-left: -15%;height: 80%;max-height: 80%;}
	.main_section4 .title ul {height: 100%;}
	.main_section4 .title ul li {float: none;height: 16.6%;margin: 0 !important;text-align: center;}
	.main_section4 .title ul li img {height: 84%;vertical-align: middle;}
	.main_section4 .title .t4 img {margin-left: 1vw;}
	.main_section4 .title .pt {padding-top: .3vh;}
	.main_section4 .title .pb {padding-bottom: .3vh;}
	.main_section4 .thumbnail {height: auto;}
	.main_section4 .thumbnail:after {clear: both;content: '';display: block;}
	.main_section4 .thumbnail li {float: left;position: relative; left: 0 !important; top: 0 !important;width: 50% !important;}
}


/***** section5 - client *****/
.main_section5 {}
.main_section5 h2.title {text-align: right;}
.main_section5 .client_link {width: 1225px;margin: 24px 0 135px -12.5px;}
.main_section5 .client_link h3 { padding: 12.5px;font-size: 50px;font-weight: 700; }
.main_section5 .client_link li {float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_section5 .client_link li p {padding: 12.5px;}

@media screen and (max-width: 1280px) {
	.main_section5 .client_link {width: 98%;margin: 40px auto 135px;}
	.main_section5 .client_link li {width: 20%;}
	.main_section5 .client_link li img {width: 100%;}
}
@media screen and (max-width: 1024px) {
	.main_section5 .client_link h3 { padding: 0.5vw;font-size: 28px; }
	.main_section5 .client_link {width: 95%;margin: 1.8vh auto 7vh;}
	.main_section5 .client_link li {width: 33.33%;}
	.main_section5 .client_link li p {padding: 0.5vw;}
}


/* section6 - contanct us */
.main_section6 {background: #293453; padding-bottom: 190px; }
.main_section6:before {content: '';position: absolute;left: 50%;bottom: 0;margin-left: -45px;width: 805px;height: 695px;background: url(//img.megamd.co.kr/mega_studio/2020/0115/main_contactus_map.jpg) right bottom no-repeat;} /*pc_map*/
.main_section6 h2.title span {color: #fff;}
.main_section6 .contact_list {position: relative;margin-top: 150px;z-index: 2;}
.main_section6 .contact_list li {min-height: 30px;margin-bottom: 36px;}
.main_section6 .contact_list li .ic {display: inline-block;width: 73px;text-align: left;}
.main_section6 .contact_list li .ic img {max-width: 30px;max-height: 30px;vertical-align: middle;}
.main_section6 .contact_list li .txt {font-size: 19px;color: #fffefe;}
.main_section6 .contact_list li.btn {margin-top: 60px;}
.main_section6 .contact_list li.btn a {display: inline-block; border: 1px solid #fff; height: 53px;line-height: 50px;padding: 0 20px;text-align: center;color: #fff;font-size: 19px;}
.main_section6 .contact_list li.btn a .icon {display: inline-block;height: 40%;margin-right: 18px;vertical-align: middle;}
.main_section6 .contact_list li.btn a .arr {display: inline-block;height: 18%;margin: -2px 0 0 8px;vertical-align: middle;}

@media screen and (max-width: 1280px) {
	.main_section6:before {left: auto;right: -8%;width: 60%;-webkit-background-size: contain;background-size: contain;}
	.main_section6 .contact_list {margin-top: 100px;}
	.main_section6 .contact_list li {margin-bottom: 20px;}
}
@media screen and (max-width: 1024px) {
	.main_section6 {padding-bottom: 5vh;}
	.main_section6:before {display: none;}
	.main_section6 .map_area {width: 96%;margin: 3vh auto 0;}
	.main_section6 .map_area img {width: 100%;}
	.main_section6 .contact_list {width: 90%;margin: 5vh auto 0;}
	.main_section6 .contact_list li {min-height: 2vh;margin-bottom: 2vh;}
	.main_section6 .contact_list li .ic {width: 10vw;}
	.main_section6 .contact_list li .ic img {max-width: 3vh;max-height: 3vh;}
	.main_section6 .contact_list li .txt {font-size: 3.4vw;}
	.main_section6 .contact_list li.btn {margin-top: 4vh;text-align: right;}
	.main_section6 .contact_list li.btn a {height: 7vh;line-height: 7vh;padding: 0 5vw;font-size: 5vw;}
	.main_section6 .contact_list li.btn a .icon {margin-right: 4vw;}
	.main_section6 .contact_list li.btn a .arr {margin-left: 1.4vw;}
}


/*------------------------------------------------------------------------------
|  Layer Popup
|.............................................................................*/
/* type1  Á¦ÀÛ¹®ÀÇ */
.layer_type1 {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;}
.layer_type1 .lybg {display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);} /*layer_dim_bg*/
.layer_type1 .ly_inner {position: relative;/*top: 50%; ½ºÅ©¸³Æ®·Î °è»ê*/z-index: 10;width: 580px;/*h682*/margin: 0 auto;background: #3750ac; -webkit-transition: all .3s;-moz-transition: all  .3s;-ms-transition: all  .3s;-o-transition: all  .3s;transition: all  .3s;}
.layer_type1 h3 {padding: 1.875rem 0 1.875rem;text-align: center;}
.layer_type1 h3 strong {display: block;color: #fff;font-size: 2.5rem;}
.layer_type1 h3 span {display: block;color: #bbc9fe;font-size: 0.8125rem;line-height: 1.5;font-weight: 200;}
.layer_type1 a.ly_close {position: absolute;right: 1.25rem;top: 1.25rem;}
.layer_type1 a.ly_close  {display: block;width: 1.313rem;height: 1.313rem;font-size: 0;}
.layer_type1 a.ly_close img {width: 100%;}
.layer_type1 .ly_con {overflow-y:scroll; height:540px; padding: 2.5rem 2.5rem;background: #fff;/*-webkit-border-radius: 3.125rem 3.125rem 0 0;-moz-border-radius: 3.125rem 3.125rem 0 0 ;border-radius: 3.125rem 3.125rem 0 0;*/-webkit-box-shadow: 0 0 0.9375rem 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 0.9375rem 0 rgba(0,0,0,.2);box-shadow: 0 0 0.9375rem 0 rgba(0,0,0,.2);}
.layer_type1 .ly_con * {font-family: 'Malgun Gothic', dotum, applegothic, sans-serif; letter-spacing: -.01rem;}
.layer_type1 .ly_con h4 { font-weight:bold; font-size:15px; padding:15px 0 8px; }
.layer_type1 .input_type1 li {float: left;margin-bottom: 0.625rem;}
.layer_type1 .input_type1 li input {width: 100%;}
.layer_type1 .input_type1 li.li_1 {width: 100%;}
.layer_type1 .input_type1 li.li_2 {width: 49%;}
.layer_type1 .input_type1 li.li_2+li.li_2 {margin-left: 2%;}
.layer_type1 .input_type1 li.li_3 {width: 32%;}
.layer_type1 .input_type1 li.li_3+li.li_3 {margin-left: 2%;}

.layer_type1 .input_type1 dt,.layer_type1 .input_type1 dd { float:left; margin-bottom:0.625rem; }
.layer_type1 .input_type1 dt { font-size:0.8125rem; color:#3750ac; font-weight:bold; margin-bottom:0.25rem; margin-top:0.5rem; }
.layer_type1 .input_type1 dt:first-child { margin-top:1.5rem; }
.layer_type1 .input_type1 dd { width:100%; }
.layer_type1 .input_type1 dd.checkarea { padding-top:5px; }
.layer_type1 .input_type1 dd.checkarea label { display:inline-block; width:18%; margin-right:1%; padding-bottom:0.5rem; font-size:13px; }
.layer_type1 .input_type1 dd.checkarea label input[type="checkbox"] { width:14px; height:14px; margin-right:2px; }
.layer_type1 .input_type1 dd.checkarea label span { display:inline-block; vertical-align:2px; color:#3750ac; }
.layer_type1 .input_type1 dd.input input[type="text"] { width:100%; }

.layer_type1 .agreebox {background: #f1f3f8;padding: 1.25rem 1.25rem;}
.layer_type1 .agreebox dt {font-size: 0.875rem;color: #333;}
.layer_type1 .agreebox label {margin: -.5rem 0 0 .625rem;font-size: 0.75rem;font-weight: bold;}
.layer_type1 .agreebox label input {vertical-align: middle;}
.layer_type1 .agreebox dd {margin-top: 0.625rem;font-size: 0.75rem;color: #888;}

@media screen and (max-width: 600px) { /* max-width= ly_inner »çÀÌÁî*/
	.layer_type1 .ly_inner {left: 0 !important;width: 100% !important;margin: 0 !important; }
	.layer_type1 .ly_con {height:400px; padding: 1.8rem 1.8rem;/*-webkit-border-radius: 2.2rem 2.2rem 0 0;-moz-border-radius: 2.2rem 2.2rem 0 0;border-radius: 2.2rem 2.2rem 0 0;*/}
	.layer_type1 .input_type1 dd.checkarea label { width:30%; }
}


/*------------------------------------------------------------------------------
|  Form style
|.............................................................................*/
.input_type1 .input {position: relative;}
.input_type1 .input input[type="text"] {border: 1px solid #adb8d6; height: 2.813rem;line-height: 2.813rem; text-indent: 0.75rem; font-size: 0.9375rem; color: #777; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.input_type1 .input label.placeholder {height: 2.813rem;line-height: 2.813rem; padding-left: 0.625rem; font-size: 0.9375rem; color: #777; }
.input_type1 .input label.placeholder {display: block; position: absolute; left: 0; top: 0; z-index: 1; color: #737ea8;}
.input_type1 .star {position: relative;top: 0.25rem;margin-right: 0.3rem;color: #e80000;font-size: 1rem;}
.input textarea {width: 100%;padding: 0.625rem;border: 1px solid #adb8d6; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size: 0.9375rem; color: #777;}

/* table */
table {width: 100%;}
.tbl_type1 {border-top: 1px solid #777;border-bottom: 1px solid #777;}
.tbl_type1 table {border-collapse: collapse;}
.tbl_type1 th,
.tbl_type1 td {padding: 0.625rem 0.25rem;border-right: 1px solid #c0c7d4;text-align: center;}
.tbl_type1 th:last-child,
.tbl_type1 td:last-child {border-right: none;}
.tbl_type1 th {background: #e2e6ef;font-size: 0.75rem;font-weight: bold;color: #333;}
.tbl_type1 td {font-size: 0.75rem;color: #555;}
@media screen and (max-width: 600px) {
	.tbl_type1 th,
	.tbl_type1 td {font-size: 0.65rem;}
}

/* button */
.btn_default {display: inline-block;padding: 0.75rem 2.25rem 0.875rem;background: #222;-webkit-border-radius: 0.31rem;-moz-border-radius: 0.31rem;border-radius: 0.31rem;font-size: 1rem;font-weight: 400;color: #fff;text-align: center;}


/*------------------------------------------------------------------------------
| Animation
|.............................................................................*/
.wait-animation { -webkit-animation-play-state: paused; animation-play-state: paused; }
[data-animation] { opacity: 0; opacity: 1 \0/IE9;}
[data-animation="fadeInUp"].animated { -webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
[data-animation="fadeInDown"].animated { -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
[data-animation="fadeIn"].animated { -webkit-animation: fadeIn 1s; animation: fadeIn 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@keyframes fadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 30%, 0);transform: translate3d(0, 30%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} }
@keyframes fadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -30%, 0);transform: translate3d(0, -30%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} }
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
[data-scroll] { position: relative; -webkit-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -ms-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); }


/*------------------------------------------------------------------------------
| MediaQuery Size
|.............................................................................*/
@media screen and (max-width: 1280px) { /*pc : 0~1280*/
	/*PC*/
}
@media screen and (max-width: 1024px) {  /*tablet : 0~1024*/
	/*PC-Tablet*/
}
@media screen and (max-width: 576px) { /*mobile : 0~576*/
	/*Tablet-Mobile*/
}