/*main*/
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.comBg {
opacity: 0;
}

.slick-slider {
display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;
}
.slick-list {margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;}

.slick-list.dragging {	cursor: pointer;}
.slick-slider .slick-track {	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-track {
left: 0px; top: 0px; display: block; position: relative;
}
.slick-track::before {
display: table; content: "";
}
.slick-track::after {
display: table; content: "";
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
height: 100%; float: left; display: none; min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent; border-image: none; height: auto; display: block;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider {
transition:opacity 0.3s; opacity: 0; -webkit-transition: opacity 0.3s;
}
.slider::after {
clear: both; display: block; content: "";
}
.slider.slick-initialized {
opacity: 1;
}
.slider > :not(:first-of-type).item {
position: absolute; opacity: 0;
}

.pages {
height: 100%; padding-top: 0px; display: block; position: relative; min-height: 320px; min-width: 320px;
}
.pages .slick_slider {
transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages .slick-initialized {
left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;
}
.pages .slick-list {
z-index: 1;
}
.pages .slick-list {
width: 100%; height: 100%;
}
.pages .slick-track {
width: 100%; height: 100%;
}
.pages .slick-slide {
width: 100%; height: 100%;
}
.slick_slider .page {
width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;
}
.slick_slider .page .bg {
background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick_slider.ani .page.slick-active .bg {
opacity: 1; transform: scale(1) rotate(0.001deg); transition-delay: 0s; -webkit-transform: scale(1, 1) rotate(.001deg); -webkit-transition-delay: 0s;
}
.slick_slider .page .bg .bg_area {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 9990;
}
.slick_slider .page .bg img {

}
.slick_slider .page.page_01 .bg {
background-image: url("../img/main/main-n1.jpg");
}
.slick_slider .page.page_02 .bg {
background-image: url("../img/main/main-n2.jpg");
}
.slick_slider .page.page_03 .bg {
background-image: url("../img/main/main01-3.jpg");
}
.slick_slider .page.page_04 .bg {
background-image: url("../img/main/main01-4.jpg");
}
.slick_slider .page.page_05 .bg {
background-image: url("../img/main/main01-5.jpg");
}

.slick_slider .page.page_06 .bg {
background-image: url("../img/main/main01-6.jpg");
}
.slick_slider .page.page_07 .bg {
background-image: url("../img/main/main01-7.jpg");
}

.slick_slider .intro {
padding: 550px 60px 150px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: table; position: absolute; box-sizing: border-box;
}
.slick_slider .intro .text_box {
text-align: center; vertical-align: middle; display: table-cell;
}
.slick_slider .intro .title {
letter-spacing: -2.5px; padding-bottom: 25px; position: relative;
}
.slick_slider .intro .title em {
color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
.slick_slider.ani .page.slick-active .intro .title em {
transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}

.slick_slider .intro .desc {
color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.slick_slider.ani .page.slick-active .intro .desc {
transition:transform 1s; opacity: 0.8; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro .desc .br {
display: block;
}
.slick_slider .intro a.btn_box {
border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.slick_slider .intro a.btn_box:hover {
border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);
}
.slick_slider.ani .page.slick-active .intro a.btn_box {
transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}

.pc{display:block !important;}
.mobile{display:none !important;}

.pages {
background: rgb(255, 255, 255); height: 100%; padding-top: 0px; display: block; position: relative; min-height: 320px; min-width: 320px;
}
.pages .slick_slider {
transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages .slick-initialized {
left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;
}
.pages .slick-list {
z-index: 1;
}
.pages .slick-list {
width: 100%; height: 100%;
}
.pages .slick-track {
width: 100%; height: 100%;
}
.pages .slick-slide {
width: 100%; height: 100%;
}
.slick_slider .page {width: 100%;height: 100%;display: block;position: relative;box-sizing: border-box;overflow: hidden;/* padding: 0; */}
.slick_slider .page .bg {
background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}

.slick_slider .page .bg:before{position: absolute; width: 100%; height: 100%; display: block; content: ''; background:rgba(0,0,0,0.6) }

.slick-slide img{display:inline; text-align:center}
.text_box{ width:100%;  position:relative; text-align:left ; color:rgba(255,255,255,1);top: 0%; position: absolute;  z-index: 13; height:100%}
.text_box .desc{width:50%; height:100%; float:left; position:relative; text-align:center}
.on .blackcover{position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.6); z-index: 10; transition: all 0.2s ease-in; cursor:pointer}
.text_box  .desc-txtw{ position: relative;    z-index: 10; top: 30%;}
.text_box  .desc-txt{ font-weight: 500;  color: #FFF; letter-spacing:-4px; font-size: 48px;}
.text_box  .color-y{color: #fcac1d; }
.text_box  .desc-txts{font-size: 22px; letter-spacing:-1px;  color: #FFF; font-weight:300; margin-top:20px}

.btn_img_up {    
color: #2e3949;
display: inline-block;
font-size: 20px;
font-weight: 500;
margin: 70px 0 0 0;
text-align: center;
-webkit-transition: background-color .2s;
transition: background-color .2s; background-color: #ffcd20;
border: 1px solid #ffcd20;
color: #212121; padding: 18px 8px 20px;width: 280px;
}

.visual.off {
-webkit-filter: grayscale(100%);
filter: gray;
}



.text_box .desc-line{width:55px; height:1px; background:rgba(255,255,255,0.4); margin:0 auto}

/*검색*/
.search-boxw{    display: block;    position: relative;       background: #fff;}
.search-box{ display:none;    background:#FFF;     position: absolute;    width: 100%;      z-index:3; height:100px; border-bottom: 1px solid #e2e2e2; top:0; box-sizing: border-box;}
.search-wrap{    max-width:550px;    margin:110px auto 25px;    position:relative;}
.search-t{float:left; height:50px; background:rgba(255,255,255,1); color:rgba(0,0,0,1); font-weight:600; width:135px; line-height:50px; position: relative; font-size: 20px;}
.search-t:after{height:35px; width:1px; background:#f3d8cd; content:''; top:7px; position:absolute; right:0px} 
.search-wrap select{   position: absolute;    width: 118px;    border: none;    border-right: 1px solid #ddd;    padding: 0 10px 0 15px;
height: 35px;    margin-top: 10px;    outline: none;    -webkit-appearance: menulist-button;    font-size:15px;    background-color: #fff;}
.search-wrap input[type="text"]{   width: 395px; height: 50px;    border: none;    padding: 0px 10px ;    -webkit-appearance: none;    -webkit-border-radius: 0;    font-size:15px;    background:#fff; line-height:50px;}
.search-wrap .submit-btn{   display: inline-block;   background: url("../img/images/main/area_visual_btn.png") 50% 50% no-repeat;  background-color: #c43300;    width: 50px;    height: 50px;    float: right;    border:none;    position:absolute; right:0}
.txtDiv-news{position:relative;}
.txtDiv-board .tab_container ul li{box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.5) ; position:relative; padding:15px 0}
.txtDiv-board ul li:last-child{padding-right:0;}
.txtDiv-board ul li a{color:#c0b4b0;} 
.txtDiv-board ul li a:hover{text-decoration:underline;}
.txtDiv-board ul li a .news-tit{color:#d5d5d5;  font-size:16px; font-weight:500; white-space: nowrap;
overflow: hidden;     text-overflow: ellipsis; text-align: left;}
.txtDiv-board ul li a .news-day{ font-size:15px; position:absolute; right:0;top: 15px;}
.txtDiv-board ul.tabs li{width:115px;box-sizing:border-box; float:left; border:1px solid rgba(255,255,255,0.5) ;  height:38px; line-height:38px;  text-align:center;  font-size: 16px; color:#bbbbbb; border-bottom: 1px solid #d1d1d1;}
.txtDiv-board ul.tabs li:last-child{border:none; border-bottom: 1px solid #d1d1d1; width:calc(100% - 278px);}
.txtDiv-board ul.tabs li:first-child{ width:160px;}
.txtDiv-board ul.tabs li.active, .txtDiv-board ul.tabs li.activetab{  border:1px solid #b8aeaa;  box-sizing:border-box; color:rgba(255,255,255,1); border-bottom: none}
.txtDiv-board ul.tabs li:hover{ cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.txtDiv-board ul{overflow:hidden; }
.txtDiv-board .tab_content{display:none;height: 110px;}
.txtDiv-board .tab_content .more a{color:#b4b2b0; display:block; text-transform:uppercase; position:absolute; top:10px; right:0px; font-size:15px; font-family: 'Futura-Medium';}
.txtDiv-board{width:550px; margin:0 auto;}

.slick_slider .intro .title em {	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
.slick_slider.ani .page.slick-active .intro .title em {
transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.slick_slider .intro .desc {
color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px);
}
.slick_slider.ani .page.slick-active .intro .desc {
transition:transform 1s; opacity: 0.8; transform: translateX(0px); -webkit-transform: translateX(0);}
.slick_slider .intro .desc .br {
display: block;
}
.slick_slider .intro a.btn_box {
border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.slick_slider .intro a.btn_box:hover {
border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);
}
.slick_slider.ani .page.slick-active .intro a.btn_box {
transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro a.btn_box em {
height: 56px; color: rgb(255, 255, 255); line-height: 56px; padding-right: 15px; font-family: "Noto Sans"; font-size: 16px; display: inline-block; position: relative;
}
.slick_slider .intro a.btn_box em::before {
/*background: url("../images/icons/icons.png") no-repeat -550px -60px;*/ top: 50%; width: 7px; height: 12px; right: 0px; margin-top: -5px; display: block; position: absolute; content: "";
}
.slick_slider .slick-arrow {
background: none; border: currentColor; border-image: none; top: 50%; width: 50px;  text-indent: -999em; margin-top: -50px; display: block; position: absolute; z-index: 7; display: none !important;
}
.slick_slider .slick-arrow::before {
/*background: url("../images/icons/icons.png") no-repeat -500px -160px;*/ transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility cubic-bezier(0, 0, 0.25, 1); left: 50%; top: 50%; width: 38px; height: 82px; margin-top: -41px; margin-left: -19px; display: block; position: absolute; content: ""; opacity: 0.3; -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);
}
.slick_slider .slick-arrow:hover::before {	opacity: 1;}
.slick_slider .slick-arrow.slick-prev {	left: 58px;}
.slick_slider .slick-arrow.slick-next {	right: 58px;}
.slick_slider .slick-arrow.slick-next::before {background-position: -550px -160px;}
.slick_slider .slick-dots {left: 50%;top: 60%;margin-left: -600px;width: 1200px;text-align: left;position: absolute;z-index: 2;/* background: #0173bc; */}
.slick_slider .slick-dots li {	width: 40px; height: 1px; display: inline-block; background:#cccacc; margin:0 5px;}
.slick_slider .slick-dots  .slick-active{background:#1cf91a; width:40px; height:2px; background:#edeced}
.slick_slider .slick-dots li button {	background: none; border: currentColor; border-image: none; width: 100%; height: 80px; color: rgb(255, 255, 255); overflow: hidden; display: block; position: relative;/* display:none;*/ text-indent: -99999px;}
.slick_slider .slick-dots li button em {	transition:opacity 0.5s; left: 0px; width: 100%; height: 60px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 60px; display: block; position: absolute; z-index: 3; -webkit-transition: opacity 0.5s; display:none}



.mainoticew{position:absolute;bottom:0;background:rgba(0,0,0,0.5);z-index:3;color:#fff;width:1360px;left:50%;line-height:80px;height:80px;margin-left:-660px;padding:0 50px;box-sizing:border-box;}
.mainoticew > div{float:left;}
.mainoticew .mnots a{color:rgba(255,255,255,0.5);}
.mainoticew .mnot{padding-right:40px;position:relative;}
.mainoticew .mnot:before{width:1px;height:17px;background:rgba(255,255,255,0.5);position:absolute;content:'';display:block;top:32px;right:18px;}
.mainoticew .bx-wrapper{width:calc(100% - 200px);}

.mainoticew .bx-controls{position:absolute;top:8px;right:60px;}
.mainoticew .bx-controls > div{display:inline-block;}
.mainoticew .bx-controls a{position:relative;display:inline-block;width:2.6rem;height:1.7rem;line-height:1.6rem;overflow:hidden;text-indent:-9999px;}
.mainoticew .bx-controls-auto{position:absolute;left:21px;}
.mainoticew .bx-controls a:after{position:absolute;top:0;left:0;width:100%;text-align:center;}
.mainoticew .bx-next{margin-left:-1px;}
.mainoticew .bx-prev:after{content:"";background:url(../img/main/arrow_left.png) no-repeat center;width:1.6rem;height:1.7rem;padding-left:1.6rem;line-height:1.6rem;}
.mainoticew .bx-next:after{content:"";background:url(../img/main/arrow_right.png) no-repeat center;width:1.6rem;height:1.7rem;padding-left:1.6rem;line-height:1.6rem;}
.mainoticew .bx-start:after{content:"";background:url(../img/main/stop_arrow.png) no-repeat center;width:1.6rem;height:1.7rem;padding-left:1.6rem;line-height:1.6rem;}
.mainoticew .bx-stop:after{content:"";background:url(../img/main/play_arrow.png) no-repeat center;width:1.6rem;height:1.7rem;padding-left:1.6rem;line-height:1.6rem;}

.mainSection {left: 0px; top:0; width: 100%; height: 100%; overflow: hidden; position: absolute;}
.bcover{position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); z-index: 10; }

.mainVisDiv {top: 0px;}
.mainVisDiv .visArea {	width: 100%; height: 100%; overflow: hidden; position: relative;}

.mainVisDiv .visArea .visual {left: 100%; top: 0px; width: 100%; height: 100%; position: absolute;}
.mainVisDiv .visArea .visual .videoDiv {left: 0px; top: 0px; width: 100%; position: absolute;}
.mainVisDiv .visArea :nth-child(1).visual {background: url("../img/images/main/main01.jpg") no-repeat center / cover; left: 0px;}
.mainVisDiv .visArea .visual .txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.mainVisDiv .visArea .visual .txtDiv .inner {	margin: 0px auto; width: 1180px; position: relative;}
.mainVisDiv .visArea .visual .txtDiv .txt1 {	left: 0px; top: 276px; width: 100%; height: 102px; color:#d3d2d1;  text-align: center; overflow: hidden; position: absolute; text-transform:uppercase;}
.mainVisDiv .visArea .visual .txtDiv .txt2 {left: 0px; top: 327px; width: 100%; height: 130px; text-align: center; overflow: hidden; position: absolute; font-size:52px; font-family: 'NanumSquare', sans-serif; font-weight:700;  color:#d3d2d1;}
.mainVisDiv .visArea .visual .txtDiv .txt3 {	top: 470px; width: 100%; text-align: center; position: absolute;  font-family: 'NanumSquare', sans-serif;  color:#d3d2d1; opacity:0.7; font-size:20px; }
.mainVisDiv .visArea .visual .txtDiv .txt3 span{display:block; width:100px; height:2px; background:#e83410; margin:20px auto;}
.mainVisDiv .visArea .visual .txtDiv .txt4 {	top: 560px; width: 100%; text-align: center; position: absolute;  font-family: 'NanumSquare', sans-serif;  color:#d3d2d1; opacity:0.7; font-size:20px; }
.mainVisDiv .visArea .visual .txtDiv .txt5 {	top: 680px; width: 100%; text-align: center;  position: absolute;   width:640px; left:50%; margin-left:-320px; color:#d3d2d1}

.main_quick .quick_01 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_02 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_03 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_04 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_05 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}
.main_quick .quick_06 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}


.mainCon0 {background: url("../img/main/main01-1.jpg") no-repeat center / cover;}
.mainSection{position:relative;}

.maintop{position:absolute;z-index: 2;top:340px;width: 1200px;left:50%;margin-left: -600px;}


.slick-dots{   bottom:0px;    display: block;padding: 0;    margin: 0;    list-style: none;    text-align:left}
.slick-dots li{    position: relative;    display: inline-block;     margin: 0 5px;    padding: 0;    cursor: pointer;}
.slick-dots li button{    font-size: 0;    line-height: 0;    display: block;    width: 50px;    height: 2px;    background:#cfcfcf;	opacity:0.5;    cursor: pointer;    color: transparent;    border: 0; }
.slick-dots li.slick-active  button{width:50px; opacity:1; }
.main01sec-1{ font-weight:600; font-size:18px; color:#3bc5ff; width:160px; height:45px; line-height:45px; text-align:center; border:1px solid #3bc5ff; margin:0 auto 20px}
.main01sec-2{font-size: 50px;font-weight:600;line-height:140%;letter-spacing:-3px;color:#ffffff;line-height: 115%;margin-bottom: 20px;text-align:left}
.main01sec-2 a{color: #fff}
.main01sec-3{font-size: 20px;color:rgba(255,255,255,0.6);line-height:140%;padding-top:10px;line-height:160%;text-align:left;padding-bottom: 40px;}
.main01sec{float: left; text-align: left;}
.main01secw{/* overflow:hidden; *//* width: 80%; */position: relative;text-align:center;margin: 0 auto;}
.mainCon0 .tmore a{margin-top: 50px}
.tmore a{
    border: 1px solid rgba(255,255,255,0.7);
    font-size: 16px;
    padding: 5px 25px;
    display: inline-block;
    margin-top: 10px;
    opacity: 0.7;
    color:rgba(255,255,255,1);
    margin-top: 20px;
    }
.tmore a:hover{background:#0173bc; transition: all 0.2s ease-in; border:1px solid #0173bc  }


/* Arrows */
.main01secw  .slick-prev,.slick-next{    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
   width: 63px;
    height: 66px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	z-index:10;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.main01secw  .slick-prev{background-image: url(../img/sw_prev.png) !important;left: -90px;}	
.main01secw  .slick-next{background-image: url(../img/sw_next.png) !important;right: -80px;}


.noticslist{clear:both; color:rgba(255,255,255,1); margin-top: 20px;}
.noticslist > div{border-bottom:1px solid rgba(255,255,255,0.3);padding: 10px 0;}
.noticslists{font-size:24px; text-transform:uppercase}
.noticslists span{font-weight:700;}
.noticslistc{overflow:hidden; font-size:20px; font-weight:600}
.noticslistc .notitxt{float:left; color:#e99a03}
.noticslistc .notiday{float:right;}
.noticslistc .notiday span{background:rgba(0,0,0,1); width:22px; height:38px; text-align:center; font-size:27px; display:inline-block; text-transform:uppercase}
.noticslistc .notiday  .t1{color:#b3b3b3;}
.noticslistc .notiday  .t2{color:#eda00a;}

.notice_area{width:615px;float:right;}
.notice_area .tab_commnct{width:100%;height:320px;}
.notice_area .tab_commnct .commnct{position:relative;}
.notice_area .tab_commnct .commnct > li{float:left;width:calc((100% - 48px) / 4);}
.notice_area .tab_commnct .tab .tit a{position:relative;width:100%;height:38px;line-height:38px;font-size:20px;color:rgba(255,255,255,0.7);text-align:center;border:1px solid #aaaaaa; display:block; font-weight:400; box-sizing: border-box;}
.notice_area .tab_commnct .tab .tit.tit_active a{color:#fff; border:1px solid #fff; position: relative;    z-index: 1; border-bottom:none; font-weight:600; box-sizing: border-box;}

.notice_area .tab_commnct .btn_more{position:absolute;top: 3px;right:0; border:1px solid rgba(255,255,255,0.2);  color:rgba(255,255,255,0.5);height:38px;line-height:38px; padding:0 20px; font-size:15px; letter-spacing:0}
.notice_area .tab_commnct .commnct .conts{position:absolute;bottom:0;top:55px;width:100%;left:0;box-sizing: border-box;}
.notice_area .tab_commnct .commnct .conts .conts_list li{position:relative;overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:25px; }

.notice_area .tab_commnct .commnct .conts .conts_list li + li{margin-top:30px;}
.notice_area .tab_commnct .commnct .conts .conts_list li a{display:block;font-size:16px;font-weight:300;color:#fff;letter-spacing:-1px;}
.notice_area .tab_commnct .commnct .conts .conts_list li a .title{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:95px; font-size: 15px;}
.notice_area .tab_commnct .commnct .conts .conts_list li a .date{position:absolute;top:0px;right:2px;}
.contsday{ font-family: 'Futura-Medium'; font-size:54px; font-weight:700; float: left; width:100px; text-align:center; color:rgba(255,255,255,0.5); }
.contsday .conm{font-size:14px; color:rgba(255,255,255,0.7);   font-weight:700;}
.contitle{width:calc(100% - 100px); float:left}
.contitle p.cont-t{font-size:21px; color:#fff; font-weight:600; letter-spacing:-2px; padding-bottom:5px; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.contitle p.cont-s{font-size:15px;  color:rgba(255,255,255,0.6); }
.conts_list{padding-right:20px;}



.mainCon1 {background: url("../img/main/main02.jpg") no-repeat center / cover; position: relative;  }
.mainCon1:before{position: absolute;width: 100%;height: 100%;display: block;content: '';background: rgba(0,0,0,0.3);}



.humans {display: flex;justify-content: space-between;margin: 40px 50px 0;}
.humans .info .h3dec{color: #333;padding: 7px 20px;background: #f0e9e3;margin-bottom: 25px;display: inline-block;}
.humans .photo { width:38.5%; }
.humans .info { width:56.25%; }
.humans .info .h3 {font-size: 35px;margin-bottom: 10px;padding-top:0px;margin-top: -12px;color: #000;font-family: 'Nanum Myeongjo', serif;font-weight: 700;text-align: left;padding-bottom: 0;}
.humans .info .txt1 {margin-bottom: 65px;color: #000;}
.humans .info .txt1 p { font-size:23px;  }
.humans .info .txt2 {margin-bottom: 30px;color: #5f5f5f;font-size: 16px;line-height: 180%;}
.humans .info .sign {font-size:20px;color: #333;margin-bottom: 30px;font-family: 'Nanum Myeongjo', serif;font-weight: 600;}

.mainCon1 .text_box {margin-top: -290px;}
.mainCon5 .text_box{margin-top: -240px;}


.txtDiv {	margin: 0px auto; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: relative;}
.txtDiv .inner {	margin: 0px auto;  position: relative; height: 100%;}

.pluszone{background:rgba(255,255,255,1); padding:50px; overflow:hidden}


.fp-viewing-sec02 .text_box .desc-1{ color:rgba(255,255,255,1); margin-bottom:15px}
.fp-viewing-sec02 .text_box .desc-2{ color:rgba(255,255,255,1);}

.btn-common-view {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #333;
    font-size: 17px;
    color: #333;
    padding: 0 19px 0 23px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    }
.btn-common-view:hover { background: #123a78; color: #fff; }
.btn-common-view i{padding-left: 20px}

.text_box .desc-1{color:#fff; font-weight:700; letter-spacing: -2px; font-size:38px; padding-bottom: 20px;}
.text_box .desc-2{color:#fff;font-size:17px;font-weight:400;margin-bottom: 20px;line-height: 160%;}
.text_box .desc-line{background:rgba(0,0,0,1); margin-bottom:30px}
.text_box{top: 50%;     margin-top: -150px;}
.sectit{margin: 0 50px;font-size: 45px;font-weight: 600;color: #333;/* padding-bottom: 10px; */text-align: center;}


.resw{overflow:hidden;display:flex;padding-top: 47px;}
.resbox{margin-right:30px;background:rgba(255,255,255,1); width: 33.33%;}
.resboxtxt{color:rgba(51,51,51,1);text-align:left;padding:25px 15px 0 15px;height:160px;box-sizing:border-box;letter-spacing:-1px;}
.resboxt{font-size: 18px;font-weight:600;padding-bottom:15px;}
.resboxts{font-size: 15px;} 

.resboximg img{height: 200px; height: 240px;     background: rgba(241,241,241,1.00);
    width: 100%;}
.mainCon2 {background: url("../img/main/main03.jpg") no-repeat right 30% center / cover; position: relative}
.mainCon2:before{position: absolute;width: 100%;height: 100%;display: block;content: '';background: rgba(0,0,0,0.4);}

.mainCon2 .text_box{margin-top: -290px;}



.mainCon3 {background: url("../img/main/main04.jpg") no-repeat center / cover;}
.mainCon3:before{position: absolute; width: 100%; height: 100%; display: block; content: ''; background:rgba(0,0,0,0.6) }
.mainCon4 {background: url("../img/main/main05.jpg") no-repeat center / cover; position: relative}
.mainCon4:before{position: absolute; width: 100%; height: 100%; display: block; content: ''; background:rgba(0,0,0,0.3) }

.mainCon5 {background: url("../img/main/main06.jpg") no-repeat center / cover; position: relative}
.mainCon5:before{position: absolute; width: 100%; height: 100%; display: block; content: ''; background:rgba(0,0,0,0.4) }

.mainCon4  .text_box{margin-top: 150px !important; top: inherit !important}

#last_section .text_box .desc-1 p:first-child{color:rgba(255,255,255,1);}

.menuzone{overflow:hidden; margin:15px auto; text-align:center}
.menu_listbox a{ text-align:center; display:inline-block; width:175px}
.menu_listbox{display:inline-block;}
.menu_list_area{border-bottom:1px solid #ccc; padding-bottom:20px}

.menu_listbox .text{font-size:19px; font-weight:700; color:#3b3b3b}
.menu_listbox:hover .text{color:#e74e0f;}
.menu_listbox .icon_box{height:93px;}


.prboxw{overflow:hidden; margin-top:60px; width:100%; float:left}
.prboxw .prbox  a{width:225px; height:172px; float:left; text-align:center; padding:80px 10px 0; letter-spacing:0; box-sizing:border-box; background:rgba(0,0,0,0.3); margin:0 5px 5px 0; display:block}



.prboxw  .prbox01 a{ background: url("../img/main/sec03_01.png") no-repeat center 25px rgba(0,0,0,0.3);}
.prboxw  .prbox02 a{ background: url("../img/main/sec03_02.png") no-repeat center 25px rgba(0,0,0,0.3);}
.prboxw  .prbox03 a{ background: url("../img/main/sec03_03.png") no-repeat center 25px rgba(0,0,0,0.3);}
.prboxw  .prbox04 a{ background: url("../img/main/sec03_04.png") no-repeat center 25px rgba(0,0,0,0.3);}
.prboxw  .prbox05 a{ background: url("../img/main/sec03_04.png") no-repeat center 25px rgba(0,0,0,0.3);}

.prboxw  .prbox01 a:hover{background: url("../img/main/sec03_01.png") no-repeat center 25px rgba(7,32,110,0.6); transition: all 0.2s ease-in; }
.prboxw  .prbox02 a:hover{background: url("../img/main/sec03_02.png") no-repeat center 25px rgba(7,32,110,0.6); transition: all 0.2s ease-in; }
.prboxw  .prbox03 a:hover{background: url("../img/main/sec03_03.png") no-repeat center 25px rgba(7,32,110,0.6); transition: all 0.2s ease-in; }
.prboxw  .prbox04 a:hover{background: url("../img/main/sec03_04.png") no-repeat center 25px rgba(7,32,110,0.6); transition: all 0.2s ease-in; }
.prboxw  .prbox05 a:hover{background: url("../img/main/sec03_04.png") no-repeat center 25px rgba(7,32,110,0.6); transition: all 0.2s ease-in; }
.prboxw .prbox .prbox1{font-size:18px; text-transform:uppercase}
.prboxw .prbox .prbox2{font-size:12px; padding-bottom:15px; color:rgba(204,204,204,0.8)}

 

.mainCon3 .text_box {margin-top: -200px}



.txtDiv .inner{width:1200px;}

.desc-listw{overflow:hidden; width:650px; margin:50px auto 0}
.desc-listw ul li{float:left; font-size:15px; margin-right:40px}
.desc-listw ul li:last-child{margin-right:0;}
.desc-listw ul li .line{width:25px; height:1px; background:rgba(255,255,255,0.6); margin:10px auto;}
.desc-listw ul li:hover .dicbox   {transition: all 0.2s ease-in;  background-color:rgba(217,41,59,0.6);}

.desc-listw ul li:hover p{color:#d9293b}
.dicbox{width:130px; height:130px; border-radius:100%; background-color:rgba(0,0,0,0.6); background-position:center center; background-repeat:no-repeat; margin-bottom:20px; }

.dic01{background-image:url("../img/images/main/munico_01.png"); }
.dic02{background-image:url("../img/images/main/munico_02.png");}
.dic03{background-image:url("../img/images/main/munico_03.png");}
.dic04{background-image:url("../img/images/main/munico_04.png") ;}


#section4 .text_box .desc-1{color:#fff;padding-bottom: 15px;}
#section4 .text_box .desc-2{color:#fff; }
#section4 .text_box .desc-line{background:#fff; }

.giprogram{position:absolute;top:50%;width: 100%; margin-top:-180px}
.gipt{background:#efefef; width:610px; color:rgba(0,0,0,1); box-sizing:border-box; padding:40px 0 40px 60px; float: left;}
.gipts{font-size:30px; color:#282828; font-weight:600; padding-bottom:30px;}
.giptlist ul li {color:#797979;display:block;border-bottom:1px solid #c3c3c3;height:45px;line-height:45px;box-sizing:border-box;font-size:17px;width:210px;position: relative; cursor:pointer}
.giptlist ul li.active:before, .giptlist ul li:hover:before{background:#0377bf;color:rgba(255,255,255,1);box-shadow: 1px 1px 5px #8c8c8c;content:'';display:block;width: 240px;height:50px;top: -2px;left: -15px;position: absolute;z-index: 0;}
.giptlist ul li.active span, .giptlist ul  li:hover span{position:relative; z-index:1; color: #fff;}
.giptimg{float:left;width:910px;position:absolute;background:#ffffff;overflow:hidden;right: 0;top: 25px;}
.giptimg > div{float:left;}
.gitdetail{width:390px; box-sizing:border-box; padding:20px 30px;}
.gt1{color:#1f66aa;font-size:15px;padding-top: 50px;}
.gt2{color:#282828;font-size:25px;padding-bottom: 20px; font-weight:600}
.gt3{background: #000;width: 60px;height: 1px;margin-bottom: 20px;}
.gt4{color:#4d4d4d;font-size: 16px;padding-bottom: 20px; height: 125px;}
.gt5 a{width:160px; height:42px; line-height:42px; text-align:center; color:#5e5d5d; font-size:16px; border:1px solid #5e5d5d; display:inline-block}
.gt5 a:hover{border:1px solid #3b7cbf;  transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#3b7cbf; }

.progw{overflow:hidden; display:flex; margin-bottom: 45px;}
.progbox{flex:1; height:400px; margin:0 7px; padding:85px 30px 0; box-sizing:border-box}
.prog01{background:url(../img/main/prog_01.png) no-repeat; background-size:cover;}
.prog02{background:url(../img/main/prog_02.png) no-repeat; background-size:cover;}
.prog03{background:url(../img/main/prog_03.png) no-repeat; background-size:cover;}
.progboxt{font-size:36px; padding-bottom:25px;}
.progboxts{font-size:14px; color:rgba(255,255,255,0.6); height:80px}
.progboxbtn{text-align:center;}
.progboxbtn a{display:inline-block; border:1px solid rgba(255,255,255,0.6); font-size:14px; padding:5px 25px; }
.progboxbtn a:hover{border:1px solid #3b7cbf;  transition: all 0.2s ease-in; color:rgba(255,255,255,1); background:#3b7cbf; }
.prolist{overflow:hidden; display:flex; margin: 0 100px;}
.prolistbox{flex:1; color:#343434}
.prolistbox span{padding:0 5px; font-weight: 500;}


#section5 .text_box .desc-1{color:#f8f8f8; font-weight:700; letter-spacing: -5px; font-size:45px}
#section5 .text_box .desc-1 span{color:#fcac1d; font-weight:700;}
#section5 .text_box .desc-2{color:#dcdcdc;}
#section5 .text_box .desc-line{background:#fff; }
.mainban{padding-bottom: 7px}

.videow{display: flex;margin-top: 20px; margin-bottom: 50px;}
.videow > div{flex: 1; margin: 0 10px;}
.videow > div:first-child{margin-left: 0}
.videow > div:last-child{margin-right: 0}

.videow > div iframe{width: 100% !important; height: 300px !important}

.footxt{font-size:16px;}
.footxtw{border-bottom:1px solid rgba(255,255,255,0.2);padding:10px 0;overflow:hidden;margin-bottom:20px;}
.footxt{float:left;}
.footpoly{float:right;}
.footpoly a{color:#fff;font-size:14px;padding:0 10px;}
.footpoly a.bold{color:#fff;font-weight:400;}
.footxt .ft1{font-size:16px;font-weight:500;padding-bottom:10px;}
.footxt .ft2{padding:0px 0 20px 0;color:#fff;font-weight:300;font-size:14px;letter-spacing:0;}
.footxt .ft2 span{padding-right:10px;}
.foots .ft3{font-size:14px;letter-spacing:0;text-transform:uppercase;color:rgba(255,255,255,0.4);}
.foots .ft4{font-size:13px;color: rgba(255,255,255, 1);letter-spacing:0;}
.foots  a:link, .foots  a{color: rgba(255,255,255,1);}
.foots{position:relative;}
.familysite{position:absolute;color:rgba(255,255,255,0.4);right:0;top:0;}
.familysite select{width:275px;height:40px;padding-left:10px;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.4);font-size:13px;cursor:pointer;}
.familysite select option{color:#000000;}

.fp-viewing-sec06 .header{display:none;}



.calendar_wrap {padding-top:85px;}
.calendar_wrap .cal_date{position: relative; padding: 20px  60px;  text-align: center; float:left; width:220px;}
.calendar_wrap  .i-conw{float:right; width:610px; }
.cal_datew .i-conw{padding-top:20px;}
.i-conw span em{width:18px; height:18px; display:inline-block; color:rgba(255,255,255,1); font-size:12px; font-weight:500; line-height:18px; text-align:center; margin-right:3px;}
.i-conw span{color:#7e7e7e; font-size:13px; padding-left:5px;}
.i-con1 em{background:#1d42bd;}
.i-con2 em{background:#1d5abd;}
.i-con3 em{background:#1d84bd;}
.i-con4 em{background:#1db0bd;}
.i-con5 em{background:#129160;}
.i-con6 em{background:#609c38;}
.i-con7 em{background:#849a12;}
.i-con8 em{background:#bda11d;}
.i-con9 em{background:#bd7b1d;}
.i-con10 em{background:#bd431d;}
.i-con11 em{background:#bd1d51;}
.i-con12 em{background:#bd1dbb;}


.dayzone{ overflow:hidden; float:right; border:1px solid #c9c9c9; padding: 20px; height:329px;}
.dayzone > div{float:left} 
.dayzone .dayLwrap { width:276px; height:457px; overflow:hidden; margin-right:30px;}
.dayzone .dayLimg{float:left; padding-right:20px;  width:276px; height:416px; overflow:hidden;}
.dayzone .dayLimg img { width:100%;}
.dayzone .footsnsw{width:590px; float:right; background:#f0f0f0;height: 439px;}
.dayzone .snst{float:right; width:240px; text-align:center; padding-top:20px; font-weight:600; letter-spacing:-3px}
.dayzone .snst .snst1{font-size:30px; color:#282828}
.dayzone .snst .snst2{font-size:30px; color:#2e72d7; padding-bottom:30px}
.dayzone .fbarea{width: 340px; float: left; background: #f5f6f7; height: 385px;}
.dayzone ul li{float:left; padding:0 20px 20px 0; height: 82px;    box-sizing: border-box; }
.snsico{overflow:hidden; padding-left:50px;}

.dayzone .dayimg { width:346px; height:405px; overflow:hidden;}
.dayzone .calendar_main{width:280px; margin:0px;box-sizing:border-box; /*border-bottom:1px solid #9e9691;*/ }
.dayzone .calendertitle{border-top:1px solid #5f5a56; height:50px; box-sizing:border-box; text-align:center; font-size:18px; background:#efefef; line-height:50px; font-weight:500} 
.dayzone .forumbox{float: left; margin-right: 55px;}
.forumimgtxt{text-align:center; padding:20px 0; border-bottom:1px solid rgba(204,204,204,1); font-weight:600; font-size:18px}
.dayzone .forumimgw{overflow:hidden; padding-top: 50px;}
.dayzone .forumbox ul{ min-height: 295px; }
.dayzone .forumbox ul li{ background:#2097c1; width:271px; height:370px; padding:30px 35px 0 40px;}
.dayzone .calendar_top{position:relative;}
.dayzone .calendar_top .year_disp { position:relative; text-align:center; padding:9px; font-size:18px; color:#0763c5; font-weight:600 }
.dayzone .calendar_top .mon_prev { position:absolute; left:10px; top:0; height:40px; background:url(../img/main/path-prev.png) no-repeat left center; }
.dayzone .calendar_top .mon_prev a { display:block; padding:20px; color:#666;}
.dayzone .calendar_top .mon_next { position:absolute; right:10px; top:0; height:40px; background:url(../img/main/path-next.png) no-repeat right center; }
.dayzone .calendar_top .mon_next a { display:block; padding:20px; color:#666; }
.dayzone .calendar_top .mon_prev a:hover, .calendar_top .mon_prev a:active,
.dayzone .calendar_top .mon_next a:hover, .calendar_top .mon_next a:active { color:#0e76bd }
.dayzone .calculator_tb { position:relative; border-top:1px solid #d7dde1; border-bottom:1px solid #d7dde1; }
.dayzone .calculator_tb td { position:relative; width:14.28%; text-align:center; height:24px; font-size: 13px;}
.dayzone .calculator_tb td a { display:block;  height:28px; vertical-align:middle; text-align:center; letter-spacing:-0.03em; color:#666666; font-weight:500; transition:all 0.3s ease; line-height:28px;}
.dayzone .calculator_tb td a.p_on { font-weight:bold; color: #0763c5; }
.dayzone .calculator_tb td.today a { font-weight:bold; color:#fff; background:#0763c5;}
.dayzone .calculator_tb td.today a.p_on { font-weight:bold;}
.dayzone .calculator_tb ul li a.sunday { color:#0763c5;}
.dayzone .calculator_tb ul li a.pass { color:#d1d1d1;}
.dayzone .calculator_tb ul li.fill { display:none;}
.dayzone .calculator_tb:after {content:''; clear:both; display:block; overflow:hidden;}

.dayzone .calenderDay{font-size:12px; line-height:25px;margin:0 0 15px 0; color: #000;}
.dayzone .calenderDay td			{text-align:center}
.dayzone .calenderDay .selectdate			{background-color:#0763cf;color:#ffffff}


.dayzone .sunday{color: #0763c5;}
.dayzone .perf_list{margin-bottom:5px;}
.dayzone .con{overflow:hidden;  border-bottom:1px solid #dddddd; padding:5px 0}
.dayzone .con .c-txt {    float: left;  padding-left: 30px; font-size:14px; color: #000;}
.dayzone .con .c-txt  a{display:block;}
.dayzone .con .c-txt  .time{display:none}
.dayzone .con:last-child{border-bottom:none;}
.dayzone .con .i-conw { position: relative; float: left; width: 30px;}
.dayzone .more			{margin:10px 0 0 0}
.dayzone .con .i-conw span {    margin-bottom: 7px;    display: inline-block;    position: absolute;    left: 0px;    top: 0px;}
.dayzone .more a, .newsmore a{display:block; width:90px; height:28px; line-height:28px; border:1px solid #c1c1c1; font-size:13px; font-weight:500; background:url(../img/main/Bplus.png) no-repeat 80% center; padding-left:20px; box-sizing:border-box; color:#6a6a6a; margin:0 auto 0; clear:both; text-align: left;}
.dayzone .more a:hover, .newsmore a:hover{ color: #0763c5; border: 1px solid #0763c5; }
.dayzone .perf_date{display:none;}
.skip	{overflow: hidden;	text-indent:-1000px;	font-size: 0;	width: 0;
	height: 0;	margin: 0;	padding: 0;	position: absolute;}			

.noticezonew{width:990px; float:left; position: relative; color: #000;}
.noticebox a{height:280px; border:1px solid #dddddd; box-sizing:border-box; padding:45px 20px 0 20px; display:block }
.noticebox a:hover .noticet{color:#0781c5}
.noticeday{color:#6d6d6d; font-size:14px; padding-bottom:25px}
.noticet{color:#0f211a; font-size:21px; font-weight:400; height: 75px;}
.noticeline{width:60px; height:1px; background:rgba(204,204,204,1); margin:10px 0 20px}
.notices{color:#7a7a7a; font-size:15px; height:100px; word-wrap: break-word;}
.sw1-next, .sw2-next, .sw3-next{background:url(../img/main/sw_next2.png) no-repeat; width:42px; height:42px; position:absolute; right:0;top:0px; cursor:pointer; z-index: 0; outline:none}
.sw1-prev, .sw2-prev, .sw3-prev{background:url(../img/main/sw_prev2.png) no-repeat;  width:42px; height:42px;position:absolute; right:50px;top:0px; cursor:pointer; z-index: 0;  outline:none}
.noticebox{text-align:left;}
.notzt{font-size:27px; color:#000000; border-bottom:1px solid #dddddd; text-align:left; margin-bottom:30px; height:60px; font-weight:500; letter-spacing:-1px}
.notzts {display:inline; margin-right:40px}
.notzt .tabs{display:inline;}
.notzt .tabs li{display:inline-block; cursor: pointer; font-size:17px; border:1px solid #ccc; padding:8px 35px;}
.notzt .tabs li.active{color:#057ac1;}

.gitimg01{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }
.gitimg02{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }
.gitimg03{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }
.gitimg04{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }
.gitimg05{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }
.gitimg06{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }
.gitimg07{background:url(../img/main/opbg.jpg) no-repeat; background-size:cover }

.giptimg{display:flex;     height: 420px;}
.giptimg > div{flex:1;}

.noticew{overflow:hidden;}

.bg_area{position: relative; height:100vh}
.bg_area:before{background:rgba(0,0,0,0.3); content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 1}

#vimeoWrap{
     position: relative;
   
    height: 100%;
    overflow: hidden;
    margin: 0;
  }
#vimeoWrap iframe,
#vimeoWrap object,
#vimeoWrap embed {
    position: absolute;
    width: 120%;
    min-width: 520px;
    height: 150vh;
    margin-left: -10%;
    margin-top: -20vh;
}


@media all and (max-width:1240px){
#section2 .txtDiv .inner{width:100%;}
.txtDiv .inner{width:100%;}
#vimeoWrap iframe{min-width: 2300px;}
}


@media only all and (max-width: 1400px){

.maintop{width: 100%;left: 0;margin-left: 0;padding: 30px;box-sizing: border-box;}
.main01secw .slick-next{right:0;}
.main01secw .slick-prev{left:0;}
.main01sec-2{font-size:38px;}
.notice_area .tab_commnct .tab .tit a{font-size:18px;}
.notice_area .tab_commnct{height:400px;}

.mainoticew{width:100%;margin-left:0;left:0;padding:0 10px;overflow:hidden;}
.noticezonew{width: 75%;    padding-right: 10px;    box-sizing: border-box;}
.dayzone{width:25%; box-sizing: border-box;}
.dayzone .calendar_main{width:100%;}
#fp-nav{display:none;}
.pluszone{padding:20px;}

.notzt .tabs li{padding:10px;}
.noticet{font-size:18px;}
.prolist{margin:0;}
.giptimg{width: 70%;    position: relative;    top: 0; }

.gipt{width:30%;}
.giprogram{position:relative; top:300px}


}





@media all and (max-width:1024px){

.dayzone{/* display:none; */}
.maintext{width:100%; padding-top: 100px;}
.maintextsecw { width:90%;}
.maintext .texttitle{font-size:35px;}	

.maintext{width:100%;padding-top:100px;}
	.maintextsecw{width:90%;}
	.maintext .texttitle{font-size:35px;}

	.mainoticew{height:auto;padding:10px;}
	.mainoticew .mnot:before{display:none;}
	.mainoticew .bx-wrapper{width:100%;}
	.mainoticew{line-height:inherit;}
.mainCon4 .text_box{ margin-top: 0 !important}

.fixmenu{display:none;}
.text_box .desc-1, #section5 .text_box .desc-1{font-size: 26px;text-align: center;padding-bottom: 20px;padding-top: 15px;letter-spacing: -2px;}
.text_box .desc-2, #section5 .text_box .desc-2{font-size: 14px;padding:0 20px;box-sizing:border-box}
.text_box .desc-2 p{display:inline;}
.text_box{top:0px; margin-top: 0;}


#section4 .text_box{padding: 0 10px;box-sizing: border-box;margin-top: 0;}
#l{top:7%;}
.search-wrap input[type="text"]{width:60%; float: left;}
.search-t{width:20%;}
.search-wrap{width:100%; padding:0 5%; box-sizing:border-box; overflow:hidden}
.search-wrap .submit-btn{right:10px;}
.txtDiv-board{width:100%;  padding:0 5%; box-sizing:border-box}
.txtDiv-board ul li a .news-day{display:none;}
.txtDiv-board ul.tabs li:first-child{width:35%;}
.txtDiv-board ul.tabs li:nth-child(2){width:35%;}
.txtDiv-board ul.tabs li:last-child{width:30%;}
.munhabox{width:100%; margin-right: 0; height: 150px;}
.munhaboxw{float: none;    height: 285px;}
.mun01, .mun02, .mun03{width:100%; background-size:cover; height: 150px;}
.munha-txt{width: 100%;    top: 150px;    height: auto;    left: 0;}
.munmore{margin-top:50px;}
.munhabox a{height:auto; width:100%;}
.mainCon2 .txtDiv .inner{width:100%;}
.desc-listw{width: 250px;    margin: 50px auto;}
.dicbox{width:100px; height:100px;}
.desc-listw ul li{margin-right:30px; font-size:12px; margin-bottom: 10px;}
.desc-listw ul li:nth-child(2n){margin-right:0}
.border-area-con .nowbox{width: 100%;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; }
.border-area-con .nowbox .imgarea{height:auto; margin-bottom:5px}
.border-area-con .nowbox .tit{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; padding-bottom:0; font-size:14px}
.bannerbox{padding:10px 0; margin-bottom:10px}
.bannerbox > div{margin-bottom:10px;}
.footxt{padding:0 10px;}
.fp-section{ height: auto !important;}
.slick_slider .slick-dots{display:none !important;}
.border-area-con .nowbox .txt{ padding-bottom:10px;}
#section3 .text_box .desc-1 span, .text_box .desc-1 span{display:block;}
#section2 .text_box .desc-line{margin-top:10px;}
.munhaw{padding-top:20px;}
.countgroup{width:100%; margin-top: 20px; padding: 0 20px;
box-sizing: border-box;}
.countgroup > div{display:inline-block; float:none; margin-right: 5px; width: 45%;}
.countbox:nth-child(4){float:none;}
#section6 .inner{width:100%;}

.noticezonew{/* width:100%; */}

}

@media only all and (max-width: 760px){
	#vimeoWrap{height: 400px;padding-bottom: 56.25%;}
	.bg_area{height: 400px;}
	
	.mainCon1 .text_box{margin-top: 0}
	.humans{display: block; margin: 15px}
	.humans .photo{margin: 0 auto; float: none}
	.humans .info{width: 100%}
	.humans .info .h3{font-size: 23px;margin-top: 15px;text-align: center;}
	.humans .info .txt2{font-size: 14px}
	
.main01secw .slick-next, .main01secw .slick-prev{    width: 40px;    height: 40px;    background-size: contain;}
.main01sec-3{padding-top: 20px; padding-left: 10px;  padding-right: 10px; box-sizing: border-box;text-align: center; font-size: 14px; display: block; }
	.tmore { text-align: center}
.maintext .texttitle{font-size:30px;}
.maintext .textsubtitle{font-size:15px; height:30px; line-height:30px;}
.main01secw{width:100%; margin-right:0;}
.notice_area{float:none; width:100%;}
.noticslist{width:100%;}
	.sectit{font-size: 30px}
.maintop{top: 0;box-sizing: border-box;padding: 0;display: flex;align-content: center;justify-content: center;align-items: center;height: 100%;padding-top: 30px;}
.mainimg{height:320px;}
.main01sec-3 p{display:inline;}

.main01sec-1{    font-size: 16px;
height: 30px;
line-height: 30px;}
.main01sec-2{font-size:22px;letter-spacing:-2px;text-align: center; line-height: 160%}
.main01sec-2 p{}
.notice_area .tab_commnct{height:290px}
.countbox-num{font-size:32px}
.countbox-t{font-size:18px;}
#section6 .inner{margin-top:0px;}
.contitle p.cont-s{height: 45px; overflow: hidden;}
.countbox-img img{width:100px}
.countbox:nth-child(3) .countbox-img img{width:120px;}
.countbox:nth-child(4)  .countbox-img img{width:80px;}
.countbox-img{height:120px;}
.menu_listbox a{width: 150px; margin-bottom: 20px;}
.notice_area .tab_commnct .tab .tit a{font-size:15px;}
.contitle p.cont-t{font-size:18px;}
.notice_area .tab_commnct .commnct .conts .conts_list li + li{margin-top:15px; padding-bottom: 15px;}
.contsday{position:relative; top:-10px;}
.footxt{text-align: center; width: 100%; box-sizing: border-box;}

.progw{display:block; margin-bottom: 10px;}
.progbox{flex:none; height: auto;    padding:20px 10px; margin-bottom: 10px;}
.progboxt{font-size:20px; padding-bottom: 0;}
.progboxts{height:auto; padding:15px 0}
.prolist{margin:0;}
.prolistbox span{font-size:14px;     display: block;}


.main_quick .quick_02{opacity:1;}
.main_quick .quick_03{opacity:1;}
.main_quick .quick_04{opacity:1;}
.main_quick .quick_05{opacity:1;}
.main_quick .quick_06{opacity:1;}
.maintop .text .maintxt{font-size:30px;}

	.mainSection{overflow:visible;}
	/*#section1 .mainSection{height: 484px;}*/
	.main_quick .quick_02{opacity:1;}
	.main_quick .quick_03{opacity:1;}
	.main_quick .quick_04{opacity:1;}
	.main_quick .quick_05{opacity:1;}
	.main_quick .quick_06{opacity:1;}

.pages{min-height: auto;}
     .section2 .mainCon1{height: 1010px;/* background:none */}
	.section3 .mainCon2{height: 640px;}
	.section4 .mainCon3{height: 370px;}
   .section5 .mainCon4{height: 660px;}
	.section6 .mainCon5{height: 1111px;}
	.mainban{padding: 0 10px; box-sizing: border-box}
	.mainbantit{font-size: 15px}
	.mainCon2 .text_box{margin-top: 0}
	.resboximg img{height: 147px;}	
	.resbox{margin: 0 5px 0 0;width: 32%;padding-bottom: 10px;}
	.resw{display: block;padding: 30px 23px 0;box-sizing: border-box;}
	.resbox{width: 100%;padding-bottom: 0;}
	.resboxtxt{padding: 13px;height: auto}
	.resboxt{font-size: 15px;padding-bottom: 10px;}
	.resboxts{font-size: 13px}
	.prboxw{margin-top: 30px;padding: 10px;box-sizing: border-box;}
	.prboxw .prbox a{width: 48%; margin:1%}
	.prboxw .prbox .prbox1{font-size: 15px}
	.videow{display: block}
	.videow > div{flex: none; margin-bottom: 15px}
	.videow > div iframe{height: 200px !important; width: 100% !important}
	.mainCon5 .text_box{margin-top: 0}
	.foots .ft4{text-align: center}
	#vimeoWrap iframe{/* min-width: 120%; */margin-left: 0;min-width: 550px;height: 100vh;}
}