@charset "utf-8";
/* CSS Document */
/*
font-family: 한/영 명조       'AritaBuri';
font-family: 한/영    'Noto Sans KR', sans-serif; 
font-family: 영문  'Roboto', sans-serif;  
font-family: 'Roboto Slab', serif;  영문 명조 

font-family: 'AritaBuri'; 한/영 명조
font-family: 'AritaDotum'--; 한/영 고딕

font-family: 'S-Core'; 한/영 고딕

thin : 100
Regular 400
Regular 400
Black 900
*/


.overlay {z-index: 700}
#toggle-right-button {z-index: 600 !important}
.sns.insta {z-index:600 !important;}
.top-right  {z-index: 500 !important}
#toggle-right-menu {z-index: 400 !important}
.alpha-bg {z-index: 300 !important}
.header nav{z-index: 200 !important}
#fp-nav {z-index: 100 !important}


/*공통*/
/* fp 사이드 네비 */
#fp-nav { position: fixed; top: 90%;margin-top: 0 !important; opacity: 1; 
	transform: translateY(-50%); 
	transform: translate3d(0,-50%,0); 
	-ms-transform: translateY(-50%); 
	-webkit-transform: translate3d(0,-50%,0); 
	transition: all 0.15s ease-in-out 0.15s; }
#fp-nav.last{right: -200px !important; opacity: 0;}
#fp-nav.fp-right { right: 20px;}
#fp-nav.right { right: 20px;}
#fp-nav.fp-left { left: 50px; }

#fp-nav ul { margin: 0; padding: 0; }
#fp-nav ul li{ display: block; width: 30px; height: 30px; margin: 4px 0;  position:relative; }
#fp-nav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a:before{content: '';display: block;width: 20px;height: 20px;border: 1px solid #fff;border-radius: 100%;position: absolute;left: 57%;top: 57%;transform: translate(-50%,-50%) scale(0);transition: all 0.25s ease; }

 /* hover area */
#fp-nav ul li a:after{content: '';display: block;width: 50px;height: 30px;position: absolute;right: 0%;top: 0%; }
 /* on circle */
#fp-nav ul li a.active:before{ transform: translate(-50%,-50%) scale(1);}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{height: 6px;width: 6px;margin: -1px 0 0 -1px;border-radius: 100%;opacity: 1; }
#fp-nav ul li a span{border-radius: 50%;position: absolute;z-index: 1;height: 8px;width: 8px;border: 0;background: #fff;left: 50%;top: 50%;opacity: 0.5;margin: -2px 0 0 -2px;
     -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
     transition: all 0.25s ease;
 }
#fp-nav ul li:hover a span{width: 8px;height: 8px;margin: -2px 0px 0px -2px; }
#fp-nav ul li .fp-tooltip { position: absolute; top: 52%; left: 0px;transform: translateY(-50%);  font-size:0.875rem; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0.5; width: auto; -webkit-transition: opacity 0.2s ease, all 0.3s ease;
    transition: opacity 0.2s ease, all 0.3s ease;font-family: 'AritaBuri-SemiBold'; ; }
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {width: auto; opacity: 1; left: -80px; -webkit-transition: opacity 0.2s ease, all 0.4s ease; transition: opacity 0.2s ease, all 0.4s ease;}

#fp-nav ul li:nth-child(1):hover .fp-tooltip,
#fp-nav.fp-show-active ul li:nth-child(1) a.active + .fp-tooltip {left: -65px !important;}
#toggle-right-menu
#fp-nav ul li:nth-child(2):hover .fp-tooltip,
#fp-nav.fp-show-active ul li:nth-child(2) a.active + .fp-tooltip {left: -80px !important;}

#fp-nav ul li:nth-child(3):hover .fp-tooltip,
#fp-nav.fp-show-active ul li:nth-child(3) a.active + .fp-tooltip {left: -47px !important;}


#fp-nav ul li .fp-tooltip.fp-right { right: 33px; }
#fp-nav ul li .fp-tooltip.right {right: 30px;} /* fp ver2 사용시  */

#fp-nav ul li .fp-tooltip.fp-left {  left: 20px; }
 .fp-auto-height.fp-section,
 .fp-auto-height .fp-slide,
 .fp-auto-height .fp-tableCell{ height: auto !important;}
 
 .fp-responsive .fp-auto-height-responsive.fp-section,
 .fp-responsive .fp-auto-height-responsive .fp-slide,
 .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }
 
 /*Only display content to screen readers*/
 .fp-sr-only{
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
 }
 #fp-nav li:last-child{ display: none;}


#fp-nav ul li .fp-tooltip  {color:rgba(0,0,0, .65);}
#fp-nav ul li a:before {border: 1px solid rgba(0,0,0, .65);}
#fp-nav ul li a span {background:rgba(0,0,0, .65);}

#fp-nav.fp-nav-fixed ul li .fp-tooltip  {color:rgba(255,255,255, .95);}
#fp-nav.fp-nav-fixed ul li a:before {border: 1px solid rgba(255,255,255, .95);}
#fp-nav.fp-nav-fixed ul li a span {background:rgba(255,255,255, .95);}


/* 상단 */
.header {/*font-family: 'Roboto Slab', serif;*/ font-family: 'AritaBuri-SemiBold'; font-weight: normal;}
.header nav {position: fixed; left: 0; right: 0; top: 0;  color: #eee; padding: 0; display: flex; align-items: center; justify-content: space-between; transition: background 0.15s, box-shadow 0.15s;height: 90px;}

/* svg 로고사용 시
.header nav .main-logo {
	display: inline-block;width: 120px;padding:13px 20px;_background: #e3e3e3;opacity: 1;
	-webkit-filter: invert(0%) sepia(0%) saturate(2%) hue-rotate(153deg) brightness(98%) contrast(98%); 
	filter: invert(0%) sepia(0%) saturate(2%) hue-rotate(153deg) brightness(98%) contrast(98%); transition: all 0.3s;
}
.header nav.fixed .main-logo,
.header nav .main-logo:hover { -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}*/

.header nav .main-logo {display: inline-block;width:99px; height: 90px; padding:0; margin: 3px 0 0 20px; background: url(../images/logo-m-black.png) no-repeat; background-size: contain; background-position: center top;}
.header nav.fixed .main-logo { background: url(../images/logo-m-white.png) no-repeat;background-size: contain; background-position: center top;}
.header nav .main-logo:hover { opacity: 0.8}

.header nav.fixed {_background: #fff; _box-shadow: 0 3px 3px rgba(0,0,0, .1); }
.header nav.fixed .nav-item .nav-link {color: rgba(255,255,255, .95); }
.header nav.fixed #toggle-right-button.button-menu div span {background: rgba(255,255,255, .95) !important;}
.header nav.fixed .main-gnb .nav-item .nav-link .nav__item-name::before {background: rgba(255,255,255, .95);}

/*메인 풀스트린 반응형일 경우 .fp-responsive 클래스 추가 됨.*/
.fp-responsive header .navbar.navbar-fixed-top.top-nav-collapse { background: #fff; border-bottom: 0;}
.fp-responsive header nav .main-logo { background: url(../images/mobile/eddypanda-m-logo.svg) no-repeat !important;width: 123px; height: 72px;  margin: 29px 0 0 0px;}
.fp-responsive header nav.fixed .sns.insta { color: #3e3e3e !important;}
.fp-responsive header nav.fixed #toggle-right-button.button-menu div span { background: #3e3e3e !important;}
.fp-responsive header nav.fixed .top-right__btn {color: #3e3e3e !important;}


/*오른쪽 메뉴effect */
.top-right__btn {color: rgba(255,255,255, .95); }
.top-right__btn .nav__item-name {background: rgba(0,0,0, .95);}
.top-right__btn .top-right__btn-name::before {background: rgba(0,0,0, .95);}
.sns.insta  {color: #3e3e3e ; font-size: 1.8rem; margin: -10px 20px 0 0; position: relative; }

.top-right__btn.on {color: rgba(0,0,0, .95);}
.top-right__btn.on .nav__item-name {background: rgba(0,0,0, .95);}
.top-right__btn.on .top-right__btn-name::before {background: rgba(0,0,0, .95);}

.header nav.fixed .top-right__btn {color: rgba(255,255,255, .95); }
.header nav.fixed .top-right__btn .nav__item-name {background: rgba(255,255,255, .95);}
.header nav.fixed .top-right__btn .top-right__btn-name::before {background: rgba(255,255,255, .95);}
.header nav.fixed .sns.insta  {color: rgba(255,255,255, .95);}
.header nav.fixed .ko-eng-top-right a { color:#fff !important}
.header nav.fixed .indent {border-right: 1px solid #a7a7a7 !important;}

.header nav.fixed .top-right__btn.on {color: rgba(0,0,0, .95); }
.header nav.fixed .top-right__btn.on .nav__item-name {background: rgba(0,0,0, .95);}
.header nav.fixed .top-right__btn.on .top-right__btn-name::before {background: rgba(0,0,0, .95);}
.header nav.fixed .sns.insta.on  {color: rgba(0,0,0, .95);}




/*오른쪽 메뉴 */
.top-right { position: absolute; right: 30px; top: 37px;  display: flex; align-items: center; justify-content: space-between;}
.top-right__btn {
	font-size: 1rem; 
	color: #3e3e3e ; 
	margin: -10px 10px 0 0; 
	position: relative;  
	line-height: 1; 
	display: block;    
    outline: none;    
	padding: .5rem .2rem; 
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.top-right__btn:hover {color: #3e3e3e ;}
.top-right__btn-name::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6%;
    opacity: 0.3;
	background: #3e3e3e ;
    transform: scale3d(0,1,1);
    transform-origin: 100% 50%;
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.top-right__btn:hover .top-right__btn-name::before,
.top-right__btn:focus .top-right__btn-name::before {
    transform: scale3d(1,1,1);
    transform-origin: 0% 50%;
    opacity: 0.7;
}

/*.link--::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link--:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
*/


.top-left {  display: flex;align-items: center; justify-content: space-between;margin: 0px 0 0 20px;}
.top-left .main-gnb {display: block; width: 100%;    margin-left: 20px; }
.top-left .main-gnb li {display: inline-block;}
.main-gnb .nav-item .nav-link {
	color: #3e3e3e;    
	line-height: 1;
    position: relative;
    display: block;
    margin: 1em;
    outline: none;
	padding: .5rem .2rem;
}
.main-gnb .nav-item .nav-link .cn {font-size: 1.2rem;}
.main-gnb .nav-item .nav-link .nav__item-name::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6%;
    opacity: 0.3;
	background: #3e3e3e;
    transform: scale3d(0,1,1);
    transform-origin: 100% 50%;
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.main-gnb .nav-item .nav-link:hover .nav__item-name::before,
.main-gnb .nav-item .nav-link:focus .nav__item-name::before,
.main-gnb .nav-item .nav-link:hover .nav__item-label::before, 
.main-gnb .nav-item .nav-link:focus .nav__item-label::before {
    transform: scale3d(1,1,1);
    transform-origin: 0% 50%;
    opacity: 0.7;
}
.dropdown {
	position: absolute;
	display: block;
    z-index: 1000;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
	box-shadow: 5px 8px 7px 2px rgba(0,0,0, .15);
    border-radius: .25rem;
	transition: all 0.3s; transform: translate(0px, 10px); opacity: 0; visibility: hidden;
}
.dropdown > li {display: block !important; font-family: 'Noto Sans KR', sans-serif; ;}

.main-gnb .nav-item:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}
.dropdown::before {
    content: "▲";
    position: absolute;
    top: -12px;
    left: 43px;
	font-size: 12px;
}


/* 오른쪽 토글 메뉴 */
#toggle-right-menu { width: 100%;height: 100%;position: fixed;right: -100%;top: 0;transition: 0.2s ease;-webkit-transition: 0.2s ease;-moz-transition: 0.2s ease;}
#toggle-right-menu.left { right:0; transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;}
#toggle-right-content {position: relative;width: 550px;height: 100%;float: right;font-size: 14px;background: url(../images/bg-grunge.jpg) repeat;border-left: 1px solid #DDDDDD;padding: 0 10px; overflow: auto; transition: 0.5s ease;}

.alpha-bg {display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);right: 0;top: 0;transition: all 0.5s;}

.header #toggle-right-button { position: relative;cursor:pointer;}
.header #toggle-right-button.button-menu div {position: relative;display: inline-block;width: 40px;height: 25px;}
.header #toggle-right-button.button-menu.toggle-on div span {background: rgba(0,0,0,1)!important;}
.header nav.fixed #toggle-right-button.button-menu.toggle-on div span {background: rgba(0,0,0,1)!important;}

.header #toggle-right-button.button-menu div span { 
	position: absolute;
	display: block;
    top: calc(50% - 3px);
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -25%;
    background-color:#3e3e3e;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms,-webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
}

.header #toggle-right-button.button-menu div span:nth-of-type(2) {
    margin-top: 0%;
    width: 100%;
    transform: translate(0%, 0%);
    transition: all 0.8s;
}
.header #toggle-right-button.button-menu div span:nth-of-type(3) {
    margin-top: 25%;
    -webkit-transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
}

.header #toggle-right-button.button-menu.toggle-on span:nth-of-type(1) {
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
}

.header #toggle-right-button.button-menu.toggle-on span:nth-of-type(2) {
opacity: 0;
}

.header #toggle-right-button.button-menu.toggle-on div span:nth-of-type(2) {
    opacity: 1;
    left: 50%;
    width: 0%;
    transition: all 1.5s;
    transform: translate(0%, 0%);
}

.header #toggle-right-button.button-menu.toggle-on span:nth-of-type(3) {
    margin: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
    transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
}


.toggle-menu-inner { padding: 105px 0 0 0;}
#total-sidemenu .card { background-color: transparent;border: 0px solid rgba(0,0,0,.05);}
#total-sidemenu .card-header {padding:0;margin-bottom: 0;background-color: transparent;border-bottom: 1px solid rgba(0,0,0,.1);}
#total-sidemenu .card-header .btn {display: block; width: 100%; text-align: left;  font-size: 1.625rem;padding: 1rem 1.8rem 1rem 1.6rem;background-color: transparent;border-radius:0;color: #565656;}

#total-sidemenu .card-header .btn.focus, 
#total-sidemenu .card-header .btn:focus { outline: 0;  box-shadow: none;}
#total-sidemenu .card-header .btn:hover {color: #000;}

#total-sidemenu .card-body li a {
    font-size: 1.2rem;
	color: #222222;
    line-height: 225%;
	font-family: 'Noto Sans KR', sans-serif;
    border-bottom: 1px dotted #dedede;
    width: 100%;
    display: block;
	text-decoration: none;
}
#total-sidemenu .card-body  li a:before {content: "-"; margin: 0 8px 0 10px;}
#total-sidemenu .card-body  li:last-child a {border: 0;}
#total-sidemenu .btn::after {
    content: "\f107";
	font-weight: 600;
    font-size: 1.3rem;
    font-family: "Font Awesome 5 Free";
    transition: transform .2s ease-in-out;    position: absolute;
    right: 0;
    margin: 5px 31px 0 0;
}

#total-sidemenu .btn.acco-no-body::after {content: "";}
#total-sidemenu .btn:not(.collapsed)::after {transform: rotate(180deg);}
#total-sidemenu .btn:not(.collapsed) {color: #373737; background-color: transparent;}

.ko-eng { position: absolute; color: #000;top: 10px;left: 31px; font-size: 0.8125rem;font-family: 'Noto Sans KR', sans-serif;}
.animsition-link.kr {line-height: 17px;}
.animsition-link.eng {line-height: 15px;}
.ko-eng li{float: left; margin-right: 10px; }
.ko-eng li .kr::before {
    content: "-";
    background: url(../images/flag-kor.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    _border: 1px solid #c9c9c9;
    margin-right: 5px;
}
.ko-eng li .eng::before {
    content: "-";
    background: url(../images/flag-eng.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    _border: 1px solid #e0e0e0;
    margin-right: 5px;
}
.ko-eng li .cn::before {
    content: "-";
    background: url(../images/flag-cn.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    _border: 1px solid #e0e0e0;
    margin-right: 5px;
	line-height: 16px;
    color: transparent;	
}

.ko-eng-top-right { position: absolute; color: #000;top: 6px; right: 19px;font-size: 0.8125rem;font-family: 'Noto Sans KR', sans-serif;}
.ko-eng-top-right li{float: left; margin-right: 10px; }
.ko-eng-top-right li .kr::before {
    content: "-";
    background: url(../images/flag-kor.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    _border: 1px solid #c9c9c9;
    margin-right: 5px;
}
.ko-eng-top-right li .eng::before {
    content: "-";
    background: url(../images/flag-eng.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    _border: 1px solid #e0e0e0;
    margin-right: 5px;
	line-height: 16px;
    color: transparent;	
}
.ko-eng-top-right li .cn::before {
    content: "-";
    background: url(../images/flag-cn.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    _border: 1px solid #c9c9c9;
    margin-right: 5px;
	line-height: 16px;
    color: transparent;	
}
/* //////////////////오른쪽 토글 메뉴////////////////// */



/* fullpage custom - noh
 * --------------------------------------- */
.fp-tableCell { display: flex; }
.fp-scrollable { width: 100%;}
._fp-completely .fp-tableCell { min-height: 850px !important;}


/*슬라이더 라이브러리 custom*/
.slick-list {height: 100%;}
.slick-dots { bottom: 35px;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots li {width: auto; margin: 0 0;font-family: 'AritaBuri-SemiBold'; font-size: 1rem; opacity: 0.5; padding: 2px 3px; transition: all 0.8s;font-weight: 600;color: #fff;}
.slick-dots li:hover,.slick-dots li.slick-active {opacity: 1;}
.slick-dots li:nth-child(2) .slider-nav:before,
.slick-dots li:nth-child(2) .slider-nav:after,
.slick-dots li:nth-child(3) .slider-nav:after { content: "ㆍ";  margin-right: 12px;  margin-left: 12px;transition: all 0.8s; }
.slick-dots li:hover:nth-child(2) .slider-nav:before,
.slick-dots li:hover:nth-child(2) .slider-nav:after,
.slick-dots li.slick-active:nth-child(2) .slider-nav:before,
.slick-dots li.slick-active:nth-child(2) .slider-nav:after {  opacity: 0.35;}

.slick-track {height: 100%;}
.slick-prev {left: 30px;}
.slick-next {right:30px;}
.slick-prev, .slick-next {width: 44px;height: 87px; z-index: 1;}
.slick-prev:before { content: '←';	content: url(../images/slide-arw_06.png);}
.slick-next:before { content: '←';	content: url(../images/slide-arw_07.png);}


/*메인공통*/
.btn-detail-view.wht { border: 1px solid rgba(255,255,255, .7); color: #fff;margin: 0 auto;}
.btn-detail-view.blk { border: 1px solid rgba(0,0,0, .7); color:#000000; }
.btn-detail-view.blk2 { border: 1px solid #838383; color: #838383;}
.section-ca-title {position: absolute; z-index: 10; bottom: 30px; left: 25px;}

/*메인 비쥬얼 슬라이더*/
.main_slider{_display: flex;height: 100%;position: relative;width: 100%;margin: 0 auto;padding: 0 ; _border: 4px solid;}

.slide_animate_first {position: relative;top: 90px;opacity: 0;transition: 0.5s;}		
.slide_animate_first.first {top: 0px;opacity: 1;}		
.slide_animate {position: relative;top: 60px;opacity: 0;transition: 1s;}		
.slide_animate.on {top: 0px;opacity: 1;}


/*#section1 {	padding: 0 !important;background: #d7d7d7  url(../images/main-section1-bg3.png) no-repeat;transition: 1.5s ease;background-position: center top !important;background-size: cover !important; opacity: 1;    min-height: 640px !important;}*/
#section1 {	padding: 0 !important;transition: 1.5s ease; opacity: 1; background:#fff;   min-height: 640px !important;}
/*#section1.bg1 { background:#d7d7d7 ; _background-color: #d7d7d7 ; opacity: 1;}*/
#section1.bg1 { background:#fff; opacity: 1;}
#section1.bg2 { background:url(../images/main-img-ampl.jpg) no-repeat;background:#fff; background-position: bottom center;opacity: 1;}

#section1.bg3 {	background:#f3e19a /*url(../images/main-section1-bg2.png) no-repeat*/; _background-color: #f3e19a; opacity: 1;}
#section1.bg4 {	background:#fcc5b1 /*url(../images/main-section1-bg1.png) no-repeat*/; _background-color: #fcc5b1; opacity: 1;}

.slide-inner {position: relative; width: 100%; height: 100%; _max-width: 1400px;margin: 0 auto; _border: 3px solid red;}

.slide4 .product-info {  position: absolute; width: 100%; height: 100%; margin: 170px 10% 0 9%; transition: all 0.5s ease 1.5s; z-index: 3;}
.slide4 .product-info small {font-family: 'AritaBuri-SemiBold';font-size:1rem; color: rgba(0,0,0,.95); }
.slide4 .product-info h1 { font-family: 'AritaBuri-SemiBold'; display: block;font-size: 6.625rem; font-weight: normal;letter-spacing: -1.5px; color: rgba(0,0,0,.95); margin: -9px 0 0 -4px;}
.slide4 .product-info .title-sub-text1 strong {font-weight: normal; }
.slide4 .product-info .title-sub-text1  {display: block; font-size: 2.625rem; color: rgba(0,0,0,.95); ; line-height: 120%;margin-top: 40px;transition: 0.5s ease; transition-delay: 0.5s; font-weight: 100; }
.slide4 .product-info .title-sub-text2  {display: block; font-size: 1.16rem; color: rgba(0,0,0,.95); ; margin-top: 10px; transition: 0.5s ease; transition-delay: 0.7s; }
.btn-detail-view { width: 100px; font-size: 0.875rem; color: rgba(0,0,0,.95); ; padding: 3px 0; display: block;transition: 0.5s ease;transition-delay: 0.8s; text-align: center;}


.slide4 .img1 { position: absolute;left: 50%; bottom: 48px; ;margin: 0 0 0 0; transform: translate(280px, 0); min-width: 68% !important;}
/*.slide4 .img1.slide_animate_img_first {opacity: 0;transition: 0.5s ease;}		
.slide4 .img1.slide_animate_img_first.first {transform: translate(150px, 0);opacity: 1;}	*/
.slide4 .img1.slide_animate_img { opacity: 0;transition: 1.5s ease;}			
.slide4 .img1.slide_animate_img.img-on {transform: translate(100px, 0);opacity: 1;} 


.slide3 .product-info { position: absolute; width: 100%; height: 100%; margin: 170px 10% 0 9%; transition: all 0.5s ease 1.5s; z-index: 3;}
.slide3 .product-info small {font-family: 'AritaBuri-SemiBold';font-size:1rem; color: rgba(0,0,0,.95); }
.slide3 .product-info h1 { font-family: 'AritaBuri-SemiBold'; display: block; font-size: 6.625rem; font-weight: normal;letter-spacing: -1.5px;color: rgba(0,0,0,.95); margin: -9px 0 0 -10px;}
.slide3 .product-info .title-sub-text1 strong {font-weight: normal; }
.slide3 .product-info .title-sub-text1  {display: block; font-size: 2.625rem; color: rgba(0,0,0,.95); line-height: 120%;margin-top: 40px;transition: 0.5s ease; transition-delay: 0.5s; font-weight: 100; }
.slide3 .product-info .title-sub-text2  {display: block; font-size: 1.16rem; color: rgba(0,0,0,.95); margin-top: 10px; transition: 0.5s ease; transition-delay: 0.7s; }

.slide3 .img1 { position: absolute;left: 50%; bottom: 48px; transform: translate(309px, 0);margin: 0 0 0 0;min-width: 85% !important;}
/*.slide3 .img1.slide_animate_img_first {opacity: 0;transition: 0.5s ease;}		
.slide3 .img1.slide_animate_img_first.first {transform: translate(150px, 0);opacity: 1;}	*/
.slide3 .img1.slide_animate_img { opacity: 0;transition: 1.5s ease;}			
.slide3 .img1.slide_animate_img.img-on {transform: translate(-80px, 0);opacity: 1;} 


.slide1 .product-info { position: absolute; width: 100%; height: 100%; margin: 170px 10% 0 9%; transition: all 0.5s ease 1.5s; z-index: 3;}
.slide1 .product-info small {font-family: 'AritaBuri-SemiBold';font-size:1rem; color:  rgba(0,0,0,.95); }
.slide1 .product-info h1 { font-family: 'AritaBuri-SemiBold'; display: block; font-size: 6.625rem; font-weight: normal;letter-spacing: -1.5px; color: rgba(0,0,0,.95); margin: -9px 0 0 -10px;}
.slide1 .product-info .title-sub-text1 strong {font-weight: normal; }
.slide1 .product-info .title-sub-text1   {display: block; font-size: 2.625rem; color: rgba(0,0,0,.95); line-height: 120%;margin-top: 40px;transition: 0.5s ease; transition-delay: 0.5s; font-weight: 100; }
.slide1 .product-info .title-sub-text2  {display: block; font-size: 1.16rem; color: rgba(0,0,0,.95); margin-top: 10px; transition: 0.5s ease; transition-delay: 0.7s; }

.slide1 .img1 { position: absolute;width: 100%; height: 100%; background:url(../images/main-img-ampl.jpg) no-repeat; background-position: bottom center;opacity: 1; margin: 0 0 0 0; z-index: 2;background-size: cover;}
.slide1 .img1.slide_animate_img_first { opacity: 0;transition: 1.5s ease;}			
.slide1 .img1.slide_animate_img_first.first {opacity: 1;} 
.slide1 .img1.slide_animate_img { opacity: 0;transition: 1.5s ease;}			
.slide1 .img1.slide_animate_img.img-on {opacity: 1;} 

.slide2 .product-info { position: absolute; width: 100%; height: 100%; margin: 170px 10% 0 9%; transition: all 0.5s ease 1.5s; z-index: 3;}
.slide2 .product-info small {font-family: 'AritaBuri-SemiBold';font-size:1rem; color: rgba(0,0,0,.95); }
.slide2 .product-info h1 { font-family: 'AritaBuri-SemiBold'; display: block; font-size: 6.625rem; font-weight: normal;letter-spacing: -1.5px; color: rgba(0,0,0,.95); margin: -9px 0 0 -10px;}
.slide2 .product-info .title-sub-text1 strong {font-weight: normal; }
.slide2 .product-info .title-sub-text1   {display: block; font-size: 2.625rem; color: rgba(0,0,0,.95); line-height: 120%;margin-top: 40px;transition: 0.5s ease; transition-delay: 0.5s; font-weight: 100; }
.slide2 .product-info .title-sub-text2  {display: block; font-size: 1.16rem; color: rgba(0,0,0,.95); margin-top: 10px; transition: 0.5s ease; transition-delay: 0.7s; }

.slide2 .img1 { position: absolute;width: 100%; height: 100%; background:url(../images/main-img-mist.jpg) no-repeat; background-position: bottom center;opacity: 1; margin: 0 0 0 0; z-index: 2;background-size: cover;}
.slide2 .img1.slide_animate_img { opacity: 0;transition: 1.5s ease;}			
.slide2 .img1.slide_animate_img.img-on {opacity: 1;} 


.slide3 .deco-img2-1.slide_animate_img{ position: absolute;bottom: 0;transform: translate(-380px, 114px); opacity: 1;transition: 2.5s ease; }
.slide3 .deco-img2-1.slide_animate_img.img-on  {transform: translate(-40px, 30px);opacity: 1;transition-delay: 0.3s}

.slide4 .deco-img3-1.slide_animate_img{ position: absolute;bottom: 0; right: 0; transform: translate(351px, 112px); opacity: 1;transition: 2.5s ease; }
.slide4 .deco-img3-1.slide_animate_img{ position: absolute;bottom: 0; right: 0; transform: translate(351px, 112px); opacity: 1;transition: 2.5s ease; }
.slide4 .deco-img3-1.slide_animate_img.img-on  {transform: translate(30px, 0px);opacity: 1;transition-delay: 0.3s}


/*영문버전*/ 
.slide1 .eng.product-info,
.slide2 .eng.product-info,
.slide3 .eng.product-info,
.slide4 .eng.product-info { }


.slide1 .eng.product-info .title-sub-text1,
.slide2 .eng.product-info .title-sub-text1,
.slide3 .eng.product-info .title-sub-text1,
.slide4 .eng.product-info .title-sub-text1 { letter-spacing: -1px;margin-top: 10px; }

/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section2 .main-video-layer {
    position: absolute;
    z-index: 14;
    width: 80%;
    left: 50%;
    top: 29%;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(-50%,0,0);
}
#section2 .eng.main-video-layer { width: 62% !important;}

#vimeoWrap{position: relative;padding-bottom: 0;padding-top: 0;height: 100%;overflow: hidden;margin: 0;width: 100%;  }
#storyVideo{
	position: absolute;
	top:0;
	left: 50%;
	transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
	min-width:100%;
	min-height:100%;
	background-size: cover;
	background-color: white; /* in case the video doesn't fit the whole page*/
	background-position: center center;
	object-fit: cover; /*cover video background */
	z-index:3;
}

.main-video-layer .main-vedio-logo { }
.main-video-layer h1.main-video-tlt { visibility: hidden;color: #ffffff; font-size: 3rem; font-weight: normal; letter-spacing: -1px;font-family: 'AritaBuri-SemiBold'; opacity: 0.8; }
.main-video-layer .text1 { top: 50px;opacity: 0;position:relative;display: block; width: 100%; color: #ffffff; font-size: 1.22rem; font-weight: 100;word-break: break-word;}
.main-video-layer .text2 {top: 50px;opacity: 0;	position:relative; display: block; width: 100%; color: #ffffff; font-size: 1.22rem;  font-weight: 100;word-break: break-word;}
.main-video-layer img {	top: -30px;	opacity: 0;	position:relative;}		
/* Hiding video controls 
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
* --------------------------------------- */
video::-webkit-media-controls {  display:none !important;}	

/*#section3*/
#section3 {min-height: 800px;}
#section3 .section-inner {height: 100%;position: relative;width:calc(100% - 10%);  margin: 0 auto;padding: 110px 25px 0 25px; _border: 4px solid;}
#section3 .section-inner h1 { font-family: 'AritaBuri-SemiBold'; display: block; font-size: 5.625rem; ; color: rgba(0,0,0,0.95) ; margin: 40px 0 0 0;    text-align: center;}
#section3 .section-inner .title-sub-text1 strong {font-weight: normal; }
#section3 .section-inner .title-sub-text1  {font-family: 'AritaBuri-SemiBold';display: block; font-size: 1rem; color: rgba(0,0,0,.95); ; line-height: 120%;margin-top: 40px;text-align: center;transition: 0.5s ease; transition-delay: 0.5s; }

.container.bioballset { max-width: 1026px;}
.bioballset .row {    margin-top: 125px; /*position: absolute; justify-content: center; bottom: 5%;*/}

.ball {position: relative;padding: 0;text-align: center;_max-width: 186px;_border: 1px solid red;transition: all 0.3s ease;}
.ball img{position: relative;transition: all 0.3s ease;}
.ball.b1 img {z-index: 3; margin: 47px -64px 0 0px;}
.ball.b2 img {z-index: 1; margin: 0px -30px 0 23px;transform: scale3d(0.95, 0.95, 0.95) ;}
.ball.b3 img {z-index: 3; margin: 25px -13px 0 0;}
.ball.b4 img {z-index: 1; margin: -8px 0px 0 -13px;transform: scale3d(0.95, 0.95, 0.95); ;}
.ball.b5 img {z-index: 2; margin: 24px 0px 0 -43px;}
.ball.b6 img {z-index: 3; margin: 40px 0px 0 -49px;}

.ball.b1:hover img { transform: scale3d(1.05, 1.05, 1.05) translate(10px, 10px);}
.ball.b2:hover img { transform: scale3d(1, 1, 1) translate(-20px, 7px);}
.ball.b3:hover img { transform: scale3d(1.05, 1.05, 1.05) translate(-2px, 19px);}
.ball.b4:hover img { transform: scale3d(1, 1, 1) translate(6px, 10px);}
.ball.b5:hover img { transform: scale3d(1.05, 1.05, 1.05) translate(-10px, 10px);}
.ball.b6:hover img { transform: scale3d(1.05, 1.05, 1.05) translate(-10px, 10px);}

.ball-title {position: relative;line-height: 100%;display: block;font-family: 'AritaBuri-SemiBold'; opacity: 0.9;transition: all 0.5s cubic-bezier(0.51, 0.18, 0.21, 0.99);font-size: 0.94rem;}
.ball-title small{font-family: 'Roboto', sans-serif;;font-size: 0.65rem; color: #6e6e6e;}
.ball:hover .ball-title { opacity: 1;font-size: 1.1rem;}


.ball.b1 .ball-title { margin: 14px 0 -29px 27px}
.ball.b2 .ball-title { margin: -12px 0 13px -1px}
.ball.b3 .ball-title { margin: 13px -19px -3px 0}
.ball.b4 .ball-title { margin: -6px 0 21px 8px;}
.ball.b5 .ball-title { margin: 12px 0 -11px -43px;}
.ball.b6 .ball-title { margin: 26px 0 -18px -36px;}


.ball.b1:hover .ball-title { transform: translate(22px, 16px);}
.ball.b2:hover .ball-title { transform: translate(1px, 15px);}
.ball.b3:hover .ball-title { transform: translate(-8px, 27px);}
.ball.b4:hover .ball-title { transform: translate(-7px, 18px);}
.ball.b5:hover .ball-title { transform: translate(-15px, 17px);}
.ball.b6:hover .ball-title { transform: translate(-19px, 21px);}


.ball.b2-b3 { flex: 1 0 21%; margin:-4px -28px 0 0px;}
.ball-img.b3img {margin-top: -16px;transform: scale3d(0.87, 0.87, 0.87);}
.ball-img.b2img {margin: 25px 0 0 -60px;transform: scale3d(0.87, 0.87, 0.87);}
.ball.b2-b3:hover .ball-title { transform: translate(-7px, 12px);}
.ball.b2-b3:hover img { transform: scale3d(1, 1, 1) translate(6px, 22px);}

/*바이오볼 제품 팝업 */
.overlay {height: 0;width: 100%;position: fixed; left: 0;top: 0;background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.3s ease; } /*z-index: 600;*/
.overlay-content { position: relative; top: 0; width: 100%; height: 100%; }
.overlay-content .row { height: 100%;}
.closebtn { 
	position: absolute;
    top: 19px;
    right: 22px;
    font-size: 55px;
    line-height: 48px;
    z-index: 601;
    font-weight: 100;
    background: transparent;
    width: 56px;
    height: 55px;
	border: 0;
	color: #fff;
}

.modal.show .modal-dialog { width: 100%; height: 100%;max-width: 100%;margin: 0;}


@media screen and (max-height: 480px) {  
	.closebtn {  font-size: 40px; top: 15px; right: 35px; } 
}


.popup-left {background-position: right center !important; background-size: cover !important;  }
.popup-left .popup-deco1     {position: absolute; bottom: 20px; left: 20px; }
.popup-right {display: flex; align-items: center; padding-left: 0;}
.popup-right .ca-title { font-family: 'AritaBuri-SemiBold'; font-size: 1.2rem; padding: 0 10px 0 55px ; margin-left: -55px;}
.popup-right .popup-product-info {position: absolute; top:20%; padding-left: 55px; width: 80%;}
.popup-right h1 {font-family: 'AritaBuri-SemiBold';font-size: 4rem;margin-top: 17px;}
.popup-right h3 {font-size: 2.51rem; font-weight: 100;}
.popup-right .popup-bottom-title {position: absolute; bottom: 30px; right: 30px;font-family: 'AritaBuri-SemiBold';}



/*footer*/
#footer {background: #f9f9f9; border-top: 1px solid #EBEBEB;border-bottom: 20px solid #363636;font-size: 0.8125rem;}
.footer-inner { width: 100%; text-align: center; padding: 60px 10px 41px 10px;}
.footer-logo {width: auto;  height: 110px;}

.footer-adrs{ color: #101010;font-size: 14.5px;}
.footer-info {color: #010101;font-size: 12.5px;;}
.footer-copyright {font-size: 13px; font-family: 'AritaBuri-SemiBold';}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (max-height: 768px), (max-width: 1200px) {
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

@media (max-width: 1080px) {
	#toggle-right-content {width: 65% !important;}
	
	
	.ball-img.img-fluid {max-width: none;	height: auto;}
	
	.slide1 .product-info h1,
	.slide2 .product-info h1,
	.slide2 .product-info h1,
	.slide4 .product-info h1{font-size: 4.625rem;	}
	.slide1 .product-info .title-sub-text1,
	.slide2 .product-info .title-sub-text1,
	.slide3 .product-info .title-sub-text1,
	.slide4 .product-info .title-sub-text1{ font-size: 2rem;}
	.slide1 .product-info .title-sub-text2,
	.slide2 .product-info .title-sub-text2,
	.slide3 .product-info .title-sub-text2,
	.slide4 .product-info .title-sub-text2{font-size: 1rem;}
	
	.slide1 .img1.slide_animate_img_first.first { transform: translate(0px, 0px) scale(1); }
	.slide1 .img1.slide_animate_img.img-on {      transform: translate(0px, 0px) scale(1); }

	.slide3 .deco-img2-1.slide_animate_img.img-on,
	.slide4 .deco-img3-1.slide_animate_img.img-on {display: none !important;}
	.slide2 .img1.slide_animate_img.img-on { transform: translate(0px, 0px) scale(1); }
	.slide3 .img1.slide_animate_img.img-on {  transform: translate(-204px, 89px) scale(0.7);}
	.slide4 .img1.slide_animate_img.img-on {  transform: translate(-10px, 58px) scale(0.7);}

	#section2 .main-video-layer {   top: 18%; }
	.main-video-layer h1.main-video-tlt {    font-size: 2.5rem; }

	.ball {max-width: 130px; }
	.ball img {transform: scale(0.75) !important; }

	.ball.b2-b3 {flex: 1 0 26%;margin: -4px -28px 0 0px;max-width: none;	}
	
}

@media (min-width: 991px) {
}

@media (min-width: 992px) {
}

@media (max-width: 994px) {
	#toggle-right-content {width: 75% !important;}
	/*메인 상품모달 팝업*/
	.closebtn {	top: 3px!important;	right: 3px!important;font-size: 44px!important;	line-height: 115%;width: 60px;height: 60px;	/*background: rgba(255,255,255, 0.3);	border: 1px solid #fff;	border-radius: 5px;	*/}
	
	.b1-popup .closebtn,
	.b2-popup .closebtn,
	.b3-popup .closebtn,
	.b4-popup .closebtn,
	.b5-popup .closebtn,
	.b6-popup .closebtn {color: #2a2a2a !important;	}
	.popup-left .popup-deco1 {display: none!important;	}
	.popup-left {background-position: right !important;	background-size: cover !important;	height: 40%!important;}

	.popup-right {height: 60%!important;	}
	.popup-right .popup-product-info {top: 6%!important;padding-left: 25px!important;padding-right: 20px;width: 98%;height: 290px; overflow: auto;}
	.popup-right .ca-title {font-size: 0.75rem!important;	padding: 0 10px 0 55px!important;	margin-left: -53px!important;	}
	.popup-right h1 {font-size: 2rem!important;	margin-top: 8px!important;	}
	.popup-right h3 {font-size: 1.25rem !important;margin-top: 10px !important;	}

	.popup-product-info p {	font-size: 0.825rem!important;word-break: keep-all;}
	.popup-right .popup-bottom-title {bottom: 17px!important;	font-size: 0.825rem!important;}		
	

	.ball img {	transform: scale(0.65) !important;}

	.ball {	max-width: 116px;}
	.ball.b1 img {margin: 47px -64px 0 0px;	}
	.ball.b2 img {margin: -1px 0 0 -5px;}
	.ball.b3 img {margin: 27px -20px 0 19px;}
	.ball.b4 img {margin: -8px 0px 0 14px;}
	.ball.b5 img {margin: 24px 0px 0 7px;}
	.ball.b6 img {margin: 46px 0px 0 -14px;	}

	.ball.b1 .ball-title {margin: 40px 0 -50px 5px;	}
	.ball.b2 .ball-title {margin: 37px -59px -24px -32px;}
	.ball.b3 .ball-title {margin: 21px -74px -22px 15px;}
	.ball.b4 .ball-title {margin: 39px 0 -12px 61px;}
	.ball.b5 .ball-title {margin: 33px -41px -32px 28px;}
	.ball.b6 .ball-title {margin: 44px -57px -45px 11px;}
	

	#section3 .section-inner {width: 100%;	}	
	.ball.b2-b3 {max-width: 199px;	_border: 1px solid;	margin: 0px -35px 0 -4px;	padding: 0;	}
	.ball-img.b2img {margin: 22px 0 0 65px;}
	.ball-img.b3img {margin: -3px 0 0 -16px;	position: absolute;	}

	.container.bioballset { max-width: 720px;}
}

@media (max-width: 768px) {
	.iphone-video {display: none !important; visibility: hidden; width: 0; height: 0;}
	.iphone-video video {display: none !important; visibility: hidden; width: 0; height: 0;}
	.sec2-img-bg { width: 100%; height: 100%; background: url(../images/video-main-story-bg1.jpg) no-repeat; background-size: cover; background-position: center;}	
}


/* mobile */
@media (min-width: 768px) {

}
@media (max-width: 767px) {
}

@media (min-width: 576px) {
}
/*가로최소사이즈*/ 
@media (max-height: 576px) {
	#section1 {height: 880px !important;}
	#section2 {height: 880px !important;}
	#section3 {height: 880px !important;}
	.fp-tableCell {height: 880px !important;}
	.ball.b1 .ball-title {margin: 35px 0 -55px -75px;}
	.ball.b1 img {margin: 47px 0 0 -40px;}
	.ball.b2-b3 {max-width: 180px;_border: 1px solid;margin: 19px -21px 0 -13px;padding: 0;}

	.ball-img.b3img {margin: -25px 0 0 -16px;position: absolute;}
	.ball-img.b2img {margin: -8px 0 0 66px;	}
	.ball {max-width: 92px;	}
	.ball img {transform: scale(0.55) !important;}
}

@media (max-width: 574px) {
	/* 헤더 */
	.header nav {height: 55px; }
	.header nav .main-logo {  width: 123px;  height: 29px !important; margin: -3px 0 0 -12px;background: url(../images/mobile/eddypanda-m-logo.svg) no-repeat; 	}
	.header nav.fixed .main-logo { width: 123px;  height: 29px !important;margin:  -3px 0 0 -12px;background: url(../images/mobile/eddypanda-m-logo-white.svg) no-repeat !important;}
	.header nav.fixed.top-nav-collapse .main-logo { width: 123px;  height: 29px !important;margin:  -3px 0 0 -12px;background: url(../images/mobile/eddypanda-m-logo.svg) no-repeat !important;}
	.fp-responsive header nav .main-logo {  margin: -3px 0 0 -12px;}
	
	.top-right {top: 17px !important;right: 17px !important; }


	/* 오른쪽 전체메뉴 */
	#toggle-right-content {width: 100% !important; }
	.header #toggle-right-button.button-menu div {width: 25px;}

	.sns.insta {   font-size: 1.5rem !important; }
	.ko-eng {left: 27px; top: 18px;}
	.ko-eng-top-right {display: none;}
	#toggle-right-content {width: 100%; }
	.toggle-menu-inner { padding: 80px 0 0 0 !important;}
	.toggle-menu-inner .bottom-menu {display: flex !important;margin-top: 50px;	margin-left: 8px;}
	.bottom-menu .top-right__btn-name {	border: 1px solid #4b4b4b;	padding: 5px 23px;border-radius: 3px;background: #333;color: #fff;}
	.bottom-menu .top-right__btn {margin: -10px 0px 0 0;}
	#total-sidemenu .card-header .btn {font-size: 1.125rem;padding: 1rem 1.8rem 1rem 1rem;}
	#total-sidemenu .card-body li a {font-size: 1rem;line-height: 265%;}
	.toggle-menu-inner .card-body{padding: 1rem 1rem;}

		
	#section1 .fp-tableCell{min-height:640px !important; height: 640px !important;}
	#section1 {min-height:640px !important; height: 640px !important;}
	#section2 .fp-tableCell{min-height:640px !important; height: 640px !important;}
	#section2 {min-height:640px !important; height: 640px !important;}
	/* 메인 슬라이드 */
	.product-info {margin: 0!important; padding: 80px 5% 0 5% !important; text-align: center !important;}
	.product-info h1 {  font-size: 1.8rem !important; letter-spacing: 0px !important; margin: 0px 0 0 0px !important; }
	.product-info small {font-size: 0.75rem !important;}
	.product-info .title-sub-text1 {font-size: 1.5rem !important; margin-top: 5px !important;}
	.product-info .title-sub-text2 {font-size: 0.825rem !important;}
	/*.btn-detail-view {;margin: 0 auto !important;margin-top: 14px !important;background: rgba(255,255,255, 0.2);border-radius: 20px;color: #333 !important;border: 1px solid rgba(255,255,255, .5) !important;font-size: 0.75rem;}*/
	.btn-detail-view {
		margin: 0 auto !important;
		margin-top: 14px !important;
		background: #eee;
		border-radius: 20px;
		color: #626262 !important;
		border: 1px solid rgba(255,255,255, .5) !important;
		font-size: 0.75rem;
	}
	.slick-prev, .slick-next {display: none !important;}
	.slick-dots { bottom: 20px;}
	.slick-dots li { font-size: 0.75rem;letter-spacing: -1px;}
	.section-ca-title {display: none!important;}
	
	.slide-inner {_padding-top: 66px !important; }
	.slide1 .img1 {
    z-index: -1;
    /* left: 0 !important; */
    background: url("../images/main-img-ampl-m.jpg") no-repeat;
    background-position: center bottom;
    width: 100%;
    background-size: cover;
}
	.slide1 .img1.slide_animate_img_first.first,
	.slide1 .img1.slide_animate_img.img-on.slide1 .img1.slide_animate_img.img-on { background: url("../images/main-img-ampl-m.jpg") no-repeat; background-position: center bottom; width: 100%; background-size: cover;}
	.slide1 .img1.slide_animate_img.img-on {  opacity: 1; background: url("../images/main-img-ampl-m.jpg") no-repeat; background-position: center bottom; width: 100%; background-size: cover;}
	
	.slide2 .img1 {
    z-index: -1;
    /* left: 0 !important; */
    background: url("../images/main-img-mist-m.jpg") no-repeat;
    background-position: center bottom;
    width: 100%;
    background-size: cover;
}
	.slide2 .img1.slide_animate_img_first.first,
	.slide2 .img1.slide_animate_img.img-on.slide1 .img1.slide_animate_img.img-on { transform: translate(0, 0) !important; background: url("../images/main-img-mist-m.jpg") no-repeat; background-position: center bottom; width: 100%; background-size: cover; }
	.slide2 .img1.slide_animate_img.img-on { transform: translate(0, 0); opacity: 1;background: url("../images/main-img-mist-m.jpg") no-repeat; background-position: center bottom; width: 100%;background-size: cover;}
	
	
	.slide3 .img1 { z-index: -1; left: 0 !important;  min-width: 100% !important;}
	.slide3 .img1.slide_animate_img.img-on { transform: translate(-3%, -5%) !important;}
	.slide4 .img1 { z-index: -1; left: 0 !important;  min-width: 100% !important; transform :translate(280px, 0) scale(0.74);}
	.slide4 .img1.slide_animate_img.img-on { transform: translate(6%, 13%) scale(0.74) !important;}
	
	/* 메인 section2 */
	.main-video-layer .main-vedio-logo {width: 25%!important;}
	.main-video-layer h1.main-video-tlt {font-size: 2rem!important;}
	.main-video-layer .text1 {font-size: 1rem!important;}
	#section2 .main-video-layer {top: 14%!important; width: 89%;}
	#section2 .eng.main-video-layer { width: 83% !important;}
	.sec2-img-bg { width: 100%; height: 100%; background: url(../images/mobile/video-main-story-bg1-mobile.jpg) no-repeat; background-size: cover; background-position: center;}	
	.mobile-detail-btn{mmargin: 0 auto !important; margin-top: -21px !important; background: rgba(255,255,255, 0.3); border-radius: 20px; color: #ffffff !important; border: 1px solid #fff !important; font-size: 0.75rem; padding: 2px 10px;}
	/* 메인 section3 */
	#section3 {height: 880px !important;}
	#section3 .section-inner h1 {  font-size: 2.5rem !important; margin: -1px 0 0 0 !important;}
	#section3 .section-inner .title-sub-text1 {font-size: 0.75rem !important; font-family: 'Noto Sans KR', sans-serif;}
	#section3 .section-inner {width: calc(100% - 10%) !important;padding: 53px 0px 0 0px !important;	}

	span.title-sub-text1.mt-2.mb-5 {margin-bottom: 33px !important;	}
	.mobile-ball-title {text-align: center;	display: block;	font-size: 0.875rem;margin-bottom: 10px;}
	.mobile-ball-title small {font-size: 0.625rem;margin-top: -1px;display: block;color: #656565;font-weight: 100;}
	img.ball-img.img-fluid {display: block;	margin: 0 auto;	width: 80%;}
	.bioballset .row {margin-top: 18px;}

	.b1-popup .popup-left {background: url(../images/mobile/main-popup-b1.jpg) no-repeat;}
	.b2-popup .popup-left {background: url(../images/mobile/main-popup-b2.jpg) no-repeat;}
	.b3-popup .popup-left {background: url(../images/mobile/main-popup-b3.jpg) no-repeat;}
	.b4-popup .popup-left {background: url(../images/mobile/main-popup-b4.jpg) no-repeat;}
	.b5-popup .popup-left {background: url(../images/mobile/main-popup-b5.jpg) no-repeat;}
	.b6-popup .popup-left {background: url(../images/mobile/main-popup-b6.jpg) no-repeat;}
	
	
	/* footer*/
	.footer-logo {height: 70px;}
	.footer-adrs {font-size: 12.5px;}
	.footer-info {font-size: 12px;}
	.footer-copyright {	font-size: 11px;}
	.footer-inner { padding: 34px 10px 20px 10px !important;}
	
}