@charset "utf-8";

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

.container_fix{width:1530px}

/* .at-wrapper{margin-top:36px} */

.main_con{padding:120px 0}
.main_con .mc_title{}
.mc_title .title{font-weight:700; font-size:60px}
.mc_title .sub_title{font-size:38px; line-height:1.3}
.mc_title .text{font-size:18px; line-height:1.7}
.mc_title .btn_view{display:block; position:relative; min-width:162px; padding:15px 30px 15px 10px; border-bottom:2px solid #fff}
.mc_title .btn_view::before, .mc_title .btn_view::after{content:''; position:absolute; top:0; right:10px; bottom:0; width:1px; height:7px; margin:auto; background-color:#fff}
.mc_title .btn_view::before{transform:rotate(-45deg); top:-5px}
.mc_title .btn_view::after{transform:rotate(45deg); top:5px}
.mc_title .btn_view span{font-size:18px; color:#fff}

.loading_cover{position:absolute; top:0; left:0; z-index:10; width:100%; height:100%}
.loading_cover ul{display:flex; height:100%}
.loading_cover ul li{width:25%; height:100%}
.loading_cover ul li span{display:block; width:100%; height:100%; background-color:#fff}

@media (max-width:991px){
	.at-wrapper{margin-top:0}

	.main_con{padding:60px 0}
	.mc_title .title{font-size:36px}
	.mc_title .sub_title{font-size:22px}
	.mc_title .text{font-size:14px}
	.mc_title .btn_view{width:50px; min-width:auto; height:50px; padding:0; border:1px solid #fff; opacity:.5}
	.mc_title .btn_view::before, .mc_title .btn_view::after{right:0; left:0; width:2px; height:16px}
	.mc_title .btn_view::before{transform:rotate(0); top:0}
	.mc_title .btn_view::after{transform:rotate(90deg); top:0}
	.mc_title .btn_view span{display:none}

	.loading_cover ul li{width:50%}
	.loading_cover ul li:nth-child(2) ~ li{display:none}
}
@media (max-width:480px){
	.loading_cover ul li{width:100%}
	.loading_cover ul li:nth-child(2){display:none}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php 배분형 기준
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/* 헤더 */
.at-header{position:absolute; top:0; left:0; z-index:10; width:100%}
.at-menu{border:0; background-color:transparent; transition:background-color 0.4s ease}
.at-menu .pc-menu{height:auto}
.at-menu .header_link{background-color:#1e2432}
.at-menu .hd_link_ul{display:flex; justify-content:flex-end}
.at-menu .hd_link_ul > li{position:relative; border-right:1px solid rgba(255,255,255,0.2)}
.at-menu .hd_link_ul > li::after{content:''; position:absolute; top:0; right:14px; bottom:0; margin:auto; width:11px; height:10px; background:url('/img/icon_site_off.png') no-repeat 50% 50%}
.at-menu .hd_link_ul > li.on{border-right:0; background-color:#fff}
.at-menu .hd_link_ul > li.on::after{background-image:url('/img/icon_site_on.png')}
.at-menu .hd_link_ul > li a{display:block; min-width:170px; padding:10px 40px 10px 14px; font-family:'Heebo', sans-serif; font-size:14px; line-height:1.2; color:rgba(255,255,255,.6)}
.at-menu .hd_link_ul > li.on a{font-weight:700; color:#1e2432}
.at-menu .pc-menu .header_container{display:flex; justify-content:center; align-items:center; position:static}
.at-menu .pc-menu .nav-top{display:flex; flex-wrap:wrap; align-items:center; position:static; width:auto; padding:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul{display:block; width:auto}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li{position:static}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{padding:0 55px; font-weight:600; font-size:18px; color:#fff; transition:all 0.2s ease; font-family: "Montserrat", sans-serif !important;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:last-child .menu-a {padding-right: 0;}
.sticky-wrapper.nav-fixed .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a {color:#111111}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{position:absolute; top:126px; left:0; width:100%; border:0; border-top:1px solid #ddd; transform:none}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dul{display:flex; margin-left:212px; padding:30px 0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli{position:relative}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli + .sub-1dli{margin-left:20px; padding-left:21px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli + .sub-1dli::before{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:12px; margin:auto; background-color:#c1c1c1}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:0; border:0; font-size:16px; line-height:1.3; color:#555}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{background:transparent; color:#1e2432; border-bottom:0}
.at-menu .pc-menu .header_logo{width:195px}
.at-menu .pc-menu .header_logo a{display:block;}
.at-menu .pc-menu .header_util{}
.at-menu .pc-menu .hd_util_ul{display:flex; align-items:center}
.at-menu .pc-menu .hd_util_ul > li{font-size:14px; color:#fff; cursor:pointer; transition:all 0.2s ease}
.at-menu .pc-menu .hd_util_ul > li + li{margin-left:30px}
.at-menu .pc-menu .hd_util_ul .btn_search{}
.at-menu .pc-menu .hd_util_ul .btn_lang{position:relative}
.at-menu .pc-menu .hd_util_ul .lang_box{display:none; position:absolute; top:30px; left:0; right:0; z-index:10; max-width:90px; margin:auto; /* opacity:0; visibility:hidden; transition:all 0.2s ease */}
.at-menu .pc-menu .hd_util_ul .lang_box.active{/* opacity:1; visibility:visible */}
.at-menu .pc-menu .hd_util_ul .lang_ul{padding:15px 0; background-color:#ededed}
.at-menu .pc-menu .hd_util_ul .lang_ul > li{width:100%; text-align:center}
.at-menu .pc-menu .hd_util_ul .lang_ul > li a{display:block;  font-size:14px; color:#999}
.at-menu .pc-menu .hd_util_ul .lang_ul > li.on a{color:#222}
.sticky-wrapper.nav-fixed .at-menu .pc-menu .hd_util_ul .btn_allmenu img{content:url(/img/btn_allmenu_on.png)}
.at-menu .pc-menu .hd_util_ul > li a{display:block; line-height:21px; color:#fff; transition:all 0.2s ease}
.at-menu .pc-menu .hd_util_ul > li .tit{display:inline-block; padding-left:10px; line-height:21px}
/* .at-header:hover .at-menu, .at-menu.fixed{background-color:#fff} */
.sticky-wrapper.nav-fixed .at-menu {background-color: #fff;}
.at-header:hover .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a, .at-header .at-menu.fixed .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a,
.at-header:hover .at-menu .pc-menu .hd_util_ul > li, .at-header .at-menu.fixed .pc-menu .hd_util_ul > li,
.at-header:hover .at-menu .pc-menu .hd_util_ul > li a, .at-header .at-menu.fixed .pc-menu .hd_util_ul > li a{color:#111111}

.at-header .header_search{position:absolute; top:0; left:0; z-index:30; width:100%; padding:85px 30px 76px; background-color:#70262a; opacity:0; visibility:hidden; transition:all 0.2s ease}
.at-header .header_search.active{opacity:1; visibility:visible}
.header_search .search_box{width:600px; max-width:100%; margin:0 auto}
.header_search .search_title{text-align:center}
.header_search .search_title .title{font-size:32px; color:#fff; font-weight: 700;}
.header_search .search_title .text{margin-top:17px; font-size:18px; line-height:1.2; color:rgba(255,255,255,.8)}
.header_search .search_input{position:relative; margin-top:18px}
.header_search .search_input .input_box{width:100%; height:57px; padding:0 63px 0 20px; border:0; border-bottom:1px solid rgba(255,255,255,.2); background-color:transparent; font-size:20px; color:#fff}
.header_search .search_input .input_box::placeholder{color:#fff}
.header_search .search_input .btn_search{position:absolute; top:0; right:0; width:62px; height:56px; border:0; background-color:transparent}
.header_search .search_input .btn_search::before, .header_search .search_input .btn_search::after{content:''; position:absolute}
.header_search .search_input .btn_search::before{top:12px; left:20px; width:20px; height:20px; border:1px solid #fff; border-radius:50%}
.header_search .search_input .btn_search::after{top:26px; left:41px; width:1px; height:11px; background-color:#fff; transform:rotate(-50deg)}
.header_search .btn_close{display:block; position:absolute; top:60px; right:60px; width:22px; height:22px; cursor:pointer}
.header_search .btn_close::before, .header_search .btn_close::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:1px; height:30px; margin:auto; background-color:#fff}
.header_search .btn_close::before{transform:rotate(-45deg)}
.header_search .btn_close::after{transform:rotate(45deg)}
/* 모바일 헤더 */
.at-menu .m-menu{background-color:transparent}
.m-menu .header_container{display:flex; justify-content:space-between; align-items:center; padding:14px 15px}
.m-menu .m_logo a{display:block}
.m-menu .header_util{}
.m-menu .hd_util_ul{display:flex; align-items:center}
.m-menu .hd_util_ul > li{cursor:pointer}
.m-menu .hd_util_ul > li + li{margin-left:30px}
.m-menu .hd_util_ul > li a{display:block}
/* 전체메뉴 */
.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:table;}
.all_menu_box .all_menu_header .container_fix > a, 
.all_menu_box .all_menu_header .container_fix > .all_menu_logo{display:table-cell; padding:13px 0; vertical-align:middle;}
.all_menu_box .all_menu_header a.all_logo{line-height:100px;}
.all_menu_box .all_menu_header a.all_menu_close{position:absolute; 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:''; position:absolute; top:0; right:0; bottom:0; left:0; width:2px; height:25px; margin:auto; background-color:#222}
.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_body{padding:0; position:relative; top:-60px; transition:all 0.5s ease; opacity:0; height: 100%;}
.all_menu_box.active .all_menu_body{top:0; opacity:1;}
.all_menu_box .all_menu_close_box {height: 100%; width: 125px; background-color: #70262a; position: relative;}
.all_menu_box a.all_menu_close{position:absolute; width:20px; height:20px; top:40px; right: 50px;}
.all_menu_box a.all_menu_close::before, .all_menu_box a.all_menu_close::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:2px; height:25px; margin:auto; background-color:#fff}
.all_menu_box  a.all_menu_close::before{transform:rotate(-45deg)}
.all_menu_box a.all_menu_close::after{transform:rotate(45deg)}
.all_menu_box .all_menu_body .all_menu_area {display:flex; height: 100%;}
.all_menu_box .all_menu_body .all_menu_line{position:absolute; width:100%; left:50%; transform:translateX(-50%); top:331px; z-index:1; height:1px; background:#d7d7d7;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left {width: 33.3334%; padding:220px 95px 110px; height: 100%; flex-direction: column; justify-content: space-between; display:flex;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left  .all_menu_logo {position: absolute; top:27px; left: 50px;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .menu_text {font-size: 55px; line-height: 68px; font-weight: 700; color:#111111}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .menu_text span {color:#70262a; font-weight: 800; line-height: 75px;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer > a {color:#111111; font-size: 17px; font-weight: 600; display: block; margin-bottom: 12px;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box {position: relative; width: 125px; text-align: left;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box button {background-color: transparent; border:none; color:#111111; font-size: 13px; font-weight: 500; height: 30px; width: 100%; display:flex; align-items: center; justify-content: space-between;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box button img {transition: .2s;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box button.on img {transform: rotate(180deg);}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box .family_site_list {position: absolute; bottom: 100%; background-color: #fff; z-index: 5; border:1px solid #111; padding:0; width: 100%;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box .family_site_list a {display: block; color:#111; font-size: 13px; padding: 1rem; transition: .2s;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_footer .family_site_box .family_site_list a:hover {background-color: #f9f9f9;}
.all_menu_box .all_menu_body .all_menu_area .all_menu_left .allmenu_copyright {font-size: 12px; color:#999999; font-weight: 500; margin-top: 12px;}
.all_menu_box .all_menu_body ul.all_menu_ul{display:flex; width:calc(66.666% - 125px); flex-direction: column; height: 100%; background-color: #f9f9f9; justify-content: center; padding:0 140px}
.all_menu_box .all_menu_body ul.all_menu_ul > li{transition:all 0.2s ease-in-out; position:relative; padding:45px 0; display: flex; max-height: 150px;}
/* .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;}
.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:#1e2432;} */
.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:29px; color:#111111; font-weight:700; display:block; width: 265px;}
/* .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{display:block; width: calc(100% - 265px);}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul {display:flex; flex-wrap: wrap; gap:0 50px}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li {position: relative;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li::before {content: "/"; color:#c6c6c6; font-size: 15px; font-weight: 500; position: absolute; top:50%; transform: translateY(-50%); left: -29px;}
/* 두 번째 메뉴 제어 */
.all_menu_box .all_menu_body ul.all_menu_ul > li:nth-child(2) > .menu_sub1_div ul li:nth-child(4)::before, .all_menu_box .all_menu_body ul.all_menu_ul > li:nth-child(2) > .menu_sub1_div ul li:nth-child(6)::before, .all_menu_box .all_menu_body ul.all_menu_ul > li:nth-child(2) > .menu_sub1_div ul li:nth-child(3)::before {display: none;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li:first-child::before {display: none;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li::after {content: ""; background-color: #70262a; height: 2px; width: 0; position: absolute; bottom:0; left: 0; transition: 0.3s;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li:hover::after {width: 100%;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:19px; color:#999999; line-height:33px; font-weight: 500; transition: .3s;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li:hover a {color:#70262a}
/* .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:#d6d6d6;}
.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;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div {display:none}

@media (max-width:1660px) {
	.all_menu_box .all_menu_body ul.all_menu_ul {padding: 0 100px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li {max-height: none;}
}

@media (max-width:1500px){
	.at-menu .pc-menu .nav-top{display:block; }
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{height:70px; line-height:70px !important}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{top:160px}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dul{margin-left:20px; padding:25px 0}
	.at-menu .pc-menu .header_logo{width:100%; padding-left:20px}
	.at-menu .pc-menu .hd_util_ul > li + li{margin-left:20px}
	.at-menu .pc-menu .hd_util_ul > li .tit{padding-left:5px}
	/* 전체메뉴 */
	.all_menu_box .all_menu_body{padding:0;}
	.all_menu_box .all_menu_body ul.all_menu_ul {padding: 0 70px;}
	.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;}
}
@media (max-width:1350px){
	.all_menu_box .all_menu_body .all_menu_area .all_menu_left .menu_text {font-size: 50px;}
	.all_menu_box .all_menu_body .all_menu_area .all_menu_left .menu_text span {font-size: 55px;}
	.all_menu_box .all_menu_body ul.all_menu_ul {padding: 0 30px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a {width: 200px; font-size: 26px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a {font-size: 17px;}
}
@media (max-width:1170px){
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{padding:0 15px; font-size:16px}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{font-size:15px}
	.at-menu .pc-menu .hd_util_ul > li{font-size:13px}
}
@media (max-width:991px){
	/* 전체메뉴 */
	.all_menu_box .mobile_notice{display:block; position:fixed; bottom:0; right:0; width:500px; padding:15px 30px; overflow:hidden; background:#1e2432; 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;}
	.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:#70262a;}
	.all_menu_box.active{right:0; opacity:1; visibility:visible; background:#70262a; overflow-y: auto;}
	.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 a.all_logo img{display:block; height:20px}
	.all_menu_box .all_menu_body{padding:94px 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);}
	.all_menu_box .all_menu_body ul.all_menu_ul{display:block; padding: 0 22px; background-color: #70262a;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:0; display:block; min-height:auto; max-height: unset;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{display:block; padding:0; padding-bottom:36px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:20px; padding-bottom:14px;color:#fff}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:15px; line-height:30px; color:#fff; opacity: .6; font-weight: 400;}
	.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:#fff}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a span {word-break:keep-all; text-wrap:balance; display:inline-block;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul {padding-left: 16px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li::before {display:none;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li::after {display: none;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a{color:#fff;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a:hover{color:#fff;}
	/* .all_menu_box .all_menu_body ul.all_menu_ul > li.active .menu_sub1_div{display:block; padding-left:15px;} */
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div .menu_sub2_div {display:none}
	.all_menu_box .all_menu_close_box {width: 100%; height: auto; position: absolute; top:20px; right: 22px; background-color: transparent;}
	.all_menu_box .all_menu_close_box > ul {position: absolute; top: 0; right: 40px;}
	.all_menu_box a.all_menu_close {top: 0; right: 0;}
	.all_menu_box .all_menu_body{height:calc(100vh - 60px);}
	.all_menu_box .all_menu_body .container_fix{max-height:calc(100vh - 147px);}
	.all_menu_box{width:400px; }
	.all_menu_box .mobile_notice{width:400px;}
	.all_menu_box .all_menu_body .all_menu_area .all_menu_left {display: none;}
	.all_menu_box .all_menu_body ul.all_menu_ul {width: 100%;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div {width: 100%;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul {flex-direction: column;}
}
@media (max-width:768px){
	/* 전체메뉴 */
}
@media (max-width:480px){
	.at-header .header_search{padding:50px 15px 42px}
	.header_search .search_box{width:calc(100% - 20px)}
	.header_search .search_title .title{font-size:22px}
	.header_search .search_title .text{margin-top:12px; font-size:14px}
	.header_search .search_input{margin-top:24px}
	.header_search .search_input .input_box{height:30px; padding:0 40px 0 10px; font-size:14px}
	.header_search .search_input .btn_search{width:40px; height:30px}
	.header_search .search_input .btn_search::before{top:6px; left:10px; width:15px; height:15px}
	.header_search .search_input .btn_search::after{top:17px; left:25px; height:7px}
	.header_search .btn_close{top:20px; right:15px; width:18px; height:18px}
	.header_search .btn_close::before, .header_search .btn_close::after{height:23px}
	/* 전체메뉴 */
	.all_menu_box{ width:100%; right:-300px}
	.all_menu_box .mobile_notice{width:300px; right:-300px;}
	.all_menu_box .all_menu_body{height:calc(100vh - 57px);}
	.all_menu_box .all_menu_body .container_fix{max-height:calc(100vh - 200px);}
	/* 모바일 헤더 */
	.m-menu .header_container{padding:15px}
	.m-menu .m_logo a{height:27px}
	.m-menu .m_logo a img, .m-menu .hd_util_ul > li img{display:block; height:100%}
	.m-menu .hd_util_ul > li + li{margin-left:15px}
	.m-menu .hd_util_ul .btn_search{height:20px}
	.m-menu .hd_util_ul .btn_allmenu{height:16px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.fix_footer{padding:67px 0 70px; background-color:#fff; line-height:1.2}
.fix_footer.main_con{margin-top:0}
.fix_footer .ft_menu_wrap{padding-bottom:60px; margin-bottom:40px; border-bottom:1px solid rgba(255,255,255,.15)}
.ft_menu_wrap .menu_ul{display:flex}
.ft_menu_wrap .menu_li{flex:auto}
.ft_menu_wrap .menu_a{display:inline-block; font-weight:500; font-size:16px; color:#fff}
.ft_menu_wrap .menu_sub_div{margin-top:27px}
.ft_menu_wrap .menu_sub_ul{}
.ft_menu_wrap .menu_sub_li{padding:9px 0}
.ft_menu_wrap .menu_sub_a{display:inline-block; font-size:15px; color:#777777}
.fix_footer .ft_info_wrap{display:flex}
.fix_footer .ft_logo{margin-right:10.477%}
.fix_footer .ft_infos{overflow:hidden}
.fix_footer .ft_link_ul{display:flex}
.fix_footer .ft_link_ul > li{margin-right:25px; position: relative;}
.fix_footer .ft_link_ul > li:last-child {margin-right: 0;}
.fix_footer .ft_link_ul > li::before{display:block; content:''; position:absolute; top:0; left:-14px; bottom:0; margin:auto; width:1px; height:12px; background-color:#cccccc}
.fix_footer .ft_link_ul > li:first-child:before {display: none;}
.fix_footer .ft_link_ul > li a{display:block; font-size:15px; color:#5d5d5d; font-weight: 500;}
.fix_footer .ft_info_ul{display:flex; flex-wrap:wrap; margin-left:-20px;}
.fix_footer .ft_info {margin-top: 56px;}
.fix_footer .copyright{margin-top:11px; font-size:13px; color:#777777}
.fix_footer .ft_info_ul > li{position:relative; margin-left:10px; padding-left:10px; font-size:15px; color:#111111; font-weight: 700;}
.fix_footer .ft_info_ul > li::before{display:block; content:''; position:absolute; top:0; left:0; bottom:0; margin:auto; width:1px; height:12px; background-color:#cccccc}
.fix_footer .ft_info_ul > li:first-child:before {display:none;}
.fix_footer .ft_info_ul > li span {color:#5d5d5d; font-weight: 500;}
.fix_footer .ft_family_site{position:relative; height:50px; margin-left:auto; }
.fix_footer .btn_famsite{position:relative; min-width:200px; padding:15px 0px; border-bottom:1px solid #444444; font-size:14px; color:#5d5d5d; cursor:pointer; font-weight: 500; margin-top: 20px;}
.fix_footer .btn_famsite::before, .fix_footer .btn_famsite::after{display:block; content:""; position:absolute; top:0; bottom:0; width:2px; height:6px; margin:auto; background-color:#777777; transition:0.2s}
.fix_footer .btn_famsite::before{right:10px; transform:rotate(-45deg)}
.fix_footer .btn_famsite::after{right:6px; transform:rotate(45deg)}
.fix_footer .btn_famsite.active::before{transform:rotate(45deg); transition:0.2s}
.fix_footer .btn_famsite.active::after{transform:rotate(-45deg); transition:0.2s}
.fix_footer .famsite_ul{display:none; position:absolute; width:100%; bottom:30px; left:0; border:1px solid #777; background-color:#fff}
.fix_footer .famsite_ul > li a{display:block; padding:16px 25px; font-size:14px; line-height:1.2; color:#5d5d5d}
.at-go{display:none}
.fix_footer .ft_sns {display:flex; margin-top:45px; gap:6px;}
.fix_footer .ft_sns a {display:block;}
.fix_footer .ft_sns a .sns_on {display:none;}
.fix_footer .ft_sns a .sns_off {display:block}
.fix_footer .ft_sns a:hover .sns_on {display:block}
.fix_footer .ft_sns a:hover .sns_off {display:none;}

.fix_footer.main_con .menu_li:nth-child(1) .menu_a{opacity:0; transform:translateY(20px); transition:0.8s}
.fix_footer.main_con .menu_li:nth-child(2) .menu_a{opacity:0; transform:translateY(20px); transition:0.8s 0.1s}
.fix_footer.main_con .menu_li:nth-child(3) .menu_a{opacity:0; transform:translateY(20px); transition:0.8s 0.2s}
.fix_footer.main_con .menu_li:nth-child(4) .menu_a{opacity:0; transform:translateY(20px); transition:0.8s 0.3s}
.fix_footer.main_con .menu_li:nth-child(5) .menu_a{opacity:0; transform:translateY(20px); transition:0.8s 0.4s}
.fix_footer.main_con .menu_li:nth-child(6) .menu_a{opacity:0; transform:translateY(20px); transition:0.8s 0.5s}
.fix_footer.main_con .menu_li:nth-child(1) .menu_sub_div{opacity:0; transform:translateY(20px); transition:0.8s 0.05s}
.fix_footer.main_con .menu_li:nth-child(2) .menu_sub_div{opacity:0; transform:translateY(20px); transition:0.8s 0.15s}
.fix_footer.main_con .menu_li:nth-child(3) .menu_sub_div{opacity:0; transform:translateY(20px); transition:0.8s 0.25s}
.fix_footer.main_con .menu_li:nth-child(4) .menu_sub_div{opacity:0; transform:translateY(20px); transition:0.8s 0.35s}
.fix_footer.main_con .menu_li:nth-child(5) .menu_sub_div{opacity:0; transform:translateY(20px); transition:0.8s 0.45s}
.fix_footer.main_con .menu_li:nth-child(6) .menu_sub_div{opacity:0; transform:translateY(20px); transition:0.8s 0.55s}
.fix_footer.main_con.ani .menu_li .menu_a{opacity:1; transform:translateY(0)}
.fix_footer.main_con.ani .menu_li .menu_sub_div{opacity:1; transform:translateY(0)}

@media (max-width:991px){
	.fix_footer{padding:30px 0 35px}
	.fix_footer .ft_menu_wrap{display:none;}
	.fix_footer .ft_info_wrap{flex-wrap:wrap; justify-content:center}
	.fix_footer .ft_logo{width:100%; margin-right:0; text-align:left; padding:18.5px 15px; border-bottom: 1px solid #eeeeee; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
	.fix_footer .ft_logo img{display:inline-block; height:26px}
	.fix_footer .ft_logo img.ft_arrow {height: 6px; transition: .3s;}
	.fix_footer .ft_logo.active img.ft_arrow {transform: rotate(180deg);}
	.fix_footer .ft_bottom {display: flex; flex-direction: column; width: 100%; height: 0; transition: .4s; overflow: hidden;}
	.fix_footer .ft_bottom.active {height: 319px;}
	.fix_footer .ft_link_box {width:100%; border-bottom: 1px solid #eeeeee; padding:17px 15px}
	.fix_footer .ft_link_ul{justify-content:left}
	.fix_footer .ft_link_ul > li{margin-right:0}
	.fix_footer .ft_link_ul > li + li{margin-left:30px}
	.fix_footer .ft_link_ul > li a{font-size:14px}
	.fix_footer .copyright{font-size:13px; text-align:left}
	.fix_footer .ft_info_ul{justify-content:left; margin:5px 0 0}
	.fix_footer .ft_info_ul > li{margin:0; padding-left:0; font-size:14px; line-height:25px; position: relative;}
	.fix_footer .ft_info_ul > li:first-child {margin-right:26px}
	.fix_footer .ft_info_ul > li:first-child::after {content:""; display: block; position:absolute; width: 1px; height: 13px; background-color: #cccccc; right: -14px; top:50%; transform: translateY(-50%);}
	.fix_footer .ft_info_ul > li span {}
	.fix_footer .ft_info_ul > li.m_before{margin-left:8px; padding-left:8px}
	.fix_footer .ft_info_ul > li::before{display:none}
	.fix_footer .ft_info_ul > li.m_before::before{display:block; height:10px}
	.fix_footer .ft_info_box {width: 100%; padding:5px 15px;}
	.fix_footer .ft_family_site{height:40px; margin:21px 0 auto; max-width:100%}
	.fix_footer .btn_famsite{padding:15px 0; font-size:14px; border-bottom:1px solid #cccccc; margin-top: 16px;}
	.fix_footer .btn_famsite::before, .fix_footer .btn_famsite::after{width:1px; height:6px}
	.fix_footer .btn_famsite::before{right:8px}
	.fix_footer .btn_famsite::after{right:4px}
	.fix_footer .ft_info {margin-top:43px}
	.fix_footer .famsite_ul{bottom:47px}
	.fix_footer .famsite_ul > li a{padding:13px 20px; font-size:12px}
	.fix_footer .ft_sns {padding:17px 15px; border-top: 1px solid #eeeeee; width: 100%; margin-top: 30px;}
}
@media (max-width:480px){
	.fix_footer .ft_family_site{width:100%}
}