@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_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;}
}
.img_container img {
    width: 100%;
    object-fit: cover;
}

/*********************************************************************
	탑배너. 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{width:1850px; display:table;}
header.header .container_fix::before, header.header .container_fix::after{content:""; display:block; clear:both;}
header.header .left_logo{float:left; line-height:100px;}
header.header .right_menu{float:right; display:table;}
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:430px;}
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:18px; color:#222222; line-height:98px; display:block; font-weight:500; padding:0 30px;
transition:all 0.2s ease-in-out; position:relative; z-index:1; text-transform: uppercase;}
header.header .right_menu > ul.menu_ul > li > a::before{content:""; width:100%; height:0; background:#f57d20; 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:85px; 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:120%; background:#f57d20; transition:all 0.2s ease-in-out;  visibility: hidden; opacity:0; z-index:1;}
header.header .right_menu > ul.menu_ul > li:last-child > .menu_sub1_div{display:none;}
header.header .right_menu > ul.menu_ul > li:hover > .menu_sub1_div{top:85px; opacity:1; visibility: visible;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li a{font-size:18px; color:#ffbc88; padding:8px 0; display:block;}
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 .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;} */

.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; 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{width:1px;}
.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:300px; z-index:1;
height:1px; background:#eaeaea;}
.all_menu_box .all_menu_body ul.all_menu_ul{display:table; width:100%; table-layout:fixed;}
.all_menu_box .all_menu_body ul.all_menu_ul > li{display:table-cell; min-height:630px; padding:100px 0 320px 35px; transition:all 0.2s ease-in-out;
position:relative; border-radius: 50px; transition: .3s;}
/* .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:#f57d20;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:38px; color:#111; font-weight:500; 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:60px; display:block;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:20px; font-weight: 400; color:#5d5d5d; line-height:40px;}
.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:#ffbc88; font-weight: 400;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a:hover{color:#ffffff; font-weight: 600;}
.all_menu_box .mobile_notice{display:none;}
.at-wrapper{padding-top:100px;}

@media (max-width:1500px){
	header.header .left_logo img{width:90px;}
	/* 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;}
}

@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;}
	header.header .header_mobile .m_menu{position:absolute; right:15px;}
	.all_menu_box .mobile_notice{display:block; position:fixed; bottom:0; right:0; width:500px; padding:15px 30px; overflow:hidden;
	background:#f57d20; 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 #eaeaea;}
    .all_menu_box .all_menu_header a.all_logo { line-height: normal; }
	.all_menu_box .all_menu_header a.all_logo img{ width: 128px; }
    .all_menu_box .all_menu_header a.all_menu_close img { width: 17px; height: 17px; object-fit: cover; }
	.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);}
	.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:11px; display:block; min-height:auto;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{display:none; padding:0; padding-bottom:30px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:22px; padding-bottom:25px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:14px; line-height:30px; color: #5d5d5d;}
	.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:#f57d20;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a{color:#666666;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a:hover{color:#f57d20;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li.active .menu_sub1_div{display:block; padding-left:15px;}
}
@media (max-width:991px){
	header.header .header_mobile img{height:29px;}
    header.header .header_mobile .m_menu img { width:17px; height: auto; }
	.all_menu_box .all_menu_body{height:calc(100vh - 60px);}
	.at-wrapper{padding-top: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;}
}
@media (max-width:480px){
	.all_menu_box{ width:300px; right:-300px}
	.all_menu_box .mobile_notice{width:300px; right:-300px;}
	header.header .header_mobile, .all_menu_box .all_menu_header{padding:14px 0;}
	.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:56px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{background:#fff; padding:50px 0; border-top: 1px solid #eaeaea; }
footer.footer.no-border { border-top: none; }
footer.footer ul.links{margin-bottom:25px;}
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:14px; background:#d4d4d4; position:absolute; right:-12px; top:1px;}
footer.footer ul.links > li:last-child::after{display:none;}
footer.footer ul.links > li > a{font-size:16px; color:#666;}
footer.footer ul.infos{margin-bottom:15px;}
footer.footer ul.infos > li{display:inline-block; position:relative; margin-right:20px; font-size:16px; color:#999;}
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:-12px; top:1px;}
footer.footer ul.infos > li:last-child::after{display:none;}
footer.footer ul.infos > li > a{}
footer.footer h4{font-size:16px; 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:normal !important; background:#f57d20}
@media (max-width:991px){
	footer.footer{padding:30px 0;}
	footer.footer ul.links{margin-bottom:15px;}
	footer.footer ul.links > li{margin-right:10px;}
	footer.footer ul.links > li:nth-child(2)::after{display:none;}
	footer.footer ul.links > li::after{height:12px; right:-7px; top:6px;}
	footer.footer ul.links > li > a{font-size:13px; ; line-height:24px;}
	footer.footer ul.infos{margin-bottom:10px;}
	footer.footer ul.infos > li{margin-right:10px; font-size:13px; line-height:24px;}
	footer.footer ul.infos > li::after{height:12px;  right:-7px; top:6px;}
	footer.footer ul.infos > li:nth-child(2)::after,
	footer.footer ul.infos > li:nth-child(4)::after{display:none;}
	footer.footer h4{font-size:13px; color:#999999; line-height:19px;}

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