@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/montserrat');
@font-face {
font-family:'GmarketSansMedium';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight:normal;
font-style:normal;
}
/* CSS Document */

button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}
.clear {clear:both;}
.hide {display:none;}
.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none;font-size:3px;color:transparent;line-height:0;}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;}


/* 메인 텍스트 배너 */
.maintext{ position:relative; padding: 150px 0 0 0; width: 700px; color: #ffffff; font-size: 32px; line-height: 36px; text-align: center; float: left;}
.maintextsecw{ overflow:hidden; width:540px; height:290px; margin:0 auto; position: relative;}
.maintext .maintextsec{float: left; text-align: left;}
.maintext strong{ font-size: 52px; display: block; padding: 0 0 25px 0; }
.maintext .textsubtitle { font-weight:600; font-size:18px; color:#ffb933; line-height:45px; text-align:center; border:1px solid #ffb933; height: 45px;    display: inline-block;    padding: 0 20px;}
.maintext .texttitle {font-size:48px; font-weight:600; line-height:120%; letter-spacing:-5px;word-wrap:break-word;word-break:keep-all;}
.maintext .textmemo {font-size:16px; color:rgba(255,255,255,0.8);  line-height:140%;}
.maintext .textmore a{border:1px solid rgba(255,255,255,0.7); font-size:16px; padding:0px 15px; display:inline-block; margin-top:10px; opacity:0.7;}
.maintext .textmore a:hover{background:rgba(255,255,255,1); transition: all 0.2s ease-in; color:rgba(51,51,51,1)}
.maintext .prev{ background:url(../img/main/sw_prev.png) no-repeat; width:65px; height:65px;position:absolute; left:0;top:225px; overflow:hidden; text-indent:-1000px; cursor:pointer; z-index: 1;}
.maintext .next{ background:url(../img/main/sw_next.png) no-repeat; width:65px; height:65px; position:absolute; right:0;top:225px; overflow:hidden; text-indent:-1000px; cursor:pointer; z-index: 1;}


@media only all and (max-width: 1024px){
	.maintext{width:100%; padding-top: 130px;}
	.maintextsecw { width:85%; height: auto;}
}

@media only all and (max-width: 800px){
.maintext .texttitle{font-size: 28px;}
.maintext .next{width:40px; height:40px; background-size: cover; right: -10px;}
.maintext .prev{width:40px; height:40px; background-size: cover; left: -10px;}
.maintext .textmore a{font-size:15px; width:auto; padding:0px 20px; height:auto}
.maintext .textmemo{padding-bottom:10px;}
}




/* 배경 이미지  배너 */
.Mainbg {
	width:100%;
	padding-top: 0px;
	display: block;
	position: absolute;
	overflow:hidden;
	z-index:0;
	height:1005px !important;
}

.Mainbg .slick-initialized {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	display: block;
	position: relative;
	max-width: none;
	opacity: 1;
}

.Mainbg .slick-list {
	width: 100%;
	height: 100%;
}

.Mainbg .slick-track {
	width: 100%;
	height: 100%;
}

.Mainbg .slick-slide {
	width: 100%;
	height: 100%;
}

.Mainbg .page {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.Mainbg .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;
}

.Mainbg.ani .page.slick-active .bg {
	opacity: 1;
	transform: scale(1) rotate(0.001deg);
	transition-delay: 0s;
	
}

.Mainbg .slick-list {
	overflow: hidden;
}

.Mainbg .slick-slide {
	height: 100%;
	float: left;
	min-height: 1px;
}


.Mainbg .slick-arrow {
	background: none;	
	border-image: none;
	top: calc(50% - 70px);
	width: 65px;
	height: 120px;
	text-indent: -999em;
	margin-top: -50px;
	display: block;
	position: absolute;
	z-index: 1011;
	background: #000;
	padding: 10px;
}
.Mainbg .slick-arrow::before {
	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;
}
.Mainbg .slick-arrow:hover::before {
	opacity: 1;
}
.Mainbg .slick-arrow.slick-prev {
	left: 58px;
	background: url(../img/sw_prev.png) no-repeat  center;
}
.Mainbg .slick-arrow.slick-next {
	right: 58px;
	background: url("../img/sw_next.png") no-repeat no-repeat  center;
}
.Mainbg .slick-arrow.slick-next::before {
	background-position: -550px -160px;
}
.Mainbg .slick-dots {
	left: 0px; top: 60%; width: 100%; text-align: center; margin-top: -80px; position: absolute; z-index: 2;
}
.Mainbg .slick-dots li {
	 display: inline-block; max-width: 240px;
}


.Mainbg .slick-dots li button {
	 border: currentColor; border-image: none; width:12px;  height: 12px; color: rgb(255, 255, 255); overflow: hidden; display: block; position: relative; background:rgba(255,255,255,1); border-radius:100%; margin-right:7px;
}

.Mainbg .slick-dots li button::before {
	/*background: url("../images/main/web_nav_off.jpg") no-repeat 0px 0px;*/ left: 50%; width: 240px; height: 60px; bottom: 0px; margin-left: -120px; display: block; position: absolute; content: "";
}
.Mainbg .slick-dots li#slick-slide00 button::before {
	background-position: 0px 0px;
}
.Mainbg .slick-dots li#slick-slide01 button::before {
	background-position: -240px 0px;
}
.Mainbg .slick-dots li#slick-slide02 button::before {
	background-position: -480px 0px;
}
.Mainbg .slick-dots li#slick-slide03 button::before {
	background-position: -720px 0px;
}
.Mainbg .slick-dots li#slick-slide04 button::before {
	background-position: -960px 0px;
}
.Mainbg .slick-dots li button::after {
	/*background: url("../images/main/web_nav_on.jpg") no-repeat 0px 0px;*/ transition:opacity 0.5s; left: 50%; top: 0px; width: 240px; height: 80px; margin-left: -120px; display: block; position: absolute; content: ""; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -webkit-transition: opacity 0.5s;
}
.Mainbg .slick-dots li#slick-slide00 button::after {
	background-position: 0px -20px;
}
.Mainbg .slick-dots li#slick-slide01 button::after {
	background-position: -240px -20px;
}
.Mainbg .slick-dots li#slick-slide02 button::after {
	background-position: -480px -20px;
}
.Mainbg .slick-dots li#slick-slide03 button::after {
	background-position: -720px -20px;
}
.Mainbg .slick-dots li#slick-slide04 button::after {
	background-position: -960px -20px;
}
.Mainbg .slick-dots li.slick-active button::after {
	transition:0.5s; -webkit-transition: all 0.5s;
}
.Mainbg .slick-dots li button:hover::after {
	opacity: 1; transform: translateY(20px); -webkit-transform: translateY(20px);
}
.Mainbg .slick-dots li.slick-active button::after {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.Mainbg .slick-dots li.slick-active button em {
	transition:bottom 0.5s; bottom: 10px; -webkit-transition: bottom 0.5s;
}
.Mainbg .slick-dots li.slick-active#slick-slide00 button::after {
	background-position: 0px 0px;
}
.Mainbg .slick-dots li.slick-active#slick-slide01 button::after {
	background-position: -240px 0px;
}
.Mainbg .slick-dots li.slick-active#slick-slide02 button::after {
	background-position: -480px 0px;
}
.Mainbg .slick-dots li.slick-active#slick-slide03 button::after {
	background-position: -720px 0px;
}
.Mainbg .slick-dots li.slick-active#slick-slide04 button::after {
	background-position: -960px 0px;
}


/* Dots */
.slick-dotted.slick-slider{/* padding-bottom:50px;*/;}
.slick-dots{/* position:absolute;*/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:5px;background:#cfcfcf;opacity:0.5;cursor:pointer;color:transparent;border:0;}
.slick-dots li.slick-active button{width:50px;opacity:0.4;background: #007bed;}

.scroll-down {position: absolute;transform: translate(-50%,0%);text-align:center;z-index: 5;color: #fff;right: -20px;padding-top: 150px;}
.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% { translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { 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; }
}

.mainW .header{position: absolute; z-index: 1000; width: 100%} 
.mainW .header .logt p span, .mainW .langw a{color: #fff}
.mainW .navbar-fixed-top .logt p span, .mainW .navbar-fixed-top .langw a{color: #000}
.maintopw .container{width: 100%; padding: 0 55px; box-sizing: border-box} 
.main01sec-1{font-size:55px;font-weight:700;letter-spacing: -3px;line-height:100%;padding-bottom: 30px}
.mainsmore a{border:1px solid rgba(255,255,255,0.5);display:block;font-size: 17px;width:120px;text-align:center;color:rgba(255,255,255,1.00);margin-top:20px;font-family: 'Futura-Medium';letter-spacing: 0;}
.main01sec{float:left;}
.main01sec-3{font-size:30px;color:rgba(255,255,255,0.8);text-align:left;  font-family: 'Futura-Bold';}
.main01sec{float:left;text-align:left;}
.main01secw{width: 665px;position:relative;}
.main01more a{border:1px solid rgba(255,255,255,0.7);font-size:16px;padding:0px 15px;display:inline-block;margin-top:10px;opacity:0.7; }
.main01more a:hover{background:rgba(255,255,255,1);transition:all 0.2s ease-in;color:rgba(51,51,51,1);}
.main01sec-cate{font-size: 24px; opacity: 0.77}
.maintop{overflow:hidden;display: flex;align-items: center;height: 1000px; justify-content: center;}
.maintop .text{color:#ffffff;text-align:center;position: relative;}
.maintop .text .tit{font-family: 'Georgia', sans-serif; font-size:55px; font-weight: 700; padding-bottom: 20px;}
.maintop .text .tit span{color: #ffb830}
.maintop .text .stit {font-size: 22px; font-family: 'Georgia', sans-serif;}
.maintopw{overflow:hidden;}
.scroll-down {position: absolute;transform: translate(-50%,0%);text-align:center;z-index: 5;color: #fff;right: 50%;padding-top: 200px; margin-right: -20px;}
.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; }
}




#sec05{overflow:hidden;position:relative;}
#sec05 .titArea{text-align:center;}
#sec05 .txt1{padding-bottom:10px;font-size:22px;color:#fff;letter-spacing:1px;}
#sec05 .txt2{padding-top:30px;font-family:HDHarmonyL;font-size:21px;color:#fff;line-height:32px;}
#sec05 .txt2 .mobileBlock{display:none;}
#sec05 .pleasureList{overflow:hidden;height:100%;}
#sec05 .pleasureList > ul{height:100%;}
#sec05 .pleasureList > ul > li{float:left;position:relative;width:25%;height:100%;}
#sec05 .pleasureList > ul >li:after{content:'';display:block;padding-bottom:167%;}
#sec05 .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;}
#sec05 .pleasureList li:first-child a{border-left-width:0;}
#sec05 .pleasureList .textArea{display:block;position:absolute;top:50%;left:0;text-align:center;vertical-align:middle;width:100%;color:#fff;line-height:1;transform:translateY(-50%);transition:all .3s linear;}
#sec05 .pleasureList .plsTit{font-size:32px;font-weight:600;}
#sec05 .pleasureList .plsimg{padding-bottom:20px;}
#sec05 .pleasureList .plsText{margin-top:40px;color:rgba(255,255,255,0.57);font-size:18px;line-height:1.5;}
#sec05 .pleasureList .plsTits{font-size:16px;color:rgba(255,255,255,0.7);padding-top:25px;line-height:160%;}
#sec05 .pleasureList .plsText .mobileBlock{display:none;}
#sec05 .pleasureList .more{margin-top:40px;width:100%;text-align:center;}
#sec05 .plsText ul{width:220px;margin:0px auto;}
#sec05 .plsText li{float:none;text-align:left;}
#sec05 .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;}
#sec05 .plsText li:hover{color:#ffffff;}
#sec05 .btnMore{display:inline-block;width:140px;height:45px;box-sizing:border-box;border:1px solid rgba(255,255,255,1);font-size:14px;color:rgba(255,255,255,1);line-height:45px;text-align:left;background:url(../img/main/aca_arr.png) no-repeat 95% center;padding-left:15px;}
#sec05 .pleasureList .imgArea{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:center top/cover no-repeat #fff;}
#sec05 .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;}
#sec05 .pleasureList li:nth-child(1) .imgArea .offImg{background-image:url(../img/main/sec02_off_03.png);}
#sec05 .pleasureList li:nth-child(2) .imgArea .offImg{background-image:url(../img/main/sec02_off_02.png);}
#sec05 .pleasureList li:nth-child(3) .imgArea .offImg{background-image:url(../img/main/sec02_off_01.png);}
#sec05 .pleasureList li:nth-child(4) .imgArea .offImg{background-image:url(../img/main/sec02_off_04.png);}
#sec05 .pleasureList li:nth-child(1) .imgArea{background-image:url(../img/main/sec02_01.png);}
#sec05 .pleasureList li:nth-child(2) .imgArea{background-image:url(../img/main/sec02_02.png);}
#sec05 .pleasureList li:nth-child(3) .imgArea{background-image:url(../img/main/sec02_03.png);}
#sec05 .pleasureList li:nth-child(4) .imgArea{background-image:url(../img/main/sec02_04.png);}
#sec05 .pleasureList .mobileClick{display:none;}
#sec05 .bgLine .line{position:absolute;top:0;width:40px;height:100%;background-color:rgba(67, 67, 67, .15);}
#sec05 .bgLine .line.line1{left:calc(50% - 375px);}
#sec05 .bgLine .line.line2{left:50%;}
#sec05 .bgLine .line.line3{left:calc(50% + 375px);}
#sec05 .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%);}


@media all and (min-width:1441px) and (max-width:1600px){
	#sec05 .pleasureList .plsTit{font-size:38px;}
	#sec05 .pleasureList .plsText{font-size:16px;}
}

@media all and (min-width:1025px) and (max-width:1440px){
	#sec05 .pleasureList .plsText, #sec05 .txt1, #sec05 .txt2{}
	#sec05 .txt1{font-size:1.5vw;}
	#sec05 .txt2{font-size:1.4vw;line-height:1.5;}
	#sec05 .pleasureList .plsText{padding:0 2%;font-size:1.2vw;}
	#sec05 .pleasureList li:not(:first-child) .plsText br{display:none;}
}
@media all and (min-width:1025px){
	#sec05 .tit, #sec05 .txt1, #sec05 .txt2{position:relative;top:100px;opacity:0;}
	#sec05 .pleasureList .plsText{overflow:hidden;position:relative;top:100px;margin-top:0;line-height:0;opacity:0;transition:all .3s ease-in-out;}
	#sec05 .pleasureList .more{overflow:hidden;position:relative;top:100px;margin-top:0;opacity:0;transition:all .3s ease-in-out;transition-delay:.1s;}
	#sec05 .pleasureList a:focus .imgArea .offImg, #sec05 .pleasureList a:hover .imgArea .offImg{opacity:0;}
	#sec05 .pleasureList a:focus .plsText, #sec05 .pleasureList a:hover .plsText{top:0;margin-top:40px;line-height:1.5;opacity:1;}
	#sec05 .pleasureList a:focus .more, #sec05 .pleasureList a:hover .more{top:0;margin-top:40px;height:47px;opacity:1;}
}


.sec06{padding: 260px 0 100px;}
.sec06 .container{width: 1350px; display: flex}
.edutxt{width: 310px;}
.edutxtit{ font-family: 'Futura-Medium'; color: #3f3f3f; font-size: 30px; padding-bottom: 30px}
.edutm{font-size: 36px; color: #3f3f3f; font-weight: 700; margin-bottom: 40px}
.edumore a{display: block; width: 110px; background: url("../img/main/edumore.png") no-repeat right center;  font-family: 'Futura-Medium';}
.eduimgw{display: flex; font-family: 'Georgia', sans-serif;}
.eduimgbox{margin-right: 35px}
.eduimgbox a{display: block; position: relative}
.eduimgbox:last-child {margin-right: 0}
.eduimgbox:nth-child(2) a{top: -120px;}
.eduimg{}
.eduimgtxtw{width: 360px; position: absolute; background: #fff; box-sizing: border-box; padding: 10px; height: 95px; bottom: 0;}
.eduimgtit{font-size: 24px; color: #282828; font-weight: 600; padding-bottom: 10px}
.eduimgstit{font-size: 15px; color: #282828}


@media only all and (max-width:1650px){	
	.sec03 .container{width: 100%; padding: 0 10px; box-sizing: border-box}
	.sec02 .container{padding-left: 20px}
	.notdayw > div{padding: 5px 5px}
}


@media only all and (max-width:1250px){	
	.sec06 .container{width: 100%; padding: 0 10px; box-sizing: border-box}	
	.sec06{padding: 160px 0 50px}	
	.sban{width: auto; padding: 0 40px; margin-top: 50px;}
	
}

@media only all and (max-width:1024px){
	.quicknav{display: none}
	.Mainbg{height: 560px !important;}
	.maintop {height: 560px !important; display: block;}
	.Mainbg + .container{width: 100%}
	.maintop .text .buttons{top: 265px;left: 66px;}
	.maintop .text .slick button{top: 275px;}
	
	.main01secw{width:92%;padding:0px;box-sizing:border-box;/* height:190px;*/ margin:0 4%;}
	.maintop .text{width:100%;padding-top: 190px;padding-bottom:0;}
	.main01sec-1{font-size:32px; letter-spacing: -1.5px}
	.main01more a{font-size:13px;padding:5px 10px;height:auto;line-height:initial;  font-family: 'Futura-Bold';}
	.main01sec-3{font-size:14px;padding: 10px 0;}
	.main01sec-2{font-size:32px;letter-spacing:-1px;line-height:90%;}
	.main01sec-2 p{font-size:22px;}	
	#sec05 .pleasureList .plsTits{font-size: 14px}
	#sec05 .pleasureList .plsTits p{display: inline}
	
	.sec06 .container{display: block}
	.sec06{padding: 50px 20px }
	.maintopw{height: auto;}	
	.eduimgbox:nth-child(2) a{top: 0px}
	.eduimgtxtw{width: 100%; height: auto}
	.eduimgstit p{display: inline}
}

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

	.maintop .text .tit{font-size: 24px}
	.maintop .text .stit{font-size: 18px}
	.maintop .text .stit p{display: inline}
	.maintopw .container{padding: 0 20px}
	.scroll-down{padding-top: 100px; right: 48%}
	
   #sec05{overflow:hidden;position:relative;padding:0;}
	#sec05 .pleasureList .plsTits{padding-top:10px;}
	#sec05 .txt1{font-size:16px;}
	#sec05 .txt2{padding-top:17px;font-size:15px;line-height:21px;}
	#sec05 .txt2 .mobileBlock{display:inline;}
	#sec05 .pleasureList{padding:0 0px;max-width:100%;}
	#sec05 .pleasureList > ul> li{float:none;position:relative;width:100%;height:220px;transition:all .3s linear;}
	#sec05 .pleasureList > ul> li:first-child{margin-top:0;}
	#sec05 .pleasureList > ul> li.active{height:340px;}
	#sec05 .pleasureList > ul> li .imgArea{background-position:center center;}
	#sec05 .pleasureList > ul> li.active .imgArea .offImg{opacity:0;}
	#sec05 .pleasureList > ul> li:before{content:'';display:block;position:absolute;top:calc(50% - 5px);right:17px;z-index:10;width:14px;height:9px;background:url(https://drivingexperience.hyundai.co.kr/kr/common/images/pleasure-icon-m.png) 0 -11px/14px 20px no-repeat;}
	#sec05 .pleasureList > ul> li.active:before{background-position:0 0;}
	#sec05 .pleasureList .plsTit{font-size:25px;}
	#sec05 .pleasureList .plsText{font-size:14px;line-height:20px;}
	#sec05 .pleasureList .plsText .mobileBlock{display:inline;}
	#sec05 .pleasureList .more, #sec05 .pleasureList .plsText{display:none;}
	#sec05 .pleasureList li.active .more, #sec05 .pleasureList li.active .plsText{display:block;}
	#sec05 .pleasureList li.active .plsText{margin-top:5px;padding:0;}
	#sec05 .pleasureList li.active .plsText br:not(.mobileBlock){display:none;}
	#sec05 .pleasureList li.active .more{margin-top:20px;}
	#sec05 .pleasureList .mobileClick{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
	#sec05 .pleasureList li.active .mobileClick{top:calc(50% - 4px);right:17px;left:auto;width:14px;height:9px;}
	#sec05 button{background:none;border:none;padding:0;margin:0;cursor:pointer;overflow:visible;white-space:nowrap;}
	#sec05 .pleasureList li.active .mobileClick:before{content:'';display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%, -50%);}
	#sec05 .bgLine{display:block;}#sec05 .bgLine .line{width:20px;}
	#sec05 .bgLine .line.line1{left:calc(50% - 80px);}
	#sec05 .bgLine .line.line3{left:calc(50% + 80px);}
	
	.sec06{padding: 20px 0;}
	.edutxt{width: 100%; padding-bottom: 20px;}
	.edutm{margin-bottom: 10px}
	.edutxtit{margin-bottom: 10px}
	.eduimgbox{margin-right: 0}
	.eduimgbox:nth-child(2) a{top: 0}
	.eduimgtxtw{width: 100%; position: relative; height: auto}
	.eduimgw{display: block}	
	.eduimg img{width: 100%}
}