@charset "utf-8";

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

.container_fix{width:1310px}
.container_lg{width:1630px; max-width:100%; margin:0 auto; padding:0 15px}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

.at-header{position:fixed;left:0; z-index:30; width:100%; transition:all 1s; top:-30px; opacity:0;}
.at-header.down{top:0; opacity:1;}
.at-header .logo_b{display:none;}
.at-header.sub-header{background:#fff;}
.at-menu{position:relative; border:0; background:transparent;}
.at-menu::after{content:''; position:absolute; bottom:0; left:0; z-index:5; width:100%; height:1px; background-color:#313131; opacity:0; transition:opacity 0.4s; visibility:hidden;}
.at-menu .header_wrap{transition:0.4s}
.at-menu .header_wrap .container_lg{position:relative}
.at-menu .header_wrap .header_logo{position:absolute; top:31px; left:15px}
.at-menu .header_wrap .header_logo a{display:block;}
.at-menu .header_wrap .menu-ul{display:flex; justify-content:flex-end;}
.at-menu .header_wrap .menu-li{}
.at-menu .header_wrap .menu-a{display:block; padding:0 40px; font-size:18px; color:#222222; font-weight: 500; transition: .3s;}
.at-menu .header_wrap .menu-a:hover {color:#e76717}
.at-menu .header_wrap .langBox{border: 1px solid #222; height: 26px; border-radius: 13.5px; width: 65px; cursor: pointer; text-align: center; margin-top: 34px;line-height: 22px; margin-left:40px; transition: .2s;}
.at-menu .header_wrap .langBox.on {height: 70px; background-color: #fff; border-color:#e1e1e1}
.at-menu .header_wrap .langBox a{color:#222; font-size: 12px; font-weight: 500; padding:0 0 0 6px; font-family: 'Pretendard', sans-serif;}
.at-menu .header_wrap .langBox a span{font-family: 'Pretendard', sans-serif; font-weight: 400;}
.at-menu .header_wrap .langBox.on a{color:#222; font-weight: 600;}
.at-menu .header_wrap .langBox img{margin-left: 6px; transform: translateY(-1px);}
/* .at-menu .header_wrap .langBox .lang_on{display:none;} */
.at-menu .header_wrap .langBox.on .lang_on{display:inline-block; transform: translateY(-2px);}
/* .at-menu .header_wrap .langBox.on .lang_off{display:none;} */
.at-menu .header_wrap .langBox .lang_sort{ width:100%; background:#fff; border-radius:10px; display:none; padding:0 10px; text-align: left;position: relative; z-index: 5; height: 30px; justify-content: space-between; transform: translateY(5px);}
.at-menu .header_wrap .langBox .lang_sort a{color:#222; line-height: 12px; font-weight: 400; padding: 0;}
.at-menu .header_wrap .langBox .lang_sort a:hover{color:#e76717;}
.at-menu .header_wrap .langBox.on .lang_sort{display: block; display: flex; flex-direction: column; }
.at-menu .header_wrap .sub-1div{display:none; padding-left:40px; opacity:0; visibility:hidden}
.at-menu .header_wrap .sub-1dul{padding:21px 0 22px}
.at-menu .header_wrap .sub-1dli{}
.at-menu .header_wrap .sub-1dli + .sub-1dli{margin-top:20px}
.at-menu .header_wrap .sub-1da{display:inline-block; font-size:16px; line-height:1; color:#999999}
.at-menu .header_wrap .sub-1da:hover {color:#e76717}
.at-header.sub-header .header_wrap .menu-a{color:#000;}
.at-header.sub-header .logo_w{display:none;}
.at-header.sub-header .logo_b{display:block;}
.at-header.sub-header.on .logo_b{display:none;}
.at-header.sub-header.on .logo_w{display:block;}
.at-header.sub-header.on .header_wrap .menu-a{color:#222;}

.at-header.sub-header.fixed .logo_w{display:block;}
.at-header.sub-header.fixed .logo_b{display:none;}
.at-header.sub-header.fixed .header_wrap .menu-a{color:#222;}
.at-header.on{}
.at-header.on .at-menu{}
/* .at-header.on .at-menu::after{opacity:1; visibility:visible;} */
.at-header.on .at-menu .header_wrap{position:relative; background-color:#fff;}
.at-header.on .at-menu .header_wrap::after{content:""; background-color: #e1e1e1; width: 100%; height: 1px; position: absolute; top:90px; left:0}
.at-header.on .at-menu .header_wrap .sub-1div{opacity:1; visibility:visible; }
.at-header.fixed .at-menu .header_wrap{position:relative; background:#fff;}

@media (max-width:991px){
	.at-header.sub-header .at-menu .m-menu a.all_menu_btn span{background:#111;}
	.at-header.sub-header.fixed .logo_b{display:none;}
	.at-header.sub-header.fixed .logo_w{display:block;}
	.at-header.sub-header.fixed .at-menu .m-menu a.all_menu_btn span{background:#222;}
	.at-header.sub-header .at-menu .m-menu.active .logo_b{display:none;}
	.at-header.sub-header .at-menu .m-menu.active .logo_w{display:block;}
	.at-header.sub-header .at-menu .m-menu.active a.all_menu_btn span{background:#222;}
	.at-header.fixed .at-menu .m-menu{background:#fff;}
	.at-header .at-menu .m-menu.active{background:#fff;}
	.at-menu .m-menu{transition:all 0.4s; background:transparent; box-shadow:none; position:relative; padding:20px 0;}
	.at-menu .m-menu .container_fix{ display: flex; justify-content: space-between;}
	.at-menu .m-menu .m_logo{}
	.at-menu .langBox{border: 0.5px solid #222; height: 23px; border-radius: 11px; width: 55px; cursor: pointer; text-align: center;line-height: 20px; margin-right:40px; transition: .2s; position: absolute; right: 12px; top:2px}
	.at-menu .langBox.on {height: 83px; background-color: #fff; border-color:#fff;}
	@import url('https://fonts.cdnfonts.com/css/myriad-web-pro');
	.at-menu .langBox a{color:#222; font-size: 12px; font-weight: 400; padding:0 0 0 3px; font-family: 'Myriad Web Pro', sans-serif;}
	.at-menu .langBox a span{font-family: 'Myriad Web Pro', sans-serif; font-weight: 400;}
	.at-menu .langBox.on a{color:#222; font-weight: 400;}
	.at-menu .langBox img{margin-left: 3px; transform: translateY(0px); width: 10px;}
	.at-menu .langBox img.lang_off{content:url(/img/mlang_arrow.png)}
	/* .at-menu .header_wrap .langBox .lang_on{display:none;} */
	.at-menu .langBox.on .lang_on{display:none; transform: translateY(-2px);}
	.at-menu .langBox .lang_on {display: none;}
	/* .at-menu .header_wrap .langBox.on .lang_off{display:none;} */
	.at-menu .langBox .lang_sort{ width:100%; background:#fff; border-radius:10px; display:none; padding:0 10px; text-align: left;position: relative; z-index: 5; height: 35px; justify-content: space-between; transform: translateY(15px);}
	.at-menu .langBox .lang_sort a{color:#222; line-height: 12px; font-weight: 400; padding: 0;}
	.at-menu .langBox .lang_sort a:hover{color:#e76717;}
	.at-menu .langBox.on .lang_sort{display: block; display: flex; flex-direction: column; }
	.at-menu .m-menu a.all_menu_btn{position:absolute; display:block; right:15px; top:50%; transform:translateY(-50%); width:25px; height:18px;}
	.at-menu .m-menu a.all_menu_btn span{width:100%; height:1px; background:#111; margin-bottom:7px; display:block; transition:all 0.3s; 
	position:relative;}
	.at-menu .m-menu a.all_menu_btn span:last-child{margin-bottom:0;}
	.at-menu .m-menu a.all_menu_btn.active span:nth-child(1){transform:translateY(8px) rotate(-45deg);}
	.at-menu .m-menu a.all_menu_btn.active span:nth-child(2){opacity:0;}
	.at-menu .m-menu a.all_menu_btn.active span:nth-child(3){transform:translateY(-8px) rotate(45deg);}
	.at-menu .m-menu .all_menu{position:fixed; width:100%; top:74px; border-top:none; left:0; background:#fff; opacity:0; visibility:hidden; transition:all 0.4s;
	height:calc(100vh - 74px); overflow-y:auto; padding-top:70px;}
	.at-menu .m-menu .all_menu.active{opacity:1; visibility:visible;}
	.at-menu .m-menu .all_menu .all_ul{display:block; margin-top:20px; width: 100%;}
	.at-menu .m-menu .all_menu .all_ul > li{width:100%;}
	.at-menu .m-menu .all_menu .all_ul > li > a{font-size:18px; color:#222; position:relative; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
	.at-menu .m-menu .all_menu .all_ul > li > a .mobile_plus{display:block; width:10px; height:7px; position:absolute; right:4px; top:7px; transition:all 0.4s;}
	.at-menu .m-menu .all_menu .all_ul > li > a .mobile_plus::before{content:""; width:1px; height:10px; background:#222; position:absolute; left:1px; bottom:0;
	transform:rotate(-45deg);}
	.at-menu .m-menu .all_menu .all_ul > li > a .mobile_plus::after{content:""; width:1px; height:10px; background:#222; position:absolute; right:1px; bottom:0;
	transform:rotate(45deg);}
	.at-menu .m-menu .all_menu .all_ul > li > a.active .mobile_plus{transform:rotate(180deg);}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul{}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li{margin-bottom:15px;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li:last-child{margin-bottom:0;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:16px; color:#999999;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div{margin-bottom:25px; padding-left:10px; display:none;}
	.at-menu .m-menu .all_menu .all_ul > li > a.active + .all_sub_div{display:block;}
	
}

@media (max-width:480px){
	.at-menu .m-menu{padding:15px 0;}
	.at-menu .m-menu .m_logo img{width:60px;}
	.at-menu .m-menu .all_menu{top:49px; height:calc(100% - 49px); padding-top:30px;}
	.at-menu .m-menu .all_menu .all_ul > li > a{font-size:16px; padding-bottom:15px; margin-bottom:15px;}
	.at-menu .m-menu .all_menu .all_ul > li > a.active {color: #e76717;}
	.at-menu .m-menu .all_menu .all_ul > li > a.active + .all_sub_div{margin-bottom:22px;}
	.at-menu .m-menu .all_menu .all_ul > li > .all_sub_div > ul > li > a{font-size:14px; }
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{margin-top:0;}
footer.footer.no_margin{margin-top:0;}
footer.footer .footer_menu{background:#fff; padding:45px 0 0}
footer.footer .footer_menu .container_fix {display:flex; justify-content: space-between;}
footer.footer .footer_menu ul.f_menu_ul{width: 670px; display: flex; justify-content: space-between;}
/* footer.footer .footer_menu ul.f_menu_ul::before, footer.footer .footer_menu ul.f_menu_ul::after{content:""; display:block; clear:both;} */
footer.footer .footer_menu ul.f_menu_ul > li{float:left; width:16.6666%;}
footer.footer .footer_menu ul.f_menu_ul > li > a{font-size:20px; color:#333333; font-weight:700; display:inline-block; margin-bottom:27px; font-family: 'pretendard', sans-serif;}
footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub{}
footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul{}
footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul > li{margin-bottom:14px;}
footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul > li:last-child{margin-bottom:0;}
footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul > li > a{font-size:16px; color:#666666; font-family: 'pretendard', sans-serif;}
footer.footer .footer_menu ul.footer_sns {display: flex; margin-left:83px; width:300px;}
footer.footer .footer_menu ul.footer_sns li {margin-left:6px}
footer.footer .footer_menu ul.footer_sns li img{width: 37px;}
footer.footer .footer_info{background:#fff; padding:160px 0 50px;}
footer.footer .footer_info > .container_fix{display:flex; justify-content:space-between; align-items: end;}
footer.footer .footer_info .left_info{margin-left:265px}
footer.footer .footer_info .left_info ul{}
footer.footer .footer_info ul > li{display:inline-block; position:relative; margin-right:20px;}
footer.footer .footer_info ul > li:last-child{margin-right:0;}
footer.footer .footer_info ul > li::after{content:""; width:1px; height:14px; background:#8c8c8c; position:absolute; right:-20px; top:5px;display: none;}
footer.footer .footer_info ul > li:last-child::after{display:none;}
footer.footer .footer_info ul > li p {display: inline-block;}
footer.footer .footer_info ul > li, footer.footer .footer_info ul li a, footer.footer .footer_info .left_info h5{font-size:15px; color:#999999; line-height:24px; font-family: 'pretendard',sans-serif;}
footer.footer .footer_info .left_info h5{margin-top:5px; font-size: 14px;}
footer.footer .footer_info .f_family select {width: 200px; height: 40px; line-height: 40px; border:none; border-bottom: 1px solid #c9c9c9; color:#999999; font-size: 14px; font-weight: 500; background-color: transparent;}
footer.footer .footer_info .right_info{}
footer.footer .footer_info .right_info ul{}

@media (max-width:991px){
	footer.footer{margin-top:0px;}
	footer.footer .footer_icon{border-bottom:0;}
	footer.footer .footer_icon > .container_fix{display:block;}
	footer.footer .footer_icon .footer_logo{display:block; margin-bottom:30px;}
	footer.footer .footer_icon ul.footer_sns{display:block; text-align:right;}
	footer.footer .footer_icon ul.footer_sns > li{display:inline-block; margin-left:5px; vertical-align:top;}
	footer.footer .footer_icon ul.footer_sns > li > a{line-height:32px;}
	/* footer.footer .footer_menu{display:none;} */
	footer.footer .footer_menu {padding: 0;}
	footer.footer .footer_menu .container_fix {flex-direction: column; padding:0}
	footer.footer .footer_menu .m_footer_logo {padding:15px; border-bottom:1px solid #f8f7f7; display: flex; justify-content: space-between; align-items: center;}
	footer.footer .footer_menu .m_footer_logo img{width: 64px;}
	footer.footer .footer_menu .m_footer_logo .arrow {position: relative; width: 5.5px;}
	footer.footer .footer_menu .m_footer_logo .arrow span {width: 1px; height: 6px; background-color: #666666; display: block; position: absolute;}
	footer.footer .footer_menu .m_footer_logo .arrow span:first-child{transform: rotate(45deg); right: 0;}
	footer.footer .footer_menu .m_footer_logo .arrow span:last-child{transform: rotate(-45deg); left: 0;}
	footer.footer .footer_menu ul.f_menu_ul {width: auto; flex-direction: column; padding:35px 0 0; display: none; border-bottom: 1px solid #f8f7f7;}
	footer.footer .footer_menu ul.f_menu_ul > li {width: auto; margin-bottom: 30px; padding:0 15px}
	footer.footer .footer_menu ul.f_menu_ul > li > a {font-size: 16px; margin-bottom: 15px;}
	footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul {display: flex; gap: 33px;}
	footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul > li {margin-bottom: 0;}
	footer.footer .footer_menu ul.f_menu_ul > li > .f_menu_sub > ul > li > a{font-size: 13px;}
	footer.footer .footer_menu ul.footer_sns {margin-left: 0; justify-content: space-between; padding:20px 15px; display:none;}
	footer.footer .footer_menu ul.footer_sns li {margin-left: 0;}
	
	footer.footer .footer_info{position:relative; background:#fff; padding:33px 0 43px; border-top:1px solid #f8f7f7}
	footer.footer .footer_info::before{content:""; width:calc(100% - 30px); height:1px; background:#fffc; position:absolute; top:0; left:15px; }
	footer.footer .footer_info > .container_fix{display:block;}
	footer.footer .footer_info ul > li{display:flex; margin-right:0; word-break: keep-all;}
	footer.footer .footer_info ul > li::after{height:12px; right:-10px; top:4px; display:none;}
	footer.footer .footer_info ul > li:last-child::after{display:none;}
	footer.footer .footer_info ul > li, footer.footer .footer_info ul li a, footer.footer .footer_info .left_info h5{font-size:14px; color:#999999; line-height:20px; margin-bottom: 5px;}
	footer.footer .footer_info > .container_fix{display:block;}
	footer.footer .footer_info ul > li p { word-break: keep-all;}
	footer.footer .footer_info ul > li span {display: block; width: 27%; min-width: 60px;}
	footer.footer .footer_info ul > li span.ic {display: block; width: 100%;}
	footer.footer .footer_info .left_info h5{margin-top:0px; line-height: 15px;}
	footer.footer .footer_info .right_info{}
	footer.footer .footer_info .right_info ul{margin-top:15px;}
	footer.footer .footer_info .left_info {margin-left: 0;}
	footer.footer .footer_info .f_family select {width: 100%; font-size:13px; margin-top:20px}

	footer.footer.on .footer_menu ul.f_menu_ul {display: flex;}
}