@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 .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:22px;}
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:600; padding:0 18px;
transition:all 0.2s ease-in-out; position:relative; z-index:1;}
header.header .right_menu > ul.menu_ul > li > a span {font-size:18px; color:#222222; font-weight: 600;}
header.header .right_menu > ul.menu_ul > li > a::before{content:""; width:100%; height:0; background:#1d2087; 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 span {color: #fff; animation-delay:0.2s;}
header.header .right_menu > ul.menu_ul > li:hover > a::before{height:70px; 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:120px; background:#1d2087; 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:70px; opacity:1; visibility: visible;}
header.header .right_menu > ul.menu_ul > li > .menu_sub1_div ul li a{font-size:14px; color:#cedcff; padding:8px 0; display:block; line-height: 20px; word-break: auto-phrase;}
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:700;}
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:318px; 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:550px; padding:120px 0 30px 30px; 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: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:#1d2087;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:33px; color:#222222; font-weight:700; 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:18px; color:#666666; line-height:40px;}
.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 > .menu_sub1_div ul li {
    position: relative;
}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li span.sub_arrow {
    position: absolute;
    top: 16px;
    right: 30px;
}
.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 > .menu_sub1_div ul li .menu_sub2_div ul li span.sub_arrow {
    top: 11px;
}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div > ul > li a {font-size: 16px; color: #999; line-height: 34px;}

/* 4차메뉴 */
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li .menu_sub3_div {display:none;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li .menu_sub3_div ul li {padding-left: 15px;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li .menu_sub3_div ul li a {font-size: 14px; color: #999; line-height: 32px;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li .menu_sub3_div ul li:hover a {color: #fff;}

.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:148px;}
}

@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;}
	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:#1d2087; 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 #d2d2d2;}
	.all_menu_box .all_menu_header a.all_logo{line-height:normal;}
	.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:7px; 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:20px; font-weight: 600; line-height: 17px; padding-bottom:33px;}
    .all_menu_box .all_menu_body ul.all_menu_ul > li.active > a {color: #1d2087; padding-bottom: 20px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li a{font-size:15px; line-height:30px;}
	.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:#1d2087;}
	.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:#666;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li.active .menu_sub1_div{display:block; padding-left:20px;}
    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div {padding-left: 8px;}
    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li a {font-size: 13px; line-height: 22px;}

    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li .menu_sub3_div ul li a {font-size: 12px; line-height: 25px;}
    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li .menu_sub3_div ul li:hover a {color: #666;}

    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li span.sub_arrow {
        right: 0;
    }
    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li .menu_sub2_div ul li span.sub_arrow {
        top: 2px;
    }
    .all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div ul li span.sub_arrow img {
        width: 70%;
    }

}
@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:8px 0;}
	header.header .header_mobile img, .all_menu_box .all_menu_header img{height:35px;}
	.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:#252726; padding:50px 0; margin-top:120px;}
footer.footer.no_margin{margin-top:0;}
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:16px; background:#aaa; 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:#fff;}
footer.footer ul.infos{margin-bottom:15px;}
footer.footer ul.infos > li{display:inline-block; position:relative; margin-right:20px; font-size:16px; color:#888;}
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:#888;}
.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:#1d2087}
@media (max-width:991px){
	footer.footer{padding:30px 0 50px; margin-top:80px;}
	footer.footer ul.links{margin-bottom:15px;}
	footer.footer ul.links > li{margin-right:10px;}
	footer.footer ul.links > li::after{height:10px; right:-7px; top:5px;}
	footer.footer ul.links > li > a{font-size:12px; line-height:19px;}
	footer.footer ul.infos{margin-bottom:10px;}
	footer.footer ul.infos > li{margin-right:10px; font-size:12px; line-height:19px;}
	/* 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 ul.infos > li::after {display: none;}
	footer.footer h4{font-size:12px; color:#888; line-height:13px;}

	.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%;}
}