@charset "UTF-8";

/* layout */
#section0{background:url('../images/common/img_intro.jpg') left top no-repeat;background-size:100% 100%;}
#section1 .slideVisual01{background:url('../images/common/intro_visual_01.jpg') left top no-repeat;background-size:100% 100%;}
#section1 .slideVisual02{background:url('../images/common/intro_visual_02.jpg') left top no-repeat;background-size:100% 100%;}
#section1 .slideVisual03{background:url('../images/common/intro_visual_03.jpg') left top no-repeat;background-size:100% 100%;}
#section1 .slideVisual04{background:url('../images/common/intro_visual_04.jpg') left top no-repeat;background-size:100% 100%;}
#section1 .slideVisual05{background:url('../images/common/intro_visual_05.jpg') left top no-repeat;background-size:100% 100%;}

body {width: 100%; /*background: url('../images/common/img_intro.jpg') no-repeat left top; background-size: 100% 100%; color: #fff;*/}
#wrapper {min-width: 1280px; height: 100%;}


#section0 h2,
#section1 h2 {margin: 0 0 20px; font-family: "NanumMyeongjo", "Myeongjo", "batang", "Arial"; color: #fff; font-size: 56px; font-weight: bold; text-align: center; line-height: 50px;}
#section0 p,
#section1 p {color: #fff; font-size: 14px; text-align: center;}

#section0{position:relative;}
#section0 .content{width:40%;margin:auto;margin-top:400px;}

#section0 .btn_scroll{width: 140px; height: 140px;margin:60px auto 0;}
#section0 .btn_scroll a{display:block;width:140px;height:141px;background:url('../images/common/btn_find.png') left top no-repeat;}
#section0 .btn_scroll a:hover{display:block;width:140px;height:141px;background:url('../images/common/btn_find_on.png') left top no-repeat;}
#section0 .txt{margin-top:10px;}
.logo_txt{position:absolute;left:210px;top:20px;}
.intro #footer .copyright {font-size: 14px;}


/* section1 */
#section1{overflow:hidden;position:relative;}
#section1 .movie{margin-top:30px;}
#section1 .btn .prev{position:absolute;left:2%;top:50%;}
#section1 .btn .next{position:absolute;right:2%;top:50%;}
#section1 .bgArea{width:100%;height:100%;position:relative;}
#section1 .bgArea .content{position:absolute;top:30%;left:22.5%;width:55%;}

#section1 .content{margin: 0 auto;text-align:center;position:relative;}
#section1 .txt {font-size:16px;color:#fff;text-align:center;}
#section1 .fixedArea{z-index:10;position:absolute;top:200px;left:50%;margin-left: -500px;height:700px;}
#section1 .fixedArea.type02{z-index:10;position:absolute;top:31%;left:50%;margin-left: -500px;height:700px;}
#section1 .fixedArea .main_menu{width:1050px; margin: 0 auto;}
#section1 .fixedArea.type02 .main_menu{width:1050px; margin: 100px auto 0;}



#popMovie01 {position: relative;left: 0;top:0;width:100%;height:100%;z-index: 1000; /*background:url('../images/common/dark_bg.png') left top repeat; */ background:#000;}
#popMovie01 .moviePopup {position:absolute;left:50%;top:50%; margin: -270px 0 0 -475px; width: 950px;height:540px;border:2px solid #1a608f;}
#popMovie01 .moviePopup iframe {width: 100%; height: 100%;}
#popMovie01 .moviePopup .close {position: absolute; right:-52px; top:-2px;z-index:100;}


#section1 .main_menu ul{z-index:1; overflow:hidden;margin:60px auto 0;}
#section1 .main_menu ul li{float:left;padding-left:15px;display:table}
#section1 .main_menu ul li:first-child{padding-left:0;}
#section1 .main_menu ul li a{display:block; width:162px; height:162px; font-weight:600; color:#fff; text-align:center; padding-top:60px;}
#section1 .main_menu ul li a:hover{display:block;width:162px;height:162px;vertical-align:middle;font-weight:600;color:#fff;text-align:center;}
#section1 .main_menu ul li a:hover span{text-decoration:underline;}

#section1 .main_menu ul li.menu01 a{background:url('../images/common/bg_intro_menu01_off.png') left top no-repeat;}
#section1 .main_menu ul li.menu02 a{background:url('../images/common/bg_intro_menu02_off.png') left top no-repeat;}
#section1 .main_menu ul li.menu03 a{background:url('../images/common/bg_intro_menu03_off.png') left top no-repeat;}
#section1 .main_menu ul li.menu04 a{background:url('../images/common/bg_intro_menu04_off.png') left top no-repeat;}
#section1 .main_menu ul li.menu05 a{background:url('../images/common/bg_intro_menu05_off.png') left top no-repeat;}
#section1 .main_menu ul li.menu06 a{background:url('../images/common/bg_intro_menu06_off.png') left top no-repeat;}
#section1 .main_menu ul li.menu01 a:hover{background:url('../images/common/bg_intro_menu01_on.png') left top no-repeat;}
#section1 .main_menu ul li.menu02 a:hover{background:url('../images/common/bg_intro_menu02_on.png') left top no-repeat;}
#section1 .main_menu ul li.menu03 a:hover{background:url('../images/common/bg_intro_menu03_on.png') left top no-repeat;}
#section1 .main_menu ul li.menu04 a:hover{background:url('../images/common/bg_intro_menu04_on.png') left top no-repeat;}
#section1 .main_menu ul li.menu05 a:hover{background:url('../images/common/bg_intro_menu05_on.png') left top no-repeat;}
#section1 .main_menu ul li.menu06 a:hover{background:url('../images/common/bg_intro_menu06_on.png') left top no-repeat;}


#footer {padding: 0; background: none;position:static;}
#footer .copyright {position: absolute; left: 50%; bottom: 0; width: 1200px; margin-left: -600px; padding: 20px 0; background: none; color: #fff; font-family: "NanumGothic", sans-serif, Arial, "AppleGothic";  }
#footer .copyright a {color: #fff;}

#footer02 {z-index: 200;position:absolute;bottom:0;left: 0;width:100%; text-align:center; height:80px; padding:5px 0; box-sizing:border-box; background:url('/images/common/bg_dnd_footer.png');}
#footer02 .copyright {background: none; color: #fff; font-family: "NanumGothic", sans-serif, Arial, "AppleGothic"; z-index:15;  position:relative; line-height:24px;}
#footer02 .copyright a {color: #fff;}
#footer02 .copyright a img {vertical-align:middle;}

/* 한줄 footer */



/* intro footer height 값 조정 */
.intro #footer {height:5%;}



@media all and (min-width: 1024px) {

}
/* Tablet1 ***/
@media all and (min-width: 768px) and (max-width: 1023px) {
}
/* Tablet2 ***/
@media all and (min-width: 481px) and (max-width: 767px) {
}
/* Mobile ***/
@media all and (max-width: 480px) {
}