@charset "utf-8"; html, body, div, h1, h2, h3, ul, dl, ol, li, p, span, img, a { margin:0; padding:0; border:0; } ul { list-style:none; } 
html, body { overflow:hidden; } 
#black { width:100%; position:fixed; left:0; top:0; background:#000 url("../images/loading.gif") center center no-repeat; z-index:5000000; } 
#loading { width:180px; height:3px; margin:0 auto; background:#b6b6b6; } 
#loading_inner { width:0; height:3px; background:#54e6c2; } 
#loading_num_wrap { width:90px; margin:0 auto; margin-top:14px; text-align:center; color:#bbb; font:normal 10px "arial",sans-serif; } 
#wrapper.main { width:100%; position:absolute; left:0; top:0; overflow:hidden; } 
#navi { width:420px; height:16px; position:absolute; top:30px; right:65px; z-index:2; font-size:0; text-indent:-9999px; } 
/*
h1 { float:left; width:60px; height:16px; margin-right:22px; background:url(../images/navi_01.png) left top no-repeat; } 
h1:hover { background-position:left bottom; } h1 a { display:block; width:100%; height:100%; } 
*/
#navi ul { float:left; } #navi > ul > li { float:left; height:16px; } 
#navi ul li:hover { background-position:left bottom; } 
#navi ul li a { display:block; width:100%; height:100%; }
#navi_01 { width:97px; margin-right:22px; background:url(../images/navi_02.png) left top no-repeat; } 
#navi_02 { width:102px; margin-right:22px; background:url(../images/navi_03.png) left top no-repeat; } 
#navi_03 { width:81px; background:url(../images/navi_04.png) left top no-repeat; } 
#bg_main { width:100%; height:100%; position:relative; min-height: 600px;} 
#bg_main > div { width:100%; height:100%; position:absolute; top:0; } 
#bg_01 { 
	background:url(../images/bg_01.jpg) center center no-repeat; 
	background-size:cover; 
	left:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_01.jpg',sizingMethod='scale'); 
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_01.jpg', sizingMethod='scale'); 
} 
#bg_02 { background:url(../images/bg_02.jpg) center center no-repeat; background-size:cover; left:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_02.jpg',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_02.jpg', sizingMethod='scale'); }
#bg_03 { background:url(../images/bg_03.jpg) center center no-repeat; background-size:cover; left:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_03.jpg',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_03.jpg', sizingMethod='scale'); } 
#bg_04 { background:url(../images/bg_04.jpg) center center no-repeat; background-size:cover; left:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_04.jpg',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_04.jpg', sizingMethod='scale'); } 
#bg_05 { background:url(../images/bg_05.jpg) center center no-repeat; background-size:cover; left:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_05.jpg',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_05.jpg', sizingMethod='scale'); } 
#bg_06 { background:url(../images/bg_06.jpg) center center no-repeat; background-size:cover; left:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_06.jpg',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_06.jpg', sizingMethod='scale'); } 
#btn_wrap { width:100%; height:61px; position:absolute; left:0; top:0; z-index:2; } 
#btn_prev { width:61px; height:61px; position:absolute; left:50px; z-index:5; background:url(../images/arrow.png) left top no-repeat; } 
#btn_prev a { display:block; width:100%; height:100%; }
#btn_next { width:61px; height:61px; position:absolute; right:50px; z-index:5; background:url(../images/arrow.png) right top no-repeat; } 
#btn_next a { display:block; width:100%; height:100%; } 
#btn_prev:hover { background-position:left bottom; }
#btn_next:hover { background-position:right bottom; } 
#main_contents { width:900px; height:550px; position:absolute; left:0; top:0; z-index:3; }
#animation { width:408px; height:408px; margin:0 auto; margin-bottom:35px; position:relative; } 
#animation > div { width:408px; height:408px; position:absolute; left:0; top:0; }
#animation_01 { background:url(../images/animation_ver2_a.png) center 0 no-repeat; } 
#animation_02 { background:url(../images/animation_ver2_b.png) center 0 no-repeat; }
#menu_wrap { overflow:hidden; width:900px; margin:0 auto; margin-top:20px; } 
#menu_wrap li { width:300px; height:48px; float:left; margin-bottom:8px; } 
#menu_wrap li:hover { background-position:left bottom; } 
#menu_wrap li a { display:block; width:100%; height:100%; } 
#menu_01 { background:url(../images/menu_01.png) left top no-repeat; }
#menu_02 { background:url(../images/menu_02.png) left top no-repeat; } 
#menu_03 { background:url(../images/menu_03.png) left top no-repeat; } 
#menu_04 { background:url(../images/menu_04.png) left top no-repeat; } 
#menu_05 { background:url(../images/menu_05.png) left top no-repeat; } 
#menu_06 { background:url(../images/menu_06.png) left top no-repeat; }
#navi_02 { position:relative; }
#navi_02 ul { padding:7px 10px 0; position:absolute; left:-10px; top:16px; z-index:1; display:none; }
#navi_02 ul li { height:20px; width:102px; margin:2px 0; }
#navi_02 ul li a:hover { background-position:0 bottom; }
#navi_11 a { background:url(../images/menu_sub01.png) 0 0 no-repeat; }
#navi_12 a { background:url(../images/menu_sub02.png) 0 0 no-repeat; }
#navi_13 a { background:url(../images/menu_sub03.png) 0 0 no-repeat; }
#navi_14 a { background:url(../images/menu_sub04.png) 0 0 no-repeat; }


/* ver_2 모바일 대응 */

.mobile_logo { display: none; }

.index_menu { width:900px; margin:0 auto; margin-top:20px; overflow:hidden; font-size: 0; text-align: center; } 
.index_menu li { display: inline-block; margin: 0 20px;} 
.index_menu li a{ color: #fff; text-transform: uppercase; letter-spacing: 0em; margin:0;
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-size: 41px;
  line-height: 56px;
} 
.index_menu li:hover a{ 
  font-weight: 700;
} 


.footer_menu { font-size: 0; text-align: center; margin:0 auto;} 
.footer_menu li { display: inline-block; margin: 0 15px;} 
.footer_menu li a{ color: #444; text-transform: uppercase; letter-spacing: 0em; margin:0;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 40px;
} 
.footer_menu li:hover a{ color: #000; } 

@media (max-width: 767px) {
	
	#btn_wrap { display: none; }
	/* #animation { margin-bottom:25px; margin-top: 51px; zoom: .75} */
	#animation { display: none; }
	.mobile_logo { display: block; width: 306px; height: auto; margin:0 auto; margin-bottom: 25px; margin-top: 15px; }
	.mobile_logo img { width: 100%; height: auto; }

	.index_menu { width: 520px;}
	.index_menu li { margin: 0 15px;} 
	.index_menu li a { font-size: 36px; line-height: 50px;} 

}


@media (max-width: 544px) {

	/* #animation { margin-bottom:15px; margin-top: 102px; zoom: .5} */
	.mobile_logo { width: 204px; margin-bottom: 15px; margin-top: 102px;}
	#menu_wrap { zoom: .33; }

	.index_menu { width: 300px;}
	.index_menu li { margin: 0 10px;} 
	.index_menu li a { font-size: 21px; line-height: 34px;} 

}