@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * ¼öÁ¤ÀÏ | ¼öÁ¤ÀÚ | ¼öÁ¤³»¿ë
 * 2019.09.20 | ¹®¿µ½Å | ÃÖÃÊ µî·Ï
 * 2019.09.27 | ¹®¿µ½Å | ¿ä±¸¹Ý¿µ. °áÇÔ°³¼±. °íµµÈ­.
 * </pre>
 * @author À¥Ç¥ÁØÈ­½Ç ¹®¿µ½Å
 * @since 2019.09.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ¡Þ¡ß Layout[main] ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */


/* ¹èÄ¡.¸ÞÀÎ 20190829 */
#wrap{}
	#wrap>.container{
		max-width:none;
		margin:auto;
		width:auto;
	}
	#body{
		z-index:0; /* ¡Ù */
		position:relative;
		min-height:0; /* ¡Ù ¹èÄ¡ ÈÄ ÃÖÁ¾È­¸é È®ÀÎ! */
		margin:auto;
		padding:0;
		color:#555;
		line-height:1.375;
	}
		#body [id*='mainbody']{position:relative;}
				#body .container{
					padding:0; /* ((( all.css ¿¡¼­ .container ´Â margin °ªÀ¸·Î Á¿쿩¹é ¸¸µå¹Ç·Î.. */
					max-width:none;
				}
					#body #mainbody1>.container{
						max-width:none; /* ¡Ù */
						margin:auto;width:auto;
					}

#wing{}
@media all and (max-width:1259px){
	#body .container {margin-left:15px;margin-right:15px}
}

/* #body */


/* ¡Ù°¨Ãã 20190829 */
/* none ¡Ú¡ÙToEdit) ³ªÁß¿¡ ÀÛ¾÷ÇÒ°Å ¡Ù  */


/* ¡Ù°ø¿ë 20190829 */
/* none */
.init img{max-width:100%;} /* ¡Ù */

/* ºñÁê¾ó */
#vpr1 {height:175px}
#vpr1 .container {position:static;max-width:300px;margin:auto}
#vpr1 .container .datalist {position:static;width:480px;margin-left:-90px}
#vpr1 .menu {display:none;position:absolute;z-index:2;left:0;bottom:7%;width:100%;text-align:center;}
#vpr1 .menu .w1 {position:relative;display:inline-block;vertical-align:top;background:rgba(0,0,0,.25);border-radius:23px;padding:7px 50px 7px 30px}
#vpr1 .menu .w1 button {position:relative;vertical-align:top;width:30px;height:30px;border:0;background:transparent;margin:0 5px}
#vpr1 .menu .w1 .nums button:before {position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);content:"";display:block;width:8px;height:8px;background:#fff;border-radius:50%;}
#vpr1 .menu .w1 .nums button.active:after {position:absolute;top:0;left:0;content:"";display:block;width:30px;height:30px;background:url(/_res/portal/img/main/main_spr.png) no-repeat -302px -27px}
#vpr1 .menu .w1 .owl-stop, #vpr1 .menu .w1 .owl-play {position:absolute;top:calc(50% - 15px);right:10px;}
#vpr1 .menu .w1 .owl-stop:before, #vpr1 .menu .w1 .owl-stop:after, #vpr1 .menu .w1 .owl-play:before {content:"";display:block;}
#vpr1 .menu .w1 .owl-stop:before, #vpr1 .menu .w1 .owl-stop:after {display:inline-block;vertical-align:middle;width:3px;height:10px;background:#fff;margin:-4px 2px 0}
#vpr1 .menu .w1 .owl-play:before {width:0;border-style:solid;border-width:5px 9px;border-color:transparent transparent transparent #fff;margin:auto 0 auto auto;}
#vpr1 .owl-nav button {position:absolute;top:calc(50% - 21px);width:42px;height:42px;border:1px solid rgba(255,255,255,.5);box-sizing:border-box;background:rgba(0,0,0,.25);z-index:2}
#vpr1 .owl-nav button:before {position:absolute;top:calc(50% - 5.5px);left:calc(50% - 15px);content:"";display:block;width:30px;height:11px;background:url(/_res/portal/img/main/main_spr.png) no-repeat;}
#vpr1 .owl-nav button.owl-prev:before {background-position:-444px -36px}
#vpr1 .owl-nav button.owl-next:before {background-position:-444px -23px}
#vpr1 .owl-nav .owl-prev {left:5%}
#vpr1 .owl-nav .owl-next {right:5%}
/* À̹ÌÁö¸Ê */
.imgMap a {position:absolute;width:18%;height:10%;z-index:3}
.imgMap a.btnmap1 {right:calc(50% + 2.3%)}
.imgMap a.btnmap2 {left:calc(50% + 2.3%)}
.imgMap.map1 a {bottom:31%;}
.imgMap.map2 a {bottom:34%;}

@media all and (min-width:480px){
	#vpr1 {height:280px;}
	#vpr1 .container {margin:auto}
	#vpr1 .container .datalist {width:768px;margin-left:-224px}	
}
@media all and (min-width:768px){
	#vpr1 {height:420px;}
	#vpr1 .container {max-width:768px;margin:auto;}
	#vpr1 .container .datalist {width:1152px;margin-left:-192px}	
	#vpr1 .owl-nav button {width:60px;height:60px;top:calc(50% - 30px)}
}
@media all and (min-width:1200px){
	#vpr1 {height:700px}
	#vpr1 .container {max-width:1200px}
	#vpr1 .container .datalist {width:1920px;margin-left:-360px;}
	#vpr1 .menu {display:block;}
}


#mainbody2 .container {box-sizing:border-box;padding-bottom:20px}
#menu1:after {content:"";display:block;clear:both;}
#menu1 li {margin-bottom:10px}
#menu1 li:first-child {margin-left:0 !important}
#menu1 li a {position:relative;display:block;padding-left:80px;min-height:60px;}
#menu1 li a .f1 {position:absolute;top:calc(50% - 30px);left:0;width:60px;display:block;}
#menu1 li a .t1 {display:block;color:#000;font-size:14px;letter-spacing:0;line-height:20px;padding-top:10px}
#menu1 li a .t1 br {display:none}
@media all and (min-width:450px){
	#menu1 li {float:left;width:49%;margin-left:2%;}
	#menu1 li:nth-child(odd) {margin-left:0}
	#menu1 li a {min-height:80px;padding-left:100px}
	#menu1 li a .f1 {width:80px;top:calc(50% - 40px)}
	#menu1 li a .t1 {padding-top:20px}
	#menu1 li a .t1 br {display:block;}
}
@media all and (min-width:550px){
	#menu1 {text-align:center;}
	#menu1 li, #menu1 li:nth-child(odd) {float:left;width:23.5%;margin-left:2%;margin-bottom:0;}
	#menu1 li a {padding-left:0}
	#menu1 li a .f1 {position:relative;top:auto;left:auto;width:auto;margin-bottom:10px;margin-right:0}
	#menu1 li a .t1 {font-size:15px;line-height:20px;padding-top:0;}
}
@media all and (min-width:768px){
	#mainbody2 .container {padding-bottom:40px}
	#menu1 li a .f1 {margin-bottom:20px}
	#menu1 li a .t1 {font-size:16px;line-height:24px}
}
@media all and (min-width:1200px){
	#mainbody2 .container {padding-bottom:60px}
	#menu1 {margin-right:410px}
	#menu1 li, #menu1 li:nth-child(odd) {width:20.5%;margin-left:6%;}
	#menu1 li a .t1 {font-size:17px;line-height:26px}
}

#menu2 {margin-top:10px;}
#menu2 li {position:relative;}
#menu2 li a {display:block;background-repeat:no-repeat;background-size:cover;background-image:url(/_res/english/img/main/menu2_img02.jpg);background-position:right 50%}
#menu2 li a {padding:25px 15px;}
#menu2 li a .t1 {display:block;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.3;}
#menu2 li:first-child a {background-image:url(/_res/english/img/main/menu2_img01.jpg);}
@media all and (min-width:500px){
	#menu2 {margin-top:20px;}
	#menu2 li {float:left;width:50%}
	#menu2 li a {padding:30px 20px}
	#menu2 li a .t1 {font-size:20px;}
}
@media all and (min-width:768px){
	#menu2 {margin-top:40px;}
	#menu2 li a {padding:40px 25px}
	#menu2 li a .t1 {font-size:24px;}
}
@media all and (min-width:1200px){
	#menu2 {position:absolute;top:65px;right:0;width:330px;margin-top:0}
	#menu2 li {float:none;width:100%;}
	#menu2 li a {padding:50px 30px}
	#menu2 li a .t1 {position:relative;display:inline-block;font-size:28px;}
	#menu2 li a .t1:after {position:absolute;bottom:-2px;left:50%;content:"";display:block;width:0;height:2px;background:#fff;transition:all .4s ease}
	#menu2 li a:hover .t1:after {width:100%;left:0;}
}

/* °øÅë */
[id*='mainbody'] .h1.tit {font-weight:500;font-size:24px;letter-spacing:0;line-height:1;padding-top:25px}
[id*='mainbody'] .h1.tit span {position:relative;display:inline-block;font-family:"Noto Sans";}
[id*='mainbody'] .h1.tit span:before {position:absolute;top:-2px;right:-20px;content:"";display:block;width:26px;height:26px;background:url(/_res/portal/img/main/main_spr.png) no-repeat -27px -23px;animation-duration:2s;animation-name:acts_rotate3;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:inherit;background-size:250px auto;}
[id*='mainbody'].bg .h1.tit span:before {background-position:0 -23px}
[id*='mainbody'].bg .h1.tit {color:#fff;}
[id*='mainbody'] .h1.tit:after {content:"";display:block;width:98px;height:9px;background:url(/_res/portal/img/main/main_spr.png) no-repeat -54px -33px;margin-top:10px;margin-bottom:20px;background-size:250px auto;}
[id*='mainbody'].bg .h1.tit:after {background-position:-54px -23px}
@media all and (min-width:500px){
	[id*='mainbody'] .h1.tit {font-size:28px}
	[id*='mainbody'] .h1.tit:after {width:136px;height:13px;background-size:350px auto;background-position:-75px -46px}
	[id*='mainbody'].bg .h1.tit:after {background-position:-75px -32px}
	[id*='mainbody'] .h1.tit span:before {width:35px;height:35px;background-size:350px auto;background-position:-37px -32px;top:-13px;right:-30px}
	[id*='mainbody'].bg .h1.tit span:before {background-position:0 -32px}
}
@media all and (min-width:768px){
	[id*='mainbody'] .h1.tit {padding-top:35px;font-size:32px}
	[id*='mainbody'] .h1.tit span:before {top:-3px;right:-26px}
}
@media all and (min-width:1000px){
	[id*='mainbody'] .h1.tit {padding-top:60px;font-size:36px}
	[id*='mainbody'] .h1.tit:after {margin-bottom:35px;width:195px;height:18px;background-size:500px auto;background-position:-107px -65px}
	[id*='mainbody'].bg .h1.tit:after {background-position:-107px -45px}
	[id*='mainbody'] .h1.tit span:before {width:52px;height:52px;background-size:500px auto;background-position:-53px -45px;top:-17px;right:-40px}
	[id*='mainbody'].bg .h1.tit span:before {background-position:0 -45px}
}


/* À̺¥Æ®È¦ */
#mainbody3 {background:#068574 url(/_res/portal/img/main/mbody3_bg.jpg) no-repeat 50% 0;background-size:cover;overflow:hidden;}
#mainbody3 .container {padding-bottom:15px}
.ehall1 {position:relative;z-index:2}
.ehall1:after {content:"";display:block;clear:both;}
.ehall1 li {margin-bottom:1em;}
.ehall1 li:first-child {margin-left:0}
.ehall1 li a {position:relative;display:block;width:100%;height:100%;box-shadow:0 5px 10px rgba(0,0,0,.35);overflow:hidden;}
.ehall1 li a:after {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:110px;background:linear-gradient(to bottom, transparent, #000);}
.ehall1 li a .t1 {position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#fff;font-size:15px;padding-bottom:18px;letter-spacing:0;z-index:1}
.ehall1 li a .t1:before {content:"";display:inline-block;vertical-align:middle;width:18px;height:21px;background:url(/_res/portal/img/main/main_spr.png) no-repeat -444px 0;margin-right:10px;margin-top:-2px;}
.ehall1 li a .s1 {position:absolute;top:20px;left:20px;color:#fff;font-size:15px;font-weight:500;background-color:#d52726;letter-spacing:0;padding:6px 15px 7px;z-index:1}
.ehall1 li:first-child a .s1 {background-color:#144d94}
.ehall1 li a img {width:100%;transition:all .5s ease}
.ehall1 li a:hover img {transform:scale(1.05);}
@media all and (min-width:768px){
	#mainbody3 .container {padding-bottom:30px}
	.ehall1 li {float:left;width:48.3333%;margin-left:3.3334%;margin-bottom:0}
	.ehall1 li a .t1 {font-size:17px;padding-bottom:28px}
}
@media all and (min-width:1000px){
	#mainbody3 .container {padding-bottom:60px}
	#mainbody3 .container:before, #mainbody3 .container:after {position:absolute;content:"";display:block;background:url(/_res/portal/img/main/main_spr.png) no-repeat}
	#mainbody3 .container:before {bottom:-44px;left:-108px;width:217px;height:217px;background-position:0 -393px;animation-duration:15s;animation-name:acts_rotate1;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:inherit;}
	#mainbody3 .container:after {top:29px;right:-133px;width:262px;height:262px;background-position:right -165px;animation-duration:20s;animation-name:acts_rotate2;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:inherit;}	
	.ehall1 li a .t1 {font-size:19px;}
}

@keyframes acts_rotate1 {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}
@keyframes acts_rotate2 {
	0% {transform:rotate(0);}
	100% {transform:rotate(-360deg);}
}
@keyframes acts_rotate3 {
	0% {transform:rotate(0);}
	50% {transform:rotate(10deg);}
	100% {transform:rotate(0)}
}


/* ÇÁ·Î±×·¥ */
#mainbody4 {background:#014995 url(/_res/portal/img/main/mainbody5_bg.gif) no-repeat right bottom;padding-bottom:20px}
#mainbody4 .container:before, #mainbody4 .container:after {position:absolute;content:"";display:block;background:url(/_res/portal/img/main/main_spr.png) no-repeat }
#mainbody4 .container:before {bottom:-98px;left:-103px;width:201px;height:224px;background-position:0 -166px;}
#mainbody4 .container:after {top:64px;left:304px;width:23px;height:125px;background-position:right 0;}
#mainbody4 .datalist .item {position:relative;}
#mainbody4 .datalist .item a {display:block;}
#mainbody4 .datalist .item .text1 {position:relative;background:rgba(0,61,125,.9);color:#fff;padding:20px 25px;width:100%;box-sizing:border-box;overflow:hidden;}
#mainbody4 .datalist .item .text1 .tit {font-size:18px;letter-spacing:0;color:#fff;line-height:1;font-weight:500}
#mainbody4 .datalist .item .text1 .tit .cate {display:inline-block;font-size:12px;font-weight:400;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.75);padding-bottom:9px;margin-bottom:12px;}
#mainbody4 .datalist .item .text1 .tit .t1 {display:block;margin-bottom:15px}
#mainbody4 .datalist .item a:hover .text1 .tit .t1, #mainbody4 .datalist .item a:focus .text1 .tit .t1 {text-decoration:underline;}
#mainbody4 .datalist .item .text1 .t2 {line-height:24px;font-size:14px;letter-spacing:0;color:rgba(255,255,255,.65);font-weight:400}
#mainbody4 .datalist .item .text1 .t2 li {position:relative;margin:4px 0}
#mainbody4 .datalist .item .f1 {display:block;}
#mainbody4 .menu {position:absolute;top:50px;right:0;letter-spacing:0;font-size:13px;z-index:2}
#mainbody4 .menu .mPage i {display:inline-block;vertical-align:middle;}
#mainbody4 .menu .on {font-size:16px;font-weight:800;color:#fff;}
#mainbody4 .menu .total {position:relative;color:rgba(255,255,255,.55);padding-left:14px;margin-left:10px;}
#mainbody4 .menu .total:before {position:absolute;top:2px;left:0;content:"/";display:block;font-size:10px;line-height:20px;}
#mainbody4 .owl-nav {position:absolute;top:0;right:0;/* left:50%;margin-left:-192px; */z-index:2}
#mainbody4 .owl-nav button {position:relative;width:49px;height:42px;background:rgba(0,0,0,.65);margin-right:1px;}
#mainbody4 .owl-nav button:before {position:absolute;top:calc(50% - 3px);left:calc(50% - 16px);content:"";display:block;width:32px;height:6px;background:url(/_res/portal/img/main/main_spr.png) no-repeat}
#mainbody4 .owl-nav .owl-prev:before {background-position:-228px -29px}
#mainbody4 .owl-nav .owl-next:before {background-position:-262px -29px}
@media all and (min-width:768px){
	#mainbody4 {padding-bottom:50px}
	#mainbody4 .datalist .item .text1 {position:absolute;left:0;bottom:0;width:550px;height:240px;padding:30px 40px}
	#mainbody4 .datalist .item .text1 .tit {font-size:26px;}
	#mainbody4 .datalist .item .text1 .tit .cate {font-size:15px}
	#mainbody4 .datalist .item .text1 .tit .t1 {margin-bottom:20px}
	#mainbody4 .datalist .item .text1 .t2 {line-height:24px;font-size:16px;}
	#mainbody4 .owl-nav {left:auto;right:0;bottom:0;top:auto;}
	#mainbody4 .owl-nav button {width:70px;height:60px;}
	#mainbody4 .menu {top:70px}
	#mainbody4 .menu .on {font-size:18px}
	#mainbody4 .menu .total:before {font-size:12px}
}
@media all and (min-width:1000px){
	#mainbody4 .datalist {margin-top:-95px}
	#mainbody4 .datalist .item .text1 {bottom:60px}
	#mainbody4 .datalist .item .f1 {margin-left:auto;margin-right:0;max-width:792px}
	#mainbody4 .menu {bottom:16px;top:auto;left:0;right:auto;font-size:18px}
	#mainbody4 .owl-nav {bottom:0;left:70px;right:auto;}
}
@media all and (min-width:1260px){
	#mainbody4 .owl-nav {left:34%}
	#mainbody4 .menu {left:345px}
	#mainbody4 .datalist .item .text1 .tit, #mainbody4 .datalist .item .text1 .t2 {opacity:0;}
	#mainbody4 .datalist .item .text1 .tit {transition:all .8s ease;transform:translateX(25px);}
	#mainbody4 .datalist .item .text1 .t2 {transition:all 1s ease;transform:translateX(35px);}
	#mainbody4 .datalist .active .item .text1 .tit, #mainbody4 .datalist .active .item .text1 .t2 {opacity:1;transform:translateX(0);transition-delay:.5s}

}


/* ¼Ò¼È */
#mainbody5 {background:#0e4677;padding-bottom:20px}
.sns1 {text-align:center;}
.sns1:after {content:"";display:block;clear:both;}
.sns1 li {display:inline-block;width:24.25%;margin-left:1%;margin-right:-.2em;text-align:center;margin-bottom:1em}
.sns1 li:first-child {margin-left:0;}
.sns1 li a {display:block;width:100%;height:100%;}
.sns1 li a:before {content:"";display:block;width:55px;height:55px;background:url(/_res/portal/img/main/msns_spr.png) no-repeat;margin:0 auto;background-size:auto 55px;}
.sns1 li a .t1 {display:block;font-size:13px;color:#fff;margin-top:10px;letter-spacing:-0.05em}
.sns1 li.band a:before {background-position:0 0}
.sns1 li.fbk a:before {background-position:-61px 0}
.sns1 li.insta a:before {background-position:-122px 0}
.sns1 li.blog a:before {background-position:-183px 0}
.sns1 li.fbe a:before {background-position:-243px 0}
.sns1 li.blogger a:before {background-position:-304px 0}
.sns1 li.weibo a:before {background-position:100% 0}
@media all and (min-width:560px){
	.sns1 li {float:left;display:block;font-size:14px;width:13.08%;margin-left:1.4%;max-width:157px;margin-bottom:0}
	.sns1 li a:before {width:71px;height:71px;background-size:auto 71px}
	.sns1 li.fbk a:before {background-position:-79px 0}
	.sns1 li.insta a:before {background-position:-158px 0}
	.sns1 li.blog a:before {background-position:-236px 0}
	.sns1 li.fbe a:before {background-position:-314px 0}
	.sns1 li.blogger a:before {background-position:-393px 0}
	.sns1 li a .t1  {margin-top:15px;font-size:14px}
}
@media all and (min-width:768px){
	#mainbody5 {padding-bottom:30px}
	.sns1 {margin-top:30px}
	.sns1 li a:before {width:94px;height:94px;background-size:auto 94px}
	.sns1 li.fbk a:before {background-position:-104px 0}
	.sns1 li.insta a:before {background-position:-209px 0}
	.sns1 li.blog a:before {background-position:-313px 0}
	.sns1 li.fbe a:before {background-position:-417px 0}
	.sns1 li.blogger a:before {background-position:-521px 0}
	.sns1 li a .t1 {font-size:15px}
}
@media all and (min-width:1000px){
	#mainbody5 {padding-bottom:40px}
	.sns1 li a:before {width:126px;height:126px;background-size:auto 126px}
	.sns1 li a .t1 {font-size:16px}
	.sns1 li.fbk a:before {background-position:-140px 0}
	.sns1 li.insta a:before {background-position:-279px 0}
	.sns1 li.blog a:before {background-position:-419px 0}
	.sns1 li.fbe a:before {background-position:-558px 0}
	.sns1 li.blogger a:before {background-position:-697.5px 0}
}
@media all and (min-width:1200px){
	#mainbody5 {padding-bottom:150px}
	.sns1 {margin-top:80px}
	.sns1 li a:before {width:157px;height:157px;background-size:auto}
	.sns1 li.fbk a:before {background-position:-174px 0}
	.sns1 li.insta a:before {background-position:-348px 0}
	.sns1 li.blog a:before {background-position:-522px 0}
	.sns1 li.fbe a:before {background-position:-695px 0}
	.sns1 li.blogger a:before {background-position:-869px 0}
	.sns1 li a .t1 {font-size:18px;margin-top:30px}
}

@keyframes zoomEx3 {
	0% { 
		-moz-transform:translateZ(0) scale3d(1,1,1) rotate(.001deg); 
		-webkit-transform:translateZ(0) scale3d(1,1,1 rotate(.001deg)); 
		transform:translateZ(0) scale3d(1,1,1) rotate(.001deg);  
	}
	50% { 
		-moz-transform:translateZ(0) scale3d(1.05,1.05,1) rotate(.001deg);
		-webkit-transform:translateZ(0) scale3d(1.05,1.05,1 rotate(.001deg));
		transform:translateZ(0) scale3d(1.05,1.05,1) rotate(.001deg);
	}
	100% { 
		-moz-transform:translateZ(0) scale3d(1,1,1) rotate(.001deg);
		-webkit-transform:translateZ(0) scale3d(1,1,1) rotate(.001deg);
		transform:translateZ(0) scale3d(1,1,1) rotate(.001deg);  
	}
}

@keyframes polygon_scale1 {
	0% { transform: scale(1); opacity:1 }
	50% { transform: scale(1.1); opacity:0.5}
	100% { transform: scale(1.2); opacity:0 }
}

/* ¸ÞÀÎ ¼½¼Çº° animation È¿°ú */
@media all and (min-width:1200px){
	[id*='mainbody'] .h1.tit, #menu1, .sns1 li {opacity:0;transform:translateY(10%);transition:all .5s ease;}
	[id*='mainbody'].on .h1.tit, .on #menu1, .on .sns1 li{opacity:1;transform:translateY(0);}
	[id*='mainbody'] .h1.tit {transform:translateX(-5%);}	
	#menu1 li a .f1 {position:relative;}
	#menu1 li a .f1 img {position:relative;z-index:1}
	#menu1 li a .f1:after {position:absolute;top:calc(50% - 50%);left:calc(50% - 50%);content:"";display:block;width:100%;height:100%;background:rgba(20,77,148,.5);border-radius:50%;transition:all .4s ease}
	.on #menu1 li a:hover .f1:after {animation: polygon_scale1 1s infinite linear}
	#menu2 li {opacity:0;transform:translateX(10%);transition:all .5s ease;}

	.on #menu1 {transition-delay:.45s}
	.on #menu2 li {opacity:1;transform:translateX(0);}
	.on #menu2 li:first-child {transition-delay:.65s}
	.on #menu2 li:last-child {transition-delay:.85s}
	.ehall1 li {opacity:0;transform:scale(.95);transition:all .5s ease;}
	.on .ehall1 li {opacity:1;transform:scale(1);}

	.on .sns1 li:first-child {transition-delay:.45s}
	.on .sns1 li:nth-child(2) {transition-delay:.65s}
	.on .sns1 li:nth-child(3) {transition-delay:.85s}
	.on .sns1 li:nth-child(4) {transition-delay:1.05s}
	.on .sns1 li:nth-child(5) {transition-delay:1.25s}
	.on .sns1 li:nth-child(6) {transition-delay:1.45s}
	.on .sns1 li:last-child {transition-delay:1.65s}
	.sns1 li a:hover:before {animation:zoomEx3 .6s ease-in-out infinite; -webkit-animation:zoomEx3 .6s ease-in-out infinite; -moz-animation:zoomEx3 .6s ease-in-out infinite; }
	.sns1 li a:hover .t1 {text-decoration:underline;}
}


/* ¡Þ¡ß StyleName. YYYYMMDD. @Who	 ¡Þ¡ß */


/* ¡ÙÀÛ¾÷È®Àοë */
/*
	#body [class*='mainbody2']>.container>[id]:nth-child(1){display:none;}
 */


/* RWD ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */
@media all and (min-width:560px){/* ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */

} /* /(min-width:560px) */
@media all and (min-width:640px){/* ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */
} /* /(min-width:640px) */
@media all and (min-width:768px){/* medium ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */

} /* /(min-width:768px) */
@media all and (min-width:800px){/* large ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */
} /* /(min-width:800px) */
@media all and (min-width:1000px){/* large ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */

} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */

/* ¡Þ¡ß Only Desktop ¡Þ¡ß */

} /* /(min-width:1260px) */
/* /RWD ¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß¡Þ¡ß */