@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: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;}
}
@media (max-width:991px){
#captcha.m_captcha audio{display:none !important;}
#captcha.m_captcha #captcha_reload{left:auto; right:auto; top:auto; background:url('../../../img/captcha.png') no-repeat  0 -25px #e3e3e3; position:relative; height:40px;}
#captcha.m_captcha #captcha_img{margin:0; width:120px; height:40px; float:left; border-top-left-radius:5px; border-bottom-left-radius:5px;}
#captcha.m_captcha #captcha_key{width:calc(100% - 152px); margin-left:0; height:40px; border-left:0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{position:fixed; z-index:10; width:100%; top:0; left:0; transition:all 0.3s;}
header.header .header_container{width:1750px; padding:0 15px; max-width:100%; margin:0 auto; display:table;}
header.header .header_container > div, header.header .header_container > nav{display:table-cell; vertical-align:middle;}
header.header .header_logo{width:200px;}
header.header .header_menu{}
header.header .header_menu > ul{display:flex;}
header.header .header_menu > ul > li{margin-right:100px;}
header.header .header_menu > ul > li > a{font-size:18px; color:#666666; font-weight:500; transition:all 0.3s; line-height:160px;}
header.header .header_menu > ul > li > a span{position:relative;}
header.header .header_menu > ul > li > a span::after{content:""; width:100%; height:2px; background:#01bcd0; position:absolute; bottom:-16px; left:0; display:block;
transition:all 0.3s; width:0;}
header.header .header_menu > ul > li.on > a, header.header .header_menu > ul > li > a:hover{color:#01bcd0; }
header.header .header_menu > ul > li.on > a span::after, header.header .header_menu > ul > li > a:hover span::after{width:100%;}
header.header .header_menu > ul > li .sub1_div{display:none;}
header.header .header_btn{width:1px; white-space:nowrap;}
header.header .header_btn ul.lnb{display:inline-block; vertical-align:middle;}
header.header .header_btn ul.lnb > li{margin-right:34px; display:inline-block;}
header.header .header_btn ul.lnb > li:last-child{margin-right:0;}
header.header .header_btn ul.lnb > li > a{font-size:16px; color:#666666; font-weight:500;}
header.header .header_btn .all_menu_box{display:inline-block; vertical-align:middle;}
header.header .header_btn .all_menu_box > a{width:60px; height:60px; background:#01bcd0; display:flex; justify-content:center; align-items:center; border-radius:50%;
box-shadow:13px 15px 30px 0 rgba(50,50,50,0.2); margin-left:48px; overflow:hidden;}
header.header .header_btn .all_menu_box > a > .btn_cell{width:25px; height:22px; position:relative;}
header.header .header_btn .all_menu_box > a > .btn_cell > span.line{display:block; width:100%; height:2px; background:#fff; position:absolute; top:0; left:0; transition:all 0.3s;}
header.header .header_btn .all_menu_box > a > .btn_cell > span.line:nth-child(2){top:11px;}
header.header .header_btn .all_menu_box > a > .btn_cell > span.line:nth-child(3){top:21px;}
header.header .header_btn .all_menu_box > a.active > .btn_cell > span.line:nth-child(1){top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
header.header .header_btn .all_menu_box > a.active > .btn_cell > span.line:nth-child(2){left:100%; opacity:0;}
header.header .header_btn .all_menu_box > a.active > .btn_cell > span.line:nth-child(3){top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
.all_menu{position:fixed; z-index:12; top:0; right:-800px; opacity:0; visibility:hidden; width:800px; background:#fff; height:100vh; padding:0 100px; transition:all 0.5s;}
.all_menu.active{right:0; visibility:visible; opacity:1;}
.all_menu_bg{position:fixed; z-index:11; width:100%; height:100%; top:0; left:0; background:rgba(52,52,52,0.3); opacity:0; visibility:hidden; transition:all 0.3s;}
.all_menu_bg.active{opacity:1; visibility:visible;}
.all_menu .all_menu_head{display:flex; justify-content:space-between; align-items:center; line-height:160px; margin-bottom:165px;}
.all_menu .all_menu_head > a.all_menu_logo{}
.all_menu .all_menu_head > a.all_menu_close{width:20px; height:20px; display:block; position:relative;}
.all_menu .all_menu_head > a.all_menu_close span.line{display:block; width:2px; height:22px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);
background:#999999;}
.all_menu .all_menu_head > a.all_menu_close span.line:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg);}
.all_menu ul.all_menu_ul{}
.all_menu ul.all_menu_ul > li{margin-bottom:50px;}
.all_menu ul.all_menu_ul > li:last-child{margin-bottom:0;}
.all_menu ul.all_menu_ul > li > a{font-size:40px; color:#999999; font-weight:600; position:relative; display:inline-block; width:490px; transition:all 0.3s;}
.all_menu ul.all_menu_ul > li > a .arrow{width:63px; right:50px; position:absolute; top:21px; transition:all 0.3s; opacity:0; visibility:hidden;}
.all_menu ul.all_menu_ul > li > a .arrow span.line{display:block; width:50px; height:7px; background:#999;}
.all_menu ul.all_menu_ul > li > a .arrow span.tri{position:absolute; top:-7px; right:0; display:block; width:0; height:0; border-left:14px solid #999; 
border-top:10px solid transparent; border-bottom:10px solid transparent; z-index:1;}
.all_menu ul.all_menu_ul > li:hover > a .arrow{right:0; visibility:visible; opacity:1;}
.all_menu ul.all_menu_ul > li:hover:nth-child(1) > a{color:#ed364a;}
.all_menu ul.all_menu_ul > li:hover:nth-child(1) > a .arrow span.line{background:#ed364a;}
.all_menu ul.all_menu_ul > li:hover:nth-child(1) > a .arrow span.tri{border-left-color:#ed364a;}
.all_menu ul.all_menu_ul > li:hover:nth-child(2) > a{color:#f0376c;}
.all_menu ul.all_menu_ul > li:hover:nth-child(2) > a .arrow span.line{background:#f0376c;}
.all_menu ul.all_menu_ul > li:hover:nth-child(2) > a .arrow span.tri{border-left-color:#f0376c;}
.all_menu ul.all_menu_ul > li:hover:nth-child(3) > a{color:#01bcd0;}
.all_menu ul.all_menu_ul > li:hover:nth-child(3) > a .arrow span.line{background:#01bcd0;}
.all_menu ul.all_menu_ul > li:hover:nth-child(3) > a .arrow span.tri{border-left-color:#01bcd0;}
.all_menu ul.all_menu_ul > li:hover:nth-child(4) > a{color:#7165df;}
.all_menu ul.all_menu_ul > li:hover:nth-child(4) > a .arrow span.line{background:#7165df;}
.all_menu ul.all_menu_ul > li:hover:nth-child(4) > a .arrow span.tri{border-left-color:#7165df;}
.all_menu ul.all_menu_ul > li > .all_1div{display:none;}
.all_menu .mobile_menu{display:none;}
@media (max-width:1500px){
	header.header .header_logo{width:100px;}
	header.header .header_menu > ul > li{margin-right:50px;}
	header.header .header_btn ul.lnb > li{margin-right:17px;}
	header.header .header_btn .all_menu_box > a{margin-left:24px;}
}

@media (max-width:1200px){
	header.header .header_logo{width:80px;}
	header.header .header_menu > ul > li{margin-right:30px;}
	header.header .header_btn ul.lnb > li{margin-right:10px;}
	header.header .header_btn .all_menu_box > a{margin-left:15px;}
}

@media (max-width:991px){
	header.header{padding:20px 0;}
	header.header .header_container{display:flex; width:100%; justify-content:space-between; align-items:center;}
	header.header .header_container > nav, header.header .header_btn ul.lnb{display:none;}
	header.header .header_container > div{display:block;}
	header.header .header_logo{width:auto;}
	header.header .header_btn{width:auto; white-space:inherit;}
	header.header .header_btn .all_menu_box > a{margin-left:0;}
	.all_menu{right:-100%; width:100%; padding:0 15px;}
	.all_menu .all_menu_head{line-height:112px; margin-bottom:120px}
	.all_menu .all_menu_head > a.all_menu_close{width:40px; height:40px;}
	.all_menu .all_menu_head > a.all_menu_close span.line{height:33px;}
	
	.all_menu ul.all_menu_ul > li > a{width:auto;}
	.all_menu ul.all_menu_ul > li > a .arrow{right:-100px;}
	.all_menu ul.all_menu_ul > li:hover > a .arrow{right:-150px;}

	.all_menu .mobile_menu{display:block; margin-bottom:30px;}
	.all_menu .mobile_menu ul{display:flex;}
	.all_menu .mobile_menu ul > li{display:block; margin-right:15px;}
	.all_menu .mobile_menu ul > li > a{font-size:14px; color:#333;}
}
@media (max-width:480px){
	header.header{padding:9px 0;}
	header.header .header_logo img{width:40px;}
	header.header .header_btn .all_menu_box > a{width:40px; height:40px;}
	header.header .header_btn .all_menu_box > a > .btn_cell{width:16px; height:14px;}
	header.header .header_btn .all_menu_box > a > .btn_cell > span.line{height:1px;}
	header.header .header_btn .all_menu_box > a > .btn_cell > span.line:nth-child(2){top:7px;}
	header.header .header_btn .all_menu_box > a > .btn_cell > span.line:nth-child(3){top:14px;}
	
	.all_menu .all_menu_head{line-height:66px;}
	.all_menu .all_menu_head .all_menu_logo img{width:40px;}
	.all_menu .all_menu_head > a.all_menu_close{width:20px; height:20px;}
	.all_menu .all_menu_head > a.all_menu_close span.line{height:22px;}
	.all_menu ul.all_menu_ul > li{margin-bottom:45px;}
	.all_menu ul.all_menu_ul > li > a{font-size:28px; width:auto;}
	.all_menu ul.all_menu_ul > li > a .arrow{width:40px; right:-50px; top:17px;}
	.all_menu ul.all_menu_ul > li > a .arrow span.line{width:35px; height:5px;}
	.all_menu ul.all_menu_ul > li > a .arrow span.tri{top:-4px; right:0;border-left:8px solid #999; 
	border-top:6px solid transparent; border-bottom:6px solid transparent;}
	.all_menu ul.all_menu_ul > li:hover > a .arrow{right:-100px;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(1) > a{color:#ed364a;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(1) > a .arrow span.line{background:#ed364a;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(1) > a .arrow span.tri{border-left-color:#ed364a;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(2) > a{color:#f0376c;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(2) > a .arrow span.line{background:#f0376c;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(2) > a .arrow span.tri{border-left-color:#f0376c;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(3) > a{color:#01bcd0;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(3) > a .arrow span.line{background:#01bcd0;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(3) > a .arrow span.tri{border-left-color:#01bcd0;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(4) > a{color:#7165df;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(4) > a .arrow span.line{background:#7165df;}
	.all_menu ul.all_menu_ul > li:hover:nth-child(4) > a .arrow span.tri{border-left-color:#7165df;}
	.all_menu ul.all_menu_ul > li > .all_1div{display:none;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인배너 
html > thema > fivesense-basic > widget > visual_widget
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.mc01_visual{position:relative;}
.mc01_visual .swiper-slide{overflow:hidden;}
.mc01_visual .swiper-slide > .visual_content{display:block; width:100%; height:100vh; position:relative; background:#000;}
.mc01_visual .swiper-slide > .visual_content .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); */}
.mc01_visual .swiper-slide.animate > .visual_content .img_box_pc{opacity: 1; transform: scale(1, 1);}
.mc01_visual .swiper-slide > .visual_content .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); */}
.mc01_visual .swiper-slide.animate > .visual_content .img_box_mob{opacity: 1; transform: scale(1, 1);}
.mc01_visual .swiper-slide > .visual_content .text_box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:left; width:1430px;
margin:0 auto; padding:0 15px; padding-left:100px;}
.mc01_visual .swiper-slide > .visual_content .text_box h1{font-size:100px; font-weight:600; line-height:1.2; opacity:0; transition:0.7s; transition-delay:1s; transform:translate(0, 50px);}
.mc01_visual .swiper-slide > .visual_content .text_box p{font-size:20px; color:#333; margin-top:35px; line-height:1.4; opacity:0; transition:0.7s; transition-delay:1.3s; transform:translate(0, 50px);}
.mc01_visual .swiper-slide > .visual_content .text_box a{display:block; width:220px; height:60px; line-height:60px; border-radius:30px;
color:#fff; font-size:16px; color:#ffffff; font-weight:500; text-align:center; margin-top:70px; opacity:0; transition:0.7s; transition-delay:1.5s; transform:translate(0, 50px);}
.mc01_visual .swiper-slide.animate > .visual_content .text_box h1, .mc01_visual .swiper-slide.animate > .visual_content .text_box p,
.mc01_visual .swiper-slide.animate > .visual_content .text_box a{opacity:1; transform:translate(0, 0);}
.mc01_visual .swiper_btn > .swiper-pagination-fraction{display:inline-block; position:relative; text-align:right; bottom:auto; left:auto; z-index:1;
font-size:10px; color:#ffffff; width:auto; margin-right:25px;}
.mc01_visual .swiper_btn > .swiper-pagination-fraction .swiper-pagination-current{font-size:26px; color:#8a30e5; font-weight:bold; display:inline-block; margin-right:12px;}
.mc01_visual .swiper_btn > .swiper-pagination-fraction .swiper-pagination-total{}
.mc01_visual .swiper_btn{width:1750px; position:absolute; padding:0 15px; left:50%; transform:translateX(-50%); bottom:40px; z-index:1; text-align:right;
max-width:100%;}
.mc01_visual .swiper_btn .swiper-pagination-bullets{z-index:1; left:50%; transform:translateX(-50%);}
.mc01_visual .swiper_btn .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; opacity:1; background:#fff; margin:0 10px;}
.mc01_visual .swiper_btn .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#01bcd0;}
.mc01_visual .swiper_btn .swiper_button{display:inline-block; width:90px;}
.mc01_visual .swiper_btn .swiper_button > a{position:relative; width:auto; height:auto; top:auto; margin-top:0; display:inline-block; font-size:12px; color:#ffffff; font-weight:bold; left:auto; right:auto; bottom:auto; outline:none; box-shadow:none;}
.mc01_visual .swiper_btn .swiper_button > a::after{display:none;}
.mc01_visual .swiper_btn .swiper_button > span.sl{display:inline-block; margin:0 5px; font-size:10px; color:#fff;}
.mc01_visual .btn-wset{position:absolute; bottom:0px; left:50%; transform:translateX(-50%); z-index:10;}
.mc01_visual .btn-wset .text-muted{color:#fff;}
@media (max-width:1500px){
	.mc01_visual .swiper-slide > .visual_content .text_box{width:calc(100% - 30px); padding-left:0;}
}

@media (max-width:991px){
	.mc01_visual .swiper-slide > .visual_content .text_box h1{font-size:80px;}
	.mc01_visual .swiper-slide > .visual_content .img_box_pc{display:none;}
	.mc01_visual .swiper-slide > .visual_content .img_box_mob{display:block;}
	.mc01_visual .swiper-slide > .visual_content .text_box{top:auto; left: 15px; bottom:100px;transform:translate(0); text-align:center;}
	.mc01_visual .swiper-slide > .visual_content .text_box a{margin:70px auto 0;}
	.mc01_visual .swiper_btn .swiper-pagination-bullet{border:1px solid #01bcd0; margin:0; margin-right:20px;}
	.mc01_visual .swiper_btn .swiper-pagination-bullet:last-child{margin-right:0;}
}
@media (max-width:480px){
	.mc01_visual .swiper_btn{}
	.mc01_visual .swiper-slide > .visual_content .text_box{bottom:80px;}
	.mc01_visual .swiper-slide > .visual_content .text_box h1{font-size:52px;}
	.mc01_visual .swiper-slide > .visual_content .text_box p{font-size:15px; margin-top:20px;}
	.mc01_visual .swiper-slide > .visual_content .text_box a{width:200px; height:50px; line-height:50px; font-size:14px; margin:40px auto 0; border-radius:25px;}
	
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
2번째 섹션 (공통) 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#fullpage .section02{background:url('/img/section02_bg.jpg') no-repeat; background-size:cover; background-position:center;}
#fullpage .common_fix{display:flex; align-items:center;}
#fullpage .container_fix .left_icon{width:48%;}
#fullpage .container_fix .left_icon img{opacity:0; transition:0.7s; /* transition-delay:1.5s; */ transform:translate(-50px, 0px); display:block; margin:0 auto;}
#fullpage .section.animate .left_icon img{opacity:1; transform:translate(0, 0);}
#fullpage .container_fix .right_text{width:52%;}
#fullpage .container_fix .right_text h1{display:none;}
#fullpage .container_fix .right_text img.title_img,
#fullpage .container_fix .right_text img.m_title_img{display:block; margin-bottom:40px; opacity:0; transition:0.7s; transition-delay:0.5s; transform:translate(50px, 0px);}
#fullpage .container_fix .right_text h5.title_h5{font-size:30px; color:#343434; font-weight:bold; margin-bottom:45px; line-height:1.2;
opacity:0; transition:0.7s; transition-delay:0.7s; transform:translate(50px, 0px);}
#fullpage .container_fix .right_text p.title_p{font-size:20px; color:#343434; font-weight:300; line-height:1.2;
opacity:0; transition:0.7s; transition-delay:0.9s; transform:translate(50px, 0px);}
#fullpage .container_fix .right_text .more_btn_box{ opacity:0; transition:0.7s; transition-delay:1.1s; transform:translate(50px, 0px); }
#fullpage .container_fix .right_text a.more_btn{display:block; width:220px; height:60px; line-height:60px; border-radius:30px;color:#fff; font-size:16px; font-weight:500;
text-align:center; margin-top:70px; background:#ebebeb; color:#888; transition:all 0.3s;}
#fullpage .container_fix .right_text a.more_btn:hover{background:#ef3b47; color:#fff;}
#fullpage .section.animate .right_text img.title_img, #fullpage .section.animate .right_text img.m_title_img , #fullpage .section.animate .right_text h5.title_h5, 
#fullpage .section.animate .right_text p.title_p, #fullpage .section.animate .right_text .more_btn_box{opacity:1; transform:translate(0, 0);}
@media(max-width:1300px){
	#fullpage .section .left_icon img{width:60%;}
	#fullpage .container_fix .right_text img.title_img, #fullpage .container_fix .right_text img.m_title_img{width:70%;}
	#fullpage .container_fix .right_text ul.icons > li > a .img_box img{width:100px;}
}
@media (max-width:991px){
	#fullpage .section02, #fullpage .section03, #fullpage .section04, #fullpage .section05, #fullpage .section06, #fullpage .section07{height:100vh; display:flex; align-items:center;}
	#fullpage .common_fix{display:block; padding:0 15px;}
	#fullpage .container_fix .left_icon{width:100%; margin:0 auto 80px;}
	#fullpage .section .left_icon img{width:300px;}
	#fullpage .container_fix .right_text{width:100%; text-align:center;}
	#fullpage .container_fix .right_text img.title_img, #fullpage .container_fix .right_text img.m_title_img{margin:0 auto 40px; width:400px;}
	#fullpage .container_fix .right_text a.more_btn{margin:70px auto 0;}
}
@media (max-width:480px){
	#fullpage .common_fix{padding:0 15px;}
	#fullpage .container_fix .left_icon{margin-bottom:50px;}
	#fullpage .section .left_icon img{width:180px;}
	#fullpage .container_fix .right_text img.title_img,	#fullpage .container_fix .right_text img.m_title_img{width:270px; margin-bottom:20px;}
	#fullpage .container_fix .right_text h5.title_h5{font-size:20px; margin-bottom:20px;}
	#fullpage .container_fix .right_text p.title_p{font-size:15px; line-height:1.6;}
	#fullpage .container_fix .right_text a.more_btn{width:200px; height:50px; line-height:50px; font-size:14px; margin:50px auto 0; border-radius:25px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
3번째 섹션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#fullpage .container_fix .right_text ul.icons{display:flex; margin-top:75px;}
#fullpage .container_fix .right_text ul.icons > li{margin-right:50px; opacity:0; transition:0.7s; transition-delay:1.2s; transform:translate(50px, 0px);}
#fullpage .container_fix .right_text ul.icons > li:nth-child(2){transition-delay:1.3s;}
#fullpage .container_fix .right_text ul.icons > li:nth-child(3){transition-delay:1.4s;}
#fullpage .section.animate .right_text ul.icons > li{opacity:1; transform:translate(0,0);}
#fullpage .container_fix .right_text ul.icons > li:last-child{margin-right:0;}
#fullpage .container_fix .right_text ul.icons > li > a{display:block; text-align:center;}
#fullpage .container_fix .right_text ul.icons > li > a .img_box{position:relative;}
#fullpage .container_fix .right_text ul.icons > li > a .img_box .hover_on{position:absolute; top:0; left:0; z-index:1; opacity:0; visibility:hidden; transition:all 0.3s;}
#fullpage .container_fix .right_text ul.icons > li > a .img_box:hover .hover_on{opacity:1; visibility:visible;}
#fullpage .container_fix .right_text ul.icons > li > a p{font-size:20px; color:#222222; line-height:1.2;margin-top:25px;}

@media (max-width:991px){
	#fullpage .container_fix .right_text ul.icons{justify-content:center;}
}

@media (max-width:480px){
	#fullpage .section03 .left_icon{margin-bottom:60px;}
	#fullpage .section03 .left_icon img{width:220px;}
	#fullpage .container_fix .right_text ul.icons{margin-top:50px;}
	#fullpage .container_fix .right_text ul.icons > li{margin-right:20px;}
	#fullpage .container_fix .right_text ul.icons > li > a p{font-size:15px; margin-top:15px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
4번째 섹션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#fullpage .section04{background:url('/img/section04_bg.jpg') no-repeat; background-size:cover; background-position:center;}
#fullpage .section04 .container_fix .right_text a.more_btn:hover{background:#00c5d7;}

@media (max-width:991px){
	#fullpage .section04{background:url('/img/msection04_bg.jpg') no-repeat; background-size:cover; background-position:center;}
}
@media (max-width:480px){
	#fullpage .section04 .left_icon{margin-bottom:60px}
	#fullpage .section04 .left_icon img{width:210px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
5번째 섹션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#fullpage .section05{background:url('/img/section05_bg.jpg') no-repeat; background-size:cover; background-position:center;}
#fullpage .section05 .container_fix .right_text a.more_btn:hover{background:#7165df;}
#fullpage .container_fix .right_text img.m_title_img{display:none;}
@media (max-width:991px){
	#fullpage .section05{background:url('/img/msection05_bg.jpg') no-repeat; background-size:cover; background-position:center;}
	/* #fullpage .section05 .right_text img.title_img{display:none;}
	#fullpage .container_fix .right_text img.m_title_img{display:block;} 220602 유지보수 진행하는 과정에서 모바일 이미지는 별도로 필요하지 않기에 주석처리 kyj */
}
@media (max-width:480px){
	#fullpage .container_fix .right_text img.m_title_img{width:200px;}
	#fullpage .section05 .right_text img.m_title_img{margin-bottom:60px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
6번째 섹션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#fullpage .section06 .section_title h1{display:block; text-align:center; font-size:65px; color:#222222; font-weight:600; margin-bottom:65px;
opacity:0; transition:0.7s; transform:translate(0, -50px);}
#fullpage .section06.animate .section_title h1{opacity:1; transform:translate(0,0);}
#fullpage .section06 .item_widget.miso-item{opacity:0; transition:0.7s; transform:translate(0, 50px); transition-delay:0.5s;}
#fullpage .section06.animate .item_widget.miso-item{opacity:1; transform:translate(0,0);}
.item_widget.miso-item .item-info{display:none;}
.item_widget.miso-item .item-icon{display:none;}
.item_widget.miso-item .item-list{border:0; position:relative;}
.item_widget.miso-item .loop_info{position:absolute; width:100%; height:100%; display:flex; align-items:center; z-index:1; top:0; left:0; transition:all 0.3s;  
background:rgba(52,52,52,0.3); text-align:center; flex-wrap:wrap; flex-direction:column; justify-content:center; opacity:0; visibility:hidden;}
.item_widget.miso-item .item-list:hover .loop_info{opacity:1; visibility:visible;}
.item_widget.miso-item .loop_info .item-content{width:100%; height:auto !important; padding:0; }
.item_widget.miso-item .loop_info .item-content{display:block; width:100%; }
.item_widget.miso-item .loop_info .item-content strong{font-size:24px; color:#ffffff; font-weight:bold; line-height:1.4;}
.item_widget.miso-item .loop_info .item-content .item-desc{display:none;}
.item_widget.miso-item .item_info{margin-top:15px;}
.item_widget.miso-item .item_info .dc_strike, .item_widget.miso-item .item_info .right_percent{display:none;}
.item_widget.miso-item .item_info .price{font-size:16px; color:#ffffff;}
.item_widget.miso-item .swiper_btn{position:absolute; top:calc(50% + 20.5px); left:50%; transform:translate(-50%, -50%); z-index:1; width:100%;}
.item_widget.miso-item .swiper_btn > a{display:block; top:auto; width:22px; height:41px; margin-top:0; outline:none; box-shadow:none;}
.item_widget.miso-item .swiper_btn > a.swiper-button-prev{left:-47px;}
.item_widget.miso-item .swiper_btn > a.swiper-button-next{right:-47px;}
.item_widget.miso-item .swiper_btn > a span{width:22px; height:41px; display:block; position:relative;}
.item_widget.miso-item .swiper_btn > a span::before{content:""; width:2px; height:29px; background:#666666; position:absolute; top:-4px; left:10px; transform:rotate(45deg);}
.item_widget.miso-item .swiper_btn > a span::after{content:""; width:2px; height:29px; background:#666666; position:absolute; bottom:-4px; left:10px; transform:rotate(-45deg);}
.item_widget.miso-item .swiper_btn > a.swiper-button-next span::before{transform:rotate(-45deg);}
.item_widget.miso-item .swiper_btn > a.swiper-button-next span::after{transform:rotate(45deg);}
.item_widget.miso-item .swiper_btn > a::after{display:none;}
.item_widget.miso-item .count_time{position:absolute; font-size:27px; color:#05c6d4; font-weight:bold; bottom:30px; text-align:center; width:100%;}
@media (max-width:1500px){
	.item_widget.miso-item .swiper_btn{top:calc(50% - 20.5px);}
	.item_widget.miso-item .swiper_btn > a.swiper-button-prev{left:0;}
	.item_widget.miso-item .swiper_btn > a.swiper-button-next{right:0;}
}

@media (max-width:991px){
	#fullpage .section06{border:1px solid #e7e7e7; border-left:0; border-right:0;}
	#fullpage .section06{padding:80px 0;}
}
@media (max-width:480px){
	#fullpage .section06.animate .section_title h1{font-size:40px; margin-bottom:50px;}
	.item_widget.miso-item .loop_info .item-content strong{font-size:20px;}
	.item_widget.miso-item .swiper_btn{position:relative; left:auto; transform:translate(0); top:auto; width:70px; margin:30px auto 0;}
	.item_widget.miso-item .swiper_btn > a{width:15px; height:28px;}
	.item_widget.miso-item .swiper_btn > a span{width:15px; height:28px;}
	.item_widget.miso-item .swiper_btn > a span::before{width:1px; height:19px; top:-2px; left:7px;}
	.item_widget.miso-item .swiper_btn > a span::after{width:1px; height:19px; bottom:-2px; left:7px;}
	.item_widget.miso-item .count_time{font-size:18px; bottom:10px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
7번째 섹션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#fullpage .section07{}
#fullpage .section07 .container_fix{padding:0; margin-left:auto; margin-right:0; width:1660px; display:flex; align-items:center; justify-content:space-between;}
#fullpage .section07 .left_info{width:calc(100% - 60.241%);}
#fullpage .section07 .left_info h1{font-size:65px; color:#222222; font-weight:600; line-height:1.2; margin-bottom:65px; 
opacity:0; transition:0.7s; transform:translate(0, -50px);}
#fullpage .section07.animate .left_info h1{opacity:1; transform:translate(0, 0);}
#fullpage .section07 .left_info .text{margin-bottom:35px; display:flex; align-items:center; width:100%; opacity:0; transition:0.7s; transition-delay:0.5s; transform:translate(0, 50px);}
#fullpage .section07 .left_info .text:nth-child(2){transition-delay:0.6s;}
#fullpage .section07 .left_info .text:nth-child(3){transition-delay:0.7s;}
#fullpage .section07 .left_info .text:last-child{margin-bottom:0;}
#fullpage .section07.animate .left_info .text{opacity:1; transform:translate(0, 0);}
#fullpage .section07 .left_info .text .left_text{width:28px; color:#01bcd0; font-weight:600; font-size:17px;}
#fullpage .section07 .left_info .text .right_text{width:calc(100% - 28px); position:relative; top:-3px;}
#fullpage .section07 .left_info .text .right_text, #fullpage .section07 .left_info .text .right_text a{font-size:17px; color:#222222; font-weight:300;}
#fullpage .section07 .left_info .text:last-child .right_text{top:0;}
#fullpage .section07 .right_map{width:60.241%; opacity:0; transition:0.7s; transition-delay:1.0s; transform:translate(50px, 0);}
#fullpage .section07.animate .right_map{opacity:1; transform:translate(0, 0);}
#fullpage .section07 .right_map .map_wrap{position: relative; width: 100%; padding-bottom:100vh;}
#fullpage .section07 .right_map .map_wrap::before{content:""; width:100%; height:160px; top:0; z-index:1; background:#fff; position:absolute; top:0;}
#fullpage .section07 .right_map .map_wrap > iframe {position:absolute; width:100% !important; height: 100% !important;}

@media (min-width:1950px){
	#fullpage .section07 .container_fix{padding:0 15px; margin:0 auto; width:1430px;}
}
@media (max-width:1700px){
	#fullpage .section07 .left_info{padding-left:15px;}
}
@media (max-width:1500px){
	#fullpage .section07 .left_info{width:50%;}
	#fullpage .section07 .right_map{width:50%;}
	#fullpage .section07 .left_info .text .right_text, #fullpage .section07 .left_info .text .right_text a{line-height:1.4;}
}

@media (max-width:991px){
	#fullpage .section07 .right_map .map_wrap::before{display:none;}
	#fullpage .section07 .container_fix{width:100%; display:block;}
	#fullpage .section07 .left_info{width:100%; text-align:center; display:flex; height:50vh; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 15px;}
	#fullpage .section07 .left_info h1{width:100%; margin-bottom:30px;}
	#fullpage .section07 .left_info .com_info{width:100%;}
	#fullpage .section07 .right_map{width:100%;}
	#fullpage .section07 .right_map .map_wrap{padding-bottom:50vh;}
	#fullpage .section07 .left_info .text{margin:0 auto 30px; text-align:center; display:block;}
	#fullpage .section07 .left_info .text > div{display:inline-block; margin-left:5px;}
	#fullpage .section07 .left_info .text .left_text{width:auto; line-height:1.4;}
	#fullpage .section07 .left_info .text .right_text{width:auto; top:0; word-break:keep-all;}
}

@media (max-width:991px){
	#fullpage .section07 .left_info h1{font-size:40px;}
	#fullpage .section07 .left_info .text{margin-bottom:15px;}
	#fullpage .section07 .left_info .text .left_text{font-size:16px;}
	#fullpage .section07 .left_info .text .right_text{font-size:16px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
좌측 스크롤바
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.responsive #fp-nav.fp-left{left:50px;}
.responsive #fp-nav ul li{width:10px; height:10px; margin:0; margin-bottom:30px;}
.responsive #fp-nav ul li:last-child{margin-bottom:0; display:none;}
.responsive #fp-nav ul li a span, .responsive #fp-nav ul li:hover a span, 
.responsive .fp-slidesNav ul li:hover a span{width:10px; height:10px; transform:translate(-50%, -50%); margin:0; background:#dadada; transition:none;}
.responsive #fp-nav ul li a.active span, .responsive .fp-slidesNav ul li a.active span, 
.responsive #fp-nav ul li:hover a.active span, .responsive .fp-slidesNav ul li:hover a.active span{width:10px; height:10px; margin:0; background:#01bcd0;}
.responsive #fp-nav ul li .fp-sr-only{clip:auto; overflow:visible; width:auto !important; height:auto !important; background:none !important; transform:translateY(-50%) !important;
left:25px !important; font-family:'GmarketSans', sans-serif; color:#787878; font-size:14px; font-weight:500; top:68%;}
.responsive #fp-nav ul li a.active .fp-sr-only{color:#01bcd0; font-weight:600;}
@media (max-width:1800px){
	.responsive #fp-nav.fp-left{left:30px;}
	.responsive #fp-nav ul li .fp-sr-only{}
}
@media (max-width:1500px){
	.responsive #fp-nav ul li .fp-sr-only{display:none;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터
html > page > footer
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{background:#f8f9fa; position:relative;}
footer.footer.sub_footer{margin-top:100px;}
footer.footer .footer_container{display:flex; padding:40px 15px 30px; width:1750px; max-width:100%; margin:0 auto;}
footer.footer .left_logo{width:133px;}
footer.footer .right_info{width:calc(100% - 133px);}
footer.footer .right_info ul.info_ul{display:flex;}
footer.footer .right_info ul.info_ul > li{margin-right:12px; position:relative;}
footer.footer .right_info ul.info_ul > li:last-child{margin-right:0;}
footer.footer .right_info ul.info_ul > li::after{content:""; width:1px; height:17px; position:absolute; right:-8px; top:4px; background:#999999;}
footer.footer .right_info ul.info_ul > li:last-child::after{display:none;}
footer.footer .right_info ul.info_ul:nth-child(3) > li:nth-child(2)::after{content:'/'; background:none; width:auto; right:-10px; height:auto; top:0px; }
footer.footer .right_info ul.info_ul > li, footer.footer .right_info ul.info_ul > li a, footer.footer .right_info h4{font-size:15px; color:#888888; line-height:1.6;}
footer.footer .topbtn{display:block; width:50px; height:50px; background:#01bcd0; border-radius:50%; position:absolute; right:30px; bottom:30px; display:flex;
align-items:center; justify-content:center;}
footer.footer .topbtn span.arrow{display:block; width:20px; height:13px; position:relative;}
footer.footer .topbtn span.arrow::before{content:""; width:3px; height:11px; position:absolute; top:0; left:5.5px; background:#fff; transform:rotate(45deg);}
footer.footer .topbtn span.arrow::after{content:""; width:3px; height:11px; position:absolute; top:0; right:5px; background:#fff; transform:rotate(-45deg);}

@media (max-width:991px){
	footer.footer .footer_container{display:block;}
	footer.footer .left_logo img{}
	footer.footer .left_logo{margin:0 auto 30px; text-align:center;}
	footer.footer .right_info{width:100%; text-align:center;}
	footer.footer .right_info ul.info_ul{display:block;}
	footer.footer .right_info ul.info_ul > li{display:inline-block;}
	footer.footer .right_info ul.info_ul:nth-child(2) > li:nth-child(1){margin-right:0;}
	footer.footer .right_info ul.info_ul:nth-child(2) > li:nth-child(1)::after{display:none;}
	footer.footer .right_info ul.info_ul:nth-child(3) > li:nth-child(2)::after, footer.footer .right_info ul.info_ul:nth-child(3) > li:nth-child(3)::after{display:none;}
	footer.footer .topbtn{width:44px; height:44px; right:20px; bottom:auto; top:-22px;}
}
@media (max-width:480px){
    footer.footer.sub_footer{margin-top:60px;}
	footer.footer .footer_container{padding:28px 5px;}
	footer.footer .left_logo{margin-bottom:20px;}
	footer.footer .left_logo img{width:60px;}
	footer.footer .right_info ul.info_ul > li, footer.footer .right_info ul.info_ul > li a, footer.footer .right_info h4{font-size:13px; letter-spacing:-0.5px; line-height:1.7;}
	footer.footer .right_info ul.info_ul > li{margin-right:5px;}
	footer.footer .right_info ul.info_ul > li::after{right:-6px; height:14px;}
}

/* 
220613 유지보수 kyj */
.mc01_visual .swiper-slide > .visual_content .img_box_pc{opacity: 1; transform: scale(1, 1);}
.mc01_visual .swiper-slide > .visual_content .img_box_mob{opacity: 1; transform: scale(1, 1);}
.mc01_visual .swiper-slide > .visual_content .text_box h1, .mc01_visual .swiper-slide > .visual_content .text_box p,
.mc01_visual .swiper-slide > .visual_content .text_box a{opacity:1; transform:translate(0, 0);}
#fullpage .section .left_icon img{opacity:1; transform:translate(0, 0);}
#fullpage .section .right_text img.title_img, #fullpage .section .right_text img.m_title_img , #fullpage .section .right_text h5.title_h5, 
#fullpage .section .right_text p.title_p, #fullpage .section .right_text .more_btn_box{opacity:1; transform:translate(0, 0);}
#fullpage .section06 .section_title h1{opacity:1; transform:translate(0,0);}
#fullpage .section06 .item_widget.miso-item{opacity:1; transform:translate(0,0);}
#fullpage .section07 .left_info h1{opacity:1; transform:translate(0, 0);}
#fullpage .section07 .left_info .text{opacity:1; transform:translate(0, 0);}
#fullpage .section07 .right_map{opacity:1; transform:translate(0, 0);}
#fullpage .section .right_text ul.icons > li{opacity:1; transform:translate(0,0);}

@media (max-width:991px){
	header.header .header_container > nav{display:block; position:absolute; left:90px;width:100%;}
	header.header .header_menu > ul > li{margin-right:5px;}
	header.header .header_menu > ul > li > a span{font-size:13px;}
}
@media (max-width:480px){
	header.header .header_container > nav {left:60px;}
}