/***************************
  Main
***************************/
html, body { position:relative; margin:0; padding:0; width:100%; height:100%;}
#wrapper { position:relative; width:100%; height:auto; background-color:#fff;}


/* 상단타이틀 */
header { position:fixed; width:100% !important; height:100px; top:0; left:0; z-index:1000; }

#header { position:relative;  width:1400px; height:100px; margin:0 auto;}
#header .logo, #header .tel { position:absolute; display:inline-block; }
#header ul {
  position:absolute; display:inline-block; list-style: none; overflow:hidden;
  top:16px; left:226px;
}
#header ul, #header li { padding:0; margin:0; }
#header li {
  position:relative; display:inline-block; float:left; text-align:center;
  padding:10px 24px;
}
#header li > a {
  position:relative; display:inline-block; padding:10px 10px;
  font-size:17px; font-family:Nanum Square; font-weight:700;
  color:#fff; letter-spacing:-0.5px;
}
#header li a:hover { border-bottom:1px solid #cc9999; color:#cc9999;}
#header .logo { width:290px; height:59px; top:21px; left:0px; text-indent: -9999px; background:url('../img/logo_off.png') no-repeat;}
#header .tel { width:209px; height:34px; top:35px; right:1px; text-indent: -9999px; background:url('../img/tel_off.png') no-repeat;}

header.off { border-bottom:0px solid #fff; }
header.off .bg {
  position:absolute; width:100%; height:100%; top:0; left:0;
  background-color:#003839; opacity:1; filter:alpha(opacity=50);
}
header.on { background:#fff; border-bottom:1px solid #021223a8}
header.on #header li > a { color:#000;}
header.on #header .logo { background:url(../img/logo_on.png);}
header.on #header .tel { background:url(../img/tel_on.png);}
/*header.off .bg { background-color:#fff; opacity:1; filter:opacity(100); }*/

.header-hidden-space {
  display:block; position:relative; height:100px; width:1200px; background-color:#fff; margin:0 auto;
}

/***************************
  Contents
***************************/

section { position:relative; display:block;  margin:0 auto; overflow:hidden;}

.section1 { width:1400px; height:400px; margin:0 auto;}

.py { position:absolute; width:100%; height:39px; bottom:91px; z-index:5; text-align:center; }
.py img { position:relative;  }


#m-visual { height:900px; overflow:hidden;}
#m-visual .item1 { background:url(../img/visual4.jpg) no-repeat center;}
#m-visual .item2 { background:url(../img/visual2.jpg) no-repeat center;}
#m-visual .item3 { background:url(../img/visual5.jpg) no-repeat center;}


#m-visual .item1 { position:relative; width:100%; height:350px;}
#m-visual .item2, #m-visual .item3 { position:relative; width:100%;  height:900px; }
#slider-prev, #slider-next { position:absolute; top:350px; z-index:200; }
#slider-prev { left:10px; }
#slider-next { right:10px; }

.visual-content { position:relative; width:1400px; height:900px; top:0px; margin:0 auto; overflow:hidden; }
#anim1 { position:absolute; width:1169px; height:232px; top:48px; left:100px; }
#anim1 span { position:absolute; display:inline-block; }
#anim1 .t1 { top:72px; left:0; }
#anim1 .t2 { top:72px; left:100px; }
#anim1 .t3 { top:-49px; right:-60px; }
#anim1 .t4 { top:140px; left:0px; }
#anim1 .t5 { top:128px; left:0px; }
#anim1 .t6 { top:187px; left:0px; }
#anim1 .t7 { top:227px; left:0px; }



#anim2 { position:absolute; width:1169px; height:232px; top:48px; left:100px; }
#anim2 span { position:absolute; display:inline-block; }
#anim2 .t1 { top:72px; left:0; }
#anim2 .t2 { top:72px; left:100px; }
#anim2 .t3 { top:-49px; right:-60px; }
#anim2 .t4 { top:140px; left:0px; }
#anim2 .t5 { top:138px; left:0px; }

#anim3 { position:absolute; width:1169px; height:232px; top:48px; left:100px; }
#anim3 span { position:absolute; display:inline-block; }
#anim3 .t1 { top:72px; left:0; }
#anim3 .t2 { top:72px; left:100px; }
#anim3 .t3 { top:-49px; right:-60px; }
#anim3 .t4 { top:140px; left:0px; }
#anim3 .t5 { top:138px; left:0px; }

#m-visual .etc {
  position:absolute; bottom:17px; color:#fff; font-size:11px;
  opacity:0.8; filter:alpha(opacity=80);
}
#m-visual .etc.etc1 { left:271px; }
#m-visual .etc.etc2 { left:100px; }
#m-visual .etc.etc3 { left:100px; }

/* .section2 { position:relative; max-width:1400px;  height:1364px;  }  */
.section2 { position:relative; max-width:1920px;  height:1270px;  }

.section2 .tt { width:615px; height:171px; margin:67px auto 48px; }
.section2 .cont { width:1200px; height:273px; margin:0px auto; }

.section3 { max-width:1920px; background-color:#fff; height:1350px; }


.section4 { max-width:1920px; padding:2px 0; margin: auto;}
.section41 { max-width:1400px; padding:1px 0px 10px 0px;}
.section41 .wrap-slider2 { position:relative; width:1200px; margin:50px auto 0px;}
.section41 .wrap-slider2 .h3 { letter-spacing:-1px; color:#263d58;}

.section41 #slider2-next, .section41 #slider2-prev { position:absolute; top:80px; }
.section41 #slider2-prev { left:-60px; }
.section41 #slider2-next { right:-60px; }
.section42 { max-width:1400px; padding:3px 0; margin: auto;}

.section5 { /*width:80% !important;background-color:#003435;*/max-width:1920px; background-color:#003839; padding:100px 0; }

.section6 { background:url('../img/.jpg') repeat-x }
.section6 > div { position:relative; width:1400px; margin:0 auto;}
.section6 .cont { height:718px; margin:0 auto; }
.section6 a { position:absolute; display:inline-block; width:240px; height:40px; right:235px; }
.section6 a.map1 { top:248px; }
.section6 a.map2 { top:434px;}

.section7 { width:100% !important; background-color:#021223ad; padding:100px 0; }
.section8 { width:100% !important; background-color:#021223ad; padding:100px 0; }
.section9 { width:100% !important; background-color:#021223ad; padding:100px 0; }
.section10 { width:100% !important; background-color:#021223ad; padding:100px 0; }






footer { position:relative; }
/*
  푸터 이미지
*/
footer .copyright { position:relative; width:1400px;margin:0 auto }
footer .btn-privacy { position:absolute; top:0; right:0;}
footer .copyright .company { display: inline-block; list-style-type: none; padding: 0; font-weight: normal; margin-bottom: 1rem;}
footer .copyright .company li { float: left; }
footer .copyright .company li:after { content: "|"; padding: 0 1rem; }
footer .copyright .company li:last-child:after { content: " "; padding: 0;}
footer .copyright .anounce { list-style-type: none; padding: 0; clear: left; font-size: 0.9rem; color: grey; }
footer .copyright .groups { list-style-type: none; padding: 0; font-weight: bold; margin-bottom: 1rem; margin-bottom: 3rem;}
footer .copyright .groups li { float: left; margin-right: 3rem;}
footer .copyright .groups li:last-child { margin:0 ;}
footer .copyright .groups .enforcement { text-indent: -9999px; width: 212px; height: 29px; background: url('../img/enforcement.png') no-repeat center center; }
footer .copyright .groups .construction { text-indent: -9999px; width: 230px; height: 29px; background: url('../img/construction.png') no-repeat center center; }
footer .copyright .groups .consignment { text-indent: -9999px; width: 153px; height: 29px; background: url('../img/consignment.png') no-repeat center center; }
footer .copyright .sales_inquriy { text-indent: -9999px; width: 186px; height: 63px; background: url('../img/sales_inquiry.png') no-repeat center center; display: inline-block;position: absolute;bottom: 2rem;right: 0rem;}

.w1200 { position:relative; width:1200px; margin:0 auto;}
.w1400 { position:relative; width:1400px; margin:0 auto;}
.w1600 { position:relative; width:1600px; margin:0 auto;}


/*
  BxSlider Setting Change
*/
.bx-wrapper { padding-top: 50px;
  -moz-box-shadow: none !important; -webkit-box-shadow:none !important; box-shadow:none !important;
  border:0 !important; margin-bottom:0 !important; background: transparent !important;
}
.bx-pager { display:none; }

a:hover { text-decoration: none }




html, body { width:100%; height:100%; background-color: #fff;}
#popup_bg {
  position:fixed; width:100%; height:100%; z-index:1001;
  background-color:#000; opacity:0.6; filter:alpha(opacity=60); display:none;
}
.popup {
  position:fixed; display:inline-block; z-index:1002; 
  top:-530px; left:50%; transform:translateX(-50%);
}
.popup .popup-close, .popup .popup-img { position:relative; display:block; cursor:pointer; }
.popup .popup-close { height:30px; text-align:center; color:#fff; cursor:pointer; font-size:16px; }
.popup.on {
  animation:popup1 .7s ease 0.5s 1;
  -webkit-animation:popup1 .7s ease 0.5s 1;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@keyframes popup1 {
  0% {
    top:-530px;
  }
  100% {
    top:120px;
  }
}


#player { width:400px;}
#player_screen { position:relative; width:100%; height:800px; }
#player_screen iframe { position:relative; width:100%; height:100%px; }
#player_screen .top_img { width:100%; height:100%; position:absolute; top:0px; left:0px; cursoor:pointer; background:#e5e5e5;}
#player_screen .top_img + iframe { display:none }
#player_text dt, #player_text dd { margin:0; padding:0;}

dl.movs { width:100px; float:left; border:solid 1px #ccc;}
dl.movs + dl.movs { margin-left:10px;}
dl.movs dt, dl.movs dd { margin:0; padding:0;}
dl.movs dd.desc, dl.movs dd.url { display:none; }

*{
    margin: 0;
    padding: 0;
}

body{background-color: #2e8d86;}
.container{width:80%;margin:80px auto}
.container h1{padding:60px 0;color:#fff;font-size:44px;text-align:center;}
.row {display: flex;align-items: center; flex-wrap: wrap;}
.col {flex-basis: 50%; min-width: 250px;}
.feature-img {width: 83%; margin: auto; position: relative; border-radius: 6px; overflow: hidden;line-height: 0;}
.row .thum {width: 100%;}
.small-img-row {width: 85%; display: flex; background: #efefef; margin: 20px 0; align-items: center; border-radius: 6px; overflow: hidden; }
.small-img-row:first-child {margin-top: 0;}
.small-img-row:last-child {margin-bottom: 0;}
.small-img {position: relative; line-height: 0;}
.small-img .thum {width: 150px;}
.small-img-row p {padding: 0 20px ;color: #707070; line-height: 22px;font-size: 14px;}
.play-btn {width: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.video-player{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); display: none;}
video:focus {outline: none;}
.close-btn {width: 30px; position: absolute; top: 10px; right: 10px; cursor: pointer;}


/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
/*팝업 박스*/
.popup_box{position: relative;top:50%;left:50%; height: 700px; width:400px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff0;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.popup_box .popup_cont {line-height:1.4rem;font-size:14px; }
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#ECECEC;word-break: break-word;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:70px;  font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#000; color: #fff;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
/*popup*/