@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;}
}
@media (max-width:991px){

}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{position:fixed; top:0; left:0; width:100%; transition:all 0.3s; z-index:10;}
header.header > .container_fix{width:1920px; display: flex; justify-content: space-between; align-items: center; padding: 0 80px 0 50px;}
header.header > .container_fix > div{position:relative;}
header.header > .container_fix > div.header_logo{width:360px; text-align:left;}
header.header > .container_fix > div.header_logo .logo_b{display:none;}
header.header > .container_fix > div.header_menu{text-align:center;}
header.header > .container_fix > div.header_menu > ul{position:relative; z-index:1; width:fit-content; margin:0 auto;}
header.header > .container_fix > div.header_menu > ul > li{display:inline-block; vertical-align:top; position:relative;}
header.header > .container_fix > div.header_menu > ul > li > a{font-size:20px; color:#fff; font-weight:500; margin-right:60px; line-height:100px; position:relative; display:block;}
header.header > .container_fix > div.header_menu > ul > li > a span{font-family:'Pretendard', sans-serif;}
header.header > .container_fix > div.header_menu > ul > li:last-child > a{margin-right:0;}
header.header > .container_fix > div.header_menu > ul > li > a::after{content:""; height:2px; background:#1966c3; position:absolute;
bottom:-1px; left:50%; transform:translateX(-50%); width:0; transform-origin:center; transition:all 0.2s; z-index:2;}
header.header > .container_fix > div.header_menu > ul > li:hover > a::after{width:100%;}
header.header > .container_fix > div.header_menu > ul > li > .sub_div{position:fixed; text-align:left; opacity:0; visibility:hidden;
height:0; transform-origin:top;}
header.header > .container_fix > div.header_menu > ul > li.hoverActive:hover > .sub_div{visibility:visible; opacity:1; height:auto;}
header.header > .container_fix > div.header_menu > ul > li > .sub_div > ul{}
header.header > .container_fix > div.header_menu > ul > li > .sub_div > ul > li{display:inline-block; margin-right:35px;}
header.header > .container_fix > div.header_menu > ul > li > .sub_div > ul > li > a{display:block; font-size:16px; color:#222222; line-height:100px; font-family:'Pretendard', sans-serif; font-weight: 400;}
header.header > .container_fix > div.header_menu > ul > li > .sub_div > ul > li:hover > a{color:#1966c3; font-weight: 600;}
header.header > .container_fix > div.header_menu > .header_menu_bg{background:#fff; position:fixed; width:100%;
top:100px; left:0; height:0; transform-origin:top; opacity:0; transition:all 0.3s; visibility:hidden; border-top:1px solid #f3f3f3;}
header.header > .container_fix > div.header_menu > ul:hover + .header_menu_bg.active{opacity:1; height:100px; visibility:visible;}
header.header > .container_fix > div.header_btn{width:360px; white-space:nowrap; text-align:right;}
header.header > .container_fix > div.header_btn .lang_box{display:inline-block; position:relative;}
header.header > .container_fix > div.header_btn .lang_box a.lang_a{font-size:17px; color:#ffffff; font-weight:600; padding-right:20px;}
header.header > .container_fix > div.header_btn .lang_box a.lang_a span {font-family:'Pretendard', sans-serif;}
header.header > .container_fix > div.header_btn .lang_box a.lang_a span.tri{border-top:5px solid #fff; border-left:5px solid transparent; 
border-right:5px solid transparent; position:absolute; right:0; top:8px; transition:all 0.4s;}
header.header > .container_fix > div.header_btn .lang_box:hover a.lang_a span.tri{transform:rotate(90deg);}
header.header > .container_fix > div.header_btn .lang_box a.lang_a + ul{position:absolute; top:50%; left:0px; opacity:0; visibility:hidden; transition:all 0.4s; transform: translateY(-50%);}
header.header > .container_fix > div.header_btn .lang_box:hover a.lang_a + ul{opacity:1; left:-40px; visibility:visible;}
header.header > .container_fix > div.header_btn .lang_box a.lang_a + ul li{display:inline-block;margin-right:20px;}
header.header > .container_fix > div.header_btn .lang_box a.lang_a + ul li a{font-size:17px; color:#fff; font-weight:600; font-family: 'Pretendard', sans-serif;}
@media (max-width:1495px){
    header.header > .container_fix > div.header_btn{width:185px; white-space:nowrap; text-align:right;}
}
@media (max-width:991px){
    header.header > .container_fix > div.header_btn .lang_box a.lang_a span.tri {top:5px;}
	header.header > .container_fix > div.header_btn .lang_box a.lang_a{font-size:14px;}
    header.header > .container_fix > div.header_btn .lang_box a.lang_a + ul li a{font-size:14px;}
}


/* 모바일 전체메뉴 언어 */
header.header .all_menu_header .lang_box{display:block; position:relative; margin-right: 37px;}
header.header .all_menu_header .lang_box a.lang_a{font-size:17px; color:#222; font-weight:bold; padding-right:20px;}
header.header .all_menu_header .lang_box a.lang_a span {font-family:'Pretendard', sans-serif;}
header.header .all_menu_header .lang_box a.lang_a span.tri{border-top:5px solid #222; border-left:5px solid transparent;  border-right:5px solid transparent; position:absolute; right:0; top:8px; transition:all 0.4s;}
header.header .all_menu_header .lang_box:hover a.lang_a span.tri{transform:rotate(90deg);}
header.header .all_menu_header .lang_box a.lang_a + ul{position:absolute; top:50%; left:0px; opacity:0; visibility:hidden; transition:all 0.4s; transform: translateY(-50%);}
header.header .all_menu_header .lang_box:hover a.lang_a + ul{opacity:1; left:-40px; visibility:visible;}
header.header .all_menu_header .lang_box a.lang_a + ul li{display:inline-block;margin-right:20px;}
header.header .all_menu_header .lang_box a.lang_a + ul li a{font-size:17px; color:#222; font-weight:bold; font-family: 'Pretendard', sans-serif;}

@media (max-width:991px){
    header.header .all_menu_header .lang_box a.lang_a span.tri {top:5px;}
	header.header .all_menu_header .lang_box a.lang_a{font-size:14px;}
    header.header .all_menu_header .lang_box a.lang_a + ul li a{font-size:14px;}
}

header.header > .container_fix > div.header_btn .mobile_all_menu_btn{display:none;}
header.header.active /* header.header.fixed */{background:#fff;}
header.header.bgBlack /* header.header.fixed */{background:rgba(0,0,0,0.2);}
header.header.bgBlack.active /* header.header.fixed */{background:#fff;}
header.header.active > .container_fix > div.header_logo .logo_b
/* header.header.fixed > .container_fix > div.header_logo .logo_b */{display:block;}
header.header.active > .container_fix > div.header_logo .logo_w
/* header.header.fixed > .container_fix > div.header_logo .logo_w */{display:none;}
header.header.active > .container_fix > div.header_menu > ul > li > a
/* header.header.fixed > .container_fix > div.header_menu > ul > li > a */{color:#000000;}
header.header.active > .container_fix > div.header_btn .lang_box a.lang_a
/* header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a */{color:#222222;}
header.header.active > .container_fix > div.header_btn .lang_box a.lang_a + ul li a
/* header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a + ul li a */{color:#222;}
header.header.active > .container_fix > div.header_btn .lang_box a.lang_a span.tri
/* header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a span.tri */{border-top-color:#222222; transition:none;}
header.header .all_menu{display:none;}
header.header.subPageHeader {background:#fff;}
header.header.subPageHeader > .container_fix > div.header_logo .logo_b {display:block;}
header.header.subPageHeader > .container_fix > div.header_logo .logo_w {display:none;}
header.header.subPageHeader > .container_fix > div.header_menu > ul > li > a {color:#000000;}
header.header.subPageHeader > .container_fix > div.header_btn .lang_box a.lang_a {color:#222222;}
header.header.subPageHeader > .container_fix > div.header_btn .lang_box a.lang_a + ul li a {color:#222;}
header.header.subPageHeader > .container_fix > div.header_btn .lang_box a.lang_a span.tri {border-top-color:#222222; transition:none;}

@media (max-width:1500px){
	header.header > .container_fix > div.header_menu > ul{position:relative;}
	header.header > .container_fix > div.header_menu > ul > li{position:static;}
	/* header.header > .container_fix > div.header_menu > ul > li > .sub_div{position:absolute; left:0;} */
}

@media (max-width:1350px){
    header.header > .container_fix > div.header_logo{width:auto;}
    header.header > .container_fix > div.header_btn{width:auto;}
}

@media (max-width:1200px){
	header.header > .container_fix > div.header_menu > ul > li > a{margin-right:30px;}
	header.header > .container_fix > div.header_menu > ul > li > .sub_div > ul > li{margin-right:15px;}
}

@media (max-width:991px){
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn{display:none;}
	header.header.active, header.header.fixed{background:#fff; border-bottom: 1px solid #f3f3f3;}
	header.header.active > .container_fix > div.header_logo .logo_b,
	header.header.fixed > .container_fix > div.header_logo .logo_b{display:block;}
	header.header.active > .container_fix > div.header_logo .logo_w,
	header.header.fixed > .container_fix > div.header_logo .logo_w{display:none;}
	header.header.active > .container_fix > div.header_menu > ul > li > a,
	header.header.fixed > .container_fix > div.header_menu > ul > li > a{color:#000000;}
	header.header.active > .container_fix > div.header_btn .lang_box a.lang_a,
	header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a{color:#222222;}
	header.header.active > .container_fix > div.header_btn .lang_box a.lang_a + ul li a,
	header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a + ul li a{color:#222;}
	header.header.active > .container_fix > div.header_btn .lang_box a.lang_a span.tri,
	header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a span.tri{border-top-color:#222222; transition:none;}
	header.header .all_menu{display:none;}
	header.header{padding:25px 0;}
	header.header > .container_fix{display:flex; justify-content:space-between; align-items: center; padding: 0 15px;}
	header.header > .container_fix > div.header_btn{width:auto; display: flex; justify-content: space-between; align-items: center; gap: 20px;}
	header.header > .container_fix > div.header_menu {display:none;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn{display:block;}
	header.header.fixed > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span,
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span{background:#222;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn{display:inline-block; width:22px; vertical-align:middle; z-index:30; position:relative;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span{display:block; width:22px; height:3px; margin-bottom:5px; background:#fff; transition:all 0.5s; border-radius: 5px;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span:nth-child(2){width:16px; margin-left:auto}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span:nth-child(3){margin-bottom:0;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(1){transform:translateY(8px) rotate(-45deg);}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(2){opacity:0;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(3){transform:translateY(-8px) rotate(45deg);}

	header.header .all_menu{display:block; left:0%; /* opacity:0; */ visibility:hidden; background:rgba(0,0,0,0.2); width:100%;
	position:fixed; top:0; height:100vh; overflow-y:auto;}
    header.header .all_menu .all_menu_bg {width: 60%; height: 100%; background-color: #fff; margin-left: auto; transition:all 0.5s; transform: translateX(100%);}
	header.header .all_menu.active{visibility:visible;}
    header.header .all_menu.active .all_menu_bg{transform: translateX(0);}
	header.header .all_menu .all_menu_header{padding:25px 15px 15px 30px; position:relative; margin-bottom:70px;}
	header.header .all_menu .all_menu_header > ul{ font-family:'Pretendard', sans-serif;}
	header.header .all_menu .all_menu_header > ul > li{display:inline-block; margin-right:20px;}
	header.header .all_menu .all_menu_header > ul > li:last-child{margin-right:0;}
	header.header .all_menu .all_menu_header > ul > li > a{font-size:18px; color:#999; font-weight: bold; font-family:'Pretendard', sans-serif;}
	header.header .all_menu .all_menu_header > ul > li.active > a{color:#1966c3;}
	/* header.header .all_menu .all_menu_header a.all_menu_close{position:absolute; width:28px; display:block; top:15px; right:15px;}
	header.header .all_menu .all_menu_header a.all_menu_close span{display:block; width:28px; height:2px; transition:all 0.3s; 
	background:#222; transform:translateY(11px) rotate(45deg);}
	header.header .all_menu .all_menu_header a.all_menu_close span:nth-child(2){transform:translateY(-11px) rotate(45deg);} */
	/* header.header .all_menu .container_fix ul.all_menu_ul{padding:0 15px;} */
	header.header .all_menu .container_fix ul.all_menu_ul > li{display:block; margin-bottom:40px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a{display:flex; justify-content: space-between; align-items: center; position:relative;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a > span {font-size:20px; color:#999; font-weight: 500; font-family:'Pretendard', sans-serif;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a.active > span {color:#222;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a.all_menu_point > span {color:#1966c3;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a > div.mobile_plus{display:flex; justify-content: center; align-items: center;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a > div span {display: block; width:11px; height:2px; background:#222;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a > div span:first-child{transform: rotate(40deg); margin-right: -2px;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a > div span:last-child{transform: rotate(-40deg); margin-left: -2px;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a.active > div span:first-child{transform: rotate(-40deg); margin-right: -2px;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a.active > div span:last-child{transform: rotate(40deg); margin-left: -2px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div{padding-top:20px; display:none;}
	/* header.header .all_menu .container_fix ul.all_menu_ul > li > a.active + .all_menu_sub_div{display:block;} */
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li{margin-bottom:20px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li:last-child{margin-bottom:0;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li > a{font-size:15px; color:#999; font-weight: 500; font-family:'Pretendard', sans-serif;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a.active + .all_menu_sub_div > ul > li > a{color:#222;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > a.all_menu_point + .all_menu_sub_div > ul > li > a{color:#1966c3;}
    header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li.on > a {color:#1966c3; font-weight: 600;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li > .all_menu_sub_div2{display:none;}
}
@media (max-width:768px){
	header.header{padding:20px 0;}
	header.header > .container_fix > div.header_logo img{width:165px;}
	header.header .all_menu .all_menu_header > ul > li > a{font-size:16px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a{font-size:18px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li > a{font-size:15px;}
    header.header .all_menu .all_menu_header img {width: 150px;}
}

@media (max-width:480px){
	header.header{padding:15px 0;}
	header.header > .container_fix > div.header_logo img{width:150px;}

	header.header .all_menu .all_menu_header > ul > li{margin-right:15px;}
	header.header .all_menu .all_menu_header > ul > li > a{font-size:14px;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(1){transform:translateY(8px) rotate(-45deg);}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(3){transform:translateY(-8px) rotate(45deg);}
    header.header .all_menu .all_menu_header img {width: 150px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
풀페이지 네비게이션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.fullpage_bar_wrap{position:fixed; top: 0; left: 0; bottom: 0; width: 200px; height: 100%; background: linear-gradient(to right, rgba(34, 34, 34, 0.1), rgba(34, 34, 34, 0)); z-index: 1; padding-left: 50px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.fullpage_bar_wrap > .fullpage_bar{}
.fullpage_bar_wrap > .fullpage_bar .current_index{color:#fff; font-size:16px; font-weight:600; transform:rotate(90deg); white-space:nowrap; vertical-align:top;}
.fullpage_bar_wrap > .fullpage_bar .total_length{color:#fff; font-size:16px; font-weight:600; transform:rotate(90deg); white-space:nowrap; vertical-align:top;}
.fullpage_bar_wrap > .fullpage_bar .bar{width:2px; height:270px; background:#fff; position:relative; left:10px; overflow:hidden; margin: 15px 0;}
.fullpage_bar_wrap > .fullpage_bar .bar .bar_active{position:absolute; width:2px; height:0; background:#1966c3; transition:all 0.7s; }
.fullpage_bar_wrap > .fullpage_bar .current_index span.zero {margin-right: -5px;}
.fullpage_bar_wrap > .fullpage_bar .total_length span.max_length {margin-left: -5px;}
@media (max-width:991px){
	.fullpage_bar_wrap{display:none;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터
html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{padding:40px 0; margin-top:0px;}
footer.footer .container_fix{width:1230px;}
footer.footer .container_fix ul{}
footer.footer .container_fix ul li{display:inline-block; margin-right:12px; position:relative; font-family:'Pretendard', sans-serif;}
footer.footer .container_fix ul li:last-child{margin-right:0;}
footer.footer .container_fix ul li::after{content:""; width:1px; height:17px; background:#ccc; position:absolute; top:5px; right:-8px;}
footer.footer .container_fix ul li:last-child::after{display:none;}
footer.footer .container_fix ul li, footer.footer .container_fix ul li a,
footer.footer .container_fix ul li, footer.footer .container_fix h5{font-size:15px; color:#999999; line-height:26px; font-family:'Pretendard', sans-serif;}
.at-go #go-btn{display:none !important;}

@media (max-width:991px){
	#fullpage footer.footer{display:none;}
	footer.footer .container_fix{padding-left:0; padding:0 30px;}
}
@media (max-width:480px){
	footer.footer{margin-top:0px;}
	footer.footer{padding:20px 0;}
	footer.footer .container_fix ul li{display:inline-block; margin-right:8px; position:relative;}
	footer.footer .container_fix ul li::after{height:14px; top:5px; right:-6px;}	
	footer.footer .container_fix ul .mobile_block{display:block;}
	footer.footer .container_fix ul li:nth-child(2)::after, footer.footer .container_fix ul li:nth-child(4)::after,
	footer.footer .container_fix ul li:nth-child(7)::after{display:none;}
	footer.footer .container_fix ul li, footer.footer .container_fix ul li a,
	footer.footer .container_fix ul li, footer.footer .container_fix h5{font-size:13px; line-height:24px;}
}