@charset "utf-8";

/* 공통 css */
html { scroll-behavior: smooth; }
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
body.scrollbar-hidden { overflow: scroll; }
body.scrollbar-hidden::-webkit-scrollbar { display: none; }
#style-switcher{z-index:99999999999999999999 !important;}


.opacity_none { display: none; }
.img_container img { width: 100%; object-fit: cover; }
br.p_br {display: block;}
br.m_br {display: none;}

@media (max-width:991px){
    br.p_br {display: none;}
    br.m_br {display: block;}
}

/*********************************************************************
	탑배너. 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;}
}

/* 헤더 */
.fake_header{height:100px;}
.at-menu {background:none; position:fixed; top:0; left:0; width:100%; z-index:9999;}
.at-menu .pc-menu{height:100px !important; }
.at-menu .pc-menu, .at-menu .mMenu { transition: background-color 0.3s ease; }
.at-menu .pc-menu.bgfff {background: #fff;}
.at-menu .pc-menu .nav-visible {height:100%;}
.at-menu.fixed .pc-menu:after{display:none;}
.at-menu .pc-menu .container_fix{max-width:1630px !important; width:100%; height: 100%; position:static;}
.at-menu .pc-menu .nav-top{position:static; padding:0; display:flex; align-items:center; justify-content:space-between; height: 100%;}
.at-menu .pc-menu .nav-top .header_left{display:flex; align-items:center;}
.at-menu.fixed .menu-ul_cover{visibility:hidden;}
.pc-menu .nav-top.nav-both .menu-ul{width:auto; margin:0 -25px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li{padding:0 25px; position:static;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a{color:#0040bf;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{font-size:18px; font-weight:600; font-family:'montserrat','noto sans kr', sans-serif; color:#fff; padding:0; position:relative; }
.at-menu.on .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{color:#222222;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a:after{content:''; display:block; background:#0040bf; width:61px; height:2px; position:absolute; bottom:-1px; left:0; z-index:2; pointer-events:none;}
.at-menu .pc-menu .header_right a { transition: all .3s; }
.at-menu .pc-menu .header_right a .all_menu_off{display:flex; align-items:center;}
.at-menu .pc-menu .header_right a .all_menu_off > span{ color:#0040bf; }
.at-menu .pc-menu .header_right a span{ color:#fff; font-size:18px; font-weight:500; margin-right: 8px; }
.at-menu .pc-menu .header_right a .all_menu_main span{ color:#fff; }
.at-menu .pc-menu .header_right a .all_menu_on{display:none; cursor:pointer;}
.at-menu.fixed .pc-menu .header_right a .all_menu_on{display:flex; align-items: center;}
.at-menu.fixed .pc-menu .header_right a .all_menu_off{display:none;}
.at-menu .mMenu{display:none;}

@media (max-width:991px){
	.fake_header{height:68px;}
	.at-menu .mMenu{display:flex; justify-content:space-between; align-items:center; height:60px; padding:0 15px; position:relative; z-index:2; }
    .at-menu .mMenu.bgfff { background: #fff; }
	.at-menu .mMenu .mlogo .logo-wrap {display: block; height: 27px; width: auto; line-height: 0; overflow: hidden; }
	.at-menu .mMenu .mlogo img{width: auto; height: 100%; display: block; object-fit: contain;}
    .at-menu .mMenu .mham { transition: all .5s; }
    .at-menu .mMenu .mham .all_menu_off { display: block; }
    .at-menu .mMenu .mham .all_menu_on { display: none; position: relative;  }
    .at-menu .mMenu .mham .all_menu_on span { display: none; display:block; width:29px; height:3px; background:#fff; border-radius:3px;  }
	.at-menu .mMenu .mham .all_menu_on span:nth-child(1){position:absolute; transform:rotate(45deg); top:0; left:0; transform-origin:center;} 
	.at-menu .mMenu .mham .all_menu_on span:nth-child(2){opacity:0;}
	.at-menu .mMenu .mham .all_menu_on span:nth-child(3){position:absolute; transform:rotate(-45deg); top:0; left:0; transform-origin:center;}
    .at-menu .mMenu .mham .all_menu_icon { width: 24px; height: 24px; }
    .at-menu .mMenu .mham .all_menu_icon img { width: 100%; height: 100%; object-fit: cover; }
    .at-menu .mMenu .mham.mon .all_menu_off { display: none; }
    .at-menu .mMenu .mham.mon .all_menu_on { display: block; }
}

/* 전체메뉴 */
.all_menu_wrap{visibility:hidden;}
.all_menu_wrap.on{visibility:visible;}
.all_menu{position:fixed; top:-100%; left:0; width:100%; height:100%; overflow-y:auto; background:#0040bf; align-items:center; flex-wrap:wrap; padding:50px 0; display:flex; transition:0.4s ease; opacity:0;}
.all_menu_wrap.on .all_menu{opacity:1; top:0;}
.all_menu .all_tit{ font-size:35px; font-weight:600; color:#fff; margin-bottom:95px; text-align:center;}
.all_menu .container_fix .all_ul{display:flex; justify-content: space-around;}
.all_menu .container_fix .all_ul .all_a{font-size:27px; color:#fff; font-weight:600; font-family:'Pretendard-SemiBold','noto sans kr', sans-serif;}
.all_menu .container_fix .all_ul .all_li + li{margin-left:6%;}
.all_menu .container_fix .all_ul .all_sub_div{margin-top:30px;}
.all_menu .container_fix .all_ul .all_sub_div .all_sub_a{line-height:47px; display:block; font-size:20px; color:#6f92d7; position:relative; padding-left:20px;}
.all_menu .container_fix .all_ul .all_sub_div .all_sub_a:hover{color:#fff; font-weight:500;}
.all_menu .container_fix .all_ul .all_sub_div .all_sub_a:before{content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#6f92d7;}
.all_menu .container_fix .all_ul .all_sub_div .all_sub_a:hover:before{width:2px; background:#fff;}

@media (max-width:991px){
	.all_menu_wrap .all_menu{top:0; padding:60px 0 40px;}
	.all_menu .all_tit{display:none;}
	.all_menu .container_fix .all_ul{flex-direction:column; align-items:flex-start; padding-top:20px;}
	.all_menu .container_fix .all_ul .all_li + li{margin-left:0; margin-top:44px;}
	.all_menu .container_fix .all_ul .all_a{font-size:20px;}
	.all_menu .container_fix .all_ul .all_sub_div{margin-top:15px;}
	.all_menu .container_fix .all_ul .all_sub_div .all_sub_a{font-size:15px; line-height:35px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer.no_margin{margin-top:0;}
footer.footer .container_fix.footer_border { border-bottom: 1px solid #e1e1e1; }
footer.footer .footer_icon {display:flex; justify-content:end; padding:38px 0;}
footer.footer .footer_icon ul.footer_sns{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:first-child{margin-left:0;}
footer.footer .footer_icon ul.footer_sns > li.shop_btn{}
footer.footer .footer_icon ul.footer_sns > li.shop_btn a{background:#0040bf; width:139px; height:32px; line-height:32px; border-radius:16px; text-align:center;
font-size:16px; color:#fff; display:block;}
footer.footer .footer_icon ul.footer_sns > li.shop_btn a img{position:relative; top:-2px;}
footer.footer .footer_icon ul.footer_sns > li.shop_btn a span.text{display:inline-block; margin-left:3px; }
footer.footer .footer_icon ul.footer_sns > li > a{display:block; width:32px; height:32px; line-height:26px; background:#666666; border-radius:50%; text-align:center;}
footer.footer .footer_info{padding:33px 0;}
footer.footer .footer_info > .container_fix{display:flex; justify-content:space-between;}
footer.footer .footer_info ul > li{display:inline-block; position:relative; margin-right:40px;}
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;}
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:15px; color:#666666; line-height:24px;}
footer.footer .footer_info .left_info h5{margin-top:5px;}

@media (max-width:991px){
	footer.footer .footer_icon{border-bottom:0; justify-content: flex-start; }
	footer.footer .footer_icon > .container_fix{display:block;}
	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 .container_fix.footer_border { border:none; }
	footer.footer .footer_info{position:relative; padding:33px 0;}
	footer.footer .footer_info::before{content:""; width:calc(100% - 30px); height:1px; background:#ccc; position:absolute; top:0; left:15px; }
	footer.footer .footer_info > .container_fix{display:block;}
	footer.footer .footer_info ul > li{display:block; margin-right:0;}
	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 .left_info h5{font-size:15px; color:#666666; line-height:24px;}
	footer.footer .footer_info .left_info h5{margin-top:0px;}
	footer.footer .footer_info .right_info ul{margin-top:15px;}
}
@media (max-width:480px){
	footer.footer .footer_icon{padding:25px 0;}
	footer.footer .footer_info{padding:25px 0;}
	footer.footer .footer_info .left_info h5{font-size:12px; line-height:24px;}
    footer.footer .footer_info ul > li, footer.footer .footer_info ul li a {font-size:13px; line-height:24px; }
	footer.footer .footer_info .right_info ul > li{display:inline-block; margin-right:20px;}
	footer.footer .footer_info .right_info ul > li::after{display:block; top:6px;}
	footer.footer .footer_info .right_info ul > li:last-child::after{display:none;}
}