@import url(base.css);

/***********************************************************************************************************/
@keyframes fade-in-up
{
  0%{transform: translateY(20%);opacity: 0;}
  100%{transform: translateY(0%); opacity: 1;}
}

@keyframes fade-in-down
{
  0%{transform: translateY(0%);opacity: 0;}
  100%{transform: translateY(20%); opacity: 1;}
}

/*fade-in right*/
@keyframes fade-in-right
{
    0%{transform: translateX(-100%); opacity: 0;}
    100%{transform: translateX(0%); opacity: 1;}
}

/*fade-in left*/
@keyframes fade-in-left
{
    0% {transform: translateX(100%);opacity: 0;}
    100% {transform: translateX(0%);opacity: 1;}
}

.sample_image {width:640px; height:507px; overflow: hidden;}
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:1s;
    -moz-transition:1s;
    -ms-transition:1s;
    -o-transition:1s;
    transition:1s; /*수정전 .3s*/
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

/***********************************************************************************************************/
#wrap{position:relative; margin:0 auto; width:100%; background-color:#fff; min-width:1200px;}
#wrap_bg{position:relative; margin:0 auto; width:100%; background:url(/images/sub/sub_bg.jpg) no-repeat center bottom #fff;}

/*상단 오른쪽 아이콘*/
#gnb{position:relative;z-index:999;padding-right:8px;}
#gnb ul li{position:absolute; float:right;line-height:18px;margin:0 0 0 5px;padding:8px 0 5px; font-weight:600; right:0;}
#gnb li img{width:23px; padding-right:2px;}
#gnb ul li a{color:#787878;font-size:11px}

/*탑메뉴*/
#top_wrap {position:relative; height:100%; width:100%; margin:auto;*}
#tmunuBox {position:fixed; top:0; left:0; width:100%; height:120px; z-index:500; transition:all 0.3s}
#tmunuBox:hover, .headerFixed#tmunuBox, .fp-viewing-1 #tmunuBox, .fp-viewing-2 #tmunuBox,  .fp-viewing-3 #tmunuBox,  .fp-viewing-4 #tmunuBox,  .fp-viewing-5 #tmunuBox {background:rgba(15, 30, 50, 0.8); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}



/*.headerFixed #topnavi li, #tmunuBox:hover #topnavi li, .headerFixed #topnavi li a, #tmunuBox:hover #topnavi li a, .headerFixed .eng a, #tmunuBox:hover .eng a {color:#fff;}
.headerFixed #topnavi li a.on, #tmunuBox:hover #topnavi li a.on {color:#fff;}*/


#m_dvhead{width:1200px; margin: auto; position:relative; text-align:left; height:120px; border:0px solid #f00; }
h1{position:absolute; /*top:15px;*/ top:30px; text-align:left; z-index:1;}

/*로고*/
.logo {display:none; width:70%;}
.wlogo {display:block; width:70%;}

.headerFixed .logo, #tmunuBox:hover .logo {display:block;}
.headerFixed .wlogo, #tmunuBox:hover .wlogo {display:none;}

#topnavi {position:absolute; top:0; right:220px; z-index:2;}
#topnavi .menu1 {position:relative; display:inline-block; color:#fff; vertical-align:top; font-weight:400; font-size:16px; margin:0 40px;  }
#topnavi .menu1:last-child {border:0px !important; }
#topnavi .menu1 .tlt > a {color:#fff; display:inline-block; line-height:120px;text-align:center; font-size:18px;}
#topnavi .menu1 .tlt > a.on:after {content:""; display:inline-block; position:absolute; left:0; bottom:40px; width:100%; height:1px; background:#fff;}


.detail_list {display:none; position:absolute; top:120px; left:50%; transform:translateX(-50%); text-align:center; background:rgba(15, 30, 50, 0.8);  padding:20px 10px; width:180px;}
.detail_list li {position:relative; margin-bottom:15px;}
.detail_list li a {position:relative; display:inline-block; color:#fff; line-height:1.5em;}
.detail_list li a:after {content:""; display:inline-block; position:absolute; left:50%;transform:translateX(-50%);  bottom:0; width:0; height:1px; background:#fff; transition:all 0.3s}
.detail_list li a:hover:after, .detail_list li a.on:after {width:100%}

.depth2 {font-size:13px; padding:10px 0 0; font-weight:300;}
.depth2 li {margin-bottom:2px;}

/*#menu1 {width:100px;}
#menu2 {width:100px; }
#menu3 {width:100px;}
#menu4 {width:100px;} 
#menu5 {width:100px;}*/

.gnb {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.gnb p {display:inline-block; vertical-align:middle}

.eng { margin-left:25px;  display:block; font-size:14px;}
.eng a {color:#fff;}
.insta {margin-top:-12px; padding:0 0 0 0; display:block;}


/*인스타*/
.insta_img {display:none;}
.winsta_img {display:block;}

.headerFixed .insta_img, #tmunuBox:hover .insta_img {display:block;}
.headerFixed .winsta_img, #tmunuBox:hover .winsta_img {display:none;}

/*#topnavi > li a .en{display:block; width:100%;height:100%;}
#topnavi > li a .kr{display:none; width:100%;height:100%;}
#topnavi > li a:hover .kr{display:block;}
#topnavi > li a:hover .en{display:none;}

#depth2_menu{background:rgba(15, 30, 50, 0.7); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); width:100%; height:180px; overflow:hidden; position:absolute; top:120px; z-index:99; display:none; }
#depth2_menu_in {width:1200px; overflow:hidden; margin:auto; }
#depth2_menu ul{float:left; text-align:center; width:120px; margin-top:15px; color:#222; font-size:13px; }
#depth2_menu ul.menu1{margin-left:380px;}
#depth2_menu ul.menu2{margin-left:15px;}
#depth2_menu ul.menu3{margin-left:20px;}
#depth2_menu ul.menu4{margin-left:15px; } 
#depth2_menu ul.menu5{margin-left:5px;  }
.menu_bar {color:#fff !important; display:inline-block; padding-right:15px !important;}

#depth2_menu ul li{}
#depth2_menu ul li a{color:#fff; font-size:13px; line-height:24px; letter-spacing:0px;}
#depth2_menu ul li a.on{color:#fff; text-decoration: underline;}
#depth2_menu ul li a:hover{color:#fff; text-decoration: underline;}

#gnb2 {overflow:hidden; width:1000px; height:35px; }
#gnb2 ul{overflow:hidden; position:absolute; top:3px; right:1px;  z-index:2; }
#gnb2 li:first-child{color:#c4c4c4; font-size:12px;}
#gnb2 li{float:left; margin-left:5px; font-weight:500; color:#2d2d2d !important; font-size:11px;}}
#gnb2 li a{color:#c4c4c4 !important;}*/


/*푸터*/
#footer {width:100%; background-color:#13253f;  padding:50px 0 0 0; min-width:1200px;}
#footer .foot_box {position:relative; width:1200px;  margin:0 auto; text-align:left;  overflow:hidden; }
.ft_logo_img {width:160px;}

#footer dl {float:left; margin-left:90px; margin-top:10px;}
#footer dl:first-child {margin-left:0}
#footer dl dt{color:#eee; font-size:15px;  padding-bottom:5px;}
#footer dl dt a{color:#eee; }
#footer dl dd {line-height:18px;}
#footer dl dd a{color:#d1d1d1; font-size:12px; }
#footer dl dd a:hover{color:#a0a7b2; font-size:12px; }
.dl_line {float:left;  margin-left:150px}

.footer_txt {width:100%; background:#0f1e32; overflow:hidden; font-size:13px;}
.footer_txt p {width:1200px; margin:auto; text-align:center; padding:15px 0; color:#3c4756; line-height:22px; font-weight:500;}
.footer_txt p a {color:#3c4756; }

/**/
#fullpage {height:auto !important}

/*메인슬라이드*/
#main_visual {position:relative;  margin:0 auto;  text-align:center; z-index:0;  width:100%;  height:768px; display:block; background:#ebebeb;}

#section1:hover .bg, #section2:hover .bg, #section3:hover .bg, #section4:hover .bg {opacity: 1;}
.bg {position:absolute; left:0; right:0; bottom:0; top:0; opacity :0; transition: opacity 0.5s linear;}
.sec01_bg {background:url(/images/main/sec01_bg.jpg) no-repeat 50% 50%; background-size:cover; }
.sec02_bg {background:url(/images/main/sec02_bg.jpg) no-repeat 50% 50%; background-size:cover; }
.sec03_bg {background:url(/images/main/sec03_bg.jpg) no-repeat 50% 50%; background-size:cover; }
.sec04_bg {background:url(/images/main/sec04_bg.jpg) no-repeat 50% 50%; background-size:cover; }

#section1{transition:0.3s ease; opacity:1;}

#section0.active .main_txt_tit, #section0.active .main_txt_stit  {animation: fade-in-up 1s; animation-timing-function: ease-out; animation-fill-mode: both;}
#section0.active .main_txt_tit {animation-delay: 0.3s;}
#section0.active .main_txt_stit {animation-delay: 0.5s;}

.main_txt {position:absolute; z-index:9; top:50%;left:50%; transform: translate(-50%,-50%); text-align:center;}
.main_txt_tit {color:#fff; font-size:50px; font-weight:700; line-height:1.4;}
.main_txt_stit {color:#fff; font-size:30px; text-align:left; margin:30px 0 0 260px; font-weight:400; line-height:24px;}

.main_btn01 a {color:#777; padding:12px 30px; border:1px solid #777; display:inline-block; margin-top:40px;}
.main_btn01 a:hover{background:#000; color:#fff!important; transition:all 0.8s ease; } 

#sec01 {position:relative;  margin:50px auto; width:1200px; overflow:hidden;}
#sec01 .sec01_txt {text-align:left; float:left;  margin-top:100px; color:#666; font-size:16px; line-height:24px;  }
#sec01 .sec01_txt .sec01_tit {font-size:40px; font-weight:600; line-height:55px; margin-bottom:20px; color:#222;}

#sec03 {position:relative;  margin:80px auto; width:1200px; overflow:hidden;}
#sec03 .sec03_txt {text-align:left; float:left;  margin-top:120px; color:#666; font-size:16px; line-height:24px;  }
#sec03 .sec03_txt .sec03_tit {font-size:40px; font-weight:600; line-height:55px; margin-bottom:20px; color:#222;}

#sec02 {position:relative;  margin:80px auto; width:1200px; overflow:hidden;}
#sec02 .sec02_txt {text-align:left; float:right;  margin-top:50px; color:#666; font-size:16px; line-height:24px;  }
#sec02 .sec02_txt .sec02_tit {font-size:40px; font-weight:600; line-height:55px; margin-bottom:20px; color:#222;}

#sec04 {position:relative;  margin:80px auto; width:1200px; overflow:hidden;}
#sec04 .sec04_txt {text-align:left; float:right;  margin-top:50px; color:#666; font-size:16px; line-height:24px;  }
#sec04 .sec04_txt .sec04_tit {font-size:40px; font-weight:600; line-height:55px; margin-bottom:20px; color:#222;}

#sec05 {width:100%; background:url(../images/main/section02_bg.jpg) no-repeat 50% 50%; background-size:cover; height:585px; position:relative;}
#sec05 p { text-align:center; padding-top:215px; }

.btn_more a {display:inline-block; border:1px solid #a4a6a9; padding:10px 25px;  color:#414141;  font-weight:500;}
.btn_more a:hover {display:inline-block; border:1px solid #414141; padding:10px 25px;  color:#fff;  font-weight:500; background:#414141; transition: all 0.8s ease;}

/*협력사*/
#ft_bannerbox {padding:20px 0; background:#fff; overflow:hidden; border-top:1px solid #eee;}
.ft_banner_cont {position:relative; max-width:1200px; margin:0 auto; color:#21224d; overflow:hidden}

#ft_bannerbox .ft_banner {position:relative; width:100%; overflow:hidden}

.ft_banner .item {display:block; text-align:center;}
.ft_banner .item img {display:inline-block; max-width:100%; width:200px;}

.ft_banner .owl-nav, .ft_banner .owl-dots, .ft_banner .slick-arrow {display:none !important}