@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{width:1850px; display:table;}
header.header .all_menu_body>.container_fix{width: 1780px;}
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:18px;}
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:20px; color:#000000; line-height:103px; display:block; font-weight:500; padding:0 28px;
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:#d31f21; 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:103px; 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:90px; left:0; padding:10px 26px;
width:auto; background:#d31f21; 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:103px; opacity:1; visibility: visible;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li a{font-size:16px; color:#fff; padding:8px 0; display:block;white-space: nowrap;}
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:438px; padding-left:47px; 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:18px; color:#000; 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:#777; 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:24px;}
header.header .right_menu > div.header_menu_btn:nth-last-child(2){padding-left:28px;}

.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:175px 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:326px; z-index:1;
height:1px; background:#d7d7d7;}
.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:450px; padding:85px 0 146px 28px; transition:all 0.2s ease-in-out;
position:relative;}
.all_menu_box .all_menu_body ul.all_menu_ul > li::before{content:""; width:100%; height:1px; background:#d7d7d7; position:absolute; left:0;
top:151px;}
.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:#af0507;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:33px; color:#000; 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:63px; display:block;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:18px; color:#666666; 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:#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 .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li span{color:#d2a8a8; transition: 0.2s;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li:hover span{color:#fff;}
.all_menu_box .mobile_notice{display:none;}
.at-wrapper{padding-top:180px;}
.at-wrapper.at_index{padding-top: 103px;}
@media (max-width:1800px){
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size: 25px;}
	.at-wrapper.at_index{padding-top: 50px;}
}
@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:1300px){
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size: 22px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:30px 0 30px 15px;}
}
@media (max-width:1150px){
	header.header .right_menu > div.notice{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:block;}
	.all_menu_box .all_menu_header .container_fix{padding: 0 20px;}
	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:16.5px 25px; overflow:hidden;
	background:#ececec; 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:59.5px; font-size:13px; line-height:17px; color:#000; font-weight:700;}
	.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:#666; font-size:12.5px;}
	.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_body{padding:36px 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:15px; display:block; min-height:auto; padding-bottom: 13px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{display:none; padding:0; padding-bottom:20px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:21px; padding-bottom:18px; color: #000 !important;font-weight: 700;}
    .all_menu_box .all_menu_body ul.all_menu_ul > li > a:hover span{color: #000;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:14.5px; line-height:32px; color: #999;}
	.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:#d31f21;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a{color:#999;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li a:hover{color:#999;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li span{color:#999; transition: 0.2s;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div ul li:hover span{color:#999;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li.on a span{color: #d31f21 !important;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li.active .menu_sub1_div{display:block; padding-left:15px;}
}
@media (max-width:768px){
	header.header .header_mobile img, .all_menu_box .all_menu_header img{height:60px;}
	.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:0;}
	header.header .header_mobile img, .all_menu_box .all_menu_header img{height:50px;}
	.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:#ececec; padding:50px 0; margin-top: 120px;}
footer.index_footer{margin-top: 0;}
footer.footer.no_margin{margin-top:0;}
footer.footer ul.links{margin-bottom:22px;}
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:#999; 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:#999;}
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:#999; position:absolute; right:-12px; top:1px;}
footer.footer ul.infos > li:nth-last-child(2)::after{display:none;}
footer.footer ul.infos > li > a{}
footer.footer h4{font-size:16px; color:#999999; letter-spacing: -.02em;}
.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:#d31f21}
@media (max-width:991px){
	footer.footer{padding:30px 0 16px; margin-top: 80px;}
	footer.index_footer{margin-top: 0;}
    footer.m02-01-footer{margin-top: 61.5px;}
	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:10.5px; right:-7px; top:6px; background-color: #999;}
	footer.footer ul.links > li > a{font-size:13px; ; line-height:19px;}
	footer.footer ul.infos{margin-bottom:10px;}
	footer.footer ul.infos > li{margin-right:10px; font-size:13px; line-height:19px;}
	footer.footer ul.infos > li::after{height:10.5px;  right:-7px; top:6px; background-color: #999;}
	footer.footer ul.infos > li:nth-child(2)::after,
	footer.footer ul.infos > li:last-child::after{display:none;}
	footer.footer ul.infos > li span{padding-right: 6px; margin-right: 6px;}
	footer.footer ul.infos > li span:first-child::after{content:""; display: inline-block; width:1px; background:#999; height:10.5px; position: relative; left:8px; top:1px;}
    /* footer.footer ul.infos > li:last-child::before{content:""; width:1px; background:#999; position:absolute; height:10.5px;  left:-7px; top:6px;} */
	footer.footer h4{font-size:13px; color:#999999; line-height:24px;}

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

@media (max-width:991px){
footer.footer ul.infos > li.name::after{display:none;}
}