@charset "utf-8";
/* **************************************** *
 * FONT
 * **************************************** */

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nanum-gothic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nanum-gothic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nanum-gothic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nanum-gothic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nanum-gothic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nanum-gothic-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/nanum-gothic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/nanum-gothic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nanum-gothic-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nanum-gothic-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/nanum-gothic-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/nanum-gothic-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lexend-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/lexend-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lexend-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lexend-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lexend-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lexend-v5-latin-regular.svg#Lexend') format('svg'); /* Legacy iOS */
    unicode-range:U+0020-007E;
}
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lexend-v5-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/lexend-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lexend-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lexend-v5-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lexend-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lexend-v5-latin-500.svg#Lexend') format('svg'); /* Legacy iOS */
    unicode-range:U+0020-007E;
}
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/lexend-v5-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/lexend-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lexend-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lexend-v5-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lexend-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lexend-v5-latin-700.svg#Lexend') format('svg'); /* Legacy iOS */
    unicode-range:U+0020-007E;
}

/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    vertical-align: baseline;
    font-family:'Lexend', 'NanumGothic', sans-serif;
    box-sizing:border-box;
    font-size:16px;
    font-weight:400;
    color:#222;
    word-break: break-word;
}
:focus{outline:none;}
ol,ul{list-style: none;font-size:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:inherit;word-break:keep-all}
figure,article,header,main,footer,nav,hgroup,video,audio,aside,form{display: block;}
a,input,textarea,select,label{display:inline-block;text-decoration:none;}
img{width:auto;height:auto;border:0;vertical-align:top;}
caption,.blind{overflow:hidden !important;visibility:hidden !important;padding:0 !important;margin:0 !important; width:0!important;height:0 !important;font-size:0 !important;line-height:0 !important;}
sup{vertical-align:super}
button{border:0;cursor:pointer;}
strong{font-weight:700;}
input {-webkit-appearance: none;-webkit-border-radius: 0;}
select option{color:#000}
section{overflow:hidden}
video{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;object-fit:cover;}
/* **************************************** *
 * COMMON
 * **************************************** */
/*form*/
/*----input-----*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0 1000px white inset; !important;/*-webkit-text-fill-color: #fff !important;*/}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/*x 삭제 */
input::-ms-clear,
input::-ms-reveal{display:none;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}

::-webkit-input-placeholder { color:#999 !important;}
::-moz-placeholder { color:#999 !important;}
:-ms-input-placeholder {color:#999 !important;}
:-moz-placeholder { color:#999 !important;}
input::placeholder{color:#999 !important;}
select::-ms-expand {display:none;}
select{display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;vertical-align:top;}

/*editor*/
.editor a{font-size:inherit;font-style:initial;color:#1f90df;text-decoration:underline;}
.editor img{width:auto;max-width:100%;}
.editor b,
.editor b span{font-weight:700;}
.editor div,
.editor p,
.editor strong,
.editor b,
.editor span,
.editor ol,
.editor ul,
.editor li{font-size:inherit;font-style:inherit;font-family:돋움, dotum;}
.editor font span{font-family:inherit;color:inherit;}
.editor ul,
.editor ol{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0;margin-inline-end: 0;padding-inline-start: 40px;}

/*swiper 공통*/
.swiper-button-prev{width:49px;height:64px;left:50px;margin-top:-32px;background:url("../images/btn_arrow_left4.png") 0 0 no-repeat;background-size:contain;opacity:0.6;transition:all .15s ease-in-out;}
.swiper-button-next{width:49px;height:64px;right:50px;margin-top:-32px;background:url("../images/btn_arrow_right4.png") 0 0 no-repeat;background-size:contain;opacity:0.6;transition:all .15s ease-in-out;}
.swiper-pagination-bullets{bottom:50px !important;}
.swiper-pagination-bullet{background:#fff;margin:2px 8px 0 !important;width:6px;height:6px;box-shadow:-2px 2px 3px rgba(0,0,0,0.25);opacity:0.5;vertical-align:top}
.swiper-pagination-bullet-active{background:#fff;margin:0 8px 0 !important;width:10px;height:10px;box-shadow:-2px 2px 3px rgba(0,0,0,0.25);opacity:1;vertical-align:top}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity:0.6;}
@media (min-width: 1200px){
    .swiper-pagination-bullet:hover{opacity:1}
    .swiper-button-prev:hover{opacity:1;}
    .swiper-button-next:hover{opacity:1;}
}
@media (max-width: 1199px){
    .swiper-button-prev{left:15px;}
    .swiper-button-next{right:15px;}
}
/*wrap*/
main{margin-bottom:90px;}
.body-wrap{position:relative;overflow:hidden;padding:90px 0 0;}
.wrap{position:relative;width:1200px;margin:0 auto;font-size:0;}
.flex-center{height:100%;display:flex;justify-content: center;align-items: center;}
@media (max-width: 1199px){
    main{margin-bottom:50px;}
    .body-wrap{padding:60px 0 0;}
    .wrap{width:100%;padding:0 15px;}
}
/*text*/
.ell1{display:block !important;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ell2{display:-webkit-box !important;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: keep-all;}
.ell3{display:-webkit-box !important;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break: keep-all;}
h2.tit-ty{display:block;margin:100px 0;text-align:center;font-size:80px;line-height:100px;letter-spacing:-2.4px;font-weight:700;color:#f0534c;word-break:keep-all;}
h2.tit-ty + p{margin:-50px 0 100px;display:block;text-align:center;font-size:24px;letter-spacing:-0.72px;color:#414141}
h2.tit-ty + p strong{font-size:24px;letter-spacing:-0.72px;color:#f0534c;font-weight:400;}
h2.tit-ty + p br{display:none;}
h2.tit-ty2{display:block;margin:100px 0 130px;text-align:center;font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#f0534c;word-break:keep-all;}
h3.tit-ty{display:block;margin:60px 0;text-align:left;font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#f0534c;word-break:keep-all;}
h3.tit-ty2{display:block;margin:120px 0 60px;text-align:center;font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#f0534c;word-break:keep-all;}
@media (max-width: 1199px){
    h2.tit-ty{margin:50px 0;font-size:36px;line-height:46px;letter-spacing:-1.08px;}
    h2.tit-ty + p{margin:-20px 0 50px;font-size:18px;line-height:28px;}
    h2.tit-ty + p strong{font-size:18px;line-height:28px;}
    h2.tit-ty + p br{display:block;}
    h2.tit-ty2{margin:50px 0;font-size:30px;line-height:46px;letter-spacing:-0.9px;}
    h3.tit-ty{margin:50px 0 40px;font-size:36px;line-height:46px;letter-spacing:-1.08px;}
    h3.tit-ty2{margin:60px 0 40px;font-size:36px;line-height:46px;letter-spacing:-1.08px;}
}

/*video-ty*/
.video-ty{position:relative;height:800px;margin-top:50px}
.video-ty.scrollAniInner{transition:opacity 1s ease-in-out;opacity:0;}
.video-ty.scrollAniInner.view{opacity:1;}
.video-cont{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;background-color:#222;}
.video-cont .btn-play{display:block;width:80px;height:80px;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);background:url("../images/btn_play.png") 0 0 no-repeat;background-size:contain;border-radius:100%;cursor: pointer;transition:all .2s ease-in-out;}
.btn-play2{display:block;width:80px;height:80px;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);background:url("../images/btn_play.png") 0 0 no-repeat;background-size:contain;border-radius:100%;cursor: pointer;transition:all .2s ease-in-out;}

@media (min-width: 1200px){
    .video-cont .btn-play:hover{transform:scale(1.2);}
    .btn-play2:hover{transform:scale(1.2);}
}
@media (max-width: 1199px){
    .video-ty{height:85vw;margin-top:30px}
}

/*button*/
.btn-ty1{display:inline-block;width:180px;height:48px;line-height:48px;background:#f0534c;border-radius:50px;font-weight:800;font-size:16px;color:#fff;letter-spacing:0.96px;text-align:center;transition:all .15s ease-in-out;}
@media (min-width: 1200px){
    .btn-ty1:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);transform:scale(1.1);}
}

/*page-nav*/
.page-nav{margin:20px 0 60px;display:block;text-align:center;font-size:0;}
.page-nav a{display:inline-block;width:auto;height:48px;line-height:48px;font-size:16px;color:#000;font-weight:300;vertical-align:top;}
.page-nav .btn-prev{width:48px;background:url("../images/btn_arrow_prev.png")center center no-repeat;background-size:24px auto;}
.page-nav .btn-next{width:48px;background:url("../images/btn_arrow_next.png")center center no-repeat;background-size:24px auto;}
.page-nav ul{display:inline-block;font-size:0;white-space:nowrap;}
.page-nav ul li{display:inline-block;margin:0 2px;text-align:center;vertical-align:top;}
.page-nav ul li a{position:relative;width:48px;font-size:16px;text-align:center;color:#f0534c;border-radius:100%;transition:all .2s ease-in-out;}
.page-nav ul li a.active{color:#fff;background:#f0534c;}
@media (min-width: 1200px){
    .page-nav ul li a:hover{background:rgba(240,83,76,0.2);}
    .page-nav ul li a.active:hover{background:rgba(240,83,76,1);}
}
@media (max-width: 1199px){/*mobile(ipad 세로 ~ 모바일)*/
    .page-nav{margin:10px 0 50px;width:100%;text-align:center;}
    .page-nav a{display:inline-block;width:auto;height:46px;line-height:46px;}
    .page-nav ul{width:230px;overflow:hidden;padding:0;}
    .page-nav ul li{margin:0;}
    .page-nav ul li a{width:46px;font-size:15px;}
}

/* **************************************** *
 * Z-INDEX
 * **************************************** */
header{z-index:6000;}

/* **************************************** *
 * HEADER
 * **************************************** */
header{position:fixed;top:0;left:0;width:100%;height:90px;background:#fff;}
header:before{content:'';display:block;position:absolute;top:89px;height:1px;width:100%;background:#e5e5e5}
header h1{position:absolute;left:60px;top:30px; width:192px;height:30px;z-index:200;}
header h1 a{display:block;width:120%;height:120%;background:url("../images/logo_Nutribullet.png")0 0 no-repeat;background-size:contain;}
header .overlay{display:none}
header .btn-gnb{display:none;}
header .gnb{position:relative;width:100%;}
header .gnb:before{content:'';display:block;position:absolute;bottom:1px;left:0;background:#fff;width:100%;height:10px;z-index:300}
header .gnb .depth1{text-align:center;}
header .gnb .depth1>li{display:inline-block;vertical-align:top;z-index:200;}
header .gnb .depth1>li>a{position:relative;padding:0 40px;height:90px;line-height:90px;font-size:18px;font-weight:700;letter-spacing:-0.54px;color:#686868;transition:all .15s ease-in-out}
header .gnb .depth1>li>a:before{content:'';display:block;position:absolute;top:60px;left:40px;width:calc(100% - 80px);height:1px;background:#f0534c;opacity:0;transition:all .15s ease-in-out}
header .gnb .depth1>li>a.active{color:#f0534c;}
header .gnb .depth2{display:none;position:absolute;top:90px;left:0;width:100%; background:#fff;box-shadow:2px 5px 10px rgba(0,0,0,0.15);}
header .gnb .depth2.active{z-index:100}
header .gnb .depth2>ul{position:relative;padding:40px 0;margin:0 auto;z-index:100}
header .gnb .depth2>ul>li{display:inline-block;text-align:left;padding:0 50px;vertical-align:top;}
header .gnb .depth2>ul>li>a{position:relative;font-size:24px;font-weight:700;color:#f0534c;letter-spacing:-0.72px;}
header .gnb .depth2>ul>li>a:before{content:'';display:block;position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#f0534c;opacity:0;transition:all .15s ease-in-out}
header .gnb .depth2>ul>li>a:hover:before{opacity: 1}
header .gnb .depth3>li{margin-top:15px;}
header .gnb .depth3>li:first-child{margin-top:24px;}
header .gnb .depth3>li>a{position:relative;font-size:18px;font-weight:500;color:#999;}
header .gnb .depth3>li>a:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#999;opacity:0;transition:all .15s ease-in-out}
header .gnb .depth3>li>a:hover:before{opacity: 1}

header .gnb .depth1>li:nth-child(1) .depth2>ul{width:830px;text-align:left;padding-left:50px;}
header .gnb .depth1>li:nth-child(1) .depth2>ul>li{width:260px;padding:0;margin-right:50px;}


header .btn-srch{position: absolute;top:21px;right:48px;width:48px;height:48px;background:url("../images/icon_Search.png")center center no-repeat;background-size:24px auto;z-index:200;border-radius:100%;transition:all .15s ease-in-out}
header .btn-srch.active{background-color:#f0534c;background-image:url("../images/icon_close2.png");}
header .srch-box{position:relative;display:none;background:#fff;;box-shadow:2px 5px 10px rgba(0,0,0,0.15)}
header .srch-box .inp-srch{position:relative;padding:16px 0 40px;width:1000px;margin:0 auto; }
header .srch-box input{display:block;width:100%;height:75px;line-height:75px;font-size:24px;letter-spacing:-0.72px;color:#414141;border-bottom:1px solid #e5e5e5;}
header .btn-srch2{position: absolute;top:41px;right:0;width:24px;height:24px;background:url("../images/icon_Search.png")center center no-repeat;background-size:24px auto;}
header .btn-clear{display:none;position: absolute;top:41px;right:39px;width:24px;height:24px;background:url("../images/icon_delete.png")center center no-repeat;background-size:24px auto;}
@media (min-width: 1200px){
    header .gnb .depth1>li:hover>a{color:#f0534c;}
    header .gnb .depth1>li:hover>a:before{opacity: 1}
    header .btn-srch:hover{background-color:#f0534c;background-image:url("../images/icon_Search_active.png");}
    header .btn-srch.active:hover{background-color:#f0534c;background-image:url("../images/icon_close2.png");}
}
@media (max-width: 1199px){
    header{height:60px;}
    header:before{top:59px;z-index:400;}
    header h1{left:calc(50% - 68px);top:19px; width:136px;height:22px;z-index:400;}
    header .btn-gnb{display:block;position:absolute;top:0;left:0;width:48px;height:60px;background:url("../images/menu.png")center center no-repeat;background-size:18px auto;z-index:400;}
    header .btn-gnb.active{background-image:url("../images/icon_close.png");background-size:24px auto; }
    header .gnb{display:none;overflow-y:auto;position:fixed;top:0;left:0;height:100%;width:100%;padding:60px 0 0;}
    header .gnb:before{position:fixed;top:0;left:0;height:60px;z-index:300}
    header .overlay{position:fixed;left:0;top:60px;width:100%;height:calc(100% - 60px);background:rgba(0,0,0,0.6);z-index:100}
    header .gnb .depth1{display:none;position:relative;text-align:left;z-index:200;}
    header .gnb .depth1>li{position:relative;display:block;padding:20px 15px;background:#fff;}
    header .gnb .depth1>li:after{display:block;content:'';position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:#e5e5e5;}
    header .gnb .depth1>li:first-child{padding-top:25px;}
    header .gnb .depth1>li:first-child:after{display:none;}
    header .gnb .depth1>li:last-child{padding-bottom:25px;}
    header .gnb .depth1>li>a{padding:0;width:100%;height:40px;line-height:40px;font-size:24px;font-weight:700;letter-spacing:-0.72px;transition:all .15s ease-in-out}
    header .gnb .depth1>li>a:before{display:none}
    header .gnb .depth1>li>a.arrow:after{content:'';display:block;position:absolute;right:0;top:8px;width:24px;height:24px;background:url("../images/btn_arrow_less.png")center center no-repeat;background-size:contain;transform:rotate(180deg);transition:all .15s ease-in-out }
    header .gnb .depth1>li>a.active{color:#f0534c;}
    header .gnb .depth1>li>a.active.arrow:after{transform:rotate(0deg)}
    header .gnb .depth2{display:none;position:static;box-shadow:none;}
    header .gnb .depth2>ul{padding:0;margin:10px  0 0;}
    header .gnb .depth2>ul>li{margin-top:0;padding:0;width:100%}
    header .gnb .depth2>ul>li:first-child{margin-top:0;}
    header .gnb .depth2>ul>li>a{width:100%;height:40px;line-height:40px;font-size:18px;color:#686868;letter-spacing:-0.54px;}
    header .gnb .depth2>ul>li>a:before{display:none;}
    header .gnb .depth3>li{margin-top:0;}
    header .gnb .depth3>li:first-child{margin-top:0;}
    header .gnb .depth3>li>a{width:100%;line-height:40px;height:40px;}
    header .gnb .depth3>li>a:before{display:none;}
    header .gnb .depth1>li:nth-child(1) .depth2>ul{width:100%;padding-left:0;}
    header .gnb .depth1>li:nth-child(1) .depth2>ul>li{width:100%;padding:0 0 10px 0;margin-right:0;}

    header .btn-srch{top:0;right:0;width:55px;height:60px;border-radius:0;}
    header .srch-box{display:none;position:absolute;top:60px;left:0;width:100%;box-shadow:2px 5px 10px rgba(0,0,0,0.15)}
    header .srch-box .inp-srch{position:relative;width:100% ;background:#fff;padding:20px 15px 40px;z-index:200;}
    header .srch-box input{padding-right:40px;height:60px;line-height:60px;font-size:18px;letter-spacing:-0.54px;}
    header .btn-srch2{position: absolute;top:20px;right:0;width:55px;height:60px;background:url("../images/icon_Search.png")center center no-repeat;background-size:24px auto;}
    header .btn-clear{top:18px;right:45px;}

}

/* **************************************** *
 * FOOTER
 * **************************************** */
footer{background:#0073e6;}
footer .footer1{position:relative;padding:50px 0;}
footer .siteMap{font-size:0;padding-top:4px;}
footer .siteMap .depth1{font-size:0;}
footer .siteMap .depth1>li{display:inline-block;vertical-align:top;width:205px;}
footer .siteMap .depth1>li>a{display:inline-block;font-weight:700;font-size:14px;letter-spacing:-0.42px;color:#fff;}
footer .siteMap .depth2{margin-top:30px;}
footer .siteMap .depth2>li>a{display:inline-block;height:24px;line-height:24px;font-size:14px;letter-spacing:-0.42px;color:#fff;}
footer .sns{position:absolute;top:0;right:0;font-size:0;}
footer .sns a{display:inline-block;margin-left:20px;width:36px;height:36px;vertical-align:top;}
footer .sns a.insta{background:url("../images/icon_insta.png") 0 0 no-repeat;background-size:contain;}
footer .sns a.youtube{background:url("../images/icon_Youtube.png") 0 0 no-repeat;background-size:contain;}
footer .footer2{height:80px;background:#004ea8;}
footer .footer2 p{padding-top:31px;font-size:14px;color:#fff;}
@media (min-width: 1200px){
    footer .siteMap a:hover{text-decoration:underline;}
}
@media (max-width: 1199px){
    footer .footer1{padding:116px 0 50px;}
    footer .siteMap{padding-top:0;}
    footer .siteMap .depth1{border-top:1px solid rgba(255,255,255,0.5)}
    footer .siteMap .depth1>li{width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.5)}
    footer .siteMap .depth1>li>a{position:relative;display:block;height:40px;line-height:40px;font-size:16px;letter-spacing:-0.48px;}
    footer .siteMap .depth1>li>a.arrow:before{content:'';display:block;position:absolute;top:13px;right:0;width:14px;height:14px;background:url("../images/btn_more.png") 0 0 no-repeat;background-size:contain;}
    footer .siteMap .depth1>li>a.arrow.active:before{background-image:url("../images/btn_less.png");}
    footer .siteMap .depth2{display:none;margin-top:0;}
    footer .siteMap .depth2>li>a{display:block;height:40px;line-height:40px;font-size:16px;letter-spacing:0;}

    footer .sns{top:-66px;width:100%;text-align:center;}
    footer .sns a{margin:0 10px;}
    footer .footer2{height:auto;}
    footer .footer2 p{padding:30px 0;font-size:16px;}
}

/* **************************************** *
 * main
 * **************************************** */
/*total*/
.total-ty{position:relative;overflow:hidden;padding-bottom:30px;border-bottom:1px solid #e5e5e5;font-size:0;}
.total-ty p{font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#686868;font-weight:700;}
.total-ty p strong{font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#f0534c;font-weight:700;}
.total-ty span{position:absolute;top:6px;right:0;font-size:18px;color:#999;letter-spacing:-0.54px}
@media (max-width: 1199px){
    .total-ty{padding-bottom:24px;}
    .total-ty span{position:static;display:block;padding:15px 0 0 11px;}
}

.list-ty ul{font-size:0;}
.list-ty li{display:inline-block;vertical-align:top;width:282px;height:393px;margin-right:24px;}
.list-ty li:nth-child(4n){margin-right:0;}
.list-ty li a{display:block;text-align:center;}
.list-ty li .img{position:relative;overflow:hidden;width:100%;height:282px;}
.list-ty li .img span{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out;}
.list-ty li .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.list-ty li .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.list-ty li strong{display:block;padding:0 10px;margin-top:24px;max-height:56px;letter-spacing:-0.72px;color:#414141;font-size:24px;font-weight:400;line-height:28px;}
.list-ty .none{display:block;margin-bottom:120px;font-size:24px;letter-spacing:-0.72px;color:#686868;}

.list-ty2 ul{font-size:0;display:block;}
.list-ty2 li{display:inline-block;vertical-align:top;width:282px;height:393px;margin-right:24px;}
.list-ty2 li:nth-child(4n){margin-right:0;}
.list-ty2 li a{display:block;text-align:center;}
.list-ty2 li .img{position:relative;overflow:hidden;width:100%;height:282px;}
.list-ty2 li .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.list-ty2 li .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.list-ty2 li .img span{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out;}
.list-ty2 li strong{display:block;padding:0 15px;margin-top:24px;max-height:56px;height:56px;letter-spacing:-0.72px;color:#686868;font-size:24px;font-weight:700;line-height:28px;}

.list-ty3 ul{font-size:0;display:block;}
.list-ty3 li{display:inline-block;vertical-align:top;width:600px;height:282px;margin-top:110px;}
.list-ty3 li:nth-child(1),
.list-ty3 li:nth-child(2){margin-top:0;}
.list-ty3 li a{position:relative;display:block;font-size:0;padding:45px 60px 0 312px;height:100%;}
.list-ty3 li .img{position:absolute;top:0;left:0;width:282px;height:282px;}
.list-ty3 li .img span{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out;}
.list-ty3 li .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.list-ty3 li .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.list-ty3 li strong{display:block;max-height:74px;letter-spacing:-0.9px;color:#414141;font-size:30px;font-weight:700;line-height:37px;}
.list-ty3 li p{display:block;margin-top:15px;letter-spacing:-0.48px;color:#999;font-size:16px;font-weight:400;}
.list-ty3 li em{position:relative;display:inline-block;margin-top:70px;height:30px;line-height:30px;padding-right:30px;letter-spacing:-0.72px;color:#f0534c;font-size:24px;font-weight:400;}
.list-ty3 li em:after{display:block;content:'';position:absolute;top:3px;right:0;width:24px;height:24px;transition:all .2s ease-in-out;background:url("../images/btn_arrow_next.png")center center no-repeat;background-size:contain}

.list-ty4 ul{font-size:0;}
.list-ty4 li{display:inline-block;vertical-align:top;width:384px;height:500px;margin-right:24px;}
.list-ty4 li:nth-child(3n){margin-right:0;}
.list-ty4 li a{display:block;text-align:center;}
.list-ty4 li .img{position:relative;overflow:hidden;width:100%;height:384px;}
.list-ty4 li .img span{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out;}
.list-ty4 li .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.list-ty4 li .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.list-ty4 li strong{display:block;padding:0 10px;margin-top:24px;max-height:56px;letter-spacing:-0.72px;color:#414141;font-size:24px;font-weight:400;line-height:28px;}


@media (min-width: 1200px){
    .list-ty li a:hover .img:before{width:100%;}
    .list-ty li a:hover .img:after{opacity:1;}

    .list-ty2 li a:hover .img:before{width:100%;}
    .list-ty2 li a:hover .img:after{opacity:1;}

    .list-ty3 li a:hover .img:before{width:100%;}
    .list-ty3 li a:hover .img:after{opacity:1;}
    .list-ty3 li a:hover em:after{transform: translateX(10px)}

    .list-ty4 li a:hover .img:before{width:100%;}
    .list-ty4 li a:hover .img:after{opacity:1;}

}
@media (max-width: 1199px){
    .list-ty li{width:calc(50% - 8px);height:calc(50vw - 23px + 88px);margin-right:16px;}
    .list-ty li:nth-child(4n){margin-right:16px;}
    .list-ty li:nth-child(2n){margin-right:0;}
    .list-ty li .img{height:calc(50vw - 23px);}
    .list-ty li strong{padding:0;margin-top:15px;max-height:48px;letter-spacing:0;font-size:18px;line-height:24px;}
    .list-ty .none{margin-bottom:60px;font-size:18px;letter-spacing:-0.54px;}
    .list-ty + .list-ty h3{margin-top:0;}

    .list-ty2 ul{display:flex;}
    .list-ty2 li{width:60vw;height:auto;max-width:320px;margin-left:0;margin-right:0;}
    .list-ty2 li .img{width:60vw;height:60vw;max-width:320px;max-height:320px;}
    .list-ty2 li strong{padding:0;margin-top:15px;}

    .list-ty3 li{width:100%;height:25vw;margin-top:30px;}
    .list-ty3 li:nth-child(2){margin-top:25px;}
    .list-ty3 li a{padding:15px 0 0 calc(25vw + 15px);}
    .list-ty3 li .img{width:25vw;height:25vw;}
    .list-ty3 li strong{max-height:48px;letter-spacing:-0.54px;font-size:18px;font-weight:400;line-height:24px;}
    .list-ty3 li p{display:block;margin-top:15px;letter-spacing:-0.48px;color:#999;font-size:16px;font-weight:400;}
    .list-ty3 li em{;margin-top:25px;letter-spacing:-0.48px;font-size:16px;}

    .list-ty4 li{display:inline-block;vertical-align:top;width:384px;height:500px;margin-right:24px;}
    .list-ty4 li:nth-child(3n){margin-right:0;}
    .list-ty4 li a{display:block;text-align:center;}
    .list-ty4 li .img{position:relative;overflow:hidden;width:100%;height:384px;}

    .list-ty4 ul{}
    .list-ty4 li{width:100%;height:auto;margin-left:0;margin-right:0;margin-bottom:60px;}
    .list-ty4 li .img{width:100%;height:calc(100vw - 30px);}
    .list-ty4 li strong{}
}
@media (max-width: 500px){
    .list-ty3 li{width:100%;height:44vw;margin-top:30px;}
    .list-ty3 li:nth-child(2){margin-top:30px;}
    .list-ty3 li a{padding:15px 0 0 calc(44vw + 15px);}
    .list-ty3 li .img{width:44vw;height:44vw;}
    .list-ty3 li strong{max-height:48px;letter-spacing:-0.54px;font-size:18px;font-weight:400;line-height:24px;}
    .list-ty3 li p{display:block;margin-top:15px;letter-spacing:-0.48px;color:#999;font-size:16px;font-weight:400;}
    .list-ty3 li em{;margin-top:25px;letter-spacing:-0.48px;font-size:16px;}
}


.slider-ty{margin-top:50px;height:600px;}
.slider-ty .swiper-container{height:100%;}
.slider-ty .swiper-slide{position:relative;height:100%;overflow:hidden;}
.slider-ty .swiper-slide .img{display:block;width:900px;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat;margin:0 auto;}
.slider-ty.scrollAniInner{transition:opacity 1s ease-in-out;opacity:0;}
.slider-ty.scrollAniInner.view{opacity:1;}
.slider-ty.scrollAniInner.n4.view .swiper-button-prev{left:33%;}
.slider-ty.scrollAniInner.n4.view .swiper-button-next{right:33%;}
@media (max-width: 1199px){
    .slider-ty{margin-top:30px;height:90vw}
    .slider-ty .swiper-pagination{bottom:20px !important;}
    .slider-ty .swiper-slide .img{width:100%;background-size:cover;}
    .slider-ty.scrollAniInner.n4.view .swiper-button-prev{left:unset;}
    .slider-ty.scrollAniInner.n4.view .swiper-button-next{right:15px;}
}

.layout1{overflow:hidden;position:relative;margin-top:50px;height:800px;width:100%;font-size:0;}
.layout1 .bg{overflow:hidden;position:relative;display:inline-block;vertical-align:top;width:65%;height:100%;background-size:cover;background-position:center center;background-repeat: no-repeat;}
.layout1 .txt-area{display:inline-block;vertical-align:top;width:35%;height:100%;}
.layout1 .txt-area .inner{display:table;padding:0 70px;width:100%;height:100%;text-align:center;}
.layout1 .txt-area .inner div{display:table-cell;vertical-align:middle; }
.layout1 em{margin-bottom:24px;display:block;font-size:24px;font-weight:700;color:#fff;}
.layout1 strong{display:block;font-size:85px;line-height:95px;font-weight:800;color:#fff;word-break: keep-all;}
.layout1 p{margin-top:15px;font-size:24px;line-height:30px;font-weight:400;color:#fff;word-break: keep-all;}
.layout1 .btn-ty1{margin-top:50px}

.layout2{overflow:hidden;position:relative;margin-top:50px;height:800px;width:100%;font-size:0;}
.layout2 .bg{overflow:hidden;position:relative;float:right;display:inline-block;vertical-align:top;width:65%;height:100%;background-size:cover;background-position:center center;background-repeat: no-repeat;}
.layout2 .txt-area{float:left;display:inline-block;vertical-align:top;width:35%;height:100%;}
.layout2 .txt-area .inner{display:table;padding:0 70px;width:100%;height:100%;text-align:center;}
.layout2 .txt-area .inner div{display:table-cell;vertical-align:middle; }
.layout2 em{margin-bottom:24px;display:block;font-size:24px;font-weight:700;color:#fff;}
.layout2 strong{display:block;font-size:85px;line-height:95px;font-weight:800;color:#fff;word-break: keep-all;}
.layout2 p{margin-top:15px;font-size:24px;line-height:30px;font-weight:400;color:#fff;word-break: keep-all;}
.layout2 .btn-ty1{margin-top:50px}

.layout1.v1{height:540px}
.layout1.v1 .bg{width:50%;}
.layout1.v1 .txt-area{width:600px;}
.layout1.v1 .txt-area .inner{padding:0 0 0 100px;text-align:left;}
.layout1.v1 strong{font-size:54px;line-height:70px;letter-spacing:-1.62px;font-weight:700;}
.layout1.v1 p{margin-top:24px;font-size:18px;line-height:28px;letter-spacing:-0.54px}
.layout2.v1{height:540px}
.layout2.v1 .bg{width:50%;}
.layout2.v1 .txt-area{float:right;width:600px;}
.layout2.v1 .txt-area .inner{padding:0 100px 0 0;text-align:left;}
.layout2.v1 strong{font-size:54px;line-height:70px;letter-spacing:-1.62px;font-weight:700;}
.layout2.v1 p{margin-top:24px;font-size:18px;line-height:28px;letter-spacing:-0.54px}

.scrollAni .layout1 .bg{transform:translateX(-100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.scrollAni .layout1 .txt-area{transform:translateX(-400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.scrollAni .layout2 .bg{transform:translateX(100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.scrollAni .layout2 .txt-area{transform:translateX(400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.scrollAni.view .layout1 .bg,
.scrollAni.view .layout1 .txt-area,
.scrollAni.view .layout2 .bg,
.scrollAni.view .layout2 .txt-area{transform:translateX(0);opacity:1;}
.scrollAni.view .swiper-slide.swiper-slide-active{z-index:100;}

.layout1.scrollAniInner .bg{transform:translateX(-100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.layout1.scrollAniInner .txt-area{transform:translateX(-400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.layout2.scrollAniInner .bg{transform:translateX(100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.layout2.scrollAniInner .txt-area{transform:translateX(400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.layout1.scrollAniInner.view .bg,
.layout1.scrollAniInner.view .txt-area,
.layout2.scrollAniInner.view  .bg,
.layout2.scrollAniInner.view  .txt-area{transform:translateX(0);opacity:1;}


@media (max-width: 1920px){
    .layout1 .bg{width:calc(100% - 666px)}
    .layout1 .txt-area{width:666px;}
    .layout2 .bg{width:calc(100% - 666px)}
    .layout2 .txt-area{width:666px;}
}
@media (max-width: 1199px){
    .layout1{margin-top:0;height:730px;padding-top:300px}
    .layout1 .bg{position:absolute;top:0;left:0;width:100%;height:300px;}
    .layout1 .txt-area{width:100%;height:100%;}
    .layout1 .txt-area .inner{padding:50px 30px 0;}
    .layout1 .txt-area .inner div{vertical-align:top; }
    .layout1 strong{font-size:45px;line-height:50px;}
    .layout1 p{margin-top:15px;font-size:18px;line-height:24px;}
    .layout1 .btn-ty1{margin-top:30px}
    .layout2{margin-top:0;height:730px;padding-top:300px}
    .layout2 .bg{float:none;position:absolute;top:0;left:0;width:100%;height:300px;}
    .layout2 .txt-area{float:none;width:100%;height:100%;}
    .layout2 .txt-area .inner{padding:50px 30px 0;}
    .layout2 .txt-area .inner div{vertical-align:top; }
    .layout2 strong{font-size:45px;line-height:50px;}
    .layout2 p{margin-top:15px;font-size:18px;line-height:24px;}
    .layout2 .btn-ty1{margin-top:30px}

    .layout1.v1{margin-top:30px;height:auto;padding-top:65vw}
    .layout1.v1 .bg{width:100%;height:65vw;}
    .layout1.v1 .txt-area{width:100%;}
    .layout1.v1 .txt-area .inner{padding:50px 15px 60px;}
    .layout1.v1 strong{font-size:36px;line-height:50px;letter-spacing:-1.08px;}
    .layout1.v1 p{margin-top:24px;font-size:16px;line-height:26px;letter-spacing:-0.48px}
    .layout2.v1{margin-top:30px;height:auto;padding-top:65vw}
    .layout2.v1 .bg{width:100%;height:65vw;}
    .layout2.v1 .txt-area{width:100%;float:none}
    .layout2.v1 .txt-area .inner{padding:50px 15px 60px;}
    .layout2.v1 strong{font-size:36px;line-height:50px;letter-spacing:-1.08px;}
    .layout2.v1 p{margin-top:24px;font-size:16px;line-height:26px;letter-spacing:-0.48px}

}
.yt-wrap{position:relative;left:50%;transform:translateX(-50%);min-width:1420px}
.video-wrap { position:relative;padding-bottom:56.25%;height:0;overflow:hidden; }
.video-wrap iframe { position:absolute;top:0;left:0;width:100%;height:100%; }
@media (max-width: 1199px){
    .yt-wrap{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);min-width:150%;}
}
.mainVisualMo{display:none;}
.mainVisual{height:42vw;}
.mainVisual .swiper-container{position:relative;overflow:hidden;margin:0 auto;}
.mainVisual .swiper-slide{height:42vw;}
.mainVisual .swiper-slide .inner{display:table;position:absolute;top:0;left:50%;height:100%;padding:0  0 0 60px;margin-left:-35%;width:35%;}
.mainVisual .swiper-slide .inner div{display:table-cell;vertical-align:middle;text-align:center;}
.mainVisual strong{display:block;font-size:80px;font-weight:700;color:#fff;letter-spacing:-2.4px;word-break:keep-all;}
.mainVisual p{display:block;margin-top:24px;font-size:24px;font-weight:400;color:#fff;word-break:keep-all;line-height: 36px;}
.mainVisual .btn-ty1{margin-top:50px}
.mainVisual .swiper-slide .video-box,
.mainVisual .swiper-slide .bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;background-color:#222;}

@media (max-width: 1920px){
    .mainVisual{height:800px;}
    .mainVisual .swiper-container{max-width:1920px;}
    .mainVisual .swiper-slide{height:800px;}
    .mainVisual .swiper-slide .inner{margin-left:-660px;width:660px;}
}
@media (max-width: 1199px){
    .mainVisualPc{display:none;}
    .mainVisualMo{display:block;}
    .mainVisual{height:calc(100vh - 60px);}
    .mainVisual .swiper-slide{height:calc(100vh - 60px);}
    .mainVisual .swiper-slide .inner{padding:0 40px;width:100%;left:0;margin-left:0;}
    .mainVisual strong{font-size:30px;letter-spacing:-1.08px;}
    .mainVisual p{margin-top:15px;font-size:16px;line-height: 24px;}
    .mainVisual .swiper-slide .video-box {height:calc(100vh - 60px);}
    .mainVisual .swiper-slide .bg{background-position:center top;height: calc(169vh - 60px);}
    .mainVisual .swiper-button-prev{left:0;}
    .mainVisual .swiper-button-next{right:0;}
    .mainVisual .swiper-pagination-bullets{bottom:30px !important;}
    .mainVisual .btn-ty1{margin-top:30px}
}


.mainProduct .swiper-wrapper{display:block;}
.mainProduct .swiper-pagination,
.mainProduct .swiper-button-prev,
.mainProduct .swiper-button-next{display:none;}
.mainProduct .layout1{margin-top:0;}
.mainProduct .layout2{margin-top:0;}
@media (max-width: 1199px){
    .mainProduct .swiper-wrapper{display:flex;}
    .mainProduct .swiper-pagination,
    .mainProduct .swiper-button-prev,
    .mainProduct .swiper-button-next{display:block;}
    .mainProduct .swiper-button-prev{left:15px;margin-top:0;top:132px;}
    .mainProduct .swiper-button-next{right:15px;margin-top:0;top:132px;}
}

.mainContent{margin:135px 0  120px;text-align:center;}
.mainContent h2{font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#f0534c;}
.mainContent ul{margin-top:58px;}
.mainContent li{position:relative;display:inline-block;width:384px;margin-left:24px;vertical-align:top;}
.mainContent li:first-child{margin-left:0;}
.mainContent li a{display:block;}
.mainContent li .img{position:relative;overflow:hidden;width:100%;height:500px;}
.mainContent li .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.mainContent li .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.mainContent li .img span{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out;}
.mainContent li strong{display:block;margin-top:30px;letter-spacing:-0.9px;color:#686868;font-weight:700;font-size:30px;}
.mainContent.scrollAni h2,
.mainContent.scrollAni li:nth-child(1){transform:translateY(500px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.mainContent.scrollAni li:nth-child(2){transform:translateY(500px);transition: transform 2000ms .25s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .25s ease-in-out;opacity:0;}
.mainContent.scrollAni li:nth-child(3){transform:translateY(500px);transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .5s ease-in-out;opacity:0;}
.mainContent.scrollAni.view h2,
.mainContent.scrollAni.view li{transform:translateY(0);opacity:1;}
@media (min-width: 1200px){
    .mainContent li a:hover .img:before{width:100%;}
    .mainContent li a:hover .img:after{opacity:1;}
}
@media (max-width: 1199px){
    .mainContent{margin:60px 0;}
    .mainContent h2{font-size:36px;letter-spacing:-1.62px;}
    .mainContent ul{margin-top:84px;}
    .mainContent li{width:calc(33.33% - 10px);margin-left:15px;}
    .mainContent li .img{height:37vw;}
    .mainContent li strong{margin-top:15px;letter-spacing:-0.54px;font-size:18px;}
}

.mainRecipe{padding:120px 0;text-align:center;background-color:#ffc400;}
.mainRecipe h2{font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#fff;}
.mainRecipe .swiper-wrapper{display:block;margin-top:58px;}
.mainRecipe .swiper-slide{position:relative;display:inline-block;width:384px;margin-left:24px;vertical-align:top;}
.mainRecipe .swiper-slide:first-child{margin-left:0;}
.mainRecipe .swiper-slide a{display:block;}
.mainRecipe .swiper-slide .img{position:relative;overflow:hidden;width:100%;height:384px;}
.mainRecipe .swiper-slide .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.mainRecipe .swiper-slide .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.mainRecipe .swiper-slide .img span{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out;}
.mainRecipe .swiper-slide strong{display:block;margin-top:24px;max-height:60px;letter-spacing:-0.24px;color:#fff;font-weight:700;font-size:24px;}
.mainRecipe.scrollAni h2,
.mainRecipe.scrollAni li:nth-child(1){transform:translateY(500px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.mainRecipe.scrollAni li:nth-child(2){transform:translateY(500px);transition: transform 2000ms .25s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .25s ease-in-out;opacity:0;}
.mainRecipe.scrollAni li:nth-child(3){transform:translateY(500px);transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .5s ease-in-out;opacity:0;}
.mainRecipe.scrollAni.view h2,
.mainRecipe.scrollAni.view li{transform:translateY(0);opacity:1;}
@media (min-width: 1200px){
    .mainRecipe .swiper-slide a:hover .img:before{width:100%;}
    .mainRecipe .swiper-slide a:hover .img:after{opacity:1;}
}
@media (max-width: 1199px){
    .mainRecipe{padding:60px 0;}
    .mainRecipe .wrap{padding:0;}
    .mainRecipe h2{font-size:36px;letter-spacing:-1.08px;}
    .mainRecipe .swiper-wrapper{display:flex;margin-top:40px;}
    .mainRecipe .swiper-slide{width:60vw;max-width:320px;margin-left:0;}
    .mainRecipe .swiper-slide .img{width:60vw;height:60vw;max-width:320px;max-height:320px;}
    .mainRecipe .swiper-slide strong{margin-top:15px;max-height:48px;height:48px;letter-spacing:-0.18px;font-size:18px;}
}

.mainBlog{position:relative;height:722px;background-color:#007a53;}
.mainBlog h2{position:absolute;top:120px;left:0;width:100%;text-align:center;font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#fff;}
.mainBlog .swiper-container{position:relative;overflow:hidden;margin:0 auto;}
.mainBlog .swiper-slide{height:722px;text-align:center;}
.mainBlog .swiper-slide .inner{display:inline-block;position:relative;height:300px;width:1200px;padding:0  0 0 400px;margin-top:242px;text-align:left;}
.mainBlog .swiper-slide .inner .img{position:absolute;top:0;left:0;width:300px;height:300px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-radius:100%;}
.mainBlog .swiper-slide .inner .cont{display:table;width:100%;height:100%;}
.mainBlog .swiper-slide .inner .cont>div{display:table-cell;vertical-align:middle;}
.mainBlog .swiper-slide .inner strong{font-size:36px;max-height:90px;line-height:45px;letter-spacing:-1.08px;color:#fff;font-weight:700}
.mainBlog .swiper-slide .inner p{margin-top:24px;font-size:18px;max-height:84px;line-height:28px;letter-spacing:-1.54px;color:#fff;}
.mainBlog strong{display:block;font-size:80px;font-weight:700;color:#fff;letter-spacing:-2.4px;word-break:keep-all;}
.mainBlog .btn-ty1{margin-top:50px}
.mainBlog .swiper-pagination-bullets{bottom:100px !important;}
.mainBlog.scrollAni h2,
.mainBlog.scrollAni li{transform:translateY(400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.mainBlog.scrollAni.view h2,
.mainBlog.scrollAni.view li{transform:translateY(0);opacity:1;}
@media (max-width: 1199px){
    .mainBlog{height:782px;}
    .mainBlog h2{top:60px;font-size:36px;letter-spacing:-1.08px;}
    .mainBlog .swiper-slide{height:782px;}
    .mainBlog .swiper-slide .inner{height:100%;width:100%;padding:360px 30px 0;margin-top:0;text-align:center;}
    .mainBlog .swiper-slide .inner .img{top:140px;left:50%;margin-left:-90px;width:180px;height:180px;}
    .mainBlog .swiper-slide .inner .cont{display:block;width:100%;}
    .mainBlog .swiper-slide .inner strong{font-size:30px;max-height:80px;line-height:40px;letter-spacing:-0.9px;}
    .mainBlog .swiper-slide .inner p{margin-top:15px;font-size:16px;max-height:168px;line-height:24px;letter-spacing:-0.48px;-webkit-line-clamp:7;}
    .mainBlog strong{display:block;font-size:80px;font-weight:700;color:#fff;letter-spacing:-2.4px;word-break:keep-all;}
    .mainBlog .btn-ty1{margin-top:50px}
    .mainBlog .swiper-pagination-bullets{bottom:100px !important;}
    .mainBlog .swiper-button-prev,
    .mainBlog .swiper-button-next{top:213px;margin-top:0;}
    .mainBlog .btn-ty1{margin-top:30px}
    .mainBlog .swiper-pagination-bullets{bottom:30px !important;}
}

@media (max-width: 1199px){
    .mainUse .layout1,
    .mainUse .layout2{height:auto;}
    .mainUse .layout1 .txt-area .inner,
    .mainUse .layout2 .txt-area .inner{padding:50px 30px 60px;}
}

.mainLifeStyle{position:relative;margin-top:50px;padding:120px 0;width:100%;font-size:0;text-align:center;}
.mainLifeStyle .wrap{width:100%}
.mainLifeStyle h2{font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#f0534c;}
.mainLifeStyle .inner{position:relative;margin-top:60px; }
.mainLifeStyle .swiper-container{max-width:1200px;}
.mainLifeStyle .swiper-pagination-lock ~ .swiper-container .swiper-wrapper{justify-content: center}
.mainLifeStyle .swiper-slide{display:inline-block;height:300px;width:300px;vertical-align:top;}
.mainLifeStyle .swiper-slide a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.mainLifeStyle .swiper-slide a:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,115,230,0.4);transition:all .3s ease-in-out;z-index:100;}
.mainLifeStyle .swiper-slide a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_arrow_hover.png")center center no-repeat;background-size:60px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.mainLifeStyle .swiper-slide a span{display:block;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat: no-repeat;transition:all .3s ease-in-out;}
.mainLifeStyle .swiper-button-prev{z-index:100;background-image: url("../images/btn_arrow_left3.png");opacity:0.6;width:36px;height:36px;margin-top:-18px;}
.mainLifeStyle .swiper-button-next{z-index:100;background-image: url("../images/btn_arrow_right3.png");opacity:0.6;width:36px;height:36px;margin-top:-18px;}
.mainLifeStyle .swiper-button-next.swiper-button-disabled,
.mainLifeStyle .swiper-button-prev.swiper-button-disabled{opacity:0.3;}
.mainLifeStyle .swiper-pagination{width:100%;bottom:-80px !important;left:0;}
.mainLifeStyle .swiper-pagination-bullet{background:#bdbdbd;box-shadow:none;}
.mainLifeStyle .swiper-pagination-bullet-active{background:#f0534c; }
.mainLifeStyle .btn-ty1{margin-top:50px}
.mainLifeStyle.scrollAni h2,
.mainLifeStyle.scrollAni li:nth-child(1){transform:translateY(400px);transition: transform 800ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.mainLifeStyle.scrollAni li:nth-child(2){transform:translateY(400px);transition: transform 800ms .25s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .25s ease-in-out;opacity:0;}
.mainLifeStyle.scrollAni li:nth-child(3){transform:translateY(400px);transition: transform 800ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .5s ease-in-out;opacity:0;}
.mainLifeStyle.scrollAni li:nth-child(4){transform:translateY(400px);transition: transform 800ms .75s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .75s ease-in-out;opacity:0;}
.mainLifeStyle.scrollAni .btn-ty1{transition:all .15s ease-in-out, opacity 1s 1s ease-in-out;opacity:0;}
.mainLifeStyle.scrollAni.view h2,
.mainLifeStyle.scrollAni.view li{transform:none;opacity:1;}
.mainLifeStyle.scrollAni.view .btn-ty1{opacity:1;}

@media (min-width: 1200px){
    .mainLifeStyle .swiper-slide a:hover:before{width:100%;}
    .mainLifeStyle .swiper-slide a:hover:after{opacity:1;}
}
@media (max-width: 1199px){
    .mainLifeStyle{margin-top:30px;padding:60px 0 50px;}
    .mainLifeStyle h2{font-size:36px;letter-spacing:-1.08px;line-height:50px;}
    .mainLifeStyle .inner{padding:0 52px; max-width:700px;margin:60px auto 40px;}
    .mainLifeStyle .swiper-pagination-lock ~ .swiper-container .swiper-wrapper{justify-content: initial}
    .mainLifeStyle .swiper-slide{height:calc(50vw - 67px);max-height: 298px;width:50%;}
    .mainLifeStyle .swiper-pagination{bottom:-50px !important;left:0;}
    .mainLifeStyle .swiper-button-prev{left:-5px;}
    .mainLifeStyle .swiper-button-next{right:-5px;}
    .mainLifeStyle .btn-ty1{margin-top:30px}
}

.productTop{margin-top:50px;}
.gallery{position:relative;display:inline-block;vertical-align:top;width:580px; }
.gallery .top{width:500px;height:500px;margin-left:80px;}
.gallery .top .swiper-button-prev{left:30px;}
.gallery .top .swiper-button-next{right:30px;}
.gallery .top li img{object-fit: cover;width:100%;height:100%;}
.gallery .thumbs{position:absolute;top:0;left:1px;}
.gallery .thumbs li{overflow:hidden;width: 54px;height:54px;border-radius:100%;border:1px solid rgba(0,0,0,0.2);cursor:pointer;}
.gallery .thumbs li:before{position:absolute;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:100;}
.gallery .thumbs li img{object-fit: cover;width:100%;height:100%;filter: grayscale(50%);}
.gallery .thumbs .swiper-slide-thumb-active{border:1px solid rgba(0,0,0,0.4);}
.gallery .thumbs .swiper-slide-thumb-active:before{opacity:0;}
.gallery .thumbs .swiper-slide-thumb-active img{filter: grayscale(0);}
.productTop .cont{display:inline-block;vertical-align:top;width:620px;padding:0 0 0 80px;}
.productTop .cont h2{margin-top:24px;font-size:54px;letter-spacing:-1.62px;font-weight:700;color:#414141;}
.productTop .cont p{margin-top:24px;font-size:18px;letter-spacing:-0.54px;font-weight:400;color:#414141;line-height:28px;}
.productTop .cont .inner{margin-top:50px;border-top:1px solid #414141;border-bottom:1px solid #414141;}
.productTop .cont .inner strong{display:block;padding:24px 0;font-size:18px;letter-spacing:-0.54px;font-weight:700;color:#414141;}
.productTop .cont .inner div{padding:24px 0;border-top:1px solid rgba(65,65,65,0.2);font-size:16px;letter-spacing:-0.48px;font-weight:400;color:#686868;line-height:26px;}
.productTop .cont .inner2{border-bottom:1px solid #414141;}
.productTop .cont .inner2 .btn-download{display:block;padding:24px 0;font-size:18px;letter-spacing:-0.54px;font-weight:700;color:#414141;background:url("../images/btn_more3.png")right center no-repeat;background-size:18px auto;}
.productTop .cont .inner2 .btn-download.on{background-image:url("../images/btn_less3.png"); }
.productTop .cont .inner2 ul{display:none;}
.productTop .cont .inner2 li a{font-size:16px;letter-spacing:-0.48px;font-weight:400;color:#686868;line-height:36px}
.productTop .cont .inner2 li a:hover{color:#f0534c;}
.productTop .cont .inner2 li:first-child{padding-top:15px;border-top:1px solid rgba(65,65,65,0.2);}
.productTop .cont .inner2 li:last-child{padding-bottom:15px;}
@media (min-width: 1200px){
    .gallery .thumbs li:hover{border:1px solid rgba(0,0,0,0.4);}
    .gallery .thumbs li:hover:before{opacity:0;transition:opacity .2s ease-in-out;}
    .gallery .thumbs li:hover img{filter: grayscale(0);transition:filter .2s ease-in-out;}
}
@media (max-width: 1199px){
    .productTop{margin-top:0;}
    .productTop .wrap{padding:0;}
    .gallery{width:100%; }
    .gallery .top{width:100%;height:80vw;margin-left:0;}
    .gallery .top .swiper-button-prev{left:15px;}
    .gallery .top .swiper-button-next{right:15px;}
    .gallery .thumbs{display:none;}
    .productTop .cont{width:100%;padding:0 15px;}
    .productTop .cont h2{margin-top:50px;font-size:36px;letter-spacing:-1.08px;}
    .productTop .cont .inner{margin-top:40px;}
}
.productFeatures{padding-bottom:70px}
.productFeatures .swiper-wrapper{display:block;text-align:center;font-size:0;}
.productFeatures .swiper-pagination,
.productFeatures .swiper-button-prev,
.productFeatures .swiper-button-next{display:none;}
.productFeatures li{display:inline-block;width:250px;vertical-align:top;text-align:center;}
.productFeatures li img{display:inline-block;width:125px;}
.productFeatures li strong{display:table;margin-top:20px;padding:0 10px;min-height:60px;width:100%}
.productFeatures li strong span{display:table-cell;font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#f0534c;word-break: keep-all;vertical-align:middle;}
.productFeatures li p{margin-top:15px;padding:0 20px;font-size:16px;font-weight:400;letter-spacing:-0.48px;color:#686868;line-height:26px;}
.productFeatures.scrollAni h3{transform:translateY(400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(1){transform:translateY(400px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(2){transform:translateY(400px);transition: transform 1500ms .2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .2s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(3){transform:translateY(400px);transition: transform 1500ms .4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .4s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(4){transform:translateY(400px);transition: transform 1500ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .6s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(5){transform:translateY(400px);transition: transform 1500ms .8s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .8s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(6){transform:translateY(400px);transition: transform 1500ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(7){transform:translateY(400px);transition: transform 1500ms 1.2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.2s ease-in-out;opacity:0;}
.productFeatures.scrollAni li:nth-child(8){transform:translateY(400px);transition: transform 1500ms 1.4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.4s ease-in-out;opacity:0;}
.productFeatures.scrollAni.view h3,
.productFeatures.scrollAni.view li{transform:translateY(0);opacity:1;}

@media (max-width: 1199px){
    .productFeatures{padding-bottom:20px}
    .productFeatures .swiper-container{padding:0 15px 60px;}
    .productFeatures .swiper-wrapper{display:flex;}
    .productFeatures .swiper-pagination{display:block;bottom:0 !important;}
    .productFeatures .swiper-pagination-bullet{background:#686868;opacity:0.1;}
    .productFeatures .swiper-pagination-bullet-active{background:#686868;opacity:1;}
    .productFeatures .swiper-button-prev{display:block;top:63px;background-image:url("../images/btn_arrow_left3.png");opacity:0.6;width:36px;height:36px;margin-top:-18px;}
    .productFeatures .swiper-button-next{display:block;top:63px;background-image:url("../images/btn_arrow_right3.png");opacity:0.6;width:36px;height:36px;margin-top:-18px;}
    .productFeatures li{display:inline-block;width:100%;}
    .productFeatures li strong{margin-top:15px;min-height:initial;}
}
.productAcc{margin-bottom:120px;}
.productAcc.scrollAni h3{transform:translateY(400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(1){transform:translateY(400px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(2){transform:translateY(400px);transition: transform 1500ms .2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .2s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(3){transform:translateY(400px);transition: transform 1500ms .4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .4s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(4){transform:translateY(400px);transition: transform 1500ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .6s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(5){transform:translateY(400px);transition: transform 1500ms .8s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .8s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(6){transform:translateY(400px);transition: transform 1500ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(7){transform:translateY(400px);transition: transform 1500ms 1.2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.2s ease-in-out;opacity:0;}
.productAcc.scrollAni li:nth-child(8){transform:translateY(400px);transition: transform 1500ms 1.4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.4s ease-in-out;opacity:0;}
.productAcc.scrollAni.view h3,
.productAcc.scrollAni.view li{transform:translateY(0);opacity:1;}
@media (max-width: 1199px){
    .productAcc{margin-bottom:80px;}
    .productAcc .wrap{padding:0;}
}

.productReview{position:relative;height:650px;background-color:#ffb600;text-align:center;}
.productReview .swiper-container{position:relative;overflow:hidden;margin:0 auto;}
.productReview .swiper-slide{height:650px;text-align:center;}
.productReview .swiper-slide .inner{display:inline-block;position:relative;height:100%;width:1200px;padding:0 100px;}
.productReview .swiper-slide .inner .cont{display:table;width:100%;height:100%;}
.productReview .swiper-slide .inner .cont>div{display:table-cell;vertical-align:middle;}
.productReview .swiper-slide .inner .img{display:inline-block;width:180px;height:180px;background-position:center center;background-size:contain;background-repeat:no-repeat;border-radius:100%;}
.productReview .swiper-slide .inner strong{display:block;margin-top:50px;font-size:30px;line-height:45px;letter-spacing:-0.9px;color:#fff;font-weight:700}
.productReview .swiper-slide .inner p{margin-top:30px;font-size:24px;color:#fff;}
.productReview strong{display:block;font-size:80px;font-weight:700;color:#fff;letter-spacing:-2.4px;word-break:keep-all;}
.productReview .swiper-button-prev{left:50%;margin-left:-636px;}
.productReview .swiper-button-next{right:50%;margin-right:-636px;}
.productReview.scrollAni .swiper-container{transform:translateY(400px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productReview.scrollAni.view .swiper-container{transform:translateY(0);opacity:1;}
@media (max-width: 1199px){
    .productReview{height:auto;}
    .productReview .swiper-slide{height:auto;}
    .productReview .swiper-slide .inner{height:100%;width:100%;padding:60px 15px;text-align:center;}
    .productReview .swiper-slide .inner .cont{display:block;width:100%;}
    .productReview .swiper-slide .inner .cont>div{display:block;}
    .productReview .swiper-slide .inner strong{margin-top:30px;font-size:24px;line-height:34px;letter-spacing:-0.72px;}
    .productReview .swiper-slide .inner p{margin-top:24px;font-size:18px;}
    .productReview .swiper-button-prev{top:150px;margin-left:0;left:15px;}
    .productReview .swiper-button-next{top:150px;margin-right:0;right:15px;}
}

.productRecommend{margin-bottom:100px;}
.productRecommend.v1{margin-top:-20px;margin-bottom:150px;}
.productRecommend.v1 h3{margin-top:0;}
.productRecommend.scrollAni li:nth-child(1){transform:translateY(400px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(2){transform:translateY(400px);transition: transform 1500ms .2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .2s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(3){transform:translateY(400px);transition: transform 1500ms .4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .4s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(4){transform:translateY(400px);transition: transform 1500ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .6s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(5){transform:translateY(400px);transition: transform 1500ms .8s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .8s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(6){transform:translateY(400px);transition: transform 1500ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(7){transform:translateY(400px);transition: transform 1500ms 1.2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.2s ease-in-out;opacity:0;}
.productRecommend.scrollAni li:nth-child(8){transform:translateY(400px);transition: transform 1500ms 1.4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.4s ease-in-out;opacity:0;}
.productRecommend.scrollAni.view h3,
.productRecommend.scrollAni.view li{transform:translateY(0);opacity:1;}
@media (max-width: 1199px){
    .productRecommend.v1{margin-top:-50px;margin-bottom:100px;}
    .productRecommend .wrap{padding:0;}
}
.productQnA{background:#004ea8;}
.productQnA h3{color:#fff;}
.productQnA ul{margin-bottom:120px;border-top:1px solid rgba(255,255,255,0.5)}
.productQnA li{width:100%;padding:0;border-bottom:1px solid rgba(255,255,255,0.5)}
.productQnA li .tit{position:relative;display:block;padding:24px 100px 24px 40px;font-size:24px;line-height:34px;color:#fff;letter-spacing:-0.72px;transition:all .2s ease-in-out;cursor:pointer;}
.productQnA li .tit:before{content:'Q.';display:block;position:absolute;top:24px;left:0;font-size:inherit;height:inherit;line-height:inherit;color:inherit;font-family:'NanumGothic', sans-serif}
.productQnA li .tit:after{content:'';display:block;position:absolute;top:24px;right:0;width:24px;height:34px;background:url("../images/btn_more.png") center center no-repeat;background-size:24px 24px;}
.productQnA li .tit.active{font-weight:700}
.productQnA li .tit.active:after{background-image:url("../images/btn_less.png");}
.productQnA li .cont{position:relative;display:none;padding-bottom:24px;padding-right:100px;padding-left:40px;font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#fff;}
.productQnA li .cont:before{content:'A.';display:block;position:absolute;top:0;left:4px;font-size:inherit;height:inherit;line-height:inherit;color:inherit;font-family:'NanumGothic', sans-serif}

.productQnA.scrollAni h3{transform:translateY(400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productQnA.scrollAni ul{transform:translateY(400px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.productQnA.scrollAni.view h3,
.productQnA.scrollAni.view ul{transform:translateY(0);opacity:1;}
@media (min-width: 1200px){
    .productQnA li .tit:hover{background-color:rgba(0,0,0,0.1)}
}
@media (max-width: 1199px){
    .productQnA ul{margin-bottom:60px;}
    .productQnA li .tit{padding:24px 30px 24px 28px;font-size:18px;line-height:28px;letter-spacing:-0.54px;}
    .productQnA li .tit:after{top:24px;right:0;width:14px;height:28px;background-size:14px 14px;}
    .productQnA li .cont{padding-right:15px;padding-left:28px;font-size:16px;line-height:26px;letter-spacing:-0.48px;}
}

.productList{margin-top:120px;margin-bottom:180px;}
@media (max-width: 1199px){
    .productList{margin-top:60px;margin-bottom:50px;}
}

.subTopBnr .layout1,
.subTopBnr .layout2{margin-top:0; }
.subTopBnr .btn-ty1{margin-top:30px;}
.subTopBnr .layout1.v1 strong,
.subTopBnr .layout2.v1 strong{max-height:210px;}
.subTopBnr .swiper-pagination-bullets{width:600px;left:50%;bottom:40px !important;margin-left:-600px;text-align:left;}
.subTopBnr2 .layout1,
.subTopBnr2 .layout2{margin-top:0; }
.subTopBnr2 .btn-ty1{margin-top:30px;}
.subTopBnr2 .layout1.v1 strong,
.subTopBnr2 .layout2.v1 strong{max-height:initial;}
.subTopBnr2 .swiper-pagination-bullets{width:600px;left:50%;bottom:40px !important;margin-left:-600px;text-align:left;}

@media (max-width: 1199px){
    .subTopBnr .layout1.v1,
    .subTopBnr .layout2.v1{height:auto;padding-top:70vw}
    .subTopBnr .layout1.v1 .bg,
    .subTopBnr .layout2.v1 .bg{width:100%;height:70vw;}
    .subTopBnr .layout1.v1 .txt-area .inner,
    .subTopBnr .layout2.v1 .txt-area .inner{text-align:center;height:356px;}
    .subTopBnr .layout1.v1 strong,
    .subTopBnr .layout2.v1 strong{font-size:30px;line-height:42px;letter-spacing:-0.9px;max-height:126px;}
    .subTopBnr .swiper-pagination-bullets{width:100%;left:0;margin-left:0;text-align:center;}
    .subTopBnr .swiper-button-prev{margin-top:0;top:27vw;}
    .subTopBnr .swiper-button-next{margin-top:0;top:27vw;}

    .subTopBnr2 .layout1.v1,
    .subTopBnr2 .layout2.v1{height:auto;padding-top:75vw}
    .subTopBnr2 .layout1.v1 .bg,
    .subTopBnr2 .layout2.v1 .bg{width:100%;height:75vw;}
    .subTopBnr2 .layout1.v1 .txt-area .inner,
    .subTopBnr2 .layout2.v1 .txt-area .inner{text-align:left;height:auto;}
    .subTopBnr2 .layout1.v1 strong,
    .subTopBnr2 .layout2.v1 strong{font-size:36px;line-height:50px;letter-spacing:-0.9px;max-height:initial;}
    .subTopBnr2 .swiper-pagination-bullets{width:100%;left:0;margin-left:0;text-align:center;}

}
.subList{margin-top:116px;}
.subList h3{font-size:30px;font-weight:700;letter-spacing:-0.9px;color:#f0534c;}
.subList .wl{display:inline-block;vertical-align:top;width:306px;font-size:0}
.subList .srch-box{position:relative;}
.subList .srch-box .inp-srch{position:relative;margin-top:24px;padding:0 80px 0 24px;width:240px;height:48px;border-radius:50px;border:1px solid #e5e5e5;}
.subList .srch-box input{display:block;width:100%;height:46px;line-height:46px;font-size:18px;letter-spacing:-0.54px;color:#414141;}
.subList .btn-srch2{position: absolute;top:12px;right:24px;width:24px;height:24px;background:url("../images/icon_Search.png")center center no-repeat;background-size:24px auto;}
.subList .btn-clear{display:none;position: absolute;top:12px;right:52px;width:24px;height:24px;background:url("../images/icon_delete.png")center center no-repeat;background-size:24px auto;}
.subList .tab{margin-top:70px}
.subList .tab ul{margin-top:15px;}
.subList .tab a{display:block;line-height:40px;font-size:18px;letter-spacing:-0.54px;color:#414141;}
.subList .tab a.active{color:#f0534c}

.subList .wr{display:inline-block;vertical-align:top;width:calc(100% - 306px);font-size:0;}
.subList .list-ty li:nth-child(4n){margin-right:24px;}
.subList .list-ty li:nth-child(3n){margin-right:0;}
@media (max-width: 1199px){
    .subList{margin-top:60px;}
    .subList h3{position:relative;font-size:24px;letter-spacing:-0.72px;}
    .subList .wl{width:100%}
    .subList .srch-box{position:relative;}
    .subList .srch-box .inp-srch{margin-top:15px;}
    .subList .tab{margin-top:30px}
    .subList .tab h3{line-height:40px;}
    .subList .tab h3:after{content:'';display:block;position:absolute;right:0;top:8px;width:24px;height:24px;background:url("../images/btn_arrow_less.png")center center no-repeat;background-size:contain;transform:rotate(180deg);transition:all .15s ease-in-out }
    .subList .tab h3.active:after{transform:rotate(0deg)}
    .subList .tab ul{display:none;margin-top:15px;}

    .subList .wr{width:100%;margin-top:60px;}
    .subList .list-ty li:nth-child(4n){margin-right:16px;}
    .subList .list-ty li:nth-child(3n){margin-right:16px;}
    .subList .list-ty li:nth-child(2n){margin-right:0;}
}
.subDetail{margin-top:50px;margin-bottom:150px;}
.subDetail .img{width:100%;max-width:1200px;margin:0 auto;height:600px; background-size:cover;background-position:center center;background-repeat:no-repeat;}
.subDetail .wrap{padding:0 100px;}
.subDetail .top{position:relative;margin-top:45px;font-size:0;}
.subDetail .top p{position:relative;display:inline-block;vertical-align:top;font-size:16px;line-height:24px;height:24px;font-weight:400;color:#414141;letter-spacing:-0.48px;}
.subDetail .top p + p{padding-left:31px;color:#999;}
.subDetail .top p + p:before{display:block;content:'';position:absolute;top:3px;left:15px;background:#e5e5e5;width:1px;height:18px; }
.subDetail .top .inner{position:absolute;top:0;right:0;height:24px;}
.subDetail .top .inner a{position:relative;display:inline-block;height:24px;line-height:24px;font-size:16px;letter-spacing:-0.48px;color:#414141;transition:all .2s ease-in-out;}
.subDetail .top .inner .btn-prev{padding:0 15px 0 30px;}
.subDetail .top .inner .btn-next{padding:0 30px 0 16px;color:#f0534c; }
.subDetail .top .inner a:after{display:block;content:'';position:absolute;top:0;left:0;width:24px;height:24px;transition:all .2s ease-in-out;background:url("../images/btn_arrow_prev2.png")center center no-repeat;background-size:contain}
.subDetail .top .inner .btn-next:after{background-image:url("../images/btn_arrow_next.png");left:auto;right:0; }
.subDetail .top .inner a + a:before{display:block;content:'';position:absolute;top:3px;left:0;background:#e5e5e5;width:1px;height:18px; }
.subDetail .category{margin-top:60px;font-size:24px;letter-spacing:-0.72px;font-weight:700;color:#414141;word-break:keep-all}
.subDetail .category + .title{margin-top:10px;}
.subDetail .title{margin-top:60px;font-size:54px;line-height:70px;letter-spacing:-1.62px;font-weight:700;color:#f0534c;word-break:keep-all}
.subDetail .editor{margin-top:24px;color:#686868;font-size:18px;line-height:28px;letter-spacing:-0.54px; }
@media (min-width: 1200px){
    .subDetail .top .inner .btn-prev:hover:after{transform:translateX(-10px);}
    .subDetail .top .inner .btn-next:hover:after{transform:translateX(10px);}
}
@media (max-width: 1199px){
    .subDetail{margin-top:0;margin-bottom:100px;}
    .subDetail .img{height:80vw;}
    .subDetail .wrap{padding:0 15px;}
    .subDetail .top{margin-top:95px;}
    .subDetail .top .inner{right:auto;left:0;top:-45px;}
    .subDetail .top .inner .btn-prev{padding:0 15px 0 30px;}
    .subDetail .top .inner .btn-next{padding:0 30px 0 16px;color:#f0534c; }
    .subDetail .category{margin-top:40px;font-size:18px;letter-spacing:-0.54px;}
    .subDetail .category + .title{margin-top:10px;}
    .subDetail .title{margin-top:35px;font-size:30px;line-height:42px;letter-spacing:-0.9px;}
    .subDetail .editor{margin-top:20px;}
}
.subSearchResult{margin-bottom:150px;}
@media (max-width: 1199px){
    .subSearchResult{margin-bottom:100px;}
}
.result-none{text-align:center;}
.result-none strong{font-size:36px;font-weight:700;letter-spacing:-1.08px;color:#414141;}
.result-none .srch-box{margin-top:36px;}
.result-none .srch-box .inp-srch{position:relative;display:inline-block;padding:0 80px 0 24px;width:400px;height:48px;border-radius:50px;border:1px solid #e5e5e5;}
.result-none .srch-box input{display:block;width:100%;height:46px;line-height:46px;font-size:18px;letter-spacing:-0.54px;color:#414141;}
.result-none .btn-srch2{position: absolute;top:12px;right:24px;width:24px;height:24px;background:url("../images/icon_Search.png")center center no-repeat;background-size:24px auto;}
.result-none .btn-clear{display:none;position: absolute;top:12px;right:52px;width:24px;height:24px;background:url("../images/icon_delete.png")center center no-repeat;background-size:24px auto;}

@media (max-width: 1199px){
    .result-none strong{font-size:20px;letter-spacing:-0.6px;}
    .result-none .srch-box{margin-top:20px;}
    .result-none .srch-box .inp-srch{width:240px;}
}
.support{margin-bottom:150px;}
.terms{font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#686868;}
.terms p{font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#414141;}
.terms strong{font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#414141;font-weight:700;}
@media (max-width: 1199px){
    .support{margin-bottom:100px;}
}
.as-cont h3{font-size:36px;font-weight:700;letter-spacing:-1.08px;color:#414141;}
.as-cont h3 br{display:none;}
.as-cont p{margin-top:30px;font-size:24px;font-weight:400;letter-spacing:-0.72px;color:#414141;line-height:37px;font-family:'NanumGothic', sans-serif}
.as-cont p.t2{position:relative;margin-top:25px;padding-left:15px;font-size:18px;letter-spacing:-0.54px;color:#686868;line-height:28px;}
.as-cont p.t2:before{display:block;position:absolute;top:0;left:0;width:15px;content:'*';font-size:18px;letter-spacing:-0.54px;color:#686868;line-height:28px}
.as-cont p.t2 + .t2{margin-top:0;}
.as-cont p.t2 +h3{margin-top:90px;}
.as-cont h4{margin-top:70px;font-size:24px;letter-spacing:-0.72px;color:#414141;line-height:28px;font-weight:700}
.as-cont p.t3{margin-top:5px;font-size:18px;letter-spacing:-0.54px;color:#414141;line-height:28px;}
.as-cont .map{margin-top:15px;background:#e5e5e5;width:100%;height:473px; }
.as-cont .btn-ty1{width:224px;margin-top:15px;font-size:14px;}
.as-cont .btn-ty1 + p{margin-top:24px;}
.as-cont .qr{display:inline-block;vertical-align:top;margin-top:25px;width:100px;}
.as-cont .qr img{display:block;width:100%;}
.as-cont .btn-ty2{display:inline-block;vertical-align:top;margin-top:50px;margin-left:24px;width:284px;}
.as-cont .btn-ty2 img{display:block;width:100%;}

@media (max-width: 1199px){
    .as-cont h3{font-size:24px;letter-spacing:-0.72px;;}
    .as-cont h3 br{display:block;}
    .as-cont p{margin-top:20px;font-size:18px;letter-spacing:-0.54px;line-height:29px}
    .as-cont p.t2{margin-top:20px;font-size:16px;letter-spacing:-0.48px;line-height:24px;}
    .as-cont p.t2:before{font-size:16px;letter-spacing:-0.48px;line-height:24px;}
    .as-cont p.t2 +h3{margin-top:50px;}
    .as-cont h4{margin-top:50px;font-size:18px;letter-spacing:-0.54px;line-height:26px;}
    .as-cont p.t3{font-size:16px;letter-spacing:-0.48px;line-height:24px;}
    .as-cont .map{margin-top:10px;width:100%;height:50vw; }
    .as-cont .btn-ty1 + p{margin-top:20px;}
    .as-cont .qr{display:none;}
    .as-cont .btn-ty2{margin-top:20px;margin-left:0}
}
/*
.store ul{font-size:0;margin-bottom:30px;}
.store li{display:inline-block;vertical-align:top;margin-right:24px;width:384px;height:388px;}
.store li:nth-child(3n){margin-right:0;}
.store li .img{display:block;overflow:hidden;width:100%;height:216px;}
.store li .img span{display:block;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.store li strong{display:block;margin-top:24px;font-size:24px;letter-spacing:-0.72px;color:#414141;font-weight:700; }
.store li p{margin-top:12px;font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#414141;}
.store li p span{display:block;font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#999;}
@media (max-width: 1199px){
    .store ul{width:792px;margin:0 auto;}
    .store li:nth-child(3n){margin-right:24px;}
    .store li:nth-child(2n){margin-right:0;}
}
@media (max-width: 800px){
    .store ul{width:100%}
    .store li{margin-right:24px;width:100%;padding-bottom:50px;height:auto;}
    .store li:nth-child(3n){margin-right:24px;}
    .store li .img{height:52vw;}
    .store+.page-nav{margin-bottom:0;}
}
*/
.store h4{font-size:36px;margin-bottom:40px;margin-top:100px;letter-spacing:-1.08px;color:#414141;font-weight:700;}
.store .top{padding:30px 0;border-top:2px solid #000;border-bottom:2px solid #000;text-align:center;font-size:0;}
.store .top .inner{display:inline-block;font-size:0;vertical-align:top;}
.store .top .inner + .inner{margin-left:40px;margin-right:50px;}
.store .top strong{display:inline-block;vertical-align:top;margin:0 25px 0 55px;font-size:18px;line-height:54px;font-weight:700; }
.store .top select{display:inline-block;vertical-align:top;padding:0 0 0 21px;width:210px;height:54px;line-height:54px;background:url("../images/select.png")calc(100% - 21px) center no-repeat;background-size:15px auto;border:1px solid #000000;transition:all .2s ease-in-out}
.store .top select + select{margin-left:8px;}
.store .top select:hover,
.store .top select:focus{border-color:#f0534c; }
.store .top .srch{display:inline-block;vertical-align:top;position:relative;width:360px;}
.store .top .srch input{padding:0 60px 0 21px;width:100%;height:54px;line-height:54px;background-size:15px auto;border:1px solid #999;color:#f0534c;transition:all .2s ease-in-out}
.store .top .srch input:hover,
.store .top .srch input:focus{border-color:#f0534c; }
.store .top .srch a{display:block;width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(100% - 40px);background:url("../images/icon_Search2.png") 0 0 no-repeat;background-size:contain}
.store .cont{margin-top:80px;height:718px;position:relative;}
.store .cont .total{position:absolute;top:-70px;left:0;height:70px;line-height:70px;font-size:18px;}
.store .cont .total strong{display:inline-block;padding:0 10px;line-height:80px;font-size:18px;color: #f0534c}
.store .cont .map{overflow:hidden;position:absolute;top:0;right:0;width:580px;height:715px;}
.store .cont .map .map-cont{width:100%;height:100%;background:#f6f4ef;}
.store .cont .map .inner{position:absolute;bottom:0;left:0;width:100%;padding:40px 30px;background:rgba(0,0,0,0.7)}
.store .cont .map .inner strong{display:block;margin-bottom:20px;font-size:24px;font-weight:700;letter-spacing:-0.5px;color:#fff;}
.store .cont .map .inner p{display:block;margin-top:8px;padding-left:25px;min-height:20px;font-size:16px;font-weight:400;letter-spacing:-0.5px;color:#fff;}
.store .cont .map .inner p.address{background:url("../images/icon_address.png")0 3px no-repeat;background-size:13px auto;}
.store .cont .map .inner p.call{background:url("../images/icon_call.png")0 3px no-repeat;background-size:13px auto;}
.store .cont .list{width:580px}
.store .cont .list li{border-top:1px solid #ddd;}
.store .cont .list li:first-child{border-top:2px solid #ddd;}
.store .cont .list li:last-child{border-bottom:2px solid #ddd;}
.store .cont .list li a{display:block;height:70px;line-height:70px;font-size:0;}
.store .cont .list li a span{display:inline-block;vertical-align:top;font-size:16px;width:15%;text-align:center;white-space:nowrap;}
.store .cont .list li a span + span{width:63%;text-align:left;}
.store .cont .list li a span + span + span{width:22%;text-align:center;color:#999;}
.store .cont .list li a:hover{background:#f7f7f7;}
.store .cont .list li a:hover span{color:#f0534c}
.store .cont .list li a:hover span + span{color:#f0534c}
.store .cont .list li a:hover span + span + span{color:#999}
.store .page-nav{margin-top:100px;margin-bottom:0;}
.store .top2{padding:60px 0;border-top:2px solid #000;border-bottom:2px solid #000;text-align:left;font-size:0;}
.store .top2 li{display:inline-block;vertical-align:top;height:60px;line-height:60px;font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#414141;}
.store .top2 li a{display: block;height:60px;line-height:60px;font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#414141;}
.store .top2 li img{display:inline-block;height:100%;width:auto;}
.store .top2 li:first-child{margin-left:24px;}
.store .top2 li:first-child img{margin-right:10px;}
.store .top2 li:nth-child(2){margin-left:40px;}
.store .top2 li:nth-child(3){margin-left:12px;}

@media (max-width: 1199px){
    .store h4{font-size:24px;margin-bottom:20px;margin-top:50px;letter-spacing:-0.72px;}
    .store .page-nav + h4 {margin-top:65px;}
    .store .top{padding:20px 0;}
    .store .top .inner{width:100%;text-align:left;}
    .store .top .inner + .inner{margin-left:0;margin-right:0;margin-top:20px;}
    .store .top strong{width:100%;margin:0;font-size:13px;line-height:30px;}
    .store .top select{padding:0 0 0 15px;width:calc(50% - 4px);height:40px;line-height:40px;background:url("../images/select.png")calc(100% - 15px) center no-repeat;background-size:11px auto;font-size:13px;}
    .store .top select + select{margin-left:8px;}
    .store .top .srch{width:100%;}
    .store .top .srch input{padding:0 35px 0 15px;width:100%;height:40px;line-height:40px;font-size:13px;}
    .store .top .srch a{display:block;width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(100% - 30px);background:url("../images/icon_Search2.png") center center no-repeat;background-size:16px auto;}
    .store .cont{margin-top:30px;height:auto;}
    .store .cont .total{position:static;height:30px;line-height:30px;font-size:12px;}
    .store .cont .total strong{padding:0 4px;line-height:30px;font-size:12px;}
    .store .cont .map{position:relative;width:100%;height:90vw;display:block;max-width:700px;max-height:680px;margin:0 auto;}
    .store .cont .map .inner{padding:30px 20px}
    .store .cont .map .inner strong{margin-bottom:15px;font-size:18px;}
    .store .cont .map .inner p{margin-top:5px;padding-left:20px;min-height:11px;font-size:12px;}
    .store .cont .map .inner p.address{background:url("../images/icon_address.png")0 2px no-repeat;background-size:9px auto;}
    .store .cont .map .inner p.call{background:url("../images/icon_call.png")0 2px no-repeat;background-size:9px auto;}
    .store .cont .list{width:100%;margin-top:10px;}
    .store .cont .list li a{height:50px;line-height:50px;;}
    .store .cont .list li a span{font-size:13px;}
    .store .page-nav{margin-top:40px;}
    .store .top2{padding:40px 0;text-align:center;}
    .store .top2 li{display:block;font-size:18px;letter-spacing:-0.54px;margin-top:24px}
    .store .top2 li a{display:block;font-size:18px;letter-spacing:-0.54px;}
    .store .top2 li:first-child{margin-left:0;margin-top:0;}
    .store .top2 li:nth-child(2){margin-left:0;}
    .store .top2 li:nth-child(3){margin-left:0;}
}


.use ul{font-size:0;margin-bottom:30px;}
.use li{display:inline-block;vertical-align:top;margin-right:24px;width:384px;height:365px;}
.use li a{display:block;width:100%;height:100%;}
.use li:nth-child(3n){margin-right:0;}
.use li .img{position:relative;display:block;overflow:hidden;width:100%;height:216px;}
.use li .img span{display:block;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.use li .img:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,0,0,0.4);transition:all .3s ease-in-out;z-index:100;}
.use li .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/btn_play.png")center center no-repeat;background-size:72px auto;opacity:0;transition:all .3s ease-in-out;z-index:100;}
.use li strong{display:block;margin-top:24px;font-size:24px;max-height:64px;line-height:32px;letter-spacing:-0.72px;color:#414141;font-weight:400; }
.use li p{display:inline-block;position:relative;padding-right:30px;margin-top:12px;font-size:16px;line-height:24px;letter-spacing:-0.48px;color:#f0534c;}
.use li p:after{display:block;content:'';position:absolute;top:0;right:0;width:24px;height:24px;transition:all .2s ease-in-out;background:url("../images/btn_arrow_next.png")center center no-repeat;background-size:contain}
@media (min-width: 1200px){
    .use li a:hover p:after{transform:translateX(10px);}
    .use li a:hover .img:before{width:100%;}
    .use li a:hover .img:after{opacity:1;}
}
@media (max-width: 1199px){
    .use ul{width:792px;margin:0 auto;}
    .use li:nth-child(3n){margin-right:24px;}
    .use li:nth-child(2n){margin-right:0;}
    .use li .img:after{opacity:1}
}
@media (max-width: 800px){
    .use ul{width:100%}
    .use li{margin-right:24px;width:100%;padding-bottom:50px;height:auto;}
    .use li:nth-child(3n){margin-right:24px;}
    .use li .img{height:55vw;width:calc(100% + 30px);margin-left:-15px;}
    .use li strong{font-size:18px;line-height:24px;max-height:48px;letter-spacing:-0.54px; }
    .use+.page-nav{margin-bottom:0;}
}

/*비디오 팝업*/
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:8000;}
.pop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.pop-view{position:absolute;top:0;left:calc(50% - 600px);width:1200px;height:100%;}
.pop-view .flex-center .inner{position: relative;width:100%;}
.pop-view .btn-close{display:block;position:absolute;top:-60px;right:-15px;width:60px;height:60px; background:url("../images/btn_close.png") center center no-repeat;background-size:30px auto;z-index:100}
.pop-video{width:100%;height:56vw;max-height:673px;background:#fff; }
@media (max-width: 1199px) {
    .pop-view{left:0;width:100%;}
    .pop-view .btn-close{right:0}
}

.supportQnA ul{border-top:1px solid #414141;border-bottom:1px solid #414141}
.supportQnA li{width:100%;padding:0;border-bottom:1px solid #e5e5e5}
.supportQnA li:last-child{border-bottom:0;}
.supportQnA li .tit{position:relative;display:block;padding:24px 100px 24px 0;font-size:24px;line-height:34px;color:#686868;letter-spacing:-0.72px;transition:all .2s ease-in-out;cursor:pointer;}
.supportQnA li .tit:before{content:'';display:block;position:absolute;top:24px;right:0;width:24px;height:34px;background:url("../images/btn_more2.png") center center no-repeat;background-size:24px 24px;}
.supportQnA li .tit.active{font-weight:700;color:#f0534c;}
.supportQnA li .tit.active:before{background-image:url("../images/btn_less2.png");}
.supportQnA li .cont{display:none;padding-bottom:24px;padding-right:100px;font-size:18px;line-height:28px;letter-spacing:-0.54px;color:#999;}
@media (min-width: 1200px){
    .supportQnA li .tit:hover{color:#f0534c;}
}
@media (max-width: 1199px){
    .supportQnA ul{}
    .supportQnA li .tit{padding:24px 30px 24px 0;font-size:18px;line-height:28px;letter-spacing:-0.54px;}
    .supportQnA li .tit:before{top:24px;right:0;width:14px;height:28px;background-size:14px 14px;}
    .supportQnA li .cont{padding-right:15px;font-size:16px;line-height:26px;letter-spacing:-0.48px;}
}

/* **************************************** *
 * 팝업
 * **************************************** */
.laypop{z-index:9000;position: fixed;padding:50px 20px 20px;min-width:200px;min-height:200px;background:#fff;box-shadow:0 0 10px rgba(0,0,0, 0.1)}
.laypop .top{position:absolute;top:0;left:0;width:100%;height:50px;}
.laypop .right{text-align:right;}
.chk2{padding-left:34px;position: relative;display:inline-block; height:24px;line-height:24px;vertical-align: top;}
.chk2 input[type="checkbox"] + label{display:inline-block;height:24px;line-height:24px;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.48px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chk2 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;border-radius:3px;width:24px;height:24px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk2 input[type="checkbox"]:checked + label:before{border-color:#f0534c;background:#f0534c url("../images/check.png")0 0 no-repeat;background-size:contain; }
.laypop .right .chk2{margin-top:12px;}
.laypop .cont{max-width:800px;}
.laypop .btn-close{display:inline-block;width:50px;height:50px;background:url("../images/icon_close.png")center center no-repeat;background-size:20px auto;opacity:0.6}
.laypop .btn-close:hover{opacity:1;}
@media (max-width: 1199px) {
    .laypop{width:calc(100% - 100px);left:50px !important;top: 100px !important;}
    .laypop .cont{max-width:100%;}
}
@media (max-width: 767px) {
    .laypop{width:calc(100% - 20px);left:10px !important;top: 100px !important;padding:50px 10px 10px;}
}