@charset "utf-8";

#container{min-height:500px;position:static}
#section1 {overflow:hidden; margin:0 auto; padding:200px 0; background:url(../image/background/main_bg.png) no-repeat; background-position:200px 130px;}

#section1 .mc_wrap {width:1200px; margin:0 auto; }
#section1 .mc_wrap:before { content:''; display:block; background:url(../image/background/main_point.png) no-repeat; position:absolute; width:579px; height:138px; top:-50px; left:0}
#section1 .mc_wrap .mc_box {position:relative; float:left; width:390px; height:290px; margin:0 15px 15px 0; color:#fff; background-repeat:no-repeat; letter-spacing:-0.1em; font-family:'Nanum Square'; }
#section1 .mc_wrap .mc_box:hover { position:relative; transform:translate(0,-10px); transition:all 0.5s}

#section1 .mc_wrap .mc_box a { display:block; height:100%; width:100%; position:absolute; top:0; left:0;padding:60px}
#section1 .mc_wrap .mc_box a:hover { box-shadow:2rem 2rem 1.85rem rgba(0,0,0,.2); transition:all 0.5s; }
#section1 .mc_wrap .mc_box a:hover:before { content:''; display:block; height:270px; width:370px; position:absolute; top:0; left:0; border:1px solid rgba(255,255,255,0.5); margin:10px; transition:all 0.5s; }
#section1 .mc_wrap .mc_box a:hover:after { content:''; display:block; height:30px; width:1px; position:absolute; top:60px; left:70px; background:#fff; transform:rotate(-45deg);}
#section1 .mc_wrap .mc_box h3 {font-size:2.3em; font-weight:700; padding:60px 0 20px 0;}
#section1 .mc_wrap .mc_box p span {font-size:130%}

#section1 .mc_wrap .mc_box:nth-child(1) {background-image:url(../image/background/main_bg01.jpg)}
#section1 .mc_wrap .mc_box:nth-child(1) a:hover {background-color:rgba(1,216,255,0.5);}
#section1 .mc_wrap .mc_box:nth-child(2) {background-image:url(../image/background/main_bg02.jpg)}
#section1 .mc_wrap .mc_box:nth-child(2) a:hover {background-color:rgba(255,242,86,0.5);}
#section1 .mc_wrap .mc_box:nth-child(3) {background-image:url(../image/background/main_bg03.jpg)}
#section1 .mc_wrap .mc_box:nth-child(3) a:hover {background-color:rgba(0,54,99,0.5);}
#section1 .mc_wrap .mc_box:nth-child(4) {background-image:url(../image/background/main_bg04.jpg)}
#section1 .mc_wrap .mc_box:nth-child(4) a:hover {background-color:rgba(25,123,48,0.5);}
#section1 .mc_wrap .mc_box:nth-child(5) {background-image:url(../image/background/main_bg05.jpg)}
#section1 .mc_wrap .mc_box:nth-child(5) a:hover {background-color:rgba(68,14,98,0.5); }
#section1 .mc_wrap .mc_box:nth-child(6) {background:#4274cb; text-align:center }
#section1 .mc_wrap .mc_box:nth-child(6) p { width:70%; margin:0 auto; border:1px solid #fff; border-radius:20px; padding:2% 0;  }
#section1 .mc_wrap .mc_box:nth-child(6) a:hover p { background:#fff; color:#4274cb; transition:all 0.2s}
#section1 .mc_wrap .mc_box:nth-child(6):before { content:''; display:block; height:270px; width:370px; position:absolute; top:0; left:0; border:1px solid rgba(255,255,255,0.5); margin:10px }
#section1 .mc_wrap .mc_box:nth-child(3n) {margin-right:0 } 


.banner .bx-prev, .banner .bx-next {  top:45%; width:70px; height:70px; background-image:none; opacity:1; z-index:1}
.banner .bx-prev {  background-color:#fff; }
.banner .bx-prev:after { content:''; display:block; position:absolute; top:23px; left:28px; width:25px; height:25px; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(-45deg); }
.banner .bx-next {  background-color:#000;}
.banner .bx-next:after {content:''; display:block;  position:absolute; top:23px; left:15px; width:25px; height:25px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }

.banner {position:relative; }
#recentMB1 .bannerCopy { position:absolute; bottom:15%; right:0; width:850px; height:530px; color:#fff; font-size:100%; background:url(../image/background/dot.png) repeat; padding:7% 5%}
#recentMB1 .bannerCopy .bannerSubjet {font-size:0}
#recentMB1 .bannerCopy .bannerCopy1 {font-size:400%; font-weight:900; line-height:normal; padding-bottom:50px;font-family:'Nanum Square'; } 
#recentMB1 .bannerCopy .bannerCopy1:after { content:''; display:block; width:150px; height:1px; position:absolute; top:55%; left:-9%; border:1px dashed #fff}
#recentMB1 .bannerCopy .bannerCopy2 { line-height:150%; font-size:170%; font-weight:700}
#recentMB1 .bannerCopy .bannerCopy3 { line-height:150%;  font-size:120%; word-break:keep-all; width:80% }

@media only screen and (max-width:1200px) {
	.banner .thumbNail {height:780px !important; width:1903px !important}
}

@media only screen and (max-width:550px) {
	.banner .thumbNail {height:780px !important; width:1903px !important}
	#recentMB1 .bannerCopy {width:700px !important; height:450px !important}
}