@CHARSET 'utf-8';
section { min-width: 1080px; text-align: center; background-size: cover; }
section .inner { position: relative; width: 1080px; height: 100%; margin: 0 auto; }
section .inner h2 { position: relative; z-index: 1; width: 100%; text-align: center; }
/* section .inner:after { position: absolute; left: 50%; display: block; width: 28px; height: 72px; margin-left: -14px; content: ''; background: url("../images/main/main.png") -100px 0 no-repeat; } */

.panel { overflow: hidden; box-sizing: content-box; width: 100%; padding-top: 68px; background-position: center top; }

.panel0 { display: block; height: 902px; background-image: url(../images/main/bg_section1.png); background-size: cover; }
.panel0.active .img1 { left: 887px; opacity: 1; }
.panel0.active .img2 { right: 887px; opacity: 1; }
.panel0 .imgs { position: absolute; top: 0; left: 1100px; display: block; transition: all .5s ease; -webkit-transition-delay: .5s; /* Safari */ transition-delay: .5s; opacity: 0; }
.panel0 .img2 { right: 1100px; left: auto; -webkit-transition-delay: .7s; /* Safari */ transition-delay: .7s; }
.panel0 h2 { margin-bottom: 30px; padding-top: 86px; }
.panel0 .mov { position: relative; z-index: 1; display: block; width: 840px; height: 472px; margin: 0 auto; }
.panel0 .comment { position: relative; z-index: 1; overflow: hidden; box-sizing: border-box; width: 840px; height: 82px; margin: 0 auto; padding: 0 0 0 110px; border-top: 1px solid #d3d3d2; border-bottom: 1px solid #d3d3d2; }
.panel0 .comment:before { position: absolute; top: 50%; left: 30px; display: block; width: 58px; height: 54px; margin-top: -27px; content: ''; background: url("../images/main/main.png") 0 0 no-repeat; }
.panel0 .comment .bx-wrapper { max-width: 100% !important; }
.panel0 .comment ul li { font-size: 17px; line-height: 24px; position: relative; height: 80px; padding-top: 15px; text-align: left; }
.panel0 .comment ul li a { font-family: 'Noto Regular'; letter-spacing: -.05em; color: #000; }
.panel0 .comment ul li a.oneLine {line-height:50px;}
.panel0 .comment ul li a span { font-family: 'Noto Medium'; letter-spacing: -.05em; color: #8a8a8a; margin-left:10px;}
.panel0 .comment ul li a span.mL1 {margin-left:1px;}
.panel0 .comment ul li a span.mL0 {display:block;margin-left:0;}
.panel0 .comment .bx-prev, .panel0 .comment .bx-next { position: absolute; z-index: 2; top: 28px; right: -35px; display: block; overflow: hidden; width: 25px; height: 24px; cursor: pointer; text-indent: -9999px; background: url("../images/main/main.png") -300px 0 no-repeat; }
.panel0 .comment .bx-next { right: -64px; background-position: -350px 0; }
/* .panel0 .inner:after { bottom: 28px; } */

.panel0 .mov iframe {display:block;width:827px;height:460px;position:absolute;top:6px;left:6px;}

.panel0 .inner .mouseMove0 {position: absolute; left: 50%; bottom: 28px; display: block; width: 28px; height: 72px; margin-left: -14px;content: ''; background: url("../images/main/main.png") -100px 0 no-repeat;text-indent:-9999em;}
.panel0 .inner .mouseMove0 a {text-indent:-9999em;}

.panel1 { height: 831px; }
.panel1 h2 { margin-bottom: 54px; padding-top: 81px; }
.panel1 ul { position: relative; width: 1080px; }
.panel1 ul:after { display: block; clear: both; content: ''; }
.panel1 ul li { position: absolute; top: 0; left: 0; overflow: hidden; width: 255px; height: 445px; transition: all .3s ease; opacity: 0; -webkit-box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.2); }
.panel1 ul li p { display: none; }
.panel1 ul li a { display: block; overflow: hidden; width: 100%; height: 100%; position: relative; }
.panel1 ul li a img { display: block; width: 100%; transition: all .2s ease; }
.panel1 ul li a .bg { position: absolute;left: 50%;width: 234px;margin-left: -117px; top:54px; transition: all 0.2s ease; }
.panel1 ul li a:hover .bg { width: 312px;margin-left: -28px;left: 0; top:0px;}
/*.panel1 ul li a:hover .bg { width: 275px; height: 465px; margin: -10px 0 0 -10px; }*/
.panel1 ul li.first { z-index: 1; margin-left: 0; padding-top: 344px; background: url(../images/main/bg_section2.png) 0 0 no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.panel1 ul li.first a { width: 65px; height: 21px; margin: 0 auto; text-indent: -9999px; background: url(../images/main/main.png) -400px -50px no-repeat; }
.panel1 ul li.first a:hover img { width: 65px; height: 21px; }
.panel1 ul li.item1 { left: 145px;background-color: #57cbf5;border: 1px solid #31bff3; }
.panel1 ul li.item1 .bg {  }
.panel1 ul li.item1:hover .bg {}

.panel1 ul li.item2 { left: 400px; background-color:#f3858e; border: 1px solid #f2707b; }
/*.panel1 ul li.item2 .bg { width: 223px;margin-left: -112px; top:30px; transition: all 0.2s ease; }
.panel1 ul li.item2:hover .bg { width: 100%;margin-left: 0;left: 0; top:0px;}*/

.panel1 ul li.item3 { left: 675px; background-color:#75caba; border: 1px solid #47c0a9;}
/*.panel1 ul li.item3 .bg { width: 219px;margin-left: -109.5px; top:50px; transition: all 0.2s ease; }
.panel1 ul li.item3:hover .bg { width: 100%;margin-left: 0;left: 0; top:0px;}*/
.panel1.active ul li { opacity: 1; }
.panel1.active ul li.first { -webkit-transition-delay: .3s; /* Safari */ transition-delay: .3s; }
.panel1.active ul li.item1 { left: 275px; -webkit-transition-delay: .4s; /* Safari */ transition-delay: .4s; }
.panel1.active ul li.item2 { left: 550px; -webkit-transition-delay: .5s; /* Safari */ transition-delay: .5s; }
.panel1.active ul li.item3 { left: 825px; -webkit-transition-delay: .6s; /* Safari */ transition-delay: .6s; }
/* .panel1 .inner:after { bottom: 50px; } */

.panel1 .inner .mouseMove1 {position: absolute; left: 50%; bottom: 50px; display: block; width: 28px; height: 72px; margin-left: -14px;content: ''; background: url("../images/main/main.png") -100px 0 no-repeat;text-indent:-9999em;}
.panel1 .inner .mouseMove1 a {text-indent:-9999em;}

.panel2 { height: 850px; background: url(../images/main/bg_section3.jpg) center center no-repeat; background-color:#c2d5e4;}
.panel2 h2 { margin-bottom: 48px; padding-top: 80px; }
.panel2 .mov_wrap { -webkit-box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 7px 7px 8px 0px rgba(0, 0, 0, 0.2); }
.panel2 .mov_wrap:after { display: block; clear: both; content: ''; }
.panel2 .mov_wrap .thumbnail { position: relative; float: left; width: 840px; height: 472px; }
.panel2 .mov_wrap .thumbnail .cover { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all .3s ease; pointer-events: none; opacity: 0; }
.panel2 .mov_wrap .thumbnail .cover.active { cursor: pointer; pointer-events: auto; opacity: 1; }
.panel2 .mov_wrap .btns { position: relative; float: left; width: 240px; }
.panel2 .mov_wrap .btns a { position: absolute; bottom: 80px; left: 50%; display: block; width: 65px; height: 21px; margin-left: -32px; text-indent: -9999px; background: url(../images/main/main.png) -400px 0 no-repeat; }
.panel2 .inner:after { bottom: 50px; }

.panel2 .inner .mouseMove2 {position: absolute; left: 50%; bottom: 20px; display: block; width: 28px; height: 72px; margin-left: -14px;content: ''; background: url("../images/main/main.png") -100px 0 no-repeat;text-indent:-9999em;}
.panel2 .inner .mouseMove2 a {text-indent:-9999em;}

.panel3 { /* height: 1353px; min-height:1000px; */ position:relative; background-color: #f5f6f8; }
.panel3_wrap {width:100%; background-color: #f5f6f8; padding-bottom:90px;}
.panel3 h2 { /* margin-bottom: 36px; */ padding-top: 78px; }
.panel3  .section4_img {display:block;position:absolute;top:66px;left:0;}
.panel3  .section4_img img {display:block;vertical-align:top;}
.panel3 ul { overflow: hidden; }
/* .panel3 ul li { float: left; width: 350px; height: 438px; margin-left: 15px; }
.panel3 ul li:first-child { margin-left: 0; }
.panel3 ul li a { display: block; width: 100%; height: 100%; text-align: center; }
.panel3 ul li img { display: block; }
.panel3 ul li p { height: 98px; padding-top: 24px; background-color: #fff; }
.panel3 ul li p strong, .panel3 ul li p span { display: block; letter-spacing: -.05em; color: #000; }
.panel3 ul li p strong { font-family: 'Noto Medium'; font-size: 18px; }
.panel3 ul li p span { font-family: 'Noto Regular'; font-size: 14px; } */
.panel3 .inner:after { display: none; }

.pagination { font-size: 1.4em; position: fixed; z-index: 10; top: 50%; right: 48px; transform: translateY(-50%); }

.pagination a { position: relative; display: block; height: 20px; margin-bottom: 5px; padding: 4px; color: #000; }

.pagination a.active:after { box-shadow: inset 0 0 0 5px; }

.pagination a .hover-text { position: absolute; top: 7px; right: 15px; padding-right: 15px; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0; }

.pagination a:hover .hover-text { opacity: 1; }

.pagination a:after { position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 12px; height: 12px; margin: auto; content: ''; -webkit-transition: box-shadow .5s ease; transition: box-shadow .5s ease; border: 2px solid; border-radius: 50%; }

/*# sourceMappingURL=main.css.map */



/* �˾� */
.pop_wrap{width:100%; height:100%; position:fixed; background:url('../images/layer-bg.png');top:0;right:0;bottom:0;left:0; z-index:9999; display:none;}
.pop_wrap .window{width:827px; height:460px; margin:0 auto; position:relative;}
.pop_wrap .window .cls {position:absolute; top:0px; right:-50px; width:48px; height:48px;}

/* input_wrap */
.panel3 .input_wrap {position:relative;display:block;width:100%;height:80px;margin-top:417px;box-sizing:border-box;}
.panel3 .input_wrap:after {display:block;content:"";clear:both;}
.panel3 .input_wrap input[type="text"] {float:left;width:894px;height:80px;border:4px solid #0063b6;background:#fff !mportant;padding:28px 30px;font-size:18px;line-height:1em;color:#000;box-sizing:border-box;}
.panel3 .input_wrap button {float:left;}
.panel3 .input_wrap .countBox {position:absolute;top:32px;right:220px;}
.panel3 .input_wrap .countBox span {display:block;font-size:18px;line-height:1em;color:#000;}

.panel3 .input_wrap input[type='text']:placeholder { /* Chrome/Opera/Safari */
  color: #a0a0a0 !important;
}
.panel3 .input_wrap input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a0a0a0 !important;
}
.panel3 .input_wrap input[type='text']::-moz-placeholder { /* Firefox 19+ */
  color: #a0a0a0 !important;
}
.panel3 .input_wrap input[type='text']:-ms-input-placeholder { /* IE 10+ */
  color: #a0a0a0 !important;
}
.panel3 .input_wrap input[type='text']:-moz-placeholder { /* Firefox 18- */
  color: #a0a0a0 !important;
}


/* 게시물 없을 때 */
.panel3 .noList {width:100%;}
.panel3 .noList .count_wrap {padding:21px 30px 10px 27px;}
.panel3 .noList .count_wrap:after {display:block;content:"";clear:both;}
.panel3 .noList .count_wrap .count {float:left;font-size:14px;line-height:1em;color:#000;font-family:"Noto Regular";letter-spacing:0;}
.panel3 .noList .count_wrap .count span {font-size:14px;line-height:1em;color:#de5a4b;}

.panel3 .noList .inner {background:#fbfbfc;padding:75px 0;}
.panel3 .noList .inner p {font-size:20px;line-height:30px;color:#777777;text-align:center;}

/* 게시물 있을때 */
.panel3 .cmtList1 {width:100%;}
.panel3 .cmtList1 .count_wrap {padding:21px 30px 15px 25px;}
.panel3 .cmtList1 .count_wrap:after {display:block;content:"";clear:both;}
.panel3 .cmtList1 .count_wrap .count {float:left;position:relative;top:-2px;font-size:14px;line-height:1em;color:#000;font-family:"Noto Bold";letter-spacing:0;}
.panel3 .cmtList1 .count_wrap .count span {font-size:14px;line-height:1em;color:#de5a4b;}

.panel3 .cmtList1 ul  li {position:relative;padding:20px 30px 13px 25px;color:#676767; box-sizing:border-box;position:relative;font-family:"Noto Medium";}
.panel3 .cmtList1 ul li:after {display:block;content:"";clear:both;}
.panel3 .cmtList1 ul li .list_close {display:block; position:absolute; top:20px; right:30px; width:10px; height:10px; /* padding:5px; */}
.panel3 .cmtList1 ul li:nth-child(even) {background:#fcfcfc;}
.panel3 .cmtList1 ul li:nth-child(odd) {background:#ffffff;}
.panel3 .cmtList1 ul li .listNum {font-size:12px;line-height:1em;color:#333;float:left;margin-right:23px;font-family:"NanumGothic";font-weight:bold;letter-spacing:0.3px;}
.panel3 .cmtList1 ul li .cnt_txt {float:left;width:90%;margin-bottom:4px;text-align:left;}
.panel3 .cmtList1 ul li .usr_info .name {display: inline-block;margin-right:7px;font-size:14px;line-height:1em;color:#333333;font-family:"Noto Bold";letter-spacing:0;vertical-align:top;margin-top:1px;}
.panel3 .cmtList1 ul li .usr_info .date {display:inline-block;width:150px;font-size:14px;line-height:1em;color:#676767;letter-spacing:-0.08px;vertical-align:top;margin-top:2px;}
.panel3 .cmtList1 ul li p {display:block;font-size:14px;line-height:18px;color:#000000;font-family:"Noto Regular";position:relative;bottom:1px;word-break: break-all;letter-spacing:0;}


/* notice */
.panel3 .notice {padding:68px 0 78px;background:#fff;position:relative;}
.panel3 .notice a {display:block;width:118px;height:16px;position:absolute;left:558px;top:43px;}

/* 페이징 */
.paging {margin-top:40px;}


/* 2018-01-11 추가 */
.panel3_wrap {padding-bottom:120px;}
.evt_list {display:block;width:100%;margin-top:36px;}
.evt_list:after {display:block;content:'';clear:both;}
.evt_list li {float:left;width:350px;height:438px;margin-left:15px;;box-sizing:border-box;}
.evt_list li:first-child {margin-left:0;}
.evt_list li a {display:block;width:100%;height:100%;}
.evt_list li figure {display:block;width:350px;height:340px;}
.evt_list li figure img {width:100%;height:100%;}

.evt_list li dl {display:block;width:100%;padding:28px 0 29px;background:#fff;text-align:center;}
.evt_list li dl dt {display:block;font-family:"Noto Medium";font-size:18px;line-height:1em;color:#000;margin-bottom:9px;}
.evt_list li dl dd {display:block;font-family:"Noto Regular";font-size:14px;line-height:1em;color:#000;}