@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

/*common*/
.inner{max-width:1500px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width: 1500px;padding:0 3%;position:relative;margin: 0 auto;}
.ofh{overflow:hidden;}
.clear:after {content:''; display:block; clear:both;}

.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}
.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}
.upper{text-transform:uppercase}

@media all and (min-width:768px) {
.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}
.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}
.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}
}

@media all and (min-width:1200px) {
body, html{font-size:17px; line-height:1.5}
.mb{margin-bottom:50px !important}
.bmb{margin-bottom:100px !important}
.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px;}
}



/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes scaling {	From {    -webkit-transform: scale(1.1);}	To {    -webkit-transform: scale(1.0);}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */;height:100%;min-height:1px;}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



/* main */
.main .visuslider .visu:before{animation: zoomout 6s ease-in-out infinite alternate; -webkit-animation: zoomout 6s ease-in-out infinite alternate;}
/*.main .visuslider .visu:before{animation: zoomout 8s ease-in-out infinite alternate;    -webkit-animation: zoomout 8s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }*/
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}
.visuslider .visu{position:relative;/*! height: 50vh; */min-height: 500px;max-height:1080px;z-index:2;display:flex !important;align-items:center;top: 70px;}
.visuslider .visu:before{content:''; display:block;  margin:auto; background-size:cover !Important;position:absolute; left:0; right:0; top:0; bottom:0; width:100%;  bottom:0; z-index:1; }
.visuslider .visu.visu01:before{background:url(../img/main_img01.jpg) no-repeat center center;}
.visuslider .visu.visu02:before{background:url(../img/main_img02.jpg) no-repeat center center;}
.visuslider .visu.visu03:before{background:url(../img/main_img03.jpg) no-repeat center center;}
.visuslider .visu .txt{color:#ffffff;width:100%;padding:0 4%;position:absolute;z-index:5;top: 25%;text-align: center;}
.visuslider .visu .txt p.col{color: var(--point_color);font-weight: 700;text-transform: uppercase;}
.visuslider .visu .txt img{width:90%;  max-width:300px;margin: 0 auto 10px;}
.visuslider .visu .txt p{color: #fff;font-weight: 600;opacity: 0.9;}
.visuslider .visu .txt p span{font-size:1.3em; font-weight:800}
.visuslider .visu .txt p.adress{margin-top:10px;}
.visuslider .visu .txt p.adress img{width:15px; display: inline-block}

@media all and (min-width:768px) {
.visuslider .visu .txt p{font-size: 1.2em;}
.visuslider .visu .txt img{max-width:400px;}
}

@media all and (min-width:980px) {
.visuslider .visu{min-height: 700px;}
.visuslider .visu .txt img{max-width:500px;}
}

@media all and (min-width:1200px) {
.visuslider .visu{height: 100vh;}	
.visusliderWrap{overflow:hidden;}
.visuslider .visu .txt{padding:0 12%;top: 30%;}
.visuslider .visu .txt img{max-width:600px;}
.visuslider .visu .txt p{font-size: 1.4em;}
.visuslider .visu .txt p.adress img{width:18px; margin-top:5px; margin-right:5px}
}

@media all and (min-width:1400px) {
.visuslider .visu .txt p{font-size: 1.6em;line-height: 38px;}
.visuslider .visu .txt img{max-width:800px;}
.visuslider .visu .txt p.adress img{margin-top:7px; margin-right:10px}
}

@media all and (min-width:1600px) {
}





/*스크롤다운*/
.main .visual_scroll {display:none;}
.main .visual_scroll:before {content:''; display:inline-block; width:3px; height:100%; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0;}
.main .visual_scroll:after {content:''; display:inline-block; width:2px; height:30%; background:#fff; position:absolute; left:0; top:0; animation:scroll 3s ease-in infinite;}
.main .visual_scroll div {position:relative;}
.main .visual_scroll p {display:inline-block; transform:rotate(90deg); transform-origin:left bottom; position:absolute; left:0.7em; top:-1.4em; color:#fff; font-size:0.8em;}

@media all and (min-width:768px) {
.main .visual_scroll {display:block;position: absolute;right: 0px;bottom: -100px;width: 100px;height: 150px;overflow: hidden;}
}

@media all and (min-width:1200px) {
.main .visual_scroll {right:50px;height: 200px; bottom:-200px;}
}

@media all and (min-width:1400px) {
.main .visual_scroll {right:120px;height: 220px;}
}


/* animation */
@-webkit-keyframes dot {
		0% {-webkit-transform:scaleX(0); -webkit-transform-origin:0 0;}
    100% {-webkit-transform:scaleX(1); -webkit-transform-origin:0 0;}
}
@keyframes dot {
		0% {transform:scaleX(0); transform-origin:0 0;}
    100% {transform:scaleX(1); transform-origin:0 0;}
}
@-webkit-keyframes visbg {
  from {-webkit-transform:scale(110%);}
  to {-webkit-transform:scale(100%);}
}
@keyframes visbg {
  from {transform:scale(110%);}
  to {transform:scale(100%);}
}
@-webkit-keyframes anim01 {
	0% {opacity:0; -webkit-transform:translateX(30px);}
	100% {-webkit-transform:translateX(0); opacity:1;}
}
@keyframes anim01 {
	0% {opacity:0; transform:translateX(30px);}
	100% {transform:translateX(0); opacity:1;}
}
@-webkit-keyframes scroll {
	0% {-webkit-top:-30%;}
	100% {-webkit-top:100%;}
}
@keyframes scroll {
	0% {top:-30%;}
	100% {top:100%;}
}
@keyframes circleRight {
  0% {
    transform: rotate(-135deg);
  }
  50%,
  100% {
    transform: rotate(45deg);
  }
}
@keyframes circleLeft {
  0%,
  50% {
    transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}




/*공통*/
.main{position:relative;}
.main .controls {position:absolute; left:0; bottom:100px; z-index:99; color:#fff; padding:0 3%; display:flex; align-items:center; width:100%; font-size:1.25em;}
.main .controls .prev:before,
.main .controls .next:before {font-family:'xeicon'; cursor:pointer;}
.main .controls .prev:before {content:'\e93d';}
.main .controls .next:before {content:'\e940';}
.main .controls .dots {width:100px; text-align:center;}
.main .controls .dots li:not(.slick-active) {display:none;}
.main .controls .dots li{color:#aaa}
.main .controls .dots span {font-weight:800; color:#fff}
.main .controls .dots span:not(.slick-active) {font-size:1.2em; color:#fff}
.main .controls .dots span:after {content:'/'; margin:0 0.5em; font-weight:500; color:#aaa; font-size:0.8em;}

.control {margin-left:auto;display:flex;align-items:center;width:24%;min-width:calc(150px - 6%);}
.control .dots {width:50%;}
.control .dots li {display:none; color:#fff; font-weight:800;}
.control .dots li.slick-active {display:flex; justify-content:center; align-items:center;}
.control .dots li .line {display:inline-block; width:1px; height:0.8em; margin:0 0.5em; background:#fff; opacity:0.5;}
.control .arrow {display:flex;justify-content:space-between;margin-left:auto;}
.control .arrow span.prev{background: url(../img/control_prev.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.control .arrow span.next{background: url(../img/control_next.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}
.control .arrow span.prev:hover{background: url(../img/control_prev_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.control .arrow span.next:hover{background: url(../img/control_next_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}

.main_tlt{font-size: 1.8em;font-weight: 700; margin-bottom: 20px; text-align: center;}
.main_tlt_txt{color: var(--point_color); font-weight: 700;text-align: center;}

.pd{padding-top:40px; padding-bottom:40px;}
#section03 .pd{padding-top:60px; padding-bottom:60px;}
#sub .pd{padding-top:40px; padding-bottom:40px;}

@media all and (min-width:768px) {
.pd{padding-top:60px; padding-bottom:60px;}
#section03 .pd{padding-top:80px; padding-bottom:80px;}
#sub .pd{padding-top:60px; padding-bottom:60px;}
}

@media all and (min-width:980px) {
.pd{padding-top:80px; padding-bottom:100px;}
.main_tlt_box{margin-bottom: 40px;}
.main_tlt{font-size: 2em;}
#section03 .pd{padding-top:100px; padding-bottom:100px;}
#sub .pd{padding-top:80px; padding-bottom:80px;}
}

@media all and (min-width:1200px) {
.pd{padding-top:120px; padding-bottom:120px;}
.main_tlt{font-size: 2.5em;}
.main .controls {padding:0 12%;bottom: 200px;}
	#section03 .pd{padding-top:120px; padding-bottom:120px;}
}

@media all and (min-width:1600px) {
.pd{padding-top:150px; padding-bottom:150px;}
	#section03 .pd{padding-top:150px; padding-bottom:150px;}
}


/*section01*/
#section01 {position: relative;}
.sub_tlt{font-size: 1.7em;font-weight: 800;margin-bottom: 20px;}
#section01 ul.busi{}
#section01 ul.busi li{}
#section01 ul.busi li a{position: relative; margin-bottom:80px;display: block;}
#section01 ul.busi li a img{width: 100%;}
#section01 ul.busi dl{background: #fff; display: block; position: absolute; bottom:-70px; padding: 20px 20px 20px 0px;width: 90%;}
#section01 ul.busi dt{ font-size: 1.4em;font-weight: 800;margin-bottom: 20px;}
#section01 ul.busi dd{}
@media all and (min-width:650px) {
}

@media all and (min-width:768px) {
#section01:before{display: block; clear: both; content: "";background: url(../img/section01_bg.png) no-repeat;background-size: cover;width: 300px;height: 70px;right: 0;position: absolute;z-index: -9;top: 40px;opacity: 0.5;overflow: hidden;}
#section01 ul.busi{display: flex; flex-wrap:wrap; gap:2%;}
#section01 ul.busi li{width:32%;}
}

@media all and (min-width:980px) {
.sub_tlt{font-size: 2.2em; margin-bottom:40px;}
#section01 ul.busi dt{font-size: 1.6em;}
#section01 ul.busi dd{font-size:1.05em}
}

@media all and (min-width:1200px) {
#section01 ul.busi dl{padding: 30px 30px 30px 0px;}
#section01 ul.busi dt{font-size: 1.8em;}
#section01 ul.busi dd{font-size:1.1em}
}

@media all and (min-width:1600px) {
#section01:before{width: 780px;height: 150px;right: 5%;top: 90px;}
.sub_tlt{font-size: 3.3em;}
}








/*footer*/
#footer{ font-size:0.9em; text-align:center; padding:40px 0;background: #fcfcfc;color: #515151;letter-spacing: -0.05em;border-top: 1px solid #eee;}
#footer .pdinner{max-width:1400px;margin: 0 auto;}
#footer .sns {display:flex; justify-content:center; margin:0 0 20px;}
#footer .sns a {margin:0 5px; display: inline-block;background: #ddd;padding: 5px;border-radius: 50px;}
#footer .sns a:hover{background: var(--main_color)}
#footer .sns a img {width:30px;}
#footer p{font-size:0.85em; clear:both; margin-top:30px; color:#999;}
#footer p .adm {margin:0 0 0 0.5em; background:#ccc; color:#fff; padding:0.1em 0.3em;}
#footer address b{color:#464646;margin-right: 5px;font-weight: 800;}
#footer .logo{display:none}

.bottom_li {text-align:center; margin:0 0 30px;}
.bottom_li li {display:inline-block; margin:0 0.5em; position:relative; line-height:20px;}
.bottom_li li:first-child:before {display:none;}
.bottom_li li a { font-weight:700;}

@media all and (min-width:768px) {
  #footer  {padding:60px 0;}
  #footer .footer_wrap {display:flex; align-items:last baseline;gap: 5%;}
  .bottom_li {text-align:left;}
  .bottom_li li {margin:0 3em 0 0;}
	#footer .logo{display:block;float: right;}
	#footer .logo img{width:200px;}
	#footer .sns {justify-content:right;}
	#footer .footer_wrap .rbox{width: 25%;}
	#footer .footer_wrap .lbox{width: 70%; text-align:left;}
	#footer address{line-height:1.8}
}

@media all and (min-width:1080px) {
  #footer  {font-size:1em;}
  #footer .footer_wrap .rbox {/*! display:flex; */ /*! align-items:center; */}
  #footer .footer_wrap .rbox  .drop {margin:0;}
}

@media all and (min-width:1200px) {
 	#footer .logo img{width:300px;}
	#footer .sns {margin:0 0 60px;}
}

@media all and (min-width:1280px) {
  #footer {padding:80px 0px 60px;}
}

/*page up
#pageup {position:fixed;z-index:999;right:0;bottom:20px;width:50px;height:50px;  background: var(--main_color) url(../img/Htop.png) no-repeat center center; background-size: 50px 50px;display:block;cursor:pointer;z-index:4000;border-radius: 50px;}

@media all and (min-width:1200px) {
#pageup {right:20px;width: 70px;height: 70px;}
}*/



/*서브레이아웃공통*/
.dot_li_wrap {background:#fafafa; padding:20px 0;}
.dot_li{overflow:hidden;}
.dot_li li{position:relative; padding-left:15px; margin-bottom:3px; word-break:break-all}
.dot_li li:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; left:0; top:10px; position:absolute; background:#7b7b7b;}
.dot_li li:last-child{margin-bottom:0;}
.dot_li li.ref {font-size:0.9em; color:#666; margin:15px 0; background:#fcfcfc; border:1px dotted #ccc; padding:10px 3%;}
.dot_li li.ref:before {display:none;}
.dot_li li span {}

.tit_dot{font-size:1.25em; color:#303030; font-weight:600; padding-left:30px; background:url('../img/tit_cir.png') no-repeat left 4px;}
.subtit_dot{font-size:1.15em; color:#05235f; font-weight:600;}

@media all and (min-width:768px) {
	.dot_li li.ref {padding:10px 30px;}
}


/*서브레이아웃*/
#sub_vis{position:relative;padding: 120px 0 60px;background-repeat:no-repeat;background-position:center center;background-size:cover !important;color:#ffffff;text-align:center;/* margin-top:75px; */}
#sub_vis .tit_h2{font-size:1.8em;/* margin-bottom:20px; */font-weight: 700;}
#sub_vis .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_vis .tit_h2 b{display:block; line-height:1.2}
.sub_tab{display:none}
.sub_con{margin: 0 auto;position:relative;min-height:400px;padding: 60px 0%;/*overflow:hidden*/}
.sub_con.sub01,.sub_con.sub02{padding-bottom:0px;}
#sub02.sub_con{padding-top:0px !important;}
.sub_con:after{content:''; clear:both; display:block}

@media all and (min-width:768px) {
.sub_con{padding: 70px 0%;}
#sub_vis{border-bottom:0;}
#sub_vis .tit_h2{font-size:2.6em; }

#sub_vis p{font-size:1.1em;}
#sub_vis .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
.sub_con{padding: 140px 0% 140px;}
#sub_vis .tit_h2{font-size:3em; line-height:1.8;/*! text-align: left; */}
#sub_vis p{font-size:1.4em;}
#sub_vis{border-bottom:0;padding: 200px 0 150px;}
}




/*2depth menu*/
#twodepthNav {position:relative; display:none; margin: 0 auto; background:#e7211a}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:16%; display:inline-block; text-align:center; max-width:150px}
#twodepthNav ul li a{color:#ffffff}
#twodepthNav ul.li09 li{width:10.5%;}
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#0083ef; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:60px; margin-left:-30px;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {background:#ffffff}
#twodepthNav ul li.active a{font-weight:600; color:#323232}
#twodepthNav ul li.active a:after{width:60px; margin-left:-30px;}

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /*기준*/
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /*background:rgba(90,19,40,0.8);*/ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}


#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}






/*흰색패스*/
#sub_drop{position:relative; border-width:1px 0px; z-index:100;border-bottom: 1px solid #dcdcdc;}
#sub_drop .home a{display:block;line-height:45px;padding:0 20px;background: #0084E9;}
#sub_drop .home{width:50px !important;}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left;/*! border-right:1px solid #dcdcdc; */position:relative;z-index:101;max-width:200px}
/*#sub_drop .dropdown.deph01{width:calc(45% - 50px);}*/
#sub_drop .dropdown.deph02{width:55%}
#sub_drop .dropbtn {background: #ffffff;width:100%;text-align:left;display:inline-block;height:auto;position:relative;line-height:45px;padding:0 25px 0 10px;cursor:pointer;color:#000000;font-size:14px;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#000000; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{background: #fff;}
#sub_drop .dropdown ul li{padding:5px 10px;/*! border-bottom: 1px solid #dcdcdc; */}
#sub_drop .dropdown ul li:last-child{border-bottom: 0px;}
#sub_drop .dropmenu {display: none;position: absolute;z-index: 5;/* background:#ffffff; */border:1px solid #dcdcdc;box-sizing:content-box;left:-1px;width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; font-size:14px;}
#sub_drop .dropmenu li:hover {font-weight:600;}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px; font-size:16px;}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown.deph02{max-width:250px}
	#sub_drop .dropmenu a{line-height:40px; font-size:16px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}



@media all and (min-width:1200px) {
.menu_wrap{border-bottom:0px}
#sub_drop{font-size:1.1em;margin-top:-70px;position:absolute;border-top:0px solid #e6e6e6;border-color: rgb(255 255 255 / 0%);width: 100%;right: 0;}
#sub_drop .inner{background:none; border:0px}
#sub_drop .dropmenu{border:0px;/* background:#ffffff; */text-align:center;left:0;display:block !important;background: #fff;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border-radius: 20px 20px 0px 0px;border-bottom: 1px solid #E8E8E8;}
#sub_drop .dropdown.active a.dropbtn,
#sub_drop .dropbtn.has-focus{background:#0084E9; border:0px;}

#sub_drop .dropdown > .dropmenu li a.current{background: var(--main_color);backdrop-filter: blur(20px);color: #fff;font-weight:600;position:relative;line-height:67px;/*! border-radius: 20px 0px 0px 0px; */}
#sub_drop .dropdown > .dropmenu li a.current:after{display: block;clear: both;content: "";border-bottom: 3px solid var(--main_color);width: 50px;margin:0 auto;}
	#sub_drop .dropdown > .dropmenu li:first-child a.current{border-radius:20px 0px 0px 0px}
	#sub_drop .dropdown > .dropmenu li:last-child a.current{border-radius:0px 20px 0px 0px}
	
#sub_drop .dropdown.home{width:70px !important}
#sub_drop .dropdown{width:calc(100% - 70px); }
#sub_drop .dropdown.deph01{display:none}
#sub_drop .dropdown.deph02{max-width:100%;width: 100%;}


#sub_drop .dropdown.home a{line-height:70px;  padding:0; text-align:center } 
#sub_drop .dropbtn {line-height:70px; display:none; font-size:1.05em}

#sub_drop .dropmenu a:hover{/*! color:inherit; */}
#sub_drop .dropdown > .dropmenu li{display:block;position:relative;padding:0;float:left;width: 50%;/* border-bottom: 1px solid #f0f0f0; *//*! background: #00000042; *//*! backdrop-filter: blur(5px); *//*! -webkit-backdrop-filter: blur(5px); */}
#sub_drop .dropdown > .dropmenu li:before{content:'';display:block;width:1px;height: 25px;background: #E8E8E8;position:absolute;left:0;top:0;bottom:0;margin:auto;}
#sub_drop .dropdown > .dropmenu li:first-child:before{display:none}

#sub_drop .dropdown > .dropmenu li a{line-height:70px;font-size:1em;color: #979797;}
#sub_drop .dropdown > .dropmenu .list06 li{width:16.666%}
#sub_drop .dropdown > .dropmenu .list07 li{width:14.28%;}
#sub_drop .dropdown > .dropmenu .list05 li{width:20%}
#sub_drop .dropdown > .dropmenu .list03 li{width:33.33%}
#sub_drop .dropdown > .dropmenu .list04 li{width:25%;}
}


/*allmenu*/
#allmenu{background: #fff; padding: 40px 60px; border-radius: 10px;padding-bottom: 60px;}
#allmenu h1{margin-bottom: 40px; position: relative;}
#allmenu h1 img{width:500px;}
#allmenu .sitemap{position:relative; overflow:hidden;}
#allmenu .sitemap ul{display: flex;flex-wrap: wrap;gap: 2%;}
#allmenu .sitemap ul li{width: 23.5%;}
#allmenu .sitemap ul li h2{font-size:1.3em; font-weight:700;background: var(--main_color);color: #fff;padding: 15px;border-radius: 10px;margin-bottom: 15px;}
#allmenu .sitemap ul li .sub{line-height: 40px;background: #f4f4f4e5;padding: 10px 30px;border-radius: 10px;}
#allmenu .sitemap ul li .sub dl{color:#5b5b5b;}
#allmenu .sitemap ul li .sub dl dd{font-size: 1.1em;border-bottom: 1px solid #e3e3e3;}
#allmenu .sitemap ul li .sub dl dd:last-child{border-bottom:0px;}
#allmenu .sitemap ul li .sub dl dd a:hover{font-weight:800; color:#333;}

#allmenu .flex_box{display:flex; flex-wrap:wrap; align-items:flex-end;}
#allmenu .flex_box .sitemap{width: 100%;}
#allmenu .flex_box .info_box{width:20%; text-align:left;}
#allmenu .flex_box .info_box:hover p.contact{color:var(--main_color)}
#allmenu .flex_box .info_box p.contact{font-size: 2.5em;color: #d0d0d0;font-weight: 700;margin-bottom: 40px;}
#allmenu .flex_box .info_box p.email{font-size: 1.3em;font-weight: 700;margin-bottom: 20px;}
#allmenu .flex_box .info_box .info{line-height: 25px;}
#allmenu .flex_box .info_box .info address{}
#allmenu .flex_box .info_box .info p{}





/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:500ms;animation-timing-fonction:ease-out;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt { 
      0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Standard syntax */
@keyframes sub_tt {
     0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt {
       0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Standard syntax */
@keyframes sub_tt {
     0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}
}

.anim01 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-1000px);} 
    60% {opacity: 1; transform: translateY(30px);} 
    80% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim02 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(1000px);} 
    60% {opacity: 1; transform: translateY(-30px);} 
    80% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
} 
.anim03 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-100px);} 
    40% {opacity: 1; transform: translateY(20px);} 
    60% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim04 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(100px);} 
    40% {opacity: 1; transform: translateY(-20px);} 
    60% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
} 
.anim05 {animation-name: anim05; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim05 {
	0% {transform: translateY(0);} 
    50% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 


@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}

.vibrate-1{-webkit-animation:vibrate-1 3s linear infinite both;animation:vibrate-1 3s linear infinite both}
@-webkit-keyframes vibrate-1 {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}




/*section01*/
.section01{padding-top:40px;padding-bottom: 40px;}
.section01 .date_box{background: var(--main_color);color: #fff;border-radius: 15px 15px 0px 0px;padding: 20px;display: flex;flex-wrap: wrap;align-items: center;}
.section01 .date_box p{font-size: 1.4em;font-weight: 800;width: 40%;margin-right: 5%;}
.section01 .date_box h3{background: #fff;padding: 20px;border-radius: 15px;color: #444;font-family: 'ONE-Mobile-Title';font-weight: 800;text-align: center;font-size: 2em;position: relative;width: 55%;}
.section01 .date_box h3:before{content:''; display:block; width:15px; height:30px; left:30px; background: #777; position: absolute; top:-10px; border-radius: 50px;}
.section01 .date_box h3:after{content:''; display:block; width:15px; height:30px; right:30px; background: #777; position: absolute; top:-10px; border-radius: 50px;}
.section01 ul{background: #f8f8f8;/*! border-radius: 0px 0px 15px 15px; */padding: 20px;display: flex;flex-wrap: wrap;gap: 2%;align-items: center;border-radius: 15px !important;}
.section01 li{width: 49%;}
.section01 li a{display: block;}
.section01 li a img{-webkit-box-shadow: 0px 0px 20px -5px rgba(125, 125, 125, 0.24);-moz-box-shadow: 0px 0px 20px -5px rgba(125, 125, 125, 0.24);box-shadow: 0px 0px 20px -5px rgba(125, 125, 125, 0.24);border-radius: 500px;width: 80px;margin: 0 auto;display: block;}
.section01 li a:hover img{-webkit-transform: rotate(15deg) scale(1.1);transform: rotate(15deg) scale(1.05);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.section01 li a:hover{color:var(--main_color);}
.section01 li a p{text-align: center;margin: 10px 0px 30px;font-size: 1.1em;font-weight: 600;}
.section01 li:nth-child(5) p, .section01 li:nth-child(6) p{margin-bottom:0px}

@media all and (min-width:768px) {
	.section01{padding-top:60px;padding-bottom: 60px;}
	.section01{display: flex; flex-wrap: wrap;}
	.section01 .date_box{width:250px;}
	.section01 ul{/*! width:calc(100% - 200px); */border-radius: 0px 15px 15px 0px;width: 100% !important;}
	.section01 li{width: 32%;}
	.section01 .date_box{border-radius: 15px 0px 0px 15px; padding:30px 40px;width: 200px;}
  .section01 .date_box p{width: 100%;margin-right: 0%;margin-bottom: 20px;}
	.section01 .date_box h3{width:100%;}
	.section01 li:nth-child(4) p{margin-bottom:0px}
	.section01 li a p{text-align: center;margin: 10px 0px 20px;}
}

@media all and (min-width:980px) {
.section01{padding-top:80px;padding-bottom: 80px;}
.section01 li{width: 15%;}
.section01 li a p{text-align: center;margin: 15px 0px 0px;}
.section01 ul{width:calc(100% - 175px);}
	.section01 .date_box{padding:30px 30px;width: 175px;}
  .section01 .date_box p{width: 100%;margin-right: 0%;margin-bottom: 20px;font-size: 1.2em;}
	.section01 .date_box h3{padding: 15px;font-size: 2.5em;}
.section01 .date_box h3:before{width:10px; height:25px; left:18px;}
	.section01 .date_box h3:after{width:10px; height:25px; right:18px;}
}

@media all and (min-width:1200px) {
.section01{padding-top:100px;padding-bottom: 100px;}
.section01 ul{padding:40px 50px;}
.section01 .date_box{padding:30px 50px;width: 250px;}
.section01 ul{width:calc(100% - 250px);}
	.section01 li a img{width:120px;}
	 .section01 .date_box p{font-size: 1.4em;}
}



/*section02*/
.section02{padding:40px 0px; position:relative;}
.main_txt{text-align:center}
.main_txt b{color: var(--main_color);font-weight: 700;}
.main_txt h2.main_font{font-size: 1.5em; font-family: 'ONE-Mobile-Title'; margin: 5px 0px 20px;}
.section02 .swiper-button-next, .section02 .swiper-rtl .swiper-button-prev{background: #fff; width:40px; height:40px; border-radius: 50px;}
.section02 .swiper-button-next, .section02 .swiper-button-prev{color:#777; background: #fff; width:40px; height:40px; border-radius: 50px;-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.41);}
.section02 .swiper-button-next::after, .section02 .swiper-button-prev::after{font-size:20px !important; font-weight:600;font-family:var(--icon);}
.section02 .swiper-button-next::after {content: '\e5e1'; margin-left:7px}
.section02 .swiper-button-prev::after{content: '\e5e0'; margin-left:7px}

.section02 .swiper-slide a{position: relative; display: block}
.section02 .swiper-slide a:hover:before{background: #000; content: ''; display: block; width:100%; height:100%; opacity:0.4; position: absolute; top:0; left:0; border-radius: 20px;}
.section02 .swiper-slide a:hover:after{content: '\e145'; font-family: var(--icon); color:#fff; font-size:40px;font-weight:800; text-align:center; line-height:75px; display:block; width:70px; height:70px; background-color: var(--main_color); border-radius: 50px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.section02 .swiper-slide a img{border-radius:15px;width: 100%;}
.section02 .swiper-slide h3{margin-left: 20px;margin-top: 20px;font-size: 1.3em;font-weight: 700;}
.section02 .swiper-slide p{margin-left: 20px;color: #878787;margin-top: 5px;}
.section02 .sec02_nav .swiper-button-prev{top: 42.5%;position: absolute;z-index: 9999;}
.section02 .sec02_nav .swiper-button-next{top: 42.5%;position: absolute;z-index: 9999;}

@media all and (min-width:768px) {
.section02{padding-bottom:60px}
.main_txt b{font-size:1.1em}
.main_txt h2.main_font{font-size:2em; margin:10px 0px 40px;}
.section02 .swiper-slide h3{margin-left: 20px;margin-top: 20px;font-size: 1.3em;font-weight: 700;}
.section02 .swiper-slide p{margin-left: 20px;color: #878787;margin-top: 5px;}
}

@media all and (min-width:980px) {
.section02{padding-bottom:80px}
.main_txt h2.main_font{font-size:2.5em; margin:10px 0px 50px}
}

@media all and (min-width:1200px) {
.section02{padding-bottom:120px}
.main_txt h2.main_font{font-size:2.7em;}
.section02 .swiper-slide h3{margin-left: 30px;margin-top: 30px;font-size: 1.5em;}
.section02 .swiper-slide p{margin-left: 30px;}
.section02 .swiper-button-next, .section02 .swiper-rtl .swiper-button-prev{width:60px; height:60px; border-radius:60px;}
.section02 .swiper-button-next, .section02 .swiper-button-prev{ width:60px; height:60px; border-radius:60px;}
.section02 .swiper-button-next::after, .section02 .swiper-button-prev::after{font-size:25px !important;}
.section02 .swiper-button-next::after { margin-left:5px}
.section02 .swiper-button-prev::after{ margin-left:10px}
}

@media all and (min-width:1600px) {
.section02 .sec02_nav{width:1200px}
.section02 .sec02_nav .swiper-button-prev{left: 19%; top:38%;}
.section02 .sec02_nav .swiper-button-next{right: 19%; top:38%;}
.section02 .swiper{width: 1800px;left: -100px; position:relative;}
.section02:before{content: ''; display: block; background: #fff; width: 250px; height: 90%; position: absolute; left: 0; top: 50px; z-index: 2;opacity: 0.7;}
.section02:after{content: ''; display: block; background: #fff; width: 250px; height: 90%; position: absolute; right: 0; top: 50px; z-index: 999;opacity: 0.7;}
.section02 .swiper-button-next::after, .section02 .swiper-button-prev::after{font-size:30px !important;}
}

@media all and (min-width:1700px) {
.section02 .swiper{width: 2000px;left: -150px;}
}

@media all and (min-width:1800px) {
.section02 .swiper{width: 2200px;left: -200px;}
.section02:before{width: 240px}
	.section02:after{width: 240px;}
}

@media all and (min-width:1900px) {
.section02 .swiper{width: 2400px;left: -250px;}
.section02:before{width: 207px;}
.section02:after{width: 209px;}
}




/*section03*/
.section03{padding:40px 0px;background: var(--bg_color);border-radius: 30px 0px 0px 30px;position: relative;}
.section03:before{background:url(../img/sec03_bg.png)no-repeat; content:''; display:block; width:100%; height:100%; background-size:cover; position:absolute; top:0; left:0;position: absolute;mix-blend-mode: overlay; border-radius:20px 0px 0px 20px}
.section03 .top_contet .main_txt{ text-align:left}
.section03 .sns_icon{}
.section03 .sns_icon a{position: relative; background: #fff; border-radius:15px; padding:20px 15px; display: block; padding-left:60px;margin-bottom: 15px;font-weight: 600;-webkit-box-shadow: 0px 0px 20px -5px rgba(125, 125, 125, 0.24);-moz-box-shadow: 0px 0px 20px -5px rgba(125, 125, 125, 0.24);box-shadow: 0px 0px 20px -5px rgba(125, 125, 125, 0.24);}
.section03 .sns_icon a.sns:before{content:''; display: block; background:url(../img/insta_ico.png) no-repeat; width:35px; height:35px; background-size:100%; position: absolute; left:15px; top:12.5px;}
.section03 .sns_icon a.sns.i01{}
.section03 .sns_icon a.sns.i02:before{ background:url(../img/youtube_ico.png) no-repeat; background-size:100%; }
.section03 .sns_icon a:hover{background: var(--main_color); color:#fff;}

.section03 .vedio_box iframe{border-radius: 15px !important;margin-bottom: 20px; height:300px;}
.section03 .insta_list{display: flex; flex-wrap:wrap; gap:2%}
.section03 .insta_list li{width:49%; margin-bottom:20px;}
.section03 .insta_list li img{border-radius: 15px;}

@media all and (min-width:768px) {
.section03{padding:60px 0px;}
	.section03 .left{display:flex; flex-wrap:wrap; margin-bottom:40px;}
	.section03 .sns_icon{width:40%;}
	.section03 .main_txt{width:60%;}
  .section03 .vedio_box iframe{height:400px; margin-bottom:40px}
	.section03 .insta_list li{width:23.5%;margin: 0px;}
}

@media all and (min-width:980px) {
.section03{padding:80px 0px;}
	.section03 .top_contet{display:flex; flex-wrap: wrap;margin-bottom: 80px;}
	.section03 .top_contet .left{width: calc(100% - 600px);margin-bottom: 0px;}
		.section03 .sns_icon{width:100%;}
	.section03 .main_txt{width:100%;}
	.section03 .top_contet .right{width:550px; margin-left:50px}
	 .section03 .vedio_box iframe{height:330px; margin-bottom:0px}
	.section03 .sns_icon a:last-child{margin:0px;}
	.section03 .sns_icon a{font-size:1.15em; width:300px;}
}

@media all and (min-width:1200px) {
.section03 .vedio_box iframe{height:380px;}
.section03{padding:80px 0px; margin-left: 80px; padding-left: 80px;}
	.section03 .sns_icon a.sns:before{top: 16px;}
	.section03:after{background: var(--bg_color2); width:100%; height:500px; display: block; content:''; z-index:-99; left:-500px; bottom:0;position: absolute;}
  .section03 .sns_icon a{width:320px;}
}

@media all and (min-width:1600px) {
.section03{padding:120px;margin-left: 100px;border-radius: 30px 0px 0px 30px; padding-right:200px}
	.section03:before{border-radius: 30px 0px 0px 30px;}
.section03 .pdinner{max-width: 1450px!important;}
	.section03 .top_contet .left{width: calc(100% - 750px);}
	.section03 .top_contet .right{width:700px; margin-left:50px}
}

@media all and (min-width:1900px) {
.section03{padding-right:220px;}
	.section03:after{height:700px;}
.section03 .main_txt h2.main_font{margin:10px 0px 100px}
	.section03 .vedio_box iframe{height:450px;}
	.section03 .top_contet .left{width: calc(100% - 950px);}
	.section03 .top_contet .right{width:900px; margin-left:50px}
}



/*section04*/
.section04{padding:40px 0px; background: var(--bg_color2);}
.section04 .swiper-slide{background:#fff; padding:15px; border-radius:15px;}
.section04 .swiper-slide:hover{background: var(--main_color); color:#fff;}
.section04 .swiper-slide img{border-radius: 15px;margin-bottom:15px;width: 100%;}
.section04 .swiper-slide p{display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word;font-weight: 600;}
.section04 .swiper-slide{}
.section04 .swiper-button-next{color:#ffffffe5; right:30px; top:55%}
.section04 .swiper-button-prev{color:#ffffffe5; left:30px; top:55%;}
.section04 .swiper-button-next::after {content: '\e5e1'; margin-left:7px}
.section04 .swiper-button-prev::after{content: '\e5e0'; margin-left:7px}
.section04 .swiper-button-next::after, .section04 .swiper-button-prev::after{font-size:20px !important; font-weight:400;font-family:var(--icon);}

@media all and (min-width:768px) {
.section04{padding:60px 0px;}
.section04 .swiper-button-next{right:0px; top:63%; color:#fff;}
.section04 .swiper-button-prev{left:0px; top:63%; color:#fff;}
	.section04 .swiper-slide p{font-size:1.1em}
	.section04 .swiper-slide{padding:20px;}
	.section04 .swiper-slide img{margin-bottom:20px;}
}

@media all and (min-width:980px) {
.section04{padding:80px 0px;}
.section04 .swiper-button-next::after, .section04 .swiper-button-prev::after{font-size:50px !important;}
}

@media all and (min-width:1200px) {
.section04{padding:120px 0px;}
}

@media all and (min-width:1600px) {
.section04 .swiper-button-next{right:-30px;}
.section04 .swiper-button-prev{left:-30px;}
}

@media all and (min-width:1800px) {
.section04 .swiper-button-next{right:-80px;}
.section04 .swiper-button-prev{left:-80px;}
.section04 .swiper-button-next::after, .section04 .swiper-button-prev::after{font-size:60px !important;}
}



/*section05*/
.section05{padding-top:40px; padding-bottom:40px}
.section05 .slick-slide {border-radius: 20px; position:relative; margin-bottom:20px;}
.section05 .slick-slide img{ width: 100%; border-radius: 15px; display: block;}
.section05 .slick-dots { display: flex !important; position: absolute; bottom:40px; right:15px; justify-content: center; margin-top: 15px; padding: 0;list-style: none;}
.section05 .slick-dots li button { font-size: 0; width: 12px; height: 12px; background: #ffffff82;  border:0px; border-radius: 50%;  margin: 0 5px; transition: all 0.3s ease;}
.section05 .slick-dots li.slick-active button { background-color: #fff; }
.section05 .news_list{background:#fff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.24); border-radius: 15px;padding: 20px;align-items: center;display: flex;flex-wrap: wrap;}
.section05 .news_list ul{width: 100%;}
.section05 .news_list li:hover .tit h6{color:var(--main_color)}
.section05 .news_list li .tit{display: flex;flex-wrap: wrap;margin-bottom: 5px;}
.section05 .news_list li .tit h6{width: calc(100% - 5em);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;line-height: 1.9;font-weight: 700;}
.section05 .news_list li span.label{background: var(--main_color);color: #fff;padding: 4px 10px;border-radius: 5px;width: 4em;margin-right: 1em;line-height: 1.2;height: 25px;text-align: center;}
.section05 .news_list li .txt{font-size: 0.9em;color: #878787;font-weight: 400;margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;display: flex;flex-wrap: wrap;}
.section05 .news_list li:last-child .txt{border-bottom:0px; padding:0px; margin: 0px;}
.section05 .news_list li .tit.only h6{width:100% !important;}
.section05 .news_list li p.cont{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;width: calc(100% - 6em);}
.section05 .news_list li p.date{width: 6em;text-align: right;color: #B5B5B5;}

@media all and (min-width:768px) {
.section05{padding-top:60px; padding-bottom:60px}
	.section05 .flex_wrap{display:flex; flex-wrap:wrap;gap:3%}
	.section05 .popup_slide{width:48.5%}
	.section05 .news_list{width:48.5%;padding: 30px;}
	.section05 .news_list li:nth-child(3) .txt{border-bottom:0px; padding:0px; margin: 0px;}
  .section05 .news_list li:nth-child(4){display: none;}
	.section05 .slick-slide img{height:280px;object-fit: cover;}
	.section05 .slick-slide {margin-bottom:0px;}
	.section05 .slick-dots{bottom:20px;}
}

@media all and (min-width:980px) {
.section05{padding-top:80px; padding-bottom:80px}
.section05 .news_list li .tit h6{font-size:1.1em}
.section05 .news_list li .txt{font-size: 1em;}
}

@media all and (min-width:1200px) {
.section05{padding-top:120px; padding-bottom:120px}
.section05 .news_list li:nth-child(4){display: block;}
	.section05 .news_list li:nth-child(3) .txt{margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.section05 .slick-slide img{height:430px;}
	.section05 .news_list li .tit h6{font-size:1.1em}
	.section05 .news_list{padding: 30px 40px;}
	.section05 .news_list li span.label{height:30px;}
}

@media all and (min-width:1400px) {
.section05 .news_list{padding: 40px 50px;}
.section05 .news_list li .tit h6{font-size:1.2em;line-height: 1.7;}
	.section05 .slick-slide img{height:445px;}
}



/*section06*/
.section06{position:relative;}
.section06 .ban{border-top:1px solid #ddd;border-bottom: 1px solid #ddd;padding: 40px 0px;}
.section06 .ban .tit{position: relative;display: flex;justify-content: space-between;}
.section06 .ban .tit h1{font-size: 1.2em;font-weight: 700;margin-bottom: 20px;width: 100px;}
.section06 .ban .tit .arrows{width: calc(100% - 100px);}
.section06 .ban .tit .slick-arrow.prev{right: 35px;}
.section06 .ban .tit .slick-arrow{width:30px; height:30px; background: #f8f8f8; position: absolute; right: 0;border-radius: 50px;font-size: 20px;color: #999;}
.section06 .ban .tit .slick-arrow:before{display: block; clear: both; content:"\e5cb"; font-family: var(--icon); width:30px; height:30px; text-align: center;line-height: 30px;}
.section06 .ban .tit .slick-arrow.next:before{content:"\e5cc";}


@media all and (min-width:768px) {
.section06 .flex_box{display:flex; flex-wrap:wrap;align-items: center;}
	.section06 .ban .tit{width:20%}
	.section06 ul{width:80%;}
}

@media all and (min-width:980px) {
	.section06 .ban .tit h1{font-size: 1.4em;margin: 0;}
	.section06 .ban .tit{width:15%; margin-right:2%}
	.section06 ul{width:83%;}
	
}

.quick_menu{display: none}

/*quick_menu*/
@media all and (min-width:768px) {
.quick_menu{display: block; position:fixed; right:0; bottom:100px; width:80px;background: #fff;text-align: center;border-radius: 10px 0px 0px 10px;z-index: 999;padding-bottom: 10px;-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.24);}
.quick_menu h4{background: var(--main_color); color:#fff; padding:10px; text-align:center; border-radius:10px 0px 0px 0px; 0px;font-weight: 700;}
.quick_menu a p{color: #707070;margin-bottom: 10px;font-size: 0.9em;}
.quick_menu a.last p{margin-bottom:20px}
}

@media all and (min-width:1600px) {
	.quick_menu{width:100px; border-radius:20px 0px 0px 20px}
	.quick_menu h4{border-radius:20px 0px 0px 0px;margin-bottom: 10px;}
	.quick_menu a p{color: #707070;margin-bottom: 15px;}
	.quick_menu a.last p{margin-bottom:25px !important;}
}


/*메인 영상*/
#visualSection .video_con{position:absolute; left:0; right:0; top:0px; height:100%;  z-index:0;opacity: 0.8;}

@media all and (min-width:1200px) {
#visualSection .video_con{width:115%; height:auto;}
}

@media all and (min-width:1500px) {
#visualSection .video_con{top: -100px;}
}

@media all and (min-width:1700px) {
#visualSection .video_con{top: -140px;}
}


.video_wrap #video {width: 1200px;height: 670px;margin: -200px 0 0 calc(50% - 600px);z-index:-1;opacity: 0.8;position: relative;}
.main_visual .swiper-slide.m4:after{z-index: 99;bottom: 0;height: 100%;background: linear-gradient(to bottom, #00000000, #0000005e);}
@media all and (min-width:800px) {
.video_wrap #video {width:1300px; height:728px; margin:-64px 0 0 calc(50% - 650px);}
}

@media all and (min-width:950px) {
.video_wrap #video {width: 1543px;height: 791px;margin: -64px 0 0 calc(50% - 700px);}    
}

@media all and (min-width:1200px) {
.video_wrap #video {width: 1600px;height: 900px;margin: -120px 0 0 calc(50% - 722px);}
}

@media all and (min-width:1400px) {
.video_wrap #video {width: 2000px;height: 1125px; margin: -220px 0 0 calc(50% - 800px);}
}

@media all and (min-width:1600px) {
.video_wrap #video {width: 2100px;height: 1180px; margin: -220px 0 0 calc(50% - 1000px);}
}

@media all and (min-width:1800px) {
.video_wrap #video {width: 2300px;height: 1250px; margin: -520px 0 0 calc(50% - 1100px);}
}

@media all and (min-width:1900px) {
.video_wrap #video {width: 2700px;height: 1500px; margin: -550px 0 0 calc(50% - 1200px);}
#visualSection .video_wrap:before{height:100%;}
}

/*@media all and (min-width:2000px) {
.video_wrap #video {width: 2700px;height: 2000px; margin: -600px 0 0 calc(50% - 1400px);}
}

@media all and (min-width:2600px) {
.video_wrap #video {width: 3000px;height: 2000px; margin: -650px 0 0 calc(50% - 1400px);}
}

@media all and (min-width:2800px) {
.video_wrap #video {width: 3500px;height: 2000px; margin: -700px 0 0 calc(50% - 1500px);}
}

@media all and (min-width:3000px) {
.video_wrap #video {width: 4000px;height: 2000px; margin: -750px 0 0 calc(50% - 2000px);}
}

@media all and (min-width:3500px) {
.video_wrap #video {width: 5000px;height: 2200px; margin: -800px 0 0 calc(50% - 2500px);}
}*/

#mainVer .swiper-slide{color: #ffffffbf; font-weight: 600;}


/*메인영상*/
#visualSection{position: relative; /*! height: 100vh; *//*! background: #000; */}
#visualSection .txt{color:#ffffff;width:100%;padding:0 4%;position:absolute;z-index:5;top: 35%;text-align: center;}
#visualSection .txt p.col{color: var(--point_color);font-weight: 700;text-transform: uppercase;}
#visualSection .txt img{width:90%;  max-width:300px;margin: 0 auto 10px;}
#visualSection .txt p{color: #fff;font-weight: 600;opacity: 0.9;}
#visualSection .txt p span{font-size:1.3em; font-weight:800}
#visualSection .txt p.adress{margin-top:10px;}
#visualSection .txt p.adress img{width:15px; display: inline-block}
#visualSection .video_wrap:before{content:''; display:block; background:#00000061; width:100%; height:99%;position: absolute;}

@media all and (min-width:800px) {
	#visualSection .txt{top: 35%;}
#visualSection .txt p{font-size: 1.2em;}
#visualSection .txt img{max-width:400px;}
.visualSlider .swiper-slide{ height: 100vh; }
}

@media all and (min-width:980px) {
#visualSection{min-height: 700px;}
#visualSection .txt img{max-width:500px;}
}

@media all and (min-width:1200px) {
.visuslider .visu{height: 100vh;}	
.visusliderWrap{overflow:hidden;}
#visualSection .txt{padding:0 12%;top: 30%;}
#visualSection .txt img{max-width:600px;}
#visualSection .txt p{font-size: 1.4em;}
#visualSection .txt p.adress img{width:18px; margin-top:5px; margin-right:5px}
}

@media all and (min-width:1400px) {
#visualSection .txt p{font-size: 1.6em;line-height: 38px;}
#visualSection .txt img{max-width:800px;}
#visualSection .txt p.adress img{margin-top:7px; margin-right:10px}
}

@media all and (min-width:1900px) {
#visualSection .video_wrap:before{height:99.4%;}
}