/*main*/

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

.comBg {    opacity: 0; padding: 0;    margin: 0;    width: 100%;}
.blind{position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    font-size: 1px;    color: transparent;    line-height: 1;    letter-spacing: -10px;}
.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 {	 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;}
.bg_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.bg_slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 1.5s ease; }
.bg_slide.active { opacity: 1; }

.header .logo a{width: 250px; height: 50px; display: block}

.fp-viewing-sec02 .header .fmSitBtc:before{background-color: #030303}
.fp-viewing-sec02 .header .fmSitBtc span{background-color: #030303}
.fp-viewing-sec02 .header .fmSitBtc:after{background-color: #030303}

.fp-viewing-sec06 .header .fmSitBtc:before{background-color: #030303}
.fp-viewing-sec06 .header .fmSitBtc span{background-color: #030303}
.fp-viewing-sec06 .header .fmSitBtc:after{background-color: #030303}

.fp-viewing-sec02 .header .gnb-area>ul>li>a{color: #595959}
.fp-viewing-sec06 .header .gnb-area>ul>li>a{color: #595959}
.fp-viewing-sec03 .header .gnb-area>ul>li>a{color: #fff}


.fp-viewing-sec02 .hd_top{display: none; height: 0}
.fp-viewing-sec03 .hd_top{display: none; height: 0}
.fp-viewing-sec04 .hd_top{display: none; height: 0}
.fp-viewing-sec05 .hd_top{display: none; height: 0}
.fp-viewing-sec06 .hd_top{display: none; height: 0}
.fp-viewing-sec07 .hd_top{display: none; height: 0}


.intro {position: absolute;
    z-index: 100;
    width: 100%;
    height: 100vh;}
.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_sliderc .page {
	width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;
}
.slick_sliderc .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_sliderc .page .bg .bg_area {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 9990;
}
.slick_sliderc .page .bg video {
	 position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
 .slick_slider .page .bg01{position: relative}
 .slick_sliderc .page .bg01:before{background: rgb(0 0 0 / 30%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';z-index: 1;}


.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 {
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;
}
.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-slide img{display:inline; text-align:center}
.text_box{width:100%;/* position:relative; */text-align:center;color:#3b3b3b;top: 0%;/* position: absolute; */z-index: 13;/* padding-top: 120px; */display: table-cell;vertical-align: middle;}

.scrollBt{position:absolute; right: 22px;top: 70%;}
.slick-dotted.slick-slider{   padding-bottom:25px;}
.slick-dots{     position: absolute;    bottom:0px;     display: block;     padding: 0;     margin: 0;     list-style: none;
     text-align: left;     left: 50%;     margin-left: -120px;     }
.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: 70px;height: 4px;background:#cfcfcf;opacity: 0.7;cursor: pointer;color: transparent;border: 0;}
.slick-dots li.slick-active  button{width: 70px;opacity:1;background: #7f8eab;}


.mv .progress_ctn{display:flex;align-items:center;margin: 20px 0}
.mv .progress_ctn .bar{position:relative; width: 250px; height: 3px; background: #ffffff4f;}
.mv .progress_ctn .bar span{display:inline-block; vertical-align: top; width: 0; height: 100%; background: #fff;}
.mv .progress_ctn .play_btn{width: 30px; height: 30px; margin-left: 18px; cursor: pointer;}
.mv .progress_ctn .play_btn .stop{width: 30px; height: 30px; background:url(../img/main/icon_stop.png) 50% 50% no-repeat; display: none }
.mv .progress_ctn .play_btn .stop.on{background:url(../img/main/icon_play.png) 50% 50% no-repeat;}

.bar {margin: 20px 0;display: flex;align-items: center; justify-content:center;}
.progress-container {
  width: 250px;
  height: 30px;
  background-color: gray;
}

.progress {
  width: 0%;
  height: 100%;
  background-color: green;
}

#progressBar{
    position: absolute;
    width: 0px;
    height: 2px;  
	 background: #fff;
}

#buttons  button{font-size: 0; }
.stopbtn{background: url("../img/main/icon_stop.png") no-repeat; width: 20px; height: 20px}
.playbtn{background: url("../img/main/icon_play.png") no-repeat; width: 20px; height: 20px}
#defaultBar{
  position:relative;
  width: 320px;
  height: 3px;
  background: #ffffff4f;
  margin-right: 10px;
}


.banzone{width:1320px; margin:60px auto 0; display:flex;  box-sizing:border-box}
.banzbox{flex:1; }
.banzbox a{color:rgba(255,255,255,1); display:block; margin-right:15px; overflow: hidden; background:rgba(67,67,67,0.3);padding: 20px 10px 10px 20px;}
.banzbox a:hover{background: rgb(218,193,105,0.45);
background: linear-gradient(90deg, rgba(218,193,105,0.45) 0%, rgba(85,207,226,0.45) 100%);}
.banzimg{float:left; padding-left:20px; padding-right:20px}
.banztxt{float:left; text-align:left; padding-bottom:20px;width: calc(100% - 95px);}
.banztit{font-weight:600; font-size:20px; padding-bottom:10px}
.banzsubt p{margin:0; padding:0;}


/*검색*/
.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; height: 100px; text-indent: -999em; margin-top: -50px; display: block; position: absolute; z-index: 7;
}
.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: 0px; top: 50%; width: 100%; text-align: center;position: absolute; z-index: 2;}
.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}

.page_03 .page03-t1{font-size:24px  !important; }
.page_03 .page03-t2{font-size:200px !important;  color:#44ff31; letter-spacing:-1px; opacity:0.5;     margin-top: 0px !important;  line-height:100% }
.page_03 .page03-t3{font-size:32px  !important; line-height:140%  !important; margin-top:0 !important; letter-spacing:-1px; font-weight:600}



.page_03 .page03-t3-line{width:70px; height:1px; background:#f3f3eb; margin:20px auto;}

.page_04 .intro .title em{color:#5af930; font-size:36px;  letter-spacing:-1px; font-weight:600; line-height:80%}
.page_04 .intro .desc{font-size:42px;   letter-spacing:-1px; font-weight:600; margin-top:0}

.mainSection {left: 0px;top:0;width: 100%;height: 100%;overflow: hidden;position: absolute;}


.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);}
.main_quick .quick_07 {	opacity: 0; transform: matrix(1, 0, 0, 1, 0, 30);}


.slide01-txt{color:rgba(255,255,255,1);  font-size:18px; width:1200px; margin:0 auto; padding-top:505px; letter-spacing:-0.5px;}
.slide02 .slide01-txt{padding-top:300px; text-align:center}

.slide01-txt p{width:445px; text-align:center; line-height:160%; color:#d6d0cb; padding-left:100px;}
.slide03-txtw{width:700px; margin:0 auto 0; color:#e7e7e8; padding-top:260px; text-align:center; }
.slide03-txtw .slide03-txt01{font-size:24px; opacity:0.7}
.slide03-txtw .slide03-txt02{font-size:200px; text-transform:uppercase; line-height: 100%;  color:#44ff31; mix-blend-mode: overlay;}
.slide03-txtw .slide03-txt03, .slide03-txtw .slide03-txt04{font-size:48px; color:#f4f4ea; font-weight:600; letter-spacing:-1px;opacity:0.9}
.slide03-txtw .slide03-txt04 span{width:95px; margin:10px auto; background:#f4f4ea; height:1px; display:block}

.mainCon0 .txtDiv{display: flex;flex-flow:column wrap;text-align: center;align-items: center;justify-content: center;box-sizing: border-box;z-index: 1;}
.mainCon0 .mainimg{text-align:center;max-width:580px}
.mainCon0  .txtDiv .text{font-size: 50px;  font-family: 'Nanum Myeongjo';}
.mainCon0  .txtDiv .text span{font-weight: 700}
.mainCon0 .mainotice span{font-weight: 700; margin-right: 10px;}
.mainCon0 .mainotice{font-weight: 400; margin-top:25px;}
.maintbw{display: flex; position:absolute; bottom:0; align-items:flex-end}
.maintbox {position:relative;transition:0.2s all ease; width: 500px;height:70px;text-align: center;box-sizing: border-box;padding: 10px;margin-left: 10px;gap: 4%;text-align: center;justify-content: center;align-items: center;}
.ehbox2{background:rgb(188 124 57 / 60%);backdrop-filter: blur(10px);}
.ehbox{background: rgb(195 159 90 / 71%);backdrop-filter: blur(10px);}
.mtimg{transition:0.3s all ease; height: 50px;display: flex;align-items: center;justify-content: center;}
.mtimg img{height:100%; object-fit:contain}
.vrbox{background: rgb(145 143 22 / 60%);backdrop-filter: blur(10px);}
.mtit{font-size: 24px;color: #fefefe;font-weight: bold;}
.mtstit{transition:0.2s all ease;font-size: 15px; color: #ffffff90;opacity:0}

.mtstit{position:absolute; bottom:15px;right:0;left:0;margin:0 auto;}
.mtimgw{transition:0.2s all ease; display: flex; gap:10px; justify-content:center; align-items:center;}

/* mainotice : 메인 공지사항 롤링 */
.mainCon0 .mainotice {display:flex; align-items:center; justify-content:center; font-weight:400; margin-top:25px;}
.mainotice-tit{display:flex; align-items:center;}
.mainotice-label {font-weight:700; letter-spacing:1px; margin-right:12px; flex-shrink:0; white-space:nowrap;}
.mainotice-slider {overflow:hidden; height:1.4em; position:relative; min-width:0; width:400px;}
.mainotice-list {list-style:none; margin:0; padding:0; will-change:transform;}
.mainotice-item {height:1.4em; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainotice-item a {color:#fff; text-decoration:none;}
.mainotice-more {display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-right:12px; flex-shrink:0; border-radius:50%; border:1.5px solid rgba(255,255,255,0.85); color:#fff; font-size:15px; font-weight:300; line-height:1; text-decoration:none; transition:background 0.2s;}
.mainotice-more:hover {background:rgba(255,255,255,0.25);}

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

.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;; font-family: 'Futura-bold';     letter-spacing: 0;}
.mainoticew .mnot:before{width:1px;height:17px;background:rgba(255,255,255,0.5);position:absolute;content:'';display:block;top:32px;right:18px;}
.mainoticew .more{position: absolute; right: 0; top: 0; width: 60px; background:#255fb1; text-align: center ; height: 80px; line-height: 80px}
.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;}

.mainCon1 {background:url("../img/main/main02.png") no-repeat center / cover; }
.mainCon2 {background:#f0fcfe}
.mainCon3 {background: #000;}
.mainCon5 {background: url("../img/main/main05.jpg") no-repeat center / cover;}
.mainCon6 {background: url("../img/main/main06.jpg") no-repeat center / cover;}

.mainW .tol-area{ display: none}
#fp-nav {top: 456px;position: fixed;z-index: 100;opacity: 1;-webkit-transform: translate3d(0, 0, 0);right: 55px; display: none}
#fp-nav ul li{margin-bottom:5px;width:15px;}
#fp-nav ul li a {width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;}
#fp-nav ul li a.active span, #fp-nav ul li a:hover span {margin: -6px 0px 0px -11px;border-radius: 100%;width: 12px;height: 12px;opacity: 1; background:#b7a16f;border:5px solid rgb(204 190 151);}
.fp-slidesNav ul li a.active span {	margin: -6px 0px 0px -6px; border-radius: 100%; width: 12px; height: 12px; opacity: 0;}
#fp-nav ul li .fp-tooltip {text-indent: -9999999px; color: #fff;position: relative;    top: 0px;    right: 20px;}
#fp-nav.on ul li .fp-tooltip{color:rgba(51,51,51,1);}
#fp-nav ul li a span {background: rgb(255 255 255 / 50%);border-radius: 50%;border: 0px currentColor;border-image: none;left: 50%;top: 50%;width: 10px;height: 10px;position: absolute;z-index: 1;text-indent: -999999px;}
.fp-viewing-sec02 #fp-nav ul li a span{background: #b9b9b9}
.fp-viewing-sec03 #fp-nav ul li a span{background: #b9b9b9}
.fp-viewing-sec05 #fp-nav ul li a span{background: #b9b9b9}
.fp-viewing-sec06 #fp-nav ul li a span{background-color: rgb(204 204 204 / 50%);}


.scroll-down {position: absolute;right: 4px;top: 70%;transform: translate(-50%,0%);text-align:center;z-index: 5;color: #fff}
.scroll-down p {font-size: 12px;margin-bottom: 10px;letter-spacing: 0;text-transform: uppercase;}
.scroll_down span { display:block; position:relative; width:20px; height:30px; border:2px solid #fff; border-radius:50px; box-sizing:border-box; margin:0 auto; }
.scroll_down span:before { content:''; display:block; position:absolute; top:2px; left:50%; width:4px; height:4px; border-radius:50%; background:#fff; transform:translateX(-50%); box-sizing:border-box; -webkit-animation:scroll 1.5s infinite; animation:scroll 1.5s infinite; }
.scroll_down span { display:block; position:relative; width:20px; height:30px; border:2px solid #fff; border-radius:50px; box-sizing:border-box; margin:0 auto; }
.scroll_down span:before { content:''; display:block; position:absolute; top:2px; left:50%; width:4px; height:4px; border-radius:50%; background:#fff; transform:translateX(-50%); box-sizing:border-box; -webkit-animation:scroll 1.5s infinite; animation:scroll 1.5s infinite; }

@-webkit-keyframes scroll {
    0% { -webkit-transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { -webkit-transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}

@keyframes scroll {
    0% { transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}
@media all and (max-width:1024px){
	.mainoticew{ padding: 10px;    width: 100%;    left: 0;    bottom: 0;    margin-left: 0;}
	.mainoticew .mnot:before{display:none;}
	.mainoticew .bx-wrapper{width:100%;}
	.mainoticew{line-height:inherit;height: auto;display: none;}
	.maintbw{width:80%;}
	.maintbox{width:100%}
	.maintbw a{display:inline-block; flex:1;}
}
@media (min-width:721px){
	.maintbw>a:hover .maintbox{height:120px;}
	.maintbw>a:hover .mtimgw{transform:translateY(8px)}
	.maintbw>a:hover .mtstit{opacity:1}
	.maintbw>a:hover .mtimg{height:44px;}
}
@media all and (max-width:720px){
	.mainoticew .more{ display: none}
	.mainCon0 .mainotice{flex-flow:column wrap;}
	.mainotice-slider{width:95%;}
	.slide-control{display:none}
	.maintbox{margin-left:0}
	.mainCon0 .mainotice{margin-top:10px}
	.mainotice-label, .mainotice-item a{font-size:14px}
}


/*#sec02*/
.mainCon1 .dontit{ color: #5a5a5a; font-size: 43px;  font-family: 'Nanum Myeongjo';    font-weight: 700;}

#section2 .txtDiv .inner{width: 100%;display: block;}
#section2  .dontit{padding-left: 0;padding-top: 100px;position: relative;z-index: 100000;}
#section2 .dontits{margin-bottom:70px; opacity: 0.8;}
#section2 .noticezone{width: 1380px; margin: 0 auto}
#section2 .text_box { display: block; margin-top: calc((100vh - 755px)/2)}
#section2  .noticezone .tabs{display: flex; margin-bottom: 30px;}
#section2  .noticezone .tabs li{cursor: pointer;    font-size: 20px;   /* width: 195px; */ flex:1 1 50%;   color: #9a9a9a;    font-weight: 500;
    display: flex;    height: 50px;    align-items: center;    justify-content: center;    background: #fff;    border: 1px solid #ccc;}
#section2  .noticezone .tabs li.active{background: #bc9b6a;    border: 1px solid #bc9b6a;    color: #fff;}


.noticezone{display: flex}
.notceCbox{width: 48%;overflow: hidden;margin-right: 2%;}
.eduCbox{width: 23%;margin-right: 1%;}
.eduCbox .juncimg{padding: 10px 10px 0;     height: 340px;    overflow: hidden;}
.eduCbox .juncimg img{width: 100%}
.eduCbox .edutit{height: 50px; width: 100%; background: #fff; text-align: center; color: #494949; font-size: 20px; border: 1px solid #ccc; margin-bottom: 30px; display: flex;     align-items: center;    justify-content: center;}
.juncbox{background: #f9f9f9;border: 1px solid #e3e3e3;height: 410px;box-sizing: border-box;}
.eduimgzone{    background: #f9f9f9;    border: 1px solid #e3e3e3;    height: 410px;    box-sizing: border-box;padding: 10px;}
.edimg{height:340px; overflow: hidden;}
.edttit{color: #0f211a;font-size: 21px;font-weight: 600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;margin-top: 10px;padding: 0 10px;}
.edetail{text-align:left;font-size: 15px;padding-left: 10px;}
.edetail p{margin-bottom: 5px}
.edetail .edcm{font-weight: 600; margin-right: 5px }

.noticebox{ box-sizing: border-box;   padding: 45px 30px 30px 30px;    display: block;    position: relative;    border-right: 1px solid rgba(255,255,255,0.6);    box-sizing: border-box;    height: 410px;    background: #f9f9f9;    border: 1px solid #e3e3e3;  position: relative}
.morec{position: absolute; right: 0; bottom: 0; border:1px solid #e6e6e6; width: 30px; height: 30px; line-height: 26px; text-align: center}

.nocate{color: #f35700; font-size: 15px; padding-bottom: 20px; text-align:left; padding-top: 30px}
.noticeday{color: #1256b3;font-size: 16px;padding-bottom:25px;text-align:left;letter-spacing: 0;}
.noticet{color:#0f211a;font-size:23px;font-weight: 600;margin-bottom:20px;text-align:left;letter-spacing: -1px;padding-right: 10%;box-sizing: border-box; padding-bottom: 20px;}
.noticet:before{width: 100px; height: 1px; background: #808080; content:''; }
.noticetxt{text-align: left; color: #575757}
.noticeSwiper .noticebox{/* width: 415px !important; */}
#section2 .swiper-button-next {    background: url(../img/main/no_next.png) no-repeat;    width: 75px;    height: 75px;}
#section2 .swiper-button-prev {   background: url(../img/main/no_prev.png) no-repeat;    width: 75px;    height: 75px;}
#section2 .noticew{position: relative}
#section2 .swbtn {position:absolute;top: 150px;width: 1400px;left: 50%;margin-left: -700px;}

.line_box{position:absolute;top:0;left:0;width:100%;height:100%;}
.line_box span{position:absolute;display:inline-block;z-index:5;}
.line_box .line01{top:0;left:0;width:0;height:1px;background:#195fbe;}
.line_box .line02{top:0;right:0;width:1px;height:0;background:#195fbe;}
.line_box .line03{bottom:0;right:0;width:0;height:1px;background:#195fbe;}
.line_box .line04{bottom:0;left:0;width:1px;height:0;background:#195fbe;}

.noticebox:hover .line_box .line01{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.noticebox:hover .line_box .line02{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
.noticebox:hover .line_box .line03{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.noticebox:hover .line_box .line04{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}


/*sec04*/
#section4{overflow:hidden;position:relative;}
#section4 .titArea{text-align:center;}
#section4 .txt1{padding-bottom:10px; font-size:22px; color:#fff; letter-spacing:1px;}
#section4 .txt2{padding-top:30px; font-size:21px;color:#fff;line-height:32px;}
#section4 .txt2 .mobileBlock{display:none;}
#section4 .pleasureList{overflow:hidden;height:100%;}
#section4 .pleasureList > ul{height:100%;}
#section4 .pleasureList > ul >  li{float:left;position:relative;width:50%;height:100%;}
#section4 .pleasureList > ul >li:after{content:'';display:block;padding-bottom:167%}
#section4 .pleasureList > ul >  li > a{display:block;overflow:hidden;position:absolute;top:0;left:50%;z-index:0;width:100%;height:100%;transform:translateX(-50%);transition:width .5s ease-in-out;}
#section4 .pleasureList li:first-child a{border-left-width:0;}
#section4 .pleasureList .textArea{display:block;position:absolute;top:50%;left: 50%;text-align: center;vertical-align:middle;width: 510px;color:#fff;line-height:1;transform:translateY(-50%);transition:all .3s linear;margin-left: -255px;}
#section4 .pleasureList li:nth-child(3) .textArea{top: 55%}
#section4 .pleasureList .plsTit{font-size: 18px;font-weight: 400;line-height: 140%;}
#section4 .pleasureList  .plsimg{padding-bottom: 20px;/* border: 1px solid #a1ef33; */display: inline-block;/* padding: 4px 14px; *//* font-size: 15px; *//* color: #a1ef33; *//* margin-bottom: 20px; */}
#section4 .pleasureList .plst{font-size: 32px; font-weight: 700; margin-bottom: 20px;font-family:'Nanum Myeongjo';}
#section4 .pleasureList .plsText{margin-top:40px;color:rgba(255,255,255,0.57);font-size:18px;line-height:1.5;}
#section4 .pleasureList .plsTits{font-size: 16px; color: rgba(255,255,255,0.7); padding-top: 25px;   line-height: 160%;}
#section4 .pleasureList .plsText .mobileBlock{display:none;}
#section4 .pleasureList .more{margin-top:40px;width: 175px;height: 55px;display: flex;border: 1px solid #fff;align-items: center;justify-content: center;margin: 0 auto;}
#section4  .plsText ul {width: 220px;margin: 0px auto;}
#section4  .plsText li{ float: none; text-align: left}
#section4  .plsText li {border-bottom: 1px solid rgba(255,255,255,0.3);display: block;color: #39bd23;font-size: 16px;background: url("../img/main/aca_c.png") no-repeat 95% center;padding: 15px 0;}
#section4  .btnMore{text-align:left;}
#section4 .pleasureList .imgArea{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:center top/cover no-repeat #fff;}
#section4 .pleasureList .imgArea .offImg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:center/cover no-repeat #fff;opacity:1;transition:all .3s ease-in-out;}
#section4 .pleasureList li:nth-child(1) .imgArea .offImg{background-image:url(../img/main/hisc_bg_off.jpg);}
#section4 .pleasureList li:nth-child(2) .imgArea .offImg{background-image:url(../img/main/jmhm_bg_off.jpg);}
#section4 .pleasureList li:nth-child(1) .imgArea{background-image:url(../img/main/hisc_bg.jpg);}
#section4 .pleasureList li:nth-child(2) .imgArea{background-image:url(../img/main/jmhm_bg.jpg);}
#section4 .pleasureList .mobileClick{display:none;}
#section4 .bgLine .line{position:absolute;top:0;width:40px;height:100%;background-color:rgba(67, 67, 67, .15);}
#section4 .bgLine .line.line1{left:calc(50% - 375px);}
#section4 .bgLine .line.line2{left:50%}
#section4 .bgLine .line.line3{left:calc(50% + 375px);}
#section4 .bgLine .line .innerLine{display:block;position:absolute;top:-100%;left:0;width:1px;height:60%;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, .15) 76%, rgba(255, 255, 255, .01) 99%, rgba(255, 255, 255, 0) 100%);}


#section5 .text_box{width: 1380px;margin: 0 auto;overflow: hidden;color: #fff;display: flex;text-align: left;justify-content: space-between;align-items: center;height: 100vh;box-sizing: border-box;padding-top: 100px;}
#section5 .infots{width: 50%;font-size: 55px;float: left;letter-spacing: -4px;}
#section5 .infots .bold{font-weight: 700}
#section5 .infotbox{border-radius: 20px;background: rgb(5,67,126);background: radial-gradient(circle, rgba(5,67,126,1) 0%, rgba(2,29,70,1) 100%);width: 48%;height: 315px;box-sizing: border-box;padding: 50px 30px 20px;color: #fff;/* float: left; */margin-right: 1.5%;display: inline-block;}
#section5 .infotbox:nth-child(2n){margin-top: 20px;}
#section5 .infotit{font-size: 25px; font-weight:600; padding-bottom: 10px;}
#section5 .infomore a{border: 1px solid #ccc;font-size: 13px;padding: 8px 20px;display: inline-block;margin-top: 17px;}
#section5 .infotboxw {overflow: hidden;float: right;width: 50%;}
#section5 .infostit{height: 120px;overflow: hidden;font-size: 16px;}

/*#sec06*/
#section6 .text_box{color: #fff; display: flex;align-items: center;align-content: center;height: 100vh;flex-direction: column;justify-content: center; box-sizing: border-box;
    padding-top: 100px;}
#section6 .partimg{width: 1330px;margin: 0 auto 50px;overflow: hidden;}
#section6 .partimg .swiper-slide a{display: block;  height: 275px; text-align: center; line-height: 75px; overflow: hidden}
#section6 .partit{font-size: 38px;font-weight: 600;padding-bottom: 50px;font-family:'Nanum Myeongjo';}
#section6 .partstit{font-size: 18px;padding-bottom: 60px;}

#section6 .partSwiper{position: relative}
#section6 .partSwiper img{width: 100%; min-height: 275px}
#section6 .swiper-pagination{position: absolute; bottom: 0}
#section6 .swiper-wrapper{padding-bottom: 50px}
#section6 .swiper-pagination-bullet{background: #2c2c2c; width: 12px; height: 12px;}
#section6 .swiper-pagination-bullet-active{background: #f77832}
#section6 .footc{color: #ffffff;font-size: 14px;font-weight: 400;text-align: center;letter-spacing: 0;}
#section6 .footcm{color: #a8a8a8;font-size: 14px;font-weight: 300;text-align: center;letter-spacing: 0;}

.mainW .footDiv{display: none}


@media all and (min-width:1025px) and (max-width:1440px) {
 #section4 .pleasureList .plsText, #section4 .txt1, #section4 .txt2 {  }
#section4 .txt1 {  font-size: 1.5vw;}
#section4 .txt2 {    font-size: 1.4vw;    line-height: 1.5;}
#section4 .pleasureList .plsText {    padding: 0 2%;    font-size: 1.2vw;}
#section4 .pleasureList li:not(:first-child) .plsText br {    display: none;}
}

@media only all and (max-width: 1350px){
.txtDiv .inner{width: 100%;}

.mainCon0 .text_box{position: absolute; z-index: 10000}
}

@media only all and (max-width: 1200px){
.insidezone{display:flex;}

.insidezone > div:nth-child(1){flex:1}
.insidezone > div:nth-child(2){flex:1.5}
.insidezone > div:nth-child(3){flex:1}
.insidezone > div img{width:100%;}

}


@media all and (min-width:1025px) { 
 #section4 .tit, #section4 .txt1, #section4 .txt2 {    position: relative;    top: 100px;    opacity: 0;}
#section4 .pleasureList li {   transform: translateY(100%);}
#section4 .pleasureList .plsText {    overflow: hidden;    position: relative;    top: 100px;    margin-top: 0;    line-height: 0;    opacity: 0;    transition: all .3s ease-in-out;}
#section4 .pleasureList .more {overflow: hidden;position: relative;top: 40px;margin-top: 0;opacity: 1;transition: all .3s ease-in-out;transition-delay: .1s;}
#section4 .pleasureList a:focus .imgArea .offImg, #section4 .pleasureList a:hover .imgArea .offImg {    opacity: 0;}
#section4 .pleasureList a:focus .plsText, #section4 .pleasureList a:hover .plsText {    top: 0;    margin-top: 40px;    line-height: 1.5;    opacity: 1;}
#section4 .pleasureList a:focus .more, #section4 .pleasureList a:hover .more {    top: 0;    margin-top: 40px;    height: 47px;    opacity: 1;}
}

@media all and (max-width:1550px) {
.mainCon5 .txtDiv .inner{width: 100%}
}
@media all and (max-width:1400px) {
	
.mainCon0 .txtDiv{flex-flow:column wrap;justify-content:center;gap:4%;}
.mainCon0 .mainimg{max-width:none;text-align:center;}
.bar{justify-content:center}


#section3 .txtDiv .inner{width: 100%}
#section2 .txtDiv .inner{width: 100%}
#section2 .noticezone{width: 100%;padding: 0 10px;box-sizing: border-box;}

.maintop{width: 100%;}
.catesearch{display: block}
.catec{display: block;width: 100%;margin-bottom: 5px;margin: 0;margin-bottom: 5px;}
.maintop .search{width: 100%;margin: 0;}
#section5 .text_box{width: 100%;padding: 0 10px;box-sizing: border-box;}
}

@media all and (max-width:1024px) {
.mainW.fp-viewing-sec01 .header{top: 0 !important}
#section6 .partimg{width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 0}
#section6 .text_box{display: block; padding-top: 10px; height: inherit}
#section6 .partimg .swiper-slide a{width: auto; height: 150px}
}

@media all and (max-width:720px) {
.intro{height: auto; }
.bar{justify-content: center; margin-bottom: 0;}
.maintbw{margin-top: 20px; flex-flow:column wrap; }
.maintbw .mtstit{display: none;}
.mainSection{position: relative}
.mainCon0 .txtDiv{height: auto;display: block;padding: 0;padding-top: 144px;}
.mainCon0 .txtDiv .text{font-size: 30px;text-align: center;}
.mtstit p{display: inline}
/*.maintbox {width: 45%; height: 230px}*/
.maintbw{position:relative;}
.notceCbox{width: 100%}
#section1 .maintbw{flex-flow:row wrap; justify-content: center;margin:0 auto;margin-top:8vh;}
#section1 .maintbw>a{flex:0 1 50%;}
#section1 .mtimgw{flex-flow:column wrap;}
#section1 .maintbox{height:auto;}
#section1 .mtimg{height:50px;}
#section1 .mtit{font-size:16px;}

#section2 .dontits{margin-bottom: 20px;word-wrap:break-word;word-break:keep-all;}
.noticebox{height: 250px; padding: 20px;}
.edttit{font-size: 18px}
.eduCbox{width: 100%; margin-right: auto; margin-left: auto; margin-top: 20px}
.eduCbox .edutit{margin-bottom: 15px}
#section2 .text_box{padding: 0 20px; box-sizing: border-box}
#section1 .mainSection{height: 600px;}
#section2 .mainSection{ height:1500px; box-sizing: border-box}
#section3 .mainSection{ height: 491px; }
#section4 .mainSection{ height: 303px; }
#section5 .mainSection{ height: 1300px;}


#section2 .dontit{padding-top: 0px}
.mainCon1 .dontit{font-size: 28px}
#section2 .noticezone{display: block}
#section2 .noticezone .tabs{width: 100%; height: 30px; justify-content: center;}
#section2 .noticezone .tabs li{/*width: 33%;*/font-size: 18px}
#section2 .noticebox{padding:0 20px 20px;}
.noticebox a{height:auto; padding: 10px ;}
.text_box{padding: 0}	
.main_quick .quick_02{opacity:1;}
.main_quick .quick_03{opacity:1; padding-top: 50px}
.main_quick .quick_04{opacity:1; position: relative;     top: -30px;}
.main_quick .quick_05{opacity:1;}
.main_quick .quick_06{opacity:1;}
.main_quick .quick_07{opacity:1;}
.main_quick .quick_07 .inner{display: block}
.noticet{font-size: 16px; padding-bottom:0;}
.nocate{padding: 10px 0}
.noticeday{padding-bottom: 0}


#section3 .pleasureList > ul > li{width: 100%;height: 400px;}
#section4 .pleasureList .textArea{width: 100%;left: 0;position: relative;margin-left: 0px;}
#section4 .pleasureList .plsTit p{font-size: 15px; display: inline}
#section4 .pleasureList .more{width: 72%;    height: 32px;    font-size: 14px;    margin-top: 10px;}

#section3 .pleasureList .textArea{width: 100%; left: 0; position: relative; top: 200px; margin-left: 0; padding: 20px;     box-sizing: border-box;}
#section3 .pleasureList .plsTit{font-size:20px}
#section3 .plsText ul{width: 90%}

#section5 .text_box{ height: auto;    display: block; padding-top: 0}
#section5 .infotboxw{width: 100%}
#section5 .infots{width: 100%; font-size:26px; padding: 0 10px; box-sizing: border-box; text-align: center;
    letter-spacing: -2px;     margin-bottom: 10px;}
#section5 .infots p{display: inline;}
#section5 .infotbox{margin:20px 5% 0px; width: 90%; height: auto; float: none;  padding: 25px}


#section6 .partit{font-size: 25px; padding-bottom: 30px}
#section6 .partstit{font-size: 15px; padding: 0 20px; padding-bottom: 10px}
.scroll_down span{display: none}
#section6 .partSwiper img{min-height: 120px}
#section6 .footc{margin-bottom: 50px; padding: 0 20px}
#section6 .footcm{ padding: 0 20px 50px}
}


@media all and (max-width:490px) {
	.mtit{font-size:110%;}
	#section2 .dontits{font-size:16px;}
	#section4 .pleasureList .plsTit p{line-height:1.2;font-size:65%;word-wrap:break-word;word-break:keep-all;}
}