@charset "utf-8";
/*********************************************************************************************************/
/** 메인 인덱스 페이지 */
/*********************************************************************************************************/
#index{float:left;width:100%}
#index .bg{float:left;width:100%;height:100%;position:fixed;top:0;left:0;background:url(/images/index/bg.jpg) repeat top center #000 / 100% auto}
#index .bg.color{background-image:url(/images/index/bg_color.jpg)}
#index dl{float:left;width:100%;position:relative;padding:30px 0;margin:0}
#index dl > *{float:left;width:100%;text-align:center}
#index dl > dt{padding:50px 0 80px}
#index dl > dd.copyright{color:#fff;font-size:15px;line-height:24px;padding:20px 0;margin-top:70px}
#index dl > dd > ul{float:left;width:100%}
#index dl > dd > ul > li{float:left;width:16.66666666666667%;position:relative; /* 20180620 kjjeon 태국,러시아 숨김처리 */ left:16%;}
#index dl > dd > ul > li > img{float:left;width:100%;opacity:0;position:relative;z-index:1}
#index dl > dd > ul > li > a{position:absolute;top:0;left:0;z-index:2}
#index dl > dd > ul > li > a{float:left;width:100%;height:100%;padding-top:20px;color:#fff;font-size:28px;line-height:40px;font-weight:600}
#index dl > dd > ul > li > a{background-repeat:no-repeat;background-position:top center;background-size:100% auto}
#index dl > dd > ul > li > a:hover
, #index dl > dd > ul > li > a:focus
, #index dl > dd > ul > li > a:active
, #index dl > dd > ul > li > a.active{color:#fff}
#index dl > dd > ul > li > a{
	-webkit-transition-property:color, background-image;
	-moz-transition-property:color, background-image;
	-ms-transition-property:color, background-image;
	-o-transition-property:color, background-image;
	transition-property:color, background-image;
}
#index dl > dd > ul > li > a.kr{background-image:url(/images/index/korea_gray.jpg)}
#index dl > dd > ul > li > a.jp{background-image:url(/images/index/japan_gray.jpg)}
#index dl > dd > ul > li > a.cn{background-image:url(/images/index/china_gray.jpg)}
#index dl > dd > ul > li > a.en{background-image:url(/images/index/english_gray.jpg)}
#index dl > dd > ul > li > a.ru{background-image:url(/images/index/russia_gray.jpg)}
#index dl > dd > ul > li > a.th{background-image:url(/images/index/thai_gray.jpg)}
#index dl > dd > ul > li > a.kr:hover
, #index dl > dd > ul > li > a.kr:focus
, #index dl > dd > ul > li > a.kr:active
, #index dl > dd > ul > li > a.kr.active{background-image:url(/images/index/korea_color.jpg)}
#index dl > dd > ul > li > a.jp:hover
, #index dl > dd > ul > li > a.jp:focus
, #index dl > dd > ul > li > a.jp:active
, #index dl > dd > ul > li > a.jp.active{background-image:url(/images/index/japan_color.jpg)}
#index dl > dd > ul > li > a.cn:hover
, #index dl > dd > ul > li > a.cn:focus
, #index dl > dd > ul > li > a.cn:active
, #index dl > dd > ul > li > a.cn.active{background-image:url(/images/index/china_color.jpg)}
#index dl > dd > ul > li > a.en:hover
, #index dl > dd > ul > li > a.en:focus
, #index dl > dd > ul > li > a.en:active
, #index dl > dd > ul > li > a.en.active{background-image:url(/images/index/english_color.jpg)}
#index dl > dd > ul > li > a.ru:hover
, #index dl > dd > ul > li > a.ru:focus
, #index dl > dd > ul > li > a.ru:active
, #index dl > dd > ul > li > a.ru.active{background-image:url(/images/index/russia_color.jpg)}
#index dl > dd > ul > li > a.th:hover
, #index dl > dd > ul > li > a.th:focus
, #index dl > dd > ul > li > a.th:active
, #index dl > dd > ul > li > a.th.active{background-image:url(/images/index/thai_color.jpg)}
@media(max-width:1024px){
	#index dl > dt{padding:30px 0 70px}
	#index dl > dt > img{width:170px}
	#index dl > dd.copyright{margin-top:40px}
}
@media(max-width:991px){
	#index .bg{background-size:120% auto}
	#index dl{padding:0}
	#index dl > dt{padding:55px 0 65px}
	#index dl > dt > img{width:150px}
	#index dl > dd > ul > li > a{font-size:22px}
}
@media(max-width:767px){
	#index .bg.color{background-image:url(/images/index/bg.jpg)}
	#index dl > dt{padding:35px 0 45px}
	#index dl > dt > img{width:100px}
	#index dl > dd > ul > li > a{font-size:18px}
	#index dl > dd.copyright{font-size:14px;line-height:22px;margin-top:30px}
	#index dl > dd > ul > li > a.kr{background-image:url(/images/index/korea_color.jpg)}
	#index dl > dd > ul > li > a.jp{background-image:url(/images/index/japan_color.jpg)}
	#index dl > dd > ul > li > a.cn{background-image:url(/images/index/china_color.jpg)}
	#index dl > dd > ul > li > a.en{background-image:url(/images/index/english_color.jpg)}
	#index dl > dd > ul > li > a.ru{background-image:url(/images/index/russia_color.jpg)}
	#index dl > dd > ul > li > a.th{background-image:url(/images/index/thai_color.jpg)}
}
@media(max-width:480px){ /* 20180620 kjjeon 태국,러시아 숨김처리 */
	#index dl > dd > ul > li{width:34%}
}