@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}

.container_fix{width:1310px}
.container_lg{width:1630px; max-width:100%; margin:0 auto; padding:0 15px}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

.at-header{position:fixed;left:0; z-index:30; width:100%; transition:all 1s; top:-30px; opacity:0;}
.at-header.down{top:0; opacity:1;}
.at-header .logo_b{display:none;}
.at-header.sub-header{background:#fff;}
.at-menu{position:relative; border:0; background:transparent;}
.at-menu::after{content:''; position:absolute; bottom:0; left:0; z-index:5; width:100%; height:1px; background-color:transparent; opacity:0; transition:opacity 0.4s; visibility:hidden;}
.at-menu .header_wrap{transition:0.4s; background-color: #000;}
.at-menu .header_wrap .container_lg{position:relative}
.at-menu .header_wrap .header_logo{position:absolute; top:31px; left:15px}
.at-menu .header_wrap .header_logo a{display:block;}
.at-menu .header_wrap .menu-ul{display:flex; justify-content:flex-end; margin-right:0px}
.at-menu .header_wrap .menu-li{position: relative;}
.at-menu .header_wrap .menu-li:first-child:before{content:""; width:0; height: 1px; display:block; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: .2s;}
.at-menu .header_wrap .menu-li:hover:first-child::before {width: 60%;}
.at-menu .header_wrap .menu-a{display:block; padding:0 50px; font-size:20px; color:#fff}
.at-menu .header_wrap .menu-li:last-child .menu-a {padding-right: 0px;}
.at-menu .header_wrap .sub-1div{display:none; padding:0 50px; opacity:0; visibility:hidden; position: absolute; background:#000; width: 100%;}
.at-menu .header_wrap .menu-li:last-child .sub-1div {padding-right: 10px;}
.at-menu .header_wrap .sub-1dul{padding:21px 0 22px}
.at-menu .header_wrap .sub-1dli{text-align: center;}
.at-menu .header_wrap .sub-1dli + .sub-1dli{margin-top:20px}
.at-menu .header_wrap .sub-1da{display:inline-block; font-size:16px; line-height:1.3; color:#fff}
.at-header.sub-header .header_wrap {background-color: #fff;}
.at-header.sub-header .header_wrap .menu-li:first-child:before {background-color: #000;}
.at-header.sub-header .header_wrap .sub-1div {background-color: #fff;}
.at-header.sub-header .header_wrap .menu-a{color:#000;}
.at-header.sub-header .header_wrap .sub-1da {color:#000}
.at-header.sub-header .logo_w{display:none;}
.at-header.sub-header .logo_b{display:block;}
/* .at-header.sub-header.on .logo_b{display:none;}
.at-header.sub-header.on .logo_w{display:block;}
.at-header.sub-header.on .header_wrap .menu-a{color:#fff;} */

.at-header.sub-header.fixed .logo_w{display:block;}
.at-header.sub-header.fixed .logo_b{display:none;}
.at-header.sub-header.fixed .header_wrap {background-color: #fff;}
.at-header.sub-header.fixed .header_wrap .menu-a{color:#000;}
.at-header.on{}
.at-header.on .at-menu{}
.at-header.on .at-menu::after{opacity:1; visibility:visible;}
/* .at-header.on .at-menu .header_wrap{position:relative; background-color:#111} */
.at-header.on .at-menu .header_wrap .sub-1div{opacity:1; visibility:visible;}
.at-header.fixed .at-menu .header_wrap{position:relative; background:#fff;}
.at-header.fixed .at-menu .logo_w{display:none;}
.at-header.fixed .at-menu .logo_b{display:block;}
.at-header.fixed .at-menu .menu-a, .at-header.fixed .sub-1da{color: #000000;}
.at-header.fixed .at-menu .header_wrap .menu-li:first-child:before {background-color: #000;}
.at-header.fixed .at-menu .header_wrap .sub-1div {background-color: #fff;}

@media (max-width:991px){
	.at-header.sub-header .at-menu .m-menu a.all_menu_btn span{background:#111;}
	.at-header.sub-header.fixed .logo_b{display:none;}
	.at-header.sub-header.fixed .logo_w{display:block;}
	.at-header.sub-header.fixed .at-menu .m-menu a.all_menu_btn span{background:#fff;}
	.at-header.sub-header .at-menu .m-menu.active .logo_b{display:none;}
	.at-header.sub-header .at-menu .m-menu.active .logo_w{display:block;}
	.at-header.sub-header .at-menu .m-menu.active a.all_menu_btn span{background:#fff;}
	.at-header.fixed .at-menu .m-menu{background:#191919;}
	.at-header .at-menu .m-menu.active{background:#191919;}
	.at-menu .m-menu{transition:all 0.4s; background:transparent; box-shadow:none; position:relative; padding:20px 0;}
	.at-menu .m-menu > .container_fix{}
	.at-menu .m-menu .m_logo{width: 70px;}
	.at-menu .m-menu a.all_menu_btn{position:absolute; display:block; right:15px; top:50%; transform:translateY(-50%); width:25px; height:18px;}
	.at-menu .m-menu a.all_menu_btn span{width:100%; height:1px; background:#fff; margin-bottom:7px; display:block; transition:all 0.3s; 
	position:relative;}
	.at-menu .m-menu a.all_menu_btn span:last-child{margin-bottom:0;}
	.at-menu .m-menu a.all_menu_btn.active span:nth-child(1){transform:translateY(8px) rotate(-45deg);}
	.at-menu .m-menu a.all_menu_btn.active span:nth-child(2){opacity:0;}
	.at-menu .m-menu a.all_menu_btn.active span:nth-child(3){transform:translateY(-8px) rotate(45deg);}
	.at-menu .m-menu .all_menu{position:fixed; width:100%; top:74px; border-top:1px solid #434343; left:0; background:#191919; opacity:0; visibility:hidden; transition:all 0.4s;
	height:calc(100vh - 74px); overflow-y:auto; padding-top:70px;}
	.at-menu .m-menu .all_menu.active{opacity:1; visibility:visible;}
	.at-menu .m-menu .all_menu .all_ul{display:block; margin-top:20px;}
	.at-menu .m-menu .all_menu .all_ul > li{width:100%;}
	.at-menu .m-menu .all_menu .all_ul > li > a{font-size:18px; color:#fff; position:relative; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #434343;}
	.at-menu .m-menu .all_menu .all_ul > li > a .mobile_plus{display:block; width:12px; height:6px; position:absolute; right:4px; top:7px; transition:all 0.4s;}
	.at-menu .m-menu .all_menu .all_ul > li > a .mobile_plus::before{content:""; width:1px; height:7px; background:#fff; position:absolute; left:3px; bottom:0;
	transform:rotate(-42deg);}
	.at-menu .m-menu .all_menu .all_ul > li > a .mobile_plus::after{content:""; width:1px; height:7px; background:#fff; position:absolute; right:3px; bottom:0;
	transform:rotate(42deg);}
	.at-menu .m-menu .all_menu .all_ul > li > a.active .mobile_plus{transform:rotate(180deg);}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul{}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li{margin-bottom:15px;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li:last-child{margin-bottom:40px;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:16px; color:#fff; opacity: .6;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div{margin-bottom:25px; padding-left:10px; display:none;}
	.at-menu .m-menu .all_menu .all_ul > li > a.active + .all_sub_div{display:block;}
	
}

@media (max-width:480px){
	.at-menu .m-menu{padding:12px 0;}
	.at-menu .m-menu .m_logo img{width:70px;}
	.at-menu .m-menu .all_menu{top:55px; height:calc(100% - 49px); padding-top:40px;}
	.at-menu .m-menu .all_menu .all_ul > li > a{font-size:17px; padding-bottom:20px; margin-bottom:20px;}
	.at-menu .m-menu .all_menu .all_ul > li > a.active + .all_sub_div{margin-bottom:15px;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:15px; }
	.at-header.fixed .at-menu .logo_b {display: none;}
	.at-header.fixed .at-menu .logo_w {display: block;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 html > thema > fivesense-basic > shop.tail.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{background:#000000; margin-top:150px;}
footer.footer.no_margin{margin-top:0;}
footer.footer .ft_contact{border-bottom:1px solid #434343; padding:42px 0;}
footer.footer .ft_contact .container_fix{display:flex; align-items:center; justify-content: center;}
footer.footer .ft_contact .container_fix .ft_tit{width:400px;}
footer.footer .ft_contact .container_fix .ft_tit p{font-size:40px; color:#fff; font-weight:700;}
footer.footer .ft_contact .container_fix .ft_infos{}
footer.footer .ft_contact .container_fix .ft_infos ul{}
footer.footer .ft_contact .container_fix .ft_infos ul > li{display:inline-block; margin-right:65px;}
footer.footer .ft_contact .container_fix .ft_infos ul > li:last-child{margin-right:0;}
footer.footer .ft_contact .container_fix .ft_infos ul > li, footer.footer .ft_contact .container_fix .ft_infos ul > li a{font-size:18px; color:#ffffff; font-weight:500;}
footer.footer .ft_bottom{text-align:center; padding:70px 0 65px;}
footer.footer .ft_bottom .ft_logo{margin-bottom:25px;}
footer.footer .ft_bottom .ft_link{}
footer.footer .ft_bottom .ft_link ul{}
footer.footer .ft_bottom .ft_link ul li{display:inline-block; margin-right:15px; position:relative;}
footer.footer .ft_bottom .ft_link ul li:last-child{margin-right:0;}
footer.footer .ft_bottom .ft_link ul li::after{content:""; width:1px; height:10px; background:#d4d4d4; position:absolute; right:-10px; top:2px;}
footer.footer .ft_bottom .ft_link ul li:last-child::after{display:none;}
footer.footer .ft_bottom .ft_link ul li a{display:block; font-size:15px; color:#ffffff; transform:skew(-0.1deg, -0.1deg);}
footer.footer .ft_bottom p{font-size:14px; color:#ffffff; margin-top:15px; transform:skew(-0.1deg, -0.1deg);}

.at-go .go_btn{width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:5; display:none;}
.at-go .go_btn a{width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #d8d8d8; border-radius:50%;}
.at-go .go_btn a span{width:20px; height:12px; position:relative; margin:0; background:none; border-radius:0; line-height:normal !important;}
.at-go .go_btn a span::before{content:""; width:2px; height:13px; background:#2e3037; position:absolute; left:5px; transform:rotate(45deg);}
.at-go .go_btn a span::after{content:""; width:2px; height:13px; background:#2e3037; position:absolute; right:5px; transform:rotate(-45deg);}

@media (max-width:991px){
	.at-go .go_btn{width:60px; height:60px; right:15px; bottom:15px;}
	
	footer.footer{margin-top:70px;}
	footer.footer .ft_contact .container_fix{display:block; text-align:center;}
	footer.footer .ft_contact .container_fix .ft_tit{width:auto; padding-left:0px; margin-bottom:25px;}
	footer.footer .ft_contact .container_fix .ft_tit p{font-size:40px; color:#fff; font-weight:800;}
	footer.footer .ft_contact .container_fix .ft_infos{}
	footer.footer .ft_contact .container_fix .ft_infos ul{}
	footer.footer .ft_contact .container_fix .ft_infos ul > li{display:block; margin-right:0; margin-bottom:15px;}
	footer.footer .ft_contact .container_fix .ft_infos ul > li:last-child{margin-bottom:0;}
}
@media (max-width:480px){
	.at-go .go_btn{width:40px; height:40px; }
	.at-go .go_btn a{width:40px; height:40px;}
	.at-go .go_btn a span{width:11px; height:6px; left:-1px;}
	.at-go .go_btn a span::before{ width:1px; height:8px; left:3px; }
	.at-go .go_btn a span::after{width:1px; height:8px; right:2px;}

	footer.footer{margin-top:80px;}
	footer.footer .ft_contact{padding:38px 0;}
	footer.footer .ft_contact .container_fix .ft_tit p{font-size:22px; font-weight: 700;}
	footer.footer .ft_contact .container_fix .ft_infos ul > li{}
	footer.footer .ft_contact .container_fix .ft_infos ul > li:last-child{margin-right:0;}
	footer.footer .ft_contact .container_fix .ft_infos ul > li, footer.footer .ft_contact .container_fix .ft_infos ul > li a{font-size:13px; font-weight: 400;}
	footer.footer .ft_bottom{padding:37px 0;}
	footer.footer .ft_bottom .ft_logo{margin-bottom:20px;}
	footer.footer .ft_bottom .ft_logo img{width:69px;}

	footer.footer .ft_bottom .ft_link ul li{ margin-right:15px; }
	footer.footer .ft_bottom .ft_link ul li a{font-size:13px;}
	footer.footer .ft_bottom p{font-size:13px;  margin-top:15px;}
}