iframe.main_vi {height:88vh}

 
#main_con {font-size:18px; line-height:1.4}
 
#main_con .section1 {width:100%; max-width:900px; border-radius:10px;  margin:0 auto; margin-top:-60px;  background: linear-gradient(#252161, #252161);   padding:25px 0; box-sizing:border-box;  position:relative; overflow:hidden; z-index:99 }
#main_con .section1 * {color:#fff}
#main_con .section1 .in {display:flex; justify-content:center;  max-width:100%; padding:0}
#main_con .section1 div.flex {display:flex; border-right:1px solid rgba(255,255,255,.5); width:50%; box-sizing:border-box;  justify-content:center; align-items:center; font-size:1.3em }
#main_con .section1 div.flex + div.flex {border-right:none}
#main_con .section1 div.flex div.t {margin-right:20px; letter-spacing:-1px;   }
#main_con .section1 div.flex i {margin-right:10px}
#main_con .section1 div.flex div.counting  {   width:auto;  margin-right:10px; font-weight:800; font-size:1.4em; letter-spacing:0 }
#main_con .section1 img {position:absolute; left:0; top:50%; transform: translate(0, -50%);  width:100%; height:650px }


#main_con .section2 {width:100%; margin-top:-60px;   padding:180px 20px 130px 20px; box-sizing:border-box; position:relative; overflow:hidden; font-size:1em; line-height:1.8; background:url('/common/img/main2_bg.png') no-repeat center; background-size:cover}
#main_con .section2  .in {display:flex;   align-items:center}
#main_con .section2 div.btn {width:380px; display:flex; color:#000; margin-left:auto }
#main_con .section2 .btn div {background-color:#3f3897; color:#fff ; display:flex; align-items:center;  justify-content:center; width:50%; height:140px;  border-radius:10px; font-size:1.15em; line-height:1.6; margin-left:10px; text-align:center; transition: all 0.3s ease-out; } 
#main_con .section2 .btn div:hover {background-color:#252161;  } 
#main_con .section2 .btn div a {color:#fff !important; display:inline-block; width:100%}
#main_con .section2 .btn div a i {font-size:30px}

#main_con .section2 h3 {font-size:2.3em; font-family: 'SEBANG_Gothic_Bold'; letter-spacing:-1px;   margin-bottom:20px; line-height:1.4}
#main_con .section2 h3 span { font-family: 'SEBANG_Gothic_Bold'; letter-spacing:-1px;  }
#main_con .section2 img {position:absolute; left:0; bottom:0; width:100%; z-index:-99}
#main_con .section2 .rgba_bg {position:absolute; left:0; bottom:0; width:100%; z-index:-9; background:rgba(255,255,255,.85); width:100%; height:100%; display:inline-block}

#main_con .section3 {width:100%; background-color:#fff; border-top:1px solid #ddd;  text-align:center;   box-sizing:border-box; position:relative; overflow:hidden; padding:20px 0}
#main_con .section3  h3 {color:#333; margin-bottom:30px}


 

#main_con .section4 {width:100%; padding:90px 0 100px 0;  margin-top:30px}
#main_con .section4 > h3 {font-family: 'SEBANG_Gothic_Bold'; font-size:2.2em; color:#111; letter-spacing:0; display:flex; align-items:center; justify-content:center }
#main_con .section4  h3 span {width:50px; height:1px; background-color:#333; display:inline-block;  }
span:first-child {margin-right:10px}
span:last-child {margin-left:10px}

  
#main_con .section4 ul {width:100%; display:flex; justify-content:space-between;  flex-wrap:wrap; margin-top:30px;  border-top:1px solid #ddd}
#main_con .section4 ul li {width:49%;}
#main_con .section4 ul li a {border-bottom:1px solid #ddd;   width:100%; display:flex;  justify-content:space-between;   }
#main_con .section4 ul li a > div {width:calc(100% - 120px);  padding:15px 0}
#main_con .section4 ul li a h3 {font-size:.97em;  color:#000; font-weight:500; margin-top:3px}
#main_con .section4 ul li a > div  > p {font-size:.85em; margin-top:4px;  color:#555}


#main_con .section4 ul li a div.link {background-color:#252161; color:#fff; width:110px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:15px; }
#main_con .section4 ul li:nth-child(2n) a div.link {background-color:#3f3897} 
#main_con .section4 ul li a div.link i {margin-left:5px}
#main_con .section4 ul li a div.link  a {widtH:100%; display:inline-block; color:#fff}

@media screen and (max-width:900px) {
		#main_con {font-size:16px}
		#main_con .section1 {border-radius:0}  
		#main_con .section1 div.flex {font-size:1em; flex-wrap:wrap}
		#main_con .section1 div.flex div.t {margin-right:0; width:100%; text-align:center}
		#main_con .section1 div.flex div.counting {width:100%; margin-right:0; text-align:center}

		#main_con .section2 .in {flex-wrap:wrap}
		#main_con .section2 h3  {font-size:1.6em;}
		#main_con .section2 h3 br {display:none}
		#main_con .section2 p br {display:none}
		#main_con .section2 div.btn {width:100%; margin-top:30px;  justify-content:space-between; }
		#main_con .section2 .btn div {margin-left:0; height:auto; width:49%; padding:20px 0; font-size:1em}

		#main_con .section4 > h3  {font-size:1.7em}		 
		#main_con .section4 ul li {width:100%}
		#main_con .section4 ul li a div.link {font-size:13px; width:90px}

}

footer {margin-top:0}