@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
html, body{overflow-x:hidden !important; scroll-behavior: smooth; }
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1230px;}
.container_img img{display:block;}
.img_container img { width: 100%; object-fit: cover; }
@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){}

/* 기본 상태 (section01, section02) */
.fullpage_bg {
    background: url('/img/main_bg.jpg') no-repeat top center / cover;
    /* transition: background-position 0.3s ease; */
}
@media (max-width: 991px) {
    .fullpage_bg { background: url('/img/mmain_bg.jpg') no-repeat top center / cover; }
}

/* #background-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/img/main_bg.jpg') no-repeat top center / 100%;
    transition: background-position 0.3s ease;} */

/* section03 이상부터 적용될 스타일 */
/* .fullpage_bg.bg-center {
    background-position: center center;
} */

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{ display: flex; align-items: center; position:fixed; top:0; left:0; width:100%; height: 100px; transition:all 0.3s; z-index:10;}
header.header > .container_fix{ display: flex; align-items: center; justify-content: space-between; width:1850px;}
/* header.header > .container_fix > div{position:relative;} */
header.header > .container_fix > div.header_logo{ position: relative; z-index: 32; width:110px; text-align:left;}
header.header > .container_fix > div.header_logo .logo_b{display:none;}
header.header .header_right_wrap { display: flex; align-items: center; justify-content: space-between; }
header.header > .container_fix div.header_menu{ margin-right: 70px; text-align:center;}
header.header > .container_fix div.header_menu > ul{position:relative; z-index:1; width:fit-content; margin:0 auto;}
header.header > .container_fix div.header_menu > ul > li{display:inline-block; vertical-align:top; position:relative;}
header.header > .container_fix div.header_menu > ul > li > a{font-size:20px; color:#222; font-weight:500; margin-right:60px; line-height:100px;
position:relative; display:block;}
header.header > .container_fix div.header_menu > ul > li:last-child > a{margin-right:0;}
header.header > .container_fix div.header_menu > ul > li > a::after{content:""; height:2px; background:#222222; position:absolute;
bottom:-1px; left:50%; transform:translateX(-50%); width:0; transform-origin:center; transition:all 0.2s; z-index:2;}
header.header > .container_fix div.header_menu > ul > li:hover > a::after{width:100%;}
header.header > .container_fix div.header_menu > ul > li > .sub_div{position:fixed; text-align:left; opacity:0; visibility:hidden;
height:0; transform-origin:top;}
header.header > .container_fix div.header_menu > ul > li:hover > .sub_div{visibility:visible; opacity:1; height:auto;}
header.header > .container_fix div.header_menu > ul > li > .sub_div > ul{}
header.header > .container_fix div.header_menu > ul > li > .sub_div > ul > li{display:inline-block; margin-right:35px;}
header.header > .container_fix div.header_menu > ul > li > .sub_div > ul > li > a{display:block; font-size:16px; color:#222222; line-height:100px;}
header.header > .container_fix div.header_menu > .header_menu_bg{background:#fff; position:fixed; width:100%;
top:100px; left:0; height:0; transform-origin:top; opacity:0; transition:all 0.3s; visibility:hidden; border-top:1px solid #f3f3f3;}
header.header > .container_fix div.header_menu > ul:hover + .header_menu_bg{opacity:1; height:100px; visibility:visible;}
header.header > .container_fix div.header_btn {margin-right: 45px; margin-top: 17px; white-space:nowrap; text-align:right;}
header.header > .container_fix div.header_btn .lang_box { position: relative; }
header.header > .container_fix div.header_btn .lang_icon { padding-bottom: 17px; cursor: pointer; }
header.header > .container_fix div.header_btn img { width: 20px; }
header.header > .container_fix div.header_btn .lang_list { display: flex; flex-direction: column; gap: 5px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); 
    padding: 5px 4px; background: #fff; border-radius: 8px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: .3s; }
header.header > .container_fix div.header_btn .lang_list.active { opacity: 1; visibility: visible; }
header.header > .container_fix div.header_btn .lang_item { padding: 7px 16px; border-radius: 8px; background: #fff; transition: .3s; cursor: pointer; }
header.header > .container_fix div.header_btn .lang_item:hover { background: #f2f4f6; }
header.header > .container_fix div.header_btn .lang_text { display: block; font-size: 15px; line-height: 30px; color: #1c1c1c;  }
header.header > .container_fix div.header_btn .lang_text:hover { color: #1c1c1c; }

/* header.header > .container_fix div.header_btn .lang_box{display:block; position:relative;}
header.header > .container_fix div.header_btn .lang_box a.lang_a{font-size:17px; color:#ffffff; font-weight:600; padding-right:20px;}
header.header > .container_fix div.header_btn .lang_box a.lang_a span.tri{border-top:5px solid #fff; border-left:5px solid transparent; 
border-right:5px solid transparent; position:absolute; right:0; top:8px; transition:all 0.4s;}
header.header > .container_fix div.header_btn .lang_box:hover a.lang_a span.tri{transform:rotate(90deg);}
header.header > .container_fix div.header_btn .lang_box a.lang_a + ul{position:absolute; top:4px; left:-80px; opacity:0; visibility:hidden; transition:all 0.4s;}
header.header > .container_fix div.header_btn .lang_box:hover a.lang_a + ul{opacity:1; left:-100px; visibility:visible;}
header.header > .container_fix div.header_btn .lang_box a.lang_a + ul li{display:inline-block;margin-right:20px;}
header.header > .container_fix div.header_btn .lang_box a.lang_a + ul li a{font-size:17px; color:#fff; font-weight:600;} */

header.header > .container_fix div.header_btn .mobile_all_menu_btn{display:none;}
header.header.active /* header.header.fixed */{background:#fff;}
header.header.active > .container_fix > div.header_logo .logo_b
/* header.header.fixed > .container_fix > div.header_logo .logo_b */{display:block;}
header.header.active > .container_fix > div.header_logo .logo_w
/* header.header.fixed > .container_fix > div.header_logo .logo_w */{display:none;}
header.header.active > .container_fix > div.header_menu > ul > li > a
/* header.header.fixed > .container_fix > div.header_menu > ul > li > a */{color:#000000;}
header.header.active > .container_fix div.header_btn .lang_box a.lang_a
/* header.header.fixed > .container_fix div.header_btn .lang_box a.lang_a */{color:#222222;}
header.header.active > .container_fix div.header_btn .lang_box a.lang_a + ul li a
/* header.header.fixed > .container_fix div.header_btn .lang_box a.lang_a + ul li a */{color:#222;}
header.header.active > .container_fix div.header_btn .lang_box a.lang_a span.tri
/* header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a span.tri */{border-top-color:#222222; transition:none;}

header.header .container_fix .header_all_menu { position: relative; z-index: 32; }
header.header .container_fix .header_all_toggle { cursor: pointer; }
header.header .container_fix .header_all_toggle img { width: 21px; object-fit: cover; }
header.header .container_fix .header_all_toggle .all_toggle { display: inline-block; width: 21px; vertical-align: middle; }
header.header .container_fix .header_all_toggle .all_toggle span { display: block; width: 21px; height: 2px; background: #222; transition: all 0.3s; }
header.header .container_fix .header_all_toggle .all_toggle span + span { margin-top: 5px; }
header.header .container_fix .header_all_menu.close_btn .all_toggle span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
header.header .container_fix .header_all_menu.close_btn .all_toggle span:nth-child(2) { opacity: 0; }
header.header .container_fix .header_all_menu.close_btn .all_toggle span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
/* 전체메뉴 */
header.header .all_menu_wrap { overflow-y: auto; position: fixed; top: 0; right: 0; z-index: 30; width: 100%; height: 100%; background: #fff; opacity: 0; visibility: hidden; transition: .3s; }
header.header .all_menu_wrap.on { opacity: 1; visibility: visible; }
header.header .all_menu_wrap .all_menu_con { display: flex; flex-direction: column; justify-content: center; height: 100%; }
header.header .all_menu_wrap .container_fix { width: 1510px; }
header.header .all_menu_wrap .all_menu_con .allm_li { display: flex; justify-content: space-between; align-items: center; height: 130px; border-bottom: 1px solid #e4e7ea;
     cursor: pointer; transition: .3s; }
header.header .all_menu_wrap .all_menu_con .allm_li .allm_a { padding-top: 3px; font-size: 50px; font-weight: 700; text-transform: uppercase; color: #bcc2ca; }
header.header .all_menu_wrap .all_menu_con .allm_sub_ul { display: flex; justify-content: space-between; }
header.header .all_menu_wrap .all_menu_con .allm_sub_ul .allm_sub_a { font-size: 20px; font-weight: 500; color: #222; }
header.header .all_menu_wrap .all_menu_con .allm_sub_li .allm_sub_divider { font-size: 20px; font-weight: 500; color: #a3a9b1; margin: 0 8px; }
header.header .all_menu_wrap .all_menu_con .allm_li:hover .allm_a { color: #2050a2; }
header.header .all_menu_wrap .all_menu_con .allm_li:hover { border-bottom: 1px solid #2050a2; }
header.header .all_menu_wrap .all_menu_con .allm_li:hover .allm_sub_ul .allm_sub_a { color: #bcc2ca; }
header.header .all_menu_wrap .all_menu_con .allm_li:hover .allm_sub_li:hover .allm_sub_a { color: #2050a2; border-bottom: 2px solid #2050a2; padding-bottom: 5px; }

header.header .all_menu{display:none;}

@media (max-width:1500px){
	header.header > .container_fix > div.header_menu > ul{position:relative;}
	header.header > .container_fix > div.header_menu > ul > li{position:static;}
	header.header > .container_fix > div.header_menu > ul > li > .sub_div{position:absolute; left:0;}
}

@media (max-width:1200px){
	header.header > .container_fix > div.header_menu > ul > li > a{margin-right:30px;}
	header.header > .container_fix > div.header_menu > ul > li > .sub_div > ul > li{margin-right:15px;}
}

@media (max-width:991px){
    header.header{ height: 50px;}
    header.header > .container_fix > div.header_logo { z-index: 32; }
    header.header > .container_fix > div.header_logo img { width: 55px; }
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn{display:none;}
    header.header > .container_fix div.header_btn { margin-right: 20px; }
	header.header.active, header.header.fixed{background:#fff;}
	header.header.active > .container_fix > div.header_logo .logo_b,
	header.header.fixed > .container_fix > div.header_logo .logo_b{display:block;}
	header.header.active > .container_fix > div.header_logo .logo_w,
	header.header.fixed > .container_fix > div.header_logo .logo_w{display:none;}
	header.header.active > .container_fix > div.header_menu > ul > li > a,
	header.header.fixed > .container_fix > div.header_menu > ul > li > a{color:#000000;}
	header.header.active > .container_fix > div.header_btn .lang_box a.lang_a,
	header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a{color:#222222;}
	header.header.active > .container_fix > div.header_btn .lang_box a.lang_a + ul li a,
	header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a + ul li a{color:#222;}
	header.header.active > .container_fix > div.header_btn .lang_box a.lang_a span.tri,
	header.header.fixed > .container_fix > div.header_btn .lang_box a.lang_a span.tri{border-top-color:#222222; transition:none;}
	header.header .all_menu{display:none;}
	header.header > .container_fix{display:flex; justify-content:space-between;}
	header.header > .container_fix > div.header_btn{width:auto;}
	header.header > .container_fix div.header_menu, header.header > .container_fix > div.header_btn .lang_box{display:none;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn{display:block;}
	/* header.header.fixed > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span,
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span{background:#222;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn{display:inline-block; width:28px; vertical-align:middle; z-index:30; position:relative;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span{display:block; width:28px; height:2px; margin-bottom:8px; background:#fff; transition:all 0.5s;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span:nth-child(2){width:22px; margin-left:auto}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span:nth-child(3){margin-bottom:0;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(1){transform:translateY(10px) rotate(-45deg);}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(2){opacity:0;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(3){transform:translateY(-10px) rotate(45deg);} */

    header.header > .container_fix div.header_btn .lang_text { font-size: 14px; }

    /* 전체메뉴 */
    header.header .all_menu_wrap .all_menu_con { justify-content: flex-start; margin-top: 100px; }
    header.header .all_menu_wrap .all_menu_con .allm_li { height: auto; align-items: flex-start; border: 0; }
    header.header .all_menu_wrap .all_menu_con .allm_li:hover { border: 0; }
    header.header .all_menu_wrap .all_menu_con .allm_li .allm_a_div { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a3a9b1; }
    header.header .all_menu_wrap .all_menu_con .allm_li:hover .allm_a_div { border-bottom: 1px solid #2050a2; }
    /* header.header .all_menu_wrap .all_menu_con .allm_li .allm_a_div.active {} */
    header.header .all_menu_wrap .all_menu_con .allm_li .allm_sub_div { width: 100%; display: none; }
    header.header .all_menu_wrap .all_menu_con .allm_li .allm_a { display: block; position: relative; width: 100%; font-size: 18px; }
    header.header .all_menu_wrap .all_menu_con .allm_li .allm_a::after { content:""; position: absolute; right: 5px; top: 4px; display: block; border-left: 1px solid #a3a9b1;
        border-bottom: 1px solid #a3a9b1; transform: rotate(-45deg); transform-origin: center center; width: 10px; height: 10px; }
    header.header .all_menu_wrap .all_menu_con .allm_sub_divider { display: none; transition: .3s; }
    header.header .all_menu_wrap .all_menu_con .allm_sub_ul { flex-direction: column; margin-bottom: 15px; }
    header.header .all_menu_wrap .all_menu_con .allm_sub_li { padding-bottom: 20px; padding-left: 5px; }
    header.header .all_menu_wrap .all_menu_con .allm_sub_ul .allm_sub_a { display: block; width: 100%; font-size: 15px; }
    header.header .all_menu_wrap .all_menu_con .allm_li:hover .allm_sub_li:hover .allm_sub_a { border: 0; padding-bottom: 0; }
    /* 전체메뉴 active */
    header.header .all_menu_wrap .all_menu_con .allm_a_div.active { border-bottom: 1px solid #2050a2; }
    header.header .all_menu_wrap .all_menu_con .allm_a_div.active .allm_a { color: #2050a2; }
    header.header .all_menu_wrap .all_menu_con .allm_li .allm_a_div.active .allm_a::after { transform: rotate(-225deg); top: 9px; border-left: 1px solid #2050a2; border-bottom: 1px solid #2050a2;  }
    header.header .all_menu_wrap .all_menu_con .allm_li .allm_a_div.active + .allm_sub_div { display: block; }

	header.header .all_menu{display:block; left:100%; /* opacity:0; */ visibility:hidden; transition:all 0.5s; background:#fff; width:100%;
	position:fixed; top:0; height:100vh; overflow-y:auto;}
	header.header .all_menu.active{left:0; /* opacity:1; */ visibility:visible;}
	header.header .all_menu .all_menu_header{padding:30px 15px; border-bottom:1px solid #e1e1e1; position:relative; margin-bottom:20px;}
	header.header .all_menu .all_menu_header > ul{}
	header.header .all_menu .all_menu_header > ul > li{display:inline-block; margin-right:30px;}
	header.header .all_menu .all_menu_header > ul > li:last-child{margin-right:0;}
	header.header .all_menu .all_menu_header > ul > li > a{font-size:18px; color:#999;}
	header.header .all_menu .all_menu_header > ul > li.active > a{color:#8a30e5;}
	/* header.header .all_menu .all_menu_header a.all_menu_close{position:absolute; width:28px; display:block; top:15px; right:15px;}
	header.header .all_menu .all_menu_header a.all_menu_close span{display:block; width:28px; height:2px; transition:all 0.3s; 
	background:#222; transform:translateY(11px) rotate(45deg);}
	header.header .all_menu .all_menu_header a.all_menu_close span:nth-child(2){transform:translateY(-11px) rotate(45deg);} */
	header.header .all_menu .container_fix ul.all_menu_ul{padding:0 15px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li{display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a{font-size:20px; color:#222222; display:block; position:relative;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a > span.mobile_plus{display:block; position:absolute; top:3px; right:0; width:14px; height:14px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a > span.mobile_plus::before{content:""; width:14px; height:1px; position:absolute; top:6px; background:#333;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a > span.mobile_plus::after{content:""; width:1px; height:14px; position:absolute; left:6px; background:#333;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a.active > span.mobile_plus::before{background:#8a30e5;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a.active > span.mobile_plus::after{display:none;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div{margin-top:20px; display:none;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a.active + .all_menu_sub_div{display:block;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li{margin-bottom:20px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li:last-child{margin-bottom:0;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li > a{font-size:16px; color:#666;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li > .all_menu_sub_div2{display:none;}

    header.header .all_menu_wrap { overflow: hidden; }
    header.header .all_menu_wrap .all_menu_con .allm_li { flex-direction: column; justify-content: normal; }
}
@media (max-width:768px){
	/* header.header > .container_fix > div.header_logo img{width:90px;} */
	header.header .all_menu .all_menu_header{padding:25px 15px;}
	header.header .all_menu .all_menu_header > ul > li > a{font-size:16px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > a{font-size:18px;}
	header.header .all_menu .container_fix ul.all_menu_ul > li > .all_menu_sub_div > ul > li > a{font-size:15px;}
}

@media (max-width:480px){
	/* header.header > .container_fix > div.header_logo img{width:55px;} */
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn{width:25px;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span{width:25px; height:1px; margin-bottom:7px;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn > span:nth-child(2){width:20px;}
	header.header .all_menu .all_menu_header{padding:18px 15px;}
	header.header .all_menu .all_menu_header > ul > li{margin-right:15px;}
	header.header .all_menu .all_menu_header > ul > li > a{font-size:14px;}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(1){transform:translateY(8px) rotate(-45deg);}
	header.header > .container_fix > div.header_btn .mobile_all_menu_btn > a.all_menu_btn.active > span:nth-child(3){transform:translateY(-8px) rotate(45deg);}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
풀페이지 네비게이션 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.fullpage_bar_wrap{width:1850px; padding:0 15px; max-width:100%; margin:0 auto; position:relative;}
.fullpage_bar_wrap > .fullpage_bar{position:fixed; top:50%; transform:translateY(-50%); z-index:1;}
.fullpage_bar_wrap > .fullpage_bar .current_index{position:absolute; top: -30px; color:#fff; font-size:16px; font-weight:600; letter-spacing:-1px;
transform:rotate(90deg); white-space:nowrap; width:20px; vertical-align:top;}
.fullpage_bar_wrap > .fullpage_bar .total_length{position:absolute; bottom: -30px; color:#fff; font-size:16px; font-weight:600; letter-spacing:-1px; 
transform:rotate(90deg); white-space:nowrap; width:20px; vertical-align:top;}
.fullpage_bar_wrap > .fullpage_bar .bar{width:2px; height:270px; background:#fff; position:relative; left:8px; overflow:hidden;}
.fullpage_bar_wrap > .fullpage_bar .bar .bar_active{position:absolute; width:2px; height:0; background:#8a30e5; transition:all 0.7s; }

.iScrollVerticalScrollbar { display: none; }
@media (max-width:991px){
	.fullpage_bar_wrap{display:none;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터
html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer {padding:55px 0 60px 0; background: #fff;}
/* footer.footer.footer_bor { border-top: 1px solid #eee; } */
footer.footer.index_wrapper { margin-top: 170px; border-top: 1px solid #eee; }
footer.footer .container_fix{width: 1850px;}
footer.footer .container_fix_custom{width: auto; margin: 0 auto; max-width: 100%; padding:0 15px;}
footer.footer .footer_area { display: flex; flex-direction: column; gap: 15px; }
footer.footer .footer_area .footer_top { display: flex; justify-content: space-between; align-items: flex-start; }
footer.footer .footer_area .footer_top .fot_terms { display: flex; flex-direction: column; align-items: end; gap: 30px; }
footer.footer .footer_area .footer_top .fot_terms .container_fix { width: auto; margin: 0; } 
footer.footer .footer_area .footer_top .fot_terms .fot_family { font-size: 14px; line-height: 32px; color: #5d5d5d; }
footer.footer .container_fix_custom .link-list { display: flex; }
footer.footer .container_fix_custom .link-item { white-space: nowrap; }
footer.footer .footer_area .footer_top .fot_family select { width: 200px; height: 40px; border: none; border-bottom: 1px solid #444; background-color: transparent; 
    color: #5d5d5d; font-size: 14px; line-height: 32px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(/img/icon_foot_arr.png); 
    background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; cursor: pointer; 
}
footer.footer .footer_area .footer_top .fot_family option { cursor: pointer; }
footer.footer .footer_area .footer_bot { display: flex; flex-direction: column; }
footer.footer .footer_area .footer_bot .footer_info { display: flex; flex-direction: column; color: #5d5d5d; }
footer.footer .footer_area .footer_bot .footer_info .footer_bold { margin-right: 5px; color: #0c0c0c; font-weight: 700; }
footer.footer .footer_area .footer_bot .footer_info .footer_medium { margin-right: 5px; color: #0c0c0c; font-weight: 500; }
footer.footer .footer_area .footer_bot .footer_info > li:nth-child(2) { display: flex; }
footer.footer .footer_area .footer_bot .footer_info > li > div.info_bor { position: relative; }
footer.footer .footer_area .footer_bot .footer_info > li > div.info_bor:not(:last-child) { margin-right: 15px; }
footer.footer .footer_area .footer_bot .footer_info > li > div.info_bor > a { color: #5d5d5d; }
footer.footer .footer_area .footer_bot .footer_info > li > div.info_bor + div.info_bor::before {content:""; width:1px; height:15px; background:#ccc; position:absolute; top:5px; left:-8px; }

footer.footer ul li{display:inline-block; position:relative;}
footer.footer ul li:not(:last-child) { margin-right: 15px; }
footer.footer .link-item + .link-item::before{content:""; width:1px; height:15px; background:#ccc; position:absolute; top:5px; left:-9px;}
footer.footer ul li, footer.footer ul li a { font-size: 15px; line-height: 26px; color: #5d5d5d; }
footer.footer h5{ font-size:14px; color:#777777; line-height:30px; }
.at-go #go-btn{display:none !important;}

@media (max-width:991px){
	footer.footer{padding:11px 0;}
    footer.footer_main { margin-top: 0; }
    footer.footer.index_wrapper{margin-top:75px;}
	#fullpage footer.footer{display:none;}
	footer.footer .container_fix{padding-left:0; padding:0 15px;}
    footer.footer .container_fix.footer_bot_wrapper{display: none;}
	footer.footer .container_fix_custom{padding:0; margin: 0;}
    footer.footer .footer_area { gap: 33px; }
    footer.footer .footer_area .footer_top { flex-direction: column; }
    footer.footer .footer_area .fot_logo { position: relative; width: 100%; cursor: pointer;  }
    footer.footer .footer_area .fot_logo.active { padding-bottom: 14px; }
    footer.footer .footer_area .fot_logo::after { content:""; position: absolute; right: 10px; top: 40%; display: block; border-left: 1px solid #a3a9b1; 
        border-bottom: 1px solid #a3a9b1; transform: translateY(-50%) rotate(-45deg); transform-origin: center center; width: 7px; height: 7px; 
    }
    footer.footer .footer_area .fot_logo.active::after { top: 30%; transform: rotate(-225deg); }
    footer.footer .footer_area .fot_logo img { width: 65px; }
    /* footer.footer .footer_area > *:not(.footer_top) { display: none; } */
    footer.footer .footer_area .footer_top .fot_terms { align-items: normal; gap: 0; width: 100%; display: none; }
    footer.footer .footer_area .footer_top .container_fix { display: flex; flex-direction: column; justify-content: space-between; align-items: start; }
    footer.footer .footer_area .footer_top .link-list { padding: 10px 0 10px 15px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
    footer.footer .footer_area .footer_top .fot_terms .fot_family { width: 100%; margin-top: 30px; }
    footer.footer .footer_area .footer_top .fot_family select { width: 100%; height: 36px; font-size: 13px; border-bottom: 1px solid #9b9b9b; }
    footer.footer .footer_area .footer_bot .footer_info > li > div.info_bor:not(:last-child) { margin-right: 9px; }
    footer.footer .footer_area .footer_bot .footer_info > li > div.info_bor + div.info_bor::before { height: 13px; left: -5px; }
}
@media (max-width:480px){
	footer.footer{padding:11px 0;}
    footer.footer .footer_area .footer_bot { padding-bottom: 5px; }
	footer.footer ul li{display:inline-block; padding-right: 10px; position:relative;}
    footer.footer ul li:not(:last-child) { margin-right: 10px; }
	footer.footer ul li::after{height:14px; top:5px; right:-6px;}	
    footer.footer .link-item + .link-item::before { left: -14px; }
	footer.footer ul .mobile_block{display:block;}
    footer.footer .footer_info li { padding: 0; }
    footer.footer .footer_info li:not(:last-child) { margin: 0; }
	footer.footer ul li:nth-child(2)::after, footer.footer ul li:nth-child(4)::after,
	footer.footer ul li:nth-child(7)::after{display:none;}
	footer.footer ul li, footer.footer ul li a,
	footer.footer ul li, footer.footer h5{font-size:13px; line-height:24px;}
}