@charset "utf-8";
/* **************************************** *
 * FONT
 * **************************************** */
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansCJKkr-DemiLight.eot);
    src: local("※"),
    url(../fonts/NotoSansCJKkr-DemiLight.html) format('woff2'),
    url(../fonts/NotoSansCJKkr-DemiLight.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-DemiLight.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSansCJKkr-Regular.eot);
    src: local("※"),
    url(../fonts/NotoSansCJKkr-Regular.html) format('woff2'),
    url(../fonts/NotoSansCJKkr-Regular.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-Regular.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansCJKkr-Medium.eot);
    src: local("※"),
    url(../fonts/NotoSansCJKkr-Medium.html) format('woff2'),
    url(../fonts/NotoSansCJKkr-Medium.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-Medium.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansCJKkr-Bold.eot);
    src: local("※"),
    url(../fonts/NotoSansCJKkr-Bold.html) format('woff2'),
    url(../fonts/NotoSansCJKkr-Bold.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Roboto-Light.woff2) format('woff2'),
    url(../fonts/Roboto-Light.woff) format('woff'),
    url(../fonts/Roboto-Light.otf) format('opentype');
    unicode-range:U+0020-007E;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.woff2) format('woff2'),
    url(../fonts/Roboto-Regular.woff) format('woff'),
    url(../fonts/Roboto-Regular.otf) format('opentype');
    unicode-range:U+0020-007E;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Roboto-Medium.woff2) format('woff2'),
    url(../fonts/Roboto-Medium.woff) format('woff'),
    url(../fonts/Roboto-Medium.otf) format('opentype');
    unicode-range:U+0020-007E;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.woff2) format('woff2'),
    url(../fonts/Roboto-Bold.woff) format('woff'),
    url(../fonts/Roboto-Bold.otf) format('opentype');
    unicode-range:U+0020-007E;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Roboto-Black.woff2) format('woff2'),
    url(../fonts/Roboto-Black.woff) format('woff'),
    url(../fonts/Roboto-Black.otf) format('opentype');
    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,font,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:'Roboto', 'NotoSansKR', sans-serif;
    box-sizing:border-box;
    font-size:15px;
    font-weight:400;
    color:#000;
    word-break: keep-all;
}
: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:100%;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}
/* **************************************** *
 * Z-INDEX
 * **************************************** */
.pop-overlay{z-index:6000;}
.popup{z-index:6000;}
.popup-media{z-index:6000;}
header{z-index:5000;}
header .menu{z-index:5000}
header .btn-menu{z-index:5001}
header .menu .mo-title{z-index:4600;}
header .menu:after{z-index:4500}
header .menu-box{z-index:5000}
.side-group{z-index:4000;}
.sub .lnb{z-index:3500}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    header .btn-srch.on{z-index:6000;}
    .srch-box:before{z-index:5500;}
    .srch-box .inner{z-index:5000;}
}


.fw300 {font-weight:300 !important; line-height:1.8rem;}
.fw400 {font-weight:400 !important; line-height:1.8rem; font-size:1rem !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
/* **************************************** *
 * COMMON
 * **************************************** */
/*text*/
.bg-shadow{background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important;}
.img-gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.font-white{color:#fff !important;}
.sub-tit{display:block;margin:90px 0 70px;text-align:center;font-size:50px;font-weight:800;}
.sub-tit + p{margin-top:-30px;font-size:18px;font-weight:300;text-align:center;letter-spacing:1.8px;}
.sub-tit + p span{font-size:18px;font-weight:300;color:#a97341;}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .sub-tit{margin:45px 0 30px;font-size:30px;}
    .sub-tit + p{margin-top:-20px;font-size:14px;letter-spacing:0;}
    .sub-tit + p span{font-size:14px;}
}
/*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;}
::-webkit-input-placeholder { color:#ccc !important;}
::-moz-placeholder { color:#ccc !important;}
:-ms-input-placeholder {color:#ccc !important;}
:-moz-placeholder { color:#ccc !important;}
input::placeholder{color:#ccc !important;}

select::-ms-expand {display:none;}
select{display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;vertical-align:top;}
.select-ty{position:relative;display:inline-block;width:140px;vertical-align:top;}
.select-ty a.active + ul{z-index:200}
.select-ty a{display:inline-block;padding:0 20px 0 6px;width:100%;height:52px;line-height:50px;border-bottom:2px solid #000;font-size:16px;font-weight:500;letter-spacing:0.5px;background:url("/images/i_arrow3_black.png") calc(100% - 5px) center no-repeat;background-size:8px auto;background-image:url("/images/i_arrow3_black.svg")  }
.select-ty ul{display:none;position:absolute;top:42px;left:0;width:100%;border:2px solid #000;background:#fff;z-index:100}
.select-ty li{padding:10px 10px;min-height:42px;white-space:normal;font-size:14px;font-weight:300;cursor:pointer;transition:all .2s ease-in-out}
.select-ty li:hover{background:#f8f8f8}
.select-ty li.on{font-weight:500;}
.select-ty.v1{width:190px;}
.select-ty.v2{width:140px;margin-left:10px;}
.select-ty.v2 a{height:40px;line-height:20px;font-size:14px;border:0;letter-spacing:0;background-position:calc(100% - 5px) 8px; }
.select-ty.v2 ul{top:40px;}
.select-ty2{display:inline-block;padding:0 20px 0 6px;height:40px;line-height:40px;width:140px;font-size:14px;font-weight:500;background:url("/images/i_arrow3_black.png") calc(100% - 5px) center no-repeat;background-size:8px auto;background-image:url("/images/i_arrow3_black.svg")}
.select-ty.v2 + .select-ty.v2 ul{left:auto;right:0}

.select-ty3{margin-left:12px;position:relative;display:inline-block;width:190px;vertical-align:top;}
.select-ty3 a.active + .scroll-y{z-index:200;overflow-y:auto;}
.select-ty3 a{display:inline-block;padding:0 20px 0 6px;width:100%;height:52px;line-height:50px;border-bottom:2px solid #000;white-space:nowrap;font-size:16px;font-weight:500;letter-spacing:0.8px;background:url("/images/i_arrow3_black.png") calc(100% - 5px) center no-repeat;background-size:8px auto;background-image:url("/images/i_arrow3_black.svg")  }
.select-ty3 .scroll-y{display:none;overflow:hidden;max-height:424px;position:absolute;top:50px;right:0;width:100%;border:2px solid #000;background:#fff;z-index:100}
.select-ty3 li{padding:10px 10px;min-height:42px;font-size:14px;font-weight:300;cursor:pointer;transition:all .2s ease-in-out}
.select-ty3 li:hover{background:#f8f8f8}
.select-ty3 li.on{font-weight:500;}
.select-ty3 .mCSB_scrollTools{width:10px;opacity:1;filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.select-ty3 .mCSB_scrollTools .mCSB_draggerContainer{width:2px;top:10px;bottom:10px;background:#c3c2c9;}
.select-ty3 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.select-ty3 .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.select-ty3 .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.select-ty3 .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#a97341;width:2px;}
.select-ty3.v1 a{border-bottom:0;height:40px;line-height:20px;font-size:14px;border:0;letter-spacing:0;background-position:calc(100% - 5px) 8px; }
.select-ty3.v1 .scroll-y{top:40px;}

@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .select-ty,
    .select-ty.v1{width:100%;margin-top:10px;}
    .select-ty a{padding-right:30px;height:42px;line-height:40px;font-size:13px;letter-spacing:0.65px;background-position:calc(100% - 13px) center;}
    .select-ty ul{top:40px;}
    .select-ty li{font-size:13px;}
    .select-ty.v2{margin-bottom:0;}
    .select-ty3.v1{width: calc(50% - 5px);margin-left:10px;margin-top:10px;}
    .select-ty3.v1 a{font-size:13px;letter-spacing:0.65px;}
    .select-ty3.v1 .scroll-y{left:auto;right:0;}

    .select-ty3{margin-left:0;width:100%;margin-top:10px;}
    .select-ty3 a{padding-right:30px;height:42px;line-height:40px;font-size:13px;letter-spacing:0.65px;background-position:calc(100% - 13px) center;}
    .select-ty3 .scroll-y{top:40px;}
    .select-ty3 li{font-size:13px;}
}
.srch-ty{position:relative;display:inline-block;padding:0 40px 0 6px;width:190px;height:52px;line-height:50px;border-bottom:2px solid #000;}
.srch-ty input{display:block;width:100%;height:50px;line-height:50px;font-size:16px;font-weight:500;letter-spacing:0.8px;}
.srch-ty .btn-srch{display:block;position:absolute;right:0;bottom:0;width:40px;height:50px;background:url("/images/i_search_black.png")center center no-repeat;background-size: 26px auto;background-image:url("/images/i_search_black.svg")}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .srch-ty{width:100%;margin-top:10px;height:42px;line-height:40px;}
    .srch-ty input{height:40px;line-height:40px;font-size:13px;letter-spacing:0.65px;}
    .srch-ty .btn-srch{width:30px;height:40px;background-size:22px auto; }

}
/*video*/
.vjs-poster{background-size:auto 100%;}
.video-js,
.vjs_video_3-dimensions{overflow:hidden;position:absolute;top:0;left:0;width:100%;}
.video-js .vjs-tech{width:auto;left:50%;transform: translateX(-50%)}
.video-js .vjs-volume-panel, .video-js .vjs-time-control, .video-js .vjs-fullscreen-control, .video-js .vjs-picture-in-picture-control{display:none;}
.video-js .vjs-progress-control .vjs-mouse-display{white-space:nowrap}
.video-js .vjs-control-bar{height:auto;}
.video-js .vjs-progress-control .vjs-progress-holder{margin:0}
.video-js .vjs-control-bar, .video-js .vjs-slider, .video-js .vjs-load-progress, .video-js .vjs-load-progress div{background:transparent; }
.video-js .vjs-play-progress{background:#a97341; }
.video-js .vjs-play-progress:before{display:none;}
.video-js .vjs-big-play-button, .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus{background-color:transparent;transition:none;}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1}

.video-js .vjs-big-play-button{position:absolute;top:auto;bottom:60px;left:50%;;width:104px;height:42px;border:0;border-radius:0;}
.video-js .vjs-play-control{position:absolute;bottom:60px;left:50%;width:104px;height:42px;}
.video-js .vjs-play-control.vjs-playing{background:url("/images/stop_off.svg") calc(100% - 16px) center no-repeat;background-size:11px auto;}
.video-js .vjs-play-control.vjs-playing:before{content:'';display:block;position:absolute;top:0;left:0;width:42px;height:42px;border:2px solid #fff;border-radius:100%;background:url("/images/play_off.svg") calc(50% + 2px) center no-repeat;background-size:18px auto}
.video-js .vjs-play-control.vjs-playing span{display:none;}
.video-js .vjs-play-control.vjs-paused{background:url("/images/stop_off.svg") calc(100% - 16px) center no-repeat;background-size:11px auto;}
.video-js .vjs-play-control.vjs-paused:after{content:'';display:block;position:absolute;top:0;right:0;width:42px;height:42px;border:2px solid #fff;border-radius:100%;}
.video-js .vjs-big-play-button:before, .video-js .vjs-play-control.vjs-paused:before{content:'';display:block;position:absolute;top:0;left:0;width:42px;height:42px;background:url("/images/play_off.svg") calc(50% + 2px) center no-repeat;background-size:18px auto}
.video-js .vjs-big-play-button span, .video-js .vjs-play-control.vjs-paused span{display:none;width:42px;height:42px;}
.video-js .vjs-play-control.vjs-playing .vjs-control-text{display:block;position:absolute;top:0;right:0;width:42px;height:42px;font-size:0;opacity:0;border:2px solid #fff;border-radius:100%;clip:auto;transition:all .2s ease-in-out;}
.video-js .vjs-play-control.vjs-playing:hover .vjs-control-text{opacity:1;}
.video-js .vjs-play-control.vjs-paused .vjs-control-text{display:block;position:absolute;top:0;left:0;width:42px;height:42px;font-size:0;opacity:0;border:2px solid #fff;border-radius:100%;clip:auto;transition:all .2s ease-in-out;}
.video-js .vjs-play-control.vjs-paused:hover .vjs-control-text{opacity:1;}
@media (max-width: 1023px){
    .video-js .vjs-big-play-button{bottom:20px;left:auto;right:20px;width:90px;height:36px;}
    .video-js .vjs-play-control{bottom:20px;left:50%;width:90px;height:36px;}
    .video-js .vjs-play-control.vjs-playing{background-position: calc(100% - 13px) center;background-size:11px auto;}
    .video-js .vjs-play-control.vjs-playing:before{width:36px;height:36px;background-position:calc(50% + 2px) center;background-size:16px auto}
    .video-js .vjs-play-control.vjs-paused{background-position: calc(100% - 13px) center;background-size:11px auto;}
    .video-js .vjs-play-control.vjs-paused:after{width:36px;height:36px;}
    .video-js .vjs-big-play-button:before, .video-js .vjs-play-control.vjs-paused:before{width:36px;height:36px;background-position:calc(50% + 2px) center;background-size:16px auto}
    .video-js .vjs-big-play-button span, .video-js .vjs-play-control.vjs-paused span{width:36px;height:36px;}
    .video-js .vjs-play-control.vjs-playing .vjs-control-text{width:36px;height:36px;}
    .video-js .vjs-play-control.vjs-paused .vjs-control-text{width:36px;height:36px;}
}

/*swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.swiper-pagination{font-size:0;}
.swiper-pagination-bullet{width:13px;height:13px;border-radius:0;background:#fff;opacity:1;border-radius:50%;}
.swiper-pagination-bullet-active{background:#a97341;}
.swiper-pagination-progressbar{background:transparent;}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto; bottom:0;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#a97341;}
/* 프로그래스바 */
.swiper-progress-bar{height: 4px; position: absolute; bottom: 0; left: 0; width:100%; background: transparent;}
.swiper-progress-bar .progress{ height: inherit; left: 0; top: 0; position: absolute; background: #a97341; z-index: 1; overflow: visible !important;}

/*A scroll*/
.ui-widget-content{margin-top:10px;height:2px;border:0;background:#c3c2c9; }
.ui-widget-header{background:transparent;}
.ui-widget-header:before{display:block;content:'';width:calc(100% - 5px);height:100%;background:#000;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{border:0;border-radius:0;top:-7px;width:15px;height:15px;background:url("/images/re_i.png")0 0 no-repeat;background-size:contain;background-image:url("/images/re_i.svg");cursor:pointer;}
.ui-slider .ui-slider-range {transition: .2s width;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {transition: .2s left; }
/*scroll-y*/
.mCSB_scrollTools{width:4px;}
.mCSB_inside > .mCSB_container{margin-right:0;}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,0)}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; }

/*button*/
.lnk-ty1{position:relative;display:inline-block;font-size:14px;line-height:24px;letter-spacing:0px;font-weight:500;padding-right:23px;vertical-align:top;white-space:nowrap;}
.lnk-ty1:after{content:'';position:absolute;right:0;top:0;display:inline-block;width:17px;height:24px;background:url("/images/i_arrow_black.png")right center no-repeat;background-size:auto 9px;transition: all .15s ease-in-out;}
.lnk-ty1:hover:after{right:-17px;width:34px;}
.lnk-ty2{position:relative;display:inline-block;font-size:14px;line-height:24px;letter-spacing:0.7px;font-weight:400;padding-right:23px;vertical-align:top;color:#fff;white-space:nowrap;}
.lnk-ty2:after{content:'';position:absolute;right:0;top:0;display:inline-block;width:17px;height:24px;background:url("/images/i_arrow_white.png")right center no-repeat;background-size:auto 9px;transition: all .15s ease-in-out;}
.lnk-ty2:hover:after{right:-17px;width:34px;}
.lnk-ty3{position:relative;display:inline-block;font-size:14px;line-height:24px;letter-spacing:0.7px;font-weight:400;padding-right:23px;vertical-align:top;color:#a97341;white-space:nowrap;}
.lnk-ty3:after{content:'';position:absolute;right:0;top:0;display:inline-block;width:17px;height:24px;background:url("/images/i_arrow_red.png")right center no-repeat;background-size:auto 9px;transition: all .15s ease-in-out;}
.lnk-ty3:hover:after{right:-17px;width:34px;}


.btn-line-ty1{position:relative;display:inline-block;padding: 0 35px;height:60px;line-height:60px;text-align:center;min-width:180px;white-space:nowrap;}
.btn-line-ty1 span{font-size:14px;letter-spacing:0.35px;font-weight:300;color:#fff;}
.btn-line-ty1:before{ display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;border-bottom:2px solid #fff;transition: all .15s ease-in-out;box-sizing:border-box; }
.btn-line-ty1:after{transform-origin: 0 100%; display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;border-left:2px solid #fff;border-right:2px solid #fff;box-sizing:border-box;}
.btn-line-ty1 span:before{transform-origin: 0 0; display:block;content:'';position:absolute;bottom:0;left:0;width:50%;height:100%;border-top:2px solid #fff;box-sizing:border-box; }
.btn-line-ty1 span:after{transform-origin: 100% 50%; display:block;content:'';position:absolute;bottom:0;left:50%;width:50%;height:100%;border-top:2px solid #fff;box-sizing:border-box; }
.btn-line-ty1 .arrow{position:relative;display:inline-block;vertical-align:top;margin-left:9px;margin-top:25px;width: 17px;height:9px;}
.btn-line-ty1 .arrow:before{content:'';display:block;position:absolute;top:0;left:0;width: 17px;height:9px;background:url("/images/i_arrow_white.png")right 0 no-repeat;background-size:auto 9px; transition:all .2s ease-in-out;}
.btn-line-ty1:hover .arrow:before{width:30px;}
.btn-line-ty1.v1 span{color:#000;}
.btn-line-ty1.v1:before,
.btn-line-ty1.v1:after,
.btn-line-ty1.v1 span:before,
.btn-line-ty1.v1 span:after{border-color:#000;}
/*button hover*/
@keyframes btnOpacity{
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes btnAniX{
    0%{
        opacity:1;
        transform:scaleX(0) ;
    }
    100% {
        opacity:1;
        transform:scaleX(1);
    }
}
@keyframes btnAniY{
    0%{
        opacity:1;
        transform:scaleY(0) ;
    }
    100% {
        opacity:1;
        transform:scaleY(1);
    }
}
.btn-line-ty1.ani:before{opacity:0;animation:btnAniX .15s 1;animation-delay:.15s; animation-fill-mode:forwards;}
.btn-line-ty1.ani:after{opacity:0;animation:btnAniY .15s 1;animation-delay:.3s;animation-fill-mode:forwards;}
.btn-line-ty1.ani span:before{opacity:0;animation:btnAniX .15s 1;animation-delay:.45s;animation-fill-mode:forwards;}
.btn-line-ty1.ani span:after{opacity:0;animation:btnAniX .15s 1;animation-delay:.45s;animation-fill-mode:forwards;}
@media (min-width: 1367px) {
    /*pc hover*/
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .lnk-ty1{font-size:13px;}
    .lnk-ty3{font-size:13px;}
    .btn-line-ty1{padding: 0 25px;height:51px;line-height:51px;min-width:150px}
    .btn-line-ty1 .arrow{margin-top:22px;}
}
/*page-nav*/
.page-nav{margin-top:50px;display:block;text-align:center;font-size:0;}
.page-nav a{display:inline-block;width:auto;height:40px;line-height:40px;font-size:16px;color:#000;font-weight:300;vertical-align:top;}
.page-nav .btn-prev{width:40px;background:url("/images/i_arrow7.png")center center no-repeat;background-size:9px 16px;}
.page-nav .btn-next{width:40px;background:url("/images/i_arrow7.png")center center no-repeat;background-size:9px 16px;transform:rotate(180deg)}
.page-nav .btn-first{width:40px;background:url("/images/i_arrow8.png")center center no-repeat;background-size:17px 16px;}
.page-nav .btn-last{width:40px;background:url("/images/i_arrow8.png")center center no-repeat;background-size:17px 16px;transform:rotate(180deg)}
.page-nav ul{display:inline-block;font-size:0;padding:0 20px;white-space:nowrap;}
.page-nav ul li{display:inline-block;margin:0 20px;text-align:center;vertical-align:top;}
.page-nav ul li a{position:relative;padding:0 3px;font-size:16px;text-align:center;}
.page-nav ul li a.active{color:#cc1b38;border-bottom:2px solid #cc1b38;font-weight:400;}
@media (min-width: 1367px){
    .page-nav ul li a:hover{font-weight:400;}
}
@media (max-width: 800px){/*mobile(ipad 세로 ~ 모바일)*/
    .page-nav{margin-top:20px;}
    .page-nav .btn-first,
    .page-nav .btn-last{display:none;}
    .page-nav ul{width:calc(100% - 80px);overflow:hidden;padding:0;}
    .page-nav ul li{margin:0;width:20%;}
    .page-nav ul li a{font-size:13px;}
}


/*mark*/
.mark-group{display:inline-block;font-size:0;height:46px;image-rendering:-webkit-optimize-contrast;}
.mark-group img{display:inline-block;width:auto;height:46px;margin-left:4px;}
.mark-group.v1{width:50px;}
.mark-group.v1 img{margin-top: 4px;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .mark-group{height:37px;}
    .mark-group img{height:37px;margin-left:3px; }
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .mark-group{height:30px;}
    .mark-group img{height:30px;margin-left:4px;}
}

/*other*/
.body-wrap{min-height:100vh;position:relative;overflow:hidden;padding:100px 0 318px;}
.body-wrap.v1{padding-top:169px;}
.flex-center{position:relative;height:100%;display:flex;justify-content: center;align-items: center;}
.wrap{position:relative;width:1200px;margin:0 auto;font-size:0;}
.pop-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
@media (min-width: 1367px){
    .scroll-y{overflow:hidden}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .body-wrap{padding:100px 0 318px;}
    .body-wrap.v1{padding-top:169px;}
    .wrap{width:100%;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .body-wrap{padding:60px 0 382px;}
    .body-wrap.v1{padding-top:99px;}
}
/* **************************************** *
 * HEADER, FOOTER
 * **************************************** */
/*=== header ===*/
header{position:fixed;top:0;left:0;width:100%;height:99px;background:#fff;transition:all .15s ease-in-out}
header .mo{display:none;}
header:before{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);z-index:1000}
header h1{position:absolute;left:100px;top:30px; width:200px;height:40px;z-index:5000;}
header h1 a{display:block;width:100%;height:100%;background:url("/images/logo2.svg")0 0 no-repeat;background-size:contain;background-image:url("/images/logo2.svg")0 0 no-repeat;;}
header .btn-menu{position:absolute;top:36px;left:40px; width:30px;height:30px;}
header .btn-menu span{display:block;position:absolute;top:14px;left:0;width:22px;height:2px;background:#000;transition:all .3s ease-in-out}
header .btn-menu span:before{content:'';display:block;position:absolute;top:-10px;left:0;width:30px;height:2px;background:#a97341;transition:all .3s ease-in-out;z-index:100;}
header .btn-menu span:after{content:'';display:block;position:absolute;top:10px;left:0;width:22px;height:2px;background:#000;transition:all .3s ease-in-out}

header .btn-menu.on span{transform:rotate(-135deg);top:14px;width:30px;}
header .btn-menu.on span:before{transform:rotate(90deg);top:0;width:30px;}
header .btn-menu.on span:after{transform:rotate(-180deg);top:0;width:30px;}
header .menu-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;}
header .menu-box .wrap{padding:143px 0 100px 0;}
header .mCSB_scrollTools{right:calc(50% - 640px)}
header .menu ul{position:relative;}
header .menu .depth1>li{position:relative;padding:35px 0;border-bottom:1px solid rgba(0,0,0,0.6);font-size:0;}
header .menu .depth1>li:first-child{border-top:1px solid rgba(0,0,0,0.6);}
header .menu .depth1>li>a{display:inline-block;width:200px;font-weight:700;font-size:32px;vertical-align:top;}
header .menu .depth1>li:before{display:block;content:'';position:absolute;top:0;left:0;width:191px;height:3px;background:#000;transition:all .2s ease-in-out;opacity:0;}

header .menu .depth2{display:inline-block;width:calc(100% - 200px);vertical-align:top;font-size:0;}
header .menu .depth2>li{display:inline-block;width:200px;vertical-align:top;}
header .menu .depth2>li>a{display:inline-block;margin-top:7px;font-size:18px;font-weight:500;}
header .menu .depth2>li:nth-child(6){position:absolute;top:55px;left:0 }/*activo*/
header .menu .depth2>li .i_link{display:inline-block;margin-left:20px;width:15px;height:15px;background:url("/images/i_link.png")0 0 no-repeat;background-size:contain;background-image:url("/images/i_link.svg");}

header .menu .depth3{margin-top:13px;}
header .menu .depth3>li{position:relative;width:110px;}
header .menu .depth3>li>a{display:inline-block;line-height:36px;font-weight:300;font-size:15px;letter-spacing:-0.15px;}
header .menu .depth3>li>a.on{color:#cb3434;}

header .menu .depth4{display:none;position:absolute;top:0;left:100px;width:90px;margin-top:7px;letter-spacing:-0.12px;}
header .menu .depth4:before{content:'';display:block;position:absolute;top:7px;left:-25px;width:4px;height:7px;background:url("/images/i_arrow2.png")0 0 no-repeat;background-size:contain;}
header .menu .depth4.on{display:block;z-index:100;}
header .menu .depth4 a{display:block;overflow:hidden;font-size:12px;line-height:24px;height:24px;color:#888;white-space:nowrap;text-overflow:ellipsis;}
/*조정*/
header .menu .depth3>li:nth-child(3) .depth4:before{top:auto;bottom:80px;}
header .menu .depth3>li:nth-child(4) .depth4:before{top:auto;bottom:45px;}
header .menu .depth3>li:nth-child(5) .depth4:before{top:auto;bottom:9px;}
header .menu .depth3>li:nth-child(3) .depth4{min-height:95px;top:auto;bottom:-67px;}
header .menu .depth3>li:nth-child(4) .depth4{min-height:60px;top:auto;bottom:-31px;}
header .menu .depth3>li:nth-child(5) .depth4{min-height:24px;top:auto;bottom:5px;}

header .menu .depth2>li:nth-child(3) .depth4{left:120px;width:60px;}
header .menu .depth2>li:nth-child(4) .depth4{left:120px;width:60px;}
header .menu .depth2>li:nth-child(5) .depth4{left:120px;width:60px;}
header .menu .depth2>li:nth-child(3) .depth4:before{left:-20px}
header .menu .depth2>li:nth-child(4) .depth4:before{left:-12px}
header .menu .depth2>li:nth-child(5) .depth4:before{left:-25px}

/*gnb*/
header .gnb{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
header .gnb ul{display:none;}
header .gnb .depth1{display:block;width:880px;margin:0 auto;font-size:0;text-align: center}
header .gnb .depth1>li{position:relative;display:inline-block;vertical-align:top;text-align:center;}
header .gnb .depth1>li:nth-child(1){width:163px;}
header .gnb .depth1>li:nth-child(2){width:186px;}
header .gnb .depth1>li:nth-child(3){width:161px;}
header .gnb .depth1>li:nth-child(4){width:184px;}
header .gnb .depth1>li:nth-child(5){width:185px;}
header .gnb .depth1>li>a{display:inline-block;width:100%;height:99px;line-height:99px;font-size:16px;letter-spacing:0.8px;text-align:center;white-space:nowrap;}
header .gnb .depth1>li>a:before{display:block;content:'';width:100%;position:absolute;bottom:0;left:50%;height:2px;background:#a97341;opacity:0;transition:all .3s ease-in-out}
header .gnb .depth1>li:nth-child(1)>a:before{width:51px;margin-left:-25px;}
header .gnb .depth1>li:nth-child(2)>a:before{width:75px;margin-left:-37px;}
header .gnb .depth1>li:nth-child(3)>a:before{width:51px;margin-left:-25px;}
header .gnb .depth1>li:nth-child(4)>a:before{width:74px;margin-left:-37px;}
header .gnb .depth1>li:nth-child(5)>a:before{width:75px;margin-left:-37px;}
header .gnb .depth2{display:none;position:absolute;top:99px;left:0;padding:24px 0;width:100%;background:#fff;box-sizing:content-box;}
header .gnb .depth2>li{height:30px;line-height:30px;width:100%;text-align:center;}
header .gnb .depth2>li>a{display:inline-block;height:30px;line-height:30px;font-size:14px;letter-spacing:0.7px;color:#393939;font-weight:300;}
header .btn-srch{display:block;position:absolute;top:39px;right:40px;width:24px;height:24px;background:url("/images/i_search_black.png") 0 0 no-repeat;background-size:contain;background-image:url("/images/i_search_black.svg");font-size:0;z-index:100;}
header .btn-srch.on{background:url("/images/btn_close.png") 0 0 no-repeat;background-size:contain;background-image:url("/images/btn_close.svg"); }
header.dark{background:rgba(0,0,0,0.1)}
header.dark:before{background:rgba(255,255,255,0.1)}
header.dark .btn-menu span{background:#fff;}
header.dark .btn-menu span:after{background:#fff;}
header.dark .btn-menu.on span{background:#000;}
header.dark .btn-menu.on span:after{background:#000;}
header.dark h1 a{background:url("/images/logo.png")0 0 no-repeat;background-size:contain;background-image:url("/images/logo.svg");}
header.dark .gnb .depth1>li>a{color:#fff;}
header.dark .btn-srch{background:url("/images/i_search_white.png") 0 0 no-repeat;background-size:contain;background-image:url("/images/i_search_white.svg"); }
header.dark .btn-srch.on{background:url("/images/btn_close.png") 0 0 no-repeat;background-size:contain;background-image:url("/images/btn_close.svg");}


.srch-box .inner{display:none;position:fixed;top:0;left:0;width:100%;padding:154px 0 60px;background:#fff;}
.srch-box .wrap{width:796px;}
.srch-box .top{position:relative;}
.srch-box input{display:block;padding-right:50px;width:100%;height:52px;line-height:52px;border-bottom:2px solid #222;font-size:24px;font-weight:500;color:#000;}
.srch-box .btn-srch2{display:inline-block;position:absolute;top:10px;right:0;width:24px;height:24px;background:url("/images/i_search_black.png")0 0 no-repeat;background-size:contain;background-image:url("/images/i_search_black.svg");}
.srch-box .keyword{position:relative;padding-left:202px;margin-top:30px;}
.srch-box .keyword strong{position:absolute;top:10px;left:0;display:block;line-height:30px;font-size:16px; font-weight:400;white-space:nowrap;}
.srch-box .keyword ul{font-size:0;}
.srch-box .keyword li{display:inline-block;margin-right:10px;margin-top:10px;vertical-align:top;}
.srch-box .keyword li a{display:inline-block;padding:0 18px;height:30px;line-height:30px;border-radius:15px;font-weight:300;font-size:14px;border:1px solid #bbb;transition:all .2s ease-in-out;white-space:nowrap;}
.srch-box .keyword li a:hover{box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.srch-box .result{margin-top:45px;font-size:0;min-height:315px;}
.srch-box .result .list{display:inline-block;width:392px;vertical-align:top;}
.srch-box .result .list.v1{margin-left:12px;}
.srch-box .result .list .total{position:relative;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,0.1) }
.srch-box .result .list .total strong{font-size:16px;}
.srch-box .result .list .total a{display:block;padding-right:20px;position:absolute;top:2px;right:10px;font-size:12px;font-weight:300;letter-spacing:0.3px;background:url("/images/i_plus2.png")right center no-repeat;background-size:9px auto; }
.srch-box .result .list .total a:hover{font-weight:400;transition:all .2s ease-in-out;}
.srch-box .result .list ul{margin-top:20px;}
.srch-box .result .list li{margin-top:10px;}
.srch-box .result .list li a{position:relative;display:block;padding-left:100px;height:80px;font-size:0;}
.srch-box .result .list.v1 li a{padding-left:0;}
.srch-box .result .list li a .img{overflow:hidden;position:absolute;top:0;left:0;display:inline-block;width:80px;height:80px;vertical-align:top;background:#f1f1f1 }
.srch-box .result .list li:first-child{margin-top:0}
.srch-box .result .list li strong{padding-top:16px;display:block;font-size:18px;font-weight:400}
.srch-box .result .list li p{display:block;margin-top:8px;}
.srch-box .result .list li p span{display:inline-block;padding-left:15px;font-size:14px;color:#888;font-weight:300;background:url("/images/i_arrow4.png")6px center no-repeat;background-size:4px auto;}
.srch-box .result .list li p span:first-child{padding:0;background:transparent}
.srch-box .result .list li a:hover strong{font-weight:500;transition:all .2s ease-in-out;}
.srch-box .result .list li a:hover p span{color:#000;transition:all .2s ease-in-out;}
.srch-box .result .list li a:hover img{transform:scale(1.1);transition:all .2s ease-in-out;}
.srch-box .result-none{height:185px;padding-top:45px; border-bottom:1px solid rgba(0,0,0,0.1)}
.srch-box .result-none strong{display:block;text-align:center;font-weight:700;font-size:24px;}
.srch-box .result-none p{display:block;margin-top:20px;text-align:center;font-weight:300;font-size:16px;color:rgba(0,0,0,0.6);line-height:28px;}
.srch-box .result-none + .keyword{min-height:135px;margin-top:40px;}


@media (min-width: 1367px) {/*pc hover*/
    header .btn-menu:hover span,
    header .btn-menu:hover span:after{width:30px;}
    header .gnb .depth1>li:hover>a{color:#a97341;}
    header .gnb .depth1>li:hover>a:before{opacity:1}
    header .gnb .depth2>li>a:hover{color:#000;}
    header .menu .depth1>li:hover:before{opacity:1}
    header .menu .depth2>li>a.active,
    header .menu .depth2>li:hover>a,
    header .menu .depth2>li>a:focus{text-decoration:underline;}
    header .menu .depth3>li:hover>a,
    header .menu .depth3>li>a:focus,
    header .menu .depth4 a:hover,
    header .menu .depth4 a:focus{color:#cb3434;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    header h1{left:92px;}
    header .btn-menu{left:32px;transition:all .3s ease-in-out;}
    header .menu:after{transform:translateX(-344px);content:'';display:block;position:fixed;top:0;left:0;width:344px;height:100px;background:#fff;transition:all .3s ease-in-out; }
    header .menu.on:after{transform:translateX(0);}
    header .menu .mo-title{transform:translateX(344px);display:block;position:fixed;top:0;left:0;width:344px;height:100px;background:#fff;transition:all .3s ease-in-out;}
    header .menu .mo-title .btn-menu-back{display:block;width:30px;height:30px;position:absolute;top:36px;left:32px;background:url("/images/btn_back.png")center center no-repeat;background-size:26px auto;}
    header .menu .mo-title h2{display:inline-block;margin-left:82px;margin-top:36px;width:calc(100% - 142px);font-size:24px;font-weight:500; }
    header .menu-box{transform:translateX(-344px);display:block;width:344px;overflow-y:auto;overflow-x:hidden;transition:all .3s ease-in-out;}
    header .menu-box.on{transform:translateX(0);}
    header .menu-box .wrap{padding:100px 32px;}
    header .menu .depth1{transform:translateX(0);transition:all .3s ease-in-out;}
    header .menu .depth1>li{position:relative;padding:22px 0;}
    header .menu .depth1>li:before{display:none}
    header .menu .depth1>li>a{width:100%;font-size:28px;}
    header .menu .depth1>li>a.mark:before{display:block;content:'';position:absolute;left:calc(100% - 13px);top:33px;width:13px;height:13px;background:url("/images/i_plus.png")0 0 no-repeat;background-size:contain;}
    header .menu .depth1>li>a.mark.on:before{background-image:url("/images/i_minus.png");}

    header .menu .depth2{display:none;width:100%;margin-top:5px;padding-left:9px;}
    header .menu .depth2>li{width:100%;}
    header .menu .depth2>li>a{width:auto;margin-top:0;height:40px;line-height:40px;font-size:20px;}
    header .menu .depth2>li:nth-child(6){position:static;}/*activo*/
    header .menu .depth2>li .i_link{margin-left:19px;width:13px;height:13px;}
    header .menu .depth2>li>a.mark:after{content:'';display:inline-block;margin-left:19px;margin-top:15px;width:7px;height:11px;background:url("/images/i_arrow.png")0 center no-repeat;background-size:12px auto;transform: rotate(180deg);vertical-align:top;}

    header .menu .depth3{transform:translateX(344px);margin:0;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100;overflow-y:auto;opacity:0;transition:all .5s ease-in-out;}
    header .menu .depth3.on{opacity:1;z-index:200;}
    header .menu .depth3>li{position:relative;width:100%;padding:7px 0;border-bottom:1px solid rgba(0,0,0,0.6); }
    header .menu .depth3>li:first-child{border-top:1px solid rgba(0,0,0,0.6);}
    header .menu .depth3>li>a{display:inline-block;width:100%;line-height:40px;font-weight:400;font-size:20px;letter-spacing:0;}
    header .menu .depth3>li>a.on{color:#000;}
    header .menu .depth3>li>a.mark:before{display:block;content:'';position:absolute;left:calc(100% - 13px);top:21px;width:13px;height:13px;background:url("/images/i_plus.png")0 0 no-repeat;background-size:contain;}
    header .menu .depth3>li>a.mark.on:before{background-image:url("/images/i_minus.png");}

    header .menu .depth4{display:none;position:relative;left:auto !important;top:auto !important;bottom:auto !important;width:100% !important;min-height:auto !important;padding-left:9px;margin-top:0;letter-spacing:0;}
    header .menu .depth4:before{content:'';display:none;}
    header .menu .depth4.on{display:block;z-index:100;}
    header .menu .depth4 a{display:block;overflow:hidden;font-size:16px;line-height:36px;height:36px;color:#888;white-space:nowrap;text-overflow:ellipsis;}

    header .menu.move:after,
    header .menu.move .btn-menu{transform:translateX(-334px);}
    header .menu.move .menu-box{overflow-y:hidden}
    header .menu.move .mo-title{transform:translateX(0);}
    header .menu.move .depth1{transform:translateX(-344px);}

    header .gnb{padding:0 70px 0 270px;}
    header .gnb .depth1{width:100%;}
    header .gnb .depth1>li{width:auto !important;padding:0 5%}
    header .btn-srch{right:32px;}
    .srch-box .inner{padding-top:100px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    header{height:59px}
    header h1{left:50%;top:20px;margin-left:-30px;height:22px;}

    header .btn-menu{left:20px;top:15px;}
    header .menu:after{transform:translateX(-286px);width:286px;height:60px;}
    header .menu .mo-title{transform:translateX(286px);width:286px;height:60px;}
    header .menu .mo-title .btn-menu-back{top:15px;left:20px;}
    header .menu .mo-title h2{margin-left:69px;margin-top:20px;width:calc(100% - 89px);font-size:20px;}
    header .menu-box{transform:translateX(-286px);width:286px;}
    header .menu-box .wrap{padding:60px 20px;}
    header .menu .depth1>li{position:relative;padding:14px 0;}
    header .menu .depth1>li>a{font-size:24px;}
    header .menu .depth1>li>a.mark:before{top:21px;}
    header .menu .depth2{margin-top:5px}
    header .menu .depth2>li>a{font-size:18px;}
    header .menu .depth2>li .i_link{margin-left:9px;margin-top:16px;}
    header .menu .depth2>li>a.mark:after{margin-left:9px;}
    header .menu .depth3{transform:translateX(286px);width:calc(100% + 20px);}
    header .menu .depth3>li{padding:7px 0;width:calc(100% - 20px);}
    header .menu .depth3>li>a{line-height:38px;font-size:18px;}
    header .menu .depth3>li>a.mark:before{top:19px;}
    header .menu .depth4 a{font-size:15px;}
    header .menu.move:after,
    header .menu.move .btn-menu{transform:translateX(-286px);}
    header .menu.move .depth1{transform:translateX(-286px);}

    header .gnb {display:none;}
    header .btn-srch{top:20px;right:18px;width:22px;height:22px;}
    .srch-box{position:relative;}
    .srch-box:before{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:60px;background:#fff;}
    header .btn-srch.on + .srch-box:before{display:block;}
    .srch-box .inner{width:100%;height:100%;overflow-y:scroll;padding:70px 20px 60px;}
    .srch-box .wrap{width:100%;}
    .srch-box .keyword{position:relative;padding-left:0;margin-top:30px;}
    .srch-box .keyword strong{position:static;}
    .srch-box .keyword li a{padding:0 15px;}
    .srch-box .result{margin-top:35px;}
    .srch-box .result .list{width:100%;}
    .srch-box .result .list.v1{margin-left:0;margin-top:58px;}
    .srch-box .result .list li a{min-height:80px;height:auto;}
    .srch-box .result .list li strong{padding-top:14px;}
    .srch-box .result .list li p{margin-top:7px;margin-bottom:7px;}
    .srch-box .result-none{height:auto;padding-top:40px;padding-bottom:40px;}
    .srch-box .result-none strong{word-break: keep-all;}
}

/*=== footer ===*/
footer{position:absolute;bottom:0;left:0;width:100%;height:318px;background:#000;border-top:1px solid rgba(255,255,255,0.04)}
footer .logo{position:absolute;top:100px;left:0; width:118px;height:100%;background:url("/images/logo.svg")0 0 no-repeat;background-size:contain;}
footer .inner{padding-left:220px;padding-top:100px;font-size:0;}
footer .inner a{display:inline-block;margin-right:30px;vertical-align:top;font-size:14px;color:#fff;font-weight:500;line-height:18px;letter-spacing:0.33px;white-space:nowrap;}
footer .inner p{margin-top:25px;font-size:13px;color:#fff;line-height:22px;font-weight:300;letter-spacing:0.33px;}
footer .inner2{position:absolute;top:80px;right:0;white-space:nowrap;}
footer select{display:block;color:#fff;width:160px;height:52px;line-height:50px;border:0;border-bottom:2px solid #fff;font-size:14px;font-weight:500;letter-spacing:0.7px;}
footer select{background:url("/images/i_arrow3.png") right center no-repeat;background-size:10px;}
footer .select-ty{width:160px;display:block;}
footer .select-ty a{display:block;color:#fff;width:100%;border-color: #fff;font-size:12px;background-image:url("/images/i_arrow3.png");}
footer .select-ty ul{background:#555;}
footer .select-ty li{color:#fff;}
footer .select-ty li:hover{background:#555; color:#fff;}
footer .inner2 .insta,
footer .inner2 .facebook,
footer .inner2 .youtube {display:inline-block;margin-top:43px;vertical-align:top;width:25px;height:25px;background-size:contain;background-repeat:no-repeat;background-position:0 0;}
footer .inner2 .insta{margin-left:13px;background-image:url("/images/i_instar.png");}
footer .inner2 .facebook{margin-left:32px;background-image:url("/images/i_facebook.png");}
footer .inner2 .youtube{margin-left:34px;background-image:url("/images/i_youtube.png");}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    footer{height:318px;}
    footer .logo{top:80px;left:32px;}
    footer .inner{padding-left:132px;padding-top:100px;font-size:0;}
    footer .inner2{position:absolute;top:80px;right:32px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    footer{height:382px;}
    footer .wrap{position:static;}
    footer .logo{top:40px;left:20px; width:23px;height:24px;}
    footer .inner{padding:46px 20px 0;text-align:right;}
    footer .inner a{margin-left:25px;margin-right:0;font-size:12px;letter-spacing:0.3px;}
    footer .inner p{margin-top:44px;font-size:12px;line-height:20px;letter-spacing:0.3px;text-align:left;}
    footer .inner2{position:absolute;top:auto;right:0;bottom:40px;padding:0 20px;width:100%;}
    footer select{position:absolute;bottom:0;right:20px;width:120px;height:45px;line-height:43px;}
    footer .select-ty{position:absolute;bottom:0;right:20px;width:120px;}
    footer .select-ty ul{top:auto;bottom:42px;}
    footer .inner2 .insta,
    footer .inner2 .facebook,
    footer .inner2 .youtube {width:24px;height:24px;}
    footer .inner2 .insta{margin-left:0;}
    footer .inner2 .facebook{margin-left:27px;}
    footer .inner2 .youtube{margin-left:29px;}

}
/* **************************************** *
 *  POPUP
 * **************************************** */
.pop-close{position:absolute;top:-50px;right:0;width:30px;height:30px;background:url("/images/popup_close.png")0 0 no-repeat;background-size:contain;z-index:100;}
.popup-media{position:fixed;top:0;left:0;width:100%;height:100%;}
.popup-media .overlay{display:block;}
.popup-media .pop-inner{position:absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);  z-index:100;width:800px;}
.popup-media .pop-inner img{width:100%}
.popup-media .pop-inner .youtube-area{position:relative;height:auto;padding-top:50%}
.popup-media iframe {z-index: 1;top: 0;left: 0;position: absolute;width: 100%;height: 100%;}
.popup-media{position:fixed;top:0;left:0;width:100%;height:100%;}

.popup{position:fixed;top:0;left:0;padding:180px 0 100px;width:100%;height:100vh;overflow-y: auto}
.popup .pop-overlay{z-index:100;display:block;}
.popup .pop-container{position:relative;margin:0 auto;z-index:500;width:1000px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.popup .pop-header{position:relative;width:100%;min-height:90px;;padding:29px 70px 29px 30px;}
.popup .pop-header h2{display:inline-block;font-size:24px;line-height:32px;font-weight:400;}
.popup .pop-header .pop-close{top:30px;right:30px;background:url("/images/btn_close.png") 0 0 no-repeat;background-size:contain;background-image:url("/images/btn_close.svg");}
.popup .pop-cont a,
.popup .pop-cont img{display:block}
.popup .pop-footer{position:relative;width:100%;height:60px;}
.popup .check1{position:absolute;top:20px;right:30px;}
.popup.sm-ty{text-align:center;}
.popup.sm-ty .pop-container{display:inline-block;margin:0 6px;vertical-align:top;width:392px;text-align:left;}
.popup.sm-ty .pop-container + .pop-container{margin-top:200px;}
.popup.sm-ty .pop-container + .pop-container + .pop-container{margin-top:400px;}
/*check*/
.check1{position: relative;display:inline-block; height:20px;line-height:20px;vertical-align: top;white-space:nowrap;}
.check1 input[type="checkbox"]{position:absolute;top:0;left:0;width:1px;height:1px;}
.check1 input[type="checkbox"] + label{display:inline-block;vertical-align:top;white-space:nowrap;padding-left:30px;height:20px;line-height:20px;font-size:14px;color:rgba(0,0,0,0.8);font-weight:300;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.check1 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;border-radius:30px;width:20px;height:20px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.check1 input[type="checkbox"]:checked + label:before{border-color:#a97341;background:#a97341 url("/images/chk.png")center center  no-repeat;background-size:12px auto }

.popup.germany {padding:0}
.pop_germany {width:97%; margin:0 auto; padding:25px 0; font-size:18px; line-height:1.5; border-top:1px solid #a97341; border-bottom:1px solid #ccc}
.pop_btn  {display:inline-block;padding:0 18px;height:30px;line-height:30px;border-radius:15px;font-weight:300;font-size:14px;border:1px solid #a97341;color:#a97341;transition:all .2s ease-in-out;white-space:nowrap;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .pop-close{right:32px;}
    .popup-media .pop-inner{left:0;transform: translateX(0) translateY(-50%);width:100%;padding:0 32px;}
    .popup-media .pop-inner img{width:100%}
    .popup-media .pop-inner video{width:100%}
    .popup{padding:255px 0 100px;}
    .popup .pop-container{width:960px;}
    .popup.sm-ty{text-align:center;}
    .popup.sm-ty .pop-container{zoom:0.8}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .pop-close{right:20px;}
    .popup-media .pop-inner{top:150px;transform: translateX(0) translateY(0);padding:0 20px;}

    .popup{padding:145px 0 50px;}
    .popup .pop-container{width:320px;}
    .popup .pop-header{position:relative;width:100%;min-height:70px;padding:20px 70px 20px 19px;}
    .popup .pop-header h2{font-size:20px;line-height:28px;}
    .popup .pop-header .pop-close{top:20px;right:20px;}
    .popup .check1{position:absolute;top:20px;right:20px;}
    .popup.sm-ty .pop-container{position:absolute;top:145px;left:calc(50% - 160px);margin:0;width:320px;zoom:1;}
    .popup.sm-ty .pop-container + .pop-container{margin-top:0;}
    .popup.sm-ty .pop-container + .pop-container + .pop-container{margin-top:0;}

}

/* **************************************** *
 *  SIDE
 * **************************************** */
.side-group{position:fixed;bottom:40px;right:40px;transition:all .3s ease-in-out;}
.side-group .quick{position:absolute;bottom:112px;right:0;}
.side-group .quick .btn-star{position:absolute;top:0;right:0;width:52px;height:52px;border-radius:26px;background:#a2835c url("/images/i_star.png")center center no-repeat;background-size:27px auto;background-image:url("/images/i_star.svg");z-index:100;box-shadow:6px 8px 30px rgba(0,0,0,0.15);}
.side-group .quick .inner{transform-origin: 100% 0;overflow:hidden;width:52px;position:absolute;top:0;right:0;height:52px;border-radius:26px;background:#a2835c;white-space:nowrap;transition:all .3s ease-in-out;box-shadow:6px 8px 30px rgba(0,0,0,0.15);}
.side-group .quick .inner .txt{display:inline-block;padding:0 57px 0 22px;border-radius:26px;background:#a2835c;line-height:52px;font-size:15px;font-weight:300;color:#fff;transition:all .3s ease-in-out;white-space:nowrap;text-align:right;}
.side-group .quick .inner .btn-close{position:absolute;top:0;right:0;width:52px;height:52px;border-radius:26px;background:#a2835c;}
.side-group .quick .inner .btn-close:before{content:'';display:block;position:absolute;top:14px;left:26px;height:22px;width:1px;background:#fff;transform:rotate(45deg)}
.side-group .quick .inner .btn-close:after{content:'';display:block;position:absolute;top:14px;left:26px;height:22px;width:1px;background:#fff;transform:rotate(-45deg)}
.btn-top{position:absolute;bottom:0;right:0;padding-top:27px;width:52px;height:52px;font-size:13px;text-align:center;letter-spacing:1px;font-weight:300;color:#fff;border-radius:26px;background:#2a2e34 url("/images/top_arr.png")center 13px no-repeat;background-size:14px auto;background-image:url("/images/top_arr.svg");z-index:100;box-shadow:6px 8px 30px rgba(0,0,0,0.15);}
.side-group.end{bottom:336px;}
.side-group .more{position:absolute;bottom:112px;right:0;}
.side-group .more .btn-more{position:absolute;top:0;right:0;width:52px;height:52px;border-radius:26px;background:#a97341;z-index:100;box-shadow:6px 8px 30px rgba(0,0,0,0.15);}
.side-group .more .btn-more:before{content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-11px;width:1px;height:22px;background:#fff;transform: rotate(0);transition:all .2s ease-in-out;}
.side-group .more .btn-more:after{content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-11px;width:1px;height:22px;background:#fff;transform: rotate(90deg);transition:all .2s ease-in-out;}
.side-group .more .btn-more.on:before{transform: rotate(45deg);}
.side-group .more .btn-more.on:after{transform: rotate(135deg);}

.side-group .more .inner{display:none;position:absolute;bottom:10px;right:0;width:150px;padding:15px 20px;border-radius:8px; background:#fff;box-shadow:6px 8px 30px rgba(0,0,0,0.15);}
.side-group .more .inner:before{content:'';display:block;position:absolute;bottom:-5px;right:21px;width:10px;height:10px;border-radius:1px;background:#fff;transform:rotate(45deg);}
.side-group .more .inner li{position:relative;height:24px;text-align:right}
.side-group .more .inner strong{display:block;position:absolute;top:0;left:0;line-height:24px;font-size:13px;font-weight:300;color:#16171a}
.side-group .more .inner a{display:inline-block;line-height:24px;width:16px;text-align:center;font-size:13px;font-weight:300;color:#a97341}
.side-group .more .inner a:hover{font-weight:400;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .side-group.end{bottom:295px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .side-group{bottom:20px;right:20px;transform: scale(.8)}
    .side-group.end{bottom:362px;}

}



/* 기본 구조 */
.full-viewport-video {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
margin-top:-100px;


}

.full-viewport-video .swiper-container,
.full-viewport-video .swiper-slide {
  width: 100%;
  height: 100vh;
  position: relative;
}

/* 비디오 꽉 채우기 */
.full-viewport-video .video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;

}

.full-viewport-video .fullscreen-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;

}

/* 텍스트 오버레이 */
.full-viewport-video .video-caption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
  z-index: 2;
  padding: 0 20px;
}

.full-viewport-video .video-caption strong {
  display: block;
  font-size: 4vw;
  font-weight: 700;
  letter-spacing: 2px;
}

.full-viewport-video .video-caption p {
  margin-top: 1em;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.6;
}

/* 반응형 대응 */
@media (max-width: 1024px) {
  .full-viewport-video .video-caption strong {
    font-size: 6vw;
  }

  .full-viewport-video .video-caption p {
    font-size: 3.5vw;
  }
}

@media (max-width: 600px) {
  .full-viewport-video .video-caption strong {
    font-size: 7vw;
  }

  .full-viewport-video .video-caption p {
    font-size: 4vw;
  }
}



/* **************************************** *
 * MAIN
 * **************************************** */
main .video-js{width:100%;}
.main{position: relative;}
.main section{position:relative;z-index:100;overflow:hidden}
/*
.main:before{content:'';position:fixed;bottom:0;left:0;width:100%;height:1827px;background:url("/images/bg02.gif")center 0 no-repeat;background-size:cover;}

 */
.main .key-visual{width:100%;/*height:960px;*/margin-top:-100px}
.main .key-visual .swiper-slide{height:960px;}
.main .key-visual .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.main .key-visual .swiper-pagination{bottom:60px;}
.main .key-visual .video-js,
.main .key-visual .vjs_video_3-dimensions{height:960px;}
.main .key-visual .video-js .vjs-tech{height:1500px;}
.main .key-visual .vjs-poster{height:960px;}
.main .key-visual .video-js .vjs-big-play-button,
.main .key-visual .video-js .vjs-play-control{margin-left:464px}
.main .key-visual .txt{position:absolute;top:50%;left:0;width:100%;text-align:center;transform: translateY(-50%)}
.main .key-visual .txt strong{font-size:80px;font-weight:700;color:#fff;letter-spacing:2px;}
.main .key-visual .txt p{margin-top:50px;font-size:25px;font-weight:400;color:#fff;letter-spacing:0px;}


@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .main .key-visual .txt strong{font-size:92px;letter-spacing:37px;}
    .main .key-visual .txt p{margin-top:50px;font-size:28px;font-weight:400;color:#fff;letter-spacing:17px;}
    .main .key-visual .video-js .vjs-big-play-button,
    .main .key-visual .video-js .vjs-play-control{margin-left:0;left:auto;right:32px;}
    .main .key-visual .txt p{margin-top:30px;font-size:24px;letter-spacing:15px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .main .key-visual{/*height:640px;*/margin-top:-60px}
    .main .key-visual .swiper-slide{height:257px;}
    .main .key-visual .bg{background-size: auto 640px;}
    .main .key-visual .swiper-pagination{bottom:54px;left:20px;text-align:left;width:50%}
    .main .key-visual .video-js,
    .main .key-visual .vjs_video_3-dimensions{height:640px;}
    .main .key-visual .video-js .vjs-tech{height:640px;}
    .main .key-visual .vjs-poster{height:640px;}
    .main .key-visual .video-js .vjs-big-play-button,
    .main .key-visual .video-js .vjs-play-control{margin-left:0;left:auto;right:20px;bottom:40px;}
    .main .key-visual .txt strong{font-size:18px;letter-spacing:0px;}
    .main .key-visual .txt p{margin-top:10px;font-size:15px;letter-spacing:0px;}
}
/*main product-banner*/
.main .product-banner{position:relative;width:100%;height:960px;background:#fff; }
.main .product-banner .swiper-slide{height:960px;}
.main .product-banner .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.main .product-banner p{text-align:center;color:#fff;}
.main .product-banner .top-txt{position:absolute;top:65px;left:0;width:100%;font-size:18px; letter-spacing:1.8px;z-index:100}
.main .product-banner .top-txt strong{font-size:18px;letter-spacing:1.8px;font-weight:400;color:#a97341}
.main .product-banner .inner{position:absolute;top:0;left:0;padding:0 120px;width:100%;height:100%;text-align:center;}
.main .product-banner .txt1{font-size:26px;letter-spacing:1px;}
.main .product-banner .txt2{font-size:100px;font-weight:700}
.main .product-banner .txt3{width:640px;line-height:26px;margin:20px auto 0;font-size:16px;letter-spacing:0.4px;font-weight:300;word-break:keep-all;}
.main .product-banner .inner a{margin-top:60px;}
.main .product-banner .swiper-button-prev, .main .product-banner .swiper-button-next{width:100px;height:56px; background:transparent;}
.main .product-banner .swiper-button-prev{left:0;}
.main .product-banner .swiper-button-next{right:0;}
.main .product-banner .swiper-button-prev:before, .main .product-banner .swiper-button-next:before{content:'';display:block;position:absolute;top:calc(50% - 1px);left:0;width:100px;height:2px;background:#fff;box-sizing:border-box;}
.main .product-banner .swiper-button-prev:after, .main .product-banner .swiper-button-next:after{display:block;position:absolute;top:0;width:100px;white-space:nowrap;font-size:16px;color:#fff;letter-spacing:0.8px;box-sizing:border-box;}
.main .product-banner .swiper-button-prev:after{content:'Prev';padding-left:20px;left:0;}
.main .product-banner .swiper-button-next:after{content:'Next';padding-right:20px;right:0;text-align:right;}
.main .product-banner .prev-info,
.main .product-banner .next-info{display:block;position:absolute;top:40px;width:100px;font-size:15px;font-weight:300;color:#fff;letter-spacing:0.7px;opacity:0.5;transition:all .2s ease-in-out}
.main .product-banner .prev-info{padding-left:20px;left:0;}
.main .product-banner .next-info{padding-right:20px;text-align:right;right:0;}
.main .product-banner .swiper-button-prev:hover{}
.main .product-banner .swiper-button-prev:hover:before,
.main .product-banner .swiper-button-next:hover:before{transform: scaleX(1.5);transition:all .2s ease-in-out}
.main .product-banner .swiper-button-prev:hover .prev-info,
.main .product-banner .swiper-button-next:hover .next-info{opacity:1}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .main .product-banner{height:628px;}
    .main .product-banner .swiper-slide{height:628px;}
    .main .product-banner .bg{background-size: auto 628px;}
    .main .product-banner .top-txt{position:absolute;top:50px;font-size:12px; letter-spacing:1.2px;}
    .main .product-banner .top-txt strong{font-size:12px;letter-spacing:1.2px;}
    .main .product-banner .txt1{font-size:13px;letter-spacing:1.1px;}
    .main .product-banner .txt2{font-size:30px;}
    .main .product-banner .txt3{display:none;}
    .main .product-banner .inner{padding:0 60px;}
    .main .product-banner .inner a{margin-top:30px;}
    .main .product-banner .swiper-button-prev, .main .product-banner .swiper-button-next{width:60px;height:56px;}
    .main .product-banner .swiper-button-prev:before, .main .product-banner .swiper-button-next:before{width:60px;height:3px;}
    .main .product-banner .swiper-button-prev:after, .main .product-banner .swiper-button-next:after{top:0;width:60px;}
    .main .product-banner .swiper-button-prev:after{padding-left:10px;}
    .main .product-banner .swiper-button-next:after{padding-right:10px;}
    .main .product-banner .prev-info,
    .main .product-banner .next-info{top:40px;width:60px;font-size:12px;}
    .main .product-banner .prev-info{padding-left:10px;}
    .main .product-banner .next-info{padding-right:10px;}
}
/*main product*/
.main .product{position:relative;width:100%;height:650px;background:#fff;} 
.main .product .tab-ty{position:absolute;top:0;left:0;width:100%;height:86px;z-index:200;}
.main .product .tab-ty:before{content:'';display:block;position:absolute;top:0;left:0;width:calc(50% - 600px);height:86px;background:#fff;border-bottom:1px solid #e6e6e6;}
.main .product .tab-ty:after{content:'';display:block;position:absolute;top:0;right:0;width:calc(50% - 600px);height:86px;background:#fff; border-bottom:1px solid #e6e6e6;}
.main .product .tab-ty ul{position:relative;width:1200px;height:108px;margin:0 auto;z-index:100;}
.main .product .tab-ty li{display:inline-block;width:33%;border-bottom:1px solid #e6e6e6;}
/*.main .product .tab-ty li:first-child{border-left:1px solid #e6e6e6;}*/
.main .product .tab-ty li:first-child{border-bottom:1px solid #e6e6e6;}
.main .product .tab-ty a{display:block;height:86px;line-height:86px;text-align:center;color:#888;font-size:18px;font-weight:300;letter-spacing:0px;background-color:#fff;background-position:center 19px;background-repeat:no-repeat;background-size:40px auto;}
.main .product .tab-ty a.on{color:#000;background-color:transparent;font-weight:500;border-bottom:2px solid #a97341;}
.main .product .tab-cont{position:absolute;top:0;left:0;width:100%;padding-top:86px;height:100%;font-size:0;opacity:0;background-size:cover;transition:all .3s ease-in-out;background-color:#fff;}
.main .product .tab-cont.on{z-index:100;opacity:1;}
.main .product .tab-cont .wrap{position:static;}
.main .product .tab-cont .wl{position:relative;display:inline-block;margin-top:67px;width:714px;vertical-align:top;}
.main .product .tab-cont .wl .swiper-container{width:594px;height:400px;}
.main .product .tab-cont .wl .swiper-button-next,
.main .product .tab-cont .wl .swiper-button-prev{width:47px;height:47px;margin-top:-23px;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain;transition:all.2s ease-in-out;}
.main .product .tab-cont .wl .swiper-button-next{right:0;transform:rotate(180deg)}
.main .product .tab-cont .wl .swiper-button-prev{left:0;}
.main .product .tab-cont .wl .swiper-button-next.swiper-button-disabled,
.main .product .tab-cont .wl .swiper-button-prev.swiper-button-disabled{opacity:0}
.main .product .tab-cont .wl .swiper-slide img{display:block;margin:0 auto;width:auto;height:100%;}
.main .product .tab-cont .wr{display:inline-block;width:468px;padding-top:80px;padding-left:90px;vertical-align:top;}
.main .product .tab-cont .wr strong{display:block;font-size:27px;font-weight:700;}
.main .product .tab-cont .wr p{margin-top:30px;display:block;font-size:16px;font-weight:300;line-height:25px;letter-spacing:0.35px;color:#555;word-break: keep-all;}
.main .product .tab-cont .wr .btn-group{position:relative;margin-top:32px;}
.main .product .tab-cont .wr .mark-group{position:absolute;top:-6px;right:0;}
.main .product .tab-cont .wr .list{position:absolute;bottom:5px;left:calc(50% + 196px);width:calc(50% - 196px)}
.main .product .tab-cont .wr .swiper-slide{width:145px;padding-right:10px;height:185px;text-align:center;}
.main .product .tab-cont .wr .swiper-slide a{display:block;}
.main .product .tab-cont .wr .swiper-slide a span{display:block;margin-top:16px;font-size:14px;font-weight:300;color:#555;letter-spacing:0.35px;}
.main .product .tab-cont .wr .swiper-slide a.active span{font-weight:400;color:#000;}
.main .product .tab-cont .wr .swiper-slide a.active img{border:2px solid #a97341; }
.main .product .tab-cont .wr .ui-widget-content{width:392px;margin-left:10px;}
@media (min-width: 1367px){
    .main .product .tab-cont .wr .swiper-slide a:hover span{font-weight:400;color:#000;transition:all .2s ease-in-out;}
    .main .product .tab-cont .wl .swiper-button-next:before,
    .main .product .tab-cont .wl .swiper-button-prev:before{display:block;content:'';position:absolute;top:50%;margin-top:-1px;left:1px;width:0;height:2px;background:#000;transition:all.2s ease-in-out;}
    .main .product .tab-cont .wl .swiper-button-next:hover{transform: translateX(10px) rotate(180deg)}
    .main .product .tab-cont .wl .swiper-button-prev:hover{transform: translateX(-10px)}
    .main .product .tab-cont .wl .swiper-button-next:hover:before,
    .main .product .tab-cont .wl .swiper-button-prev:hover:before{width:40px;}
    .main .product .tab-ty a:hover{color:#000;font-weight:500;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .main .product{height:641px;}
    .main .product .tab-ty:before,
    .main .product .tab-ty:after{display:none;}
    .main .product .tab-ty ul{width:100%;}
    .main .product .tab-cont .wl{margin-top:90px;width:50%;}
    .main .product .tab-cont .wl .swiper-container{width:368px;height:351px;margin:0 auto;}
    .main .product .tab-cont .wl .swiper-button-next,
    .main .product .tab-cont .wl .swiper-button-prev{width:16px;height:30px;margin-top:-15px;}
    .main .product .tab-cont .wl .swiper-button-next{right:32px;}
    .main .product .tab-cont .wl .swiper-button-prev{left:32px;}
    .main .product .tab-cont .wl .swiper-button-next.swiper-button-disabled,
    .main .product .tab-cont .wl .swiper-button-prev.swiper-button-disabled{opacity:0}
    .main .product .tab-cont .wr{width:50%;padding-top:50px;padding-left:0;padding-right:32px;}
    .main .product .tab-cont .wr strong{font-size:52px;}
    .main .product .tab-cont .wr p{margin-top:20px;}
    .main .product .tab-cont .wr .btn-group{position:relative;margin-top:20px;}
    .main .product .tab-cont .wr .mark-group{top:-6px;right:0;}
    .main .product .tab-cont .wr .list{bottom:60px;left:50%;width:50%;}
    .main .product .tab-cont .wr .swiper-slide{width:140px;padding-right:27px;height:160px;text-align:center;}
    .main .product .tab-cont .wr .swiper-slide a span{margin-top:10px;}
    .main .product .tab-cont .wr .ui-widget-content{width:calc(100% - 40px);margin-left:10px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .main .product{height:670px;}
    .main .product .tab-ty ul{width:100%;height:50px;}
    .main .product .tab-ty a{width:100%;height:50px;line-height:50px;font-size:12px;letter-spacing:0.6px; }
    .main .product .tab-cont{padding-top:50px;}
    .main .product .tab-cont .wl{position:absolute;top:267px;left:0;margin-top:0;width:100%;}
    .main .product .tab-cont .wl .swiper-container{width:100%;height:204px;margin:0 auto;}
    .main .product .tab-cont .wl .swiper-button-next,
    .main .product .tab-cont .wl .swiper-button-prev{width:13px;height:24px;margin-top:-12px;}
    .main .product .tab-cont .wl .swiper-button-next{right:20px;}
    .main .product .tab-cont .wl .swiper-button-prev{left:20px;}
    .main .product .tab-cont .wr{width:100%;padding:45px 20px 0;}
    .main .product .tab-cont .wr strong{font-size:26px; line-height:30px;}
    .main .product .tab-cont .wr p{margin-top:5px;font-size:12px;line-height:22px;letter-spacing:0.3px;}
    .main .product .tab-cont .wr .btn-group{margin-top:20px;}
    .main .product .tab-cont .wr .mark-group{top:-3px;}
    .main .product .tab-cont .wr .list{bottom:60px;left:0;width:100%;}
    .main .product .tab-cont .wr .list li:first-child{padding-left:20px;width:124px;}
    .main .product .tab-cont .wr .swiper-slide{width:104px;padding-right:24px;height:120px;}
    .main .product .tab-cont .wr .swiper-slide a span{margin-top:10px;font-size:12px;}
    .main .product .tab-cont .wr .ui-widget-content{width:calc(100% - 40px);margin-left:20px;}
}


/*main brand-story*/
.main .brand-story{height:1280px;background:#fff; }
.main .brand-story h1{text-align:center;padding-top:80px;font-size:40px; font-weight:800; letter-spacing:0.8px; color:#000;}
.main .brand-story h2{transform:translateY(1120px);text-align:center;padding-top:10px;font-size:18px;letter-spacing:0px;transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.main .brand-story h2 strong{font-size:18px;letter-spacing:1.8px;color:#a97341;font-weight:400;}
.main .brand-story .mark-group{position:absolute;top:40px;left:40px;}
.main .brand-story ul{position:relative;width:1200px;margin:75px auto 0;}
.main .brand-story li{position:absolute;transform:translateY(1120px);}
.main .brand-story li:nth-child(1){top:0;left:0;width:493px;height:390px;transition: transform 2000ms .15s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.main .brand-story li:nth-child(2){top:0;right:0;width:695px;height:562px;transition: transform 2000ms .3s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.main .brand-story li:nth-child(3){top:402px;left:0px;width:493px;height:520px;transition: transform 2000ms .45s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
/*.main .brand-story li:nth-child(4){top:402px;width:493px;height:520px; transition: transform 2000ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000)}*/
.main .brand-story li:nth-child(4){top:575px;right:0px;width:695px;height:347px; transition: transform 2000ms .75s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.main .brand-story.view h2,
.main .brand-story.view li{transform:translateY(0);}

.main .brand-story li a{position:relative;overflow:hidden;display:block;width:100%;height:100%;}
.main .brand-story li .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all .2s ease-in-out;}
.main .brand-story em{display:block;position:absolute;top:35px;right:35px;font-size:14px;letter-spacing:0.35px;font-weight:400;color:#fff;word-break: keep-all;}
.main .brand-story .inner{display:block;width:100%;position:absolute;bottom:0;left:0;padding:35px 40px;vertical-align:bottom;}
.main .brand-story .inner p{font-size:16px;letter-spacing:0.4px;font-weight:300;color:#fff;opacity:0.7;word-break: keep-all;}
.main .brand-story .inner  strong{display:block;width:100%;height:29px;line-height:29px;margin-top:5px;font-size:20px;letter-spacing:0px;font-weight:500;color:#fff;word-break: keep-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.main .brand-story li:nth-child(1) em,
.main .brand-story li:nth-child(1) .inner strong,
.main .brand-story li:nth-child(1) .inner p{color:#000;}
@media (min-width: 1367px){/*pc hover*/
    .main .brand-story li a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:all .2s ease-in-out;}
    .main .brand-story li a:hover:after{opacity:0.4}
    .main .brand-story li a:hover .bg{transform:scale(1.1);}

    /*.main .brand-story li a:hover .bg{top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px)}*/
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .main .brand-story{height:990px;}
    .main .brand-story h2{padding-top:90px;}
    .main .brand-story .mark-group{top:32px;left:32px;}
    .main .brand-story ul{width:958px;margin:58px auto 0;}
    .main .brand-story li:nth-child(1){top:0;left:0;width:393px;height:393px;}
    .main .brand-story li:nth-child(2){top:0;right:0;width:554px;height:274px;}
    .main .brand-story li:nth-child(3){top:405px;left:162px;width:231px;height:231px;}
    .main .brand-story li:nth-child(4){top:286px;right:161px;width:393px;height:442px;}
    .main .brand-story em{top:30px;right:30px;}
    .main .brand-story .inner{padding:25px 30px;}
    .main .brand-story .inner p{font-size:14px;letter-spacing:0.36px;}
    .main .brand-story .inner strong{margin-top:5px;font-size:20px;letter-spacing:1px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .main .brand-story{height:auto;}
    .main .brand-story h2{padding-top:10px;}
    .main .brand-story .mark-group{top:20px;left:20px;}
    .main .brand-story ul{overflow:hidden;width:100%;margin:30px auto 0;padding:0 20px 60px;}
    .main .brand-story li{position:static;}
    .main .brand-story li:nth-child(1){width:89vw;height:63vw;transition: transform 2000ms .15s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .main .brand-story li:nth-child(2){margin-top:6px;width:100%;height:63vw;transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .main .brand-story li:nth-child(3){margin-top:6px;width:89vw;height:63vw;transition: transform 2000ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .main .brand-story li:nth-child(4){margin-top:6px;float:right;width:89vw;height:63vw;transition: transform 2000ms 1.5s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
}
@media (max-width: 450px){
	.main .brand-story h1{text-align:center;padding-top:45px;font-size:26px; font-weight:800; letter-spacing:0.8px; color:#000;}
    .main .brand-story h2{font-size:12px;letter-spacing:1.2px;}
    .main .brand-story h2 strong{font-size:12px;letter-spacing:1.2px;}
    .main .brand-story .inner{padding:18px 19px;}
    .main .brand-story .inner p{font-size:12px;letter-spacing:0.3px;}
    .main .brand-story .inner strong{height:20px;line-height:20px;margin-top:3px;font-size:14px;letter-spacing:0.7px;}
    .main .brand-story em{top:18px;right:18px;font-size:12px;}
}

.main .experience{position:relative;width:100%;height:1827px;}
.main .experience h2{position:absolute;top:590px;left:50%;margin-left:-600px;width:900px;font-size:100px;letter-spacing:10px;line-height:100px;font-weight:700;color:#fff;z-index:100;}
.main .experience .swiper-container{position:absolute;top:0;left:calc(50% - 965px);width:1762px;height:775px;}
.main .experience .swiper-wrapper{height:720px;}
.main .experience .swiper-slide{overflow:hidden;height:720px;}
.main .experience .video-js{background-color:transparent;}
.main .experience .video-js,
.main .experience .vjs_video_3-dimensions{width:100%;height:100%;}
.main .experience .video-js .vjs-play-progress{display:none;}
.main .experience .video-js .vjs-tech{width:100%;height:auto;left:auto;right:202px;transform: translateX(0)}
.main .experience .swiper-slide .bg{display:block;position:absolute;top:0;right:202px;width:calc(100% - 202px);height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.main .experience .swiper-button-prev{position:absolute;bottom:0;right:202px;left:auto;top:auto;width:190px;height:100px;background:#fff;box-shadow:12px 16px 40px rgba(0,0,0,0.2) }
.main .experience .swiper-button-next{position:absolute;bottom:0;right:0;left:auto;top:auto;width:190px;height:100px;background:#fff; box-shadow:12px 16px 40px rgba(0,0,0,0.2) }
.main .experience .swiper-button-prev .bg,
.main .experience .swiper-button-next .bg{overflow:hidden;width:100%;height:100%;background-size:cover;transition:all .2s ease-in-out;}
.main .experience .swiper-button-prev .bg div,
.main .experience .swiper-button-next .bg div{width:100%;height:100%;background-size:cover;transition:all .2s ease-in-out;}
.main .experience .swiper-button-prev .bg.vdo:before,
.main .experience .swiper-button-next .bg.vdo:before{content:'';z-index:100;display:block;position:absolute;top:50%;left:50%;margin-top:-23px;margin-left:-23px;width: 46px;height:46px;background:url("/images/play_on.png")0 0 no-repeat;background-size:contain;}
.main .experience .swiper-button-prev span,
.main .experience .swiper-button-next span{position:absolute;top:-22px;left:0;font-size:14px;font-weight:300;letter-spacing:2.8px;color:#fff;}
@media (min-width: 1367px){/*pc hover*/
    .main .experience .swiper-button-prev:hover .bg div,
    .main .experience .swiper-button-next:hover .bg div{transform: scale(1.1)}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .main .experience{height:1378px;}
    .main .experience h2{top:393px;left:32px;margin-left:0;width:520px;font-size:60px;letter-spacing:6px;line-height:60px;}
    .main .experience .swiper-container{left:0;width:100%;height:520px;}
    .main .experience .swiper-wrapper{height:480px;}
    .main .experience .swiper-slide{height:480px;}
    .main .experience .video-js .vjs-tech{right:0;min-height:480px;min-width:1200px}
    .main .experience .swiper-slide .bg{right:0;width:100%;}
    .main .experience .swiper-button-prev{right:194px;width:150px;height:79px;}
    .main .experience .swiper-button-next{right:32px;width:150px;height:79px;}
    .main .experience .swiper-button-prev .bg.vdo:before,
    .main .experience .swiper-button-next .bg.vdo:before{margin-top:-18px;margin-left:-18px;width:36px;height:36px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .main .experience{height:750px;}
    .main .experience h2{top:130px;left:20px;margin-left:0;width:calc(100% - 20px);font-size:38px;letter-spacing:3px;line-height:38px;}
    .main .experience .swiper-container{left:0;width:100%;height:300px;}
    .main .experience .swiper-wrapper{height:180px;}
    .main .experience .swiper-slide{height:180px;}
    .main .experience .video-js .vjs-tech{min-height:180px;min-width:360px}
    .main .experience .swiper-button-prev{right:129px;width:102px;height:54px;}
    .main .experience .swiper-button-next{right:20px;width:102px;height:54px; }
    .main .experience .swiper-button-prev .bg.vdo:before,
    .main .experience .swiper-button-next .bg.vdo:before{margin-top:-12px;margin-left:-12px;width:24px;height:24px;}
    .main .experience .swiper-button-prev span,
    .main .experience .swiper-button-next span{top:-20px;}
}
.rei_news{position:relative;margin-top:120px;height:670px}
.rei_news h2{margin-left:calc(50% - 600px);width:calc(50% + 600px);font-weight:700;font-size:40px;letter-spacing:0.8px;color:#fff;}
.rei_news .lnk-ty2{position:absolute;top:20px;left:calc(50% + 475px);}
.rei_news .swiper-container{margin-top:25px;padding-left:calc(50% - 600px);}
.rei_news .swiper-container li{width:505px;}
.rei_news .swiper-container li:last-child{width:517px;}
.rei_news .swiper-container li a{display:block;width:493px;}
.rei_news .swiper-container li .img{position:relative;overflow:hidden;width:493px;height:287px;background-size:cover;background-repeat:no-repeat;background-position:0 0 }
.rei_news .swiper-container li .img div{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:0 0;transition:all .2s ease-in-out;}
.rei_news .swiper-container li span{display:block;margin-top:40px;font-size:14px;letter-spacing:1.4px;color:#fff;}
.rei_news .swiper-container li strong{display:block;overflow:hidden;margin-top:10px;line-height:29px;height:29px;font-size:16px;letter-spacing:0.6px;color:#fff;opacity:0.6;font-weight:300;white-space:nowrap;text-overflow:ellipsis;transition:all .2s ease-in-out;}
.rei_news .swiper-container li p{display:-webkit-box;overflow:hidden;margin-top:7px;height:60px;font-size:13px;letter-spacing:0.33px;color:#525156;font-weight:400;line-height:20px;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;transition:all .2s ease-in-out;}
.rei_news .ui-widget-content{width:920px;margin:85px auto 0;background:#a97341;}
.rei_news .swiper-num{position:absolute;bottom:260px;left:50%;margin-left:-540px;font-size:16px;letter-spacing:1.6px;font-weight:500;color:#fff;}
.rei_news .swiper-num-all{position:absolute;bottom:260px;left:50%;margin-left:540px;font-size:16px;letter-spacing:1.6px;font-weight:500;color:#fff;}

.rei_news.v1{margin-top:0;height:740px;padding-top:120px;background:#fff;}
.rei_news.v1 .swiper-container{margin-top:0;}
.rei_news.v1 .swiper-container li span{color:#000;}
.rei_news.v1 .swiper-container li strong{color:rgba(0,0,0,1)}
.rei_news.v1 .ui-widget-content{background:rgba(0,0,0,0.1);}
.rei_news.v1 .swiper-num,
.rei_news.v1 .swiper-num-all{color:#000;bottom:141px;}

@media (min-width: 1367px){/*pc hover*/
    .rei_news .swiper-container li a .img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:all .2s ease-in-out;}
    .rei_news .swiper-container li a:hover .img:after{opacity:0.4;}
    .rei_news .swiper-container li a:hover .img div{transform:scale(1.1);}
    .rei_news .swiper-container li a:hover strong{opacity:1;}
    .rei_news .swiper-container li a:hover p{color:#888;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .rei_news{margin-top:-705px;height:705px}
    .rei_news h2{display:inline-block;width:auto;margin-left:30px;font-size:40px;letter-spacing:4px;}
    .rei_news .lnk-ty2{position:absolute;top:20px;left:auto;right:32px}
    .rei_news .swiper-container{margin-top:30px;padding-left:32px;}
    .rei_news .swiper-container li{width:405px;}
    .rei_news .swiper-container li:last-child{width:425px;}
    .rei_news .swiper-container li a{width:393px;}
    .rei_news .swiper-container li .img{width:393px;height:228px;}
    .rei_news .ui-widget-content{width:720px;margin:85px auto 0;}
    .rei_news .swiper-num{margin-left:-440px;bottom:137px;}
    .rei_news .swiper-num-all{margin-left:440px;bottom:137px;}
    .rei_news.v1{height:733px;padding-top:100px;}
    .rei_news.v1 .swiper-container{margin-top:0;}
    .rei_news.v1 .swiper-num,
    .rei_news.v1 .swiper-num-all{bottom:211px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .rei_news{margin-top:60px;height:360px}
    .rei_news h2{margin-left:19px;font-size:26px;letter-spacing:2.6px;}
    .rei_news .lnk-ty2{display:none}
    .rei_news .swiper-container{margin-top:10px;padding-left:20px;}
    .rei_news .swiper-container li{width:272px;}
    .rei_news .swiper-container li:last-child{width:292px;}
    .rei_news .swiper-container li a{width:266px;}
    .rei_news .swiper-container li .img{width:266px;height:156px;}
    .rei_news .swiper-container li span{margin-top:14px;font-size:12px;letter-spacing:1.2px;}
    .rei_news .swiper-container li strong{margin-top:10px;line-height:19px;height:19px;font-weight:300;font-size:13px;letter-spacing:0.4px;}
    .rei_news .swiper-container li p{display:none;}
    .rei_news .ui-widget-content{width:calc(100% - 40px);margin:30px auto 0;}
    .rei_news .swiper-num,
    .rei_news .swiper-num-all{display:none;}
    .rei_news.v1{height:401px;padding-top:50px;}
    .rei_news.v1 .swiper-container{margin-top:0;}
}

/* **************************************** *
 * SUB
 * **************************************** */
.sub{position:relative;}
.sub .lnb{position:fixed;left:0;top:99px;width:100%;height:70px;background:#fff;border-bottom:1px solid rgba(0,0,0,0.1)}
.sub .lnb .swiper-slide{width:199px;height:70px;}
.sub .lnb .swiper-slide a{display:block;position:relative;margin-top:1px;width:100%;height:69px;line-height:69px;text-align:center;font-size:17px;color:#555;font-weight:400;letter-spacing:0.8px;transition:all .2s ease-in-out; }
.sub .lnb .swiper-slide a:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:rgba(0,0,0,0.15);}
.sub .lnb .swiper-slide a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:#a97341;opacity:0;transition:all .2s ease-in-out; }
.sub .lnb .swiper-slide:first-child a:before{display:none;}
.sub .lnb .swiper-slide a.on{font-weight:500;color:#a97341; }
.sub .lnb .swiper-slide a.on:after{opacity:1}
.sub .lnb .btn-back{position:absolute;top:0;left:50%;display:block;padding-left:27px;margin-left:-600px; height:69px;line-height:69px;font-size:13px;font-weight:300;letter-spacing:0.65px;z-index:100;}
.sub .lnb .btn-back:before{content:'';position:absolute;top:28px;left:0;display:block; width:18px;height:10px;background:url("/images/i_arrow_black2.png") 0 0 no-repeat;background-size:auto 10px;transition:all .2s ease-in-out;}
.sub .lnb .btn-back:hover:before{width:36px;left:-18px;}
.sub .lnb .swiper-container.v1 .swiper-slide{width:auto;}
.sub .lnb .swiper-container.v1 .swiper-slide a{font-size:14px;margin:1px 30px 0;width:auto;color:#000;}
.sub .lnb .swiper-container.v1 .swiper-slide a.on{font-weight:500;color:#a97341;}
.sub .lnb .swiper-container.v1 .swiper-slide a:after{height:2px;}
.sub .lnb .swiper-container.v1 .swiper-slide a:before{display:none;}
@media (min-width: 1367px) {
    .sub .lnb .swiper-slide a:hover,
    .sub .lnb .swiper-container.v1 .swiper-slide a:hover{color:#a97341;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .sub .lnb{padding:0 45px}
    .sub .lnb .swiper-slide{width:16.66%;}
    .sub .lnb .btn-back{margin-left:0;left:32px;}
}
@media (max-width: 1023px) {/*mobile(ipad 세로 ~ 모바일)*/
    .sub .lnb{top:59px;width:100%;height:40px;}
    .sub .lnb .swiper-slide{min-width:100px;width:auto;height:40px;}
    .sub .lnb .swiper-slide a{padding:0 10px;height:39px;line-height:39px;font-size:12px;letter-spacing:0.6px;}
    .sub .lnb .swiper-slide a:after{height:2px;}
    .sub .lnb .btn-back{left:0;padding-left:0;margin-left:0;width:60px; height:39px;line-height:39px;font-size:0;}
    .sub .lnb .btn-back:before{top:15px;left:20px;}
    .sub .lnb .btn-back:hover:before{left:20px;width:18px;}
    .sub .lnb .swiper-container.v1 .swiper-slide{min-width:initial;}
    .sub .lnb .swiper-container.v1 .swiper-slide a{margin:1px 0 0 40px;padding:0;font-size:12px;}
    .sub .lnb .swiper-container.v1 .swiper-slide:first-child a{margin-left:0}

    .sub .lnb .swiper-container.v1{width:calc(100% - 100px);margin-left:100px;}
}

.sub-visual{overflow:hidden;position:relative;height:520px;background-position:center center ;background-size:cover;background-repeat:no-repeat;background-color:#17181b}
.sub-visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center ;background-size:cover;background-repeat:no-repeat;}
.sub-visual strong{display:block;padding-top:200px;font-weight:700;font-size:80px;color:#fff;letter-spacing:-0.8px;font-family:'Roboto', sans-serif;}
.sub-visual p{display:block;padding-top:10px;line-height:36px;font-weight:300;font-size:20px;color:#fff;letter-spacing:1px;}
.sub-visual.scrollAniTop .bg{transform:scale(1.5);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.sub-visual.scrollAniTop .wrap{transform:translateY(250px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.sub-visual.scrollAniTop.view .bg{transform:scale(1);opacity:1}
.sub-visual.scrollAniTop.view .wrap{transform:translateY(0);opacity:1}

.sub-visual2{display:table;position:relative;overflow:hidden;width:100%;height:860px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub-visual2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center ;background-size:cover;background-repeat:no-repeat;}
.sub-visual2 .inner{display:table-cell;vertical-align:middle;text-align:center;}
.sub-visual2 .inner div{font-size:0;text-align:center;}
.sub-visual2 .inner div strong{display:inline-block;margin:10px 0 0 10px;font-size:76px;line-height:58px;letter-spacing:0.8px;color:#fff;font-weight:600;vertical-align:top;}
.sub-visual2 img{display:inline-block;margin:0 auto;width:auto;height:68px;vertical-align:top;}
.sub-visual2 p{display:block;width:1000px;margin:57px auto 0;line-height:25px;font-weight:300;font-size:18px;color:#fff;text-align:center;}
.sub-visual2.scrollAniTop .bg{transform:scale(1.5);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.sub-visual2.scrollAniTop .inner{transform:translateY(250px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.sub-visual2.scrollAniTop.view .bg{transform:scale(1);opacity:1}
.sub-visual2.scrollAniTop.view .inner{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .sub-visual{height:393px;}
    .sub-visual strong{display:block;padding-top:120px;padding-left:32px;}
    .sub-visual p{padding-left:32px;}
    .sub-visual2{height:688px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .sub-visual{position:relative;height:239px;}
    .sub-visual strong{padding-left:20px;padding-top:85px;font-size:42px;letter-spacing:1px;}
    .sub-visual p{padding-left:20px;padding-top:10px;line-height:20px;font-weight:400;font-size:12px;letter-spacing:-0.12px;}
    .sub-visual2{height:430px;padding:0 20px}
    .sub-visual2 img{height:34px;}
    .sub-visual2 p{width:100%;margin:35px auto 0;line-height:18px;font-weight:400;font-size:14px;}
    .sub-visual2 .inner div strong{margin:0 0 0 5px;font-size:27px;line-height:40px; font-weight:700;}
}
.sub-visual3{position:relative;padding:115px 0 118px;height:772px;}
.sub-visual3 .wrap{height:100%;}
.sub-visual3 .bg{position:absolute;top:0;left:50%;margin-left:-196px;width:900px;height:772px;background-position:center bottom ;background-size:contain;background-repeat:no-repeat;}
.sub-visual3 .bg .swiper-container{width:100%;height:100%;}
.sub-visual3 .bg .swiper-slide{background-position:center bottom ;background-size:contain;background-repeat:no-repeat;}
.sub-visual3 .bg.v5 .swiper-slide{background-position:center top;background-size: auto 720px}
.sub-visual3 .bg.v4 .swiper-slide{background-position:center -50px;}
.sub-visual3 em{position:relative;z-index:100;font-size:24px;}
.sub-visual3 strong{position:relative;z-index:100;display:block;margin-top:20px;font-size:53px;font-weight:700;letter-spacing:0px;line-height:92px;color:#16171a; margin-bottom:60px;}
.sub-visual3 p{margin-top:20px; font-size:18px; font-weight:500; width:35%; padding-bottom:5px;}
.sub-visual3 p span{ font-size:15px; font-weight:300; }


.sub-visual3 .mark-group{position:relative;z-index:100;height:60px;margin-top:45px}
.sub-visual3 .mark-group img{height:60px;}
.sub-visual3 .bg .swiper-pagination{bottom:45px;}
.sub-visual3 .bg .swiper-pagination-bullet{background:#000;}
.sub-visual3 .bg .swiper-pagination-bullet-active{background:#a97341;}

.sub-visual3.scrollAniTop .bg{transform:translateX(100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.sub-visual3.scrollAniTop .wrap{transform:translateX(-200px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.sub-visual3.scrollAniTop.view .bg,
.sub-visual3.scrollAniTop.view .wrap{transform:none;opacity:1;}


@keyframes scroll {
    0% {top:-30px;}
    100% { top:80px;}
}
.scroll-icon{position:absolute;left:0; bottom:0;z-index:100;padding-bottom:65px;width:50px;line-height:20px;font-size:14px;color:#16171a;font-weight:400;letter-spacing:0.7px;text-align:center;}
.scroll-icon .line{overflow:hidden;display:block;position:absolute;bottom:0;left:calc(50% - 1px);width:2px;height:52px;background:#d5d5df}
.scroll-icon .line:before{content:'';display:block;position:absolute;top:0;left:0;width:2px;height:30px;background:#000000;animation: scroll 3s linear infinite both;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .sub-visual3{position:relative;padding:50px 32px 180px;height:772px;}
    .sub-visual3 .bg{top:auto;bottom:0;left:auto;right:0px;margin-left:0;width:720px;height:618px;}
    .sub-visual3 .bg .swiper-slide{background-position:top right;}
    .sub-visual3 .bg.v1{height:772px;top:0;bottom:auto;background-position:center top;background-size:auto 772px;}
    .sub-visual3 .bg.v1 .swiper-slide{background-position:center top;background-size:auto 772px;}
    .sub-visual3 .bg.v2{width:800px;height:740px;right:0;}
    .sub-visual3 .bg.v2 .swiper-slide{background-position:center 0;}
    .sub-visual3 .bg.v4{right:-30px;bottom:0;width:800px;height:650px;}
    .sub-visual3 .bg.v4 .swiper-slide{background-position:center -50px;}
    .sub-visual3 .bg.v5{height:650px;}
    .sub-visual3 .bg.v5 .swiper-slide{background-position:center top;background-size: auto 600px}
    .sub-visual3 .bg.v6{width:850px;}
    .sub-visual3 .bg.v7{width:900px;height:780px;right:-50px;}
    .sub-visual3 .bg .swiper-pagination{bottom:30px;}
}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .sub-visual3{position:relative;padding:40px 20px 0;height:398px;}
    .sub-visual3 .bg{bottom:0;height:260px;}
    .sub-visual3 .bg.v1{width:315px;height:270px;top:auto;bottom:0;right:-20px;background-size:auto 270px;}
    .sub-visual3 .bg.v1 .swiper-slide{background-size:auto 270px;}
    .sub-visual3 .bg.v2{bottom:0;right:-20px;width:360px;height:340px;background-size:contain;background-position:top right;}
    .sub-visual3 .bg.v2 .swiper-slide{background-size:contain;background-position:right 0;}
    .sub-visual3 .bg.v3{right:0;background-position:center -50px;}
    .sub-visual3 .bg.v3 .swiper-slide{background-size:auto 300px;background-position:center -50px;}
    .sub-visual3 .bg.v4{right:-60px;bottom:0;width:400px;height:340px;background-position:center -20px;}
    .sub-visual3 .bg.v4 .swiper-slide{background-position:center -30px;}
    .sub-visual3 .bg.v5{height:300px;right:-20px;}
    .sub-visual3 .bg.v5 .swiper-slide{background-size: auto 270px;}
    .sub-visual3 .bg.v6{width:315px;right:0;}
    .sub-visual3 .bg.v6 .swiper-slide{background-size: auto 300px;background-position:center -60px;}
    .sub-visual3 .bg.v7{height:340px;width:360px;right:-20px;}
    .sub-visual3 .bg.v7 .swiper-slide{background-size: auto 340px;}
    .sub-visual3 em{font-size:12px;}
    .sub-visual3 strong{margin-top:10px;font-size:42px;letter-spacing:1.05px;line-height:46px}
    .sub-visual3 .mark-group{height:30px;margin-top:20px}
    .sub-visual3 .mark-group img{height:30px;}
    .scroll-icon{display:none;}
    .sub-visual3 .bg .swiper-pagination{bottom:20px;left:30px;}

}
.sub-visual4{position:relative;width:100%;height:630px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub-visual4 .video-js,
.sub-visual4 .vjs_video_3-dimensions,
.sub-visual4 .video-js .vjs-tech,
.sub-visual4 .vjs-poster{height:630px;}
.sub-visual4 .video-js .vjs-big-play-button,
.sub-visual4 .video-js .vjs-play-control{margin-left:464px}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .sub-visual4 .video-js .vjs-big-play-button,
    .sub-visual4 .video-js .vjs-play-control{margin-left:0;left:auto;right:32px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .sub-visual4{height:400px;}
    .sub-visual4 .video-js,
    .sub-visual4 .vjs_video_3-dimensions,
    .sub-visual4 .video-js .vjs-tech,
    .sub-visual4 .vjs-poster{height:400px;}
    .sub-visual4 .video-js .vjs-big-play-button,
    .sub-visual4 .video-js .vjs-play-control{margin-left:0;left:auto;right:20px;bottom:20px;}
}
@media (max-width: 450px){/*mobile(ipad 세로 ~ 모바일)*/
    .sub-visual4{height:200px}
    .sub-visual4 .video-js,
    .sub-visual4 .vjs_video_3-dimensions,
    .sub-visual4 .video-js .vjs-tech,
    .sub-visual4 .vjs-poster{height:200px;}
}


/*sub article-list*/
.article-list{height:1203px; overflow:hidden;}
.article-list h2{transform:translateY(1203px);text-align:center;margin-top:80px;font-size:18px;letter-spacing:1.8px;transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-list h2 strong{font-size:18px;letter-spacing:1.8px;color:#a97341;font-weight:400;}
.article-list .mark-group{position:absolute;top:40px;left:40px;}
.article-list ul{position:relative;width:1200px;margin:75px auto 0;}
.article-list li{position:absolute;transform:translateY(1120px);}
.article-list li:nth-child(1){top:0;left:0;width:493px;height:493px;transition: transform 2000ms .15s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-list li:nth-child(2){top:0;right:0;width:695px;height:344px;transition: transform 2000ms .3s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-list li:nth-child(3){top:504px;left:202px;width:291px;height:291px;transition: transform 2000ms .45s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-list li:nth-child(4){top:356px;right:202px;width:493px;height:554px; transition: transform 2000ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-list li:nth-child(5){top:807px;left:202px;width:291px;height:291px; transition: transform 2000ms .75s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-list.view h2,
.article-list.view li{transform:translateY(0);}
.article-list li a{position:relative;overflow:hidden;display:block;width:100%;height:100%;}
.article-list li .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all .2s ease-in-out;}
.article-list .inner{position:absolute;bottom:0;left:0;width:100%;padding:35px 40px;vertical-align:bottom;}
.article-list .inner p{font-size:16px;letter-spacing:0.4px;font-weight:300;color:#fff;opacity:0.6;word-break: keep-all;}
.article-list .inner strong{display:block;width:100%;height:29px;line-height:29px;margin-top:5px;font-size:24px;letter-spacing:1.2px;font-weight:400;color:#fff;word-break: keep-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.article-list em{display:block;position:absolute;top:35px;right:35px;font-size:14px;letter-spacing:0.35px;font-weight:400;color:#fff;word-break: keep-all;}
.article-list li:nth-child(1) .inner strong,
.article-list li:nth-child(1) .inner p,
.article-list li:nth-child(1) em{color:#000;}
/*sub article-list.v2*/
.article-list.v2{height:1370px;}
.article-list.v2 ul{margin-top:120px;}
.article-list.v2 li{transform:translateY(1370px);}
.article-list.v2 li:nth-child(1){width:695px;height:344px;}
.article-list.v2 li:nth-child(2){width:493px;height:493px;}
.article-list.v2 li:nth-child(3){top:356px;left:202px;width:493px;height:554px;}
.article-list.v2 li:nth-child(4){top:504px;right:202px;width:291px;height:291px;}
.article-list.v2 li:nth-child(5){top:807px;right:202px;left:auto;width:291px;height:291px;}
.article-list.v2.view h2,
.article-list.v2.view li{transform:translateY(0);}
.article-list.v2 li:nth-child(1) .inner strong,
.article-list.v2 li:nth-child(1) .inner p,
.article-list.v2 li:nth-child(1) em{color:#fff;}
.article-list.v2 li:nth-child(2) .inner strong,
.article-list.v2 li:nth-child(2) .inner p,
.article-list.v2 li:nth-child(2) em{color:#000;}
@media (min-width: 1367px){/*pc hover*/
    .article-list li a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:all .2s ease-in-out;}
    .article-list li a:hover:after{opacity:0.4}
    .article-list li a:hover .bg{transform:scale(1.1);}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-list{height:900px;}
    .article-list .mark-group{top:32px;left:32px;}
    .article-list ul{width:958px;margin:58px auto 0;}
    .article-list li:nth-child(1){top:0;left:0;width:393px;height:393px;}
    .article-list li:nth-child(2){top:0;right:0;width:554px;height:274px;}
    .article-list li:nth-child(3){top:405px;left:162px;width:231px;height:231px;}
    .article-list li:nth-child(4){top:286px;right:161px;width:393px;height:442px;}
    .article-list .inner{padding:25px 30px;}
    .article-list em{top:30px;right:30px;}
    .article-list .inner p{font-size:14px;letter-spacing:0.36px;}
    .article-list .inner strong{margin-top:5px;font-size:20px;letter-spacing:1px;}
    .article-list.v2{height:1130px;}
    .article-list.v2 ul{margin-top:100px;}
    .article-list.v2 li:nth-child(1){width:554px;height:274px;}
    .article-list.v2 li:nth-child(2){width:393px;height:393px;}
    .article-list.v2 li:nth-child(3){top:286px;left:161px;width:393px;height:442px;}
    .article-list.v2 li:nth-child(4){top:405px;right:162px;width:231px;height:231px;}
    .article-list.v2 li:nth-child(5){top:648px;right:162px;width:231px;height:231px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-list{height:auto;}
    .article-list h2{margin-top:55px;}
    .article-list .mark-group{top:20px;left:20px;}
    .article-list ul{overflow:hidden;width:100%;margin:30px auto 60px;padding:0 20px;}
    .article-list li{position:static;}
    .article-list li:nth-child(1){width:69vw;height:69vw;transition: transform 2000ms .15s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-list li:nth-child(2){margin-top:6px;width:100%;height:44vw;transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-list li:nth-child(3){margin-top:6px;width:44vw;height:44vw;transition: transform 2000ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-list li:nth-child(4){margin-top:6px;float:right;width:69vw;height:77vw;transition: transform 2000ms 1.5s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-list.v2{height:auto;}
    .article-list.v2 ul{font-size:0;margin-top:50px;margin-bottom:100px;}
    .article-list.v2 li:nth-child(1){width:100%;height:44vw;}
    .article-list.v2 li:nth-child(2){margin-left:calc(31vw - 40px);width:69vw;height:69vw;}
    .article-list.v2 li:nth-child(3){width:69vw;height:77vw;}
    .article-list.v2 li:nth-child(4){display:inline-block;float:none;width:calc(50% - 3px);height:44vw;}
    .article-list.v2 li:nth-child(5){display:inline-block;margin-top:6px;margin-left:6px;width:calc(50% - 3px);height:44vw;transition: transform 2000ms 2s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
}
@media (max-width: 450px){
    .article-list h2{font-size:12px;letter-spacing:1.2px;}
    .article-list h2 strong{font-size:12px;letter-spacing:1.2px;}
    .article-list .inner{padding:18px 19px;}
    .article-list .inner p{font-size:12px;letter-spacing:0.3px;}
    .article-list .inner strong{height:20px;line-height:20px;margin-top:3px;font-size:14px;letter-spacing:0.7px;}
    .article-list em{top:18px;right:18px;font-size:12px;}
}

.article-bnr{overflow:hidden;height:720px; }
.article-bnr  a{position:relative;overflow:hidden;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;opacity:0; background-size:auto 720px;transform:translateY(-100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out}
.article-bnr.view a{transform:translateY(0);opacity:1;}
.article-bnr .wrap{height:100%}
.article-bnr .inner{position:absolute;bottom:0;left:0;width:100%;padding:40px;vertical-align:bottom;}
.article-bnr .inner p{font-size:16px;letter-spacing:0.4px;font-weight:300;color:#fff;opacity:0.6;word-break: keep-all;}
.article-bnr .inner strong{display:block;width:100%;height:29px;line-height:29px;margin-top:5px;font-size:24px;letter-spacing:1.2px;font-weight:400;color:#fff;word-break: keep-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.article-bnr em{display:block;position:absolute;top:40px;right:40px;font-size:14px;letter-spacing:0.35px;font-weight:400;color:#fff;word-break: keep-all;}
@media (min-width: 1367px){/*pc hover*/
    .article-bnr  a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:all .2s ease-in-out;}
    .article-bnr  a:hover:after{opacity:0.4}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-bnr .wrap{width:960px;}
    .article-bnr .inner p{font-size:14px;letter-spacing:0.36px;}
    .article-bnr .inner strong{margin-top:5px;font-size:20px;letter-spacing:1px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-bnr{height:500px;}
    .article-bnr .wrap{width:100%;}
    .article-bnr .inner{padding:20px;}
    .article-bnr em{top:20px;right:20px;}
}
@media (max-width: 450px){
    .article-bnr{height:253px;}
    .article-bnr .wrap{width:100%;}
    .article-bnr .inner p{font-size:12px;letter-spacing:0.3px;}
    .article-bnr .inner strong{height:20px;line-height:20px;margin-top:3px;font-size:14px;letter-spacing:0.7px;}
}
.article-bnr2{overflow:hidden;padding-top:150px;background:#16171b; }
.article-bnr2 h2{display:block;font-size:40px;font-weight:500;line-height:64px;width:850px;color:#fff;transform:translateY(1120px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr2 p{display:block;margin-top:20px;font-size:16px;line-height:27px;font-weight:300;color:#fff;letter-spacing:-0.4px;word-break:keep-all;transform:translateY(1120px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr2 ul{position:relative;margin-top:65px;text-align:center;}
.article-bnr2 li{display:inline-block;vertical-align:top;margin-top:12px;margin-right:12px;transform:translateY(1120px);}
.article-bnr2 li:nth-child(2n){margin-right:0;}
.article-bnr2 li:nth-child(1){width:695px;height:493px;transition: transform 2000ms .15s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr2 li:nth-child(2){width:493px;height:493px;transition: transform 2000ms .3s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr2 li:nth-child(3){width:291px;height:291px;transition: transform 2000ms .45s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr2 li:nth-child(4){width:594px;height:405px;transition: transform 2000ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr2 li .bg{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;}
.article-bnr2.view h2,
.article-bnr2.view p,
.article-bnr2.view li{transform:translateY(0);}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-bnr2{padding:150px 32px 0;}
    .article-bnr2 h2{width:100%}
    .article-bnr2 ul{width:calc(100% + 32px);text-align:left;}
    .article-bnr2 li:nth-child(1){width:calc(59vw - 44px);height:38vw;}
    .article-bnr2 li:nth-child(2){width:calc(41vw - 32px);height:38vw;}
    .article-bnr2 li:nth-child(3){margin-left:calc(20vw - 44px);width:23vw;height:23vw;}
    .article-bnr2 li:nth-child(4){width:46vw;height:32vw;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-bnr2{padding:70px 20px 0; }
    .article-bnr2 h2{font-size:36px;line-height:48px;}
    .article-bnr2 p{margin-top:30px;font-size:12px;line-height:26px;letter-spacing:-0.3px;}
    .article-bnr2 ul{margin-top:40px;width:100%;}
    .article-bnr2 li{margin-right:0;margin-top:6px;}
    .article-bnr2 li:nth-child(1){width:calc(100vw - 40px);height:60vw;transition: transform 2000ms .15s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-bnr2 li:nth-child(2){margin-left:calc(40vw - 40px);width:60vw;height:60vw;transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-bnr2 li:nth-child(3){margin-left:0;width:36vw;height:36vw;transition: transform 2000ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
    .article-bnr2 li:nth-child(4){margin-left:calc(27vw - 40px);width:73vw;height:50vw;transition: transform 2000ms 1.5s cubic-bezier(0.020, 0.630, 0.355, 1.000)}
}

.article-bnr3{position:relative;overflow:hidden;padding:320px 0 140px;vertical-align:bottom;background:#16171b;  }
.article-bnr3 .bg{position:absolute;top:0;left:0;width:100%; height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transform: scale(1.2);opacity:0; transition: 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr3 h2{display:inline-block;width:600px;font-size:60px;font-weight:500;line-height:80px;color:#fff;transform:translateY(1120px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr3 p{display:inline-block;width:600px;margin-top:70px;font-size:16px;line-height:36px;font-weight:400;color:#fff;letter-spacing:-0.4px;word-break:keep-all;transform:translateY(1120px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr3.view .bg{transform: scale(1);opacity:1;}
.article-bnr3.view h2,
.article-bnr3.view p{transform:translateY(0);}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-bnr3{overflow:hidden;padding:110px 32px 140px;}
    .article-bnr3 h2{width:568px; }
    .article-bnr3 p{width:calc(100% - 568px);}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-bnr3{padding:200px 20px 70px;}
    .article-bnr3 h2{width:100%;font-size:36px;line-height:48px;}
    .article-bnr3 p{width:100%;margin-top:25px;font-size:12px;line-height:26px;letter-spacing:-0.3px;}
}
.article-bnr4{position:relative;overflow:hidden;padding:80px 0;background:#fff;  }
.article-bnr4 .img{display:inline-block;vertical-align:top;width:315px; height:315px;background-repeat:no-repeat;background-size:cover;background-position:center;transform:translateY(1120px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr4 .txt{display:inline-block;vertical-align:top;/*width:746px;*/transform:translateY(1120px);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000)}
.article-bnr4 h2{display:block;margin-top:60px;font-size:40px;font-weight:700;line-height:60px;color:#000;}
.article-bnr4 p{display:block;margin-top:30px;font-size:16px;line-height:24px;font-weight:400;color:#000;letter-spacing:-0.4px;word-break:keep-all;}
.article-bnr4 p strong{font-weight:700;font-size:16px;}
.article-bnr4.view .img,
.article-bnr4.view .txt{transform:translateY(0);}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-bnr4{padding:80px 32px;}
    .article-bnr4 .txt{width:calc(100% - 315px)}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-bnr4{padding:70px 20px 40px;}
    .article-bnr4 .img{display:block;margin:35px auto 0;max-width:315px; max-height:315px;width:calc(100vw - 40px);height:calc(100vw - 40px);}
    .article-bnr4 .txt{width:100%}
    .article-bnr4 h2{margin-top:0;font-size:30px;line-height:42px;}
    .article-bnr4 p{margin-top:10px;font-size:12px;line-height:26px;}
    .article-bnr4 p br{display:none;}
    .article-bnr4 p strong{font-weight:400;font-size:12px;}
}

.article-bnr5{background:#e9e9e9; }
.article-bnr5 h2{display:inline-block; width:800px; font-size:60px;font-weight:500;line-height:80px;color:#000;margin-top: 100px; margin-bottom: 50px;}
.article-bnr5 li{position:relative;height:600px;}
.article-bnr5 li .img{position:absolute;top:0;left:0;width:600px;height:600px;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:100}
.article-bnr5 li .txt{position:absolute;top:0;right:0;width:600px;height:600px;display:table;padding:0 46px 0 60px;text-align:left;}
.article-bnr5 li:nth-child(2n) .img{right:0;left:auto;}
.article-bnr5 li:nth-child(2n) .txt{left:0;right:auto;padding:0 46px 0 0;}
.article-bnr5 li .txt .inner{display:table-cell;vertical-align: middle;}
.article-bnr5 li .txt .inner img{width:auto;display:block;}
.article-bnr5 li em{display:block;margin-bottom:20px;font-size:20px;}
.article-bnr5 li p{display:block;margin-top:75px;font-size:18px;line-height:32px;color:rgba(0,0,0,0.6);word-break:keep-all;}
.article-bnr5 li .img{transform:translateX(1500px);opacity:0; transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;}
.article-bnr5 li .txt{transform:translateX(600px);opacity:0; transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;}
.article-bnr5 li:nth-child(2n) .img{transform:translateX(-1500px);}
.article-bnr5 li:nth-child(2n) .txt{transform:translateX(-600px);}
.article-bnr5 li.view .img,
.article-bnr5 li.view .txt{transform:translateX(0);opacity:1;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-bnr5 h2{width:800px; font-size:56px;font-weight:700;color:#000;margin-top: 150px; margin-bottom: 70px;}
    .article-bnr5 li{height:50vw;}
    .article-bnr5 li .img{width:50vw;height:50vw;}
    .article-bnr5 li .txt{width:50vw;height:50vw;padding:0 46px;}
    .article-bnr5 li:nth-child(2n) .txt{padding:0 46px 0 32px;}
    .article-bnr5 li p{margin-top:65px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-bnr5 h2{width:100%; font-size:30px;line-height: 40px; font-weight:700;color:#000;margin-top: 75px; margin-bottom: 35px;}
    .article-bnr5{padding:0 20px;}
    .article-bnr5 li{height:auto}
    .article-bnr5 li .img{position:static;width:100%;height:calc(100vw - 40px);}
    .article-bnr5 li .txt{position:static;width:100%;height:auto;display:table;padding:40px 0 75px;}
    .article-bnr5 li:nth-child(2n) .txt{padding:40px 0 75px;}
    .article-bnr5 li .txt .inner img{width:auto;height:30px;display:block;}
    .article-bnr5 li em{margin-bottom:10px;font-size:18px;}
    .article-bnr5 li p{margin-top:35px;font-size:13px;line-height:22px;}
}



.article-cont{padding:90px 0;text-align:center;opacity:0;transform:translateY(100%);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;}
.article-cont.view{transform:translateY(0);opacity:1}
.article-cont em{display:block;font-size:20px;font-weight:300;}
.article-cont h3{display:block;margin-top:20px;font-size:40px;font-weight:600; line-height:40px;}
.article-cont img{margin-top:65px;}
.article-cont p{margin-top:75px;font-size:18px;letter-spacing:0.45px;line-height:26px;}
.article-cont strong{font-size:18px;letter-spacing:0.45px;color:#cc1b38;font-weight:400;}
.article-cont2{padding:90px 0 0px;background:#f8f8f8;text-align:center;opacity:0;transform:translateY(200px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out }
.article-cont2.view{transform:translateY(0);opacity:1}
.article-cont2 h3{margin-bottom:45px;font-size:36px;line-height:38px;}
.article-cont2 .edit{overflow:hidden;font-size:16px;font-weight:300;line-height:32px;}
.article-cont2 .edit a{font-size:initial;font-style:initial;color:#1f90df;text-decoration:underline;}
.article-cont2 .edit img{width:auto;max-width:100%;margin:75px 0;}
.article-cont2 .edit b, .article-cont2 .edit b span{font-weight:700;}
.article-cont2 .edit div, .article-cont2 .edit p,
.article-cont2 .edit strong, .article-cont2 .edit b,
.article-cont2 .edit span, .article-cont2 .edit ol, .article-cont2 .edit ul,
.article-cont2 .edit li{font-size:16px;font-style:initial}
.article-cont2 .edit ul, .article-cont2 .edit 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;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .article-cont{padding:90px 32px;}
    .article-cont p{padding:0 100px}
    .article-cont2{padding:90px 32px 140px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .article-cont{padding:45px 20px;}
    .article-cont em{font-size:14px;}
    .article-cont h3{padding:0 20px;margin-top:10px;font-size:21px;font-weight:600; line-height:28px;}
    .article-cont img{margin-top:30px;}
    .article-cont p{padding:0;margin-top:25px;font-size:13px;letter-spacing:0.33px;line-height:22px;}
    .article-cont strong{font-size:13px;letter-spacing:0.33px;}
    .article-cont2{padding:45px 20px; }
    .article-cont2 h3{margin-bottom:35px;font-size:24px;line-height:30px;}
    .article-cont2 .edit{font-size:13px;line-height:22px;}
    .article-cont2 .edit a{font-size:initial;font-style:initial;color:#1f90df;text-decoration:underline;}
    .article-cont2 .edit img{margin:35px 0;}
    .article-cont2 .edit div, .article-cont2 .edit p,
    .article-cont2 .edit strong, .article-cont2 .edit b,
    .article-cont2 .edit span, .article-cont2 .edit ol, .article-cont2 .edit ul,
    .article-cont2 .edit li{font-size:13px;font-style:initial}
}

.timeline{height:900px;background:#a97341;}
.timeline h3{padding-top:160px;font-size:40px;font-weight:500;color:#fff;text-align:center;}
.timeline .thumbs{margin-top:70px;padding-left:55px;}
.timeline .thumbs ul{justify-content: center}
.timeline .thumbs li{display:inline-block;width:auto;height:70px;line-height:70px;cursor:pointer;font-size:18px;letter-spacing:0.9px;color:#fff;}
.timeline .thumbs .swiper-slide-thumb-active{border-bottom:2px solid #ffffff;color:#ffffff;font-weight:500;}
.timeline .list{margin-top:90px;text-align:center;}
.timeline .list .img{height:480px;background-size:auto 480px;background-position:center center;background-repeat:no-repeat;}
.timeline .list strong{display:block;margin-bottom:30px;font-size:60px;font-weight:700;color:#fff;}
.timeline .list p{display:block;margin-top:10px;font-size:16px;font-weight:300;color:#fff;line-height:22px;}
.timeline .list p strong{display:inline;margin-bottom:0;font-size:20px;}
.timeline .swiper-button-prev{left:0;top:115px;width:25px;height:47px;background:url("/images/i_arrow5.png") 0 0 no-repeat;background-size: contain;}
.timeline .swiper-button-next{right:0;top:115px;width:25px;height:47px;background:url("/images/i_arrow5.png") 0 0 no-repeat;background-size: contain;transform: rotate(180deg)}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .timeline .swiper-button-prev{left:32px;}
    .timeline .swiper-button-next{right:32px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .timeline{height:600px;}
    .timeline h2{padding-top:90px;font-size:36px;}
    .timeline .thumbs{margin-top:20px;padding-left:0;}
    .timeline .thumbs ul{}
    .timeline .thumbs li{height:40px;line-height:40px;font-size:12px;letter-spacing:0.6px;}
    .timeline .list .img{height:154px;background-size:auto 154px;}
    .timeline .list strong{margin-bottom:10px;margin-top:15px;font-size:24px;}
    .timeline .list p{margin-top:5px;font-size:12px;line-height:22px;}
    .timeline .list p strong{font-size:12px;}
    .timeline .swiper-button-prev{left:20px;top:90px;width:10px;height:20px;}
    .timeline .swiper-button-next{right:20px;top:90px;width:10px;height:20px;}

}


.color-dot{margin:55px  0 35px;font-size:0;}
.color-dot li{display:inline-block;margin-left:10px;vertical-align:top;}
.color-dot li:first-child{margin-left:0;}
.color-dot li a{position:relative;display:block;width:16px;height:16px;border-radius:100%;}
.color-dot li a:before{content:'';display:block;position:absolute;top:-5px;left:-5px;width:26px;height:26px;border:1px solid #a97341;border-radius:100%;box-sizing:border-box;opacity:0;transition:all .2s ease-in-out;}
.color-dot li a.on:before{opacity:1}
.color-dot li a:after{content:'';display:block;position:absolute;top:0;left:0;width:16px;height:16px;background:rgba(0,0,0,0.2);border-radius:100%;box-sizing:border-box;opacity:0;transition:all .2s ease-in-out;}
@media (min-width: 1367px) { /*pc hover*/
    .color-dot li a:hover:after{opacity:1}
    .color-dot li a.on:hover:after{opacity:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .color-dot{margin:35px  0 22px;}
    .color-dot li a{width:12px;height:12px;}
    .color-dot li a:before{width:22px;height:22px;}
    .color-dot li a:after{width:12px;height:12px;}

}
.tab-ty2{height:110px;margin-top:-25px;}
.tab-ty2 li{display:inline-block;width:auto;}
.tab-ty2 li a{display:block;min-width:72px;padding:0 20px;height:40px;line-height:40px;margin-left:6px;border:1px solid rgba(0,0,0,0.2);text-align:center;font-size:14px;letter-spacing:1.4px;transition:all .2s ease-in-out;}
.tab-ty2 li:first-child a{margin-left:0;}
.tab-ty2 li a:hover{border-color:#000;}
.tab-ty2 li a.on{border-color:#a97341;color:#a97341;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .tab-ty2{height:100px;}
}
@media (max-width: 1023px) { /*mobile(ipad 세로 ~ 모바일)*/
    .tab-ty2{height:70px;margin-top:0;}
}
.list-ty1{background:#e9e9e9 }
.list-ty1>ul{position:relative;margin:-77px auto 0;width:1200px;}
.list-ty1>ul>li{position:relative;height:600px;font-size:0;}
.list-ty1>ul>li .img-area li{display:none;position:absolute;top:0;left:0;overflow:hidden;vertical-align:top;width:600px;height:600px;background:#fff;}
.list-ty1>ul>li .img-area li.on{display:block;}
.list-ty1>ul>li .txt-area{position:absolute;top:0;left:600px;display:inline-block;vertical-align:top;padding-top:127px;padding-left:46px;width:600px;height:600px}
.list-ty1>ul>li .txt-area em{display:block;font-size:20px;}
.list-ty1>ul>li .txt-area strong{display:block;margin-top:10px;font-size:46px;font-weight:700}
.list-ty1>ul>li .txt-area p{display:-webkit-box;overflow:hidden;max-height:96px;margin-top:32px;font-size:14px;line-height:24px;font-weight:300;text-overflow:ellipsis; -webkit-line-clamp:4;-webkit-box-orient: vertical;}
.list-ty1>ul>li .txt-area .lnk-ty1{margin-top:45px;font-size:13px;letter-spacing:0.65px;}
.list-ty1>ul>li:nth-child(2n) .img-area li{left:600px;}
.list-ty1>ul>li:nth-child(2n) .txt-area{left:0;padding-left:0;padding-right:46px;}
.list-ty1>ul>li .mark-group{position:absolute;top:57px;left:57px;z-index:100;}
.list-ty1>ul>li:nth-child(2n) .mark-group{left:657px;}
.list-ty1>ul>li.scrollAni{transform:translateX(-400px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.list-ty1>ul>li:nth-child(2n).scrollAni{transform:translateX(400px);}
.list-ty1>ul>li.scrollAni.view{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-ty1>ul{margin:-50px auto 0;width:calc(100% - 64px);}
    .list-ty1>ul>li{height:calc(50vw - 32px);}
    .list-ty1>ul>li .img-area li{width:50%;height:calc(50vw - 32px);}
    .list-ty1>ul>li .txt-area{left:50%;display:inline-block;padding-top:70px;padding-left:46px;width:50%;height:calc(50vw - 32px)}
    .list-ty1>ul>li .txt-area strong{display:block;margin-top:10px;font-size:46px;font-weight:700}
    .list-ty1>ul>li .txt-area .lnk-ty1{margin-top:42px;}
    .list-ty1>ul>li:nth-child(2n) .img-area li{left:50%;}
    .list-ty1>ul>li .mark-group{top:47px;left:47px;}
    .list-ty1>ul>li:nth-child(2n) .mark-group{left:calc(50% + 47px);}
}
@media (max-width: 1023px) { /*mobile(ipad 세로 ~ 모바일)*/
    .list-ty1>ul{margin:-33px auto 0;width:calc(100% - 40px);max-width:500px;}
    .list-ty1>ul>li{height:auto;padding-bottom:60px;}
    .list-ty1>ul>li .img-area li{position:static;width:100%;height:calc(100vw - 40px);max-height:500px;}
    .list-ty1>ul>li .txt-area{position:static;display:block;padding-top:25px;padding-left:0;width:100%;height:auto}
    .list-ty1>ul>li .txt-area em{font-size:13px;}
    .list-ty1>ul>li .txt-area strong{margin-top:10px;font-size:24px;font-weight:500}
    .list-ty1>ul>li .txt-area p{max-height:130px;margin-top:15px;font-size:13px;line-height:22px; -webkit-line-clamp:6;}
    .list-ty1>ul>li .txt-area .lnk-ty1{margin-top:30px;font-size:13px;letter-spacing:0.65px;}
    .list-ty1>ul>li:nth-child(2n) .txt-area{padding-right:0;}
    .list-ty1>ul>li .mark-group{top:30px;left:30px;}
    .list-ty1>ul>li:nth-child(2n) .mark-group{left:30px;}
}
.list-ty2{background:#fff;padding:80px 0  90px;}
.list-ty2 .total{font-size:20px;}
.list-ty2 .wrap>ul{margin-top:40px;font-size:0;}
.list-ty2 .wrap>ul>li{position:relative;display:inline-block;margin-right:12px;width:392px;height:380px;vertical-align:top;}
.list-ty2 .wrap>ul>li:nth-child(3n){margin-right:0;}
.list-ty2 .wrap>ul>li>a{display:block;}
.list-ty2 .wrap>ul>li>a strong{display:block;margin-top:30px;font-size:20px;font-weight:400;text-align:center;}
.list-ty2 .img-area{overflow:hidden;position:relative;width:392px;height:250px;background:#fff;}
.list-ty2 .img-area li{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.list-ty2 .img-area li.on{display:block;}
.list-ty2 .img-area li img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;}
.list-ty2 .dot-area{display:table;position:absolute;top:0;left:0;width:70px;padding-left:30px;height:392px;margin:0;z-index:100}
.list-ty2 .color-dot{display:table-cell;vertical-align:middle;}
.list-ty2 .color-dot li{display:block;margin-left:0;margin-top:10px;}
.list-ty2 .wrap>ul>li>a:hover .img-area li{transform:scale(1.05);transition:all .2s ease-in-out}
.list-ty2 .wrap>ul>li>a:hover strong{font-weight:500}
.list-ty2.scrollAni .wrap{transform:translateY(250px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.list-ty2.scrollAni.view .wrap{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-ty2 .wrap{width:960px; margin:0 auto;}
    .list-ty2 .wrap>ul>li{width:312px;height:416px;vertical-align:top;}
    .list-ty2 .img-area{width:312px;height:312px;}
    .list-ty2 .dot-area{width:50px;padding-left:20px;height:312px;}
}
@media (max-width: 1023px) { /*mobile(ipad 세로 ~ 모바일)*/
    .list-ty2 .wrap{width:551px;}
    .list-ty2{padding:40px 0  55px;}
    .list-ty2 .total{font-size:14px;}
    .list-ty2 .wrap>ul{margin-top:22px;font-size:0;}
    .list-ty2 .wrap>ul>li{margin-right:10px;width:177px;height:180px;}
    .list-ty2 .wrap>ul>li:nth-child(3n){margin-right:0;}
    .list-ty2 .wrap>ul>li>a strong{margin-top:22px;font-size:14px;}
    .list-ty2 .img-area{overflow:hidden;position:relative;width:177px;height:110px;}
    .list-ty2 .dot-area{width:50px;padding-left:15px;height:177px;}
}
@media (max-width: 767px) {
    .list-ty2 .wrap{width:360px;}
    .list-ty2 .wrap>ul>li{margin-right:6px;}
    .list-ty2 .wrap>ul>li:nth-child(3n){margin-right:6px;}
    .list-ty2 .wrap>ul>li:nth-child(2n){margin-right:0;}
}
@media (max-width: 380px) {
    .list-ty2 .wrap{width:340px;}
    .list-ty2 .wrap>ul>li{margin-right:6px;width:167px;height:247px;}
    .list-ty2 .img-area{width:167px;height:167px;}
    .list-ty2 .dot-area{height:167px;}
}
@media (max-width: 360px) {
    .list-ty2 .wrap{width:320px;}
    .list-ty2 .wrap>ul>li{width:157px;height:237px;}
    .list-ty2 .img-area{width:157px;height:157px;}
    .list-ty2 .dot-area{height:157px;}
}

.list-top{position:relative;height:50px;}
.list-top p{display:inline-block;margin-top:20px;font-size:16px;white-space:nowrap}
.list-top p strong{display:inline-block;padding-left:5px;font-size:16px;color:#cc1b38;font-weight:500;}
.list-top .right-area{position:absolute;top:0;right:0;font-size:0;}
.list-top .right-area .srch-ty{margin-left:12px; }
.list-top .right-area .srch-ty + .select-ty{margin-left:12px;}
.list-top .select-group{display:inline-block;margin-top:20px;margin-left:45px;vertical-align:top;font-size:0;}
.list-top .select-ty2{margin-left:5px;}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .list-top{height:auto;padding-bottom:55px;}
    .list-top p{position:absolute;bottom:0;left:0;margin-top:0;font-size:14px;margin-bottom: 5px;}
    .list-top p strong{font-size:14px;}
    .list-top .right-area{position:static;width:100%}
    .list-top .right-area .srch-ty,
    .list-top .right-area .srch-ty + .select-ty{margin-left:0; }
    .list-top.v1{padding-bottom:80px;}
    .list-top.v1 p{bottom:30px;}
    .list-top.v1 .select-group{position:absolute;bottom:-15px;left:0;width:100%;margin-top:0;margin-left:0;}
    .list-top.v1 .select-ty.v2{width:calc(50% - 5px);margin-left:0}
    .list-top.v1 .select-ty.v2 ul{top:44px;}
    .list-top.v1 .select-ty.v2 + .select-ty.v2{margin-left:10px;}
}
.top-video{position:relative;height:768px;background-position:center center;background-size:cover;}
.top-video:before{display:block;content:'';position:absolute;top:50%;left:50%;width:63px;height:63px;background:url("/images/play_on.png")0 0 no-repeat;background-size:contain;transform: translateX(-50%) translateY(-50%);}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .top-video{height:274px;}
}
.list-dropdown{padding: 0 0 150px;}
.list-dropdown .cont{margin-top:42px;border-top:2px solid #000;border-bottom:2px solid #000;}
.list-dropdown .cont>ul>li{border-top:1px solid #e5e5e5;}
.list-dropdown .cont>ul>li:first-child{border:0;}
.list-dropdown .cont-top{position:relative;display:block;padding:25px 0 25px;font-size:0;cursor:pointer;}
.list-dropdown .cont-top:before{content:'';display:block;position:absolute;top:35px;right:35px;width:9px;height:18px;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain;transform:rotate(-90deg);transition:all .2s ease-in-out;}
.list-dropdown .cont-top span{display:inline-block;line-height:26px;font-weight:300;color:rgba(0,0,0,0.6);vertical-align:top;}
.list-dropdown .cont-top .num{width:75px;font-size:14px;text-align:center;}
.list-dropdown .cont-top .t1{width:160px;font-size:16px;color:#000}
.list-dropdown .cont-top .t2{display:inline-block;line-height:26px;font-weight:300;width:calc(100% - 335px);font-size:16px;color:#000;vertical-align:top;}
.list-dropdown .cont-top .tag{display:inline;vertical-align:top;font-size:0;}
.list-dropdown .cont-top .tag li{display:inline-block;margin:0 4px 5px 0;padding:0 13px;height:26px;line-height:26px;border:1px solid rgba(0,0,0,0.2);font-weight:400;font-size:12px;border-radius:20px;color:rgba(0,0,0,0.5);vertical-align:top;}
.list-dropdown .cont-top .tag li:first-child{margin-left:10px;}
.list-dropdown .inner{display:none;padding:0 75px;background:#f8f8f8;border-top:1px solid #e5e5e5}
.list-dropdown .file-ty{padding-top:30px;}
.list-dropdown .file-ty a{display:block;width:100%;padding-left:30px; height:28px;line-height:28px;font-size:14px;color:rgba(0,0,0,0.6);background:url("/images/i_clip.png")0 center no-repeat;background-size:20px auto;}
.list-dropdown .edit{padding:40px 0 50px;font-size:16px;font-weight:300;line-height:32px;}
.list-dropdown .edit a{font-size:initial;font-style:initial;color:#1f90df;text-decoration:underline;}
.list-dropdown .edit img{width:auto;max-width:100%;}
.list-dropdown .edit b, .list-dropdown .edit b span{font-weight:700;}
.list-dropdown .edit div, .list-dropdown .edit p,
.list-dropdown .edit strong, .list-dropdown .edit b,
.list-dropdown .edit span, .list-dropdown .edit ol, .list-dropdown .edit ul,
.list-dropdown .edit li{font-size:initial;font-style:initial}
.list-dropdown .edit ul, .list-dropdown .edit 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;}

.list-dropdown .cont-top.on:before{transform:rotate(90deg);transition:all .2s ease-in-out;}
@media (min-width: 1367px) {
    .list-dropdown .cont-top:hover{background-color:#f8f8f8;transition:all .2s ease-in-out; }
}

@media (max-width: 1366px) {  /*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-dropdown{padding:0 32px 150px}
}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .list-dropdown{padding:0 20px 100px}
    .list-dropdown .cont{margin-top:19px;}
    .list-dropdown .cont-top{padding:18px 5px;}
    .list-dropdown .cont-top:before{display:none;}
    .list-dropdown .cont-top span{width:100%;height:auto;line-height:20px;}
    .list-dropdown .cont-top .num{display:none;}
    .list-dropdown .cont-top .t1{width:100%;font-size:13px;}
    .list-dropdown .cont-top .t2{width:100%;font-size:13px;height:auto;line-height:20px;}
    .list-dropdown .cont-top .tag{display:block;margin-top:7px;}
    .list-dropdown .cont-top .tag li:first-child{margin-left:0;}
    .list-dropdown .inner{padding:0 10px;}
    .list-dropdown .file-ty{padding-top:10px;}
    .list-dropdown .file-ty li{margin-top:5px;}
    .list-dropdown .file-ty a{padding-left:35px;font-size:12px;background-position:5px center;}
    .list-dropdown .edit{padding:35px 0;font-size:13px;font-weight:300;line-height:normal;}
}

.list-ty3{padding: 0 0 150px;}
.list-ty3 .cont{margin-top:42px;border-top:2px solid #000;border-bottom:2px solid #000;}
.list-ty3 .cont li{border-top:1px solid #e5e5e5;}
.list-ty3 .cont li:first-child{border:0;}
.list-ty3 .cont li a{position:relative;display:block;padding:30px 0;font-size:0;}
.list-ty3 .cont li span{display:inline-block;overflow:hidden;height:21px;line-height:21px;font-weight:300;color:rgba(0,0,0,0.6);vertical-align:top;white-space:nowrap;text-overflow:ellipsis;}
.list-ty3 .cont li .num{width:100px;font-size:14px;text-align:center;}
.list-ty3 .cont li .num img{width:20px;display:inline-block;}
.list-ty3 .cont li .title{width:calc(100% - 310px);margin-left:10px;font-size:16px;color:#000;}
.list-ty3 .cont li .date{width:100px;margin-left:100px;font-size:14px;}
.list-ty3 .cont li .t1{width:160px;font-size:16px;color:#000}
.list-ty3 .cont li .t2{display:inline-block;line-height:26px;font-weight:300;width:calc(100% - 460px);font-size:16px;color:#000;vertical-align:top;}
.list-ty3 .cont li .tag{display:inline;vertical-align:top;font-size:0;}
.list-ty3 .cont li .tag li{display:inline-block;margin:0 4px 5px 0;padding:0 13px;height:26px;line-height:26px;border:1px solid rgba(0,0,0,0.2);font-weight:400;font-size:12px;border-radius:20px;color:rgba(0,0,0,0.5);vertical-align:top;}
.list-ty3 .cont li .tag li:first-child{margin-left:10px;}
.list-ty3 .cont li a.new .title{font-weight:400;color:#cc1b38;}
.list-ty3 .cont li a.new .t1,
.list-ty3 .cont li a.new .t2{font-weight:500;}
@media (min-width: 1367px) {
    .list-ty3 .cont li a:hover{background-color:#f8f8f8;transition:all .2s ease-in-out; }
}

@media (max-width: 1366px) {  /*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-ty3 {padding:0 32px 150px}
}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .list-ty3 {padding:0 20px 100px}
    .list-ty3 .cont{margin-top:19px;}
    .list-ty3 .cont li a{padding:18px 5px;}
    .list-ty3 .cont li span{display:-webkit-box;width:100%;height:auto;line-height:22px;max-height:44px;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
    .list-ty3 .cont li .num{display:none;}
    .list-ty3 .cont li .title{width:100%;margin-left:0;font-size:13px;}
    .list-ty3 .cont li .date{width:100%;margin-left:0;margin-top:5px;font-size:13px;}
    .list-ty3 .cont li .t1{width:100%;font-size:13px;}
    .list-ty3 .cont li .t2{width:100%;font-size:13px;height:auto;line-height:20px;}
    .list-ty3 .cont li .tag{display:block;margin-top:7px;}
    .list-ty3 .cont li .tag li:first-child{margin-left:0;}
    .list-ty3 .cont li .t2 + .date{display:none;}
}


.list-ty4{padding-bottom:82px;}
.list-ty4 .cont{margin-top:40px}
.list-ty4 .cont ul{font-size:0;}
.list-ty4 .cont li{display:inline-block;width:calc(33.33% - 8px);height:410px; margin-right:12px;vertical-align:top;}
.list-ty4 .cont li a{display:block;}
.list-ty4 .cont li:nth-child(3n){margin-right:0;}
.list-ty4 .cont li .thumbs{overflow:hidden;width:100%;height:220px;}
.list-ty4 .cont li .thumbs span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;transition:all .2s ease-in-out;}
.list-ty4 .cont li a em{display:block;margin-top:20px;font-size:14px;color:rgba(0,0,0,0.6)}
.list-ty4 .cont li a strong{display:-webkit-box;overflow:hidden;margin-top:15px;line-height:34px;max-height:68px;font-size:17px;letter-spacing:0.6px;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.list-ty4 .cont li a p.t1{display:-webkit-box;overflow:hidden;margin-top:7px;line-height:20px;max-height:60px;font-size:13px;letter-spacing:0.33px;font-weight:300;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.list-ty4 .cont li a p.t2{display:block;margin-top:0px;font-size:13px;color:rgba(0,0,0,0.6);letter-spacing:0.33px;font-weight:300;line-height:20px;}
.list-ty4 .cont li a p.t1 + .t2{margin-top:15px;font-size:12px;}
.list-ty4 .cont li a:hover .thumbs span{transform:scale(1.2)}
.list-ty4 .cont li .top-video{height:100%}
.list-ty4 .cont li .top-video:before{margin-top:-95px;z-index:100;}
/*AK News*/
.list-ty4.v1{padding-bottom:70px;}
.list-ty4.v1 .cont li{height:350px;}
.list-ty4.v1 .cont li .thumbs{height:230px;}
.list-ty4.v1 .cont li a em{font-size:14px;color:#000;letter-spacing:1.4px;}
.list-ty4.v1 .cont li a strong{margin-top:5px;font-weight:400;-webkit-line-clamp:1;max-height:34px;}

@media (max-width: 1366px) {  /*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-ty4{padding:0 32px 87px;}
    .list-ty4 .cont li{height:365px;}
    .list-ty4 .cont li .thumbs{height:175px;}
    .list-ty4 .cont li a em{margin-top:35px;}
    .list-ty4 .cont li a strong{margin-top:10px;}
    /*AK News*/
    .list-ty4.v1{padding-bottom:70px;}
    .list-ty4.v1 .cont li{height:444px;}
    .list-ty4.v1 .cont li .thumbs{height:182px;}
    .list-ty4.v1 .cont li a em{margin-top:25px; }
    .list-ty4.v1 .cont li a strong{font-size:20px}
}
@media (max-width: 767px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .list-ty4{padding:0 20px 72px;}
    .list-ty4 .cont{margin-top:15px}
    .list-ty4 .cont li{display:block;width:100%;height:auto; margin-right:0;}
    .list-ty4 .cont li .thumbs{height:180px;}
    .list-ty4 .cont li a em{margin-top:17px;font-size:12px;}
    .list-ty4 .cont li a strong{margin-top:5px;margin-bottom:25px;line-height:22px;max-height:44px;font-size:13px;letter-spacing:0;}
    .list-ty4 .cont li a p.t2{margin-top:6px;font-size:12px;}
    .list-ty4 .cont li .top-video:before{margin-top:0; top:59px; transform: translateX(-50%) translateY(0);}
    /*AK News*/
    .list-ty4.v1{padding-bottom:20px;}
    .list-ty4.v1 .cont li{height:auto;padding-bottom:55px; }
    .list-ty4.v1 .cont li .thumbs{height:186px;}
    .list-ty4.v1 .cont li a em{margin-top:20px;}
    .list-ty4.v1 .cont li a strong{font-size:20px;margin-top:10px;}
}
.list-ty5{padding-bottom:150px;}
.list-ty5 .cont{margin-top:60px}
.list-ty5 .cont ul{font-size:0;}
.list-ty5 .cont li{display:inline-block;width:calc(25% - 9px);height:510px; margin-right:12px;vertical-align:top;}
.list-ty5 .cont li a{display:block;}
.list-ty5 .cont li:nth-child(4n){margin-right:0;}
.list-ty5 .cont li .thumbs{display:table;overflow:hidden;width:100%;height:291px;background-color:#ebebeb;transition:all .2s ease-in-out;}
.list-ty5 .cont li .thumbs span{display:table-cell;width:auto;text-align:center;vertical-align:middle;transition:all .2s ease-in-out;}
.list-ty5 .cont li .thumbs span img{display:inline-block;width:auto;max-width:70%;max-height:100%;}
.list-ty5 .cont li a em{display:block;margin-top:30px;font-size:14px;color:rgba(0,0,0,0.6)}
.list-ty5 .cont li a strong{display:-webkit-box;overflow:hidden;margin-top:10px;line-height:34px;max-height:68px;font-size:24px;letter-spacing:0.6px;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.list-ty5 .cont li a p{display:block;margin-top:10px;font-size:13px;color:rgba(0,0,0,0.6);letter-spacing:0.33px;font-weight:300;line-height:20px;}
.list-ty5 .cont li a p span{display:inline-block;font-size:13px;color:rgba(0,0,0,0.6);letter-spacing:0.33px;font-weight:300;vertical-align:top;}
.list-ty5 .cont li a p span:before{content:'';display:inline-block;margin:5px 10px 0;width:1px;height:10px;background:rgba(0,0,0,0.2);vertical-align:top; }
.list-ty5 .cont li a:hover .thumbs{background-color:#ebebeb;}
.list-ty5 .cont li a:hover .thumbs span{transform:scale(1.1)}
.list-ty5 .page-nav{margin-top:0;}
@media (max-width: 1366px) {  /*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-ty5{padding:0 32px 150px ;}
    .list-ty5 .cont{margin-top:60px}
    .list-ty5 .cont li{width:calc(25% - 9px);height:calc(23vw + 220px);}
    .list-ty5 .cont li .thumbs{height:23vw;}
}
@media (max-width: 767px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .list-ty5{padding:0 20px 100px ;}
    .list-ty5 .cont{margin-top:15px}
    .list-ty5 .cont li{width:calc(50% - 3px);height:calc(44vw + 150px);margin-right:6px;}
    .list-ty5 .cont li:nth-child(2n){margin-right:0;}
    .list-ty5 .cont li .thumbs{height:44vw;}
    .list-ty5 .cont li a em{margin-top:15px;font-size:12px;}
    .list-ty5 .cont li a strong{margin-top:8px;line-height:18px;max-height:36px;font-size:13px;letter-spacing:0.33px;}
    .list-ty5 .cont li a p{margin-top:6px;font-size:12px;}
    .list-ty5 .cont li a p span{display:inline;font-size:12px;}
    .list-ty5 .cont li a p span:before{margin:5px 5px 0;}

}
.list-ty6{padding: 0 0 150px;}
.list-ty6 .cont{position:relative;margin-top:42px;border-top:2px solid #000;border-bottom:2px solid #000;}
.list-ty6 .cont + .cont{margin-top:-2px;}
.list-ty6 .cont strong{position:absolute;top:0;left:0;display:table; padding-left:20px;width:180px;height:80px;}
.list-ty6 .cont strong span{display:table-cell;width:100%;height:80px;font-size:16px;line-height:26px;font-weight:500;vertical-align:middle;}
.list-ty6 .cont li{display:table;width:100%;padding:27px 0 27px 40px;border-top:1px solid #e5e5e5;font-size:0;}
.list-ty6 .cont li:first-child{border:0;}
.list-ty6 .cont li span{display:inline-block;vertical-align:middle;position:relative;padding-right:10px;width:324px;font-size:16px;line-height:26px;transition:all .2s ease-in-out;}
.list-ty6 .cont li span img{display:inline-block;width:15px;height:15px;margin-top:5px;margin-left:5px;vertical-align:top; }
.list-ty6 .cont li a:hover{font-weight:500;}
.list-ty6 .cont li p{display:inline-block;vertical-align:middle;padding-right:36px;width:calc(100% - 324px);font-size:16px;font-weight:300;color:#555;line-height:22px;}
.list-ty6 .btn-more{display:block;line-height:80px;height:80px;font-size:14px;font-weight:300;color:#888;text-align:center;border-top:1px solid #e5e5e5;transition:all .2s ease-in-out;}
.list-ty6 .btn-more:hover{color:#000;font-weight:400;background-color:rgba(0,0,0,0.03)}

@media (max-width: 1366px) {  /*tablet (ipad pro가로세로 ~ ipad가로)*/
    .list-ty6 {padding:0 32px 150px}
}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .list-ty6 {padding:0 20px 100px}
    .list-ty6 .cont{margin-top:19px;}
    .list-ty6 .cont strong{position:static;display:block;padding-left:6px;margin-top:20px;width:100%;height:auto;font-size:13px;}
    .list-ty6 .cont strong span{display:block;font-size:13px;line-height:20px;height:auto;}
    .list-ty6 .cont li{display:block;padding:17px 6px;}
    .list-ty6 .cont li a{display:block;padding-right:0;width:100%;font-size:13px;line-height:23px;}
    .list-ty6 .cont li a img{margin-top:4px; }
    .list-ty6 .cont li a:hover{font-weight:400;}
    .list-ty6 .cont li p{display:block;margin-top:5px;padding-right:0;width:100%;font-size:12px;font-weight:300;line-height:18px;}
    .list-ty6 .btn-more{font-size:12px;}

}
.map-ty{position:relative;margin:70px auto 30px;width:1182px;text-align:center;z-index:100;}
.map-ty .bg-area{position:relative;width:100%;height:627px;background-color:#fff;background-image:url("/images/worldmap.png");background-position:center 0;background-repeat:no-repeat;background-size:1182px auto;}
.map-ty .bg{display:none;position:absolute;top:0;left:0;width:100%;height:627px;background-image:url("/images/worldmap.png");background-position:center 0;background-repeat:no-repeat;background-size:1182px auto;text-align:center;}
.map-ty .dot{position:absolute;display:none; width:140px;height:140px;background:rgba(0,0,0,0.4);border-radius:100%;}
.map-ty .dot .inner{display:table-cell;width:140px;height:140px;vertical-align:middle;text-align:center;}
.map-ty .dot strong{display:block;color:#fff;font-size:20px;letter-spacing:1px;font-weight:500;text-align:center;line-height:28px;white-space: nowrap}
.map-ty .dot p{display:block;color:#fff;font-size:14px;letter-spacing:0.7px;font-weight:300;text-align:center;line-height:24px;;white-space: nowrap}
.map-ty .dot p span{color:#fff;font-size:14px;letter-spacing:0.7px;font-weight:500;}
.map-ty .map-btn-area{position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;}
.map-ty .btn-area{position:absolute;display:block;}
.map-ty .btn-area.asia{width:531px;height:431px;top:8px;right:19px;}
.map-ty .btn-area.oceania{width:263px;height:245px;bottom:49px;right:0;z-index:8;}
.map-ty .btn-area.europe{width:303px;height:210px;top:1px;right:411px;z-index:9;}
.map-ty .btn-area.africa{width:308px;height:361px;top:198px;right:425px; z-index:10;}
.map-ty .btn-area.n_america{width:529px;height:362px;top:0;left:0;z-index:6;}
.map-ty .btn-area.s_america{width:213px;height:305px;bottom:37px;left:193px;z-index:7;}
.map-ty .on .dot{_opacity:1}
.map-ty .bg.default{display:block;}
.map-ty .bg.asia{background-image:url("/images/worldmap_asia.png");}
.map-ty .bg.asia .dot{top:101px;right:241px;}
.map-ty .bg.oceania{background-image:url("/images/worldmap_oceania.png");}
.map-ty .bg.oceania .dot{top:425px;right:67px;}
.map-ty .bg.europe{background-image:url("/images/worldmap_europe.png");}
.map-ty .bg.europe .dot{top:36px;right:448px;}
.map-ty .bg.africa{background-image:url("/images/worldmap_africa.png");}
.map-ty .bg.africa .dot{top:245px;right:498px;}
.map-ty .bg.n_america{background-image:url("/images/worldmap_n_america.png");}
.map-ty .bg.n_america .dot{top:86px;right:926px;}
.map-ty .bg.s_america{background-image:url("/images/worldmap_s_america.png");}
.map-ty .bg.s_america .dot{top:375px;right:813px;}

.map-btn{position:relative;display:inline-block;padding:10px 0;width:160px;margin-left:-30px;transition:all .2s ease-in-out;z-index:300;}
.map-btn:before{display:block;content:'Close';padding-right:40px;font-size:18px;font-weight:300;letter-spacing:1.8px;text-align:right;}
.map-btn:after{content:'';position:absolute;top:11px;right:10px;display:block;width: 9px;height:18px;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain;transform:rotate(90deg);transition:all .2s ease-in-out}
.map-btn:hover{font-weight:400}
.map-btn.off:before{content:'World Map';}
.map-btn.off:after{transform:rotate(-90deg);}
@media (max-width: 1366px) {  /*tablet (ipad pro가로세로 ~ ipad가로)*/
    .map-ty{margin:50px auto 20px;width:950px;}
    .map-ty .btn-area.asia{width:420px;height:335px;top:8px;right:19px;}
    .map-ty .btn-area.oceania{width:215px;height:191px;bottom:68px;right:0;}
    .map-ty .btn-area.europe{width:242px;height:167px;top:1px;right:333px;}
    .map-ty .btn-area.africa{width:244px;height:276px;top:160px;right:344px;}
    .map-ty .btn-area.n_america{width:417px;height:283px;top:0;left:0;}
    .map-ty .btn-area.s_america{width:168px;height:245px;bottom:57px;left:155px;}
    .map-ty .bg-area{height:520px;background-size:950px auto;}
    .map-ty .bg{height:520px;background-size:950px auto;}
    .map-ty .bg.asia .dot{top:61px;right:181px;}
    .map-ty .bg.oceania .dot{top:331px;right:38px;}
    .map-ty .bg.europe .dot{top:5px;right:357px;}
    .map-ty .bg.africa .dot{top:200px;right:379px;}
    .map-ty .bg.n_america .dot{top:51px;right:729px;}
    .map-ty .bg.s_america .dot{top:295px;right:639px;}

}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .map-ty{margin:40px auto -20px;width:600px;}
    .map-ty .btn-area.asia{width:264px;height:212px;top:8px;right:10px;}
    .map-ty .btn-area.oceania{width:135px;height:119px;bottom:54px;right:0;}
    .map-ty .btn-area.europe{width:155px;height:106px;top:1px;right:207px;}
    .map-ty .btn-area.africa{width:157px;height:183px;top:98px;right:214px;}
    .map-ty .btn-area.n_america{width:264px;height:178px;top:0;left:0;}
    .map-ty .btn-area.s_america{width:110px;height:158px;bottom:42px;left:97px;}
    .map-ty .bg-area{height:325px;background-size:600px auto;}
    .map-ty .bg{height:325px;background-size:600px auto;}
    .map-ty .dot{position:absolute;display:table; width:100px;height:100px;background:rgba(0,0,0,0.5);}
    .map-ty .dot .inner{width:100px;height:100px;}
    .map-ty .dot strong{font-size:14px;letter-spacing:0;line-height:24px;}
    .map-ty .dot p{font-size:12px;letter-spacing:0;line-height:16px;}
    .map-ty .dot p span{font-size:12px;letter-spacing:0;}
    .map-btn{width:140px;}
    .map-btn:before{font-size:14px;}
    .map-btn:after{top:9px;}
    .map-ty .bg.asia .dot{top:32px;right:106px;}
    .map-ty .bg.oceania .dot{top:204px;right:19px;}
    .map-ty .bg.europe .dot{top:0;right:220px;}
    .map-ty .bg.africa .dot{top:121px;right:234px;}
    .map-ty .bg.n_america .dot{top:31px;right:454px;}
    .map-ty .bg.s_america .dot{top:180px;right:396px;}
}
@media (max-width: 600px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .map-ty{margin:30px auto -20px;width:360px;}
    .map-ty .btn-area.asia{width:160px;height:129px;top:0;right:5px;}
    .map-ty .btn-area.oceania{width:82px;height:80px;bottom:54px;right:0;}
    .map-ty .btn-area.europe{width:94px;height:64px;top:1px;right:124px;}
    .map-ty .btn-area.africa{width:92px;height:113px;top:59px;right:131px;}
    .map-ty .btn-area.n_america{width:161px;height:107px;top:0;left:0;}
    .map-ty .btn-area.s_america{width:66px;height:94px;bottom:55px;left:57px;}
    .map-ty .bg-area{height:210px;background-size:360px auto;}
    .map-ty .bg{height:210px;background-size:360px auto;}
    .map-ty .dot{position:absolute;display:table; width:84px;height:84px;}
    .map-ty .dot .inner{width:84px;height:84px;}
    .map-ty .dot strong{font-size:13px;letter-spacing:0;line-height:22px;}
    .map-ty .dot p{font-size:11px;letter-spacing:0;line-height:16px;}
    .map-ty .dot p span{font-size:11px;letter-spacing:0;}
    .map-ty .bg.asia .dot{top:8px;right:51px;}
    .map-ty .bg.oceania .dot{top:111px;right:2px;}
    .map-ty .bg.europe .dot{top:0;right:120px;}
    .map-ty .bg.africa .dot{top:65px;right:131px;}
    .map-ty .bg.n_america .dot{top:0;right:255px;}
    .map-ty .bg.s_america .dot{top:100px;right:229px;}
}


.detail-ty{padding:90px 0 150px; text-align:center;}
.detail-ty .top .t1{display:block;margin-bottom:15px;text-align:center;font-size:20px;font-weight:300;}
.detail-ty .top .t1.v1{padding-top:10px;font-size:14px;font-weight:400;letter-spacing:1.4px;}
.detail-ty .top .t1.v2{padding-top:10px;font-size:16px;line-height:26px;}
.detail-ty .top .tag{display:inline;vertical-align:top;font-size:0;}
.detail-ty .top .tag li{display:inline-block;margin:0 4px 5px 0;padding:0 13px;height:26px;line-height:26px;border:1px solid rgba(0,0,0,0.2);font-weight:400;font-size:12px;border-radius:20px;color:rgba(0,0,0,0.5);vertical-align:top;}
.detail-ty .top .tag li:first-child{margin-left:5px;}
.detail-ty .top .tit-ty{display:block;font-size:40px;font-weight:500;text-align:center;}
.detail-ty .top p{position:relative;display:block;margin-top:25px;padding-right:20px;font-size:14px;font-weight:300;color:rgba(0,0,0,0.6);text-align:center;line-height:22px;}
.detail-ty .top p .date{margin-top:0;}
.detail-ty .top p .date:before{content:'';display:inline-block;margin:5px 10px 0;width:1px;height:10px;background:rgba(0,0,0,0.2);vertical-align:top;  }
.detail-ty .top .date{display:inline-block;margin-top:25px;font-size:14px;font-weight:300;color:rgba(0,0,0,0.6);text-align:center;vertical-align:top;}
.detail-ty .file-ty{padding:25px 20px;border-bottom:1px solid rgba(0,0,0,0.1)}
.detail-ty .file-ty a{display:block;width:100%;padding-left:30px; height:28px;line-height:28px;font-size:14px;color:rgba(0,0,0,0.6);background:url("/images/i_clip.png")0 center no-repeat;background-size:20px auto;}
.detail-ty .cont{margin-top:45px;border-top:2px solid #000;border-bottom:2px solid #000;text-align:left;}
.detail-ty .edit{padding:50px 0;font-size:16px;font-weight:300;line-height:25px;}
.detail-ty .edit a{font-size:initial;font-style:initial;color:#1f90df;text-decoration:underline;}
.detail-ty .edit img{width:auto;max-width:100%;}
.detail-ty .edit b, .detail-ty .edit b span{font-weight:700;}
.detail-ty .edit div, .detail-ty .edit p,
.detail-ty .edit strong, .detail-ty .edit b,
.detail-ty .edit span, .detail-ty .edit ol, .detail-ty .edit ul,
.detail-ty .edit li{font-size:initial;font-style:initial}
.detail-ty .edit ul, .detail-ty .edit 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;}
.detail-ty .btn-line-ty1{margin-top:60px;}
.detail-ty.v1 .cont{margin-top:80px;}
.detail-ty.v1 .cont h4{font-size:26px;line-height:32px;}
.detail-ty.v1 .edit{padding:75px 0;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-ty{padding:90px 32px 150px;}
    .detail-ty .top .t1.v1{padding-top:10px;font-size:20px;font-weight:400;letter-spacing:2px;}
    .detail-ty .top .t1.v2{font-size:20px;}
    .detail-ty.v1 .edit{padding:55px 0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-ty{padding:40px 20px 100px;}
    .detail-ty .top .t1{margin-bottom:5px;font-size:14px;}
    .detail-ty .top .t1.v1{margin-bottom:10px;font-size:14px;letter-spacing:1.4px;}
    .detail-ty .top .t1.v2{font-size:14px;}
    .detail-ty .top .tit-ty{font-size:24px;}
    .detail-ty .top p{margin-top:15px;font-size:13px;padding-right:10px;}
    .detail-ty .top p .date:before{margin:6px 5px 0;}
    .detail-ty .top .date{margin-top:15px;font-size:13px;}
    .detail-ty .file-ty{padding:15px 0;}
    .detail-ty .file-ty li{margin-top:5px;}
    .detail-ty .file-ty a{padding-left:35px;font-size:12px;background-position:5px center;}
    .detail-ty .cont{margin-top:20px;}
    .detail-ty .edit{padding:25px 0;font-size:13px;line-height:22px;}
    .detail-ty .btn-line-ty1{margin-top:40px;}
    .detail-ty.v1 .cont{margin-top:40px;}
    .detail-ty.v1 .cont h4{font-size:20px;line-height:28px;}
    .detail-ty.v1 .edit{padding:35px 0;}
}

.more-product{overflow:hidden;position:relative;height:870px;background:#17181b;}
.more-product h2{display:block;padding-top:110px;text-align:center;font-size:40px;font-weight:500;color:#fff;}
.more-product .tab{margin-top:60px;font-size:0;text-align:center;white-space:nowrap;}
.more-product .tab li{display:inline-block;margin-left:70px;width:auto;height:45px;vertical-align:top;}
.more-product .tab li:first-child{margin-left:0;}
.more-product .tab li a{position:relative;display:block;font-size:18px;color:#fff;letter-spacing:0.9px;font-weight:300;}
.more-product .tab li a.on{color:#a97341}
.more-product .tab li a.on:before{content:'';display:block;position:absolute;bottom:-20px;width:100%;height:2px;background:#a97341;}
.more-product .list{position:absolute;top:300px;left:60px;width:calc(100% - 120px);height:570px;}
.more-product .list ul{}
.more-product .list li{width:291px;text-align:center;}
.more-product .list li a{position:relative;padding-top:310px;width:291px;height:360px;}
.more-product .list li a .img{position:absolute;top:0;left:0;display:block;width:291px;height:291px;background-position:0 0; background-repeat:no-repeat;background-size:contain;}
.more-product .list li a span{display:block;text-align:center;font-size:14px;font-weight:300;letter-spacing:0.7px;color:rgba(255,255,255,0.3);}
.more-product .list li a strong{display:block;margin-top:10px;text-align:center;font-size:20px;font-weight:400;color:#fff;}
.more-product .ui-widget-content{width:920px;margin:85px auto 0;background:#3b3a3f;}
.more-product .swiper-num{position:absolute;bottom:115px;left:50%;margin-left:-540px;font-size:16px;letter-spacing:1.6px;font-weight:500;color:#fff;}
.more-product .swiper-num-all{position:absolute;bottom:115px;left:50%;margin-left:540px;font-size:16px;letter-spacing:1.6px;font-weight:500;color:#fff;}
.more-product.scrollAni h2,
.more-product.scrollAni .tab,
.more-product.scrollAni .list{transform:translateY(250px);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.more-product.scrollAni.view h2,
.more-product.scrollAni.view .tab,
.more-product.scrollAni.view .list{transform:translateY(0);opacity:1}

@media (min-width: 1921px){
    .more-product .list{left:0;width:100%}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .more-product{height:726px;}
    .more-product h2{padding-top:85px;}
    .more-product .list{top:272px;height:454px;left:20px;width:calc(100% - 40px);}
    .more-product .list li{width:187px;}
    .more-product .list li a{padding-top:210px;width:187px;height:260px;}
    .more-product .list li a .img{width:187px;height:187px;}
    .more-product .ui-widget-content{width:720px;}
    .more-product .swiper-num{margin-left:-440px;bottom:100px;}
    .more-product .swiper-num-all{margin-left:440px;bottom:100px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .more-product{height:550px;}
    .more-product h2{padding-top:70px;font-size:24px}
    .more-product .tab{margin-top:40px;width:100%;height:40px;}
    .more-product .tab li{margin-left:50px;height:28px;}
    .more-product .tab li a{font-size:12px;letter-spacing:0.6px;}
    .more-product .tab li a.on:before{bottom:-12px;}
    .more-product .list{top:195px;height:335px;left:0;width:100%;}
    .more-product .list li{width:146px;}
    .more-product .list li a{padding-top:165px;width:146px;height:200px;}
    .more-product .list li a .img{width:146px;height:146px;}
    .more-product .list li a span{font-size:12px;}
    .more-product .list li a strong{margin-top:5px;font-size:14px;}
    .more-product .ui-widget-content{width:calc(100% - 40px);margin-top:50px}
    .more-product .swiper-num{display:none;}
    .more-product .swiper-num-all{display:none;}
}

.bnr-top{position:relative;height:864px;}
.bnr-top .video-js{height:864px;}
.bnr-top .video-js .vjs-play-control{bottom:450px;left:auto;right:40px;}
.bnr-top .cont{display:table;position:absolute;bottom:0;left:0;width:100%;height:410px; background:rgba(42,46,52,0.86)}
.bnr-top .cont .inner{display:table-cell;text-align:center;vertical-align:middle}
.bnr-top .cont strong{display:block;font-size:100px;font-weight:700;letter-spacing:15px;color:#fff;}
.bnr-top .cont em{display:block;font-size:24px;font-weight:400;letter-spacing:2.4px;color:#fff;}
.bnr-top .cont p{display:block;margin-top:45px;padding-bottom:15px;font-size:16px;font-weight:300;color:rgba(255,255,255,0.3);line-height:28px;}
.bnr-top .cont p span{font-size:16px;font-weight:300;color:rgba(255,255,255,1);}
.bnr-top.scrollAniTop .cont{transform:translateY(100%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000);}
.bnr-top.scrollAniTop.view .cont{transform:translateY(0)}

.bnr{display:table;overflow:hidden;position:relative;width:100%;height:600px;}
.bnr .title{text-align:center;font-size:0;}
.bnr .title img{display:inline-block;height:51px;width:auto;}
.bnr .title strong{display:inline-block;margin:9px 0 0 7px;font-size:60px;line-height:40px;color:#fff;font-weight:400;}
.bnr .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.bnr .bg.on{transform:scale(1.2);transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000);}
.bnr .cont{position:relative;display:table-cell;vertical-align:middle;text-align: center;}
.bnr .cont p{margin-top:20px;font-size:24px;letter-spacing: 0.6px;color:#fff;}
.bnr .over{display:none;}
.bnr .over ul{padding-top:60px;}
.bnr .over li{text-align:center;}
.bnr .over li a{display:inline-block;height:36px;line-height:36px;font-size:16px;letter-spacing:0.8px;color:#fff;}
.bnr .over li a:hover{text-decoration:underline;}
.bnr .over .btn-line-ty1{margin-top:40px; padding: 0 25px;height:51px;line-height:51px}
.bnr .over .btn-line-ty1 .arrow{margin-top:20px;}
.bnr-bottom{display:table;position:relative;width:100%;height:275px;}
.bnr-bottom .cont{position:relative;display:table-cell;vertical-align:middle;text-align: center;}
.bnr-bottom .cont strong{display:block;font-size:32px;font-weight:500;font-family: 'Roboto', sans-serif;}
.bnr-bottom .lnk-ty3{margin-top:30px;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .bnr-top{height:690px;}
    .bnr-top .video-js{height:690px;}
    .bnr-top .video-js .vjs-play-control{bottom:356px;right:32px;}
    .bnr-top .cont{height:326px;}
    .bnr-top .cont p{margin-top:30px;}
    .bnr{min-height:480px;height:auto;padding:50px 32px;}
    .bnr .over{display:block;}
    .bnr .over ul{padding-top:30px;}
    .bnr .over .btn-line-ty1{margin-top:35px;}
    .bnr .over .btn-line-ty1 .arrow{margin-top:20px;}
    .bnr-bottom{height:225px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .bnr-top{height:540px;}
    .bnr-top .video-js{height:540px;}
    .bnr-top .video-js .vjs-play-control{bottom:285px;right:20px;}
    .bnr-top .cont{height:270px;padding:20px;}
    .bnr-top .cont strong{font-size:42px;letter-spacing:1.05px;}
    .bnr-top .cont em{margin-top:5px;font-size:14px;letter-spacing:0.14px;}
    .bnr-top .cont p{margin-top:15px;padding-bottom:15px;font-size:13px;line-height:22px;word-break:break-word;}
    .bnr-top .cont p span{font-size:13px;}
    .bnr{min-height:420px;padding:40px 20px;}
    .bnr .title img{height:20px;}
    .bnr .title strong{margin:0 0 0 3px;font-size:26px;line-height:20px;}
    .bnr .cont p{margin-top:12px;font-size:14px;letter-spacing: 0.14px;}
    .bnr .over ul{padding-top:25px;}
    .bnr .over li a{height:30px;line-height:30px;font-size:13px;letter-spacing:normal;}
    .bnr .over .btn-line-ty1{margin-top:30px; padding: 0 17px;height:46px;line-height:46px}
    .bnr .over .btn-line-ty1 span{font-size:13px;}
    .bnr .over .btn-line-ty1 .arrow{margin-top:19px;margin-left:5px;}
    .bnr-bottom{padding:0 50px;height:210px;background:#f5f5f5;}
    .bnr-bottom .cont strong{font-size:24px;line-height:30px;}
    .bnr-bottom .lnk-ty3{margin-top:15px;}
}
.btn-ty{position:relative;width:100%;padding:0 80px 0 40px;height:70px;line-height:70px;border:1px solid #fff;font-size:20px;letter-spacing:0.5px;font-weight:500;color:#fff;transition:all .2s ease-in-out;}
.btn-ty:before{position:absolute;right:40px;top:50%;margin-top:-5px;content:'';display:block;width:18px;height:10px; background:transparent url("/images/i_arrow6.png") 0 0 no-repeat;background-size: 18px auto;transform: rotate(180deg);transition:all .2s ease-in-out;}
.btn-ty.on:before{transform: rotate(0);}
@media (min-width: 1367px){
    .btn-ty:hover{background:rgba(0,0,0,0.2)}
}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .btn-ty{padding:0 60px 0 20px;height:50px;line-height:50px;font-size:16px;letter-spacing:0.4px;}
    .btn-ty:before{right:20px;}
}
.img-group ul{font-size:0;}
.img-group ul li{display:inline-block;overflow:hidden;width:25%;height:25vw;}
.img-group ul li a{position:relative;display:block;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.img-group ul li a img{position:absolute;top:50%;left:50%;margin-left:-27px;margin-top:-27px; display:block;width:54px;height:54px;}
.img-group.scrollAni ul li:nth-child(1){transform:translateY(100%);transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0;}
.img-group.scrollAni ul li:nth-child(2){transform:translateY(100%);transition: transform 1500ms .2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .2s ease-in-out;opacity:0;}
.img-group.scrollAni ul li:nth-child(3){transform:translateY(100%);transition: transform 1500ms .4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .4s ease-in-out;opacity:0;}
.img-group.scrollAni ul li:nth-child(4){transform:translateY(100%);transition: transform 1500ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .6s ease-in-out;opacity:0;}
.img-group.scrollAni.view ul li{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .img-group ul li a img{margin-left:-15px;margin-top:-15px; display:block;width:30px;height:30px;}
}
@media (max-width: 767px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .img-group ul li{width:50%;height:50vw;}
    .img-group ul li a img{margin-left:-21px;margin-top:-21px; display:block;width:42px;height:42px;}
}


.detail-group1{padding:140px 0 20px;}
.detail-group1 h3{font-size:25px;font-weight:600;line-height:34px;}
.detail-group1 p{margin-top:20px;font-size:16px;font-weight:300;line-height:27px;}
.detail-group1 p.v1{padding-right:300px }
.detail-group1 .mt{margin-top:30px }
.detail-group1 .gallery{position:relative;margin:50px 0px;}
.detail-group1 .gallery .img{width:1200px;height:560px;margin:0 auto;}
.detail-group1 .gallery .top{height:560px;background:#fff;}
.detail-group1 .gallery .top li{width:1200px;height:560px;background:#fbfbfb;}
.detail-group1 .gallery .top li img{display:block;margin:68px auto 0;width:600px;}
.detail-group1 .gallery .thumbs{width:1200px;margin:12px auto 0; }
.detail-group1 .gallery .thumbs li{width:157px;height:102px;background:#fff;}
.detail-group1 .gallery .thumbs li img{display:block;margin:0px auto 0;height:100px;width:auto;}
.detail-group1 .gallery .swiper-pagination{width:1200px;text-align:right;bottom:40px;left:50%;margin-left:-600px;}
.detail-group1 .gallery .swiper-slide-thumb-active{position:relative;}
.detail-group1 .gallery .swiper-slide-thumb-active:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #a97341;box-sizing:border-box;}
.detail-group1 .gallery .swiper-pagination-bullet{background:#000;}
.detail-group1 .gallery .swiper-pagination-bullet-active{background:#a97341}
.detail-group1 .gallery .swiper-button-prev{width:20px;height:37px;left:50%;margin-left:-600px;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain;}
.detail-group1 .gallery .swiper-button-next{width:20px;height:37px;right:50%;margin-right:-600px;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain;transform: rotate(180deg)}
.detail-group1 .gallery .swiper-button-next.swiper-button-disabled,
.detail-group1 .gallery .swiper-button-prev.swiper-button-disabled{opacity:0}
.detail-group1 .txt{margin-top:70px;}
.detail-group1 .txt li{position:relative;margin-top:10px;padding-left:15px;font-size:16px;font-weight:300; }
.detail-group1 .txt li:before{content:'';position:absolute;top:50%;left:3px;margin-top:-2px;display:block;width:4px;height:4px;border-radius:100%;background:#000;}
.detail-group1 .mark-group2{font-size:0 }
.detail-group1 .mark-group2 li{display:inline-block;margin-top:70px;width:100px;padding:0 10px;text-align:center;vertical-align:top;}
.detail-group1 .mark-group2 li img{display:inline-block;width:60px;height:60px;}
.detail-group1 .mark-group2 li p{margin-top:15px;font-size:12px;font-weight:500;line-height:16px;color:rgba(0,0,0,0.4)}
.detail-group1.scrollAni{transform:translateY(250px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group1.scrollAni.view{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group1{padding:80px 0 10px;}
    .detail-group1 .wrap{padding:0 32px;}
    .detail-group1 p.v1{padding-right:0; }
    .detail-group1 .gallery .img{width:100%;padding:0 32px;height:auto;margin:0 auto;}
    .detail-group1 .gallery .top{height:448px;}
    .detail-group1 .gallery .top li{width:100%;height:448px;}
    .detail-group1 .gallery .top li img{margin:40px auto 0;height:368px;}
    .detail-group1 .gallery .thumbs{width:calc(100% - 90px);margin:10px auto 0; }
    .detail-group1 .gallery .thumbs li{width:152px;height:73px;}
    .detail-group1 .gallery .thumbs li img{margin:10px auto 0;height:57px;}
    .detail-group1 .gallery .swiper-pagination{width:calc(100% - 64px);bottom:30px;left:auto;right:32px;margin-left:0}
    .detail-group1 .gallery .swiper-button-prev{left:32px;margin-left:0;}
    .detail-group1 .gallery .swiper-button-next{right:32px;margin-right:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group1{padding:50px 0 0;}
    .detail-group1 h3{font-size:24px;line-height:30px;}
    .detail-group1 h3 br{display:none;}
    .detail-group1 p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group1 .wrap{padding:0 20px;}
    .detail-group1 .gallery{margin-top:30px;}
    .detail-group1 .gallery .img{padding:0 20px;}
    .detail-group1 .gallery .top{height:210px;}
    .detail-group1 .gallery .top li{width:100%;height:197px;}
    .detail-group1 .gallery .top li img{margin:20px auto 0;height:170px; width:300px;}
    .detail-group1 .gallery .thumbs{margin:0 auto;}
    .detail-group1 .gallery .thumbs li{width:60px;height:38px;}
    .detail-group1 .gallery .thumbs li:first-child{margin-left:20px;}
    .detail-group1 .gallery .thumbs li:last-child{margin-right:20px;}
    .detail-group1 .gallery .thumbs li img{margin:0px auto 0;height:36px;}
    .detail-group1 .gallery .swiper-pagination{display:none}
    .detail-group1 .gallery .swiper-button-prev{left:20px;margin-top:-5px;width:10px;height:19px;}
    .detail-group1 .gallery .swiper-button-next{right:20px;margin-top:-5px;width:10px;height:19px;}
    .detail-group1 .txt{margin-top:35px;}
    .detail-group1 .txt li{margin-top:10px;padding-left:10px;font-size:13px;}
    .detail-group1 .txt li:before{left:2px;margin-top:-1px;display:block;width:2px;height:2px;}
    .detail-group1 .mark-group2{margin-top:10px;}
    .detail-group1 .mark-group2 li{margin-top:20px;width:80px;padding:0 10px;}
    .detail-group1 .mark-group2 li img{width:50px;height:50px;}
    .detail-group1 .mark-group2 li p{margin-top:5px;font-size:10px;}
}


.detail-group2{margin-top:145px;position:relative;padding:130px 0 170px;background:linear-gradient(to left bottom, #39383d, #535257)}
.detail-group2 .bg{position:absolute;top:0;left:50%;margin-left:-250px;width:1142px;height:799px;background:url("/images/ellipse.png")0 0 no-repeat;background-size:contain;}
.detail-group2 .bg img{display:block;margin:-145px auto 0;width:auto;height:800px;padding-left:100px;}
.detail-group2 .txt{width:620px;}
.detail-group2 .txt.v1{width:600px;}
.detail-group2 .txt h3{width:700px;font-size:52px;line-height:76px;color:#fff;}
.detail-group2 .txt p{min-height:300px;margin-top:40px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;}
.detail-group2 .txt p strong{font-weight:500;font-size:20px;letter-spacing:0.5px;color:#fff;}
.detail-group2 .txt2{margin:80px 0 50px;width:100%;text-align:center;}
.detail-group2 .txt2 h3{font-size:36px;line-height:54px;color:#fff;}
.detail-group2 .txt2 p{margin-top:30px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;}
.detail-group2 .txt2 p.t1{font-weight:300;font-size:14px;letter-spacing:0.14px;color:rgba(255,255,255,0.3);}

.detail-group2 .btn-ty{margin-top:75px;}
.detail-group2 .dv2{position:relative;font-size:0;margin-top:77px;border-bottom:2px solid #fff;text-align:center;}
.detail-group2 .dv2>div{font-size:0;}
.detail-group2 .dv2>div>div{display:inline-block;width:calc(50% - 12px);height:77px;margin-left:12px;vertical-align:top;font-size:26px;font-weight:500;color:#fff;border-bottom:2px solid #fff;}
.detail-group2 .dv2>div>div.n2{width:50%;margin-left:0;}
.detail-group2 .dv2>div div.n3{opacity:0.3}
.detail-group2 .dv2>div>div img{width:auto;margin-top:-2px;margin-right:18px;height:27px;display:inline-block;vertical-align:top;}
.detail-group2 .dv2 li{display:table;width:100%;padding:30px 0;border-top:1px solid rgba(255,255,255,0.1)}
.detail-group2 .dv2 li:first-child{border:0}
.detail-group2 .dv2 .n1{margin-left:0}
.detail-group2 .dv2 li span{display:table-cell;width:50%;padding-left:12px;vertical-align:middle;color:#fff;font-weight:300;font-size:16px;}
.detail-group2 .dv2 li span.n2{padding-left:0;}
.detail-group2 .dv2 li span.n3{opacity:0.3;}

.detail-group2 .dv3{position:relative;font-size:0;margin-top:77px;border-bottom:2px solid #fff;}
.detail-group2 .dv3>div{font-size:0;}
.detail-group2 .dv3>div>div{display:inline-block;width:calc(33.33% - 12px);height:77px;margin-left:12px;vertical-align:top;font-size:26px;font-weight:500;color:#fff;border-bottom:2px solid #fff;}
.detail-group2 .dv3>div>div.n1{width:33.33%;margin-left:0;}
.detail-group2 .dv3>div div.n3{opacity:0.3}
.detail-group2 .dv3>div>div img{width:auto;margin-top:-2px;margin-right:18px;height:27px;display:inline-block;vertical-align:top;}
.detail-group2 .dv3 li{display:table;width:100%;padding:30px 0;border-top:1px solid rgba(255,255,255,0.1)}
.detail-group2 .dv3 li:first-child{border:0}
.detail-group2 .dv3 .n1{margin-left:0}
.detail-group2 .dv3 li span{display:table-cell;width:33.33%;padding-left:12px;vertical-align:middle;color:#fff;font-weight:300;font-size:16px;}
.detail-group2 .dv3 li span.n1{font-size:20px;padding-left:0;}
.detail-group2 .dv3 li span.n3{opacity:0.3;}

.detail-group2 .dv4{position:relative;font-size:0;margin-top:77px;border-bottom:2px solid #fff;}
.detail-group2 .dv4>div{font-size:0;}
.detail-group2 .dv4>div>div{display:inline-block;width:calc(25% - 8px);height:77px;margin-left:8px;vertical-align:top;font-size:26px;font-weight:500;color:#fff;opacity:0.3}
.detail-group2 .dv4>div>div.n1{width:25%;margin-left:0;opacity:1}
.detail-group2 .dv4 ul{}
.detail-group2 .dv4 li{display:block;width:100%;font-size:0;}
.detail-group2 .dv4 li:first-child{border:0}
.detail-group2 .dv4 .n1{margin-left:0}
.detail-group2 .dv4 li span{position:relative;display:inline-block;width:calc(25% - 8px);margin-left:8px;padding:28px 0;border-top:2px solid rgba(255,255,255,0.3); vertical-align:top;color:#fff;font-weight:300;font-size:16px;}
.detail-group2 .dv4 li span img{height:270px;width:auto;}
.detail-group2 .dv4 li span:first-child{margin-left:0;width:25%;font-size:20px;border-color:#fff;}
.detail-group2 .info{margin-top:28px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.3)}
.detail-group2.v1{padding:120px 0 150px;}
.detail-group2.v1 h3{font-weight:500;}

.detail-group2.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group2.scrollAni .bg{transform:translateX(100%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000);}
.detail-group2.scrollAni.view .wrap{transform:translateY(0);opacity:1}
.detail-group2.scrollAni.view .bg{transform:translateX(0);}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group2{margin-top:100px;padding:130px 32px 100px;}
    .detail-group2 .bg{margin-left:-120px;width:900px;height:600px;}
    .detail-group2 .bg img{margin-top:-100px;height:640px;}
    .detail-group2.v2 .bg img{padding-left:0;height:600px;}
    .detail-group2 .txt{width:calc(100% - 340px);max-width:620px}
    .detail-group2 .txt p{min-height:220px;}
    .detail-group2 .dv4 li span img{height:auto;width:230px;}
    .detail-group2.v1{padding:120px 32px 150px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group2{margin-top:62px;padding:254px 20px 50px;}
    .detail-group2 .bg{position:absolute;top:0;left:auto; right:0;margin-left:0;width:360px;height:370px;background:url("/images/ellipse.png")calc(100% - -110px) bottom no-repeat;background-size:520px auto;}
    .detail-group2 .bg img{margin-top:-62px;margin-right:-10px;height:305px;padding-left:0;}
    .detail-group2.v2 .bg img{margin-top:-90px;height:450px;margin-right:0;}
    .detail-group2 .txt{width:100%}
    .detail-group2 .txt h3{width:100%;font-size:26px;line-height:36px;}
    .detail-group2 .txt p{min-height:initial;margin-top:20px;font-size:13px;line-height:22px;letter-spacing:0;}
    .detail-group2 .txt2{margin:40px 0 20px;text-align:left;}
    .detail-group2 .txt2 h3{font-size:24px;line-height:30px;}
    .detail-group2 .txt2 p{margin-top:20px;font-size:13px;line-height:22px;letter-spacing:0;}
    .detail-group2 .txt2 p.t1{font-size:12px;line-height:14px;}

    .detail-group2 .select-ty2{margin-top:30px;}

    .detail-group2 .dv2{margin-top:34px;}
    .detail-group2 .dv2>div>div{width:calc(50% - 6px);height:38px;margin-left:6px;font-size:14px;text-align:center;}
    .detail-group2 .dv2>div div.n2{width:50%;margin-left:0;}
    .detail-group2 .dv2>div>div img{margin-top:-2px;margin-right:5px;height:14px;}
    .detail-group2 .dv2 li{position:relative;padding:35px 0 12px;}
    .detail-group2 .dv2 li span{width:50%;padding-left:6px;font-size:13px;text-align:center;}
    .detail-group2 .dv2 li span.n1{font-size:10px;position:absolute;top:13px;left:0;display:block;width:100%;text-align:center;}

    .detail-group2 .dv3{margin-top:34px;}
    .detail-group2 .dv3>div>div{width:calc(50% - 6px);height:38px;margin-left:6px;font-size:14px;text-align:center;}
    .detail-group2 .dv3>div>div.n1{display:none;}
    .detail-group2 .dv3>div div.n2{width:50%;margin-left:0;}
    .detail-group2 .dv3>div>div img{margin-top:-2px;margin-right:5px;height:14px;}
    .detail-group2 .dv3 li{position:relative;padding:35px 0 12px;}
    .detail-group2 .dv3 li span{width:50%;padding-left:6px;font-size:13px;text-align:center;}
    .detail-group2 .dv3 li span.n1{font-size:10px;position:absolute;top:13px;left:0;display:block;width:100%;text-align:center;}

    .detail-group2 .dv4{margin-top:50px;white-space:nowrap;margin-left:-20px;padding-left:20px;width:calc(100% + 40px);overflow-y:auto;border:0;}
    .detail-group2 .dv4>div>div{width:210px;height:30px;margin-left:6px;font-size:16px}
    .detail-group2 .dv4>div>div.n1{width:210px;}
    .detail-group2 .dv4>div>div:last-child{margin-right:20px;}
    .detail-group2 .dv4 li span{width:210px;margin-left:8px;padding:17px 0;font-size:14px;white-space:normal}
    .detail-group2 .dv4 li span img{height:auto;width:210px;}
    .detail-group2 .dv4 li span:first-child{width:210px;font-size:14px;}
    .detail-group2 .dv4 li:last-child span:after{display:block;content:'';position:absolute;bottom:0;left:-8px;border-bottom:2px solid #fff;width:218px;}
    .detail-group2 .dv4 li:last-child span:first-child:after{width:210px;left:0;}
    .detail-group2 .dv4 li span:last-child{margin-right:20px;}

    .detail-group2 .info{margin-top:10px;font-size:13px;line-height:20px;}
    .detail-group2.v1{padding:70px 20px 100px;}
    .detail-group2.v1 .btn-ty{margin-top:30px;}

}
.detail-group3{position:relative;overflow:hidden;padding:110px 0 80px;background-color:#151619;background-position:center 0;background-repeat:no-repeat; background-size:cover;text-align:center;}
.detail-group3 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#151619 url("/images/features_bg3.png")center 0 no-repeat;background-size:cover;text-align:center;}
.detail-group3 h3{font-size:36px;color:#fff;}
.detail-group3 p{margin-top:25px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;}
.detail-group3 ul{font-size:0;}
.detail-group3 li{display:inline-block;margin-top:70px;vertical-align:top;}
.detail-group3 li img{display:inline-block;margin:0 auto;height:98px;width: auto;}
.detail-group3 li p{margin-top:20px;font-size:14px;font-weight:300;letter-spacing:0.16px;color:rgba(255,255,255,0.5);line-height:normal;white-space: nowrap;}
.detail-group3 li:nth-child(2){margin-left:106px;}
.detail-group3 li:nth-child(3){margin-left:144px;}
.detail-group3 li:nth-child(4){margin-left:129px;}
.detail-group3 li:nth-child(5){margin-left:100px;}
.detail-group3 li:nth-child(4) img{margin-top:46px;height:52px;}
.detail-group3 li:nth-child(5) img{margin-top:46px;height:52px;}
.detail-group3.scrollAni .bg{transform:scale(2); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group3.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group3.scrollAni.view .bg{transform:scale(1);opacity:1}
.detail-group3.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group3{padding:110px 32px 80px;}
    .detail-group3 li:nth-child(2){margin-left:5%;}
    .detail-group3 li:nth-child(3){margin-left:7%;}
    .detail-group3 li:nth-child(4){margin-left:7%;}
    .detail-group3 li:nth-child(5){margin-left:5%;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group3{padding:50px 0;}
    .detail-group3 h3{padding:0 20px;font-size:24px;text-align:left;}
    .detail-group3 p{padding:0 20px;margin-top:20px;font-size:12px;line-height:22px;letter-spacing:0;text-align:left;}
    .detail-group3 ul{text-align:center;}
    .detail-group3 li{margin-top:40px;width:50%;}
    .detail-group3 li img{height:60px;}
    .detail-group3 li p{margin-top:10px;font-size:12px;text-align:center;}
    .detail-group3 li:nth-child(1){width:100%;}
    .detail-group3 li:nth-child(2),
    .detail-group3 li:nth-child(3),
    .detail-group3 li:nth-child(4),
    .detail-group3 li:nth-child(5){margin-left:0;}
    .detail-group3 li:nth-child(4) img{margin-top:28px;height:32px;}
    .detail-group3 li:nth-child(5) img{margin-top:28px;height:32px;}
}

.detail-group4{position:relative;overflow:hidden;padding:190px 0 230px;background-color:#151619;background-position:center 0;background-repeat:no-repeat;background-size:auto 730px;}
.detail-group4 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#151619 url("/images/features_bg2.png")center 0 no-repeat;background-size:auto 730px;}
.detail-group4 h3{width:580px;font-size:36px;color:#fff;}
.detail-group4 p{margin-top:48px;width:580px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;}
.detail-group4.scrollAni .wrap{transform:translateY(250px); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group4.scrollAni.view .wrap{transform:translateY(0);opacity:1}
.detail-group4.scrollAni .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group4.scrollAni .wrap{transform:translateX(-100%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group4.scrollAni.view .bg{transform:translateX(0);opacity:1}
.detail-group4.scrollAni.view .wrap{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group4{padding:100px 32px 95px;background-size:auto 110%;}
    .detail-group4 .bg{background-size:auto 110%;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group4{padding:50px 20px 280px;background-position:calc(50% - 130px) 105%;background-size:auto 310px;}
    .detail-group4 .bg{background-position:calc(50% - 130px) 105%;background-size:auto 310px;}
    .detail-group4 h3{width:100%;font-size:24px;}
    .detail-group4 p{margin-top:20px;width:100%;font-size:13px;line-height:22px;letter-spacing:0;}
}


.detail-group5{position:relative;overflow:hidden;padding-bottom:300px;font-size:0;background:#525156 url('/images/features_bg.png') 0 0 no-repeat;background-size:100% auto; }
.detail-group5 .icon1{display:block;position:absolute;top:12.5vw;left:50%;margin-left:-13vw;width:4vw;}
.detail-group5 .icon2{display:block;position:absolute;top:26.5vw;left:50%;margin-left:-26vw;width:4vw;}
.detail-group5 .n1{position:relative;padding-top:230px;width:100%;padding-left:50%;z-index:100}
.detail-group5 .n2{position:relative;padding-top:250px;width:50%;z-index:100}
.detail-group5 h3{font-size:36px;color:#fff;}
.detail-group5 p{margin-top:50px;font-size:16px;line-height:32px;letter-spacing:0.16px;color:#fff;font-weight:300;}
.detail-group5 .n2>ul{margin-top:45px;}
.detail-group5 .n2>ul>li{position:relative;padding-left:8px;font-size:14px;line-height:28px;letter-spacing:0.14px;color:rgba(255,255,255,0.4);font-weight:300;}
.detail-group5 .n2>ul>li:before{position:absolute;top:0;left:0;content:'*';}
.detail-group5 .swiper-container{position:absolute;left:50%;margin-left:-318px;top:520px;width:1230px;height:820px;background:url("/images/features1_shadow.png") 0 0 no-repeat;background-size: contain;}
.detail-group5 .swiper-slide img{width:auto; height:100%;}
.detail-group5 .swiper-button-prev{left:50%;margin-left:-200px;width:16px;height:30px;background:url("/images/i_arrow5.png") 0 0 no-repeat;background-size: contain;}
.detail-group5 .swiper-button-next{right:50%;margin-right:-200px;width:16px;height:30px;background:url("/images/i_arrow5.png") 0 0 no-repeat;background-size: contain;transform: rotate(180deg)}
.detail-group5 .swiper-pagination{bottom:114px;}
.detail-group5.v1{background:#525156;padding-bottom:150px;}
.detail-group5.v1 .swiper-container{background-image:url("/images/features-5-mobile-bg.png")}
.detail-group5.v1 .n1{padding-top:160px;min-height:650px }
.detail-group5.v1 .n1 img{position:absolute;top:60px;left:-30px;width:570px;}
.detail-group5.v1 .n2{padding-top:50px;}
.detail-group5.v1 .swiper-pagination{bottom:200px;}
.detail-group5.scrollAni .n1{transform:translateX(100%); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group5.scrollAni.view .n1{transform:translateX(0);opacity:1}
.detail-group5.scrollAni .n2{transform:translateX(-100%); transition: transform 1500ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s 1s ease-in-out; opacity:0;}
.detail-group5.scrollAni.view .n2{transform:translateX(0);opacity:1}
.detail-group5.scrollAni .swiper-container{transform:translateX(100%); transition: transform 1500ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s 1s ease-in-out; opacity:0;}
.detail-group5.scrollAni.view  .swiper-container{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group5{position:relative;padding:0 32px 220px;background-size:auto 1100px;background-position:-260px 0}
    .detail-group5 .icon1{top:184px;left:283px;margin-left:0;width:71px;}
    .detail-group5 .icon2{top:397px;left:98px;margin-left:0;width:71px;}
    .detail-group5 .n1{padding-top:120px;padding-left:50%;}
    .detail-group5 .n2{padding-top:120px;width:55%;}
    .detail-group5 .n2>ul{margin-top:40px;}
    .detail-group5 .swiper-container{margin-left:0;left:auto;right:-260px;top:400px;width:980px;height:657px;}
    .detail-group5 .swiper-button-prev{margin-left:-180px;}
    .detail-group5 .swiper-button-next{margin-right:-180px;}
    .detail-group5 .swiper-pagination{bottom:95px;}

    .detail-group5.v1 .n1{padding-top:150px; }
    .detail-group5.v1 .n1 img{top:150px;left:0;width:45%;}
    .detail-group5.v1 .n2{margin-top:70px;padding-top:0;width:50%;}
    .detail-group5.v1 .swiper-container{top:550px;}
    .detail-group5.v1 .swiper-pagination{bottom:150px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group5{position:relative;padding:0 20px 45px;background-size:auto 550px;background-position:-95px 0}
    .detail-group5 .icon1{top:90px;left:180px;width:35px;}
    .detail-group5 .icon2{top:199px;left:82px;width:35px;}
    .detail-group5 .n1{padding-top:255px;padding-left:0;}
    .detail-group5 .n2{padding-top:0;margin-top:-50px;width:100%;}
    .detail-group5 h3{font-size:24px;}
    .detail-group5 p{margin-top:25px;font-size:13px;line-height:20px;letter-spacing:0;}
    .detail-group5 .n2>ul{margin-top:25px;}
    .detail-group5 .n2>ul>li{padding-left:5px;margin-top:10px;font-size:12px;line-height:normal;letter-spacing:0;}
    .detail-group5 .swiper-container{position:relative;right:auto;top:auto;margin-top:-50px;margin-left:calc(50% - 305px);width:610px;height:410px;}
    .detail-group5 .swiper-button-prev{margin-left:-165px;}
    .detail-group5 .swiper-button-next{margin-right:-165px;}
    .detail-group5 .swiper-pagination{bottom:60px;}
    .detail-group5.v1{padding-bottom:0;}
    .detail-group5.v1 .n1{padding-top:400px;min-height:initial;}
    .detail-group5.v1 .n1 img{top:50px;left:calc(50% - 144px);width:auto;height:320px}
    .detail-group5.v1 .n2{margin-top:50px;width:100%;}
    .detail-group5.v1 .swiper-slide img{margin-left:-20px;}
    .detail-group5.v1 .swiper-container{position:relative;right:auto;top:auto;margin-top:-150px;margin-left:calc(50% - 435px);width:870px;height:610px;}
    .detail-group5.v1 .swiper-button-prev{margin-left:-165px;}
    .detail-group5.v1 .swiper-button-next{margin-right:-165px;}
    .detail-group5.v1 .swiper-pagination{bottom:160px;}
}

.detail-group6{overflow:hidden;padding:100px 0;font-size:0;background:#16171a;text-align:center;}
.detail-group6 h3{font-size:36px;color:#fff;}
.detail-group6 .n1{width:1200px;margin:55px auto 0;font-size:0;}
.detail-group6 .n1 li{display:inline-block;width:33.33%; vertical-align:top;}
.detail-group6 .n1 li img{display:block;width:64px;margin:0 auto;}
.detail-group6 .n1 li:nth-child(2) img{width:58px;}
.detail-group6 .n1 li:nth-child(3) img{margin-top:8px;width:62px;margin-bottom:21px;}
.detail-group6 .n1 li strong{display:block;margin-top:10px;color:#fff;font-size:80px;font-weight:900;}
.detail-group6 .n1 li p{margin-top:10px;font-size:18px;letter-spacing:0.9px;font-weight:500;color:#fff;}
.detail-group6 .n2 p{max-width:900px;margin:55px auto 0 ;font-size:16px; font-weight:300;line-height:32px;color:#fff;letter-spacing:0.16px;}
.detail-group6 .n2 ul{max-width:900px;margin:20px auto 0;}
.detail-group6 .n2 li{display:inline-block;position:relative;padding-left:10px;font-size:14px;line-height:28px;letter-spacing:0.14px;font-weight:300;color:rgba(255,255,255,0.4)}
.detail-group6 .n2 li:before{position:absolute;top:0;left:0;content:'*';}
.detail-group6.scrollAni h3,
.detail-group6.scrollAni .n1,
.detail-group6.scrollAni .n2{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group6.scrollAni.view h3,
.detail-group6.scrollAni.view .n1,
.detail-group6.scrollAni.view .n2{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group6{padding:100px 30px 130px;}
    .detail-group6 .n1{width:100%;}
    .detail-group6 .n1 li strong{margin-top:10px;font-size:60px;}
    .detail-group6 .n1 li p{margin-top:5px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group6{padding:45px 20px;}
    .detail-group6 h3{font-size:24px;line-height:30px;text-align:left;}
    .detail-group6 .n1{width:100%;margin-top:0;text-align:left;}
    .detail-group6 .n1 li{width:50%;margin-top:30px;text-align:center;}
    .detail-group6 .n1 li img{width:32px;}
    .detail-group6 .n1 li:nth-child(2) img{width:28px;}
    .detail-group6 .n1 li:nth-child(3) img{margin-top:8px;width:31px;margin-bottom:21px;}
    .detail-group6 .n1 li strong{margin-top:10px;font-size:36px;}
    .detail-group6 .n1 li p{margin-top:10px;font-size:12px;letter-spacing:0.6px;}
    .detail-group6 .n2 p{margin-top:35px ;font-size:13px;line-height:22px;letter-spacing:0;text-align:left;}
    .detail-group6 .n2 li{display:block;padding-left:8px;margin-top:10px;font-size:12px;line-height:normal;letter-spacing:0;text-align:left;}
    .detail-group6 .n2 li:before{position:absolute;top:0;left:0;content:'*';}
}

.detail-group7{padding:30px 0 120px;font-size:0;}
.detail-group7 ul{font-size:0;width:1200px;margin:0 auto;text-align:center;}
.detail-group7 li{display:inline-block;width:50%;margin-top:95px;padding:0 50px;vertical-align:top;text-align:center;}
.detail-group7 li img{display:block;margin:0 auto; width:auto;height:70px;}
.detail-group7 p{margin-top:45px;min-height:96px;font-size:16px;line-height:32px;letter-spacing:0.4px;font-weight:300; }
.detail-group7 li:nth-child(3) p{min-height:initial;}
.detail-group7 .lnk-ty1{margin-top:50px;font-size:13px;padding-right:38px;}
.detail-group7 .lnk-ty1:after{width:20px;}
.detail-group7 .lnk-ty1:hover:after{right:-14px;width:34px;}
.detail-group7.scrollAni li:nth-child(1){transform:translateY(250px); transition: transform 1000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group7.scrollAni li:nth-child(2){transform:translateY(250px); transition: transform 1000ms .2s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .2s ease-in-out; opacity:0;}
.detail-group7.scrollAni li:nth-child(3){transform:translateY(250px); transition: transform 1000ms .4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .4s ease-in-out; opacity:0;}
.detail-group7.scrollAni li:nth-child(4){transform:translateY(250px); transition: transform 1000ms .6s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .6s ease-in-out; opacity:0;}
.detail-group7.scrollAni.view li{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group7{padding:0 0 90px;}
    .detail-group7 ul{width:100%;padding:0 32px;}
    .detail-group7 li{width:50%;padding:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group7{padding:0 0 45px;}
    .detail-group7 ul{width:100%;padding:0 20px;}
    .detail-group7 li{margin-top:60px;width:100%;padding:0;}
    .detail-group7 li img{height:45px;}
    .detail-group7 p{margin-top:25px;min-height:initial;font-size:13px;line-height:22px;letter-spacing:0.33px; }
    .detail-group7 .lnk-ty1{margin-top:25px;}
}

.detail-group8{position:relative;overflow:hidden;padding:100px 0;font-size:0;background-color:#151619;background-size:cover;background-position:center center;text-align:center;}
.detail-group8 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#151619;background-position:center 0;background-size:cover;background-repeat:no-repeat;text-align:center;}
.detail-group8 h3{font-size:52px;font-weight:500;color:#fff;line-height:76px;}
.detail-group8 p{margin-top:55px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group8 a{margin-top:55px;}
.detail-group8.v1 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group8.scrollAni .bg{transform:scale(2); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group8.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group8.scrollAni.view .bg{transform:scale(1);opacity:1}
.detail-group8.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group8{padding:70px 32px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group8{padding:50px 20px;}
    .detail-group8 h3{font-size:26px;line-height:36px;text-align:left}
    .detail-group8 p{margin-top:15px;font-size:13px;line-height:22px;text-align:left}
    .detail-group8 a{margin-top:20px;}
}

.detail-group9{position:relative;overflow:hidden;padding:100px 0;font-size:0;background-size:cover;background-position:center center;background-color:#535257;text-align:center;}
.detail-group9 h3{font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group9 p{margin-top:55px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group9 strong{display:block;margin-top:30px;font-weight:700;font-size:20px;color:#fff;}
.detail-group9 img{margin-top:40px;width:auto;max-width:993px;}
.detail-group9.v1{text-align:left}
.detail-group9.v2{text-align:left; background-color:#16171a}
.detail-group9.v2 .dv3{position:relative;font-size:0;margin-top:77px;border-bottom:2px solid #fff;}
.detail-group9.v2 .dv3 strong{margin-bottom:30px; }
.detail-group9.v2 .dv3>div{font-size:0;border-top:2px solid #fff;}
.detail-group9.v2 .dv3>div>div{display:inline-block;width:calc(33.33% - 12px);height:80px;line-height:80px;margin-left:12px;vertical-align:top;font-size:14px;font-weight:500;color:#fff;border-bottom:2px solid #fff;}
.detail-group9.v2 .dv3>div>div.n1{width:33.33%;margin-left:0;}
.detail-group9.v2 .dv3 li{display:table;width:100%;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1)}
.detail-group9.v2 .dv3 li:first-child{border:0}
.detail-group9.v2 .dv3 .n1{margin-left:0}
.detail-group9.v2 .dv3 li span{display:table-cell;width:33.33%;padding-left:12px;vertical-align:middle;color:#fff;font-weight:300;font-size:14px;line-height:20px;}
.detail-group9.v2 .dv3 li span.n1{padding-left:0;}

.detail-group9.v3{text-align:left; background-color:#fff;}
.detail-group9.v3 h3,
.detail-group9.v3 p{color:#000;padding-right:500px}
.detail-group9.v3 .dv3{position:relative;font-size:0;margin-top:90px;border-bottom:2px solid #000;}
.detail-group9.v3 .dv3 .bg{border:0;position:absolute;top:-235px;right:54px;width:386px;height:235px;background:url("/images/obj7.png") 0 bottom no-repeat;background-size:contain;}
.detail-group9.v3 .dv3>div{font-size:0;border-top:2px solid #000;}
.detail-group9.v3 .dv3>div>div{display:inline-block;width:calc(33.33% - 12px);height:80px;line-height:80px;margin-left:12px;vertical-align:top;font-size:16px;font-weight:500;color:#000;border-bottom:2px solid #000;}
.detail-group9.v3 .dv3>div>div.n1{width:21%;margin-left:0;}
.detail-group9.v3 .dv3>div>div.n2{width:45.66%;margin-left:0;}
.detail-group9.v3 .dv3 li{display:table;width:100%;padding:30px 0;border-top:1px solid rgba(0,0,0,0.1)}
.detail-group9.v3 .dv3 li:first-child{border:0}
.detail-group9.v3 .dv3 .n1{margin-left:0}
.detail-group9.v3 .dv3 li span{display:table-cell;width:33.33%;padding-left:12px;vertical-align:middle;color:#000;font-weight:300;font-size:14px;line-height:20px;}
.detail-group9.v3 .dv3 li span.n1{width:21%;padding-left:0;}
.detail-group9.v3 .dv3 li span.n2{width:45.66%;padding-left:0;padding-right:150px;}
.detail-group9.v3 .dv3 li img{margin:-25px 0;}
.detail-group9.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group9.scrollAni.view .wrap{transform:translateY(0);opacity:1}

.detail-group9.v4{margin-top:145px;padding-top:130px;}
.detail-group9.v4 h3{font-size:52px;line-height:76px;}
.detail-group9.v4 p{margin-top:35px;}
.detail-group9.v4 strong{margin-top:80px;}
.detail-group9.v4 img{margin-top:24px;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group9{padding:100px 32px;}
    .detail-group9 p{margin-top:20px;}
    .detail-group9 strong{margin-top:25px;}
    .detail-group9 img{max-width:100%;margin-top:50px}
    .detail-group9.v3 h3,
    .detail-group9.v3 p{padding-right:450px}
    .detail-group9.v3 .dv3>div>div.n1{width:24%;}
    .detail-group9.v3 .dv3>div>div.n2{width:calc(52% - 12px);}
    .detail-group9.v3 .dv3>div>div.n3{width:24%;}
    .detail-group9.v3 .dv3 li span.n1{width:24%;}
    .detail-group9.v3 .dv3 li span.n2{width:calc(52% - 12px);padding-right:50px;}
    .detail-group9.v3 .dv3 li span.n3{width:24%;}
    .detail-group9.v4{margin-top:120px;padding-top:130px;}
    .detail-group9.v4 h3{font-size:52px;line-height:76px;}
    .detail-group9.v4 p{margin-top:35px;}
    .detail-group9.v4 strong{margin-top:80px;}
    .detail-group9.v4 img{margin-top:24px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group9{padding:50px 20px;}
    .detail-group9 h3{font-size:24px;line-height:30px;}
    .detail-group9 p{margin-top:10px;font-size:13px;line-height:20px;}
    .detail-group9 strong{margin-top:20px;font-size:15px;}
    .detail-group9 img{margin-top:40px;max-width:100%; }
    .detail-group9.v2 .dv3{margin-top:60px;margin-bottom:30px}
    .detail-group9.v2 .dv3 strong{margin-bottom:15px; }
    .detail-group9.v2 .dv3>div>div{width:calc(50% - 6px);height:60px;line-height:60px;margin-left:6px;font-size:14px;text-align:center;}
    .detail-group9.v2 .dv3>div>div.n1{display:none;}
    .detail-group9.v2 .dv3>div div.n2{width:50%;margin-left:0;}
    .detail-group9.v2 .dv3>div>div img{margin-top:-2px;margin-right:5px;height:14px;}
    .detail-group9.v2 .dv3 li{position:relative;padding:33px 0;}
    .detail-group9.v2 .dv3 li span{width:50%;padding-left:6px;font-size:13px;text-align:center;}
    .detail-group9.v2 .dv3 li span.n1{font-size:10px;position:absolute;top:13px;left:0;display:block;width:100%;text-align:center;}
    .detail-group9.v3 h3,
    .detail-group9.v3 p{padding-right:0;}
    .detail-group9.v3 .dv3{margin-top:200px;}
    .detail-group9.v3 .dv3 .bg{border:0;position:absolute;top:-141px;right:0;width:231px;height:141px;}
    .detail-group9.v3 .dv3>div>div{margin-left:0;height:60px;line-height:60px;font-size:14px;}
    .detail-group9.v3 .dv3>div>div.n1{width:60%;}
    .detail-group9.v3 .dv3>div>div.n2{display:none;}
    .detail-group9.v3 .dv3>div>div.n3{width:40%;padding-left:12px;}
    .detail-group9.v3 .dv3 li{padding:10px 0;}
    .detail-group9.v3 .dv3 li span{display:inline-block;}
    .detail-group9.v3 .dv3 li span.n1{display:block;width:100%;font-size:13px;font-weight:400;}
    .detail-group9.v3 .dv3 li span.n2{width:60%;padding-right:0;font-size:13px;line-height:18px;}
    .detail-group9.v3 .dv3 li span.n3{width:40%;}
    .detail-group9.v3 .dv3 li img{margin:-20px 0 0;}
    .detail-group9.v4{margin-top:60px;padding-top:60px;padding-bottom:60px;}
    .detail-group9.v4 h3{font-size:26px;line-height:36px;text-align:left}
    .detail-group9.v4 p{margin-top:20px;text-align:left;}
    .detail-group9.v4 strong{margin-top:50px;}
    .detail-group9.v4 img{margin-top:30px;}

}

.detail-group10{position:relative;overflow:hidden;padding:120px 0;font-size:0;background-size:1268px auto;background-repeat:no-repeat;background-color:#10131f;}
.detail-group10 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#10131f;}
.detail-group10 .inner{padding-left:600px;}
.detail-group10 h3{font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group10 p{margin-top:55px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group10 a{margin-top:40px;}
.detail-group10.scrollAni .bg{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group10.scrollAni .wrap{transform:translateX(-100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0}
.detail-group10.scrollAni.view .bg{transform:translateX(0);opacity:1}
.detail-group10.scrollAni.view .wrap{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group10{padding:80px 32px;font-size:0;background-size:1050px auto;background-position:-300px calc(50% + 50px)}
    .detail-group10 .bg{background-position:35% center}
    .detail-group10 .inner{padding-left:500px;}
    .detail-group10 p{margin-top:20px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group10{padding:75vw 20px 50px;background-size:800px auto;background-position:center -139px;}
    .detail-group10 .bg{height:95vw;width:1600px;background-size:auto 100%;background-position:-25vw 0;}
    .detail-group10 .inner{padding-left:0;}
    .detail-group10 h3{font-size:24px;line-height:30px;}
    .detail-group10 p{margin-top:10px;font-size:13px;line-height:20px;}
    .detail-group10 a{margin-top:20px;}
}

.detail-group11{position:relative;padding:135px 0;font-size:0;background-image:url("/images/features-4-bg2.png");background-size:cover;background-position:center center ;background-repeat:no-repeat;}
.detail-group11 .bg{z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;background-size:535px auto;background-position:calc(50% + 350px) 140px;background-repeat:no-repeat;}
.detail-group11 .wrap{z-index:100;}
.detail-group11 .inner{padding-right:600px;}
.detail-group11 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group11 p{margin-top:45px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group11.scrollAni .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group11.scrollAni .wrap{transform:translateX(100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0}
.detail-group11.scrollAni.view .bg{transform:translateX(0);opacity:1}
.detail-group11.scrollAni.view .wrap{transform:translateX(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group11{padding:110px 32px;background:#f2f2f2}
    .detail-group11:before{content:'';display:block;position:absolute;top:0;left:0;width:50%;height:100%;background-image:url("/images/features-4-bg2.png");background-size:1600px auto;background-position:0 0 ;background-repeat:no-repeat;}
    .detail-group11:after{content:'';display:block;position:absolute;bottom:0;right:0;width:50%;height:100%;background-image:url("/images/features-4-bg2.png");background-size:1600px auto;background-position:-800px bottom ;background-repeat:no-repeat;}
    .detail-group11 .bg{background-position:calc(50% + 250px) 140px;background-size:460px auto;}
    .detail-group11 .inner{padding-right:500px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group11{padding:55px 20px 360px;}
    .detail-group11:before{width:340px;height:300px;background-size:1000px auto;background-position:-100px 0 ;}
    .detail-group11:after{width:340px;height:300px;background-size:1000px auto;background-position: calc(100% + 170px) bottom ;}
    .detail-group11 .bg{background-size:280px auto;background-position:50% calc(100% - 80px);}
    .detail-group11 .inner{padding-right:0;}
    .detail-group11 h3{font-size:24px;line-height:30px;}
    .detail-group11 p{margin-top:10px;font-size:13px;line-height:20px;}
}
.detail-group12{position:relative;overflow:hidden;padding:150px 0;font-size:0;background-image:url("/images/features-7-bg.png");background-size:cover;background-position:center center ;background-repeat:no-repeat;}
.detail-group12 .group{position:relative;font-size:0;}
.detail-group12 img{display:inline-block;margin-left:42px;width:512px;vertical-align:top;}
.detail-group12 .inner{display:inline-block;padding-left:54px;width:600px;vertical-align:top;}
.detail-group12 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group12 p{margin-top:35px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group12 ul{display:block;margin-top:70px;text-align:center;}
.detail-group12 li{display:inline-block;margin-left:70px;font-size:18px;font-weight:500;letter-spacing:0.9px;vertical-align:top;color:#fff;}
.detail-group12 li:first-child{margin-left:0}
.detail-group12 li strong{display:block;margin-bottom:10px;font-size:50px;font-weight:900;letter-spacing:0;color:#fff;}
.detail-group12.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group12.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group12{padding:100px 32px;}
    .detail-group12:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(21, 17, 26, 1), rgba(21, 17, 26, 0))}
    .detail-group12 img{margin-left:25px;width:472px;}
    .detail-group12 .inner{padding-left:45px;width:calc(100% - 518px);}
    .detail-group12 p{margin-top:25px;}
    .detail-group12 ul{margin-top:60px;}
    .detail-group12 li strong{display:block;margin-bottom:10px;font-size:40px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group12{padding:50px 20px;}
    .detail-group12 .group{padding-bottom:280px;}
    .detail-group12 img{position:absolute;bottom:0;left:50%;margin-left:-230px;margin-top:20px;width:460px;}
    .detail-group12 .inner{padding-left:0;width:100%;}
    .detail-group12 h3{font-size:24px;line-height:30px;}
    .detail-group12 p{margin-top:15px;font-size:13px;line-height:20px;}
    .detail-group12 ul{margin-top:10px;}
    .detail-group12 li{width:100%;margin-left:0;font-size:16px;letter-spacing:0.8px;}
    .detail-group12 li strong{margin-bottom:0;margin-top:25px;font-size:36px;}
}
@media (max-width: 500px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group12 .group{padding-bottom:60vw;}
    .detail-group12 img{position:absolute;bottom:0;left:0;margin-left:0;margin-top:20px;width:100%;}
}

.detail-group13{position:relative;overflow:hidden;padding:140px 0;font-size:0;background-color:#525156;text-align: center;}
.detail-group13 h3{font-size:52px;font-weight:500;line-height:76px;color:#fff;}
.detail-group13 .group{position:relative;font-size:0;}
.detail-group13 .inner{display:inline-block;vertical-align:top;margin-top:110px;text-align:left;width:600px;}
.detail-group13 .group.n1 img{margin-left:110px;margin-right:110px;width:376px;}
.detail-group13 .group.n2 img{margin-left:34px;width:566px;}
.detail-group13 img{display:inline-block;vertical-align:top;margin-top:110px;}
.detail-group13 img + .inner{padding-left:40px;padding-right:0;}
.detail-group13 .inner strong{margin-top:30px;display:block;font-size:36px;line-height:54px;font-weight:400;color:#fff;letter-spacing:-0.9px;}
.detail-group13 .inner p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group13 img + .inner strong{margin-top:-10px;}

.detail-group13.scrollAni .group.n1 img{transform:translateX(-400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out; opacity:0;}
.detail-group13.scrollAni .group.n1 .inner{transform:translateX(-100%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0}
.detail-group13.scrollAni.view .group.n1 img,
.detail-group13.scrollAni.view .group.n1 .inner{transform:translateX(0);opacity:1}

.detail-group13.scrollAni .group.n2 img{transform:translateX(400px); transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s .5s ease-in-out; opacity:0;}
.detail-group13.scrollAni .group.n2 .inner{transform:translateX(100%); transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .5s ease-in-out;opacity:0}
.detail-group13.scrollAni.view .group.n2 img,
.detail-group13.scrollAni.view .group.n2 .inner{transform:translateX(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group13{padding:130px 32px 80px;}
    .detail-group13 h3{font-size:50px;}
    .detail-group13 .inner{margin-top:100px;text-align:left;width:calc(100% - 485px);}
    .detail-group13 .group.n1 img{margin-left:39px;margin-right:70px;width:376px;}
    .detail-group13 .group.n2 img{margin-left:30px;width:452px;}
    .detail-group13 img{margin-top:100px;}
    .detail-group13 img + .inner{padding-left:32px;padding-right:0;}
    .detail-group13 .inner strong{margin-top:0;}
    .detail-group13 .inner p{margin-top:25px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group13{padding:50px 20px 90px;}
    .detail-group13 h3{font-size:26px;line-height:36px;text-align: left;}
    .detail-group13 .group{padding-bottom:300px;}
    .detail-group13 .inner{margin-top:55px;width:100%;}
    .detail-group13 .group.n1 img{position:absolute;left:calc(50% - 132px);bottom:0;width:264px;display:block;margin:0 auto;}
    .detail-group13 .group.n2 img{position:absolute;left:calc(50% - 158px);bottom:0;width:316px;display:block;margin:0 auto;}
    .detail-group13 img + .inner{padding-left:0;padding-right:0;}
    .detail-group13 .inner strong{margin-top:0;font-size:24px;line-height:30px;letter-spacing:0;}
    .detail-group13 .inner p{margin-top:20px;font-size:13px;line-height:20px;}
    .detail-group13 img + .inner strong{margin-top:0;}
}
@media (max-width: 500px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group13 .group{padding-bottom:60vw;}
    .detail-group13 img{position:absolute;bottom:0;left:0;margin-left:0;margin-top:20px;width:100%;}
}

.detail-group14{position:relative;overflow:hidden;padding:95px 0;font-size:0;background-color:#fff;text-align: center;}
.detail-group14 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group14 p{margin-top:35px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group14 .img{margin-top:65px;display:inline-block;vertical-align:bottom;width:50%;text-align:center;}
.detail-group14 .img img{width:auto;}
.detail-group14 .img strong{display:inline-block;margin-top:35px;width:100%;font-size:20px;font-weight:700}
.detail-group14.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group14.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group14{padding:65px 32px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group14{padding:50px 20px 65px;text-align:left;}
    .detail-group14 h3{font-size:24px;line-height:30px;padding-right:20px;}
    .detail-group14 p{margin-top:10px;font-size:13px;line-height:20px;}
    .detail-group14 .img{margin-top:50px;width:100%;}
    .detail-group14 .img img{height:110px;}
    .detail-group14 .img strong{margin-top:25px;font-size:14px;}
}

.detail-group15{position:relative;overflow:hidden;padding:75px 0 50px;background-color:#e9e9e9;background-position:0 center;background-size:auto 100%;background-repeat:no-repeat;}
.detail-group15 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e9e9e9;background-position:0 center;background-size:auto 100%;background-repeat:no-repeat;}

.detail-group15.v1{padding:147px 0 90px;}
.detail-group15 .inner{display:inline-block;width:calc(100% - 450px);margin-top:60px;vertical-align:top;}
.detail-group15.v1 .inner{margin-top:-10px;}
.detail-group15 .inner h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group15 .inner p{padding-right:100px;margin-top:35px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group15 .inner .info{opacity:0.3;font-size:14px;}
.detail-group15 .swiper-container{display:inline-block;width:450px;height:420px;vertical-align:top;}
.detail-group15 .swiper-slide{background-color:#e9e9e9;}
.detail-group15 .swiper-slide img{display:block;margin:0 auto;width:auto; height:350px;}
.detail-group15 .swiper-slide strong{display:block;font-size:16px;font-weight:300;margin-top:25px;text-align:center;}
.detail-group15 .swiper-button-prev{left:50%;margin-left:-220px;margin-top:-30px;width:16px;height:30px;background:url("/images/i_arrow.png") 0 0 no-repeat;background-size: contain;}
.detail-group15 .swiper-button-next{right:50%;margin-right:-220px;margin-top:-30px;width:16px;height:30px;background:url("/images/i_arrow.png") 0 0 no-repeat;background-size: contain;transform: rotate(180deg)}
.detail-group15 .swiper-pagination{bottom:0;}
.detail-group15 .swiper-pagination-bullet{background:#000}
.detail-group15 .swiper-pagination-bullet-active{background:#a97341}
.detail-group15.scrollAni .bg{transform:translateX(-50%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group15.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group15.scrollAni.view .bg{transform:translateX(0);opacity:1}
.detail-group15.scrollAni.view .wrap{transform:translateY(0);opacity:1}

@media (max-width: 1860px){
    .detail-group15{padding-left:150px;background-position:-80px center;}
    .detail-group15 .bg{background-position:-80px center;}
    .detail-group15.v1{padding:147px 0 90px 150px;}
}
@media (max-width: 1600px){
    .detail-group15{padding-left:280px;}
    .detail-group15.v1{padding-left:280px;background-size:270px auto;background-position:0 0;}
    .detail-group15.v1 .bg{background-size:270px auto;background-position:0 0;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group15{padding-top:50px;}
    .detail-group15.v1{padding:300px 0 50px 80px;}
    .detail-group15 .inner{width:calc(100% - 350px);margin-top:10px;}
    .detail-group15.v1 .inner{margin-top:-10px}
    .detail-group15 .inner p{padding-right:0;}
    .detail-group15 .swiper-container{width:350px;height:350px;vertical-align:top;}
    .detail-group15 .swiper-slide img{display:block;margin:0 auto;width:auto; height:280px;}
    .detail-group15 .swiper-button-prev{margin-left:-140px;}
    .detail-group15 .swiper-button-next{margin-right:-140px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group15{padding:50px 20px;background-size:auto 210px;background-position:-60px 0}
    .detail-group15 .bg{background-size:auto 210px;background-position:-60px 0}
    .detail-group15.v1{padding:120px 20px 50px 20px;background-size:130px auto;background-position:0 -35px;}
    .detail-group15.v1 .bg{background-size:130px auto;background-position:0 -35px;}
    .detail-group15.v2{padding-top:140px}
    .detail-group15 .inner{width:100%;margin-top:0}
    .detail-group15.v1 .inner{margin-top:0}
    .detail-group15 .inner h3{font-size:24px;line-height:30px;}
    .detail-group15 .inner p{padding-right:0;margin-top:15px;font-size:13px;line-height:20px;}
    .detail-group15 .swiper-container{width:100%;margin-top:40px;height:260px;}
    .detail-group15 .swiper-slide img{height:210px;}
    .detail-group15 .swiper-slide strong{margin-top:15px;font-size:13px;}
    .detail-group15 .swiper-button-prev{margin-left:0;left:0; }
    .detail-group15 .swiper-button-next{margin-right:0;right:0;}
}

.detail-group16{position:relative;overflow:hidden;padding:95px 0;font-size:0;background-color:#16171a;text-align:center;}
.detail-group16.v1{text-align:left;padding:80px 0;}
.detail-group16.v1 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#16171a;background-repeat:no-repeat;background-size:454px auto;background-position:calc(50% + 500px) -66px}
.detail-group16 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group16 p{padding:0 110px;margin-top:45px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group16.v1 p{padding:0 220px 0 0;}
.detail-group16.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity .5s ease-in-out;opacity:0}
.detail-group16.scrollAni.v1 .bg{transform:scale(1.5); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out;opacity:0}
.detail-group16.scrollAni.view .wrap{transform:translateY(0);opacity:1}
.detail-group16.scrollAni.v1.view .bg{transform:scale(1);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group16{padding:80px 32px;}
    .detail-group16.v1{text-align:left;padding:60px 195px 80px 32px;}
    .detail-group16.v1 .bg{background-position:calc(100% + 74px) -50px;background-size:440px auto;}
    .detail-group16 p{padding:0;margin-top:45px;}
    .detail-group16.v1 p{padding:0}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group16{padding:45px 20px;text-align:left;}
    .detail-group16.v1{padding:50px 20px 230px 20px;}
    .detail-group16.v1 .bg{background-size:280px;background-position:calc(50% - 13px) calc(100% + 190px); }
    .detail-group16 h3{font-size:24px;line-height:30px;}
    .detail-group16 h3 br{display:none;}
    .detail-group16 p{padding:0;margin-top:15px;font-size:12px;line-height:22px;}
}
.detail-group17{position:relative;overflow:hidden;padding:100px 0;font-size:0;background-size:979px auto;background-position:calc(50% - 350px) 70px;background-repeat:no-repeat;background-color:#fff;}
.detail-group17 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:979px auto;background-position:calc(50% - 350px) 70px;background-repeat:no-repeat;background-color:#fff;}
.detail-group17 .inner{padding-left:505px;}
.detail-group17 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group17 p{margin-top:55px;min-height:450px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group17.scrollAni .bg{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group17.scrollAni .wrap{transform:translateX(-100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group17.scrollAni.view .bg,
.detail-group17.scrollAni.view .wrap{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group17{padding:80px 32px;font-size:0;background-size:800px auto;background-position:-200px 70px}
    .detail-group17 .bg{background-size:800px auto;background-position:-200px 70px}
    .detail-group17 .inner{padding-left:400px;}
    .detail-group17 p{margin-top:40px;min-height:400px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group17{padding:50px 20px 490px;background-size:600px auto;background-position:center calc(100% - 20px);}
    .detail-group17 .bg{background-size:600px auto;background-position:center calc(100% - 20px);}
    .detail-group17 .inner{padding-left:0;}
    .detail-group17 h3{font-size:24px;line-height:30px;}
    .detail-group17 p{margin-top:15px;font-size:13px;line-height:20px;min-height:initial;}
}
.detail-group18{position:relative;overflow:hidden;padding:100px 0;font-size:0;background-color:#2f2f2f;text-align:center;}
.detail-group18 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;text-align:left;}
.detail-group18 img{margin-top:60px;width:auto;max-width:100%;}
.detail-group18.scrollAni .wrap{transform:translateY(250px); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group18.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group18{padding:80px 32px;font-size:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group18{padding:50px 20px;}
    .detail-group18 h3{font-size:24px;line-height:30px}
    .detail-group18 img{margin-top:25px;}
}
.detail-group19{position:relative;overflow:hidden;padding:100px 0 420px;font-size:0;background-size:auto 380px;background-position:center bottom;background-repeat:no-repeat;background-color:#000;text-align:center;}
.detail-group19 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:auto 720px;background-position:center bottom;background-repeat:no-repeat;background-color:#000;}
.detail-group19 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff}
.detail-group19 p{padding:0 180px;margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#fff}

.detail-group19.scrollAni .bg{transform:translateY(250px); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group19.scrollAni .wrap{transform:translateY(500px); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group19.scrollAni.view .bg,
.detail-group19.scrollAni.view .wrap{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group19{padding:80px 32px 380px;font-size:0;background-size:auto 320px;}
    .detail-group19 .bg{background-size:auto 646px;}
    .detail-group19 p{padding:0 60px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group19{padding:70px 20px 230px;background-size:auto 204px;text-align:left;}
    .detail-group19 .bg{background-size:auto 300px;}
    .detail-group19 h3{font-size:24px;line-height:30px;}
    .detail-group19 p{padding:0;margin-top:15px;font-size:13px;line-height:20px;}
}

.detail-group20{position:relative;overflow:hidden;padding:100px 0;font-size:0;background-color:#2f2f2f;}
.detail-group20 .wrap{position:static}
.detail-group20 .bg{position:absolute;top:0; left:0;width:100%;height:100%;background-size:auto 725px;background-position:calc(50% + 240px) 0;background-repeat:no-repeat;}
.detail-group20 h3{position:relative;z-index:100;width:810px;font-size:36px;font-weight:400;line-height:54px;color:#fff}
.detail-group20 p{position:relative;z-index:100;width:600px;margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#fff}
.detail-group20 img{position:relative;z-index:100;width:auto;margin-top:100px;}
.detail-group20 img + img{margin-left:179px;}
.detail-group20.scrollAni h3,
.detail-group20.scrollAni p{transform:translateX(-100%); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group20.scrollAni .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group20.scrollAni img{transform:translateY(300px); transition: all 1s 1s ease-in-out; opacity:0;}
.detail-group20.scrollAni.view h3,
.detail-group20.scrollAni.view p,
.detail-group20.scrollAni.view .bg{transform:translateX(0);opacity:1}
.detail-group20.scrollAni.view img{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group20{padding:100px 32px;text-align:center}
    .detail-group20 .bg{background-size:auto 420px;background-position:calc(100% + 50px) 150px;}
    .detail-group20 h3{width:85%;text-align:left;}
    .detail-group20 p{width:calc(100% - 480px);margin-top:50px;text-align:left;}
    .detail-group20 img{margin-top:100px;width:42%; }
    .detail-group20 img + img{margin-left:90px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group20{padding:60px 20px 80px;}
    .detail-group20 .bg{position:static;width:calc(100% + 40px);margin-left:-20px;height:255px;background-size:auto 260px;background-position:calc(50% - 81px) center;}
    .detail-group20 h3{width:100%;font-size:24px;line-height:30px;}
    .detail-group20 p{width:100%;margin-top:15px;font-size:13px;line-height:20px;}
    .detail-group20 img{display:block;margin:0 auto;width:100%;max-width:400px;  }
    .detail-group20 img + img{margin:70px auto 0;}
}
.detail-group21{position:relative;overflow:hidden;padding:140px 0 0;font-size:0;background-color:#fff;}
.detail-group21 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:554px auto;background-position:calc(50% + 340px) 88px;background-repeat:no-repeat;background-color:#fff;}
.detail-group21 .inner{padding-right:600px;}
.detail-group21 h3{font-size:56px;font-weight:500;line-height:80px;}
.detail-group21 p{margin-top:55px;min-height:500px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group21.scrollAni .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group21.scrollAni .wrap{transform:translateX(100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group21.scrollAni.view .bg,
.detail-group21.scrollAni.view .wrap{transform:translateX(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group21{padding:80px 32px 0;font-size:0;}
    .detail-group21 .bg{background-size:546px auto;background-position:right 120px}
    .detail-group21 .inner{padding-right:490px;}
    .detail-group21 p{margin-top:40px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group21{padding:50px 20px 450px;}
    .detail-group21 .bg{background-size:360px auto;background-position:center calc(100% - 20px);}
    .detail-group21 .inner{padding-right:0;}
    .detail-group21 h3{font-size:24px;line-height:30px;}
    .detail-group21 p{margin-top:15px;font-size:13px;line-height:22px;min-height:initial;}
}
.detail-group22{position:relative;overflow:hidden;padding:130px 0 0;font-size:0;background-color:#fff;}
.detail-group22 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:720px auto;background-position:calc(50% - 320px) 0;background-repeat:no-repeat;background-color:#fff;}
.detail-group22 .inner{padding-left:600px;}
.detail-group22 h3{font-size:56px;font-weight:500;line-height:80px;}
.detail-group22 p{margin-top:55px;min-height:500px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group22.scrollAni .bg{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group22.scrollAni .wrap{transform:translateX(-100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group22.scrollAni.view .bg,
.detail-group22.scrollAni.view .wrap{transform:translateX(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group22{padding:80px 32px 0;font-size:0;}
    .detail-group22 .bg{background-size:650px auto;background-position:-70px 0}
    .detail-group22 .inner{padding-left:490px;}
    .detail-group22 p{margin-top:40px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group22{padding:50px 20px 450px;}
    .detail-group22 .bg{background-size:400px auto;background-position:center calc(100% - 20px);}
    .detail-group22 .inner{padding-left:0;}
    .detail-group22 h3{font-size:24px;line-height:30px;}
    .detail-group22 p{margin-top:15px;font-size:13px;line-height:22px;min-height:initial;}
}

.detail-group23{position:relative;overflow:hidden;padding:100px 0;font-size:0;background:linear-gradient(to left bottom, #39383d, #535257);}
.detail-group23 .inner{position:relative;padding-right:600px;padding-top:60px;}
.detail-group23 .inner .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:521px auto;background-position:calc(50% + 340px) 0;background-repeat:no-repeat;}
.detail-group23 .inner h3{font-size:52px;font-weight:500;line-height:76px;color:#fff;}
.detail-group23 .inner p{margin-top:40px;min-height:300px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group23.scrollAni .inner .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group23.scrollAni .inner{transform:translateX(100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group23.scrollAni.view .inner .bg,
.detail-group23.scrollAni.view .inner{transform:translateX(0);opacity:1}
.detail-group23 .inner2{position:relative;margin-top:70px;}
.detail-group23 .inner2 h3{text-align:center;font-size:36px;color:#fff;}
.detail-group23 .inner2 .bg{position:relative;width:1016px;height:566px;margin:20px auto 0;background:url("/images/@img32.png")0 0  no-repeat;background-size:contain;}
.detail-group23 .inner2 .bg span{position:absolute;font-size:16px;font-weight:300;line-height:20px;color:#fff;}
.detail-group23 .inner2 .bg .t1{bottom:-5px; left:101px;}
.detail-group23 .inner2 .bg .t2{bottom:14px; left:248px;}
.detail-group23 .inner2 .bg .t3{bottom:14px; left:596px;}
.detail-group23 .inner2 .bg .t4{bottom:14px; left:707px;}
.detail-group23.scrollAni .inner2{transition: opacity 1s .5s  ease-in-out; opacity:0;}
.detail-group23.scrollAni.view .inner2{opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group23{padding:140px 32px 110px;font-size:0;}
    .detail-group23 .inner{padding-top:0;}
    .detail-group23 .inner .bg{background-size:416px auto;background-position:calc(100% - 10px) 0}
    .detail-group23 .inner{padding-right:490px;}
    .detail-group23 .inner2{margin-top:100px;}
    .detail-group23 .inner2 .bg{width:812px;height:453px;}
    .detail-group23 .inner2 .bg .t1{bottom:-15px; left:77px;}
    .detail-group23 .inner2 .bg .t2{bottom:6px; left:194px;}
    .detail-group23 .inner2 .bg .t3{bottom:6px; left:462px;}
    .detail-group23 .inner2 .bg .t4{bottom:6px; left:553px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group23{padding:50px 20px 70px;}
    .detail-group23 .inner{padding-right:0;padding-bottom:270px;}
    .detail-group23 .inner .bg{top:auto;bottom:0;width:100%;height:270px;background-size:200px auto;background-position:center center}
    .detail-group23 .inner h3{font-size:26px;line-height:36px;}
    .detail-group23 .inner p{margin-top:15px;font-size:13px;line-height:22px;min-height:initial;}
    .detail-group23 .inner2{margin-top:10px;}
    .detail-group23 .inner2 h3{font-size:16px;}
    .detail-group23 .inner2 .bg{width:298px;height:210px;}
    .detail-group23 .inner2 .bg span{font-size:13px;line-height:20px;}
    .detail-group23 .inner2 .bg .t1{bottom:0; left:-11px;}
    .detail-group23 .inner2 .bg .t2{bottom:22px; left:90px;}
    .detail-group23 .inner2 .bg .t3{bottom:22px; left:157px;}
    .detail-group23 .inner2 .bg .t4{bottom:22px; left:221px;}

}

.detail-group24{position:relative;overflow:hidden;padding:100px 0 0;font-size:0;background:#fff}
.detail-group24 .inner{position:relative;text-align:center;}
.detail-group24 .inner h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group24 .inner p{margin-top:20px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group24 .inner2{position:relative;margin-top:90px;height:490px;}
.detail-group24 .inner2 .bg{position:absolute;left:50%;bottom:0;margin-left:-650px;width:1150px;height:490px;background-position:0 0;background-repeat:no-repeat;background-size:contain;}
.detail-group24 .inner2 .bg span{position:absolute;font-size:16px;font-weight:300;line-height:20px;white-space:nowrap}
.detail-group24 .inner2 .bg .t1{top:11px; left:724px;}
.detail-group24 .inner2 .bg .t2{top:65px; left:790px;}
.detail-group24 .inner2 .bg .t3{top:118px; left:820px;}
.detail-group24 .inner2 .bg .t4{top:285px; left:681px;}
.detail-group24.scrollAni .inner,
.detail-group24.scrollAni .inner2{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group24.scrollAni.view .inner,
.detail-group24.scrollAni.view .inner2{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group24{padding:90px 32px 0;}
    .detail-group24 .inner2{margin-top:80px;height:392px;}
    .detail-group24 .inner2 .bg{margin-left:-550px;width:920px;height:392px;}
    .detail-group24 .inner2 .bg .t1{top:7px; left:587px;}
    .detail-group24 .inner2 .bg .t2{top:51px; left:640px;}
    .detail-group24 .inner2 .bg .t3{top:93px; left:664px;}
    .detail-group24 .inner2 .bg .t4{top:227px; left:553px;}
}
@media (max-width: 1023px){
    .detail-group24{padding:50px 20px 0;}
    .detail-group24 .inner{text-align:left;}
    .detail-group24 .inner h3{font-size:24px;line-height:30px;}
    .detail-group24 .inner h3 br{display:none;}
    .detail-group24 .inner p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group24 .inner2{margin-top:90px;height:172px;}
    .detail-group24 .inner2 .bg{margin-left:-370px;width:800px;height:200px;}
    .detail-group24 .inner2 .bg span{font-size:11px;line-height:16px;}
    .detail-group24 .inner2 .bg .t1{top:-27px; left:300px;}
    .detail-group24 .inner2 .bg .t2{top:9px; left:325px;}
    .detail-group24 .inner2 .bg .t3{top:45px; left:348px;}
    .detail-group24 .inner2 .bg .t4{top:112px; left:283px;}
}

.detail-group25{position:relative;overflow:hidden;font-size:0;background-color:#000;}
.detail-group25 .bg{position:absolute;bottom:0;left:0;width:100%;height:690px;background-size:auto 691px;background-position:center center;background-repeat:no-repeat;}
.detail-group25 .inner{padding-right:600px;height:690px;}
.detail-group25 h3{padding-top:150px;font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group25 p{margin-top:25px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group25.scrollAni .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group25.scrollAni .wrap{transform:translateX(100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group25.scrollAni.view .bg,
.detail-group25.scrollAni.view .wrap{transform:translateX(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group25{padding:0 32px}
    .detail-group25 .bg{height:580px;background-size:auto 580px;}
    .detail-group25 .inner{padding-right:400px;height:580px;}
    .detail-group25 h3{padding-top:100px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group25{padding:0 20px 190px}
    .detail-group25 .bg{height:280px;background-size:auto 220px;background-position:center 0;}
    .detail-group25 .inner{padding-right:0;height:auto;}
    .detail-group25 h3{padding-top:50px;font-size:24px;line-height:30px;}
    .detail-group25 p{padding-top:15px;font-size:13px;line-height:22px;}
}

.detail-group26{position:relative;overflow:hidden;padding:140px 0 54px;font-size:0;background:#f2f2f2;}
.detail-group26 .bg-top{position:absolute;left:50%;top:170px;margin-left:-1250px;width:1015px;height:258px;background-position:0 0;background-repeat:no-repeat;background-size:contain;}
.detail-group26 .inner{position:relative;text-align:left;padding-left:505px;padding-right:110px;}
.detail-group26 .inner h3{font-size:52px;font-weight:500;line-height:76px;}
.detail-group26 .inner p{margin-top:30px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group26 .inner2{position:relative;margin-top:110px;height:652px;}
.detail-group26 .inner2 h3{position:absolute;top:25px;left:0;width:100%;font-size:36px;line-height:54px;text-align:center;z-index:100;}
.detail-group26 .inner2 .bg{position:absolute;left:50%;bottom:0;margin-left:-550px;width:1100px;height:652px;background-position:0 0;background-repeat:no-repeat;background-size:contain;}
.detail-group26 .inner2 .bg span{position:absolute;font-size:16px;font-weight:300;line-height:20px;width:170px}
.detail-group26 .inner2 .bg .t1{top:504px; left:76px;}
.detail-group26 .inner2 .bg .t2{top:415px; left:179px;}
.detail-group26 .inner2 .bg .t3{top:504px; left:285px;}
.detail-group26 .inner2 .bg .t4{top:415px; left:395px;}
.detail-group26 .inner2 .bg .t5{top:504px; left:537px;}
.detail-group26 .inner2 .bg .t6{top:415px; left:661px;}
.detail-group26 .inner2 .bg .t7{top:504px; left:803px;}
.detail-group26 .inner2 .bg .t8{top:415px; left:982px;}
.detail-group26.scrollAni .bg-top{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group26.scrollAni .inner{transform:translateX(-100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group26.scrollAni .inner2{transform:translateY(400px); transition: transform 3500ms 1s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1s ease-in-out; opacity:0;}
.detail-group26.scrollAni.view .bg-top,
.detail-group26.scrollAni.view .inner{transform:translateX(0);opacity:1}
.detail-group26.scrollAni.view .inner2{transform:translateY(0);opacity:1}

@media (min-width: 2400px){
    .detail-group26 .bg-top{margin-left:0;left:0;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group26{padding:140px 32px 60px;}
    .detail-group26 .bg-top{top:210px;left:-380px;margin-left:0;width:731px;height:185px;}
    .detail-group26 .inner{padding-left:404px;padding-right:32px;}
    .detail-group26 .inner2{margin-top:120px;height:496px;}
    .detail-group26 .inner2 h3{top:0;}
    .detail-group26 .inner2 .bg{margin-left:-418px;width:836px;height:496px;}
    .detail-group26 .inner2 .bg span{position:absolute;font-size:16px;font-weight:300;line-height:20px;width:170px}
    .detail-group26 .inner2 .bg .t1{top:386px; left:40px;}
    .detail-group26 .inner2 .bg .t2{top:318px; left:112px;}
    .detail-group26 .inner2 .bg .t3{top:386px; left:197px;}
    .detail-group26 .inner2 .bg .t4{top:318px; left:286px;}
    .detail-group26 .inner2 .bg .t5{top:386px; left:395px;}
    .detail-group26 .inner2 .bg .t6{top:318px; left:485px;}
    .detail-group26 .inner2 .bg .t7{top:386px; left:594px;}
    .detail-group26 .inner2 .bg .t8{top:318px; left:742px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group26{padding:70px 20px 120px;}
    .detail-group26 .bg-top{top:70px;left:-155px;margin-left:0;width:500px;height:129px;}
    .detail-group26 .inner{padding-top:160px;padding-left:0;padding-right:0;}
    .detail-group26 .inner h3{font-size:24px;line-height:30px;}
    .detail-group26 .inner p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group26 .inner2{margin-top:50px;height:202px;}
    .detail-group26 .inner2 h3{top:-25px;font-size:24px;text-align:left;line-height:30px;}
    .detail-group26 .inner2 .bg{margin-left:-170px;width:340px;height:202px;}
    .detail-group26 .inner2 .bg span{font-size:12px;line-height:12px;width:70px}
    .detail-group26 .inner2 .bg .t1{top:164px; left:10px;width:55px;}
    .detail-group26 .inner2 .bg .t2{top:131px; left:55px;width:55px;}
    .detail-group26 .inner2 .bg .t3{top:164px; left:113px;width:55px;}
    .detail-group26 .inner2 .bg .t4{top:131px; left:119px;}
    .detail-group26 .inner2 .bg .t5{top:164px; left:182px;width:55px;}
    .detail-group26 .inner2 .bg .t6{top:131px; left:192px;}
    .detail-group26 .inner2 .bg .t7{top:164px; left:269px;width:55px;}
    .detail-group26 .inner2 .bg .t8{top:131px; left:295px;}
}

.detail-group27{position:relative;overflow:hidden;height:332px;font-size:0;background:#fff;}
.detail-group27 .bg{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:332px;background-position:0 0;background-repeat:no-repeat;background-size:contain;}
.detail-group27 .inner{position:relative;text-align:left;padding-left:505px;padding-right:110px;}
.detail-group27 .inner h3{padding-top:90px;font-size:36px;font-weight:400;line-height:54px;}
.detail-group27 .inner p{margin-top:25px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group27.scrollAni .bg{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group27.scrollAni .inner{transform:translateX(-100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group27.scrollAni.view .bg,
.detail-group27.scrollAni.view .inner{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group27{height:332px;font-size:0;background:#fff;}
    .detail-group27 .bg{position:absolute;left:-380px;top:0;margin-left:0;width:1920px;height:332px;background-position:0 0;background-repeat:no-repeat;background-size:contain;}
    .detail-group27 .inner{padding-left:436px;padding-right:110px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group27{height:auto;padding:55px 20px 220px;}
    .detail-group27 .bg{left:50%;top:auto;bottom:0;margin-left:-180px;width:360px;height:278px;background-size:auto 278px;background-position:-345px 0;}
    .detail-group27 .inner{padding-left:0;padding-right:0;}
    .detail-group27 .inner h3{padding-top:0;font-size:24px;line-height:30px;}
    .detail-group27 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
}
.detail-group28{position:relative;overflow:hidden;height:363px;font-size:0;background:#000;}
.detail-group28 .bg{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:363px;background-position:center bottom;background-repeat:no-repeat;background-size:contain;}
.detail-group28 .inner{position:relative;text-align:left;padding-right:600px;}
.detail-group28 .inner h3{padding-top:90px;font-size:36px;font-weight:400;line-height:54px;color:#fff}
.detail-group28 .inner p{margin-top:25px;font-size:16px;font-weight:300;line-height:32px;color:#fff}
.detail-group28.scrollAni .bg{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group28.scrollAni .inner{transform:translateX(100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group28.scrollAni.view .bg,
.detail-group28.scrollAni.view .inner{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group28{height:344px;font-size:0;}
    .detail-group28 .bg{position:absolute;left:auto;right:-400px;background-size:auto 320px}
    .detail-group28 .inner{padding-right:530px;padding-left:32px;}
    .detail-group28 .inner h3{padding-top:70px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group28{height:auto;padding:55px 20px 180px;}
    .detail-group28 .bg{left:50%;top:auto;bottom:0;margin-left:-180px;width:360px;height:180px;background-size:auto 180px;background-position:-475px bottom;}
    .detail-group28 .inner{padding-left:0;padding-right:0;}
    .detail-group28 .inner h3{padding-top:0;font-size:24px;line-height:30px;}
    .detail-group28 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
}

.detail-group29{position:relative;overflow:hidden;padding:130px 0 140px;font-size:0;background-color:#050408;text-align:left;}
.detail-group29 .bg{position:absolute;left:50%;bottom:0;margin-left:-960px;width:1920px;height:100%;background-position:center bottom;background-repeat:no-repeat;background-size:auto 1060px;}
.detail-group29 h3{font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group29 p{max-width:900px;margin-top:20px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group29 p.t1{margin-top:10px;opacity:0.3;font-size:14px;}
.detail-group29 p.t1 +p.t1{margin-top:8px;}
.detail-group29 strong{display:block;margin-top:80px;font-weight:700;font-size:20px;color:#fff;}
.detail-group29 img{margin-top:36px;width:auto;max-width:993px;}
.detail-group29.scrollAni .bg{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group29.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group29.scrollAni.view .bg{transform:translateY(0);opacity:1}
.detail-group29.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group29{padding:130px 32px 140px;}
    .detail-group29 .bg{left:0;bottom:0;margin-left:0;width:100%;background-size:auto 820px;background-position:80% calc(100% - 60px);}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group29{padding:60px 20px 100px;}
    .detail-group29 .bg{background-size:auto 592px;background-position:80% calc(100% + 80px);}
    .detail-group29 h3{font-size:24px;line-height:30px;}
    .detail-group29 h3 br{display:none;}
    .detail-group29 p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group29 p.t1{margin-top:15px;line-height:14px;font-size:12px;}
    .detail-group29 strong{margin-top:40px;font-size:14px;text-align:center;}
    .detail-group29 img{margin-top:27px;width:100%;}
}

.detail-group30{position:relative;overflow:hidden;padding:110px 0 44px;font-size:0;background-color:#f2f2f2;text-align:center;}
.detail-group30 .inner h3{font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group30 .inner p{margin-top:30px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group30 .inner p.t1{opacity:0.5;font-size:14px;line-height:20px;}
.detail-group30 .inner p.t1 +p.t1{margin-top:8px;}
.detail-group30 .inner2{position:relative;margin:86px auto 0;width:936px;height:468px;}
.detail-group30 .inner2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;}
.detail-group30 .inner2 span{position:absolute;font-size:16px;text-align:right; }
.detail-group30 .inner2 span.t1{right:641px;top:136px;}
.detail-group30 .inner2 span.t2{right:661px;top:187px;}
.detail-group30 .inner2 span.t3{left:661px;top:361px;text-align:left; }
.detail-group30 .inner2 span.t4{left:634px;top:385px;text-align:left;}
.detail-group30 .inner2 span.t5{left:611px;top:408px;text-align:left;}
.detail-group30.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group30.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group30{padding:110px 32px 44px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group30{padding:50px 20px 85px;text-align:left;}
    .detail-group30 .inner h3{font-size:24px;line-height:30px;}
    .detail-group30 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group30 .inner p.t1{margin-top:20px;font-size:12px;line-height:14px;}
    .detail-group30 .inner2{margin:50px auto 0;width:360px;height:216px;}
    .detail-group30 .inner2 .bg{background-position:calc(50% + 20px) center;margin-left:-20px;}
    .detail-group30 .inner2 span{font-size:12px;max-width:100px;}
    .detail-group30 .inner2 span.t1{right:240px;top:60px;}
    .detail-group30 .inner2 span.t2{right:251px;top:82px;}
    .detail-group30 .inner2 span.t3{left:298px;top:163px;}
    .detail-group30 .inner2 span.t4{left:287px;top:176px;}
    .detail-group30 .inner2 span.t5{left:275px;top:190px;}
}

.detail-group31{position:relative;overflow:hidden;padding:100px 0 70px;font-size:0;background-color:#fff;text-align:center;}
.detail-group31 .inner h3{font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group31 .inner p{margin-top:30px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group31 .inner p.t1{opacity:0.5;font-size:14px;line-height:20px;}
.detail-group31 .inner p.t1 +p.t1{margin-top:8px;}
.detail-group31 .img{position:relative;margin:65px auto 0;width:1000px;}
.detail-group31 .img span{position:absolute;font-size:16px;font-weight:300;}
.detail-group31 .img span.t1{left:420px;top:110px;}
.detail-group31 .img span.t2{left:381px;top:258px;width:510px;}
.detail-group31.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group31.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group31{padding:110px 10px 44px;}
    .detail-group31 .inner{padding:0 22px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group31{padding:50px 0 85px;text-align:left;}
    .detail-group31 .inner{padding:0 20px}
    .detail-group31 .inner h3{font-size:24px;line-height:30px;}
    .detail-group31 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group31 .inner p.t1{margin-top:20px;font-size:12px;line-height:14px;}
    .detail-group31 .img{margin:45px auto 0;width:360px;}
    .detail-group31 .img span{font-size:12px;}
    .detail-group31 .img span.t1{left:140px;top:40px;}
    .detail-group31 .img span.t2{left:140px;top:95px;width:190px;}
}

.detail-group32{position:relative;overflow:hidden;padding:100px 0 70px;font-size:0;background-color:#000;text-align:center;}
.detail-group32 .inner h3{font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group32 .inner p{margin-top:20px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group32 .inner p.t1{margin-top:50px;opacity:0.3;font-size:14px;}
.detail-group32 .inner p.t1 +p.t1{margin-top:8px;}
.detail-group32.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group32.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group32{padding:110px 32px 95px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group32{padding:50px 20px;text-align:left;}
    .detail-group32 .inner h3{font-size:24px;line-height:30px;}
    .detail-group32 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group32 .inner p.t1{margin-top:30px;font-size:12px;line-height:24px;}
}

.detail-group33{position:relative;overflow:hidden;padding:140px 0;font-size:0;background-color:#fff;text-align:left;}
.detail-group33 .inner h3{max-width:770px;font-size:56px;font-weight:500;color:#000;line-height:80px;}
.detail-group33 .inner p{max-width:770px;margin-top:30px;font-size:18px;font-weight:400;color:#000;line-height:32px;}
.detail-group33 .inner img{max-width:1056px;margin:90px auto 0;}
.detail-group33 .inner2{max-width:1100px;}
.detail-group33 .inner2 strong{font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group33 .inner2 p{margin-top:10px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group33.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group33.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group33{padding:80px 32px 130px;}
    .detail-group33 .inner p{margin-top:20px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group33{padding:50px 20px 60px;}
    .detail-group33 .inner h3{font-size:24px;line-height:30px;}
    .detail-group33 .inner p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group33 .inner img{margin:30px auto 0;}
    .detail-group33 .inner2 strong{font-size:24px;line-height:30px;}
    .detail-group33 .inner2 p{font-size:13px;line-height:22px;}
}

.detail-group34{position:relative;overflow:hidden;padding:140px 0 150px;font-size:0;background:linear-gradient(to left bottom, #39383d, #535257);text-align:center;}
.detail-group34 .inner h3{font-size:52px;font-weight:400;color:#fff;line-height:76px;}
.detail-group34 .inner p{margin-top:30px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group34 .inner2{position:relative;font-size:0;margin-top:90px;min-height:500px;padding:80px 0 160px 490px;text-align:left;}
.detail-group34 .inner2 img{position:absolute;top:0;left:100px;width:323px;}
.detail-group34 .inner2 img + img{position: static;display:block;margin-bottom:30px;width: 217px;}
.detail-group34 .inner2 h4{font-size:36px;line-height:54px;font-weight:400;color:#fff;}
.detail-group34 .inner2 p{padding-right:90px;margin-top:30px;font-size:16px;line-height:32px;font-weight:300;color:#fff;}
.detail-group34 .inner3{padding-left:100px;text-align:left;font-size:0;}
.detail-group34 .inner3 h4{font-size:36px;line-height:54px;font-weight:400;color:#fff;}
.detail-group34 .inner3 p{padding-right:200px;margin-top:30px;font-size:16px;line-height:32px;font-weight:300;color:#fff;}
.detail-group34 .inner3 .img{display:inline-block;margin-top:100px; width:351px;text-align:center;}
.detail-group34 .inner3 .img strong{display:inline-block;margin-top:30px;font-size:20px;font-weight:700;color:#fff;}
.detail-group34 .inner3 .img + .img{margin-left:235px;}
.detail-group34.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group34.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group34{padding:140px 32px 130px;}
    .detail-group34 .inner h3 br{display:none;}
    .detail-group34 .inner p{margin-top:30px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
    .detail-group34 .inner2{margin-top:80px;min-height:400px;padding:0 0 100px 400px;}
    .detail-group34 .inner2 img{left:50px;width:283px;}
    .detail-group34 .inner2 h4{font-size:36px;line-height:54px;font-weight:400;color:#fff;}
    .detail-group34 .inner2 p{padding-right:0;margin-top:25px;}
    .detail-group34 .inner3{padding-left:0;overflow:hidden;}
    .detail-group34 .inner3 p{padding-right:20px;margin-top:25px;}
    .detail-group34 .inner3 .img{display:inline-block;margin-top:100px; width:351px;text-align:center;}
    .detail-group34 .inner3 .img strong{display:inline-block;margin-top:30px;font-size:20px;font-weight:700;color:#fff;}
    .detail-group34 .inner3 .img + .img{margin-left:0;float:right;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group34{padding:70px 20px;text-align:left;}
    .detail-group34 .inner h3{font-size:26px;line-height:36px;}
    .detail-group34 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group34 .inner2{margin-top:50px;min-height:initial;padding:0;}
    .detail-group34 .inner2 img{position:static;width:161px;margin:0 auto 35px;display:block;}
    .detail-group34 .inner2 img + img{margin:0 0 10px 0;width: 152px;}
    .detail-group34 .inner2 h4{font-size:24px;line-height:30px;}
    .detail-group34 .inner2 p{padding-right:0;margin-top:10px;font-size:13px;line-height:22px;}
    .detail-group34 .inner3{margin-top:38px;padding-left:0;}
    .detail-group34 .inner3 h4{margin-top:7px;font-size:24px;line-height:30px;}
    .detail-group34 .inner3 p{padding-right:0;margin-top:15px;;font-size:13px;line-height:22px;}
    .detail-group34 .inner3 .img{display:block;margin:55px auto 0; width:281px;text-align:center;}
    .detail-group34 .inner3 .img strong{margin-top:15px;font-size:14px;}
    .detail-group34 .inner3 .img + .img{margin:55px auto 0;float:none;}
}

.detail-group35{position:relative;overflow:hidden;padding:130px 0;font-size:0;background-color:#050408;text-align:left;}
.detail-group35 .bg{position:absolute;left:50%;bottom:0;margin-left:-960px;width:1920px;height:100%;background-position:calc(100% - 50px) calc(100% - 42px);background-repeat:no-repeat;background-size:826px auto;}
.detail-group35 h3{font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group35 p{max-width:900px;margin-top:20px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group35 p.t1{margin-top:10px;opacity:0.3}
.detail-group35 p + h3{margin-top:65px;}
.detail-group35 strong{display:block;margin-top:80px;font-weight:700;font-size:20px;color:#fff;}
.detail-group35 img{margin-top:36px;width:auto;max-width:993px;}
.detail-group35.scrollAni .bg{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group35.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group35.scrollAni.view .bg{transform:translateY(0);opacity:1}
.detail-group35.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group35{padding:110px 32px 75px;}
    .detail-group35 .bg{left:0;bottom:0;margin-left:0;width:100%;background-size:660px auto;background-position:calc(100% - 24px) calc(100% - 38px);}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group35{padding:60px 20px 85px;}
    .detail-group35 .bg{background-size:314px auto;background-position:calc(100% - 10px) calc(100% - 20px);}
    .detail-group35 h3{font-size:24px;line-height:30px;}
    .detail-group35 h3 br{display:none;}
    .detail-group35 p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group35 p.t1{margin-top:15px;line-height:15px;}
    .detail-group35 p + h3{margin-top:45px;}
    .detail-group35 strong{margin-top:40px;font-size:14px;text-align:center;}
    .detail-group35 img{margin-top:27px;width:100%;}
}
.detail-group36{position:relative;overflow:hidden;padding:110px 0;font-size:0;background-color:#fff;text-align:center;}
.detail-group36 .inner h3{font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group36 .inner p{margin-top:20px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group36.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group36.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group36{padding:110px 32px 95px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group36{padding:50px 20px;text-align:left;}
    .detail-group36 .inner h3{font-size:24px;line-height:30px;}
    .detail-group36 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
}

.detail-group37{position:relative;overflow:hidden;padding:140px 0 135px;font-size:0;background-color:#fff;text-align:left;}
.detail-group37 .inner{position:relative;z-index:100}
.detail-group37 .inner h3{font-size:56px;font-weight:500;color:#000;line-height:80px;}
.detail-group37 .inner p{padding-right:300px;margin-top:35px;font-size:18px;font-weight:400;color:#000;line-height:32px;}
.detail-group37 .inner img{margin-top:55px; }
.detail-group37 .inner2{position:relative;padding:160px 100px 110px 500px}
.detail-group37 .inner2 img{position:absolute;left:80px;top:80px;width:329px;}
.detail-group37 .inner2 h3{font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group37 .inner2 p{margin-top:15px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group37 .inner3{text-align:center;}
.detail-group37 .inner3 img{display:inline-block;width:210px;}
.detail-group37 .inner3 p{margin-top:40px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group37.scrollAni .inner{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group37.scrollAni.view .inner{transform:translateY(0);opacity:1}
.detail-group37.scrollAni .inner2{transform:translateX(-100%); transition: transform 3500ms .7s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .7s ease-in-out; opacity:0;}
.detail-group37.scrollAni.view .inner2{transform:translateX(0);opacity:1}
.detail-group37.scrollAni .inner3{transform:translateY(400px); transition: transform 3500ms 1.4s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s 1.4s ease-in-out; opacity:0;}
.detail-group37.scrollAni.view .inner3{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group37{padding:90px 32px 135px;}
    .detail-group37 .inner p{padding-right:0}
    .detail-group37 .inner2{padding:110px 0 80px 400px}
    .detail-group37 .inner2 img{position:absolute;left:12px;top:68px;width:297px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group37{padding:50px 20px 60px;}
    .detail-group37 .inner h3{font-size:24px;line-height:30px;}
    .detail-group37 .inner p{padding-right:0;margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group37 .inner img{margin-top:25px; }
    .detail-group37 .inner2{position:relative;padding:30px 0}
    .detail-group37 .inner2 img{position:static;display:block;margin:0 auto;width:100%;}
    .detail-group37 .inner2 h3{font-size:24px;line-height:30px;}
    .detail-group37 .inner2 p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group37 .inner3 img{width:105px;}
    .detail-group37 .inner3 p{margin-top:20px;font-size:13px;line-height:22px;text-align: left}

}
.detail-group38{position:relative;overflow:hidden;padding:220px 0 135px;font-size:0;background-color:#f2f2f2;text-align:left;}
.detail-group38 .inner{position:relative;padding:0 500px 0 100px;min-height:370px;}
.detail-group38 .inner img{position:absolute;right:119px;top:-80px;width:279px;}
.detail-group38 .inner h3{font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group38 .inner p{margin-top:15px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group38 .inner2{text-align:center;margin-top:56px;padding:0 100px}
.detail-group38 .inner2 img{display:inline-block;width:127px;}
.detail-group38 .inner2 p{margin-top:40px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group38.scrollAni .inner{transform:translateX(100%); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group38.scrollAni.view .inner{transform:translateX(0);opacity:1}
.detail-group38.scrollAni .inner2{transform:translateY(400px); transition: transform 3500ms .7s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .7s ease-in-out; opacity:0;}
.detail-group38.scrollAni.view .inner2{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group38{padding:190px 32px 135px;}
    .detail-group38 .inner{padding:0 400px 0 0;min-height:300px;}
    .detail-group38 .inner img{right:20px;top:-50px;width:251px;}
    .detail-group38 .inner2{margin-top:100px;padding:0}
    .detail-group38 .inner2 img{display:inline-block;width:127px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group38{padding:65px 20px 60px;}
    .detail-group38 .inner{padding:0;}
    .detail-group38 .inner img{position:static;display:block;width:140px;margin:0 auto;}
    .detail-group38 .inner h3{margin-top:40px;font-size:24px;line-height:30px;}
    .detail-group38 .inner p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group38 .inner2{text-align:center;margin-top:45px;padding:0}
    .detail-group38 .inner2 img{width:63px;}
    .detail-group38 .inner2 p{font-size:13px;line-height:22px;text-align:left;}
}

.detail-group39{position:relative;overflow:hidden;margin-top:150px;padding:150px 0 200px; background:linear-gradient(to left bottom, #39383d, #535257);}
.detail-group39 img{position:absolute;top:-20px;right:0;width:422px;}
.detail-group39 h3{display:block;width:750px;font-size:52px;font-weight:400;color:#fff;line-height:76px;}
.detail-group39 p{display:block;width:600px;margin-top:40px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group39.scrollAni img{transform:translateX(-1200px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group39.scrollAni.view img{transform:translateX(0);opacity:1}
.detail-group39.scrollAni .inner{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group39.scrollAni.view .inner{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group39{padding:150px 32px;}
    .detail-group39 img{width:300px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group39{margin-top:40px;padding:60px 20px 320px;}
    .detail-group39 img{top:auto;bottom:-270px;left:50%;right:auto;margin-left:-105px;width:210px;}
    .detail-group39 h3{width:100%;font-size:26px;line-height:36px;}
    .detail-group39 p{width:100%;margin-top:20px;font-size:13px;line-height:22px;}
}

.detail-group40{position:relative;overflow:hidden;padding:140px 0 120px; background-color:#090909;background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;}
.detail-group40 h3{display:block;width:900px;font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group40 p{display:block;width:900px;margin-top:25px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group40 img{display:block;width:779px;margin-top:110px;}
.detail-group40.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group40.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group40{padding:140px 32px 120px;background-size:auto 850px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group40{padding:60px 20px;background-size:auto 580px;}
    .detail-group40 h3{width:100%;font-size:26px;line-height:36px;}
    .detail-group40 p{width:100%;margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group40 img{display:block;width:100%;margin-top:50px;}
}

.detail-group41{position:relative;overflow:hidden;padding:120px 0 0; background-color:#efefef;text-align:center;}
.detail-group41 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group41 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group41 p.t1{color:rgba(0, 0, 0, 0.7);}
.detail-group41 img{display:block;width:100%;margin-top:70px;}
.detail-group41.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group41.scrollAni.view .wrap{transform:translateY(0);opacity:1}
.detail-group41.scrollAni img{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group41.scrollAni.view img{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group41{padding:110px 0 0;}
    .detail-group41 .wrap{padding:0 32px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group41{padding:55px 0 0;text-align: left;}
    .detail-group41 .wrap{padding:0 20px;}
    .detail-group41 h3{font-size:24px;line-height:30px;}
    .detail-group41 p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group41 p.t1{margin-top:30px;line-height:14px;}
    .detail-group41 img{margin-top:35px;}
}

.detail-group42{position:relative;overflow:hidden;padding:120px 0 150px; background-color:#efefef;text-align:center;}
.detail-group42 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group42 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group42 p.t1{color:rgba(0, 0, 0, 0.7);}
.detail-group42 .img-box1{position:relative;display:inline-block;vertical-align:top;margin-top:100px;width:750px;height:316px;background:url("/images/@img88.png")0 0 no-repeat;background-size:auto 100%;}
.detail-group42 .img-box2{position:relative;display:inline-block;vertical-align:top;margin-top:122px;width:450px;height:243px;background:url("/images/@img89.png")0 0 no-repeat;background-size:auto 100%;}
.detail-group42 .img-box1 span,
.detail-group42 .img-box2 span{position:absolute; font-size:16px;font-weight:300;text-align:left;line-height:20px;}
.detail-group42 .img-box1 .t1{top:-2px;left:426px}
.detail-group42 .img-box1 .t2{top:100px;left:581px}
.detail-group42 .img-box2 .t1{top:92px;left:290px}
.detail-group42 .img-box2 .t2{top:158px;left:290px}
.detail-group42 .img-box2 .t3{top:181px;left:255px}
.detail-group42.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group42.scrollAni.view .wrap{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group42{padding:110px 0 150px;}
    .detail-group42 .wrap{padding:0 32px;}
    .detail-group42 .img-box1{margin-top:140px;width:598px;height:253px;margin-left:-32px;}
    .detail-group42 .img-box2{margin-top:169px;width:426px;height:194px;margin-right:-32px;}
    .detail-group42 .img-box1 span,
    .detail-group42 .img-box2 span{position:absolute; font-size:16px;font-weight:300;text-align:left;line-height:20px;white-space:nowrap;}
    .detail-group42 .img-box1 .t1{top:-2px;left:341px}
    .detail-group42 .img-box1 .t2{top:78px;left:465px}
    .detail-group42 .img-box2 .t1{top:73px;left:236px}
    .detail-group42 .img-box2 .t2{top:124px;left:236px}
    .detail-group42 .img-box2 .t3{top:144px;left:206px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group42{padding:55px 0 80px;text-align: left;}
    .detail-group42 .wrap{padding:0 20px;}
    .detail-group42 h3{font-size:24px;line-height:30px;}
    .detail-group42 p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group42 p.t1{margin-top:30px;font-size:13px;line-height:14px;}

    .detail-group42 .img-box1{margin-top:60px;width:100%;height:158px;margin-left:-20px;background-position:-40px 0;}
    .detail-group42 .img-box2{margin-top:50px;width:100%;height:121px;margin-left:-20px;margin-right:-20px;background-position:20px 0;}
    .detail-group42 .img-box1 span,
    .detail-group42 .img-box2 span{position:absolute; font-size:13px;line-height:14px;}
    .detail-group42 .img-box1 .t1{top:-3px;left:176px}
    .detail-group42 .img-box1 .t2{top:45px;left:254px}
    .detail-group42 .img-box2 .t1{top:43px;left:166px}
    .detail-group42 .img-box2 .t2{top:74px;left:166px}
    .detail-group42 .img-box2 .t3{top:88px;left:148px}
}

.detail-group43{position:relative;overflow:hidden;padding:90px 0 90px; background-color:#1a1a1a;background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;}
.detail-group43 h3{display:block;width:1000px;font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group43 p{display:block;width:1000px;margin-top:25px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group43.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group43.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group43{padding:95px 32px;background-size:auto 833px;}
    .detail-group43 h3{width:100%;}
    .detail-group43 p{width:100%;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group43{padding:60px 20px;background-size:auto 396px;}
    .detail-group43 h3{font-size:26px;line-height:36px;}
    .detail-group43 p{margin-top:20px;font-size:13px;line-height:22px;}
}


.detail-group44{position:relative;overflow:hidden;padding:100px 0; background-color:#e9e9e9;text-align:center;}
.detail-group44 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group44 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group44 p.t1{font-size:14px;color:rgba(0,0,0,0.7);line-height:28px;}
.detail-group44 p.t2{margin:70px 0;padding:0 80px;}
.detail-group44 .img-box{margin:70px 0;}
.detail-group44 .img-box strong{display:block;font-size:20px;font-weight:700;}
.detail-group44 .img-box .img{margin-top:35px;max-width:1412px;display:inline-block;}
.detail-group44 .img-box .img-mo{display:none;}
.detail-group44 .img-box2{display:inline-block;width:297px;margin-bottom:70px;vertical-align:top;}
.detail-group44 .img-box2 img{margin-top:140px; }
.detail-group44 .img-box2 strong{display:block;font-size:20px;font-weight:700;color:#000;}
.detail-group44 .img-box2.v1{margin:0 107px;}
.detail-group44.scrollAni .wrap,
.detail-group44.scrollAni .img-box{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group44.scrollAni.view .wrap,
.detail-group44.scrollAni.view .img-box{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group44{padding:100px 32px;}
    .detail-group44 p.t2{padding:0;}
    .detail-group44 .img-box2.v1{margin:0 26px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group44{padding:60px 20px;}
    .detail-group44 h3{font-size:24px;line-height:30px;text-align:left;}
    .detail-group44 p{margin-top:20px;font-size:13px;line-height:22px;text-align:left;}
    .detail-group44 p.t1{font-size:12px;line-height:14px;}
    .detail-group44 p.t2{margin:45px 0;padding:0;}
    .detail-group44 .img-box{margin:50px auto;max-width:500px}
    .detail-group44 .img-box strong{font-size:14px;}
    .detail-group44 .img-box .img{display:none}
    .detail-group44 .img-box .img-mo{display:block;margin-top:20px;width:calc(100% + 20px);margin-left:-10px;}
    .detail-group44 .img-box2{width:100%;padding:0 32px;margin:0 auto 65px;max-width:500px}
    .detail-group44 .img-box2 img{margin-top:45px; }
    .detail-group44 .img-box2 strong{font-size:14px;}
    .detail-group44 .img-box2.v1{margin:0 0 65px 0;}
}

.detail-group45{position:relative;overflow:hidden;padding:100px 0; background-color:#fff;text-align:center;}
.detail-group45 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group45 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group45 .img-box .img{margin-top:70px;max-width:1140px;display:inline-block;}
.detail-group45 .img-box .img-mo{display:none;}
.detail-group45.scrollAni .wrap,
.detail-group45.scrollAni .img-box{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group45.scrollAni.view .wrap,
.detail-group45.scrollAni.view .img-box{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group45{padding:100px 32px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group45{padding:60px 20px;}
    .detail-group45 h3{font-size:24px;line-height:30px;text-align:left;}
    .detail-group45 p{margin-top:20px;font-size:13px;line-height:22px;text-align:left;}
    .detail-group45 .img-box .img{display:none;}
    .detail-group45 .img-box .img-mo{display:block;margin:40px auto 0;max-width:600px}
}
.detail-group46{position:relative;overflow:hidden;padding:140px 0 100px; background-color:#050408;text-align:center;}
.detail-group46 h3{display:block;font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group46 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group46 strong{display:block;margin-bottom:35px;font-size:20px;font-weight:700;color:#fff;}
.detail-group46 .img1{display:block;margin:80px auto 0;width:533px;}
.detail-group46 .img2{display:inline-block;margin-top:95px;margin-right:193px;width:420px;vertical-align:top;}
.detail-group46 .img2 img+img{margin-top:233px;}
.detail-group46 .img3{display:inline-block;margin-top:95px;width:420px;vertical-align:top;}
.detail-group46 .img3 img+img{margin-top:40px;}
.detail-group46.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group46.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group46{padding:140px 32px 100px; background-position: center;}
    .detail-group46 .img2{margin-right:72px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group46{padding:60px 20px; background-position: center;}
    .detail-group46 h3{font-size:24px;line-height:30px;text-align:left;}
    .detail-group46 p{margin-top:20px;font-size:13px;line-height:22px;text-align:left;}
    .detail-group46 strong{margin-bottom:30px;font-size:14px;}
    .detail-group46 .img1{margin:45px auto 0;width:100%;padding:0 26px;max-width:600px;}
    .detail-group46 .img2{margin-top:50px;margin-right:0;width:100%;max-width:600px;}
    .detail-group46 .img2 img+img{margin-top:50px;}
    .detail-group46 .img3{margin-top:50px;width:100%;max-width:600px;}
    .detail-group46 .img3 img+img{margin-top:50px;}

}
.detail-group47{position:relative;overflow:hidden;padding:100px 0 0; background-color:#fff;text-align:center;}
.detail-group47 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group47 .img-box{display:inline-block;position:relative;margin-top:80px;vertical-align:top;width:50%;height:592px}
.detail-group47 .img-box2{display:inline-block;position:relative;margin-top:80px;vertical-align:top;width:50%;height:592px}
.detail-group47 strong{display:block;text-align:left;position:absolute;left:20px;top:0;font-size:20px;font-weight:400;}
.detail-group47 .img{overflow:hidden;position:absolute;top:0;left:0; width:50%;height:50%;border-left:1px solid rgba(0,0,0,0.2);}
.detail-group47 .img.v1{top:50%;border-top:1px solid rgba(0,0,0,0.2)}
.detail-group47 .img.v1 strong{top:20px;}
.detail-group47 .img.v2{left:50%;height:100%;}
.detail-group47 .img.v3{height:100%}
.detail-group47 .img.v4{left:50%;}
.detail-group47 .img.v5{top:50%;left:50%;border-top:1px solid rgba(0,0,0,0.2)}
.detail-group47 .img.v5 strong{top:20px;}
.detail-group47.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group47.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group47{padding:90px 32px 0;}
    .detail-group47 h3{width:600px;margin:0 auto;}
    .detail-group47 strong{left:15px;font-size:15px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group47{padding:60px 20px 0;}
    .detail-group47 h3{width:100%;font-size:24px;line-height:30px;text-align:left;}
    .detail-group47 .img-box{margin-top:50px;width:calc(100% - 20px);height:calc(100vw - 60px)}
    .detail-group47 .img-box2{margin-top:0;width:calc(100% - 20px);height:calc(100vw - 60px)}
    .detail-group47 .img.v3{border-left:0;}
    .detail-group47 .img.v4{border-right:1px solid rgba(0,0,0,0.2)}
    .detail-group47 .img.v5{border-right:1px solid rgba(0,0,0,0.2)}
    .detail-group47 .img img{margin-top:10px;}
    .detail-group47 strong{left:10px;top:10px !important;font-size:10px;}
}

.detail-group48{position:relative;overflow:hidden;padding:110px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.detail-group48 h3{display:block;width:600px;font-size:36px;font-weight:400;color:#fff;line-height:54px;}
.detail-group48 p{display:block;width:600px;margin-top:45px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group48.scrollAni .wrap{transform:translateX(-400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group48.scrollAni.view .wrap{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group48{padding:70px 32px 60px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group48{padding:60px 20px;}
    .detail-group48 h3{width:100%;font-size:24px;line-height:30px;text-align:left;}
    .detail-group48 p{width:100%;margin-top:20px;font-size:13px;line-height:22px;text-align:left;}

}
.detail-group49{position:relative;overflow:hidden;padding:110px 0;background-repeat:no-repeat;background-position:calc(50% + 30px) 30px;background-size:auto 600px;}
.detail-group49 h3{display:block;padding-left:600px;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group49 p{display:block;padding-left:600px;margin-top:30px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group49 .dot{position:absolute;top:304px;left:50%;margin-left:-600px;width:120px;height:120px;padding-top:48px;line-height:26px;border-radius:100%;background:#a97341;color:#fff;font-size:20px;font-weight:500;text-align:center;}
.detail-group49 .dot2{position:absolute;top:436px;left:50%;margin-left:-355px;width:140px;height:140px;padding-top:48px;line-height:26px;border-radius:100%;background:#000;color:#fff;font-size:20px;font-weight:500;text-align:center;}
.detail-group49.scrollAni{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group49.scrollAni.view{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group49{position:relative;overflow:hidden;padding:80px 32px 110px;background-position:calc(50% + 30px) 40px;background-size:auto 500px;}
    .detail-group49 h3{padding-left:50%;}
    .detail-group49 p{padding-left:50%;}
    .detail-group49 .dot{top:290px;margin-left:-480px;width:96px;height:96px;padding-top:35px;line-height:21px;font-size:16px;}
    .detail-group49 .dot2{top:390px;margin-left:-277px;width:113px;height:113px;padding-top:35px;line-height:21px;font-size:16px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group49{padding:60px 20px 380px;background-position:calc( 50% + 233px) calc(100% - 10px);background-size:auto 400px;}
    .detail-group49 h3{width:100%;padding:0;font-size:24px;line-height:30px;text-align:left;}
    .detail-group49 p{width:100%;padding:0;margin-top:20px;font-size:13px;line-height:22px;text-align:left;}
    .detail-group49 .dot{top:auto;bottom:150px;margin-left:-180px;width:73px;height:73px;padding-top:26px;line-height:16px;font-size:12px;}
    .detail-group49 .dot2{top:auto;bottom:50px;margin-left:-31px;width:85px;height:85px;padding-top:26px;line-height:16px;font-size:12px;}

}

.detail-group50{position:relative;overflow:hidden;padding:130px 0 0;}
.detail-group50 h3{position:relative;display:block;font-size:56px;font-weight:500;color:#000;line-height:80px;z-index:100}
.detail-group50 p{position:relative;display:block;padding-right:300px;margin-top:40px;font-size:18px;font-weight:400;color:#000;line-height:32px;z-index:100}
.detail-group50 img{margin-top:-50px;}
.detail-group50.scrollAni{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group50.scrollAni.view{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group50{padding:80px 32px 0;}
    .detail-group50 p{padding-right:0;}
    .detail-group50 img{margin-top:-60px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group50{padding:45px 20px 0;}
    .detail-group50 h3{font-size:24px;line-height:30px;}
    .detail-group50 p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group50 img{margin-top:-10px;margin-left:calc(50% - 220px);width:440px}
}


.detail-group51{position:relative;overflow:hidden;padding-top:140px;height:794px;font-size:0;background:#525156}
.detail-group51 .inner{position:relative;z-index:100;width:600px;}
.detail-group51 h3{display:block;font-size:52px;font-weight:400;color:#fff;line-height:76px;}
.detail-group51 p{display:block;margin-top:30px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group51 p.t1{margin-top:15px;color:rgba(255,255,255,0.3);font-size:14px;}
.detail-group51 .swiper-container{position:absolute;left:50%;margin-left:-250px;top:-53px;width:1201px;height:821px;}
.detail-group51 .swiper-slide{background:#525156}
.detail-group51 .swiper-slide img{width:auto; height:100%;}
.detail-group51 .swiper-button-prev{left:50%;margin-left:-200px;width:16px;height:30px;background:url("/images/i_arrow5.png") 0 0 no-repeat;background-size: contain;}
.detail-group51 .swiper-button-next{right:50%;margin-right:-200px;width:16px;height:30px;background:url("/images/i_arrow5.png") 0 0 no-repeat;background-size: contain;transform: rotate(180deg)}
.detail-group51 .swiper-pagination{bottom:114px;left:15px;}
.detail-group51.scrollAni .swiper-container{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group51.scrollAni.view .swiper-container{transform:translateX(0);opacity:1}
.detail-group51.scrollAni .inner{transform:translateX(1200px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group51.scrollAni.view .inner{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group51{padding:100px 32px 740px;height:auto;}
    .detail-group51 .swiper-container{margin-left:-600px;top:auto;bottom:0;width:1201px;height:821px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group51{padding:60px 20px 0;}
    .detail-group51 .inner{width:100%}
    .detail-group51 h3{font-size:26px;line-height:36px;}
    .detail-group51 p{margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group51 .swiper-container{position:relative;right:auto;top:auto;left:auto;margin-top:-50px;margin-left:calc(50% - 305px);width:610px;height:410px;}
    .detail-group51 .swiper-button-prev{margin-left:-165px;}
    .detail-group51 .swiper-button-next{margin-right:-165px;}
    .detail-group51 .swiper-pagination{bottom:60px;left:5px;}
}

.detail-group52{position:relative;overflow:hidden;padding:110px 0 ;font-size:0;background:#fafafa;text-align:center;}
.detail-group52 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group52 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group52 p.t1{margin-top:10px;color:rgba(0,0,0,0.7);font-size:14px;}
.detail-group52 .img{display:inline-block;vertical-align:top;width:516px;margin-top:96px;}
.detail-group52 .img strong{display:block;font-size:20px;font-weight:700;}
.detail-group52 .img + .img{margin-left:56px;}
.detail-group52.scrollAni{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group52.scrollAni.view{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group52{padding:100px 32px;}
    .detail-group52 .img{width:450px;margin-top:80px;}
    .detail-group52 .img strong{margin-top:20px;}
    .detail-group52 .img + .img{margin-left:56px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group52{padding:55px 20px;text-align:left;}
    .detail-group52 h3{font-size:24px;line-height:30px;}
    .detail-group52 p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group52 p.t1{margin-top:20px;}
    .detail-group52 .img{width:calc(100% + 20px);margin-top:55px;text-align:center;}
    .detail-group52 .img strong{font-size:14px;padding-right:20px;}
    .detail-group52 .img + .img{margin-left:0;}
}

.detail-group53{position:relative;overflow:hidden;padding:130px 0 140px;font-size:0;background:#fff;text-align:left;}
.detail-group53 h3{display:block;font-size:56px;font-weight:500;color:#000;line-height:80px;}
.detail-group53 p{display:block;width:900px;margin-top:30px;font-size:18px;font-weight:400;color:#000;line-height:32px;}
.detail-group53 img{margin-top:55px;}
.detail-group53 p.t1{display:block;margin-top:70px;font-size:16px;line-height:40px;font-weight:300;}
.detail-group53.scrollAni{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group53.scrollAni.view{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group53{padding:80px 32px 130px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group53{padding:50px 20px 60px;}
    .detail-group53 h3{font-size:24px;line-height:30px;}
    .detail-group53 p{width:100%;margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group53 img{margin-top:25px;}
    .detail-group53 p.t1{margin-top:40px;font-size:13px;line-height:24px;}
}
.detail-group54{position:relative;overflow:hidden;padding:130px 0 90px;font-size:0;background:linear-gradient(to left bottom, #39383d, #535257)}
.detail-group54 h3{display:block;font-size:52px;font-weight:500;color:#fff;line-height:76px;}
.detail-group54 p{display:block;width:800px;margin-top:20px;font-size:16px;font-weight:300;color:#fff;line-height:32px;}
.detail-group54 p.t1{margin-top:20px;color:rgba(255,255,255,0.3);font-size:14px;}
.detail-group54 .img{position:absolute;top:-15px;right:46px; width:300px;font-size:0;}
.detail-group54 .img strong{display:inline-block;vertical-align:top;margin-top:20px;width:125px;color:#fff;font-size:20px;text-align:center;}
.detail-group54 .img strong+strong{margin-left:50px;}
.detail-group54.scrollAni .img{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group54.scrollAni.view .img{transform:translateX(0);opacity:1}
.detail-group54.scrollAni .inner{transform:translateX(1200px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group54.scrollAni.view .inner{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group54{padding:120px 370px 90px 32px;}
    .detail-group54 p{width:100%;}
    .detail-group54 .img{right:-330px;top:40px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group54{padding:65px 20px 40px;}
    .detail-group54 h3{font-size:26px;line-height:36px;}
    .detail-group54 p{width:100%;margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group54 p.t1{margin-top:20px;}
    .detail-group54 .img{position:static;margin:40px auto 0;font-size:0;text-align:center;}
    .detail-group54 .img img{display:block;width:180px;margin:0 auto;}
    .detail-group54 .img strong{width:auto;font-size:14px;}
    .detail-group54 .img strong+strong{margin-left:35px;}
}
.detail-group55{position:relative;overflow:hidden;padding:100px 0 90px;font-size:0;background:#f2f2f2;text-align:center;}
.detail-group55 h3{display:block;font-size:52px;font-weight:500;color:#000;line-height:76px;}
.detail-group55 p{display:block;padding:0 150px;margin-top:30px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group55 p.t1{margin-top:20px;color:rgba(0,0,0,0.7);font-size:14px;}
.detail-group55 .img{display:inline-block;vertical-align:top;width:581px;margin-top:120px}
.detail-group55 .img2{display:inline-block;vertical-align:top;width:469px;margin-left:76px;margin-top:120px}
.detail-group55 .img2 strong{display:inline-block;vertical-align:top;margin-top:44px;color:#000;font-size:20px;text-align:center;white-space:nowrap}
.detail-group55.scrollAni .wrap{transform:translateY(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group55.scrollAni.view .wrap{transform:translateY(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group55{padding:100px 32px;}
    .detail-group55 p{padding:0 30px;margin-top:20px;}
    .detail-group55 p.t1{margin-top:20px;}
    .detail-group55 .img{width:465px;margin-top:100px;}
    .detail-group55 .img2{width:375px;margin-left:60px;margin-right:20px;margin-top:120px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group55{padding:60px 20px;text-align:left;}
    .detail-group55 h3{font-size:24px;line-height:30px;}
    .detail-group55 p{padding:0;margin-top:15px;font-size:13px;line-height:22px;}
    .detail-group55 .img{display:block;width:291px;margin:40px auto 0}
    .detail-group55 .img2{display:block;width:100%;margin:35px auto 0;text-align:center;}
    .detail-group55 .img2 img{width:235px;}
    .detail-group55 .img2 strong{margin-top:20px;font-size:14px;}
}
.detail-group56{position:relative;overflow:hidden;padding:110px 0;font-size:0;background:#fff;text-align:left;}
.detail-group56 .img{width:720px;position:absolute;top:66px;left:50%;margin-left:-720px;}
.detail-group56 .inner{padding-left:600px;}
.detail-group56 h3{display:block;font-size:36px;font-weight:400;color:#000;line-height:54px;}
.detail-group56 p{display:block;margin-top:25px;font-size:16px;font-weight:300;color:#000;line-height:32px;}
.detail-group56 p.t1{margin-top:20px;color:rgba(0,0,0,0.7);font-size:14px;}
.detail-group56.scrollAni .img{transform:translateX(1200px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group56.scrollAni.view .img{transform:translateX(0);opacity:1}
.detail-group56.scrollAni .inner{transform:translateX(400px); transition: transform 3500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group56.scrollAni.view .inner{transform:translateX(0);opacity:1}
@media (max-width: 1366px){/*tablet (pad pro가로세로 ~ ipad가로)*/
    .detail-group56{padding:110px 32px;}
    .detail-group56 .img{width:550px;top:110px;margin-left:0;left:0;}
    .detail-group56 .inner{padding-left:520px;}
    .detail-group56 p{margin-top:20px;}
    .detail-group56 p.t1{margin-top:15px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group56{padding:280px 20px 55px;text-align:left;}
    .detail-group56 .img{width:360px;position:absolute;top:20px;left:calc(50% - 180px);margin-left:0;}
    .detail-group56 .inner{padding-left:0;}
    .detail-group56 h3{font-size:24px;line-height:30px;}
    .detail-group56 p{margin-top:15px;font-size:13px;line-height:22px;}
}
.detail-group57{margin-top:145px;position:relative;padding:130px 0 170px;background:linear-gradient(to left bottom, #39383d, #535257)}
.detail-group57 .bg{position:absolute;top:0;left:50%;margin-left:-250px;width:1142px;height:799px;background:url("/images/ellipse.png")0 0 no-repeat;background-size:contain;}
.detail-group57 .bg img{display:block;margin:-145px auto 0;width:auto;height:800px;padding-left:100px;}
.detail-group57 .txt{width:600px;}
.detail-group57 .txt h3{width:700px;font-size:52px;line-height:76px;color:#fff;}
.detail-group57 .txt p{min-height:300px;margin-top:40px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;}
.detail-group57 .txt p strong{font-weight:500;font-size:20px;letter-spacing:0.5px;color:#fff;}
.detail-group57 .txt2{margin-top:200px;font-size:0;}
.detail-group57 .txt2 .img{display:inline-block;width:600px;text-align:center;vertical-align:top;}
.detail-group57 .txt2 .img img{width:421px}
.detail-group57 .txt2 p{display:inline-block;width:600px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;vertical-align:top;}
.detail-group57.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group57.scrollAni .bg{transform:translateX(100%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000);}
.detail-group57.scrollAni.view .wrap,
.detail-group57.scrollAni.view .bg{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group57{margin-top:100px;padding:130px 32px 100px;}
    .detail-group57 .bg{margin-left:-120px;width:900px;height:600px;}
    .detail-group57 .bg img{margin-top:-100px;height:580px;padding-left:0}
    .detail-group57 .txt{width:calc(100% - 400px);max-width:620px}
    .detail-group57 .txt p{min-height:220px;}
    .detail-group57 .txt2{margin-top:180px;}
    .detail-group57 .txt2 .img{width:486px;padding-left:20px;text-align:left;}
    .detail-group57 .txt2 p{width:calc(100% - 486px);}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group57{margin-top:62px;padding:254px 20px 80px;}
    .detail-group57 .bg{position:absolute;top:0;left:auto; right:0;margin-left:0;width:360px;height:370px;background:url("/images/ellipse.png")calc(100% - -110px) bottom no-repeat;background-size:520px auto;}
    .detail-group57 .bg img{margin-top:-62px;margin-right:-30px;height:305px;padding-left:0;}
    .detail-group57 .txt{width:100%}
    .detail-group57 .txt h3{width:100%;font-size:26px;line-height:36px;}
    .detail-group57 .txt p{min-height:initial;margin-top:20px;font-size:13px;line-height:22px;letter-spacing:0;}
    .detail-group57 .txt2{margin-top:45px;}
    .detail-group57 .txt2 .img{width:100%;padding:0;text-align:center;}
    .detail-group57 .txt2 .img img{width:211px}
    .detail-group57 .txt2 p{margin-top:40px;width:100%;font-size:13px;line-height:22px;letter-spacing:0;}
}

.detail-group58{overflow:hidden;padding:100px 0;text-align:center;}
.detail-group58 h3{font-size:36px;font-weight:400;line-height:54px;color:#000;}
.detail-group58 h4{margin-top:40px;font-size:20px;font-weight:500;line-height:32px;color:#000;}
.detail-group58 p{padding:0 90px;margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group58 .img{display:inline-block;vertical-align:top;margin-top:55px;width:538px;}
.detail-group58 .img strong{display:block;margin-top:40px;font-size:20px;font-weight:700;}
.detail-group58 .img + .img{margin-left:68px;}
.detail-group58.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group58.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group58{padding:90px 32px 100px;}
    .detail-group58 p{padding:0;}
    .detail-group58 .img{margin-top:80px;width:430px;}
    .detail-group58 .img + .img{margin-left:56px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group58{padding:50px 20px;text-align:left;}
    .detail-group58 h3{font-size:24px;line-height:30px;}
    .detail-group58 h4{margin-top:30px;font-size:14px;line-height:24px;font-weight: 700;}
    .detail-group58 p{padding:0;margin-top:25px;font-size:13px;line-height:22px;}
    .detail-group58 .img{display:block;margin:45px auto 0;width:317px;text-align:center;}
    .detail-group58 .img strong{margin-top:30px;font-size:14px;}
    .detail-group58 .img + .img{margin:45px auto 0;}
}

.detail-group59{overflow:hidden;padding:100px 0;text-align:center;background:#e9e9e9}
.detail-group59 h3{font-size:36px;font-weight:400;line-height:54px;color:#000;}
.detail-group59 h4{margin-top:40px;font-size:20px;font-weight:500;line-height:32px;color:#000;}
.detail-group59 p{padding:0 80px;margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group59 p.t1{margin:80px 0 75px;padding:0 170px;}
.detail-group59 p.t2{margin:80px 0 0;padding:0 170px;}
.detail-group59 .img{display:inline-block;vertical-align:top;margin-top:70px;width:420px;}
.detail-group59 .img strong{display:block;margin-bottom:40px;font-size:20px;font-weight:700;}
.detail-group59 .img img + img{margin-top:233px;}
.detail-group59 .img.v1{margin-left:186px; }
.detail-group59 .img.v1 img + img{margin-top:40px;}
.detail-group59 .img2{display:inline-block;vertical-align:top;width:400px;}
.detail-group59 .img2 strong{display:block;margin-bottom:35px;font-size:20px;font-weight:700;}
.detail-group59 .img2 img{width:342px; }
.detail-group59.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group59.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group59{padding:90px 32px 100px;}
    .detail-group59 p{padding:0;}
    .detail-group59 p.t1{padding:0;}
    .detail-group59 p.t2{padding:0;}
    .detail-group59 .img{margin-top:40px;width:378px;}
    .detail-group59 .img img + img{margin-top:249px;}
    .detail-group59 .img.v1{margin-left:188px; }
    .detail-group59 .img.v1 img + img{margin-top:56px;}
    .detail-group59 .img2{padding:10px;width:320px;}
    .detail-group59 .img2 strong{margin-bottom:0;height:80px;}
    .detail-group59 .img2 img{width:300px; }
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group59{padding:50px 20px;text-align:left;}
    .detail-group59 h3{font-size:24px;line-height:30px;}
    .detail-group59 h4{margin-top:30px;font-size:14px;line-height:24px;font-weight: 700;}
    .detail-group59 p{padding:0;margin-top:25px;font-size:13px;line-height:22px;}
    .detail-group59 p.t1{margin:40px 0 50px;}
    .detail-group59 p.t2{margin:40px 0 0;}
    .detail-group59 .img{display:block;margin:40px auto 0;width:320px;text-align:center;}
    .detail-group59 .img strong{margin-bottom:30px;font-size:14px;}
    .detail-group59 .img img + img{margin-top:50px;}
    .detail-group59 .img.v1{display:block;margin:40px auto 0;width:320px;}
    .detail-group59 .img.v1 img + img{margin-top:50px;}
    .detail-group59 .img2{display:block;margin:40px auto 0;padding:0;width:320px;text-align:center;}
    .detail-group59 .img2 strong{height:auto;margin-bottom:30px;font-size:14px;}
    .detail-group59 .img2 img{width:100%; }
}

.detail-group60{overflow:hidden;padding:140px 0 150px;text-align:center;background:#0e1013}
.detail-group60 h3{font-size:52px;font-weight:400;line-height:76px;color:#fff;}
.detail-group60 h4{margin-top:50px;font-size:20px;font-weight:500;line-height:32px;color:#fff;}
.detail-group60 p{padding:0 30px;margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group60 .img{margin:90px auto 0;width:761px;}
.detail-group60 .img strong{display:block;margin-bottom:40px;font-size:20px;font-weight:700;color:#fff;}
.detail-group60 .img + .img{margin-top:75px;}
.detail-group60.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group60.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group60{padding:140px 32px 150px;}
    .detail-group60 p{padding:0;}
    .detail-group60 .img{margin:70px auto 0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group60{padding:60px 20px;text-align:left;}
    .detail-group60 h3{font-size:26px;line-height:36px;}
    .detail-group60 h4{margin-top:30px;font-size:14px;line-height:26px;}
    .detail-group60 p{padding:0;margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group60 .img{display:block;margin:40px auto 0;width:320px;text-align:center;}
    .detail-group60 .img strong{margin-bottom:30px;font-size:14px;}
    .detail-group60 .img + .img{margin:40px auto 0;}
}

.detail-group61{overflow:hidden;padding:150px 0 190px;text-align:left;background:#f2f2f2}
.detail-group61 .wrap{padding-right:600px;}
.detail-group61 h3{font-size:36px;font-weight:400;line-height:54px;color:#000;}
.detail-group61 p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group61 .img{width:594px;position:absolute;bottom:-190px;right:0;}
.detail-group61.scrollAni .img{transform:translateX(-400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group61.scrollAni .inner{transform:translateX(-1200px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group61.scrollAni.view .img,
.detail-group61.scrollAni.view .inner{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group61{padding:100px 32px 70px;}
    .detail-group61 .wrap{padding-right:490px;}
    .detail-group61 .img{width:490px;position:absolute;bottom:-70px;right:-10px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group61{padding:60px 20px 360px;text-align:left}
    .detail-group61 .wrap{padding-right:0;}
    .detail-group61 h3{font-size:24px;line-height:34px;}
    .detail-group61 p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group61 .img{width:297px;position:absolute;bottom:-360px;right:auto;left:50%;margin-left:-148px;}
}

.detail-group62{overflow:hidden;padding:150px 0 190px;text-align:left;background-position:center center;background-repeat:no-repeat; background-size:cover}
.detail-group62 .wrap{padding-left:600px;}
.detail-group62 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group62 p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group62 .img{width:430px;position:absolute;top:40px;left:100px;}
.detail-group62.scrollAni .img{transform:translateX(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group62.scrollAni .inner{transform:translateX(1200px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group62.scrollAni.view .img,
.detail-group62.scrollAni.view .inner{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group62{padding:140px 32px;}
    .detail-group62 .wrap{padding-left:437px;}
    .detail-group62 .img{width:430px;position:absolute;top:40px;left:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group62{padding:55px 20px 350px;}
    .detail-group62 .wrap{padding-left:0;}
    .detail-group62 h3{font-size:24px;line-height:30px;}
    .detail-group62 p{margin-top:20px;font-size:13px;line-height:22px}
    .detail-group62 .img{width:400px;position:absolute;top:auto;bottom:-350px;left:calc(50% - 170px);}
}


.detail-group63{overflow:hidden;padding:150px 0 160px;text-align:left;background:#515055}
.detail-group63 .wrap{padding-right:610px;}
.detail-group63 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group63 p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group63 .img{width:443px;position:absolute;top:0;right:75px;}
.detail-group63.scrollAni .img{transform:translateX(-400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group63.scrollAni .inner{transform:translateX(-1200px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group63.scrollAni.view .img,
.detail-group63.scrollAni.view .inner{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group63{padding:120px 32px 80px;}
    .detail-group63 .wrap{padding-right:448px;}
    .detail-group63 .img{width:355px;right:20px;top:20px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group63{padding:55px 20px 350px;}
    .detail-group63 .wrap{padding-right:0;}
    .detail-group63 h3{font-size:24px;line-height:30px;}
    .detail-group63 p{margin-top:20px;font-size:13px;line-height:22px}
    .detail-group63 .img{width:310px;position:absolute;top:auto;bottom:-290px;left:calc(50% - 155px);}
}

.detail-group64{overflow:hidden;padding:95px 0;text-align:center;background-position:center center;background-repeat:no-repeat; background-size:cover}
.detail-group64 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group64 p{margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group64 .img{display:inline-block;margin-top:240px;width:224px;}
.detail-group64 .img2{display:inline-block;margin-top:56px;margin-left:84px;width:446px;font-size:0;}
.detail-group64 .img2 img{width:211px}
.detail-group64 .img2 img + img{margin-left:24px;}
.detail-group64 .img strong{display:block;margin-top:30px;font-size:20px;font-weight:700;color:#fff;}
.detail-group64 .img2 strong{display:block;margin-top:30px;font-size:20px;font-weight:700;color:#fff;}
.detail-group64.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group64.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group64{overflow:hidden;padding:95px 32px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group64{padding:55px 20px 60px;text-align:left;}
    .detail-group64 h3{font-size:24px;line-height:30px;}
    .detail-group64 p{margin-top:20px;font-size:13px;line-height:22px}
    .detail-group64 .img{display:block;width:202px;margin:45px auto 0;text-align:center}
    .detail-group64 .img2{display:block;width:320px;margin:45px auto 0;text-align:center}
    .detail-group64 .img2 img{width:152px}
    .detail-group64 .img2 img + img{margin-left:16px;}
    .detail-group64 .img strong{margin-top:15px;font-size:14px;}
    .detail-group64 .img2 strong{margin-top:15px;font-size:14px;;}
}

.detail-group65{overflow:hidden;padding:100px 0 130px;text-align:center;background:#e9e9e9}
.detail-group65 h3{font-size:36px;font-weight:400;line-height:54px;color:#000;}
.detail-group65 h4{margin-top:40px;font-size:20px;font-weight:500;line-height:32px;color:#000;}
.detail-group65 p{padding:0 70px;margin-top:30px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group65 p.t1{margin-top:20px;font-size:14px;line-height:28px;opacity:0.3;}
.detail-group65 .img{margin:110px auto 0;width:957px;}
.detail-group65 .img strong{display:block;margin-top:10px;font-size:20px;font-weight:700;color:#000;}
.detail-group65.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group65.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group65{overflow:hidden;padding:90px 32px 130px;}
    .detail-group65 p{padding:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group65{padding:60px 20px 90px;text-align:left;}
    .detail-group65 h3{font-size:24px;line-height:34px;}
    .detail-group65 h4{margin-top:30px;font-size:14px;line-height:22px;}
    .detail-group65 p{padding:0;margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group65 p.t1{margin-top:20px;font-size:12px;line-height:14px;}
    .detail-group65 .img{margin:90px auto 0;width:100%;max-width:340px;text-align:center;}
    .detail-group65 .img strong{margin-top:20px;font-size:14px;}
}

.detail-group66{position:relative;overflow:hidden;padding:140px 0 150px;}
.detail-group66 .bg{position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;background-position:center 0;background-repeat:no-repeat; background-size:auto 940px;}
.detail-group66 h3{font-size:36px;font-weight:400;line-height:54px;color:#000;}
.detail-group66 p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group66 .inner{position:relative;padding-left:600px;}
.detail-group66 .inner2{position:relative;margin-top:130px;padding-right:600px;}
.detail-group66 .inner2 .img{width:364px;position:absolute;top:45px;right:100px;}
.detail-group66.scrollAni .bg{transform:translateX(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group66.scrollAni .inner{transform:translateX(1200px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group66.scrollAni .inner2{transform:translateX(-400px); transition: transform 2000ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .5s ease-in-out; opacity:0;}
.detail-group66.scrollAni.view .bg,
.detail-group66.scrollAni.view .inner,
.detail-group66.scrollAni.view .inner2{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group66{padding:140px 32px 110px;}
    .detail-group66 .bg{background-size:auto 560px;width:200%;left:-55%;}
    .detail-group66 .inner{padding-left:405px;}
    .detail-group66 .inner2{margin-top:80px;padding-right:405px;}
    .detail-group66 .inner2 .img{top:45px;right:0;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group66{padding:390px 20px 70px;}
    .detail-group66 .bg{left:-40px;height:390px; background-size:auto 360px;}
    .detail-group66 h3{font-size:24px;line-height:30px;}
    .detail-group66 p{margin-top:25px;font-size:13px;line-height:22px;}
    .detail-group66 .inner{padding-left:0;}
    .detail-group66 .inner2{margin-top:50px;padding-right:0;padding-bottom:410px}
    .detail-group66 .inner2 .img{width:290px;top:auto;bottom:0;right:auto;left:50%;margin-left:-145px;}
}


.detail-group67{overflow:hidden;padding:140px 0 65px;text-align:left;background:#16171a}
.detail-group67 h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;text-align:center;}
.detail-group67 ul{margin-top:70px;text-align:left;font-size:0; }
.detail-group67 li{display:inline-block;vertical-align:top;width:190px;height:377px;margin-right:12px; }
.detail-group67 li:nth-child(6n){margin-right:0;}
.detail-group67 li span{display:block;margin-top:15px;font-size:14px;font-weight:300;line-height:20px;color:rgba(255,255,255,0.3)}
.detail-group67 li p{display:block;margin-top:15px;font-size:16px;font-weight:300;line-height:24px;color:rgba(255,255,255,1)}
.detail-group67.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group67.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group67{overflow:hidden;padding:120px 31px 65px;}
    .detail-group67 ul{width:962px;margin:70px auto 0;}
    .detail-group67 li{width:150px;height:357px; }
    .detail-group67 li span{margin-top:35px}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group67{padding:60px 0 20px;}
    .detail-group67 h3{font-size:24px;padding:0 20px;line-height:30px;text-align:left;}
    .detail-group67 ul{width:648px;margin:35px auto 0;}
    .detail-group67 li{width:156px;height:307px;margin-right:8px; }
    .detail-group67 li:nth-child(6n){margin-right:8px;}
    .detail-group67 li:nth-child(4n){margin-right:0;}
    .detail-group67 li span{margin-top:13px;font-size:12px;line-height:14px;}
    .detail-group67 li p{margin-top:10px;font-size:13px;line-height:22px;}
}
@media (max-width: 648px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group67 ul{width:484px;}
    .detail-group67 li:nth-child(4n){margin-right:8px;}
    .detail-group67 li:nth-child(3n){margin-right:0;}
}
@media (max-width: 484px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group67 ul{width:320px;}
    .detail-group67 li:nth-child(3n){margin-right:8px;}
    .detail-group67 li:nth-child(2n){margin-right:0;}
}

.detail-group68{overflow:hidden;margin:140px 0 244px;text-align:center;}
.detail-group68 h3{font-size:56px;font-weight:500;line-height:80px;color:#000;text-align:left;}
.detail-group68 p{padding-right:20px;margin-top:40px;font-size:18px;font-weight:400;line-height:32px;color:#000;text-align:left;}
.detail-group68 img{display:block;width:915px;margin:80px auto 0;}
.detail-group68.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group68.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group68{margin:100px 32px 244px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group68{margin:50px 20px 125px;}
    .detail-group68 h3{font-size:24px;line-height:30px;}
    .detail-group68 p{padding-right:0;margin-top:20px;font-size:13px;line-height:22px}
    .detail-group68 img{width:100%;max-width:360px;margin:40px auto 0;}
}

.detail-group69{margin-top:145px;position:relative;padding:130px 0 170px;background:linear-gradient(to left bottom, #39383d, #535257)}
.detail-group69 .bg{position:absolute;top:0;left:50%;margin-left:-250px;width:1142px;height:799px;background:url("/images/ellipse.png")0 0 no-repeat;background-size:contain;}
.detail-group69 .bg img{display:block;margin:-145px auto 0;width:auto;height:800px;padding-left:100px;}
.detail-group69 .txt{width:600px;}
.detail-group69 .txt h3{font-size:52px;line-height:76px;color:#fff;}
.detail-group69 .txt p{min-height:300px;margin-top:40px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;}
.detail-group69 .txt p strong{font-weight:500;font-size:20px;letter-spacing:0.5px;color:#fff;}
.detail-group69 .txt2{margin-top:140px;font-size:0;}
.detail-group69 .txt2 .img{display:inline-block;margin-top:50px;width:600px;text-align:left;vertical-align:top;}
.detail-group69 .txt2 .img img{width:555px}
.detail-group69 .txt2 .inner{display:inline-block;width:600px;vertical-align:top;}
.detail-group69 .txt2 h3{font-size:52px;line-height:76px;color:#fff;}
.detail-group69 .txt2 p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;letter-spacing:0.16px;color:#fff;vertical-align:top;}
.detail-group69 ul{font-size:0;margin-top:30px;}
.detail-group69 li{position:relative;display:inline-block;padding:0 20px 0 14px;vertical-align:top;line-height:40px;font-size:16px;font-weight:300;color:#fff;}
.detail-group69 li:before{display:block;content:'';width:3px;height:3px;position:absolute;top:18px;left:3px;background:#fff;border-radius:100%;}
.detail-group69 .txt2 li{display:block;}
.detail-group69.scrollAni .wrap{transform:translateY(250px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group69.scrollAni .bg{transform:translateX(100%); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000);}
.detail-group69.scrollAni.view .wrap,
.detail-group69.scrollAni.view .bg{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group69{margin-top:100px;padding:130px 32px 100px;}
    .detail-group69 .bg{margin-left:-150px;width:900px;height:600px;}
    .detail-group69 .bg img{margin-top:-120px;height:640px;padding-left:0;}
    .detail-group69 .txt{width:calc(100% - 390px);max-width:620px}
    .detail-group69 .txt p{min-height:220px;}
    .detail-group69 .txt2 .img{display:inline-block;margin-top:50px;width:486px;}
    .detail-group69 .txt2 .img img{width:445px}
    .detail-group69 .txt2 .inner{width:calc(100% - 486px);}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group69{margin-top:62px;padding:254px 20px 80px;}
    .detail-group69 .bg{position:absolute;top:0;left:auto; right:0;margin-left:0;width:360px;height:370px;background:url("/images/ellipse.png")calc(100% - -110px) bottom no-repeat;background-size:520px auto;}
    .detail-group69 .bg img{margin-top:-62px;margin-right:-30px;height:360px;padding-left:0;}
    .detail-group69 .txt{width:100%}
    .detail-group69 .txt h3{width:100%;font-size:26px;line-height:36px;}
    .detail-group69 .txt p{min-height:initial;margin-top:20px;font-size:13px;line-height:22px;letter-spacing:0;}
    .detail-group69 ul{margin-top:20px;}
    .detail-group69 li{padding:0 20px 0 8px;line-height:22px;font-size:13px;}
    .detail-group69 li:before{width:2px;height:2px;top:10px;left:0;}
    .detail-group69 .txt2{margin-top:0;font-size:0;}
    .detail-group69 .txt2 .img{display:block;margin:80px auto 0;width:255px;}
    .detail-group69 .txt2 .img img{width:100%}
    .detail-group69 .txt2 .inner{margin-top:30px;width:100%;}
    .detail-group69 .txt2 h3{font-size:26px;line-height:36px;}
    .detail-group69 .txt2 p{margin-top:15px;font-size:13px;line-height:22px;letter-spacing:0;}
}

.detail-group70{overflow:hidden;padding:140px 0 170px;text-align:center;background:#16171a}
.detail-group70 h3{font-size:51px;font-weight:400;line-height:76px;color:#fff;}
.detail-group70 p{margin-top:40px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group70 img{display:inline-block;width:366px;margin-top:80px;}
.detail-group70 .li1{margin-top:55px;font-size:0;}
.detail-group70 .li1 li{position:relative;display:inline-block;padding:0 20px 0 14px;vertical-align:top;line-height:32px;font-size:16px;font-weight:300;color:#fff;}
.detail-group70 .li1 li:before{display:block;content:'';width:3px;height:3px;position:absolute;top:18px;left:3px;background:#fff;border-radius:100%;}
.detail-group70 .li2{margin-top:75px;font-size:0;}
.detail-group70 .li2 li{display:inline-block;width:100px;vertical-align:top;text-align:center;font-size:12px;line-height:16px;color:rgba(255,255,255,0.4)}
.detail-group70 .li2 li img{display:block;width:60px;margin:0 auto 10px;}
.detail-group70.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group70.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group70{padding:140px 32px 170px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group70{padding:70px 20px;text-align:left;}
    .detail-group70 h3{font-size:26px;line-height:36px;}
    .detail-group70 p{margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group70 img{display:block;width:183px;margin:40px auto 0;}
    .detail-group70 .li1{margin-top:20px;}
    .detail-group70 .li1 li{padding:0 20px 0 8px;line-height:22px;font-size:13px;}
    .detail-group70 .li1 li:before{width:2px;height:2px;top:10px;left:0;}
    .detail-group70 .li2{display:block;margin:25px auto 0;}
    .detail-group70 .li2 li{width:80px;font-size:10px;line-height:13px;}
    .detail-group70 .li2 li img{width:50px;margin:0 auto 5px;}
}

.detail-group71{overflow:hidden;padding:90px 0 0;text-align:center;}
.detail-group71 h3{font-size:36px;font-weight:400;line-height:76px;color:#000;}
.detail-group71 p{margin-top:25px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group71 .img{margin:80px auto 0;width:1093px;}
.detail-group71 .img strong{font-size:20px;font-weight:700; }
.detail-group71 .img img{display:block;margin-top:25px;}
.detail-group71.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group71.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group71{padding:90px 0 0;}
    .detail-group71 h3,
    .detail-group71 p{padding:0 32px;}
    .detail-group71 .img{margin:50px auto 0;width:100%;max-width:1093px; }
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group71{padding:50px 0 0;text-align:left;}
    .detail-group71 h3{padding:0 20px;font-size:24px;line-height:30px;}
    .detail-group71 p{padding:0 20px;margin-top:20px;font-size:13px;line-height:22px;}
    .detail-group71 .img{margin:30px auto 10px;width:100%;max-width:600px;text-align:center;}
    .detail-group71 .img strong{padding:0 20px;font-size:14px;display:block;text-align:left; }
    .detail-group71 .img img{margin-top:35px;}
}


.detail-group72{overflow:hidden;padding:90px 0 120px;text-align:center;background:#e9e9e9;}
.detail-group72 h3{font-size:36px;font-weight:400;line-height:76px;color:#000;}
.detail-group72 p{margin-top:20px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group72 p.t1{font-size:14px;line-height:28px;color:rgba(0,0,0,0.7);}
.detail-group72 .img{margin-top:75px;font-size:0;}
.detail-group72 .img strong{display:block;font-size:20px;font-weight:700;margin-bottom:35px; }
.detail-group72 .img img{display:inline-block;vertical-align:top;width:522px;}
.detail-group72 .img img + img{margin-left:84px;width:579px;}
.detail-group72.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group72.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group72{padding:90px 32px 120px;}
    .detail-group72 .img strong{margin-bottom:70px;}
    .detail-group72 .img img{width:406px;margin-top:32px;}
    .detail-group72 .img img + img{margin-left:42px;margin-top:0;width:500px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group72{padding:50px 20px;text-align:left}
    .detail-group72 h3{font-size:24px;line-height:30px;}
    .detail-group72 p{font-size:13px;line-height:22px;}
    .detail-group72 p.t1{margin-top:20px;font-size:12px;line-height:14px;}
    .detail-group72 .img{margin-top:30px;}
    .detail-group72 .img strong{font-size:14px;line-height:16px;margin-bottom:35px; }
    .detail-group72 .img img{display:block;vertical-align:top;width:calc(100% - 30px);max-width:400px;margin:0 auto;}
    .detail-group72 .img img + img{margin:30px auto 0;width:100%;max-width:400px;}
}

.detail-group73{overflow:hidden;padding:90px 0 120px;text-align:center;background:#fff;}
.detail-group73 h3{font-size:36px;font-weight:400;line-height:54px;color:#000;}
.detail-group73 p{margin-top:20px;font-size:16px;font-weight:300;line-height:32px;color:#000;}
.detail-group73 .inner{margin-top:85px;font-size:0;}
.detail-group73 .inner h4{display:block;font-size:20px;font-weight:500;line-height:32px; }
.detail-group73 .inner .img{display:inline-block;width:534px;margin-top:54px;vertical-align:top;}
.detail-group73 .inner .img strong{display:inline-block;vertical-align:top;margin-top:40px;font-size:20px;font-weight:700; }
.detail-group73 .inner.v1{margin-top:100px}
.detail-group73 .inner.v1 .img{width:538px;}
.detail-group73 .inner.v1 .img + .img{margin-left:68px; }
.detail-group73.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group73.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group73{padding:90px 32px 110px;}
    .detail-group73 .inner{margin-top:50px;}
    .detail-group73 .inner.v1 .img{width:430px;}
    .detail-group73 .inner.v1 .img + .img{margin-left:60px; }
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group73{padding:60px 20px;text-align:left;}
    .detail-group73 h3{font-size:24px;line-height:30px;}
    .detail-group73 p{margin-top:25px;font-size:13px;line-height:22px;}
    .detail-group73 .inner{margin-top:40px;}
    .detail-group73 .inner h4{font-size:14px;line-height:16px; }
    .detail-group73 .inner p{margin-top:15px;}
    .detail-group73 .inner .img{display:block;width:100%;margin:25px auto 0;max-width:400px;}
    .detail-group73 .inner .img strong{display:block;text-align:center;margin-top:20px;font-size:14px; }
    .detail-group73 .inner.v1{margin-top:45px}
    .detail-group73 .inner.v1 .img{display:block;width:100%;max-width:400px;margin:30px auto 0;}
    .detail-group73 .inner.v1 .img + .img{margin:30px auto 0;}
}

.detail-group74{overflow:hidden;padding:90px 0 140px;text-align:left;background:#535257;}
.detail-group74 .inner{position:relative;padding-right:500px;}
.detail-group74 .inner h3{font-size:36px;font-weight:400;line-height:54px;color:#fff;}
.detail-group74 .inner p{font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group74 .inner img{display:block;width:440px;position:absolute;right:26px;top:10px;}
.detail-group74 h4{margin-top:110px;font-size:20px;font-weight:700;line-height:31px;color:#fff;}
.detail-group74 .dv3{position:relative;font-size:0;margin-top:50px;border-bottom:2px solid #fff;}
.detail-group74 .dv3 + h4{margin-top:95px;}
.detail-group74 .dv3>div{font-size:0;}
.detail-group74 .dv3>div>div{display:inline-block;width:calc(33.33% - 12px);height:77px;margin-left:12px;vertical-align:top;font-size:26px;font-weight:500;color:#fff;border-bottom:2px solid #fff;}
.detail-group74 .dv3>div>div.n1{width:33.33%;margin-left:0;}
.detail-group74 .dv3>div>div img{width:auto;margin-top:-2px;margin-right:18px;height:27px;display:inline-block;vertical-align:top;}
.detail-group74 .dv3 li{display:table;width:100%;padding:30px 0;border-top:1px solid rgba(255,255,255,0.1)}
.detail-group74 .dv3 li:first-child{border:0}
.detail-group74 .dv3 .n1{margin-left:0}
.detail-group74 .dv3 li span{display:table-cell;width:33.33%;padding-left:12px;vertical-align:middle;color:#fff;font-weight:300;font-size:16px;}
.detail-group74 p.t1{margin-top:39px;font-size:16px;font-weight:300;line-height:32px;color:#fff;}
.detail-group74.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group74.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group74{padding:90px 32px 140px;}
    .detail-group74 .inner{padding-right:434px;}
    .detail-group74 .inner img{width:383px;}
    .detail-group74 h4{margin-top:80px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group74{padding:50px 20px 75px;}
    .detail-group74 .inner{padding-right:0;}
    .detail-group74 .inner h3{font-size:24px;line-height:30px;}
    .detail-group74 .inner p{margin-top:25px;font-size:13px;line-height:22px;}
    .detail-group74 .inner img{display:block;width:calc(100% - 30px);max-width:400px;margin:35px auto 0;position:static;}
    .detail-group74 h4{margin-top:55px;font-size:14px;line-height:16px;}

    .detail-group74 .dv3{margin-top:0;}
    .detail-group74 .dv3 + h4{margin-top:45px;}
    .detail-group74 .dv3>div>div{width:calc(50% - 6px);height:60px;line-height:60px;margin-left:6px;font-size:14px;text-align:center;}
    .detail-group74 .dv3>div>div.n1{display:none;}
    .detail-group74 .dv3>div div.n2{width:50%;margin-left:0;}
    .detail-group74 .dv3>div>div img{margin-top:-2px;margin-right:5px;height:14px;}
    .detail-group74 .dv3 li{position:relative;padding:33px 0;}
    .detail-group74 .dv3 li span{width:50%;padding-left:6px;font-size:13px;text-align:center;}
    .detail-group74 .dv3 li span.n1{font-size:10px;position:absolute;top:13px;left:0;display:block;width:100%;text-align:center;}
    .detail-group74 p.t1{margin-top:15px;font-size:13px;line-height:22px;}
}

.detail-group75{overflow:hidden;padding:90px 0 110px;text-align:center;background:#e9e9e9;}
.detail-group75 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group75 p{margin-top:30px;padding:0 100px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group75 .img{display:inline-block;vertical-align:top;width:520px;margin-top:75px;}
.detail-group75 .img + .img{margin-left:80px;}
.detail-group75 .img strong{display:block;margin-top:25px;font-size:20px;font-weight:700;}
.detail-group75.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group75.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group75{padding:90px 0 110px;}
    .detail-group75 p{padding:0;}
    .detail-group75 .img{width:416px;margin-top:110px;}
    .detail-group75 .img + .img{margin-left:68px;}
    .detail-group75 .img strong{margin-top:65px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group75{padding:55px 20px;text-align:left;}
    .detail-group75 h3{font-size:24px;line-height:30px;}
    .detail-group75 p{margin-top:25px;padding:0;font-size:13px;line-height:22px;}
    .detail-group75 .img{display:block;vertical-align:top;width:100%;max-width:400px;margin:35px auto 0;text-align:center;}
    .detail-group75 .img + .img{margin:45px auto 0;}
    .detail-group75 .img strong{display:block;margin-top:15px;font-size:14px;line-height:16px;}
}

.detail-group76{overflow:hidden;padding:120px 0 110px;text-align:center;background:#fff;}
.detail-group76 .inner h3{margin-top:20px;font-size:36px;font-weight:400;line-height:54px;}
.detail-group76 .inner p{margin-top:20px;padding:0 100px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group76 .inner .img{display:inline-block;vertical-align:top;width:70px;}
.detail-group76 .inner .img2{display:inline-block;vertical-align:top;width:480px;margin-top:70px;}
.detail-group76 .inner .img2 strong{display:block;margin-top:25px;font-size:20px;font-weight:700;}
.detail-group76 .inner .img3{display:inline-block;vertical-align:top;width:1115px;margin-top:90px;}
.detail-group76 ul{font-size:0;margin-top:20px;}
.detail-group76 li{display:inline-block;margin-top:75px;vertical-align:top;width:450px;margin-right:100px;text-align:left;}
.detail-group76 li:nth-child(2n){margin-right:0;}
.detail-group76 li strong{position:relative;display:block;padding-left:14px;font-size:20px;font-weight:700;}
.detail-group76 li strong:before{content:'';display:block;width:4px;height:4px;position:absolute;top:6px;left:0;background:#000;border-radius:100%;}
.detail-group76 li p{margin-top:20px;padding-left:14px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group76.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group76.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group76{padding:120px 32px 110px;}
    .detail-group76 .inner p{padding:0;}
    .detail-group76 .inner .img3{width:971px;}
    .detail-group76 ul{margin-top:40px;}
    .detail-group76 li{width:420px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group76{padding:60px 20px 55px;text-align:left;}
    .detail-group76 .inner h3{margin-top:15px;font-size:24px;line-height:30px;}
    .detail-group76 .inner p{margin-top:25px;padding:0;font-size:13px;line-height:22px;}
    .detail-group76 .inner .img{width:45px;}
    .detail-group76 .inner .img2{display:block;width:calc(100% - 30px);max-width:400px;margin:30px auto 0;}
    .detail-group76 .inner .img2 strong{margin-top:15px;font-size:14px;text-align:center;}
    .detail-group76 .inner .img3{margin-top:40px;width:100%}
    .detail-group76 ul{font-size:0;margin-top:20px;}
    .detail-group76 li{margin-top:24px;width:100%;margin-right:0}
    .detail-group76 li strong{padding-left:14px;font-size:14px;line-height:16px;font-weight:700;}
    .detail-group76 li strong:before{width:3px;height:3px;top:5px;}
    .detail-group76 li p{margin-top:10px;font-size:13px;line-height:22px;}
}

.detail-group77{overflow:hidden;padding:100px 0;text-align:center;background:#f2f2f2;}
.detail-group77 h3{margin-top:20px;font-size:36px;font-weight:400;line-height:54px;}
.detail-group77 .wrap{width:1271px;}
.detail-group77 img{display:inline-block;vertical-align:top;width:643px;margin-top:50px;}
.detail-group77 img + img{width:628px;}
.detail-group77.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group77.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group77{overflow:hidden;padding:100px 0;}
    .detail-group77 .wrap{width:100%;max-width:1024px;}
    .detail-group77 img{width:50%;max-width:503px;margin-top:160px;}
    .detail-group77 img + img{width:521px;margin-top:120px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group77{padding:50px 20px;text-align:left;}
    .detail-group77 h3{font-size:24px;line-height:30px;}
    .detail-group77 .wrap{width:100%;}
    .detail-group77 img{display:block;width:100%;max-width:400px;margin:30px auto 0;}
    .detail-group77 img + img{width:100%;max-width:400px;margin:10px auto 0;}
}

.detail-group78{overflow:hidden;padding:0px 0 110px;text-align:center;}
.detail-group78 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group78 p{margin-top:20px;margin-bottom:75px;padding:0 100px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group78 a+a{margin-left:80px;}
.detail-group78 .img{display:inline-block;vertical-align:top;margin-top:110px;}
.detail-group78 .img + .img{margin-left:100px; }
.detail-group78 .img img{width:auto;height:301px;}
.detail-group78 .img strong{display:block;margin-top:25px;font-size:20px;font-weight:700;}

.btn-google-play{position:relative;display:inline-block;padding-top:80px;padding-right:40px;text-align:center;font-size:13px;font-weight:400;color:#a97341;letter-spacing:0.65px;background:url("/images/icon-google-lg.png") center 0 no-repeat;background-size:57px auto;transition:all .2s ease-in-out;}
.btn-google-play:after{content:'';display:block;position:absolute;bottom:2px;left:calc(100% - 20px);width:20px;height:9px;background:url("/images/i_arrow_red.png")right 0 no-repeat;background-size:auto 9px;transition:all .2s ease-in-out;}
.btn-apple-app{position:relative;display:inline-block;padding-top:80px;padding-right:40px;text-align:center;font-size:13px;font-weight:300;color:#a97341;letter-spacing:0.65px;background:url("/images/icon-apple-lg.png") center 0 no-repeat;background-size:55px auto;transition:all .2s ease-in-out;}
.btn-apple-app:after{content:'';display:block;position:absolute;bottom:2px;left:calc(100% - 20px);width:20px;height:9px;background:url("/images/i_arrow_red.png")right 0 no-repeat;background-size:auto 9px;transition:all .2s ease-in-out;}
.btn-google-play:hover:after,
.btn-apple-app:hover:after{width:35px;}
.detail-group78.scrollAni .wrap{transform:translateY(400px); transition: transform 2000ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.detail-group78.scrollAni.view .wrap{transform:translateX(0) translateY(0); opacity:1}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group78{padding:90px 32px 110px;}
    .detail-group78 p{padding:0;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group78{padding:60px 0;}
    .detail-group78 h3{padding:0 20px;font-size:24px;line-height:30px;text-align:left;}
    .detail-group78 p{padding:0 20px;margin-top:20px;margin-bottom:35px;font-size:13px;line-height:22px;text-align:left;}
    .detail-group78 a+a{margin-left:30px;}
    .detail-group78 .img{display:block;margin:55px auto 0;padding:0 20px;}
    .detail-group78 .img img{display:block;width:calc(100% - 150px);max-width:300px;margin:0 auto;height:auto;}
    .detail-group78 .img + .img{margin:40px auto 0;}
    .detail-group78 .img + .img img{width:100%;max-width:600px;}
    .detail-group78 .img strong{margin-top:15px;font-size:14px;}

}
.detail-group79{overflow:hidden;padding:100px 0 120px;text-align:center;background:#f6f6f6;}
.detail-group79 .top-cont h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group79 .top-cont p{margin-top:20px;margin-bottom:70px;padding:0 90px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group79 ul{font-size:0;}
.detail-group79 li{display:inline-block;width:291px;height:399px;padding:18px 17px;vertical-align:top;margin-left:12px;background:#fff;}
.detail-group79 li:first-child{margin-left:0;}
.detail-group79 li img{display:block;width:256px;height:256px;margin:0 auto;}
.detail-group79 li p{margin-top:15px;font-size:14px;font-weight:300;color:#999;}
.detail-group79 li strong{display:block;margin-top:10px;font-size:18px;font-weight:300;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group79 .wrap{padding:0 32px;}
    .detail-group79 li{display:inline-block;width:calc(25% - 9px);height:353px;padding:34px 13px 13px;}
    .detail-group79 li img{display:block;width:204px;height:204px;}
    .detail-group79 li p{margin-top:20px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group79{padding:40px 0 80px;}
    .detail-group79 .wrap{padding:0 20px;}
    .detail-group79 .top-cont h3{font-size:24px;line-height:30px;}
    .detail-group79 .top-cont p{margin-top:20px;margin-bottom:30px;padding:0;font-size:12px;line-height:22px;}
    .detail-group79 li{display:table;position:relative;width:100%;height:161px;padding:17px 17px 17px 176px;vertical-align:top;margin-left:0;margin-top:9px;text-align:left;}
    .detail-group79 li:first-child{margin-left:0;margin-top:0;}
    .detail-group79 .inner{display:table-cell;vertical-align:middle;}
    .detail-group79 li img{display:block;width:154px;height:154px;position:absolute;top:4px;left:17px;}
    .detail-group79 li p{margin-top:0;font-size:13px;}
    .detail-group79 li strong{font-size:16px;}
}

.detail-group80{overflow:hidden;padding:100px 0 100px;text-align:center;background:#fff;}
.detail-group80 .top-cont h3,
.detail-group80 .top-cont h3 strong{font-size:36px;font-weight:400;line-height:54px;}
.detail-group80 .top-cont p{margin-top:30px;margin-bottom:50px;padding:0 200px;font-size:16px;font-weight:300;line-height:32px;}
.detail-group80 .top-cont p strong{font-size:16px;font-weight:300;line-height:32px;}
.detail-group80 ul{font-size:0;}
.detail-group80 li{position:relative;display:inline-block;vertical-align:top;width:50%;height:140px;padding:0 180px;margin-top:20px;}
.detail-group80 li:before{display:block;position:absolute;top:calc(50% - 50px);right:0;content:'';width:1px;height:100px;background:rgba(0,0,0,0.2);}
.detail-group80 li:nth-child(2n):before{display:none;}
.detail-group80 li strong{display:block;font-size:28px;font-weight:400;}
.detail-group80 li strong span{font-size:28px;font-weight:400;}
.detail-group80 li p{margin-top:20px;margin-bottom:10px;font-size:16px;line-height:28px;font-weight:300;color:#999;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group80 .wrap{padding:0 32px;}
    .detail-group80 .top-cont p{padding:0 100px;}
    .detail-group80 li{padding:0 120px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group80{padding:80px 0 70px;}
    .detail-group80 .wrap{padding:0 20px;}
    .detail-group80 .top-cont h3,
    .detail-group80 .top-cont h3 strong{font-size:24px;line-height:30px;}
    .detail-group80 .top-cont p{margin-top:20px;margin-bottom:0;padding:0;font-size:12px;line-height:22px;}
    .detail-group80 .top-cont p strong{font-size:12px;line-height:22px;}
    .detail-group80 li{width:100%;height:auto;padding:0 60px;margin-top:55px;}
    .detail-group80 li:before{display:none}
    .detail-group80 li strong{font-size:16px;}
    .detail-group80 li strong span{font-size:16px;}
    .detail-group80 li p{margin-top:10px;margin-bottom:0;font-size:13px;line-height:20px;}
}
.detail-group81{overflow:hidden;padding:110px 0 140px;text-align:center;background:#f6f6f6;}
.detail-group81 h3{font-size:36px;font-weight:400;line-height:54px;}
.detail-group81 .cont{position:relative;margin-top:80px;}
.detail-group81 .swiper-container{width:100%;text-align:left;padding-bottom:80px;}
.detail-group81 .swiper-wrapper{width:220px;}
.detail-group81 .swiper-slide{font-size:0;}
.detail-group81 .swiper-container .inner{display:inline-block;width:220px;margin-left:100px;margin-top:10px;vertical-align:top;text-align:center}
.detail-group81 .swiper-container img{width:100%;}
.detail-group81 .swiper-container .txt1{margin:25px auto 40px;width:100%;font-size:16px;line-height:24px;font-weight:300; }
.detail-group81 .swiper-container .txt2{display:inline-block;width:calc(100% - 420px);padding-left:70px;vertical-align:top;font-size:16px;font-weight:300;line-height:32px;text-align:left;}
.detail-group81 .swiper-button-prev{width:16px;height:30px;top:130px;left:0;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain}
.detail-group81 .swiper-button-next{width:16px;height:30px;top:130px;right:0;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:contain;transform:rotate(180deg)}
.detail-group81 .swiper-pagination-bullet{background:#000;}
.detail-group81 .swiper-pagination-bullet-active{background:#a97341}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .detail-group81{padding:110px 0 50px;}
    .detail-group81 .wrap{padding:0 32px;}
    .detail-group81 .cont{margin-top:60px;}
    .detail-group81 .swiper-container{padding-bottom:60px;}
    .detail-group81 .swiper-wrapper{width:176px;}
    .detail-group81 .swiper-container .inner{display:inline-block;width:176px;margin-left:50px}
    .detail-group81 .swiper-container .txt2{width:calc(100% - 276px);}
    .detail-group81 .swiper-button-prev{top:110px;}
    .detail-group81 .swiper-button-next{top:110px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .detail-group81{padding:50px 0;}
    .detail-group81 .wrap{padding:0 20px;}
    .detail-group81 h3{font-size:24px;line-height:30px;}
    .detail-group81 .cont{margin-top:20px;}
    .detail-group81 .swiper-container{padding-bottom:50px;}
    .detail-group81 .swiper-wrapper{width:132px;}
    .detail-group81 .swiper-container .inner{display:block;margin:10px auto 0;width:132px;}
    .detail-group81 .swiper-container .txt1{margin:15px auto 30px;font-size:13px;line-height:20px;}
    .detail-group81 .swiper-container .txt2{width:100%;padding-left:0;font-size:13px;line-height:20px;}
    .detail-group81 .swiper-button-prev{top:85px;}
    .detail-group81 .swiper-button-next{top:85px;}

    /*
    .detail-group81 h3{font-size:24px;line-height:30px;}
    .detail-group81 .cont{padding-left:0;margin-top:20px;}
    .detail-group81 .txt{font-size:13px;line-height:20px;}
    .detail-group81 .swiper-container{position:relative;left:0;width:100%;margin-top:50px;}
    .detail-group81 .swiper-wrapper{width:132px;}
    .detail-group81 .swiper-container img{width:132px;}
    .detail-group81 .swiper-container p{margin:15px auto 30px;width:132px;font-size:13px;line-height:20px;}
    .detail-group81 .swiper-button-prev{top:75px;}
    .detail-group81 .swiper-button-next{top:75px;}

     */

}
















.design-group{position:relative;overflow:hidden;padding:140px 0;font-size:0;background-color:#e9e9e9;}
/*.design-group:before{content:'';display:block;position:absolute;top:140px;left:0;width:50%;height:calc(100% - 1040px);background-color:#e9e9e9;z-index:100}*/
.design-group.view{transform:translateY(0);transition:all 1s ease-in-out}
.design-group .wrap{z-index:200;}
.design-group h3{position:relative;display:inline-block;margin-top:-8px;width:400px;font-size:60px;letter-spacing:9px;font-weight:700;vertical-align:top;}
.design-group p{display:inline-block;margin-top:20px;font-size:16px;width:100%;font-weight:300;line-height:32px;letter-spacing:0.16px;}
.design-group p strong{font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit;}
.design-group .slide-group{margin-top:30px;}
.design-group .list .swiper-slide p{display:block;width:1200px;padding-bottom:70px;margin:0 auto;}
.design-group .list .swiper-slide .img{position:relative;z-index:200;width:100%;height:600px;background-position:center center;background-repeat:no-repeat; background-size:auto 600px;}
.design-group .thumb{position:relative;width:1200px;margin:12px auto 0;}
.design-group .thumb .swiper-slide{overflow:hidden;width:190px;margin-right:12px;height:91px;}
.design-group .thumb .swiper-slide:last-child{margin-right:0;}
.design-group .thumb .swiper-slide a{position:relative;display:block;overflow:hidden;width:190px;height:100%;}
.design-group .thumb .swiper-slide a .img{width:100%; height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.design-group .thumb .swiper-slide a.active{border:3px solid #a97341;}
.design-group .thumb .swiper-slide a:hover .img{transform:scale(1.2);transition:all .2s ease-in-out;}
.design-group .thumb .ui-widget-content{width:920px;margin: 48px auto 0;}
.design-group .thumb .swiper-num{position:absolute;left:60px;bottom:-8px;font-weight:500;font-size:16px;letter-spacing:1.6px;}
.design-group .thumb .swiper-num-all{position:absolute;right:60px;bottom:-8px;font-weight:500;font-size:16px;letter-spacing:1.6px;}
.design-group.scrollAni .wrap{transform:translateY(250px); transition: transform 1500ms cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s ease-in-out; opacity:0;}
.design-group.scrollAni .slide-group{transform:translateY(250px); transition: transform 1500ms .5s cubic-bezier(0.020, 0.630, 0.355, 1.000), opacity 1s .5s ease-in-out; opacity:0;}
.design-group.scrollAni.view .wrap{transform:translateY(0);opacity:1}
.design-group.scrollAni.view .slide-group{transform:translateY(0);opacity:1}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .design-group{padding:100px 0;}
    /*.design-group:before{top:100px;height:calc(100% - 830px);}*/
    .design-group h3{margin-top:-3px;padding-left:30px;width:35%;font-size:60px;letter-spacing:9px;}
    .design-group p{width:100%;margin-top:20px;padding-right:36px;padding-left:36px;} 
    .design-group .list .swiper-slide p{width:100%;padding-bottom:90px;padding-left:32px;}
    .design-group .list .swiper-slide .img{height:480px;background-size:auto 480px;}
    .design-group .thumb{position:relative;width:100%;padding:0 32px;}
    .design-group .thumb .swiper-slide{width:152px;margin-right:10px;height:73px;}
    .design-group .thumb .swiper-slide:last-child{margin-right:0;}
    .design-group .thumb .swiper-slide a{width:152px;}
    .design-group .thumb .ui-widget-content{width:720px;margin: 53px auto 0;}
    .design-group .thumb .swiper-num{position:absolute;left:50%;margin-left:-450px}
    .design-group .thumb .swiper-num-all{position:absolute;right:auto;left:50%;margin-left:430px}
}
@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/
    .design-group{padding:50px 0;}
    .design-group:before{display:none;}
    .design-group h3{margin-top:-10px;padding:0 20px;width:100%;font-size:40px;letter-spacing:5px;}
    .design-group p{width:100%;margin-top:20px;padding:0 20px;font-size:13px;font-weight:400;line-height:22px;letter-spacing:0;}
    .design-group .slide-group{margin-top:20px;}
    .design-group .list .swiper-slide p{width:100%;padding:0 20px 45px 20px;}
    .design-group .list .swiper-slide .img{height:196px;background-size:auto 196px;}
    .design-group .thumb{padding:0;}
    .design-group .thumb .swiper-slide{width:95px;margin-right:6px;height:45px;}
    .design-group .thumb .swiper-slide:first-child{margin-left:20px;}
    .design-group .thumb .swiper-slide:last-child{margin-right:20px;}
    .design-group .thumb .swiper-slide a{width:95px;}
    .design-group .thumb .ui-widget-content{width:calc(100% - 40px);margin: 25px 0 0 20px ;}
    .design-group .thumb .swiper-num,
    .design-group .thumb .swiper-num-all{display:none}
}


.dropdown-list{padding:150px 0; background:#fff;}
.dropdown-list h3{font-size:20px;font-weight:500;letter-spacing:0.5px;}
.dropdown-list .wrap>ul{margin-top:25px;border-bottom:1px solid #000;}
.dropdown-list .wrap>ul>li{padding-left:20px;border-top:1px solid #000;}
.dropdown-list .wrap>ul>li>a{position:relative;display:block;padding:22px 40px 22px 0;font-size:28px;font-weight:500;}
.dropdown-list .wrap>ul>li>a:before{content:'';position:absolute;top:30px;right:6px;display:block;width:11px;height:18px;background:url("/images/i_arrow.png")0 0 no-repeat;background-size:auto 18px;transform:rotate(-90deg);transition:all .2s ease-in-out;}
.dropdown-list .wrap>ul>li>a.on:before{transform:rotate(90deg);}
.dropdown-list .cont{display:none;position:relative;overflow:hidden;padding:15px 40px 40px 0;}
.dropdown-list .cont li{position:relative;padding:11px 0;font-size:0;}
.dropdown-list .cont strong{display:inline-block;width:230px;font-size:15px;font-weight:400;vertical-align:top;}
.dropdown-list .cont p{display:inline-block;width:calc(100% - 230px); font-size:15px;font-weight:400;color:rgba(0,0,0,0.6);vertical-align:top;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .dropdown-list{padding:100px 32px 150px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .dropdown-list{padding:50px 20px 98px;}
    .dropdown-list h3{font-size:16px;}
    .dropdown-list .wrap>ul{margin-top:25px;}
    .dropdown-list .wrap>ul>li{padding-left:0;}
    .dropdown-list .wrap>ul>li>a{padding:15px 40px 15px 0;font-size:22px;}
    .dropdown-list .wrap>ul>li>a:before{top:20px;}
    .dropdown-list .cont{padding:5px 40px 20px 0;}
    .dropdown-list .cont li{position:relative;padding:13px 0;font-size:0;}
    .dropdown-list .cont strong{width:100%;font-size:14px;}
    .dropdown-list .cont p{width:100%;font-size:14px;font-weight:400;}
}
.contact-group{background:#f8f8f8;}
.contact-group .visual{height:600px;background:url("/images/b-img-04.jpg") center center no-repeat;background-size:cover;}
.contact-group .visual h2{padding-top:230px;display:block;text-align:center;font-size:80px;font-weight:700;color:#fff;}
.contact-group .visual p{margin-top:15px;display:block;text-align:center;font-size:24px;font-weight:500;color:#fff;letter-spacing:1.2px;}
.contact-group .btn-ty2{position:relative;display:block;margin:-60px auto 0;padding:0 60px;width:1200px;height:120px;background:#515055;line-height:120px;font-size:24px;font-weight:300;letter-spacing:0.8px;color:#fff;transition:all .2s ease-in-out;}
.contact-group .btn-ty2:hover{background:#000;}
.contact-group .btn-ty2 span{position:absolute;right:60px;top:50%;margin-top:-12px;display:inline-block;font-size:14px;line-height:24px;letter-spacing:0.7px;font-weight:300;padding-right:23px;vertical-align:top;color:#fff;white-space:nowrap;}
.contact-group .btn-ty2 span:after{content:'';position:absolute;right:0;top:0;display:inline-block;width:17px;height:24px;background:url("/images/i_arrow_white.png")right center no-repeat;background-size:auto 9px;transition: all .15s ease-in-out;}
.contact-group .cont{width:1200px;margin:0 auto;padding:90px 0 150px;}
.contact-group .cont>strong{display:block;text-align:center;font-size:28px;font-weight:500;}
.contact-group .cont ul{margin-top:30px;font-size:0;}
.contact-group .cont li{position:relative;display:inline-block;margin-top:12px;margin-right:12px;padding:0 30px 0 160px;width:calc(50% - 6px);height:120px;background:#fff;border:1px solid #ececec;vertical-align:top;}
.contact-group .cont li:nth-child(2n){margin-right:0;}
.contact-group .cont li img{width:82px;position:absolute;top:19px;left:39px;}
.contact-group .cont li .inner{display:table-cell;height:120px;vertical-align:middle;line-height:24px;font-weight:300;font-size:16px;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .contact-group .btn-ty2{width:calc(100% - 64px)}
    .contact-group .cont{width:calc(100% - 64px)}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .contact-group .visual{height:310px;}
    .contact-group .visual h2{padding-top:130px;font-size:40px;}
    .contact-group .visual p{margin-top:10px;font-size:14px;letter-spacing:0;}
    .contact-group .btn-ty2{padding:0 25px;margin-top:-30px;width:calc(100% - 40px);height:60px;line-height:60px;font-size:13px;letter-spacing:0.13px;}
    .contact-group .btn-ty2 span{right:25px;font-size:12px;}
    .contact-group .cont{width:calc(100% - 40px);padding:40px 0 100px;}
    .contact-group .cont>strong{font-size:24px;}
    .contact-group .cont ul{margin-top:20px;}
    .contact-group .cont li{display:table;margin-top:10px;margin-right:0;padding:0 10px 0 80px;width:100%;height:86px;background:#fff;}
    .contact-group .cont li img{width:74px;position:absolute;top:5px;left:2px;}
    .contact-group .cont li .inner{height:86px;line-height:22px;font-size:13px;}
}

.line-bg{position:fixed;bottom:0;left:0;width:100%;height:100%;background:#16171a ;}
.line-bg span{display:block;width:100%;position:absolute;top:0;left:calc(50% - 62vw);opacity:0.1;transition:all .2s linear;}
.line-bg span.on{opacity:0.3;}
.line-bg span:before{content:'';position:absolute;top:0;left:calc(50% - 1259px);display:block;width:2px;height:3000px;background:#ff5871 ;box-shadow:0 0 15px rgba(255,88,113,1);transform: rotate(57deg) }
.line-bg span:after{content:'';position:absolute;top:0;right:calc(50% - 1259px);display:block;width:2px;height:3000px;background:#ff5871 ;box-shadow:0 0 15px rgba(255,88,113,1);transform: rotate(-57deg) }
.line-bg span.line10{top:-1577px;animation:lineAni 7s 2.1s infinite;}
.line-bg span.line9{top:-1287px;animation:lineAni 7s 3.5s infinite;}
.line-bg span.line8{top:-997px;animation:lineAni 7s 1.4s infinite;}
.line-bg span.line7{top:-707px;animation:lineAni 7s 4.2s infinite;}
.line-bg span.line6{top:-417px;animation:lineAni 7s .7s infinite;}
.line-bg span.line5{top:-127px;animation:lineAni 7s 4.9s infinite;}
.line-bg span.line4{top:163px;animation:lineAni 7s infinite;}
.line-bg span.line3{top:453px;animation:lineAni 7s 5.6s infinite;}
.line-bg span.line2{top:743px;animation:lineAni 7s 2.8s infinite;}
.line-bg span.line1{top:1033px;animation:lineAni 7s 6.3s infinite;}
@keyframes lineAni{
    0%{opacity:0.1;}
    5%{opacity:0.5;}
    10%{opacity:0.1;}
    100%{opacity:0.1;}
}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .line-bg span{_zoom:90%;left:calc(50% - 80vw);}
    .line-bg span.line10{top:-1730px;}
    .line-bg span.line9{top:-1440px;}
    .line-bg span.line8{top:-1150px;}
    .line-bg span.line7{top:-860px;}
    .line-bg span.line6{top:-570px;}
    .line-bg span.line5{top:-280px;}
    .line-bg span.line4{top:10px;}
    .line-bg span.line3{top:300px;}
    .line-bg span.line2{top:590px;}
    .line-bg span.line1{top:880px;}
}
@media (max-width: 1023px) {
    /*mobile(ipad 세로 ~ 모바일)*/
    .line-bg span{_zoom:45%;left:calc(50% - 76vw);}
    .line-bg span.line10{top:-930px;}
    .line-bg span.line9{top:-720px;}
    .line-bg span.line8{top:-610px;}
    .line-bg span.line7{top:-500px;}
    .line-bg span.line6{top:-390px;}
    .line-bg span.line5{top:-280px;}
    .line-bg span.line4{top:-170px;}
    .line-bg span.line3{top:-60px;}
    .line-bg span.line2{top:50px;}
    .line-bg span.line1{top:160px;}
}

/* **************************************** *
 *  TERATON
 * **************************************** */
.teraton .tab{}
.teraton .tab li{display:inline-block;width:auto;}
.teraton .tab li a{display:block;min-width:72px;padding:0 20px;height:40px;line-height:40px;margin-left:6px;border:1px solid rgba(0,0,0,0.2);text-align:center;font-size:14px;letter-spacing:1.4px;transition:all .2s ease-in-out;}
.teraton .tab li:first-child a{margin-left:0;}
.teraton .tab li a:hover{border-color:#000;}
.teraton .tab li a.on{border-color:#a97341;color:#a97341;}
@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .teraton .tab{height:100px;}
}
@media (max-width: 1023px) { /*mobile(ipad 세로 ~ 모바일)*/
    .teraton .tab{height:70px;margin-top:0;}
}

.teraton{background:#ededed;padding-top:65px;}
.teraton  h3{margin-top:70px;font-size:56px;text-align:center;}
.teraton  h4{margin-top:80px;font-size:36px;}
.teraton  p{margin-top:40px;font-size:16px;line-height:32px;font-weight:300;}
.teraton .tab-cont1 .cont{font-size:0;margin-top:40px;}
.teraton .tab-cont1 .cont img{display:inline-block;margin-top:20px;margin-right:106px;width:399px;vertical-align:top;}
.teraton .tab-cont1 .cont p{display:inline-block;margin-top:0;margin-bottom:100px;width:calc(100% - 505px);vertical-align:top;}
.teraton .tab-cont1 .cont2{margin-top:180px;padding-top:600px;padding-bottom:180px;background-color:#10131f;background-position:center top;background-size:1920px auto;background-repeat:no-repeat;}
.teraton .tab-cont1 .cont2 p{color:#fff;font-size:18px;font-weight:400;}
.teraton .tab-cont1 .cont2 ul{font-size:0;margin-top:80px;}
.teraton .tab-cont1 .cont2 li{display:inline-block;width:calc(33.33% - 67px);vertical-align:top;}
.teraton .tab-cont1 .cont2 li:nth-child(2){margin:0 100px;}
.teraton .tab-cont1 .cont2 li img{display:block; width:156px;margin:0 auto;}
.teraton .tab-cont1 .cont2 li strong{display:block;margin-top:50px;font-weight:400;color:#fff;font-size:36px;white-space:nowrap;}
.teraton .tab-cont1 .cont2 li p{font-weight:300;line-height:32px;color:#fff;font-size:16px;}
.teraton .tab-cont1 .cont2 ul + p{margin-top:70px;font-size:16px;font-weight:300;}

.teraton .tab-cont2 .cont{position:relative;font-size:0;margin:100px auto 0; padding-bottom:100px;width:797px;}
.teraton .tab-cont2 .cont span{display:inline-block;margin-top:10px;font-size:16px;font-weight:300 }
.teraton .tab-cont2 .cont .t1{margin-left:10px;}
.teraton .tab-cont2 .cont .t2{margin-left:126px;}
.teraton .tab-cont2 .cont .t3{margin-left:136px;}
.teraton .tab-cont2 .cont .t4{margin-left:142px;}
.teraton .tab-cont2 .cont2{position:relative;font-size:0;padding:100px 0 160px;background:#fff;}
.teraton .tab-cont2 .cont2 .wrap{padding:0 50px;}
.teraton .tab-cont2 .cont2 img{display:inline-block;margin-top:70px;width:500px;vertical-align:top;}
.teraton .tab-cont2 .cont2 img + p{display:inline-block;margin-top:120px;width:calc(100% - 500px);padding-left:26px;vertical-align:top;}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .teraton .wrap{padding:0 32px;}
    .teraton .tab-cont1 .cont img{margin-right:87px;}
    .teraton .tab-cont1 .cont p{width:calc(100% - 486px);}
    .teraton .tab-cont1 .cont2 li{width:calc(33.33% - 20px);}
    .teraton .tab-cont1 .cont2 li:nth-child(2){margin:0 30px;}
}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .teraton{padding-top:32px;}
    .teraton .wrap{padding:0 20px;}
    .teraton  h3{margin-top:30px;font-size:32px;}
    .teraton  h4{margin-top:40px;font-size:24px;}
    .teraton  p{margin-top:20px;font-size:13px;line-height:22px}
    .teraton .tab-cont1 .cont{margin-top:25px;}
    .teraton .tab-cont1 .cont img{display:block;margin-top:0;margin-right:0;width:199px;}
    .teraton .tab-cont1 .cont p{display:block;margin-top:25px;margin-bottom:50px;width:100%;}
    .teraton .tab-cont1 .cont2{margin-top:60px;padding-top:320px;padding-bottom:70px;;background-size:1000px auto;}
    .teraton .tab-cont1 .cont2 p{font-size:14px;}
    .teraton .tab-cont1 .cont2 ul{margin-top:50px;}
    .teraton .tab-cont1 .cont2 li{width:100%;}
    .teraton .tab-cont1 .cont2 li:nth-child(2){margin:75px 0;}
    .teraton .tab-cont1 .cont2 li img{width:110px;margin:0 0 0 17px;}
    .teraton .tab-cont1 .cont2 li strong{margin-top:30px;font-size:24px;white-space:normal; }
    .teraton .tab-cont1 .cont2 li p{line-height:20px;font-size:13px;}
    .teraton .tab-cont1 .cont2 ul + p{margin-top:35px;font-size:13px;}

    .teraton .tab-cont2 .cont{overflow:hidden;margin:57px auto 0; padding-bottom:45px;width:calc(100% - 40px);}
    .teraton .tab-cont2 .cont span{margin-top:5px;font-size:10px;letter-spacing:-0.5px;}
    .teraton .tab-cont2 .cont .t1{margin-left:0;}
    .teraton .tab-cont2 .cont .t2{margin-left:33px;}
    .teraton .tab-cont2 .cont .t3{margin-left:47px;}
    .teraton .tab-cont2 .cont .t4{margin-left:0;float:right;}
    .teraton .tab-cont2 .cont2{padding:60px 0 75px;}
    .teraton .tab-cont2 .cont2 .wrap{padding:0 20px;}
    .teraton .tab-cont2 .cont2 img{margin-top:30px;width:100%;}
    .teraton .tab-cont2 .cont2 img + p{margin-top:30px;width:100%;padding-left:0;}

}

.sub-video{position:relative;width:100%;height:590px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub-video .video-js,
.sub-video .vjs_video_3-dimensions,
.sub-video .video-js .vjs-tech,
.sub-video .vjs-poster{height:590px;}
.sub-video .video-js .vjs-big-play-button,
.sub-video .video-js .vjs-play-control{margin-left:464px}

@media (max-width: 1366px){/*tablet (ipad pro가로세로 ~ ipad가로)*/
    .sub-video{height:472px;}
    .sub-video .video-js,
    .sub-video .vjs_video_3-dimensions,
    .sub-video .video-js .vjs-tech,
    .sub-video .vjs-poster{height:472px;}
    .sub-video .video-js .vjs-big-play-button,
    .sub-video .video-js .vjs-play-control{margin-left:0;left:auto;right:32px;}

}
@media (max-width: 1023px){/*mobile(ipad 세로 ~ 모바일)*/
    .sub-video{height:400px;}
    .sub-video .video-js,
    .sub-video .vjs_video_3-dimensions,
    .sub-video .video-js .vjs-tech,
    .sub-video .vjs-poster{height:400px;}
}
@media (max-width: 450px){/*mobile(ipad 세로 ~ 모바일)*/
    .sub-video{height:160px}
    .sub-video .video-js,
    .sub-video .vjs_video_3-dimensions,
    .sub-video .video-js .vjs-tech,
    .sub-video .vjs-poster{height:160px;}
}


.srch-result-group .wrap{width:796px;margin-top:50px;}
.srch-result-group .top{position:relative;}
.srch-result-group input{display:block;padding-right:50px;width:100%;height:52px;line-height:52px;border-bottom:2px solid #222;font-size:24px;font-weight:500;color:#000;}
.srch-result-group .btn-srch2{display:inline-block;position:absolute;top:10px;right:0;width:24px;height:24px;background:url("/images/i_search_black.png")0 0 no-repeat;background-size:contain;background-image:url("/images/i_search_black.svg");}
.srch-result-group .tab-ty2{margin-top:40px;height:auto; }
.srch-result-group .tab-ty2 li a{letter-spacing:0;}
.srch-result-group .result{margin-top:45px;margin-bottom:150px;font-size:0;}
.srch-result-group .result .list{display:inline-block;width:100%;vertical-align:top;}
.srch-result-group .result .list .total{position:relative;margin-top:45px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,0.1) }
.srch-result-group .result .list + .list .total{margin-top:60px;}
.srch-result-group .result .list .total strong{font-size:16px;font-weight:400;}
.srch-result-group .result .list ul{margin-top:20px;}
.srch-result-group .result .list li{margin-top:20px;display:inline-block;width:50%}
.srch-result-group .result .list li a{position:relative;display:block;padding-left:120px;height:100px;font-size:0;}
.srch-result-group .result .list.v1 li a{padding-left:0;}
.srch-result-group .result .list li a .img{overflow:hidden;position:absolute;top:0;left:0;display:inline-block;width:100px;height:100px;vertical-align:top;background:#f1f1f1 }
.srch-result-group .result .list li strong{padding-top:22px;display:block;font-size:22px;font-weight:400}
.srch-result-group .result .list li p{display:block;margin-top:8px;}
.srch-result-group .result .list li p span{display:inline-block;padding-left:15px;font-size:14px;color:#888;font-weight:300;background:url("/images/i_arrow4.png")6px center no-repeat;background-size:4px auto;}
.srch-result-group .result .list li p span:first-child{padding:0;background:transparent}
.srch-result-group .result .list li a:hover strong{font-weight:500;transition:all .2s ease-in-out;}
.srch-result-group .result .list li a:hover p span{color:#000;transition:all .2s ease-in-out;}
.srch-result-group .result .list li a:hover img{transform:scale(1.1);transition:all .2s ease-in-out;}
.srch-result-group .btn-view-more{display:block;margin-top:40px;height:40px;line-height:40px;border:1px solid rgba(0,0,0,0.2);text-align:center;font-size:12px;font-weight:300;transition:all .2s ease-in-out;}
.srch-result-group .btn-view-more:hover{border-color:#000;}
.srch-result-group .result-none{margin-top:70px;padding-bottom:40px;border-bottom:1px solid rgba(0,0,0,0.1)}
.srch-result-group .result-none strong{display:block;text-align:center;font-weight:700;font-size:32px;}
.srch-result-group .result-none p{display:block;margin-top:20px;text-align:center;font-weight:300;font-size:16px;color:rgba(0,0,0,0.6);line-height:28px;}
.srch-result-group .result-none + .keyword{margin-top:40px;}
.srch-result-group .keyword{position:relative;padding-left:202px;margin-top:30px;}
.srch-result-group .keyword strong{position:absolute;top:10px;left:0;display:block;line-height:30px;font-size:14px; font-weight:400;white-space:nowrap;}
.srch-result-group .keyword ul{font-size:0;}
.srch-result-group .keyword li{display:inline-block;margin-right:10px;margin-top:10px;vertical-align:top;}
.srch-result-group .keyword li a{display:inline-block;padding:0 18px;height:30px;line-height:30px;border-radius:15px;font-weight:300;font-size:14px;border:1px solid #bbb;transition:all .2s ease-in-out;white-space:nowrap;}
.srch-result-group .keyword li a:hover{box-shadow:0 3px 5px rgba(0,0,0,0.1)}


@media (max-width: 1023px) {  /*mobile(ipad 세로 ~ 모바일)*/

    .srch-result-group .wrap{width:100%;margin-top:30px;}
    .srch-result-group .top{width:calc(100% - 40px);margin-left:20px;margin-top:20px;}
    .srch-result-group .btn-srch2{top:12px;right:0;width:22px;height:22px;}
    .srch-result-group .tab-ty2{margin-top:40px; }
    .srch-result-group .result{margin-top:40px;margin-bottom:80px;}
    .srch-result-group .result .list .total{margin-top:15px;width:calc(100% - 40px);margin-left:20px;}
    .srch-result-group .result .list{margin-top:20px;}
    .srch-result-group .result .list + .list .total{margin-top:35px;}
    .srch-result-group .result .list ul{margin-top:10px;padding:0 20px;}
    .srch-result-group .result .list li{margin-top:10px;width:100%}
    .srch-result-group .result .list li a{padding-left:100px;height:80px;}
    .srch-result-group .result .list li a .img{width:80px;height:80px;}
    .srch-result-group .result .list li strong{padding-top:20px;font-size:18px;}
    .srch-result-group .result .list li p{margin-top:5px;}
    .srch-result-group .btn-view-more{width:calc(100% - 40px);margin-left:20px; }
    .srch-result-group .result-none{margin-top:35px;width:calc(100% - 40px);margin-left:20px;padding-bottom:45px;}
    .srch-result-group .result-none strong{font-size:24px;}
    .srch-result-group .result-none + .keyword{margin-top:40px;}
    .srch-result-group .keyword{padding:0 20px;margin-top:45px;}
    .srch-result-group .keyword strong{position:static;line-height:30px;font-size:16px;}
    .srch-result-group .keyword ul{font-size:0;margin-top:10px;}

}



/*메인 팝업 css*/
.main-popup-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }
.main-popup-bg { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: rgba(0, 0, 0, .65); }
.main-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; max-width: calc(100vw - 30px); width: 1100px; }
.main-popup-top { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 1.5rem; }
.main-popup-top h1 { color: #fff; font-family: 'Montserrat', sans-serif; }
.main-popup-nav { display: flex; }
.main-popup-nav li { margin-left: 10px; }
.main-popup-nav li:first-of-type { margin-left: 0; }
.main-popup-nav li > div { color: #fff; width: 42px; height: 42px;  /* display: flex; */ justify-content: center; border: 1px solid #fff; align-items: center; font-size: 19px; cursor: pointer; text-align: center; }
.main-popup-nav li > div i { font-size: 19px; line-height: 43px; }
.main-popup-mid { text-align: center; color: #fff; }
.main-popup-mid .swiper-slide { border-radius: 20px; overflow: hidden; }
.swiper-pagination-popup { width: auto; color: #fff; font-size: 13px; background: #000; padding: 0 12px; height: 100%; border-radius: 21px; display: flex; align-items: center; }
.swiper-pagination-popup>span { color: #59508f; }
.swiper-button-prev-popup { font-size: 1.9rem; line-height: 1; color: #fff; width: 4.2rem; height: 4.2rem; border: 1px solid #fff; border-radius: 50%; }
.swiper-button-prev-popup:focus { outline: 2px solid #fcbc25; }
.swiper-button-next-popup { font-size: 1.9rem; line-height: 1; color: #fff; width: 4.2rem; height: 4.2rem; border: 1px solid #fff; border-radius: 50%; }
.swiper-button-prev-popup:focus { outline: 2px solid #fcbc25; }
.main-popup-btm { display: flex; height: 32px; margin-top: 1rem; }
.main-popup-close-wrap { display: flex; justify-content: space-between; width: 100%; }
.main-popup-close-wrap>label { cursor: pointer; color: #fff; height: 100%; font-size: 1rem; display: flex; align-items: center; position: relative; }
.main-popup-close-wrap>label>input { margin-right: 3px; }
.main-popup-close-wrap>label>i { font-size: 1.2em; margin: 0 3px -2px 0; z-index: 1; }
.main-popup-close { background: none; height: 100%; font-size: 1rem; margin-left: auto; color: #fff; }
.main-popup-close-wrap>label>.svg { width: 1.2em; height: 1.2em; margin: 0 7px 1px 0; z-index: 1; fill: #fff; position: relative; }
.main-popup-close-wrap>label>.svg svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main-popup-close-wrap>label>.svg .on { opacity: 0; }
.main-popup-close-wrap>label>.svg.popup_chk .on { opacity: 1; }
.main-popup-close-wrap>label>.svg.popup_chk .off { opacity: 0; }

@media screen and (min-width: 3000px) {
    .main-popup-close-wrap>label,
    .main-popup-close { font-size: 1.9rem; }
    .swiper-button-prev-popup,
    .swiper-button-next-popup { width: 4.5rem; height: 4.5rem; font-size: 2.2rem; }
}


@media only screen and (max-width: 1240px) {
    .main-popup { width: 700px; }
    .main-popup-top h1 { font-size: 25px; }
    .main-popup-nav li { margin-left: 7px; }
    .main-popup-nav li>div { width: 33px; height: 33px;  /* display: flex; */ font-size: 17px; }
    .main-popup-btm { height: 27px; }
    .main-popup-close { border-radius: 19px; margin-left: 7px; }
    .main-popup-close-wrap>label { border-radius: 19px; }
    .swiper-pagination-popup { border-radius: 19px; }
    .main-popup-close-wrap>label>i { font-size: 1.1em; margin: 0 1px -2px 0; }
    .swiper-pagination-popup>span.swiper-pagination-total { color: #fff; }
    .txt4 { font-size: 15px; }
}

@media only screen and (max-width: 768px) {
    .main-popup { width: 340px !important; }
    .popup-wrap2 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }
    .popup-wrap2 .main-popup { width: 100% !important; }
    .hidden { overflow-y: hidden; }
    .txt4 { padding: 15px 10px; font-size: 12px; }
    .txt4.type2 p { justify-content: flex-start; font-size: 12px; }
    .txt4.type2 { text-align: left; }
    .main-popup-close-wrap>label,
    .main-popup-close { display: flex; align-items: center; justify-content: flex-end; font-size: 15px; }
    .main-popup-close-wrap>label>.svg { width: 1.4em; height: 1.4em; }
    .main-popup-close i { margin-left: 7px; font-size: 17px; }
    .header .util_wrap .util_box .user_page_btn { margin: 0 2.5rem 0 0; }
}

@media only screen and (max-width: 340px) {
    .main-popup { width: 100% !important; }
    .none-340 { display: none; }
}


.fb{font-weight:700 !important;}