@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:1200px;}
.container_img img{display:block;}
.mobile_href{cursor:default;}
.at-wrapper{padding-top:80px;}
@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){
	.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{position:fixed; top:0; left:0; width:100%; z-index:10; background:#fff;}
header.header .container_fix{display:table; }
header.header .container_fix > div, header.header .container_fix > nav{display:table-cell; vertical-align:middle;}
header.header .header_logo{width:193px;}
header.header .header_nav{text-align:center;}
header.header .header_nav ul.header_menu{}
header.header .header_nav ul.header_menu > li{display:inline-block; vertical-align:top; margin-right:65px;}
header.header .header_nav ul.header_menu > li:last-child{margin-right:0;}
header.header .header_nav ul.header_menu > li > a{display:block; font-size:20px; color:#111111; height:80px; line-height:80px; transition:all 0.2s;}
header.header .header_nav ul.header_menu > li > a:hover{color:#ea5414;}
header.header .header_nav ul.header_menu > li > a span{position:relative;}
header.header .header_nav ul.header_menu > li > a span::after{content:""; display:block; transition:all 0.2s; width:0; height:1px; background:#f7cabf; 
position:absolute; left:50%; transform:translateX(-50%); bottom:-1px;}
header.header .header_nav ul.header_menu > li > a:hover span::after{width:100%;}
header.header .header_nav ul.header_menu > li .menu_1div{display:none;}
header.header .header_all{width:18px;}
header.header .header_all .m_call_btn, header.header .header_all .m_kakao_btn{display:none;}
header.header .header_all > a.all_menu_btn{width:18px; height:16px; display:block; position:relative;}
header.header .header_all > a.all_menu_btn > span{display:block; width:100%; height:2px; background:#111111; position:absolute; top:0;}
header.header .header_all > a.all_menu_btn > span:nth-child(2){top:7px;}
header.header .header_all > a.all_menu_btn > span:nth-child(3){top:14px;}
.all_menu{position:fixed; width:480px; right:-480px; transition:all 0.5s; background:#fff; z-index:12; top:0; height:100vh; padding:130px 80px 0 70px; opacity:0; visibility:hidden;}
.all_menu.active{right:0; opacity:1; visibility:visible;}
.all_menu_bg{position:fixed; width:100%; height:100%; z-index:11; background:rgba(17,17,17,0.25); opacity:0; visibility:hidden; transition:all 0.3s;}
.all_menu_bg.active{opacity:1; visibility:visible;}
.all_menu a.all_menu_close{position:absolute; top:20px; right:60px; width:19px; height:19px; display:block;}
.all_menu a.all_menu_close span.line{width:2px; height:22px; background:#111111; position:absolute; transform:rotate(-45deg); top:-2px; left:8px;}
.all_menu a.all_menu_close span.line:nth-child(2){transform:rotate(45deg);}
.all_menu ul.all_menu_ul{}
.all_menu ul.all_menu_ul > li{margin-bottom:45px;}
.all_menu ul.all_menu_ul > li:last-child{margin-bottom:0;}
.all_menu ul.all_menu_ul > li > a{display:inline-block; font-size:26px; color:#111111; font-weight:500; transition:all 0.2s; position:relative;}
.all_menu ul.all_menu_ul > li > a::after{content:""; width:7px; height:7px; border-radius:50%; background:#fff; position:absolute; top:5px; right:-28px; transition:all 0.2s;}
.all_menu ul.all_menu_ul > li > a:hover{color:#ea5414;}
.all_menu ul.all_menu_ul > li > a:hover::after{right:-14px; background:#ea5414;}
.all_menu ul.all_menu_ul > li > .all_1div{display:none;}
.all_menu .all_search_buttons{position:absolute; bottom:60px; width:330px;}
.all_menu .all_search{margin-bottom:40px;}
.all_menu .all_search .search{position:relative;}
.all_menu .all_search .search input{display:block; width:100%; padding-bottom:20px; font-size:18px; color:#111; border:0; outline:none; box-shadow:none;
border-bottom:2px solid #000000; padding-right:40px;}
.all_menu .all_search .search input::placeholder{color:#a6a6a6}
.all_menu .all_search .search button{position:absolute; width:28px; height:20px; background:none; outline:none; box-shadow:none; border:0; right:0; top:0;}
.all_menu .all_search .search button span.circle{position:absolute; width:22px; height:22px; border-radius:50%; border:2px solid #000000; top:0; left:0;}
.all_menu .all_search .search button span.line{position:absolute; width:2px; height:10px; background:#000000; right:3px; bottom:-2px; transform:rotate(-60deg);}
.all_menu .all_buttons{}
.all_menu .all_buttons > a{display:block; text-align:center; margin-bottom:20px; background:#f6f6f6; overflow:hidden; border-radius:5px; padding:32px 0; transition:all 0.2s;}
.all_menu .all_buttons > a:last-child{margin-bottom:0;}
.all_menu .all_buttons > a span{display:block; transition:all 0.2s;}
.all_menu .all_buttons > a > span.s_text{font-size:17px; color:#666666; width:100%; margin-bottom:15px;}
.all_menu .all_buttons > a > span.os{font-size:30px; color:#111111; font-weight:700;}
.all_menu .all_buttons > a span.text{font-size:22px; color:#111111; font-weight:500; display:inline-block; margin-left:10px;}
.all_menu .all_buttons > a img{position:relative; top:-5px;}
.all_menu .all_buttons > a:hover{background:#ea5414}
.all_menu .all_buttons > a:hover span{color:#fff;}

@media (max-width:991px){
	header.header .container_fix{display:flex; justify-content:space-between; align-items:center; padding:20px 15px;}
	header.header .container_fix > nav{display:none;}
	header.header .container_fix > div{display:block;}
	header.header .header_all .m_call_btn, header.header .header_all .m_kakao_btn{display:block;}
	header.header .container_fix > .header_all{width:auto; display:flex; align-items:center;}
	header.header .container_fix > .header_all > a{margin-right:30px;}
	header.header .container_fix > .header_all > a:last-child{margin-right:0;}
	header.header .container_fix > .header_all > a.m_call_btn img, header.header .container_fix > .header_all > a.m_kakao_btn img{height:30px;}
	header.header .header_all > a.all_menu_btn{width:24px; height:20px;}
	header.header .header_all > a.all_menu_btn > span{height:1px;}
	header.header .header_all > a.all_menu_btn > span:nth-child(2){top:10px;}
	header.header .header_all > a.all_menu_btn > span:nth-child(3){top:19px;}

	.all_menu{padding:80px 40px;}
	.all_menu a.all_menu_close{right:15px;}
	.all_menu .all_search_buttons{bottom:80px; width:400px;}	
}
@media (max-width:768px){
	header.header .container_fix{padding:15px;}
	header.header .header_logo img{width:160px;}
	header.header .container_fix > .header_all > a{margin-right:20px;}
	header.header .container_fix > .header_all > a.m_call_btn img, header.header .container_fix > .header_all > a.m_kakao_btn img{height:25px;}
}
@media (max-width:480px){
	header.header .header_logo img{width:120px;}
	header.header .container_fix > .header_all > a{margin-right:18px;}
	header.header .container_fix > .header_all > a.m_call_btn img{height:22px;}
	header.header .container_fix > .header_all > a.m_kakao_btn img{height:22px;}
	header.header .header_all > a.all_menu_btn{width:22px; height:16px;}
	header.header .header_all > a.all_menu_btn > span{height:1px;}
	header.header .header_all > a.all_menu_btn > span:nth-child(2){top:7px;}
	header.header .header_all > a.all_menu_btn > span:nth-child(3){top:15px;}

	.all_menu{width:100%; padding:80px 15px; right:-100%;}
	.all_menu ul.all_menu_ul > li{margin-bottom:30px;}
	.all_menu ul.all_menu_ul > li > a{font-size:22px;}
	.all_menu ul.all_menu_ul > li > a::after{width:5px; height:5px; top:4px; right:-20px;}
	.all_menu ul.all_menu_ul > li > a:hover::after{right:-10px;;}
	.all_menu .all_search_buttons{bottom:50px; width:calc(100% - 30px);}
	.all_menu .all_search{margin-bottom:30px;}
	.all_menu .all_search .search input{padding-bottom:10px; font-size:15px; border-bottom:1px solid #000000; padding-right:30px;}
	.all_menu .all_search .search input::placeholder{color:#a6a6a6}
	.all_menu .all_search .search button{width:22px; height:16px; }
	.all_menu .all_search .search button span.circle{width:16px; height:16px; border:1px solid #000000;}
	.all_menu .all_search .search button span.line{width:1px; height:7px; right:4px; bottom:-1px;}
	.all_menu .all_buttons > a{margin-bottom:15px; border-radius:3px; padding:25px 0;}
	.all_menu .all_buttons > a > span.s_text{font-size:14px; margin-bottom:10px;}
	.all_menu .all_buttons > a > span.os{font-size:24px;}
	.all_menu .all_buttons > a span.text{font-size:18px; margin-left:5px;}
	.all_menu .all_buttons > a img{width:24px; top:-3px;}
}

@media (max-width:480px){
	.all_menu .all_search_buttons{/* bottom:120px; */ bottom:20px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 첫번째 html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section_wrap{padding-top:100px;}
.section01{margin-bottom:130px;}
.section01 .common_text{margin-bottom:45px; text-align:center;}
.section01 .common_text h1{font-size:55px; color:#111111; font-weight:600; line-height:1.4;}
.section01 .common_text h1 span.point_color{color:#ec5718;}
.section01 .section01_btn{margin-bottom:80px; text-align:center;}
.section01 .section01_btn > a{display:inline-block; width:220px; height:58px; line-height:58px; border-radius:29px; border:2px solid #ec5718; background:#ec5718; color:#fff;
outline:none; box-shadow:none; font-size:20px; font-weight:500;}
.section01 .section01_btn > a.change_href{color:#111111; background:#fff; border-color:#111111; margin-left:16px;}
.section01 .section01_content{width:685px; margin:0 auto;}
.section01 .service_widget{margin-bottom:30px;}
.section01 .service_widget .gallery_wrap{}
.section01 .service_widget .img_wrap{}
.section01 .service_widget .img_wrap > a{position:relative; border:1px solid #dddddd; border-radius:10px; overflow:hidden; box-shadow:0 17px 26px 0 rgba(0,0,0,0.22);}
.section01 .service_widget .img_wrap > a::before{content:""; width:100%; height:100%; position:absolute; z-index:2; border:2px solid #ec5718; border-radius:10px;
opacity:0; visibility:hidden; transition:all 0.2s;}
.section01 .service_widget .img_wrap > a .img_box img{width:100%;}
.section01 .service_widget .img_wrap > a .text_box{position:absolute; width:100%; bottom:15px; text-align:center;}
.section01 .service_widget .img_wrap > a .text_box h5{font-size:18px; font-weight:500; line-height:1.1; color:#111111; transition:all 0.2s;}
.section01 .service_widget .img_wrap > a .text_box h5 span.small_font{font-size:14px; font-weight:400; font-family:'GongGothic', sans-serif;}
.section01 .service_widget .img_wrap > a:hover::before{opacity:1; visibility:visible;}
.section01 .service_widget .img_wrap > a:hover .text_box h5{color:#ec5718;}
.section01 .section01_content > a{display:block; text-align:center; font-size:16px; color:#111111; font-weight:500; border:1px solid #111111; border-radius:6px;
height:50px; line-height:48px; transition:all 0.2s;}
.section01 .section01_content > a:hover{background:#ec5718; color:#fff; border-color:#ec5718;}

@media (max-width:768px){
	.section_wrap{padding-top:80px;}
	.section01 .common_text h1{font-size:40px;}
	.section01 .section01_content{width:100%;}
}
@media (max-width:480px){
	.section_wrap{padding-top:70px;}
	.section01 .common_text{margin-bottom:30px;}
	.section01 .common_text h1{font-size:28px;}
	.section01 .section01_btn{margin-bottom:70px; display:flex;}
	.section01 .section01_btn > a{display:block; width:calc(50% - 5px); height:44px; line-height:44px; border-radius:22px; border-width:1px; font-size:16px;}
	.section01 .section01_btn > a.change_href{margin-left:10px;}
	.section01 .service_widget .img_wrap > a{box-shadow:0 20px 45px 0 rgba(0,0,0,0.18); border-radius:5px;}
	.section01 .service_widget .img_wrap > a::before{border-width:1px; border-radius:5px;}
	.section01 .service_widget .img_wrap > a .text_box{bottom:10px;}
	.section01 .service_widget .img_wrap > a .text_box h5{font-size:16px; line-height:1.4;}
	.section01 .service_widget .img_wrap > a .text_box h5 span.small_font{font-size:13px; display:block; margin-top:0px;}
	.section01 .section01_content > a{font-size:14px; border-radius:4px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 두번째 html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section02{background:#ec5718; padding-bottom:80px;}
.section02 .section02_banner{position:relative; top:-55px; border-radius:5px; overflow:hidden; margin-bottom:25px;}
.section02 .section02_banner .text_box{position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%);}
.section02 .section02_banner .text_box h4{font-size:20px; color:#ffffff; font-weight:500; margin-bottom:15px;}
.section02 .section02_banner .text_box p{font-size:15px; color:#ffffff;}
.section02 .section02_review{}
.section02 .section02_review > h4{font-size:24px; color:#ffffff; font-weight:500; margin-bottom:30px;}
.review_widget{position:relative;}
.review_widget .gallery-container{overflow:hidden;}
.review_widget .swiper-slide{}
.review_widget .swiper-slide > a{display:block;}
.review_widget .swiper-slide > a .img_box{border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;}
.review_widget .swiper-slide > a .text_box{border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden; background:#fff; padding:30px 20px;
border:1px solid #e1e1e1; border-top:0;}
.review_widget .swiper-slide > a .text_box h5{font-size:17px; color:#111111; font-weight:500; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.2; height:1.2em; margin-bottom:15px;}
.review_widget .swiper-slide > a .text_box p{font-size:13px; color:#666666; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.6; height:4.8em; margin-bottom:10px;}
.review_widget .swiper-slide > a .text_box span.date{font-size:13px; color:#999999; display:none}
.review_widget .swiper-button{position:absolute; top:calc(50% - 20px); left:50%; transform:translate(-50%, -50%); width:100%; z-index:1;}
.review_widget .swiper-button > a{position:absolute; display:flex; justify-content:center; align-items:center; top:auto; width:40px; height:40px; margin-top:0; z-index:1; outline:none; box-shadow:none;
background:#fff; border:1px solid #cccccc; border-radius:50%;}
.review_widget .swiper-button > a::after{display:none;}
.review_widget .swiper-button > a.swiper-button-prev{left:-20px;}
.review_widget .swiper-button > a.swiper-button-next{right:-20px;}
.review_widget .swiper-button > a span.arrow{display:block; width:9px; height:16px; position:relative;}
.review_widget .swiper-button > a.swiper-button-prev span.arrow::before{content:""; width:1px; height:12px; background:#636363; position:absolute; 
top:-2px; left:4px; transform:rotate(45deg);}
.review_widget .swiper-button > a.swiper-button-prev span.arrow::after{content:""; width:1px; height:12px; background:#636363; position:absolute; 
bottom:-2px; left:4px; transform:rotate(-45deg);}
.review_widget .swiper-button > a.swiper-button-next span.arrow::before{content:""; width:1px; height:12px; background:#636363; position:absolute; 
top:-2px; left:4px; transform:rotate(-45deg);}
.review_widget .swiper-button > a.swiper-button-next span.arrow::after{content:""; width:1px; height:12px; background:#636363; position:absolute; 
bottom:-2px; left:4px;  transform:rotate(45deg);}

@media (max-width:1300px){
	.section02 .section02_banner img{width:100%;}
	.review_widget .swiper-slide > a .img_box img{width:100%;}
	.review_widget .swiper-button{top:auto; left:auto; transform:translate(0); width:100px; right:0; top:-60px;}
	.review_widget .swiper-button > a.swiper-button-prev{left:0;}
	.review_widget .swiper-button > a.swiper-button-next{right:0;}
}
@media (max-width:991px){
	.section02{padding-bottom:60px;}
}

@media (max-width:480px){
	.section02{padding-bottom:50px;}
	.section02 .section02_banner{margin-bottom:0px;}
	.section02 .section02_banner .text_box{padding:0 15px;}
	.section02 .section02_banner .text_box h4{font-size:15px; margin-bottom:10px;}
	.section02 .section02_banner .text_box p{font-size:13px; line-height:1.4;}
	.section02 .section02_review > h4{font-size:19px; margin-bottom:20px;}
	.review_widget .swiper-slide > a .img_box{border-top-left-radius:5px; border-top-right-radius:5px;}
	.review_widget .swiper-slide > a .text_box{border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:20px 10px;}
	.review_widget .swiper-slide > a .text_box h5{font-size:14px; margin-bottom:5px;}
	.review_widget .swiper-slide > a .text_box p{font-size:12px; margin-bottom:10px;}
	.review_widget .swiper-slide > a .text_box span.date{font-size:11px; }
	.review_widget .swiper-button{width:75px; top:-48px;}
	.review_widget .swiper-button > a{width:32px; height:32px;}
	.review_widget .swiper-button > a span.arrow{width:7px; height:12px;}
	.review_widget .swiper-button > a.swiper-button-prev span.arrow::before{height:8px; top:-1px; left:1px;}
	.review_widget .swiper-button > a.swiper-button-prev span.arrow::after{height:8px; bottom:-1px; left:1px; }
	.review_widget .swiper-button > a.swiper-button-next span.arrow::before{height:8px; top:-1px; left:3px; }
	.review_widget .swiper-button > a.swiper-button-next span.arrow::after{height:8px; bottom:-1px; left:3px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 세번째 html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.section03{}
.section03 .container_fix{width:1430px; display:flex; align-items:center;}
.section03 .container_fix .img_box{width:55.643%;}
.section03 .container_fix .img_box img{width:100%;}
.section03 .container_fix .text_box{width:calc(100% - 55.643%);}
.section03 .container_fix .text_box h2{font-size:32px; color:#111111; font-weight:500; line-height:1.4; margin-bottom:10px;}
.section03 .container_fix .text_box p{font-size:16px; color:#555555; line-height:1.6; margin-bottom:30px;}
.section03 .container_fix .text_box ul.section03_order{width:400px; display:flex; justify-content:space-between; position:relative;}
.section03 .container_fix .text_box ul.section03_order::before{content:""; width:90%; height:3px; background:#ea5414; position:absolute; top:21px; left:15px;}
.section03 .container_fix .text_box ul.section03_order > li{display:inline-block; text-align:center;}
.section03 .container_fix .text_box ul.section03_order > li .circle{width:42px; height:42px; background:#ea5414; border-radius:50%; display:flex; justify-content:center; align-items:center; 
position:relative; z-index:1;margin:0 auto;}
.section03 .container_fix .text_box ul.section03_order > li .circle span.sc{font-size:17px; color:#ffffff; font-weight:600;}
.section03 .container_fix .text_box ul.section03_order > li h5{font-size:15px; color:#111111; font-weight:500; margin-top:15px;}

@media (max-width:1150px){
	.section03{padding:50px 0;}
}

@media (max-width:991px){
	.section03 .container_fix{padding:0; display:flex; flex-wrap:wrap;}
	.section03 .container_fix .text_box{order:0; width:100%; margin-bottom:50px; padding:0 15px; text-align:center;}
	.section03 .container_fix .text_box p span.w_br{display:none;}
	.section03 .container_fix .text_box ul.section03_order{margin:0 auto;}
	.section03 .container_fix .img_box{order:1; width:100%;}
}

@media (max-width:480px){
	.section03 .container_fix .text_box{margin-bottom:30px; text-align:left;}
	.section03 .container_fix .text_box h2{font-size:22px; margin-bottom:10px;}
	.section03 .container_fix .text_box p{font-size:13px; line-height:1.6; margin-bottom:30px;}
	.section03 .container_fix .text_box ul.section03_order{width:100%;}
	.section03 .container_fix .text_box ul.section03_order::before{top:21px; left:15px;}
	.section03 .container_fix .text_box ul.section03_order > li .circle{width:44px; height:44px;}
	.section03 .container_fix .text_box ul.section03_order > li .circle span.sc{font-size:13px;}
	.section03 .container_fix .text_box ul.section03_order > li h5{font-size:13px; margin-top:15px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{margin-top:80px; border-top:1px solid #d7d7d7; padding:40px 0; position:relative;}
footer.footer.no_margin{margin-top:0;}
footer.footer .container_fix{display:flex; justify-content:space-between;}
footer.footer .left_info{}
footer.footer .left_info ul{}
footer.footer .left_info ul > li{display:inline-block; position:relative; margin-right:20px;}
footer.footer .left_info ul > li::after{content:""; width:1px; height:12px; background:#bababa; position:absolute; right:-13px; top:6px;}
footer.footer .left_info ul > li:last-child::after{display:none;}
footer.footer .left_info ul > li:nth-child(3)::after{display:none;}
footer.footer .left_info ul > li, footer.footer .left_info ul > li a, footer.footer .left_info h4{font-size:14px; color:#666666; line-height:1.8;}
footer.footer .right_info{}
footer.footer .right_info > a.tel{font-size:35px; color:#111111; font-weight:700; letter-spacing:-0.5px; margin-bottom:20px; display:inline-block;}
footer.footer .right_info > p{font-size:15px; color:#666666; margin-bottom:10px;}
footer.footer .right_info > p:last-child{margin-bottom:0;}
footer.footer a.topbtn{width:60px; height:60px; position:absolute; top:50%; transform:translateY(-50%); right:80px; background:#ebebeb; display:flex; justify-content:center;
align-items:center; border-radius:50%;}
footer.footer a.topbtn > span.arrow{position:relative; width:16px; height:10px; display:block;}
footer.footer a.topbtn > span.arrow::before{content:""; width:1px; height:10.3px; background:#666666; position:absolute; left:4px; transform:rotate(45deg);}
footer.footer a.topbtn > span.arrow::after{content:""; width:1px; height:10.3px; background:#666666; position:absolute; right:4px; transform:rotate(-45deg);}
@media (max-width:1800px){
	footer.footer a.topbtn{position:fixed; z-index:5; bottom:20px; width:94px; height:94px; transform:translateY(0); top:auto; right:60px;
	box-shadow:0 15px 25px 0 rgba(0,0,0,0.15); opacity:0; visibility:hidden; transition:all 0.5s;}
	footer.footer a.topbtn.active{opacity:1; visibility:visible; }
}
@media (max-width:991px){
	footer.footer{padding:30px 0;}
	footer.footer .container_fix{display:block;}
	footer.footer .left_info{margin-bottom:30px;}
	footer.footer a.topbtn{right:15px; bottom:30px; width:60px; height:60px;}
}
@media (max-width:600px){
	footer.footer .left_info ul > li:nth-child(2)::after{display:none;}
	footer.footer .left_info ul > li:nth-child(6)::after{display:none;}
}
@media (max-width:480px){
	footer.footer{margin-top:50px; padding:20px 0;}
	footer.footer .left_info{margin-bottom:15px;}
	footer.footer .left_info ul > li{margin-right:15px;}
	footer.footer .left_info ul > li::after{height:10px; right:-10px; top:7px;}
	footer.footer .left_info ul > li, footer.footer .left_info ul > li a, footer.footer .left_info h4{font-size:13px;}
	footer.footer .left_info h4{white-space:nowrap;}
	footer.footer .right_info > a.tel{font-size:30px; margin-bottom:10px;}
	footer.footer .right_info > p{font-size:13px; margin-bottom:10px;}
	footer.footer a.topbtn{width:46px; height:46px; box-shadow:none;}
	footer.footer a.topbtn > span.arrow{width:12px; height:8px;}
	footer.footer a.topbtn > span.arrow::before{height:8px; left:3px;}
	footer.footer a.topbtn > span.arrow::after{ height:8px; right:3px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
윙 버튼 
html > thema > fivesense-basic > wing.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.wing_wrap{position:fixed; z-index:5; left:50%; transform:translateX(-50%); padding:0 15px; width:1510px; max-width:100%; bottom:20px;
text-align:right; pointer-events:none; touch-action:none;}
.wing_wrap .wing_buttons{width:94px; margin-right:0; margin-left:auto;}
.wing_wrap .wing_buttons > li{margin-bottom:20px;}
.wing_wrap .wing_buttons > li:last-child{margin-bottom:0;}
.wing_wrap .wing_buttons > li > a{display:flex; flex-direction:column; justify-content:center; align-items:center; pointer-events:auto; touch-action:auto;
border-radius:50%; width:94px; height:94px; font-weight:600; background:#ec5718; color:#fff; box-shadow:0 15px 25px 0 rgba(0,0,0,0.15);}
.wing_wrap .wing_buttons > li > a span.icon{margin-bottom:13px;}
.wing_wrap .wing_buttons > li.kakao > a{background:#ffda2c; color:#3a2020;}
.wing_wrap .wing_buttons > li.kakao > a span.icon{margin-bottom:10px;}

@media (max-width:1800px){
	.wing_wrap{bottom:134px; width:auto; padding:0; right:60px; transform:translateX(0); left:auto;}
}

@media (max-width:991px){
	.wing_wrap{display:none;}
}

/* 220411 kyj 유지보수 */
.section01 .service_widget .img_wrap > a .text_box{position:unset;padding:0 0 10px}
.section01 .service_widget .img_wrap > a .text_box h5{font-size:16px; line-height: 1.1;}

@media(max-width:991px){
	.section01 .service_widget .img_wrap > a .text_box{height:38px;padding:0 1px 1px}
	.section01 .service_widget .img_wrap > a .text_box h5{font-size:12px; word-break: keep-all;}	
}