@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
*:focus:not(:focus-visible) {
    outline: none;
}
@import url('https://fonts.googleapis.com/css2?family=Arapey:ital@0;1&display=swap');

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;}
.at-wrapper{padding-top:120px; background:#dde1e3;}
@media (min-width:1950px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width::1850px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width:991px){
	.at-wrapper{padding-top:90px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{position:fixed; top:0; left:0; width:100%; transition:all 0.3s; z-index:10;}
header.header.no_lnb{top:-40px;}
header.header .top_lnb{background:#162e39; text-align:right; padding:20px 0;}
header.header .top_lnb a.shop_btn{display:inline-block; background:#0e2138; padding:0 15px; height:26px; line-height:26px; border-radius:13px; font-size:14px; color:#ffffff;
text-align:center; margin-right:7px;}
header.header .top_lnb a.shop_btn img{position:relative; top:-2px;}
header.header .top_lnb a.shop_btn span.text{display:inline-block; margin-left:5px;}
header.header .top_lnb a.company_btn{display:inline-block; background:#162e39; padding:0 15px; height:26px; line-height:26px; border-radius:13px; font-size:14px; color:#fff;
text-align:center; margin-right:7px;}
header.header .top_lnb .lang_btn_box{display:inline-block; text-align:left; position:relative;}
header.header .top_lnb .lang_btn_box > a.lang_btn{display:inline-block; border:1px solid #999999; width:70px; height:26px; line-height:24px; position:relative; padding-left:15px;
font-size:14px; color:#111111; font-weight:500; border-radius:13px; background:#fff;}
header.header .top_lnb .lang_btn_box > a.lang_btn span.text{}
header.header .top_lnb .lang_btn_box > a.lang_btn span.arrow{display:block; position:absolute; right:15px; top:10px; width:9px; height:5px; transform:rotate(360deg); 
transition:all 0.3s;}
header.header .top_lnb .lang_btn_box > a.lang_btn.active{border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:0;}
header.header .top_lnb .lang_btn_box > a.lang_btn span.arrow::before{content:""; width:2px; height:6px; background:#666666; position:absolute; left:2px; transform:rotate(-45deg);}
header.header .top_lnb .lang_btn_box > a.lang_btn span.arrow::after{content:""; width:2px; height:6px; background:#666666; position:absolute; right:2px; transform:rotate(45deg);}
header.header .top_lnb .lang_btn_box > a.lang_btn.active span.arrow{transform:rotate(180deg); top:11px;}
header.header .top_lnb .lang_btn_box > ul.lang_ul{position:absolute; background:#fff; border:1px solid #999; width:100%; padding:0 15px; border-top:0;
border-bottom-left-radius:13px; border-bottom-right-radius:13px; z-index:1; display:none;}
header.header .top_lnb .lang_btn_box > a.lang_btn.active + ul.lang_ul{display:block;}
header.header.no_lnb .top_lnb .lang_btn_box > a.lang_btn.active + ul.lang_ul{display:none;}
header.header .top_lnb .lang_btn_box > ul.lang_ul li{}
header.header .top_lnb .lang_btn_box > ul.lang_ul li a{font-size:14px; color:#111; font-weight:500; line-height:24px;}
header.header .bot_header{background:#162e39; padding:14px 0;}
header.header .bot_header > .container_fix{display:table;}
header.header .bot_header > .container_fix > div{display:table-cell; vertical-align:middle;}
header.header .bot_header .header_logo{width:125px; transform: translateY(-7px);}
header.header .bot_header .header_menu{text-align:center;}
header.header .bot_header .header_menu > ul{}
header.header .bot_header .header_menu > ul > li{display:inline-block; vertical-align:top; position:relative; padding:0 30px;}
header.header .bot_header .header_menu > ul > li > a{display:block; font-size:17px; color:#7ba4ba; font-weight:300; line-height:80px;}
header.header .bot_header .header_menu > ul > li > .sub_div{position:absolute; left:50%; transform:translateX(-50%); background:#98c5de; border:1px solid #98c5de; padding:30px 25px; width:150px;
transition:all 0.3s; top:100px; opacity:0; visibility:hidden; text-align:left;}
header.header .bot_header .header_menu > ul > li > .sub_div > ul{}
header.header .bot_header .header_menu > ul > li > .sub_div > ul > li{margin-bottom:13px;}
header.header .bot_header .header_menu > ul > li > .sub_div > ul > li:last-child{margin-bottom:0;}
header.header .bot_header .header_menu > ul > li > .sub_div > ul > li > a{font-size:15px; color:#222222;}
header.header .bot_header .header_menu > ul > li:hover > .sub_div{z-index:1; top:70px; opacity:1; visibility:visible;}
header.header .bot_header .header_btn{width:1px; white-space:nowrap;}
header.header .bot_header .header_btn .search_btn{display:inline-block; width:20px; height:21px; position:relative; vertical-align:middle;}
header.header .bot_header .header_btn .search_btn span.circle{width:18px; height:18px; display:block; position:absolute; top:0; left:0; border:2px solid #98c5de; border-radius:50%;}
header.header .bot_header .header_btn .search_btn span.line{width:2px; height:6px; display:block; position:absolute; bottom:1px; right:2px; background:#98c5de; transform:rotate(-45deg);}
header.header .bot_header .header_btn .all_menu_btn{display:inline-block; margin-left:27px; position:relative; width:26px; height:20px; vertical-align:middle;}
header.header .bot_header .header_btn .all_menu_btn span{display:block; width:100%; height:2px; background:#98c5de; position:absolute; left:0;}
header.header .bot_header .header_btn .all_menu_btn span:nth-child(1){top:0; }
header.header .bot_header .header_btn .all_menu_btn span:nth-child(2){top:9px; }
header.header .bot_header .header_btn .all_menu_btn span:nth-child(3){top:18px; }
header.header .all_menu{position:fixed; top:0; width:100%; height:100%; z-index:10; width:100%; background:rgba(34,34,34,0.9); transition:all 0.5s; opacity:0; visibility:hidden;}
header.header .all_menu.active{opacity:1; visibility:visible;}
header.header .all_menu .all_menu_close{position:absolute; width:19px; height:19px; right:15px; top:40px;}
header.header .all_menu .all_menu_close span{width:2px; height:23px; background:#fff; position:absolute; top:-2px; left:8px;}
header.header .all_menu .all_menu_close span:nth-child(1){transform:rotate(-45deg);}
header.header .all_menu .all_menu_close span:nth-child(2){transform:rotate(45deg);}
header.header .all_menu .container_fix{padding-top:130px;}
header.header .all_menu .all_menu_ul{display:flex;}
header.header .all_menu .all_menu_ul > li{width:16.66666666666667%;}
header.header .all_menu .all_menu_ul > li > a{font-size:20px; color:#ffffff; font-weight:600; display:inline-block;}
header.header .all_menu .all_menu_ul > li > .all_menu_sub_div{margin-top:25px;}
header.header .all_menu .all_menu_ul > li > .all_menu_sub_div > ul{}
header.header .all_menu .all_menu_ul > li > .all_menu_sub_div > ul > li{margin-bottom:15px;}
header.header .all_menu .all_menu_ul > li > .all_menu_sub_div > ul > li:last-child{margin-bottom:0;}
header.header .all_menu .all_menu_ul > li > .all_menu_sub_div > ul > li > a{font-size:16px; color:#ccc;}
header.header .header_search{position:absolute; top:120px; width:100%; text-align:center; background:#fff; padding:40px 0; background:rgba(17,25,33,0.8); transition:all 0.5s;
opacity:0; visibility:hidden;}
header.header .header_search.active{opacity:1; visibility:visible;}
header.header .header_search .search{width:800px; margin:0 auto; display:flex;}
header.header .header_search .search input{width:740px; height:60px; line-height:60px; padding-left:20px; border-top-left-radius:10px; border-bottom-left-radius:10px;
font-size:16px; color:#333; box-shadow:none; outline:none;}
header.header .header_search .search input::placeholder{color:#999;}
header.header .header_search .search button{width:80px; text-align:center; position:relative; background:#162e39; border:0; border-top-right-radius:10px; border-bottom-right-radius:10px;
outline:none; box-shadow:none; display:flex; justify-content:center; align-items:center;}
header.header .header_search .search button > div{width:20px; height:21px; position:relative; }
header.header .header_search .search button span.circle{width:18px; height:18px; display:block; position:absolute; top:0; left:0; border:2px solid #fff; border-radius:50%;}
header.header .header_search .search button span.line{width:2px; height:6px; display:block; position:absolute; bottom:1px; right:2px; background:#fff; transform:rotate(-45deg);}
header.header .header_search .miso-keyword{margin-top:20px;}
header.header .header_search .miso-keyword > a{color:#999; font-size:14px;}
header.header .header_search .miso-keyword > a:hover{color:#fff;}
header.header .header_search .miso-keyword > a::after{display:none;}
header.header .header_search .header_search_close{position:absolute; width:19px; height:19px; right:15px; top:-20px;}
header.header .header_search .header_search_close span{width:2px; height:23px; background:#fff; position:absolute; top:-2px; left:8px;}
header.header .header_search .header_search_close span:nth-child(1){transform:rotate(-45deg);}
header.header .header_search .header_search_close span:nth-child(2){transform:rotate(45deg);}
.lang_btn_box {display:none;}
@media (max-width:991px){
	header.header{padding:20px 0; background:#fff;}
	header.header.no_lnb{top:0;}
	header.header .bot_header {padding:35px 0;}
	header.header .top_lnb, header.header .bot_header > .container_fix > div.header_menu{display:none;}
	header.header .bot_header > .container_fix{width:100%;}
	header.header .bot_header .header_logo{width:auto; transform: translateY(0px);}

	header.header .all_menu .container_fix{padding-top:74px;}
	header.header .all_menu .all_menu_close{top:28px; right:18px;}
	header.header .all_menu .all_menu_ul{display:block; margin-top:20px;}
	header.header .all_menu .all_menu_ul > li{width:100%;}
	header.header .all_menu .all_menu_ul > li > a{/* cursor:default;  */position:relative; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #fff;}
	header.header .all_menu .all_menu_ul > li > a .mobile_plus{display:block; width:10px; height:7px; position:absolute; right:4px; top:7px; transition:all 0.3s;}
	header.header .all_menu .all_menu_ul > li > a .mobile_plus::before{content:""; width:1px; height:10px; background:#fff; position:absolute; left:1px; bottom:0;
	transform:rotate(-45deg);}
	header.header .all_menu .all_menu_ul > li > a .mobile_plus::after{content:""; width:1px; height:10px; background:#fff; position:absolute; right:1px; bottom:0;
	transform:rotate(45deg);}
	header.header .all_menu .all_menu_ul > li > a.active .mobile_plus{transform:rotate(180deg);}
	header.header .all_menu .all_menu_ul > li > .all_menu_sub_div{margin-top:0; margin-bottom:20px; padding-left:15px; display:none;}
	header.header .all_menu .all_menu_ul > li > a.active + .all_menu_sub_div{display:block;}
	header.header .all_menu .all_menu_ul > li > .all_menu_sub_div > ul > li > a{color:#fff;}

	header.header .header_search{top:74px; padding:35px 0 10px;}
	header.header .header_search .header_search_close{top:-28px;}
	header.header .header_search .search{width:100%;}
	header.header .header_search .search input{width:90%;}
	header.header .header_search .search button{width:10%;}
}
@media (max-width:768px){
	header.header{padding:0;}
	header.header .all_menu .container_fix{padding-top:64px;}
	header.header .all_menu .all_menu_close{top:23px;}
	header.header .header_search{top:64px;}
}

@media (max-width:480px){
	header.header{padding:0;}
	header.header .bot_header > .container_fix > div.header_logo img{width:145px;}
	header.header .bot_header .header_btn .all_menu_btn{margin-left:15px; width:22px; height:16px;}
	header.header .bot_header .header_btn .all_menu_btn span:nth-child(2){top:8px;}
	header.header .bot_header .header_btn .all_menu_btn span:nth-child(3){top:16px;}
	header.header .bot_header .header_btn .search_btn{width:15px; height:16px;}
	header.header .bot_header .header_btn .search_btn span.circle{width:16px; height:16px;}
	header.header .bot_header .header_btn .search_btn span.line{height:6px; right:-2px; bottom:-2px;}
	
	header.header .all_menu .container_fix{padding-top:44px;}
	header.header .all_menu .all_menu_close{top:13px; right:16px;}
	header.header .all_menu .all_menu_ul > li > a{font-size:17px;}
	header.header .all_menu .all_menu_ul > li > .all_menu_sub_div > ul > li > a{font-size:14px;}
	
	header.header .header_search{top:44px; }
	header.header .header_search .search input{width:calc(100% - 40px);height:40px; line-height:40px; font-size:14px; border-top-left-radius:6px; border-bottom-left-radius:6px; padding-left:10px;}
	header.header .header_search .search button{width:40px; border-top-right-radius:6px; border-bottom-right-radius:6px;}
	header.header .header_search .search button > div{width:15px; height:16px;}
	header.header .header_search .search button span.circle{width:16px; height:16px;}
	header.header .header_search .search button span.line{height:6px; right:-2px; bottom:-2px;}
	header.header .header_search .miso-keyword{margin-top:10px;}
	header.header .header_search .miso-keyword > a{font-size:12px; padding-right:8px;}
}

.mc03_bg {background-position:top; background-size:cover; background-image:url('/img/mc03_bg.png'); background-repeat:no-repeat; background-attachment:fixed;}
.mc07_bg {background:#dde1e3; padding:0 0 150px;}
	@media (max-width:991px){
		/* .mc03_bg {background-position:top; background-size:cover; background-image:url(''); background-attachment:inherit;} */
		.mc07_bg {padding:0;}
	}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{margin-top:0px;}
footer.footer.no_margin{margin-top:0;}
footer.footer .footer_icon{background:#162e39; padding:38px 0; border-bottom:1px solid #375362;}
footer.footer .footer_icon > .container_fix{display:flex; justify-content:space-between;}
footer.footer .footer_icon .footer_logo{}
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:#162e39; width:175px; 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_menu{background:#162e39; padding:40px 0;}
footer.footer .footer_menu ul.f_menu_ul{}
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:17px; color:#98c5de; font-weight:500; display:inline-block; margin-bottom:20px;}
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:13px;}
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:#65879a;}
footer.footer .footer_info{background:#162e39; padding:33px 0; border-top:1px solid #375362;}
footer.footer .footer_info > .container_fix{display:flex; justify-content:space-between;}
footer.footer .footer_info .left_info{}
footer.footer .footer_info .left_info ul{}
footer.footer .footer_info ul > li{display:inline-block; position:relative; margin-right:30px;}
footer.footer .footer_info ul > li:last-child{margin-right:0;}
footer.footer .footer_info ul > li::after{content:""; width:1px; height:14px; background:#65879a; position:absolute; right:-17px; 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:#65879a; line-height:24px; text-transform:uppercase;}
footer.footer .footer_info .left_info h5{margin-top:5px;}
footer.footer .footer_info .right_info{}
footer.footer .footer_info .right_info ul{}
footer.footer .footer_info ul > li, footer.footer .footer_info ul li a, footer.footer .footer_info .right_info h5{font-size:15px; color:#65879a; line-height:24px;}
footer.footer .footer_info .right_info h5{margin-top:5px; position:absolute; text-transform:uppercase; width: max-content; bottom:0; right:0;}

@media (max-width:991px){
	footer.footer{margin-top:70px;}
	footer.footer .footer_icon{border-bottom:0;}
	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_icon ul.footer_sns > li > a img {width:100%; height:100%;}
	footer.footer .footer_menu{display:none;}
	
	footer.footer .footer_info{position:relative; padding:33px 0; border-top:none;}
	footer.footer .footer_info::before{content:""; width:calc(100% - 30px); height:1px; background:#98c5de; 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 ul > li, footer.footer .footer_info ul li a, footer.footer .footer_info .left_info h5{font-size:15px; line-height:24px;}
	footer.footer .footer_info .left_info h5{margin-top:0px;}
	footer.footer .footer_info .left_info ul {display:flex;}
	footer.footer .footer_info .left_info ul li + li {margin-left:12px; padding-left:12px;}
	footer.footer .footer_info .left_info ul li + li::before {content:""; background:#65879a; width:1px; height:12px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
	footer.footer .footer_info .right_info{}
	footer.footer .footer_info .right_info ul{margin-top:15px;}
}
@media (max-width:480px){
	footer.footer{margin-top:0px;}
	footer.footer .footer_icon{padding:25px 0;}
	footer.footer .footer_icon > .container_fix {align-items:end;}
	footer.footer .footer_icon .footer_logo{margin-bottom:0px;}
	footer.footer .footer_icon .footer_logo img{width:125px;}
	footer.footer .footer_info{padding:25px 0;}
	footer.footer .footer_info ul > li, footer.footer .footer_info ul li a, footer.footer .footer_info .left_info h5{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;}
	footer.footer .footer_info .right_info ul > li:last-child::after{display:none;}
	footer.footer .footer_info .right_info h5 {position:unset; font-size:12.5px;}
}