@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:1230px;}
.container_img img{display:block;}
@media (min-width:1950px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width::1850px){
	.container_img img{width:100%; margin:0 auto;}
}
/*********************************************************************
	탑배너. html > page > top_banner.php
*********************************************************************/
.sub_text{margin:0; padding:58px 0 54px}
@media (max-width:991px){
	.sub_text.ca_it_mb{padding:0}
}
@media (max-width:768px){
	.sub_text{padding:50px 0 30px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{}
header.header .header_pc{display:block; position:fixed; top:0; left:0; width:100%; z-index:10; background:#fff;}
header.header .header_mobile{display:none;}
header.header .container_fix{max-width:1850px; display:table;}
header.header .container_fix::before, header.header .container_fix::after{content:""; display:block; clear:both; display:none;}
header.header .left_logo{float:left; line-height:75px; width:62%;}
header.header .left_logo img {object-fit:contain; height:45px; width:auto;}
header.header .right_menu{float:right; display:flex; align-items: center;}
header.header .right_menu > div, header.header .right_menu > ul{display:table-cell; vertical-align:middle;}
header.header .right_menu > ul.menu_ul{padding-right:30px; position: relative; margin-left: 20px;}
header.header .right_menu > ul.menu_ul::after {content:""; background:#e1e1e1; width: 1px; height: 38px; display: block; position: absolute; right: 14px; top:50%; transform: translateY(-50%);}
header.header .right_menu > ul.menu_ul > li{display:inline-block; vertical-align:top; position:relative;}
header.header .right_menu > ul.menu_ul > li > a{font-size:19px; color:#222222; line-height:75px; display:block; font-weight:400; padding:0 19px;
transition:all 0.2s ease-in-out; position:relative; z-index:1;}
header.header .right_menu > ul.menu_ul > li > a::before{content:""; width:100%; height:0; background:#222; position:absolute;
left:0; top:0; z-index:0; transition:all 0.2s ease 0s; opacity:0;}
header.header .right_menu > ul.menu_ul > li:hover > a{color:#fff; animation-delay:0.2s;}
header.header .right_menu > ul.menu_ul > li:hover > a::before{height:70px; opacity:1;}
header.header .right_menu > ul.menu_ul > li > a > span{z-index:1; position:relative;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div{position:absolute; top:50px; left:0; padding:10px 18px;
width:150px; background:#222; transition:all 0.2s ease-in-out;  visibility: hidden; opacity:0; z-index:1;}
header.header .right_menu > ul.menu_ul > li:hover > .menu_sub1_div{top:70px; opacity:1; visibility: visible;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li a{font-size:14px; color:#eee; padding:8px 0; display:block;line-height:1.2;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li a:hover{color:#fff;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li a span {word-break: keep-all;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li .menu_sub2_div{display:none;}
header.header .right_menu > div.notice{width:425px; padding-left:30px; overflow:hidden; position:relative;}
header.header .right_menu > div.notice::before{content:""; width:1px; height:35px; background:#d7d7d7; position:absolute; left:0; top:35px;}
header.header .right_menu > div.notice::after{content:""; width:1px; height:35px; background:#d7d7d7; position:absolute; right:0; top:35px;}
header.header .right_menu > div.notice .left_title{float:left; width:90px; font-size:17px; color:#222222; font-weight:600;}
header.header .right_menu > div.notice .right_notice{float:left; width:calc(100% - 90px);}
header.header .right_menu > div.notice .post-wrap{margin:0; height:17px;}
header.header .right_menu > div.notice .post-wrap .post-list{line-height:17px; position:relative;}
header.header .right_menu > div.notice .post-wrap .post-list a{color:#666; font-size:16px;}
header.header .right_menu > div.notice .post-wrap .post-list a .wr-icon{display:none;}
header.header .right_menu > div.header_menu_btn{padding-left:30px; line-height: 75px;}
header.header .right_menu .sponsor_btn {color:#fff; font-size: 17px; font-weight: 600; background-color: #222222; padding: 7.5px 13px; display: inline-block; border-radius:5px;}
header.header .right_menu a + a {margin-left:10px;}

/* 헤더 다국어 */
header.header .lang_box {cursor: pointer; position: relative; margin:0 35px;}
header.header .lang_box .lang_ul {display:none; position: absolute; background-color: #fff; box-shadow: 3px 3px 32px 0px rgba(34, 34, 34, 0.15); padding:5px; top:45px; left: 50%; transform: translateX(-50%);}
header.header .lang_box .lang_ul li a {font-size:15px; color:#222222; display: inline-block; padding: 14.5px 17px; width: max-content; transition: 0.2s;}
header.header .lang_box .lang_ul li a:hover { background-color:#222;  color:#fff; font-weight: 500;}

/* 헤더서치 */
header.header .search_btn {cursor: pointer;}
header.header .header_search {position: absolute; visibility: hidden; opacity: 0; top:0; left: 0; z-index: 30; width: 100%; padding: 85px 30px 76px; background-color: #fff; transition: 0.2s;}
header.header .header_search.active {opacity: 1; visibility: visible;}
header.header .header_search .search_box {text-align: center;}
header.header .header_search .title {font-size: 32px; color:#222222; margin-bottom: 18px;}
header.header .header_search .text {font-size: 18px; color:#666666; margin-bottom: 11px;}
header.header .header_search .search_input {position: relative; max-width: 600px; margin: 0 auto;}
header.header .header_search .search_input .btn_search{position:absolute; top:5px; right:0; width:62px; height:56px; border:0; background-color:transparent}
header.header .header_search .search_input .btn_search::before, header.header .header_search .search_input .btn_search::after{content:''; position:absolute}
header.header .header_search .search_input input {width: 100%; outline: none; border:none; border-bottom: 1px solid #e1e1e1; font-size: 20px; padding:20px;}
header.header .header_search .search_input .btn_search::before{top:12px; left:20px; width:20px; height:20px; border:1px solid #222222; border-radius:50%}
header.header .header_search .search_input .btn_search::after{top:26px; left:41px; width:1px; height:11px; background-color:#222222; transform:rotate(-50deg)}
header.header .header_search .btn_close{display:block; position:absolute; top:60px; right:60px; width:22px; height:22px; cursor:pointer}
header.header .header_search .btn_close::before, header.header .header_search .btn_close::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:1px; height:30px; margin:auto; background-color:#222}
header.header .header_search .btn_close::before{transform:rotate(-45deg)}
header.header .header_search .btn_close::after{transform:rotate(45deg)}

.all_menu_box{width:100%; position:fixed; top:0; left:0; opacity:0; z-index:11; height:0; visibility:hidden; background:#fff; 
transform-origin:top; transition:all 0.5s ease;}
.all_menu_box::before{content:""; width:100%; height:100vh; position:absolute; top:0; left:0; background:#fff; opacity:0; transition:all 0.3s ease;}
.all_menu_box.active::before{opacity:1;}
.all_menu_box.active{opacity:1; height:100vh; visibility:visible;}
.all_menu_bg{position:fixed; z-index:10; width:100%; height:100%; top:0; left:0; background:rgba(27,27,27,0.6); display:none;}
.all_menu_box .all_menu_header{}
.all_menu_box .all_menu_header .container_fix{display:flex; justify-content: space-between;}
.all_menu_box .all_menu_header .container_fix > a, 
.all_menu_box .all_menu_header .container_fix > .all_menu_logo{display:table-cell; vertical-align:middle;}
.all_menu_box .all_menu_header a.all_logo{line-height:100px;}
.all_menu_box .all_menu_header a.all_logo img {height:44px;}
.all_menu_box .all_menu_header .m_right{padding-top: 40px;}
.all_menu_box .all_menu_header a.all_menu_close{width:auto;}
.all_menu_box .all_menu_body{padding:130px 0; position:relative; top:-60px; transition:all 0.5s ease; opacity:0;}
.all_menu_box.active .all_menu_body{top:0; opacity:1;}
.all_menu_box .all_menu_body .all_menu_line{position:absolute; width:100%; left:50%; transform:translateX(-50%); top:302px; z-index:1;
height:1px; background:#d7d7d7;}
.all_menu_box .all_menu_body ul.all_menu_ul{display:flex; width:100%; justify-content: stretch;}
.all_menu_box .all_menu_body ul.all_menu_ul > li{ min-height:600px; padding:100px 0 50px 60px; transition:all 0.2s ease-in-out; position:relative; width: 100%;}
.all_menu_box .all_menu_body ul.all_menu_ul > li::before{content:""; width:100%; height:1px; background:#d7d7d7; position:absolute; left:0; top:201px; display: none;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover::before{z-index:2;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover{background:#222;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:36px; color:#222222; font-weight:400; display:block;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > a{color:#fff;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{padding-top:70px; display:block;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:18px; color:#999999; line-height:40px; transition: .2s; font-family: "Noto Sans KR", sans-serif !important;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div{display:none;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a{color:#999999;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a:hover{color:#ffffff;}
.all_menu_box .mobile_notice{display:none;}
.at-wrapper{padding-top:75px;}

@media (max-width:1500px){
	/* header.header .left_logo img{width:120px; object-fit:contain} */
	header.header .right_menu > ul.menu_ul{padding-right:5px;}
	header.header .right_menu > ul.menu_ul > li > a{padding:0 10px;}
	header.header .right_menu > div.notice{width:315px; padding-left:15px;}
	header.header .right_menu > div.notice .left_title{width:70px;}
	header.header .right_menu > div.notice .right_notice{width:calc(100% - 70px);}
	header.header .right_menu > div.header_menu_btn{padding-left:15px;}
	.all_menu_box .all_menu_body{padding:50px 0;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:30px 0 30px 30px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li::before{top:100px;}
	.all_menu_box .all_menu_body .all_menu_line {top:150px;}
	header.header .container_fix::before, header.header .container_fix::after {display:none;}
	header.header .right_menu > ul.menu_ul::after {display:none;}
}

@media (max-width:991px){
	header.header .header_pc{display:none;}
	header.header .header_mobile{display:block; position:fixed; width:100%; z-index:10; background:#fff;}
	header.header .container_fix{width:100%; display:flex; align-items: center;}
	.all_menu_box .all_menu_header .container_fix {display: flex; justify-content: space-between;}
	header.header .header_mobile .m_menu{position:absolute; right:15px; display:inline-block; width:17px; height:16px;}
	header.header .header_mobile .m_menu span {width:100%; height:2px; border-radius:8px; background:#000000; position:absolute; left:0; display:block;}
	header.header .header_mobile .m_menu span:nth-child(1) {top:0;}
	header.header .header_mobile .m_menu span:nth-child(2) {top:50%; transform:translateY(-50%)}
	header.header .header_mobile .m_menu span:nth-child(3) {bottom:0;}
	.all_menu_box .mobile_notice{display:block; position:fixed; bottom:0; right:0; width:500px; padding:15px 30px; overflow:hidden;
	background:#222; right:-500px; opacity:0; transition:all 0.5s ease;}
	.all_menu_box.active .mobile_notice{right:0; opacity:1;}
	.all_menu_box .mobile_notice .left_title{float:left; width:70px; font-size:14px; line-height:17px; color:#fff; font-weight:600;}
	.all_menu_box .mobile_notice .right_notice{float:left; width:calc(100% - 70px);}
	.all_menu_box .mobile_notice .post-wrap{margin:0; height:17px;}
	.all_menu_box .mobile_notice .post-wrap .post-list{line-height:17px; position:relative;}
	.all_menu_box .mobile_notice .post-wrap .post-list a{color:#fff; font-size:12px;}
	.all_menu_box .mobile_notice .post-wrap .post-list a .wr-icon{display:none;}
	.at-wrapper{padding-top:80px;}
	
	.all_menu_box .all_menu_body .all_menu_line,
	.all_menu_box .all_menu_body ul.all_menu_ul > li::before{display:none;}
	
	.all_menu_box{position:fixed; width:500px; left:auto; right:-500px; transition:all 0.5s ease; opacity:0; visibility:hidden; height:100vh; background:#fff;}
	.all_menu_box.active{right:0; opacity:1; visibility:visible; background:#fff;}
	.all_menu_box::before{display:none;}
	.all_menu_box .all_menu_header{border-bottom:1px solid #d2d2d2;}
	.all_menu_box .all_menu_header a.all_logo{line-height:normal;}
	.all_menu_box .all_menu_header .m_right {display: flex; align-items: center; padding: 0;}
	header.header .lang_box {margin:0 15px;}
	header.header .lang_box .lang_ul {z-index: 5; top:30px; border-radius: 7.5px; box-shadow: 0px 0px 8px 3px rgba(34, 34, 34, 0.15)}
	header.header .lang_box .lang_ul li a {font-size: 13px; padding: 13.5px 15px; border-radius: 7.5px;}
	header.header .lang_box .lang_ul li a:hover {background-color: #f2f4f6; color:#1c1c1c}
	.all_menu_box .all_menu_body{padding:30px 0; top:0; transition:none; opacity:1; height:calc(100vh - 80px);}
	.all_menu_box .all_menu_body .container_fix{overflow:hidden; overflow-y:auto; max-height:calc(100vh - 157px); flex-direction: column;}
	.all_menu_box .all_menu_body ul.all_menu_ul{display:block;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:0; padding-left:3px; display:block; min-height:auto; margin-bottom: 25px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li .menu_arrow {position: absolute; width: 9.5px; height: 5.5px; top:4px; right:1px;transform: rotate(180deg);}
	.all_menu_box .all_menu_body ul.all_menu_ul > li.active .menu_arrow {transform: rotate(0deg);}
	.all_menu_box .all_menu_body ul.all_menu_ul > li .menu_arrow::before, .all_menu_box .all_menu_body ul.all_menu_ul > li .menu_arrow::after {content:""; background:#000000; width: 1px; height: 6px; display: block; position: absolute; top:1px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li .menu_arrow::before {transform: rotate(45deg); right: 7px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li .menu_arrow::after {transform: rotate(-45deg); right:3px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{display:none; padding:0; padding-bottom:15px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:17px; padding-bottom:10px; font-weight:500;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a .we {font-weight: 500; font-family: 'pretendard',sans-serif !important;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:15px; line-height:30px; font-weight: 500; color:#000000; width: 100%; display: inline-block; position: relative; padding: 11px 10px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover{background:none;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > a{color:#222;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a{color:#000;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a:hover{color:#000; background-color: #f3f4f6;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li.active .menu_sub1_div{display:block; padding-left:10px;}
	header.header .sponsor_btn {color:#fff; font-size: 8px; font-weight: 600; background:#222; padding:6.5px 9.5px; display: inline-block; margin-left:5px; margin-right:0px; border-radius:2.5px;}
	header.header .sponsor_btn:nth-child(2) {margin-left:auto;}
	header.header .sponsor_btn:nth-child(4) {margin-right:32px;}
	.all_menu_box{ width:100%; right:-300px}
	.all_menu_box .mobile_notice{width:300px; right:-300px;}
	header.header .header_mobile, .all_menu_box .all_menu_header{padding:10px 0;}
	header.header .sponsor_btn {color:#fff; font-size: 8px; font-weight: 600; background:#222; padding:6.5px 9.5px; display: inline-block; margin-left:5px; margin-right:0px; border-radius:2.5px;}
	header.header .sponsor_btn:nth-child(2) {margin-left:auto;}
	header.header .sponsor_btn:nth-child(4) {margin-right:28px;}
	.all_menu_box .all_menu_body{height:calc(100vh - 57px);}
	.all_menu_box .all_menu_body .container_fix{max-height:calc(100vh - 200px);}
	.at-wrapper{padding-top:44px;}
	header.header .all_menu_body .sponsor_btn {width: 100%; margin:0; font-size: 13.5px; line-height: 45px; border-radius: 10px; text-align: center; padding: 0;}
}
@media (max-width:768px){
	header.header .header_mobile img, .all_menu_box .all_menu_header img{height:18px;}
	.all_menu_box .all_menu_header .all_logo img{height:19px;}
	header.header .header_mobile .all_menu_btn img{height:18px;}
	.all_menu_box .all_menu_header a.all_menu_close {position:relative; width:20px; height:20px;}
	.all_menu_box .all_menu_header a.all_menu_close::before, .all_menu_box .all_menu_header a.all_menu_close::after {content:""; background:#000; width:21px; height:2px; border-radius:8px; display:block; position:absolute; top:8px; right:0}
	.all_menu_box .all_menu_header a.all_menu_close::before {transform:rotate(45deg);}
	.all_menu_box .all_menu_header a.all_menu_close::after {transform:rotate(-45deg);}
	.all_menu_box .all_menu_header .all_menu_close img{height:auto; display:none; }
	header.header .header_mobile .m_logo img {height: 23px;}
	.all_menu_box .all_menu_body{height:calc(100vh - 60px);}
	.at-wrapper{padding-top:44px;}
	.all_menu_box .all_menu_body .container_fix{max-height:calc(100vh - 147px);}
	.all_menu_box{width: 100%; max-width:400px;}
	.all_menu_box .mobile_notice{width:400px;}
}
@media (max-width:390px){
	header.header .sponsor_btn {
		font-size:10px;
		padding:4px 5px;
	}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{background:#222222; padding:50px 0; margin-top:0px;}
footer.footer .container_fix {display:flex;justify-content: space-between; max-width: 1230px;}
footer.footer.no_margin{margin-top:0;}
footer.footer .ft_logo {margin-bottom:33px;}
footer.footer .ft_right {text-align: right; display:flex;}
footer.footer ul.links{margin-bottom:25px; position:absolute; width:100%; right:15px;}
footer.footer ul.links > li{display:inline-block; position:relative; margin-right:20px;}
footer.footer ul.links > li:last-child{margin-right:0;}
footer.footer ul.links > li::after{content:""; width:1px; height:15px; background:#999999; position:absolute; right:-12px; top:0px;}
footer.footer ul.links > li:last-child::after{display:none;}
footer.footer ul.links > li > a{font-size:15px; color:#fff; font-weight: 500;}
footer.footer ul.infos{margin-bottom:12px;}
footer.footer ul.infos > li{display:inline-block; position:relative; margin-right:22px; font-size:15px; color:#fff; font-weight:500;}
footer.footer ul.infos > li:last-child{margin-right:0;}
footer.footer ul.infos > li::after{content:""; width:1px; height:14px; background:#727272; position:absolute; right:-14px; top:1px;}
footer.footer ul.infos > li:last-child::after{display:none;}
footer.footer ul.infos > li span {color:#999999;}
footer.footer ul.infos > li > a{}
footer.footer ul.famliy_site {display: flex; gap: 8px; justify-content: end; margin:56px 0 20px;}
footer.footer ul.famliy_site li a {display: inline-block; color:#fff; border:1px solid #888888; font-size: 14px; font-weight: 300; border-radius: 17px; padding:9px 18px;}
footer.footer ul.sns {display:flex; justify-content: end; gap:10px; margin-top: auto;}
footer.footer ul.sns li a {width: auto; display: inline-block;}
footer.footer ul.sns li a img {width: 39px; height: 39px;}
footer.footer ul.sns li a .sns_on {display: none;}
footer.footer ul.sns li a .sns_off {display: block;}
footer.footer ul.sns li a:hover .sns_on {display: block;}
footer.footer ul.sns li a:hover .sns_off {display: none;}
footer.footer h4{font-size:13px; color:#999999;}
.at-go #go-btn{width:60px; height:60px;}
.at-go #go-btn span{margin:0; width:60px; height:60px; border-radius:50%; line-height:54px !important; background:#fff}
@media (max-width:991px){
	footer.footer{padding:0 00; margin-top:0px;}
	footer.footer .container_fix {display: block; padding: 0;}
	footer.footer .ft_logo {padding:18px 15px; border-bottom:1px solid rgba(225, 225, 225, 0.1); margin-bottom:0px; position: relative;}
	footer.footer .ft_logo img {width: 93px;}
	footer.footer .arrow_ft {position: absolute; width: 12px; height: 8px; top:50%; transform:translateY(-50%); right:15px;}
	footer.footer .arrow_ft::before, footer.footer .arrow_ft::after {content:""; width: 1px; height: 7px; background:#e1e1e1; opacity: .3;  display:block; position:absolute;}
	footer.footer .arrow_ft::before {transform:rotate(-45deg); left: 3px;}
	footer.footer .arrow_ft::after {transform:rotate(45deg); right: 3px;}
	footer.footer .ft_bot {display:none;}
	footer.footer ul.links{margin-bottom:30px; padding:16px 15px 15px; border-bottom:1px solid rgba(225, 225, 225, 0.1); position:unset;}
	footer.footer ul.links > li{margin-right:22px;}
	footer.footer ul.links > li:nth-child(3) {margin-right:0;}
	footer.footer ul.links > li:nth-child(3)::after{display:none;}
	footer.footer ul.links > li::after{height:12px; right:-14px; top:6px;}
	footer.footer ul.links > li > a{font-size:13px; ; line-height:26px;}
	footer.footer ul.infos{margin-bottom:4px; padding:0 15px;}
	footer.footer ul.infos > li{margin-right:22px; font-size:13px; line-height:24px;}
	footer.footer ul.infos > li::after{height:12px;  right:-14px; top:6px;}
	footer.footer ul.infos > li:nth-child(1)::after,
	footer.footer ul.infos > li:nth-child(4)::after,
	footer.footer ul.infos > li:nth-child(6)::after{display:none; }
	footer.footer h4{font-size:12px; color:#999999; line-height:20px; padding:0 15px 30px; border-bottom:1px solid rgba(225, 225, 225, 0.1)}
	footer.footer ul.famliy_site {justify-content: start; padding:0 15px; margin:33px 0 14px;}
	footer.footer ul.sns {justify-content: start; padding:20px 15px;}
	footer.footer ul.sns li a img {width:37px; height:37px;}

	.at-go #go-btn{width:40px; height:40px; right:15px !important; bottom:15px !important; line-height: 36px !important;}
	.at-go #go-btn span{ width:40px; height:40px;  line-height: 36px !important;}
	.at-go #go-btn span img{width:13px;}
}


