@import url(base.css);

*{margin:0; padding:0;}
#wrap{position:relative; margin:0 auto; text-align:center; width:100%;  background-color:#fff; }


h1{position:absolute; top:3px; left:0px;}
ul.gnb{position:absolute; top:33px; right:60px; overflow:hidden;}
ul.gnb li {float:left; padding-left:10px; height:76px;}
ul.gnb li:first-child {padding-left:0px;}


/*탑메뉴*/
#header_wrap {position:fixed; width:100%; margin:0 auto; text-align:left; background:#fff; height:100px; border-bottom:1px solid #d2d2d2; z-index:999; }

#header{width:1200px; height:100px; clear:both; position:relative; z-index:99;  margin:0 auto;  }
#header h1 img {margin-top:5px; }

#header .lnb{position:absolute; top:55px; left:590px; z-index:10; border:0px solid #f00;}
#header .lnb ul {}
#header .lnb ul li{ float:left; position:relative;}
#header .lnb ul li:first-child {background:0; padding-left:0;}

#header .lnb ul li ul.depth2{position:absolute; top:40px; display:none; clear:both; z-index:50; border-top:2px solid #13253f;}

#header .lnb ul li.menu-1 ul.depth2{left:0px; }
#header .lnb ul li.menu-2 ul.depth2{left:0px;}
#header .lnb ul li.menu-3 ul.depth2{left:0px;}
#header .lnb ul li.menu-4 ul.depth2{left:-15px;}
#header .lnb ul li.menu-5 ul.depth2{left:0px;}
#header .lnb ul li.menu-7 ul.depth2{left:-15px;}

#header .lnb ul li ul.depth2 {padding:10px 0;  background-color:#fff;}
#header .lnb ul li ul.depth2 li{font-size:13px !important; background-color:#fff; clear:both; border-right:1px solid #e8e8e8;   border-top:0; padding-left:0;}
#header .lnb ul li ul.depth2 li a{ background:#fff; color:#747474; margin:0; width:180px!important; height:30px;  line-height:35px; text-align:center; font-size:12px !important;}
#header .lnb ul li ul.depth2 li a:hover{background:#fff; color:#13253f; font-weight:bold; }

#header .lnb ul li a {color:#2b2b2b; height:40px; display:inline-block; text-align:center; font-size:16px; font-weight:400;  margin-left:50px;}
#header .lnb ul li.on a, #header {color:#13253f;}
#header .lnb ul li a:hover {color:#13253f; text-decoration:underline}

/*메인 동영상*/

#container {overflow:hidden;width:100%;}
#container.main {background:#000;}
.intro_cover {position:relative;overflow:hidden;width:100%;min-width:1000px;height:100%;min-height:610px;margin:0 auto; background-size:100% auto;}
#player_wrap {width:100%;height:100%;margin:0 auto;}
#player,#player2,#player3,#player4,#player5{position:absolute;left:50%;min-width:1600px;background:#fff; width:100%;}

#black_alpha{position:relative;  z-index:0; width:100%; height:100%; background:url(/images/main/black_alpha.png) 0 0 repeat;}

.intro_cover .dvcover_txt {}
.intro_cover .dvcover_txt .cover_txt {position:absolute;  bottom:150px; left:48% }
a.mov_play {background-image:url(/images/main/btn_play.png) ; display:inline-block;overflow:hidden;width:15px;height:15px; text-indent:-9999px;font-size:0;  z-index:100;}
a.mov_pause {background-image:url(/images/main/btn_stop.png) ; display:inline-block;overflow:hidden;width:15px;height:15px; text-indent:-9999px;font-size:0; z-index:100;}

.player_btn{position:absolute; bottom:166px; left:48%; margin-left:20px;}
.player_btn a{color:#fff; font-weight:bold; margin-right:2px; display:inline-block;overflow:hidden;width:15px;height:15px; font-size:0; }
.intro_cover .cover_txt p {font-size:11px;color:#d8d8d8; padding-top:3px;}


.main_txt {position:absolute; z-index:9; top:45%;left:20%;}
.main_txt_tit {color:#fff; font-size:60px;}
/*.main_txt_stit:before {content:""; display: block; width:100px; height: 1px; background-color: #ff5500;  position: relative; top: -20px;  left: 0;}*/
.main_txt_stit {color:#fff; font-size:20px; text-align:left; margin-top:40px; font-weight:400; line-height:24px;}




/*메인하단*/
.main_bottm_txt {position:relative;  margin:100px auto;  text-align:center; font-size:22px; color:#b9b9b9; font-weight:300; 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; } 

.main_btn02 a {color:#fff; padding:12px 30px; border:1px solid #fff; display:inline-block; margin-top:40px;}
.main_btn02 a:hover{background:#fff; color:#777!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:#888; font-size:15px; line-height:24px;  }
#sec01 .sec01_txt .sec01_tit {font-size:50px; font-weight:300; 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:left;  margin-top:120px; color:#888; font-size:15px; line-height:24px;  }
#sec02 .sec02_txt .sec02_tit {font-size:50px; font-weight:300; 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:#888; font-size:15px; line-height:24px;  }
#sec04 .sec04_txt .sec04_tit {font-size:50px; font-weight:300; line-height:55px; margin-bottom:20px; color:#222;}



.sec03_bg {width:100%; height:550px; background:url(../images/main/sec03_bg.jpg) top center fixed no-repeat #060606;}
#sec03 {position:relative;  margin:80px auto; width:1200px; overflow:hidden;}
#sec03 .sec03_txt {text-align:left; float:left;  margin-top:130px; color:#fff; font-size:15px; line-height:24px;  }
#sec03 .sec03_txt .sec03_tit {font-size:50px; font-weight:300; line-height:55px; margin-bottom:20px; color:#fff;}



/*비쥬얼롤링*/
#slide{position:relative;  margin:0 auto;  text-align:center; z-index:0; width:100%; width:100%;  height:1200px; display:block;}
ul.bjqs{position:relative; list-style:none; padding:0;margin:0;overflow:hidden; z-index:0; width:100%;}
li.bjqs-slide{position:absolute; top:0; left:0; z-index:0; width:100%;}
ul.bjqs-controls li a{ text-indent:-9999px;}

a.bjqs-prev{position:absolute; left:2%; z-index:10; top:55%; width:65px; height:65px; display:block;  background:url(../images/main/btn_prev.png) no-repeat 0 0; }
a.bjqs-next{ position:absolute; right:2%; z-index:10; top:55%; width:65px; height:65px; display:block;  background:url(../images/main/btn_next.png) no-repeat 0 0;}

div.m_big{width:100%; height:688px; margin:0 auto;display:block; }
li.m_big01{position:absolute; top:0; left:0; width:100%; background:url(../images/main/main_image01.jpg) no-repeat center 0; display:inline-block;  float:left; display:none; z-index:120;}
li.m_big02{position:absolute; top:0; left:0; width:100%; background:url(../images/main/main_image02.jpg) no-repeat center 0; display:inline-block;  float:left; display:none; z-index:120;}
li.m_big03{position:absolute; top:0; left:0; width:100%; background:url(../images/main/main_image03.jpg) no-repeat center 0; display:inline-block;  float:left; display:none; z-index:120;}
li.m_big04{position:absolute; top:0; left:0; width:100%; background:url(../images/main/main_image04.jpg) no-repeat center 0; display:inline-block;  float:left; display:none; z-index:120;}
li.m_big05{position:absolute; top:0; left:0; width:100%; background:url(../images/main/main_image05.jpg) no-repeat center 0; display:inline-block;  float:left; display:none; z-index:120;}
li.m_big06{position:absolute; top:0; left:0; width:100%; background:url(../images/main/main_image06.jpg) no-repeat center 0; display:inline-block;  float:left; display:none; z-index:120;}


ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers{display:inline-block; position:relative; list-style:none; z-index:9; margin:auto; top:-50px; text-align:center; width:90px;}
ol.bjqs-markers li{float:left; margin-left:3px;}
ol.bjqs-markers li.sm1{margin-left:-8px}
ol.bjqs-markers li a{display:block; height:15px; width:20px; overflow:hidden; text-indent:-9999px; background:url(../images/main/btn_off.png) no-repeat;}
ol.bjqs-markers li.active-marker a{background:url(../images/main/btn_on.png) no-repeat;}

li.rolling01 img,li.rolling02 img,li.rolling03 img,li.rolling04 img{display:none;}


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

#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 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; }





/*section*/
#section01 {width:100%; background:url(../images/main/section_01.jpg) no-repeat center center; height:298px; position:relative;}
#section02 {width:100%; background:url(../images/main/section_02.jpg) no-repeat center center; height:524px; position:relative;}
#section03 {width:100%; background:url(../images/main/section_03.jpg) no-repeat center center; height:381px; position:relative;}
#section04 {width:100%; background:url(../images/main/section_04.jpg) no-repeat center center; height:506px; position:relative;}
#section05 {width:100%; background:#f9f9f9; /*background:url(../images/main/section_04.jpg) no-repeat center center;*/ height:360px; position:relative;}
#section05 .insta_tit {text-align:center; padding-top:50px; font-size:28px; color:#a97c50; font-weight:300; margin-top:5px}
#section05 .insta_tit img {margin-top:-5px}


/*인스타그램*/

#instaPics { width:998px; margin:auto; overflow:hidden; margin-top:30px;   }  
.insta-box { position:relative;  width:166px; height:166px;float:left;}  
.insta-box > a > div {width:100%; height:100%;}
.image-layer { overflow:hidden; width:100%; height:100%; }  
.image-layer img { width:100%; height:100%;}  
.caption-layer { display:none; position:absolute; top:0; background:rgba(255,255,255,0.5); width:100%; height:100%; padding:10px; box-sizing:border-box; font-size 10px; color:#333; text-align: center; margin:auto; vertical-align:middle;}  
.caption-layer .insta-caption {display:none;}
.caption-layer .insta-likes { position:relative; display:inline-block; vertical-align:middle; font-size:15px; font-weight:600; margin-top:35%;}  
.caption-layer .insta-likes:before{ position:absolute; top:5px; left:-17px; content:''; display:block; width:15px; height:15px; background:url(../images/inc/hearts.png) 0 0 no-repeat; -webkit-background-size:cover; background-size:cover;}

/**/
#s_content {width:1000px; margin:auto;}



/*퀵*/
#gotop {position:absolute; z-index:999; margin:0px 0px 0px 590px; left: 50%}
#gotop ul.gotop_ul{}