@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
html, body{overflow-x:hidden !important;}
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1630px;}
.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;}
}
@media (max-width:991px){
	.container_fix{padding: 0 25px;}
 
}
::-moz-selection {background:#6500d6; color:#fff;}
::selection {background:#6500d6; color:#fff;}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{position:fixed; top:0; left:0; width:100%; z-index:10; transition:all 0.3s;}
header.header.fixed, header.header.active, header.header:hover{background:rgba(7,11,24,0.7);}
header.header .header_container{display:flex;}
header.header .header_logo{width:100px;}
header.header .header_logo > a{display:flex; align-items:center; justify-content:center; background:#160c4d; height:100px;}
header.header .header_menu{width:calc(100% - 300px); padding-left:130px;}
header.header .header_menu > ul{display:flex; align-items:center;}
header.header .header_menu > ul > li{margin-right:130px; position:relative;}
header.header .header_menu > ul > li > a{display:block; line-height:100px; font-size:22px; color:#ffffff; font-weight:500;}
header.header .header_menu > ul > li > .sub_1div{position:absolute; left:0; width:210px; padding:45px 0 45px 40px; background:rgba(7,11,24,0.7); transition:all 0.3s; 
opacity:0; visibility:hidden; top:120px; left:-40px;}
header.header .header_menu > ul > li:hover > .sub_1div{opacity:1; visibility:visible; top:100px;}
header.header .header_menu > ul > li > .sub_1div > ul{}
header.header .header_menu > ul > li > .sub_1div > ul > li{margin-bottom:25px;}
header.header .header_menu > ul > li > .sub_1div > ul > li:last-child{margin-bottom:0;}
header.header .header_menu > ul > li > .sub_1div > ul > li > a{font-size:18px; color:#c2c2c2;}
header.header .header_menu > ul > li > .sub_1div > ul > li > a:hover{color:#fff; font-weight:500;}
header.header .header_menu > ul > li > .sub_1div > ul > li .sub_2div{display:none;}
header.header .header_btn{width:200px;}
header.header .header_btn > a{display:flex; align-items:center; justify-content:center; line-height:98px; height: 100px; background:#160c4d;}
header.header .header_btn > a > .ham{display:block; width:26px; height:18px; position:relative; margin-right:18px;}
header.header .header_btn > a > .ham > span.line{width:100%; height:2px; position:relative; top:0; left:0; background:#fff; display:block; transition:all 0.3s;}
header.header .header_btn > a > .ham > span.line:nth-child(1){transition-delay:0.2s;}
header.header .header_btn > a > .ham > span.line:nth-child(2){top:6px; width:18px; }
header.header .header_btn > a > .ham > span.line:nth-child(3){top:12px; transition-delay:0.3s;}
header.header .header_btn > a > .text{font-size:22px; color:#222222; font-weight:500;}
header.header .header_btn > a.active > .ham > span.line:nth-child(1){transform:rotate(45deg); top:9px;}
header.header .header_btn > a.active > .ham > span.line:nth-child(2){left:18px; opacity:0; visibility:hidden;}
header.header .header_btn > a.active > .ham > span.line:nth-child(3){transform:rotate(-45deg); top:5px;}
header.header.active .header_menu > ul > li > .sub_1div{display:none;}
.all_menu{position:fixed; top:100px; width:100%; background:rgba(7,11,24,0.7); min-height:250px; transition:all 0.3s; opacity:0; visibility:hidden; top:150px;}
.all_menu.active{opacity:1; visibility:visible; top:100px;}
.all_menu .container_fix{display:flex; width:100%; padding:0;}
.all_menu .fake_logo{width:100px;}
.all_menu .all_ul{width:calc(100% - 300px); padding-left:130px; display:flex; padding-bottom: 48px;}
.all_menu .all_ul > li{margin-right:130px;}
.all_menu .all_ul > li > a{display:block; font-size:22px; color:transparent; opacity:0; visibility:hidden; font-weight:500; height:22px;}
.all_menu .all_ul > li > .all_sub_div{ padding-top:23px; width:1px; white-space:nowrap;}
.all_menu .all_ul > li > .all_sub_div > ul{}
.all_menu .all_ul > li > .all_sub_div > ul > li{margin-bottom:25px;}
.all_menu .all_ul > li > .all_sub_div > ul > li:last-child{margin-bottom:0;}
.all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:18px; color:#c2c2c2;}
.all_menu .all_ul > li > .all_sub_div > ul > li > a:hover{color:#fff; font-weight:500;}
.all_menu .fake_btn{width:200px;}

@media (max-width:1550px){
	header.header .header_menu{padding-left:35px;}
	header.header .header_menu > ul > li{margin-right:35px;}
	header.header .header_menu > ul > li > a{font-size:20px;}
	header.header .header_menu > ul > li > .sub_1div{left:-35px; width:180px; padding:45px 0 45px 35px}
	header.header .header_menu > ul > li > .sub_1div > ul > li > a{font-size:15px;}
	.all_menu .all_ul{padding-left:35px;}
	.all_menu .all_ul > li{margin-right:35px;}
	.all_menu .all_ul > li > a{font-size:20px;}
    .all_menu .all_ul > li > .all_sub_div > ul > li{margin-bottom: 27px;}
	.all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:15px;}
}

@media (max-width:991px){
	header.header .header_container{justify-content:space-between;} 
	.header.header .header_menu{display:none;}
	header.header.fixed, header.header.active, header.header:hover{background:none;}
	header.header .header_btn{width:100px; z-index:6;}
	header.header .header_btn > a{height:100px;}
	header.header .header_btn > a > .text{display:none;}
	header.header .header_btn > a > .ham{margin-right:0;}

	.all_menu{width:calc(100% - 100px); height:100vh; background:#fff; top:0; right:-100%; z-index:5;}
	.all_menu.active{top:0; right:0;}
	.all_menu_bg{position:fixed; top:0; left:0; z-index:4; background:rgba(0,0,0,0.45); width:100%; height:100%; 
	visibility:hidden; opacity:0; transition:all 0.3s;}
	.all_menu_bg.active{visibility:visible; opacity:1;}
	.all_menu .fake_logo{display:none;}
	.all_menu .fake_btn{display:none;}
	.all_menu .container_fix{padding-top:120px;}
	.all_menu .all_ul{padding:0 30px; width:100%; display:block;}
	.all_menu .all_ul > li{margin-right:0; margin-bottom:30px;}
	.all_menu .all_ul > li:last-child{margin-bottom:0px;}
	.all_menu .all_ul > li > a{display:block; height:auto; font-size:20px; color:#222; font-weight:500; opacity:1; visibility:visible;
	margin-bottom:35px;}
	.all_menu .all_ul > li > a + .all_sub_div{padding-top:0; width:auto; white-space:inherit; margin-bottom:50px; display:none;}
	.all_menu .all_ul > li > a.active + .all_sub_div{display:block;}
	.all_menu .all_ul > li > .all_sub_div > ul > li > a{color:#666;}
	.all_menu .all_ul > li > .all_sub_div > ul > li > a:hover{color:#222;}
}
@media (max-width:768px){
	header.header .header_logo{width:80px;}
	header.header .header_logo > a{height:80px;}
	header.header .header_logo > a img{width:35px;}
	header.header .header_btn{width:80px;}
	header.header .header_btn > a{height:80px;}

	.all_menu{width:calc(100% - 80px);}
	.all_menu .container_fix{padding-top:100px;}
}
@media (max-width:480px){
	header.header .header_logo{width:50px;}
	header.header .header_logo > a{height:50px;}
	header.header .header_logo > a img{width:25px;}
	header.header .header_btn{width:50px;}
	header.header .header_btn > a{height:50px;}
	header.header .header_btn > a > .ham{width:20px; height:14px;}
	header.header .header_btn > a > .ham > span.line{height:1px;}
	header.header .header_btn > a > .ham > span.line:nth-child(2){top:7px; width:14px;}
	header.header .header_btn > a > .ham > span.line:nth-child(3){top:14px;}
	header.header .header_btn > a.active > .ham > span.line:nth-child(1){top:7px;}
	header.header .header_btn > a.active > .ham > span.line:nth-child(3){top:5px;}

	.all_menu{width:calc(100% - 50px);}
	.all_menu .container_fix{padding-top:60px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인배너
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section01{}
.section01 .mc01_visual{/* margin-bottom:100px; */ position:relative;}
.section01 .mc01_visual .swiper-slide{overflow:hidden;}
.section01 .mc01_visual .swiper-slide > a{display:block; width:100%; height:75.5208vw; position:relative; background:#000;}
.section01 .mc01_visual .swiper-slide > a .img_box_pc{display:block; position:absolute; width:100%; height:100%; background-size:cover;
background-position:50% 50%; top:0; background-repeat:no-repeat; opacity:0; transform: scale(1.15, 1.15);
transition:opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 4s cubic-bezier(0.4, 0, 0.2, 1);}
.section01 .mc01_visual .swiper-slide.animate > a .img_box_pc{opacity: 1; transform: scale(1, 1);}
.section01 .mc01_visual .swiper-slide > a .img_box_mob{display:none; position:absolute; width:100%; height:100%; background-size:cover;
background-position:50% 50%; top:0; background-repeat:no-repeat; opacity:0; transform: scale(1.15, 1.15);
transition:opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 4s cubic-bezier(0.4, 0, 0.2, 1);}
.section01 .mc01_visual .swiper-slide.animate > a .img_box_mob{opacity: 1; transform: scale(1, 1);}
.section01 .mc01_visual .swiper-slide > a .text_box{position:absolute; top:280px;}
.section01 .mc01_visual .swiper-slide > a .text_box h1{font-size:80px; font-weight:300; color:#fff; line-height:90px; opacity:0; transition:0.7s; transition-delay:1s; transform:translate(0, 50px);}
.section01 .mc01_visual .swiper-slide > a .text_box p{font-size:20px; color:#ffffff; line-height:1.8; margin-top:40px;  opacity:0; transition:0.7s; transition-delay:1.5s; transform:translate(0, 50px);}
.section01 .mc01_visual .swiper-slide.animate > a .text_box h1{opacity:1; transform:translate(0, 0);}
.section01 .mc01_visual .swiper-slide.animate > a .text_box p{opacity:1; transform:translate(0, 0);}
.section01 .swiper_btn{position:absolute; top:745px; width:100%;}
.section01 .swiper_btn .swiper-pagination{z-index:1; transition:none;}
.section01 .swiper_btn .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; background:#ffffff; border-radius:50%; opacity:1; margin-right:20px;}
.section01 .swiper_btn .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.section01 .swiper_btn .swiper-pagination .swiper-pagination-bullet-active{background:#6500d6;}
.section01 .swiper_btn .scroll_down{position:absolute; z-index:2; top:-95px; left:-60px;}
.section01 .swiper_btn .scroll_down .text{writing-mode: vertical-rl; font-size:14px; color:#fff; font-weight:300; letter-spacing:.4em; padding-bottom:190px;}
.section01 .swiper_btn .scroll_down .line{position:absolute; width:1px; height:150px; background:#c2c2c2; transition:all 0.3s; display:block; left:3px; bottom:0;}
.section01 .swiper_btn .scroll_down .line::before{content:""; width:1px; height:5px; background:#c2c2c2; position:absolute; transform:rotate(-45deg); bottom:0; left:-2px; transition:all 0.3s;}
.section01 .swiper_btn .scroll_down .line::after{content:""; width:1px; height:5px; background:#c2c2c2; position:absolute; transform:rotate(45deg); bottom:0; right:-2px; transition:all 0.3s;}
.section01 .swiper_btn .scroll_down .circle{position:absolute; width:40px; height:40px; border-radius:50%; border:1px solid #c2c2c2; display:block; left:-16px; bottom:-22px; transition:all 0.3s;}
.section01 .swiper_btn .scroll_down:hover .line{background:#fff; bottom:-20px;}
.section01 .swiper_btn .scroll_down:hover .line::before, .section01 .swiper_btn .scroll_down:hover .line::after{background:#fff;}
.section01 .swiper_btn .scroll_down:hover .circle{bottom:-37px; border-color:#fff;}
.section01 .btn-wset{position:relative; z-index:1; margin-top:15px;}
.section01 .btn-wset a span{color:#fff;}

@media (max-width:1800px){
	.section01 .swiper_btn .scroll_down{left:auto; right:60px; top:-150px;}
}
@media (max-width:1550px){
	.section01 .mc01_visual .swiper-slide > a .text_box{top:180px;}
	.section01 .swiper_btn{top:600px;}
}
@media (max-width:991px){
    .section01 .mc01_visual .swiper-slide > a{height: 309.5833vw;}
	.section01 .mc01_visual .swiper-slide > a .img_box_pc{display:none;}
	.section01 .mc01_visual .swiper-slide > a .img_box_mob{display:block;}
	.section01 .swiper_btn .scroll_down{display:none;}
	.section01 .mc01_visual .swiper-slide > a .text_box{top:150px; width:70%;}
	.section01 .mc01_visual .swiper-slide > a .text_box h1{font-size:35px; line-height: 40px; word-break:keep-all;}
	.section01 .mc01_visual .swiper-slide > a .text_box p{font-size:18px; word-break:keep-all;}
}
@media (max-width:768px){
	.section01 .mc01_visual .swiper-slide > a .text_box{top:120px;}
}
@media (max-width:480px){
	.section01 .mc01_visual .swiper-slide > a .text_box{top:100px;}
	.section01 .mc01_visual .swiper-slide > a .text_box p{font-size:13px; margin-top:15px; line-height: 22px;}
	.section01 .swiper_btn{top:350px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
클라우드 대표 설명 문구
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section02{position:relative; top:-500px; z-index:1; margin-bottom:-45px;}
.section02 .section02_top{background:#160c4d ;width:1755px; max-width:100%; margin-right:auto; margin-left:0; padding-top:90px; padding-bottom:550px;}
.section02 .section02_top .container_fix{display:flex; margin-left:auto; margin-right:0;}
.section02 .section02_top .container_fix .left_text{width:610px;}
.section02 .section02_top .container_fix .left_text h1{font-size:45px; color:#ffffff; line-height:55px;}
.section02 .section02_top .container_fix .right_text{width:calc(100% - 610px)}
.section02 .section02_top .container_fix .right_text > p{font-size:18px; color:#ffffff; line-height:32px; margin-bottom:30px; font-weight:300}
.section02 .section02_top .container_fix .right_text > p:nth-child(2){margin-bottom:0;}
.section02 .section02_top .container_fix .right_text .more_btn{margin-top:80px;}
section .more_btn{margin-top:50px; padding-left:43px; position:relative; display:inline-block; padding-bottom:15px; width:250px;}
section .more_btn .text{font-size:16px; color:#ffffff; letter-spacing:.4em}
section .more_btn .arrow{position:absolute; width:100%; height:1px; background:#fff; left:0; bottom:0; transition:all 0.3s;}
section .more_btn .arrow::after{content:""; width:1px; height:23px; background:#fff; position:absolute; right:8px; bottom:-3px; transform:rotate(-45deg); transition:all 0.3s;}
section .more_btn:hover .arrow{left:20px;}
.section02 .section02_bot{position:absolute; left:50%; transform:translateX(-50%); top:500px;}
.section02 .section02_bot .mc02_banner{overflow:hidden; position:relative;}
.section02 .section02_bot .swiper_btn{position:absolute; right:0; bottom:0; width:280px; display:flex;}
.section02 .section02_bot .swiper_btn > a{display:flex; position:relative; top:auto; left:auto; right:auto; margin-top:0; width:50%; background:rgba(70,70,70,0.2); transition:all 0.3s; outline:none; box-shadow:none; height: 60px;}
.section02 .section02_bot .swiper_btn > a:hover{background:rgba(60,60,60,0.3);}
.section02 .section02_bot .swiper_btn > a::after{display:none;}
.section02 .section02_bot .swiper_btn > a.swiper-button-prev{justify-content:flex-end; padding-right:15px;}
.section02 .section02_bot .swiper_btn > a.swiper-button-next{justify-content:flex-start; padding-left:15px;}
.section02 .section02_bot .swiper_btn > a .arrow{display:block; width:60px; height:1px; background:rgba(255,255,255,0.5); position:relative;}
.section02 .section02_bot .swiper_btn > a .arrow::before{content:""; width:1px; height:8px; background:rgba(255,255,255,0.5); position:absolute; transform:rotate(45deg);
top:-6px; left:2px; transition:all 0.3s;}
.section02 .section02_bot .swiper_btn > a .arrow::after{content:""; width:1px; height:8px; background:rgba(255,255,255,0.5); position:absolute; transform:rotate(-45deg);
top:-1px; left:2px; transition:all 0.3s;}
.section02 .section02_bot .swiper_btn > a.swiper-button-next .arrow::before{left:auto; right:2px; transform:rotate(-45deg);}
.section02 .section02_bot .swiper_btn > a.swiper-button-next .arrow::after{left:auto; right:2px; transform:rotate(45deg);}
.section02 .section02_bot .swiper_btn > a:hover .arrow{background:rgba(255,255,255,1);}
.section02 .section02_bot .swiper_btn > a:hover .arrow::before, .section02 .section02_bot .swiper_btn > a:hover .arrow::after{background:rgba(255,255,255,1);}
.section02 .section02_bot .swiper_btn > a.swiper-button-prev .circle{position:absolute; width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,255,255,0.5);
right:30px; transition:all 0.3s; opacity:0; visibility:hidden;}
.section02 .section02_bot .swiper_btn > a.swiper-button-prev:hover .circle{right:56px; border-color:#fff; visibility:visible; opacity:1;}
.section02 .section02_bot .swiper_btn > a.swiper-button-next .circle{position:absolute; width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,255,255,0.5);
left:30px; transition:all 0.3s; opacity:0; visibility:hidden;}
.section02 .section02_bot .swiper_btn > a.swiper-button-next:hover .circle{left:56px; border-color:#fff; visibility:visible; opacity:1;}

@media (max-width:1780px){
	.section02 .section02_top{width:calc(100% - 30px);}
	.section02 .section02_bot{position:relative; left:auto; transform:translateX(0); z-index:1; top:-450px;}
	.section02 .section02_bot .container_fix{width:calc(100% - 30px);}
	.section02 .section02_bot img{width:100%;}
}

@media (max-width:1650px){
	.section02{top:-250px; margin-bottom:0; margin-bottom:-300px;}
	.section02 .section02_top{padding-bottom:300px;}
	.section02 .section02_top .container_fix{margin:0 auto;}
	.section02 .section02_bot{top:-150px;}
}

@media (max-width:991px){
	.section02{top:-600px; margin-bottom:-600px;}
	.section02 .section02_top{width:calc(100% - 25px);}
	.section02 .section02_top .container_fix{flex-wrap:wrap;}
	.section02 .section02_top .container_fix .left_text{width:100%; margin-bottom:30px;}
	.section02 .section02_top .container_fix .right_text{width:100%;}
	.section02 .section02_top .container_fix .right_text > p span.w_br{display:none;}
	.section02 .section02_bot .container_fix{padding:0; width:calc(100% - 50px);}
    .section02 .section02_bot .swiper_btn > a{height: 35px;}
}

@media (max-width:480px){
	.section02{top:-600px; margin-bottom:-680px;}
	.section02 .section02_top{padding-top:60px; padding-bottom:200px;}
	.section02 .section02_top .container_fix .left_text{margin-bottom:15px;}
	.section02 .section02_top .container_fix .left_text h1{font-size:28px;}
	.section02 .section02_top .container_fix .right_text > p{font-size:13px; margin-bottom:20px;}
	.section02 .section02_top .container_fix .right_text .more_btn{margin-top:40px;}
	section .more_btn{margin-top:40px; padding-left:20px; padding-bottom:10px; width:170px;}
	section .more_btn .text{font-size:12px;}
	section .more_btn .arrow::after{height:17px; right:5px; bottom:-2px;}
	.section02 .section02_bot .swiper_btn{width:150px;}
	.section02 .section02_bot .swiper_btn > a.swiper-button-prev{padding-right:5px;}
	.section02 .section02_bot .swiper_btn > a.swiper-button-next{padding-left:5px;}
	.section02 .section02_bot .swiper_btn > a .arrow{width:35px;}
	.section02 .section02_bot .swiper_btn > a .arrow::before{height:4px; top:-3px; left:1px;}
	.section02 .section02_bot .swiper_btn > a .arrow::after{height:4px; top:0px; left:1px;}
	.section02 .section02_bot .swiper_btn > a.swiper-button-prev .circle{width:18px; height:18px; right:10px;}
	.section02 .section02_bot .swiper_btn > a.swiper-button-prev:hover .circle{right:28px;}
	.section02 .section02_bot .swiper_btn > a.swiper-button-next .circle{width:18px; height:18px; left:10px;}
	.section02 .section02_bot .swiper_btn > a.swiper-button-next:hover .circle{left:28px;}
	
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
디지털 트랜스포메이션 솔루션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section03{margin-bottom:80px;}
.section03 .main_text{margin-bottom:90px; text-align:center;}
.section03 .main_text h1{font-size:45px; color:#222222;}
.section03 .img_text_box{position:relative; padding-bottom:80px;}
.section03 .img_text_box .container_fix{position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
.section03 .img_text_box .right_text{position:absolute; bottom:0; right:0; background:#ef30e4; padding:60px 87px 69px 100px;}
.section03 .img_text_box .right_text p{font-size:18px; color:#ffffff; line-height:32px; font-weight:300; text-transform: uppercase;}

@media (max-width:1350px){
	.section03 .img_text_box{}
	.section03 .img_text_box .left_img{width:90%;}
	.section03 .img_text_box .left_img img{width:100%;}
	.section03 .img_text_box .right_text{padding:40px 60px;}
}

@media (max-width:991px){
	.section03{margin-bottom: 60px;}
	.section03 .img_text_box{padding-bottom:200px;}
	.section03 .img_text_box .left_img{width:calc(100% - 60px;)}
	.section03 .img_text_box .right_text{right:20px; padding:35px 18px 40px; width:calc(100% - 40px);}
	.section03 .img_text_box .right_text p{font-size:15px; line-height: 22px;}
	.section03 .img_text_box .right_text p span.w_br{display:none;}
	.section03 .img_text_box .container_fix{padding:0;}
}

@media (max-width:480px){
	.section03 .main_text{margin-bottom:30px;}
	.section03 .main_text h1{font-size:30px; line-height:1.2;}
	.section03 .img_text_box .right_text p{font-size:13px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
리얼리티 솔루션
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section04{position:relative; margin-bottom:100px;}
.section04 .img_box{}
.section04 .img_box .pc_img{display:block;}
.section04 .img_box .mob_img{display:none;}
.section04 .img_box img:nth-child(2), .section04 .img_box img:nth-child(3), .section04 .img_box img:nth-child(4){position:absolute; top:0; left:0;}
.section04 .main_text{position:absolute; z-index:1; top:200px; left:180px; width:670px; text-align:right;}
.section04 .main_text h1{font-size:45px; color:#222222; line-height:1.2; margin-bottom:57px;}
.section04 .main_text h5{font-size:20px; color:#222222; font-weight:bold; margin-bottom:25px;}
.section04 .main_text p{font-size:18px; color:rgba(34,34,34,0.8); line-height:32px; margin-bottom:30px; font-weight:300}
.section04 .main_text p:last-child{margin-bottom:0;}
.section04 .more_btn{text-align:left; margin-top:80px;}
.section04 .more_btn, .section04 .more_btn .text{color:#222222;}
.section04 .more_btn .arrow, .section04 .more_btn .arrow::after{background:#222;}
@media (min-width:1950px){
	.section04{width:1910px; margin:0 auto;}
}
@media (max-width:1850px){
	.section04 .img_box img{width:100%;}
}
@media (max-width:1500px){
	.section04 .main_text{top: 0; left:0; text-align:left; padding:0 15px;}
	.section04 .more_btn{margin-top:50px;}
	.section04 .img_box img:nth-child(4){display:none;}
}
@media (max-width:991px){
	.section04{margin-bottom:70px;}
	.section04 .img_box .pc_img{display:none;}
	.section04 .img_box .mob_img{display:block;}
	.section04 .main_text{width:100%; padding: 0 25px;}
	.section04 .main_text h5{line-height:1.5;}
	.section04 .main_text p span.w_br{display:none;}
	.section04 .img_box img:nth-child(4){display:block;}
}

@media (max-width:480px){
	.section04{margin-bottom:50px;}
	.section04 .main_text h1{font-size:28px; margin-bottom:25px; line-height: 33px;}
	.section04 .main_text h5{font-size:14px; margin-bottom:15px; line-height: 25px;}
	.section04 .main_text p{font-size:13px; margin-bottom:15px; line-height: 22px;}
	.section04 .more_btn{margin-top:20px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
레퍼런스
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section05{}
.section05 .main_text{margin-bottom:100px; text-align:center; position:relative;}
.section05 .main_text h1{font-size:45px; color:#222222; }
.section05 .main_text .plus_btn{display:block; width:20px; height:20px; position:Absolute; right:0; top:13px; transition:all 0.3s;}
.section05 .main_text .plus_btn:hover{transform:rotate(180deg);}
.section05 .main_text .plus_btn .line{position:absolute; width:20px; height:2px; background:#000; top:9px; left:0;}
.section05 .main_text .plus_btn .line:nth-child(2){width:2px; height:20px; top:auto; left:9px;}
.section05 .miso-post-gallery{}
.section05 .miso-post-gallery .post-list{position:relative;}
.section05 .miso-post-gallery .img_hover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.3s; opacity:0; visibility:hidden;}
.section05 .miso-post-gallery .post-row:hover .img_hover{opacity:1; visibility:visible;}
.section05 .miso-post-gallery .img_hover .plus_btn{width:45px; height:45px; position:absolute; left:50%; transform:translateX(-50%); top:28%; transition:all 0.3s;}
.section05 .miso-post-gallery .img_hover .plus_btn .line{width:45px; height:3px; background:#fff; position:absolute; top:20px; left:0;}
.section05 .miso-post-gallery .img_hover .plus_btn .line:nth-child(2){width:3px; height:45px; position:absolute; top:auto; left:20px;}
.section05 .miso-post-gallery .post_content{position:absolute; width:calc(100% - 40px); left:20px;bottom:20px; z-index:1;}
.section05 .miso-post-gallery .post_content .post_text{background:#fff; padding:50px 30px 35px 30px;}
.section05 .miso-post-gallery .post_content .post_text h5{font-size:22px; color:#000000; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; 
-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height:1.5; height:3.0em; word-break:keep-all;}
.section05 .miso-post-gallery .post_content .post_category{position:absolute;left:30px;  padding:0 30px; height:40px; line-height:40px; border-radius:20px; background:#f5f1fb;
font-size:16px; color:#6506dd; font-weight:bold; text-align:center; top:-20px; transition:all 0.3s;}
.section05 .miso-post-gallery .post-row:hover .post_content .post_category{background:#6500d6; color:#fff;}

@media (max-width:991px){
	.section05 .miso-post-gallery .post_content .post_text{padding:20px 15px 10px;}
}
@media (max-width:480px){
	.section05 .main_text{margin-bottom:50px;}
	.section05 .main_text h1{font-size:28px;}
	.section05 .main_text .plus_btn{width:14px; height:14px; top:8px;}
	.section05 .main_text .plus_btn .line{width:14px; height:2px; top:5.5px;}
	.section05 .main_text .plus_btn .line:nth-child(2){width:2px; height:14px; left:5.5px}
	.section05 .miso-post-gallery .post_content .post_category{height:25px; line-height:25px; border-radius:15px; left:15px; 
	font-size:11px;	top:-12.5px; padding:0 15px;}
	.section05 .miso-post-gallery .post_content .post_text h5{font-size:14px;}
	.section05 .miso-post-gallery .img_hover .plus_btn{width:25px; height:25px; top:25%;}
	.section05 .miso-post-gallery .img_hover .plus_btn .line{width:25px; height:2px; top:12px;}
	.section05 .miso-post-gallery .img_hover .plus_btn .line:nth-child(2){width:2px; height:25px; left:12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
채용
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section06{position:relative; background:url('/img/section06_bg01.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:100px;}
.section06::before, .section06::after{content:""; display:block; clear:both;}
.section06 .main_text{text-align:center; padding:95px 0;}
.section06 .main_text h1{font-size:45px; color:#fff;}
.section06 ul.section06_ul{display:flex; justify-content:space-between;}
.section06 ul.section06_ul li{width:30%; position:relative; top:100px;}
.section06 ul.section06_ul li:nth-child(2){top:0;}
.section06 ul.section06_ul li > a{display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; background:#ef30e4; min-height:430px;}
.section06 ul.section06_ul li > a .icon_box{margin-bottom:30px;}
.section06 ul.section06_ul li > a h5{font-size:30px; color:#fff; font-weight:500; margin-bottom:25px;}
.section06 ul.section06_ul li > a p{font-size:16px; color:#ffffff; line-height:1.8; font-weight:300}

@media (max-width:991px){
	.section06{background-image:url('/img/msection06_bg01.jpg'); padding-bottom:70px; margin-bottom:0;}
	.section06 .main_text{padding:70px 0;}
	.section06 ul.section06_ul{flex-wrap:wrap;}
	.section06 ul.section06_ul li{width:100%; margin-bottom:30px; top:0;}
	.section06 ul.section06_ul li:last-child{margin-bottom:0;}
	.section06 ul.section06_ul li > a{min-height:auto; padding:30px 20px;}
}

@media (max-width:480px){
	.section06 .main_text{padding:60px 0 40px; padding-bottom:50px;}
	.section06 .main_text h1{font-size:28px;}
	.section06 ul.section06_ul li{margin-bottom:15px;}
	.section06 ul.section06_ul li > a{}
	.section06 ul.section06_ul li > a .icon_box{margin-bottom:20px;}
	.section06 ul.section06_ul li > a .icon_box img{width:70px;}
	.section06 ul.section06_ul li > a h5{font-size:20px; margin-bottom:15px;}
	.section06 ul.section06_ul li > a p{font-size:13px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{margin-top:90px; border:1px solid #e1e1e1; padding:60px 0 55px;}
footer.footer.sub_footer{margin-top: 0;}
footer.footer .footer_logo{margin-bottom:25px;}
footer.footer .footer_logo img{width:150px;}
footer.footer ul.info_ul{display:flex; flex-wrap:wrap;}
footer.footer ul.info_ul > li{position:relative; margin-right:18px; font-weight:300}
footer.footer ul.info_ul > li::after{content:""; width:1px; height:17px; background:#8c8c8c; position:absolute; right:-9px; top:50%; margin: 0; transform:translateY(-50%)}
footer.footer ul.info_ul > li:last-child::after{display:none;}
footer.footer ul.info_ul > li, footer.footer h4.copy{font-size:15px; color:#666666; line-height:1.8; font-weight:300}

.topbtn{position:fixed; right:0; bottom:0; background:#6500d6; width:60px; height:60px; display:flex; align-items:center; justify-content:center; z-index:3;
opacity:0; visibility:hidden; transition:all 0.5s;}
.topbtn.active{opacity:1; visibility:visible;}
.topbtn > span.arrow{width:23px; height:13px; position:relative;}
.topbtn > span.arrow::before{content:""; width:3px; height:14px; background:#fff; position:absolute; transform:rotate(45deg); left:5px;}
.topbtn > span.arrow::after{content:""; width:3px; height:14px; background:#fff; position:absolute; transform:rotate(-45deg); right:6px;}

@media (max-width:991px){
	footer.footer{margin-top:0;}
	footer.footer.sub_footer{margin-top:0px;}
}
@media (max-width:480px){
	footer.footer{padding:30px 0;}
	footer.footer .footer_logo{margin-bottom:20px;}
	footer.footer .footer_logo img{width:105px;}
	footer.footer ul.info_ul > li, footer.footer h4.copy{font-size:13px; margin-right: 0;}
    footer.footer ul.info_ul > li::after{height: 14px; right: -7px;}
	footer.footer ul.info_ul > li:nth-child(1)::after,
	footer.footer ul.info_ul > li:nth-child(2)::after,
	footer.footer ul.info_ul > li:nth-child(4)::after,
	footer.footer ul.info_ul > li:nth-child(5)::after{display:none;}
	footer.footer ul.info_ul > li:nth-child(3) {margin-right: 15px;}
	footer.footer ul.info_ul > li:nth-child(6) {margin-right: 15px;}

	.topbtn{width:40px; height:40px;}
	.topbtn > span.arrow{width:14px; height:8px;}
	.topbtn > span.arrow::before{width:1px; height:10px; left:3px;}
	.topbtn > span.arrow::after{width:1px; height:10px; right:3px;}
}

/* 220803 피드백 */
header.header .header_menu{width: calc(100% - 200px);}
header.header .header_btn{width: 100px;}
header.header .header_btn > a > .ham{margin-right: 0;}

@media (max-width: 768px){
    header.header .header_btn{width: 80px;}
}