@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
html, body{overflow-x:hidden !important;}
ul,ol{list-style:none}
a:active,
a:focus{outline:none; box-shadow:none;}
body{font-size:16px; line-height:1; color:#333}
.at-html .wrapper{background:#e5e5e5;}
.at-html .wrapper.nox_index{background:#fff}
.container_fix{width:1430px;}
.container_img img{display:block;}
.mobile_href{cursor:default;}
@media (min-width:1950px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width:1850px){
	.container_img img{width:100%; margin:0 auto;}
}

/* 폰트 */
.suit{font-family: 'SUIT' !important;}

/*
@media (max-width:991px){
	.mobile_href{cursor:pointer;}
	.at-wrapper{padding-top:82px;}
}
@media (max-width:768px){
	.at-wrapper{padding-top:64px;}
}

@media (max-width:480px){
	.at-wrapper{padding-top:56px;}
}
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더
html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{width:100%; position:fixed; top:0; left:0; transition:all 0.3s ease-in-out; background:transparent; z-index:8;}
header.header .header_container{display:flex; align-items:center; width:1750px; padding:0 15px; max-width:100%; margin:0 auto;}
header.header .header_logo{width:350px;}
header.header .header_logo > a{display:block;}
header.header .header_logo > a > img.logo_w{display:block;}
header.header .header_logo > a > img.logo_b{display:none;}
header.header .header_menu{width:calc(100% - 380px); padding-right:110px;}
header.header .header_menu > ul{display:flex; align-items:flex-start; justify-content:flex-end;}
header.header .header_menu > ul > li{margin-right:95px; position:relative;}
header.header .header_menu > ul > li:last-child{margin-right:0;}
header.header .header_menu > ul > li > a{font-size:18px; color:#ffffff; font-weight:600; line-height:90px;}
header.header .header_menu > ul > li:hover > a{color:#a10c0c; transition:all 0.3s ease-in-out;}
header.header .header_menu > ul > li > .menu_sub1{position:absolute; width:170px; top:120px; left:50%; transform:translateX(-50%); text-align:center;
background:#fff; box-shadow:0 8px 49px 0 rgba(0,0,0,0.15); padding:30px 5px; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
header.header .header_menu > ul > li:hover > .menu_sub1{opacity:1; visibility:visible; top:90px}
header.header .header_menu > ul > li > .menu_sub1 > ul{}
header.header .header_menu > ul > li > .menu_sub1 > ul > li{margin-bottom:30px;}
header.header .header_menu > ul > li > .menu_sub1 > ul > li:last-child{margin-bottom:0;}
header.header .header_menu > ul > li > .menu_sub1 > ul > li > a{font-size:16px; color:#555555; position:relative;}
header.header .header_menu > ul > li > .menu_sub1 > ul > li.on > a, header.header .header_menu > ul > li > .menu_sub1 > ul > li:hover > a{color:#a10c0c;
font-weight:600;}
header.header .header_menu > ul > li > .menu_sub1 > ul > li > a::after{content:""; position:absolute; left:50%; transform:translateX(-50%);
bottom:-2px; height:2px; background:#c46767; transition:all 0.2s ease-in-out; width:0; transform-origin:center;}
header.header .header_menu > ul > li > .menu_sub1 > ul > li:hover > a::after, header.header .header_menu > ul > li > .menu_sub1 > ul > li.on > a::after{width:100%;}
header.header .header_btn{width:30px; height:18px;}
header.header .header_btn > a{width:100%; height:100%; display:block; position:relative;}
header.header .header_btn > a span{position:absolute; display:block; top:0; left:0; width:calc(100% - 9px); height:2px; background:#f5e9dd;
transition:all 0.2s ease-in-out;}
header.header .header_btn > a span:nth-child(2){top:8px; width:100%}
header.header .header_btn > a span:nth-child(3){top:16px; width:calc(100% - 15px)}
header.header .header_btn > a:hover span{width:100%;}

header.header.black, header.header.hover{background:#fff;}
header.header.black .header_logo > a > img.logo_w, header.header.hover .header_logo > a > img.logo_w{display:none;}
header.header.black .header_logo > a > img.logo_b, header.header.hover .header_logo > a > img.logo_b{display:block;}
header.header.black .header_menu > ul > li > a, header.header.hover .header_menu > ul > li > a{color:#222222;}
header.header.black .header_btn > a span, header.header.hover .header_btn > a span{background:#222222;}

header.header .all_menu{position:fixed; z-index:10; width:590px; height:100vh; background:url(/img/all_menu_bg.jpg); padding:45px 50px 0; top:0; right:-100%; opacity:0; visibility:hidden;
transition:all 0.5s ease-in-out;}
header.header .all_menu.active{opacity:1; visibility:visible; right:0;}
header.header .all_menu .all_head{display:flex; align-items:center; justify-content:space-between; margin-bottom:90px;}
header.header .all_menu .all_menu_close{width:24px; height:24px; position:relative; transition:all 0.3s cubic-bezier(0.69, 0.01, 0.44, 1.01);}
header.header .all_menu .all_menu_close span.line{display:block; width:2px; height:28px; background:#f5e9dd; position:absolute; transform:rotate(-45deg);
top:-2px; left:11px;}
header.header .all_menu .all_menu_close:hover{transform:rotate(180deg);}
header.header .all_menu .all_menu_close span.line:nth-child(2){transform:rotate(45deg);}
header.header .all_menu .all_body{}
header.header .all_menu .all_ul{border-top:1px solid rgba(255,255,255,0.07);}
header.header .all_menu .all_ul > li{padding:45px 10px; margin-bottom:0; border-bottom:1px solid rgba(255,255,255,0.07);}
header.header .all_menu .all_ul > li > a{font-size:28px; font-weight:600; color:#ffffff; display:inline-flex; margin-bottom:30px;}
header.header .all_menu .all_ul > li .all_sub_div{}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul{display:flex;}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li{margin-right:30px; position:relative;}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li::after{content:""; width:1px; height:14px; background:#4f4f4f; position:absolute; right:-15px;
top:2px;}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li:last-child{margin-right:0;}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li:last-child::after{display:none;}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li > a{font-size:17px; color:#8c8c8c; font-weight:300;}
header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li.on > a, header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li:hover > a{color:#ffffff; font-weight:400;}
header.header .all_menu_bg{position:fixed; z-index:9; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); opacity:0; visibility:hidden;
transition:all 0.3s ease-in-out;}
header.header .all_menu_bg.active{opacity:1; visibility:visible;}

@media (max-height:850px){
	header.header .all_menu{overflow:hidden; overflow-y:auto;}
}
@media (max-width:1200px){
	header.header .header_logo > a img{width:300px;}
	header.header .header_menu{padding-right:50px;}
	header.header .header_menu > ul > li{margin-right:50px;}
}
@media(max-width:991px){
	header.header .header_container{width:100%; justify-content:space-between; padding:15px;}
	header.header .header_logo > a{width:210px;}
	header.header .header_logo > a img{width:100%;}
	header.header .header_menu{display:none;}
	header.header .header_btn{width:21px;}
	header.header .header_btn > a span{width: 14px; height:1.5px; position:static;}
	header.header .header_btn > a span:nth-child(2){width: 100%; margin: 5px 0;}
	header.header .header_btn > a span:nth-child(3){width: 10px}
	header.header .header_btn > a:hover > span{width:100%;}

	header.header .all_menu{width:290px; padding:25px 20px 0 20px; background:url(/img/mall_menu_bg.jpg); background-size:cover; background-position:right bottom;}
	header.header .all_menu .all_menu_close{width:20px; height:20px;}
	header.header .all_menu .all_menu_close span.line{height:20px;}
	header.header .all_menu .all_menu_close:hover{transform:rotate(0)}
	header.header .all_menu .all_head{margin-bottom:42px;}
	header.header .all_menu .all_head img{width: 150px;}
	header.header .all_menu .all_ul > li{padding:25px 10px;}
	header.header .all_menu .all_ul > li > a{display:block; position:relative; margin:0; font-size:20px;}
	header.header .all_menu .all_ul > li > a span.arrow{width:7px; height:3px; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); transition: all .3s;}
	header.header .all_menu .all_ul > li > a span.arrow:before,
	header.header .all_menu .all_ul > li > a span.arrow:after{content:""; width:100%; height:1px; position:absolute; background:#565656;}
	header.header .all_menu .all_ul > li > a span.arrow:before{right:5px; transform:rotate(45deg)}
	header.header .all_menu .all_ul > li > a span.arrow:after{transform:rotate(-45deg)}
	header.header .all_menu .all_ul > li > a span.main_menu_arrow.active:before,
	header.header .all_menu .all_ul > li > a span.main_menu_arrow.active:after{background:#fff; transition: all .3s;}
	header.header .all_menu .all_ul > li > a span.main_menu_arrow.active:before{transform:rotate(-45deg)}
	header.header .all_menu .all_ul > li > a span.main_menu_arrow.active:after{transform:rotate(45deg)}
	header.header .all_menu .all_ul > li .all_sub_div{height:0; opacity:0; visibility:hidden; transition:all .3s;}
	header.header .all_menu .all_ul > li .all_sub_div.showcon{height:auto; margin-top:12px; opacity:1; visibility:visible;}
	header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul{flex-flow:column;}
	header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li{line-height:31px;}
	header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li::after{display:none;}
	header.header .all_menu .all_ul > li .all_sub_div .all_sub_ul > li > a{font-size:13px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인배너
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.ms01_visual{margin-bottom:0; top:60px; position:relative; transition:all 1s ease; opacity:0;}
.ms01_visual.ani{opacity:1; top:0;}
.ms01_visual .main-container{overflow:hidden;}
.ms01_visual .swiper-slide > a{display:block;position:relative;}
.ms01_visual .swiper-slide .img_box{overflow:hidden;}
.ms01_visual .swiper-slide .img_box img{width:100%; transition:all 4s ease-in-out; transform:scale(1.25,1.25);}
.ms01_visual .swiper-slide.swiper-slide-active .img_box img{transform:scale(1,1);}
.ms01_visual .swiper-slide .text_box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%;}
.ms01_visual .swiper-slide .text_box h1{font-size:75px; color:#ffffff; font-weight:600; margin-bottom:27px; opacity:0; transform:translate(0,15%); transition:all 0.2s ease-in-out 1s; line-height:90px;}
.ms01_visual .swiper-slide.swiper-slide-active .text_box h1{opacity:1; transform:translate(0,0);}
.ms01_visual .swiper-slide .text_box h5{font-size:18px; color:#ffffff; opacity:0; transform:translate(0,20%); transition:all 0.2s ease-in-out 1.5s; letter-spacing:6px;}
.ms01_visual .swiper-slide.swiper-slide-active .text_box h5{opacity:1; transform:translate(0,0);}
.ms01_visual .swiper_btn{position:absolute; bottom:65px; left:50%; transform:translateX(-50%); width:600px; max-width:100%; z-index:1; }
.ms01_visual .swiper-scrollbar{height:2px; background:rgba(255,255,255,0.15); border-radius:0; overflow:hidden;}
.ms01_visual .swiper-scrollbar .swiper-scrollbar-active{position:absolute; top:0; background:#fff; border-radius:0; height:2px;}

@media (max-width:1200px){
	.ms01_visual .swiper-slide .text_box h1{font-size:65px;}
}
@media(max-width:991px){
	.ms01_visual .swiper_btn{width:150px; bottom:35px;}
	.ms01_visual .swiper-slide .text_box h1{line-height:45px; margin-bottom:20px; font-size:35px;}
	.ms01_visual .swiper-slide .text_box h5{font-size:13px;}
	.ms01_visual .swiper-slide.swiper-slide-active .text_box h1{line-height:45px; font-size: 35px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
뉴스 섹션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section02{background:#7c0019; padding:150px 0;}
.section02 .container_fix{display:flex;}
.section02 .container_fix::before{content:""; width:50%; height:100%; left:-50%; position:absolute; top:0; background:#7c0019; z-index:2;}
.section02 .container_fix::after{content:""; width:510px; height:100%; position:absolute; top:0; left:0; background:#7c0019; z-index:1;}
.section02 .left_text{width:510px; position:relative; z-index:2;}
.main_text{}
.main_text h2{font-size:55px; font-weight:600; color:#fff; margin-bottom:43px;}
.main_text p{font-size:25px; color:#ffffff; line-height:1.6;}
.main_text a.more_btn{font-size:17px; color:#ffffff; position:relative;}
.main_text a.more_btn::after{content:""; background:#cdb0b4; width:100%; height:1px; position:absolute; bottom:-1px; left:1px;}
.section02 .right_slider{width:calc(100% - 510px);}
.section02 .ms02_news{width:100%;}
.section02 .ms02_news .gallery-container{}
.section02 .ms02_news .swiper-wrapper{}
.section02 .ms02_news .swiper-slide{width:320px;}
.section02 .ms02_news .swiper-slide.swiper-slide-active{width:520px; }
.section02 .ms02_news .swiper-slide.swiper-slide-active::after{/* content:""; width:320px; height:100%; position:absolute; right:0; top:0; */ }
/* .section02 .ms02_news .swiper-slide.swiper-slide-active .text_box{display:none;} */
.section02 .ms02_news .swiper-slide > a{display:block;}
.section02 .ms02_news .swiper-slide > a .img_box{position:relative;}
.section02 .ms02_news .swiper-slide > a .img_box img{width:100%;}
.section02 .ms02_news .swiper-slide > a .text_box{margin-top:26px;}
.section02 .ms02_news .swiper-slide > a .text_box h5{font-size:20px; color:#ffffff; font-weight:500; width: 95%; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em;}
.section02 .ms02_news .swiper-slide > a .text_box p{font-size:15px; color:rgba(255,255,255,0.4); font-weight:300; width: 95%; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em; margin-top:13px;}
.section02 .ms02_news .swiper-slide > a .text_box .date{font-size:14px; color:rgba(255,255,255,0.4); margin-top:25px; display:block;}
.section02 .ms02_news .swiper-scrollbar{position:absolute; bottom:0; background:rgba(255,255,255,0.15); height:2px; overflow:hidden;
/* left:calc(calc(510px + 15px) + 560px);  width:calc(100% - 540px); */ left:auto;}
.section02 .ms02_news .swiper-scrollbar{
	--fullRightScrollWidth : 10px;
	--ContentPadding : 30px;
	--leftContentWidth : 510px;
	--largeIMGWidth : calc(520px + 40px);

	--fullWidth : calc(100vw - var(--fullRightScrollWidth));
	--parentWidth : calc(100% - var(--ContentPadding));

	--rightContentWidth : calc(var(--parentWidth) - var(--leftContentWidth));
	--scrollBarWidth : calc(var(--rightContentWidth) - var(--largeIMGWidth));
	--etcHalfWidth : calc(((var(--fullWidth) - var(--parentWidth)) / 2) - (var(--ContentPadding) / 2));

	--scrollBarAddWidth : calc(var(--scrollBarWidth) + var(--etcHalfWidth) + (var(--ContentPadding) / 2));
	width: var(--scrollBarAddWidth);
	right: calc(0px - var(--etcHalfWidth));
}
.section02 .ms02_news .swiper-scrollbar .swiper-scrollbar-active{position:absolute; top:0; left:0; background:#fff; border-radius:0; height:2px;
transition:all 0.4s ease;}
.section02 .ms02_news .swiper-button{width:138px; height:65px; position:absolute; z-index:2; display:flex; justify-content:space-between; left:15px; bottom:145px;}
.section02 .ms02_news .swiper-button > a::after{display:none;}
.section02 .ms02_news .swiper-button > a{width:65px; height:65px; border:1px solid #a44d5e; left:auto; right:auto; top:auto; margin-top:0;
position:relative; display:inline-flex; align-items:center; justify-content:center; outline:none; box-shadow:none; transition:all 0.2s ease;}
.section02 .ms02_news .swiper-button > a span.arrow{width:11px; height:19px; position:relative;}
.section02 .ms02_news .swiper-button > a span.arrow::before{content:""; width:2px; height:12px; background:#a44d5e; position:absolute;
top:0; left:5px; transform:rotate(45deg); transition:all 0.2s ease;}
.section02 .ms02_news .swiper-button > a span.arrow::after{content:""; width:2px; height:12px; background:#a44d5e; position:absolute;
bottom:0; left:5px; transform:rotate(-45deg); transition:all 0.2s ease;}
.section02 .ms02_news .swiper-button > a.swiper-button-next span.arrow::before{transform:rotate(-45deg);}
.section02 .ms02_news .swiper-button > a.swiper-button-next span.arrow::after{transform:rotate(45deg);}
.section02 .ms02_news .swiper-button > a:hover{border-color:#fff;}
.section02 .ms02_news .swiper-button > a:hover span.arrow::before, .section02 .ms02_news .swiper-button > a:hover span.arrow::after{background:#fff;}

.section02 .container_fix{transform:translate(0, 100px); opacity:0; visibility:hidden; transition:all 1s ease;}
.section02.ani .container_fix{transform:translate(0,0); opacity:1; visibility:visible;}
@media (max-width:1500px){
	.section02 .left_text{width:400px;}
	.section02 .container_fix::after{width:400px;}
	.section02 .right_slider{width:calc(100% - 400px);}
	.section02 .ms02_news .swiper-scrollbar{width:calc(100% - 430px); right:auto; z-index:1; bottom:-38px;}
}
@media (max-width:1200px){
	.section02 .left_text{width:300px;}
	.section02 .container_fix::after{width:300px;}
	.section02 .right_slider{width:calc(100% - 300px);}
	.section02 .ms02_news .swiper-scrollbar{width:calc(100% - 330px);}
	.section02 .ms02_news .swiper-slide{width:260px;}
	.section02 .ms02_news .swiper-slide.swiper-slide-active{width:422.5px;}
}
@media(max-width:991px){
	.section02{padding:75px 0;}
	.section02 .container_fix{flex-flow:column;}
	.section02 .container_fix::after{display:none;}
	.section02 .left_text{width:100%; margin-bottom:160px;}
	.section02 .right_slider{width:100%;}
	.main_text h2{margin-bottom:23px; font-size:34px;}
	.main_text p{line-height:23px; font-size:15px;}
	.main_text a.more_btn{padding-bottom:4px; font-size:12px;}
	.main_text a.more_btn::after{bottom:3px; left:1px;}
	.section02 .ms02_news{display:flex; flex-flow:column;}
	.section02 .ms02_news .gallery-thumb{order:2; margin-top:15px;}
	.section02 .ms02_news .gallery-top{height:100vw; order:1;}
	.section02 .ms02_news .swiper-button{width:auto; height:auto; top:195px; bottom:auto;}
	.section02 .ms02_news .swiper-button > a{width:45px; height:45px; margin-right:5px;}
	.section02 .ms02_news .swiper-button > a:last-child{margin-right:0;}
	.section02 .ms02_news .swiper-button > a span.arrow{width:100%; height:100%;}
	.section02 .ms02_news .swiper-button > a span.arrow::before,
	.section02 .ms02_news .swiper-button > a span.arrow::after{width:1px; height:9px; left:20px;}
	.section02 .ms02_news .swiper-button > a span.arrow::before{top:14.3px; left:20px;}
	.section02 .ms02_news .swiper-button > a span.arrow::after{bottom:14px; left:20px;}
	.section02 .ms02_news .swiper-button > a.swiper-button-next span.arrow::before{left:22px;}
	.section02 .ms02_news .swiper-button > a.swiper-button-next span.arrow::after{left:22px;}
	.section02 .ms02_news .swiper-scrollbar{width:92%; height:1.5px;}
	.section02 .ms02_news .swiper-slide{width:100%;}
	.section02 .ms02_news .swiper-slide > a{height:100%;}
	.section02 .ms02_news .swiper-slide > a .img_box{height:100%;}
	.section02 .ms02_news .swiper-slide > a .img_box img{height:100%; object-fit:cover;}
	.section02 .ms02_news .swiper-slide > a .text_box{margin-top:15px;}
	.section02 .ms02_news .swiper-slide > a .text_box h5{line-height:23px; font-size:15px;}
	.section02 .ms02_news .swiper-slide > a .text_box p{width:100%; height:3.33em; line-height:20px; margin-top:11px; font-size:12px;}
	.section02 .ms02_news .swiper-slide > a .text_box .date{margin-top:13px; font-size:12px;}
	.section02 .ms02_news .gallery-thumb .swiper-slide.swiper-slide-active .text_box{display:block;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
비디오 섹션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section03{position:relative;}
.section03::before{content:""; width:100%; height:350px; background:#7c0019; position:absolute; top:0; left:0; z-index:1;}
.section03 > .container_fix{z-index:1;}
.section03 .top_text{display:flex; justify-content:space-between; align-items:center;}
.section03 .main_text{margin-bottom:47px;}
.section03 .main_text h2{margin-bottom:0;}
.section03 .ms03_video{}
.section03 .fake_video{position:absolute; width:50%; height:100%; background:#fff; left:-50%; z-index:2;}
.section03 .fake_video::before{content:""; width:100%; height:350px; background:#7c0019; position:absolute; top:0; left:0;}
.section03 .fake_video::after{content:""; width: 100%; height:calc(100% - 350px); background:#e5e5e5; position:absolute; top:350px; left:0;}
.section03 .ms03_video .gallery-container{/* overflow:hidden; */}
.section03 .ms03_video .swiper-wrapper{}
.section03 .ms03_video .swiper-slide{}
.section03 .ms03_video .swiper-slide > a{display:block;}
.section03 .ms03_video .swiper-slide > a .img_box{height:248px;}
.section03 .ms03_video .swiper-slide > a .img_box img{width:100%; height:100%; object-fit:cover;}
.section03 .ms03_video .swiper-slide > a .text_box{padding:26px 28px 31px 28px; transition:all 0.3s ease;}
.section03 .ms03_video .swiper-slide > a .text_box h5{font-size:20px; color:#111111; font-weight:500; width: 100%; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em;}
.section03 .ms03_video .swiper-slide > a .text_box p{font-size:15px; color:#666666; font-weight:300; width: 100%; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em; margin-top:15px;}
.section03 .ms03_video .swiper-slide > a .text_box .date{font-size:14px; color:#666666; margin-top:25px; display:block;}
.section03 .ms03_video .swiper-slide > a:hover .text_box{background:#fff; box-shadow:0 12px 27px 0 rgba(0,0,0,0.05);}
.section03 .ms03_video .swiper-button{position:absolute; top:30px; left:230px; ©width:56px; height:18px; display:flex; align-items:center; justify-content:space-between;}
.section03 .ms03_video .swiper-button > a{width:10px; height:18px; position:relative; top:auto; left:auto; right:auto; margin-top:0; margin-right:34px; outline:none; box-shadow:none;}
.section03 .ms03_video .swiper-button > a::after{display:none;}
.section03 .ms03_video .swiper-button > a:last-child{margin-right:0;}
.section03 .ms03_video .swiper-button > a span.arrow{display:block;}
.section03 .ms03_video .swiper-button > a span.arrow::before{content:""; width:1px; height:13px; background:#a44d5e; position:absolute; transform:rotate(45deg); top:-4px; left:4px; transition:all 0.2s ease;}
.section03 .ms03_video .swiper-button > a span.arrow::after{content:""; width:1px; height:13px; background:#a44d5e; position:absolute; transform:rotate(-45deg); bottom:0; left:4px; transition:all 0.2s ease;}
.section03 .ms03_video .swiper-button > a.swiper-button-next span.arrow::before{transform:rotate(-45deg);}
.section03 .ms03_video .swiper-button > a.swiper-button-next span.arrow::after{transform:rotate(45deg);}
.section03 .ms03_video .swiper-button > a:hover span.arrow::before, .section03 .ms03_video .swiper-button > a:hover span.arrow::after{background:#fff;}
.section03 .ms03_video .swiper-scrollbar{margin-top:40px; position:relative; background:#d4d4d4; overflow:hidden; height:3px;}
.section03 .ms03_video .swiper-scrollbar{
	--widthA: calc(100vw - 100%);
	--widthB: calc(var(--widthA) / 2);
	--widthC: calc(var(--widthB) + 100% );
	width: var(--widthC);
}
.section03 .ms03_video .swiper-scrollbar .swiper-scrollbar-active{position:absolute; top:0; left:0; height:2px; background:#a7a7a7; transition:all 0.4s ease;}

.section03 .container_fix{transform:translate(0, 100px); opacity:0; visibility:hidden; transition:all 1s ease;}
.section03.ani .container_fix{transform:translate(0,0); opacity:1; visibility:visible;}

@media (max-width:1500px){
	.section03::before{height:250px;}
	.section03 .fake_video::before{height:250px;}
	.section03 .fake_video::after{height:calc(100% - 250px); top:250px;}
	.section03 .ms03_video .swiper-slide > a .text_box{padding:20px 16px;}
	.section03 .ms03_video .swiper-scrollbar{width:100%;}
}
@media(max-width:991px){
	.section03{padding-top:25px;}
	.section03 .top_text{align-items:flex-end;}
	.section03 .main_text{margin-bottom:25px;}
	.section03 .ms03_video .swiper-slide > a .text_box{padding:20px; background:#fff;}
	.section03 .ms03_video .swiper-slide > a .text_box h5{line-height:20px; font-size:14px;}
	.section03 .ms03_video .swiper-slide > a .text_box p{height:auto; line-height:20px; margin-top:9px; font-size:12px;}
	.section03 .ms03_video .swiper-slide > a .text_box .date{margin-top:17px; font-size:12px; font-weight:400;}
	.section03 .ms03_video .swiper-scrollbar{height:1.5px; margin-top:30px;}
	.section03 .ms03_video .swiper-slide > a .img_box{height:46.3vw;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
커리큘럼 섹션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section04{padding:150px 0;}
.section04 .full_container{position:relative;}
.section04 .full_container .swiper-slide{width:100%; display:flex; background:#e5e5e5;}
.section04 .full_container .swiper-slide.swiper-slide-active{z-index:2;}
.section04 .full_container .swiper-slide .left_img{width:50%;}
.section04 .full_container .swiper-slide .left_img img{width:100%;}
.section04 .full_container .swiper-slide .right_text{width:50%; padding: 110px 0 0 150px}
.section04 .full_container .swiper-slide .right_text h5{font-size:30px; color:#111111; font-weight:600;}
.section04 .full_container .swiper-slide .right_text h2{font-size:65px; color:#111111; font-weight:800; margin-top:48px;}
.section04 .full_container .swiper-slide .right_text div.line{width:50px; height:3px; background:#000000; margin:45px 0 40px 6px}
.section04 .full_container .swiper-slide .right_text p{line-height:1.6; margin-left:6px; font-size:22px; color:#111111; }
.section04 .full_container .swiper-slide .right_text a.more_btn{width:200px; height:60px; line-height:62px; border-radius:30px; display:flex; justify-content:center; background:#fff; font-size:17px; font-weight:400; color:#666666; box-shadow:0 12px 54px 0 rgba(0,0,0,0.05); margin-top:65px;}
.section04 .full_container .swiper-slide .right_text a.more_btn > span{display:block;}
.section04 .full_container .swiper-slide .right_text a.more_btn > span.arrow{margin-left:20px;}
.section04 .full_container .swiper-pagination{position:absolute; width:50%; left:calc(50% + 160px); z-index:1; display:flex; bottom:120px;}
.section04 .full_container .swiper-pagination .swiper-pagination-bullet{width:auto; height:auto; background:none; border-radius:0; opacity:1; display:block;
margin:0; margin-right:37px;}
.section04 .full_container .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.section04 .full_container .swiper-pagination .swiper-pagination-bullet span{font-size:23px; color:#b5b5b5; font-weight:700; position:relative;}
.section04 .full_container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span{color:#111111; font-weight:800;}
.section04 .full_container .swiper-pagination .swiper-pagination-bullet span::after{content:""; width:0; height:2px; background:#111; transition:all 0.2s ease;
position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); transform-origin:center;}
.section04 .full_container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span::after{width:30px;}
.section04 .full_container{transform:translate(0, 100px); opacity:0; visibility:hidden; transition:all 1s ease;}
.section04.ani .full_container{transform:translate(0,0); opacity:1; visibility:visible;}
@media(max-width:1745px){
	.section04 .full_container .swiper-slide .right_text h2{font-size:55px;}
	.section04 .full_container .swiper-slide .right_text h5{font-size:23px;}
	.section04 .full_container .swiper-slide .right_text p{font-size:19px;}
}
@media (max-width:1500px){
	.section04 .full_container .swiper-slide{align-items:flex-start;}
	.section04 .full_container .swiper-slide .right_text{padding-left:50px; padding-top:30px;}
	.section04 .full_container .swiper-pagination{left:calc(50% + 50px); bottom:30px;}
	.section04 .full_container .swiper-slide .right_text h2{font-size:3.6em}
	.section04 .full_container .swiper-slide .right_text h5{font-size:20px;}
	.section04 .full_container .swiper-slide .right_text p{font-size:1.5em}
}
@media (max-width:1200px){
	.section04 .full_container .swiper-slide .right_text{padding-left:30px; padding-top:20px;}
	.section04 .full_container .swiper-pagination{left:calc(50% + 30px); bottom:20px;}
	.section04 .full_container .swiper-slide .right_text div.line{margin:40px 0 30px;}
	.section04 .full_container .swiper-slide .right_text a.more_btn{margin-top:40px;}
}
@media(max-width:991px){
	.section04{padding:73px 0 130px;}
	.section04 .full_container .swiper-slide{flex-flow:column;}
	.section04 .full_container .swiper-slide .left_img{width:100%;}
	.section04 .full_container .swiper-slide .right_text{width:100%; padding: 36px 0 0 15px;}
	.section04 .full_container .swiper-slide .right_text h5{font-size:17px;}
	.section04 .full_container .swiper-slide .right_text h2{margin-top:23px; font-size:34px;}
	.section04 .full_container .swiper-slide .right_text p{margin-left:0; font-size:14px;}
	.section04 .full_container .swiper-slide .right_text div.line{width:32px; margin:20px 0 16px}
	.section04 .full_container .swiper-slide .right_text a.more_btn{width:132px; height:39px; line-height:40px; align-items:baseline; margin-top:31px; font-size:12px; box-shadow:0 12px 14px 0 rgb(0 0 0 / 1%);}
	.section04 .full_container .swiper-slide .right_text a.more_btn > span.arrow{margin-left:10px; font-size:12px;}
	.section04 .full_container .swiper-pagination{left:19px; bottom:-58px;}
	.section04 .full_container .swiper-pagination .swiper-pagination-bullet{margin-right:21px;}
	.section04 .full_container .swiper-pagination .swiper-pagination-bullet span{font-size:14px}
	.section04 .full_container .swiper-pagination .swiper-pagination-bullet span::after{bottom:-5px;}
	.section04 .full_container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span::after{width:18px; bottom:-4px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
어바웃 데이터 섹션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section05{background:url('/img/main_section05_bg.jpg'); padding:140px 0 0; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.section05 .main_text{text-align:center; margin-bottom:125px;}
.section05 .main_text h2{font-size:65px; font-weight:700; margin-bottom:35px;}
.section05 .main_text p{font-size:20px; font-weight:200;}
.section05 ul{display:flex; margin:0 auto;}
.section05 ul > li{width:25%; text-align:center;}
.section05 ul > li > a{cursor:default; position:relative; padding-bottom:145px; display:block;}
.section05 ul > li > a::before{content:""; width:100%; /* height:620px; */ height:0; background:linear-gradient(to top, #91191e, transparent 90%); position:absolute;
bottom:0; left:0; z-index:0; opacity:0; transition:all 0.3s ease; transform-origin:bottom;}
.section05 ul > li > a .number{width:36px; height:36px; border-radius:50%; background:#e5e5e5; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease; margin:0 auto 65px; position:relative; z-index:1;}
.section05 ul > li > a .number span.count_num{font-size:18px; color:#222222; font-weight:800; transition:all 0.2s ease;}
.section05 ul > li > a .icon{display:flex; align-items:center; justify-content:center; width:100%; height:75px; margin:0 auto 60px; position:relative; z-index:1;}
.section05 ul > li > a .text{position:relative; z-index:1;}
.section05 ul > li > a .text h5{font-size:38px; color:#ffffff; font-weight:700;}
.section05 ul > li > a .text p{font-size:17px; color:#ffffff; line-height:1.7; font-weight:500; margin-top:40px; min-height:87px;}
.section05 ul > li:hover > a::before{height:620px; opacity:0.8}
.section05 ul > li:hover > a .number{background:#9e0524;}
.section05 ul > li:hover > a .number span.count_num{color:#fff;}
.section05{transform:translate(0, 100px); opacity:0; visibility:hidden; transition:all 1s ease;}
.section05.ani{transform:translate(0,0); opacity:1; visibility:visible;}

@media (max-width:1200px){
	.section05 ul > li > a .text p{font-size:15px; margin-top:30px;}
}
@media(max-width:991px){
	.section05{padding: 60px 0 65px; background:url(/img/mmain_section05_bg.jpg); background-size:cover;}
	.section05 .main_text{margin-bottom:50px;}
	.section05 .main_text h2{line-height:41px; margin-bottom:17px; font-size:34px;}
	.section05 .main_text p{font-size:14px;}
	.section05 ul{flex-flow:column;}
	.section05 ul > li{width:100%;}
	.section05 ul > li > a{display:flex; place-items:center; padding-bottom:39px;}
	.section05 ul > li:last-child > a{padding-bottom:0;}
	.section05 ul > li:hover > a::before{display:none;}
	.section05 ul > li > a .number{width:20px; height:20px; margin:0;}
	.section05 ul > li > a .number span.count_num{font-size:11px;}
	.section05 ul > li > a .icon{flex:0.6; width:auto; height:auto; margin:0;}
	.section05 ul > li:first-child > a .icon img{width:auto; height:45px;}
	.section05 ul > li:nth-child(2) > a .icon img{width:auto; height:25px;}
	.section05 ul > li:nth-child(3) > a .icon img,
	.section05 ul > li:last-child > a .icon img{width:auto; height:50px;}
	.section05 ul > li > a .text{flex:1; text-align:left;}
	.section05 ul > li > a .text h5{font-size:18px;}
	.section05 ul > li > a .text p{min-height:auto; line-height:21px; margin-top:12px; font-size:12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 섹션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section06{padding:180px 0 300px;}
.section06 > .container_fix{display:flex; aling-items:center;}
.section06 > .container_fix > div{width:calc(50% - 25px); margin-right:50px;}
.section06 > .container_fix > div:last-child{margin-right:0;}
.section06 .board_title{margin-bottom:40px; display:flex; align-items:center; justify-content:space-between; padding-right:12px;}
.section06 .board_title h2{font-size:40px; color:#111111; font-weight:700;}
.section06 .board_title a.plus_btn{position:relative; width:15px; height:15px; display:block; transition:all 0.2s ease; top:-2px;}
.section06 .board_title a.plus_btn:hover{transform:rotate(180deg);}
.section06 .board_title a.plus_btn span.line{width:1px; height:15px; background:#1f1f1f; display:block; position:absolute; top:0px; left:7px;}
.section06 .board_title a.plus_btn span.line:nth-child(2){width:15px; height:1px; top:7px; left:0px;}
.section06 .ms06_board{}
.section06 .ms06_board ul{border-top:1px solid #c2c2c2;}
.section06 .ms06_board ul li{border-bottom:1px solid #c2c2c2;}
.section06 .ms06_board ul li a{display:flex; align-items:center; justify-content:space-between; padding:25px 15px 22px 10px; font-size:17px; color:#666666;}
.section06 .ms06_board ul li a span.text{width:calc(100% - 130px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;
-webkit-box-orient: vertical; line-height:1.1; height:1.1em;}
.section06 .ms06_board ul li a span.date{width:100px; line-height:1.1; text-align:right;}
.section06 > .container_fix > div{transform:translate(-100px, 0); opacity:0; visibility:hidden; transition:all 1s ease;}
.section06 > .container_fix > div:last-child{transform:translate(100px,0); transition-delay:0.3s;}
.section06.ani > .container_fix > div{transform:translate(0,0); opacity:1; visibility:visible;}
@media (max-width:1200px){
	.section06 .board_title h2{font-size:32px;}
	.section06 .ms06_board ul li a{font-size:15px;}
}
@media(max-width:991px){
	.section06{padding: 65px 0 188px}
	.section06 > .container_fix{flex-flow:column}
	.section06 > .container_fix > div{width:100%;}
	.section06 > .container_fix > div.left_board{margin-bottom:40px;}
	.section06 .board_title{padding:0; margin-bottom:26px;}
	.section06 .board_title h2{font-size:25px;}
	.section06 .board_title a.plus_btn{width:10px; height:10px; display:flex; place-items:center; justify-content:center; top:0;}
	.section06 .board_title a.plus_btn span.line{height:10px; top:auto; left:auto;}
	.section06 .board_title a.plus_btn span.line:nth-child(2){width:10px; top:auto; left:auto;}
	.section06 .ms06_board ul li a{padding:15px 5px 13px 5px; font-size:13px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
지도 섹션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section07{background:#333333; padding:120px 0 100px; position:relative;}
.section07::before{content:""; width:1400px; height:1px; padding:0 15px; max-width:100%; margin:0 auto; position:absolute;
left:50%; bottom:0; transform:translateX(-50%); background:rgba(255,255,255,0.1);}
.section07 .main_text{margin-bottom:100px;}
.section07 .main_text h2{font-size:45px; margin-bottom:39px;}
.section07 .main_text p{font-size:20px; line-height:1.6;}
.section07 .main_text .btn_box{margin-top:100px; display:flex;}
.section07 .main_text .btn_box > a.arrow_btn{width:185px; position:relative; display:flex; align-items:center; margin-right:43px;}
.section07 .main_text .btn_box > a.arrow_btn:last-child{margin-right:0;}
.section07 .main_text .btn_box > a.arrow_btn::before{content:""; width:100%; height:2px; background:#ffffff; position:absolute; bottom:-17px; left:0; }
.section07 .main_text .btn_box > a.arrow_btn span.text{font-size:18px; color:#ffffff; font-weight:600;}
.section07 .main_text .btn_box > a.arrow_btn span.arrow{width:17px; height:1px; background:#fff; position:absolute; right:7px;}
.section07 .main_text .btn_box > a.arrow_btn span.arrow::before{content:""; width:1px; height:8px; background:#fff; transform:rotate(-45deg); display:block;
position:absolute; right:2.3px; top:-6px;}
.section07 .main_text .btn_box > a.arrow_btn span.arrow::after{content:""; width:1px; height:8px; background:#fff; transform:rotate(45deg); display:block;
position:absolute; right:2.3px; bottom:-6px;}
.section07 .main_text .btn_box > a.arrow_btn:hover span.arrow{animation:arrow_move 0.5s infinite ease-in-out alternate;}
.section07 .map_wrap{position:absolute; width:1075px; /* padding-bottom:31.579%; */ height:600px; right:0; top:-120px; box-shadow:0 57px 62px 0 rgba(0,0,0,0.15); z-index:1;}
.section07 .map_wrap > iframe{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}

.section07{transform:translate(0, 100px); opacity:0; visibility:hidden; transition:all 1s ease;}
.section07 .map_wrap{transform:translate(0, -100px); opacity:0; visibility:hidden; transition:all 1s ease; transition-delay:0.3s;}
.section07.ani, .section07.ani .map_wrap{transform:translate(0, 0); opacity:1; visibility:visible;}

@keyframes arrow_move{
	0%{
		right:7px;
		opacity:1;
	}
	100%{
		right:0px;
		opacity:0;
	}
}
@media (max-width:1600px){
	.section07 .main_text{width:calc(100% - 800px); padding-right:15px;}
	.section07 .map_wrap{width:800px;}
}
@media (max-width:1200px){
	.section07 .main_text{width:calc(100% - 600px);}
	.section07 .main_text p{font-size:17px;}
	.section07 .map_wrap{width:600px;}
}
@media(max-width:991px){
	.section07{padding:32% 0 75px}
	.section07::before{width:92%;}
	.section07 .map_wrap{width:100%; height:auto; padding:0 15px;}
	.section07 .map_wrap > iframe{width:100%; height:50vw !important; padding:0 15px;}
	.section07 .main_text{width:100%; padding:0; margin:0;}
	.section07 .main_text h2{margin-bottom:20px; font-size:28px;}
	.section07 .main_text p{font-size:14px;}
	.section07 .main_text .btn_box{margin-top:50px;}
	.section07 .main_text .btn_box > a.arrow_btn{width:auto; flex:1; margin-right:30px}
	.section07 .main_text .btn_box > a.arrow_btn::before{height:1px; bottom:-14px;}
	.section07 .main_text .btn_box > a.arrow_btn span.text{font-size:13px;}
	.section07 .main_text .btn_box > a.arrow_btn span.arrow{width:13px; right:5px;}
	.section07 .main_text .btn_box > a.arrow_btn span.arrow::before{height:5px; top:-3.4px; right:1.3px; transform:rotate(-51deg)}
	.section07 .main_text .btn_box > a.arrow_btn span.arrow::after{height:5px; bottom:-3.4px; right:1.3px; transform:rotate(51deg)}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 섹션
html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{background:#333; padding:60px 0;}
footer.footer .top_footer{margin-bottom:12px;}
footer.footer .top_footer ul.footer_link{display:flex;}
footer.footer .top_footer ul.footer_link > li{margin-right:20px;}
footer.footer .top_footer ul.footer_link > li > a{font-size:15px; color:#fefefe; line-height:1.6;}
/* footer.footer .bot_footer{position:relative;} */
footer.footer .bot_footer ul.footer_info{margin-bottom:5px; display:flex;}
footer.footer .bot_footer ul.footer_info > li{position:relative; margin-right:24px;}
footer.footer .bot_footer ul.footer_info > li:last-child{margin-right:0;}
footer.footer .bot_footer ul.footer_info > li::after{content:""; width:1px; height:15px; background:#989898; position:absolute; right:-13px; top:5px;}
footer.footer .bot_footer ul.footer_info > li:last-child::after{display:none;}
footer.footer .bot_footer ul.footer_info > li, footer.footer .bot_footer ul.footer_info > li a,
footer.footer .bot_footer h4{font-size:15px; color:#989898; font-weight:400; line-height:1.6;}
footer.footer .family_site{width:200px; position:absolute; right:15px; top:10px; }
footer.footer .family_site::after{content:""; width:100%; height:60px; background:#333; position:absolute; bottom:-60px; z-index:1;}
footer.footer .family_site > a{width:100%; height:45px; display:flex; padding:0 20px; align-items:center; justify-content:space-between; font-size:15px; color:#989898;
font-weight:300; border:1px solid rgba(255,255,255,0.2); position:relative; z-index:1; background:#333;}
footer.footer .family_site > a span.arrow{width:11px; height:7px; display:block; position:relative;}
footer.footer .family_site > a span.arrow::before{content:""; width:1px; height:7px; background:#989898; position:absolute; transform:rotate(-45deg); top:0; left:3px;
transition:all 0.3s ease;}
footer.footer .family_site > a span.arrow::after{content:""; width:1px; height:7px; background:#989898; position:absolute; transform:rotate(45deg); top:0; right:3px;
transition:all 0.3s ease;}
footer.footer .family_site > a + ul.family_site_ul{position:absolute; width:100%; height:100px; border:1px solid rgba(255,255,255,0.2); padding:20px;
background:#333; top:0; overflow:hidden; overflow-y:auto; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
footer.footer .family_site > a + ul.family_site_ul > li{margin-bottom:20px;}
footer.footer .family_site > a + ul.family_site_ul > li:last-child{margin-bottom:0;}
footer.footer .family_site > a + ul.family_site_ul > li > a{color:#989898; font-size:15px; font-weight:300; transition:all 0.2s ease;}
footer.footer .family_site > a + ul.family_site_ul > li:hover > a{color:#fff;}

footer.footer .family_site > a.active span.arrow::before{transform:rotate(45deg)}
footer.footer .family_site > a.active span.arrow::after{transform:rotate(-45deg)}
footer.footer .family_site > a.active + ul.family_site_ul{opacity:1; visibility:visible; top:-99px;}

footer.footer .family_site, footer.footer .family_site *{scrollbar-3dLight-Color: #333;  scrollbar-base-color: #333;
scrollbar-Face-Color: #333; scrollbar-Track-Color: #f0f0f0; scrollbar-DarkShadow-Color: #333; scrollbar-Highlight-Color: #333;}
footer.footer .family_site::-webkit-scrollbar, footer.footer .family_site *::-webkit-scrollbar{background:#333; width:4px; float:left; position:absolute;
left:0; height:5px;  border-radius:10px; display:block;}
footer.footer .family_site::-webkit-scrollbar-button:start:decrement, footer.footer .family_site *::-webkit-scrollbar-button:start:decrement{display: block;
height: 10px; background:#333; background-position:center;}
footer.footer .family_site::-webkit-scrollbar-button:end:increment, footer.footer .family_site *::-webkit-scrollbar-button:end:increment{display: block;
height: 10px; background:#333; background-position:center;}
footer.footer .family_site::-webkit-scrollbar-button, footer.footer .family_site *::-webkit-scrollbar-button{background:transparent; color:#333;}
footer.footer .family_site::-webkit-scrollbar-track, footer.footer .family_site *::-webkit-scrollbar-track{background:#333;}
footer.footer .family_site::-webkit-scrollbar-thumb, footer.footer .family_site *::-webkit-scrollbar-thumb{height:50px; width:5px; background:#dfdfdf; border-radius:10px;}

.scrollTop_btn{position:fixed; right:0; bottom:0; width:90px; height:90px; background:#9e0524; display:flex; align-items:center; justify-content:center; z-index:8;
transition:all 1s ease; opacity:0; visibility:hidden;}
.scrollTop_btn.active{opacity:1; visibility:visible;}
.scrollTop_btn span.arrow{display:block; width:2px; height:24px; background:#fff; position:relative; }
.scrollTop_btn span.arrow::before{content:""; width:2px; height:9px; background:#fff; position:absolute; top:-1px; left:-3px;transform:rotate(45deg);}
.scrollTop_btn span.arrow::after{content:""; width:2px; height:9px; background:#fff; position:absolute; top:-1px; right:-3px; transform:rotate(-45deg);}
.scrollTop_btn:hover span.arrow{animation:arrow_move2 1s infinite ease-in-out alternate;}
@keyframes arrow_move2{
	0%{
		top:0;
	}
	50%{
		top:-10px;
	}
	100%{
		top:0px;
	}
}
@media (max-width:1500px){
	footer.footer .family_site{right:15px; position:relative; top:auto; right:0; margin-top:20px;}
}
@media(max-width:991px){
	footer.footer{padding:35px 0 42px;}
	footer.footer .top_footer{margin-bottom:10px;}
	footer.footer .top_footer ul.footer_link > li > a{font-size:12px;}
	footer.footer .bot_footer ul.footer_info{flex-flow:column; margin-bottom:0;}
	footer.footer .bot_footer ul.footer_info > li,
	footer.footer .bot_footer ul.footer_info > li a,
	footer.footer .bot_footer h4{line-height:1.8; font-size:12px;}
	footer.footer .bot_footer ul.footer_info li:first-child:after{display:none}
	footer.footer .bot_footer ul.footer_info li:nth-child(2){display:flex;}
	footer.footer .bot_footer ul.footer_info li:nth-child(2) div{position:relative;}
	footer.footer .bot_footer ul.footer_info li:nth-child(2) div:first-child{margin-right:10px; padding-right:10px;}
	footer.footer .bot_footer ul.footer_info li:nth-child(2) div:first-child:after{content:""; width: 1px; height: 12px; background: #989898; position: absolute; right: -1px; top: 4px;}
	footer.footer .family_site{width:160px; margin-top:25px;}
	footer.footer .family_site > a{height:36px; padding:0px 10px; font-size:12px;}
	footer.footer .family_site > a span.arrow::before{height:5px; left:4px;}
	footer.footer .family_site > a span.arrow::after{height:5px;}
	.scrollTop_btn{width:65px; height:65px;}
	.scrollTop_btn span.arrow{width:1px; height:17px;}
	.scrollTop_btn span.arrow::before{width:1px; height:7px; left:-2px; transform:rotate(41deg);}
	.scrollTop_btn span.arrow::after{width:1px; height:7px; right:-2px; transform:rotate(-41deg);}
	footer.footer .family_site > a + ul.family_site_ul{top:auto; bottom:0; padding:15px;}
	footer.footer .family_site > a + ul.family_site_ul > li{margin-bottom:12px;}
	footer.footer .family_site > a + ul.family_site_ul > li > a{font-size:12px;}
	footer.footer .family_site::after{display:none;}
}


/* 221215 피드백 중 확인 */
header.header.not_main .header_logo a img:first-child{display:none;}
header.header.not_main .header_logo a img:last-child{display:block;}
header.header.not_main .header_menu > ul > li > a{color:#222;}
header.header.not_main .header_btn > a span{background:#222;}


/* 230109 jyj */
/*
.section02 .ms02_news .swiper-slide > a .img_box img{
    height: 578px;
    object-fit: contain;
}
@media(max-width:991px){
	.section02 .ms02_news .swiper-slide > a .img_box img{
        height: 100%;
        object-fit: contain;
    }
}
*/

/* 230110 kmj 추가개발 */
.section03{z-index:1;}
.section03_fix{background:#7c0019;}
.section03_fix .container_fix::before{content:""; width:100%; height:100%; position:absolute; left:-100%; top:0; z-index:5; background:#7c0019;}
.section03_fix .ms03_video .swiper-slide > a .text_box h5{color:#fff;}
.section03_fix .ms03_video .swiper-slide > a .text_box p{color:rgba(255,255,255, .4);}
.section03_fix .ms03_video .swiper-slide > a .text_box .date{color:rgba(255,255,255, .4);}
.section03_fix .ms03_video .swiper-slide > a:hover .text_box h5{color:#111;}
.section03_fix .ms03_video .swiper-slide > a:hover .text_box p{color:#666}
.section03_fix .ms03_video .swiper-slide > a:hover .text_box .date{color:#666}
.section03::before{z-index:-1;}
.section03-01{position:relative; z-index:1; margin-top:150px;}
.section03-01::before,
.section03-01::after{content:"";}
.section03-01::before{ width:100%; height:356px; position:absolute; left:0; top:0; z-index:-1; background:#7c0019;}
.section03-01::after{width:100%; height:150px; position:absolute; left:0; top:-150px; background:#7c0019;}
.section03-01 .container_fix::before,
.section03-01 .container_fix::after{content:""; width:100%; position:absolute; left:-98.92%; z-index:10;}
.section03-01 .container_fix::before{height:253px; bottom:0; background:#e5e5e5;}
.section03-01 .container_fix::after{height:356px; top:0; background:#7c0019;}
.section03-01 .top_text{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:43px;}
.section03-01 .top_text h2{margin-bottom:0;}
.section03-01 .ms03-01_content .swiper-slide .img_box img{width:100%;}
.section03-01 .ms03-01_content .swiper-slide > a{display:block;}
.section03-01 .ms03-01_content .swiper-slide > a .img_box{height:258px;}
.section03-01 .ms03-01_content .swiper-slide > a .img_box img{width:100%; height:100%; object-fit:cover;}
.section03-01 .ms03-01_content .swiper-slide > a .text_box{padding:26px 28px 31px 28px; transition:all 0.3s ease;}
.section03-01 .ms03-01_content .swiper-slide > a .text_box h5{font-size:20px; color:#111111; font-weight:500; width: 100%; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em;}
.section03-01 .ms03-01_content .swiper-slide > a .text_box p{font-size:15px; color:#666666; font-weight:300; width: 100%; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em; margin-top:15px;}
.section03-01 .ms03-01_content .swiper-slide > a .text_box .date{font-size:14px; color:#666666; margin-top:25px; display:block;}
.section03-01 .ms03-01_content .swiper-slide > a:hover .text_box{background:#fff; box-shadow:0 12px 27px 0 rgba(0,0,0,0.05);}
.section03-01 .ms03-01_content .swiper-button{position:absolute; top:30px; left:480px; width:56px; height:18px; display:flex; align-items:center; justify-content:space-between;}
.section03-01 .ms03-01_content .swiper-button > a{width:10px; height:18px; position:relative; top:auto; left:auto; right:auto; margin-top:0; margin-right:34px; outline:none; box-shadow:none;}
.section03-01 .ms03-01_content .swiper-button > a::after{display:none;}
.section03-01 .ms03-01_content .swiper-button > a:last-child{margin-right:0;}
.section03-01 .ms03-01_content .swiper-button > a span.arrow{display:block;}
.section03-01 .ms03-01_content .swiper-button > a span.arrow::before{content:""; width:1px; height:13px; background:#a44d5e; position:absolute; transform:rotate(45deg); top:-4px; left:4px; transition:all 0.2s ease;}
.section03-01 .ms03-01_content .swiper-button > a span.arrow::after{content:""; width:1px; height:13px; background:#a44d5e; position:absolute; transform:rotate(-45deg); bottom:0; left:4px; transition:all 0.2s ease;}
.section03-01 .ms03-01_content .swiper-button > a.swiper-button-next span.arrow::before{transform:rotate(-45deg);}
.section03-01 .ms03-01_content .swiper-button > a.swiper-button-next span.arrow::after{transform:rotate(45deg);}
.section03-01 .ms03-01_content .swiper-button > a:hover span.arrow::before, 
.section03-01 .ms03-01_content .swiper-button > a:hover span.arrow::after{background:#fff;}
.section03-01 .ms03-01_content .swiper-scrollbar{margin-top:40px; position:relative; background:#d4d4d4; overflow:hidden; height:3px;}
.section03-01 .ms03-01_content .swiper-scrollbar{
	--widthA: calc(100vw - 100%);
	--widthB: calc(var(--widthA) / 2);
	--widthC: calc(var(--widthB) + 100% );
	width: var(--widthC);
}
.section03-01 .ms03-01_content .swiper-scrollbar .swiper-scrollbar-active{position:absolute; top:0; left:0; height:2px; background:#a7a7a7; transition:all 0.4s ease;}

@media(max-width:1500px){
	.section03-01{margin-top:93px;}
}
@media(max-width:991px){
	.section03-01::before{height:47.5vw;}
	.section03-01 .container_fix::after{left:-100%;}
	.section03-01 .ms03-01_content .swiper-slide > a .img_box{height:46.3vw;}
	.section03-01 .ms03-01_content .swiper-slide > a .text_box h5{line-height:20px; font-size:14px;}
	.section03-01 .ms03-01_content .swiper-slide > a .text_box p{height:auto; line-height:20px; margin-top:9px; font-size:12px;}
	.section03-01 .ms03-01_content .swiper-slide > a .text_box .date{margin-top:17px; font-size:12px; font-weight:400;}
}
@media(max-width:480px){

	.section03-01 .ms03-01_content .swiper-slide > a .img_box{height:47.5vw}
}

/* 230110 csj 유지보수 */
header.header .header_logo > div{display:flex;}
header.header .header_logo > div > a > img.logo_w{display:block;}
header.header .header_logo > div > a:nth-child(2) > img{margin-left:20px;}
header.header .header_logo > div > a > img.logo_b{display:none;}
header.header.black .header_logo > div > a > img.logo_w, header.header.hover .header_logo > div > a > img.logo_w{display:none;}
header.header.black .header_logo > div > a > img.logo_b, header.header.hover .header_logo > div > a > img.logo_b{display:block;}
.section03-01 .ms03-01_content .swiper-slide > a .img_box img{height:auto;}
@media(max-width:991px){
	header.header .header_logo > div > a > img{height:20px;}
	header.header .header_logo > div > a:nth-child(2) > img{margin-left:15px;}
	.section03-01 .ms03-01_content .swiper-slide > a .img_box img{height:100%;}
}

/* 230120 sjh 유지보수 */
.section02 .ms02_news .swiper-slide{height: auto;}
.section02 .ms02_news .swiper-slide > a{display:flex; flex-direction:column; height:100%; justify-content:space-between;	}
.section02 .ms02_news .swiper-slide > a .img_box{display:flex; height:calc(100% - 150px); align-items:center	}
.section02 .ms02_news .swiper-scrollbar{bottom:-38px;}
@media(max-width:991px){
	.section02 .ms02_news .gallery-thumb{margin-top:20px;	}
		.section02 .ms02_news .swiper-slide > a .img_box img{
        height: 100%;
        object-fit: contain;
    }
}