@charset "utf-8";

/********************************************
	HEADER
********************************************/
#header{position:fixed;top:0;display:flex;justify-content:space-between; align-items: center;width: 100%;height:110px;margin:0 auto;/*background-color: rgba(255,255,255,.95);*/transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 3; padding:0 10%;box-sizing: border-box;}
#header .logoArea{width:270px;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
#header .logo{display:inline-block;width:100%;min-height:40px;background:url(/images/e_logo.png) 0% 50% no-repeat;text-indent: -9999px;box-sizing: border-box;}
#header .util{position: relative;width:180px;text-align:right;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
.ico_brochure{display:inline-block;min-height:12px;background:url(/images/icon/ico_brochure.png) 0% 50% no-repeat; padding-left:25px;font-weight: 500;font-size: 15rem; letter-spacing:-0.02em;line-height:1;color:#5b5b5b;}
.utilBtn{display:inline-block;margin-left:15px;margin-top:-4px; }
.language-dropdown{position: relative;text-align: left;font-weight: 400;font-size:12px;color: #777;line-height:1;cursor:pointer; width:60px;padding:4px 20px 4px 12px;border:1px solid #dfdfdf;border-radius:16px;box-sizing: border-box;}
.language-dropdown::after { content: ' ';position: absolute; top: 4px;right: 10px; width: 5px; height: 5px; margin-top: 0px;border: 2px solid #777;border-top: none;border-right: none; transform: rotate(-45deg);}
.utilBtn.active .language-dropdown::after { content: ' ';position: absolute; top:8px;right: 10px; width: 5px; height: 5px; margin-top: 0px;border: 2px solid #777;border-top: none;border-right: none; transform: rotate(135deg);}

.language-dropbox {position: absolute; right:0; top:18px; display: none; width:60px;overflow: hidden;box-sizing: border-box;z-index:3;}
.language-dropbox > ul{display:inline-block;width:100%;}
.language-dropbox > ul > li{width:100%;border: 1px solid #dfdfdf;border-radius:16px;background:#fff;text-align:center;padding:4px 0px;box-sizing: border-box;}
.language-dropbox > ul > li > a{font-weight: 400;font-size:12px;color: #777;line-height:1;}

#gnb {flex:1;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb1_ul { width: 100%; text-align:right; transition: 1.0s; position: relative; }
#gnb #gnb1_ul:before{ content: ""; display: block; width: 100%; height: 0; background-color: rgba(255,255,255,1); border-bottom:1px solid #ebebeb;position: fixed; width: 100%; left: 0; top: 0; z-index: -2; opacity: 0; transition: 0.5s; }
#gnb.on #gnb1_ul:before{ height: 270px; opacity: 1; }

#gnb:after{ content: ""; display: block; position: absolute; width: 100%; height: 0px; left: 0; right: 0; margin: 0 auto; bottom: 0px; background-color:#bbb; z-index: 5; opacity: 0; transition: 0.5s; }
#gnb:hover:after{ opacity: 1; }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb1_li {float:none; display: inline-block; line-height:50px;position:relative; padding: 0 40px; }
#gnb .gnb1_li .bg{ display: none; }
.gnb1_a {display:block;font-weight: 500;color:#222; text-decoration:none; font-size:18rem;letter-spacing:-0.02em;text-transform:uppercase;}
.gnb1_li .gnb1_a{ position: relative; display: block; }
.gnb2_li:first-child {border:0}
.gnb2_ul {display: none; position:absolute;top:60px; padding-top:0px;  width: 100%; left: 0; right: 0; opacity: 0; }
.gnb2_ul li{ position: relative; top: 0px; opacity: 0; }
#gnb .gnb1_li > a{ position: relative; transition: 0.3s;cursor: pointer; z-index: 6;}
#gnb .gnb1_li:hover > a{ color: #f03844; }
#gnb .gnb1_li > a:after{ content: ""; display: block; width: 100%; height: 2px; background-color: #f03844; position: absolute; left: 50%; bottom:0px; opacity: 0; transform: scale(0) translate(-50%,0); z-index: 50; } 
#gnb .gnb1_li:hover > a:after{ opacity: 1; transition: 0.5s; transform: scale(1) translate(-50%,0); transition-delay: 0.1s; }

.gnb2_ul .gnb2_ul_box { border-top:0;padding:0; }
.gnb2_a {display:block;padding:8px 0px;font-weight: 400;font-size: 16rem; letter-spacing:-0.02em;line-height:1.3;color:#5b5b5b;text-align:center;text-decoration:none;position: relative; z-index: 1; }
a.gnb2_a:hover{ color: #f03844; }

.gnb2_ul.on{ opacity: 1; }
.gnb2_ul.on li:nth-child(1){ opacity: 1; top: 0; /* transition: 1.0s;  */}
.gnb2_ul.on li:nth-child(2){ opacity: 1; top: 0; /*transition: 1.0s; transition-delay: 0.2s;*/ }
.gnb2_ul.on li:nth-child(3){ opacity: 1; top: 0; /*transition: 1.0s; transition-delay: 0.4s;*/ }
.gnb2_ul.on li:nth-child(4){ opacity: 1; top: 0; /*transition: 1.0s; transition-delay: 0.6s;*/ }
.gnb2_ul.on li:nth-child(5){ opacity: 1; top: 0; /*transition: 1.0s; transition-delay: 0.8s;*/ }

.gnb1_li_air .gnb2_a {}
.gnb1_li_on .gnb2_a {}
.gnb2_a:focus, .gnb2_a:hover {color:#f03844}

/* 상단 레이아웃 white버전 - 스크롤 반응시 상단 메뉴 */
#header.bg_on{position:fixed;height:70px; border-bottom:1px solid #f1f1f1;background-color: rgba(255,255,255,.95);}
#header.bg_on .logoArea{}
#header.bg_on .logo{min-height:27px;background:url(/images/e_logo_s.png) 0% 50% no-repeat;}
#header.bg_on #gnb .gnb1_li {line-height:40px;}
#header.bg_on .gnb1_a {font-size:17rem;}

/*모바일메뉴 */
#header .m_open{display:none;text-align:right; width:30%;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}

/* hamburger */
.hamburger { margin-right: 0;margin-left: auto;overflow: visible;cursor: pointer;z-index: 7;border: 0; transition-timing-function: linear;transition-duration: .3s ease;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;}
.hamburger-box {position: relative;display: inline-block;width: 27px; height: 21px;vertical-align: middle;}
.hamburger-inner {display: block;top: 0;}

.hamburger-inner:after,
.hamburger-inner:before {display: block;content: '';}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {position: absolute; width: 27px; height: 3px; background-color: #333;transition: transform .3s ease .2s, background-color .3s ease .2s, opacity .3s ease .3s;}
.hamburger-inner:before { top: 9px; left: -8px;}
.hamburger-inner:after { top: 18px;   width: 26px;}

.hamburger-active { margin-right: 0;margin-left: auto;overflow: visible;cursor: pointer;z-index: 7;border: 0; transition-timing-function: linear;transition-duration: .3s ease;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;}
.hamburger-active .hamburger-box {position: relative;display: inline-block;width:30px; height:30px;vertical-align: middle;}
.hamburger-active .hamburger-inner,
.hamburger-active .hamburger-inner:after { position: absolute; width: 27px; height: 3px;background-color: #333;transition-delay: .1s;}
.hamburger-active .hamburger-inner { -webkit-transform: translate3d(0, 9px, 0) rotate(45deg); transform: translate3d(0, 9px, 0) rotate(45deg);}
.hamburger-active .hamburger-inner:before {opacity: 0; transition: opacity .3s ease 0s}
.hamburger-active .hamburger-inner:after {width: 27px;-webkit-transform: translate3d(0, -18px, 0) rotate(-90deg); transform: translate3d(0, -18px, 0) rotate(-90deg);}

#m-header.on .hamburger-inner,
#m-header.on .hamburger-inner:after,
#m-header.on .hamburger-inner:before {position: absolute; width: 27px; height: 3px; background-color: #333;transition: transform .3s ease .2s, background-color .3s ease .2s, opacity .3s ease .3s;}

/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:198; background:#000;  -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mask .close{position:absolute;  top:10px;left:10px; z-index:202;} /* add */

.mMenu {display:none; position: fixed; right:-100%; top:0; width:100%; padding:0px; background-color:rgba(255,255,255,1); z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:30px;right:30px; }
.mMenu .mTop {display:block;text-align:center;margin:50px 0px 30px; box-sizing: border-box;}
.mMenu .mTop .logo_s{display:inline-block; width:100%;min-height:26px;background:url(/images/e_logo_s.png) 50% 50% no-repeat;margin-bottom:30px;}
.mMenu .mTop .language_area{display:inline-block; width:100%;margin-bottom:25px;}
.mMenu .mTop .language_area a{position: relative;display:inline-block;margin-left:20px;padding-left:20px;font-weight: 400;font-size:15px;color: #666;line-height:1;}
.mMenu .mTop .language_area a:before{position:absolute; left:0px; top:50%;transform:translateY(-50%);content: ' ';width:1px;height:80%;background: #aaa;z-index:-1;}
.mMenu .mTop .language_area a:first-child{margin-left:0px;padding-left:0px;}
.mMenu .mTop .language_area a:first-child:before{width:0px;}

.mMenu .mTop .btnArea{display: flex;width:100%;}
.mMenu .mTop .btnArea > * {flex: 1;}
.mMenu .mTop .btnArea .btn_blind{}

.mMenu .list {padding:0px;}
.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin:0px;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; border-bottom:0px solid #dfdfdf;}
.lnav > li li {margin: 0px;}
.lnav > li li li{margin: 0px;}
.lnav a {line-height:1;font-weight:700;letter-spacing:-0.01em;display: block;outline: none;text-decoration: none;}
.lnav a .caret {float: right;/* width:13px;height:10px;display: inline-block;vertical-align: top;background:url(/img/lmenu.png) right center no-repeat; */ border-style:solid;border-width: 9px 6px 0 6px;border-color: #3e4358 transparent transparent transparent; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.lnav li.open > a > .caret{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);border-color: #f03844 transparent transparent transparent;}

.lnav li a {color:#333; font-size:22rem;line-height:1; padding:16px 30px;} 
.lnav > li li a {color:#333;  font-size:18rem;line-height:1;font-weight: 400;padding: 12px 30px 12px 40px;}
.lnav li.open {}
.lnav li.open a{color:#f03844;}
.lnav li.open li a {color:#333;}
.lnav li.open li a:hover{color:#f03844;}
.lnav li.active a{color:#f03844;}
.lnav li li.active a{color:#f03844;}
.lnav li.off a{}

/* 2 depth 여백 추가 */
.lnav > li li{}
.lnav li li:first-child{padding-top:10px;}
.lnav li li:last-child{padding-bottom:14px;}
/* .lnav li li:last-child{padding-bottom:14px;} */

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}

/* Header END */

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.btn_up_layer {position:fixed; right:10px;bottom:60px;display:none;padding:0px;width:47px; height:62px; background:url(/images/icon/top.png) right bottom no-repeat;z-index:100;cursor:pointer;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

/* footer  */
.footer{display:flex; width:100%; margin:0px auto;background:#3f3b3b;/*overflow:hidden;*/padding:60rem 10%;box-sizing: border-box;}
.footer:after {content:""; display:block; clear:both; height:0;}
.footer .f_logo{width:200px;text-align:left;order:1;min-height:27px;background:url(/images/e_logo_f.png) 0% 0% no-repeat;text-indent: -9999px;}
.footer .f_cont{flex:1;text-align:left;order:2;}

.footer .f_menu{display:inline-block;width:100%;margin-bottom:40rem;}
.footer .f_menu ul{display:inline-block;width:100%;}
.footer .f_menu li{display:inline-block;margin-left:30rem;}
.footer .f_menu li > a{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;color:rgba(255,255,255, .5);font-size:16rem;line-height:1;letter-spacing:-0.01em;}
.footer .f_menu li:first-child{margin-left:0;}
.footer .f_menu li > a > em{color:rgba(255,255,255, 1); }

.footer .f_copy{display:inline-block;width:100%;}
.footer .f_copy p{font-weight: 400;color:rgba(255,255,255, .5); font-size:15rem;line-height:1.45;letter-spacing:-0.01em;}
.footer .f_copy p br{display:none;}
.footer .f_copy .copy{color:rgba(255,255,255, .7); margin-top:10px;}	
.f_blind{}

.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/*img 관련 */
.imgMax{max-width:100%;}
.imgFix{width:100%;}
.fullsize{display: inline-block;width: 100%;}
.fullsize img{width: 100%;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display: inline-block; width: 100%;background:#fff;margin:0;padding:0;}
.popupWrap_round{position:relative;display: inline-block; width: 100%;background:#fff;margin:0;padding:0;border-radius:16px;}
.popupWrap_round button{color:inherit;}
.popupWrap_A img, .popupWrap_round img{max-width: 100%;}
.bg_black{background:#1a1a1a !important;}
.icon-close-black{position: absolute;right:20px;top:20px;width:21px; height:21px;background:url(/images/icon/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:20px;top:20px;width:21px; height:21px;background:url(/images/icon/close_wh.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}

.icon-close-circle{position: absolute;right:20px;top:20px;width:60px; height:60px;background:url(/images/icon/i_close_14.png) 50% 50% no-repeat #f03844;border-radius:50%;text-indent: -9999px; z-index:2}


/* video 사용할 경우 */
.video_wrap{position: relative; margin:0px auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.youtubeP{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.content-video{position:relative; width:100%; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding: 0px;}
.content-video:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.content-video-txt{z-index: 2; position:absolute; top:50%;transform:translateY(-50%);text-align:center; }
.content-video video{background-color: #000;opacity:1;vertical-align:top;max-width:100%;height:auto}

.pc_only{display: inline-block;}
.mo_only{display: none;}


/********************************************
	MAIN
********************************************/

/* ---------------------- main-visual ----------------------------- */

.main-container {height: 100vh;margin: auto;width: 100%;display: flex;align-items: center;position: relative;}
.main-container .m_visual{position: relative;width:50%;height:100%;}
.main-container .m_visual img {max-width: 100%;}
.main-container .m_visual:before{position:absolute; left:0%;bottom:0px;content: ' ';width:100%;height:40%;background: #f03844;border-radius:0px 64px 0px 0px; z-index:-1}
.main-container .product-slider {position: absolute;right: 0;/* top: 50%;transform: translateY(-50%);*/ width:50%; height: 85%;}
.main-container .btn_sample{position: absolute; right:0; top:20%;padding:25px 15px;background:#1fb25a;font-weight:500;color:#fff; font-size:14px;line-height: 1.3;letter-spacing:0em;z-index:2;}
.main-container .scroll{position: absolute; right:20px; bottom:40px;width:10px; height:77px;background:url(/images/icon/scroll.png) left center no-repeat;text-indent: -9999px;z-index:2;}

/* img */
.product-img {/* position: absolute;z-index: 2;width: 600px;left: 25%; transform: translateX(-45%);bottom:60px;max-height: 600px; height: 100%; pointer-events: none; */display:flex;width:100%;/* max-width: 600px;max-height: 600px; */ height: 100%;text-align:right;justify-content: flex-end;box-sizing: border-box;}
.product-img__item {display: flex;align-items: center;position: absolute; pointer-events: none; user-select: none;bottom:80px;right: 0;padding-left:5%; transform:translateX(-130px); opacity: 0;transition: all 0.5s; max-width:750px;box-sizing: border-box;}
.product-img__item.active { opacity: 1; transform:  translateX(0); transition-delay: 0.3s;}
.product-img__item img {object-fit: contain;object-position: center right;}

/* 스와이퍼2 버튼관련 */ 
.swiper-button-wrap{position: absolute; min-width:180px;  bottom:30px;left:36%;padding:0px;z-index:2;}  
.swiper-button-wrap .swiper-button-prev,  
.swiper-button-wrap .swiper-button-next{width:32px; height:31px; background-size:32px auto; top:auto;bottom:0;margin-top:0px;z-index:2;} /*크기*/
.swiper-button-wrap .swiper-button-prev{background-image: url(/images/icon/i_prev.png); left:30px; } /*이미지,위치*/
.swiper-button-wrap .swiper-button-next{background-image: url(/images/icon/i_next.png); left:70px; }

.swiper-button-wrap .swiper-pagination {position: relative; display: inline-block; width: auto; vertical-align: middle;left:100px;bottom:0;margin-top:-20px;font-size:14px; color:rgba(255,255,255,.7);}
.swiper-button-wrap .swiper-pagination-bullet {opacity:0.2;}
.swiper-button-wrap .swiper-pagination-bullet-active {opacity:1;}
.swiper-button-wrap .swiper-pagination-current {color:#fff;font-weight:500;}
.swiper-button-wrap .swiper-pagination-current.include-zero:before {content : '0';}
.swiper-button-wrap .swiper-pagination-total {display: inline-block;vertical-align:middle;}
.swiper-button-wrap .swiper-pagination-total.include-zero:before {content : '0'}
.swiper-button-wrap .swiper-progress__hidden-space {position:relative;margin: 0 0rem;display:inline-block;vertical-align:middle;}
.swiper-button-wrap .swiper-progress__hidden-space:before {width:12px; height:1px; background:rgba(255,255,255,.7); content:''; display:block; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg);}


.product-slider__item {position: relative;height: 100%; width: 100%;}

.product-slider__item.swiper-slide-active .product-slider__content > * {opacity: 1;transform: none;}
.product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(1) {transition-delay: 0s;}
.product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(2) {transition-delay: 0.2s;}
.product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(3) {transition-delay: 0.4s;}
.product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(4) {transition-delay: 0.6s;}
.product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(5) {transition-delay: 0.8s;}

.product-slider__item.swiper-slide-active circle {animation: progress 1s ease-out forwards; animation-delay: 0.5s; opacity: 0.75;}

.product-slider__card {height: 100%; display: flex;flex-wrap: wrap; align-items: center; width: 100%; transition: all 0.5s;overflow: hidden;position: relative;}

.product-slider__content {color: #222;position: relative; z-index: 2; width: 100%;padding:0 80px;box-sizing: border-box;}

.product-slider__title {margin: 0;font-family: 'NotoSansKR';font-style: normal;font-weight:900;color:#222; font-size:60px;line-height: 1;letter-spacing:-0.02em;text-transform:uppercase;margin-bottom:30px; opacity: 0; transform: translateY(55px);transition: all 0.5s;}
.product-slider__title2 {margin: 0;font-family: 'NotoSansKR';font-style: normal;font-weight:900;color:#222; font-size:60px;line-height: 1;letter-spacing:-0.02em;text-transform:uppercase;margin-top:80px;margin-bottom:30px; opacity: 0; transform: translateY(55px);transition: all 0.5s;}
.product-slider__txt {margin: 0;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#222; font-size:19px;line-height: 1.3;letter-spacing:-0.0em;text-transform:capitalize;opacity: 0; transform: translateY(55px);transition: all 0.5s;}

/* main-section */
.section_tit{text-align:center;font-weight: 900;font-size: 60rem;color: #222;line-height:1;letter-spacing:-0.01em;text-transform:uppercase;margin-bottom:30rem;padding:0px 5%;box-sizing: border-box;}

.section_1{width:100%;padding:0px;margin:100rem 0px;padding:0px 0%;box-sizing: border-box;}
.section_1 .sec1_slideArea{width:100%;padding:0px;box-sizing: border-box;position:relative;}

/* section_1 스와이퍼 */ 
.swiper_1 { position:relative; width:100%;margin:0px auto;z-index:1; padding:100px 12% 20px;box-sizing: border-box;} 
.swiper_1 .swiper-slide {display:inline-block; width:100%; padding:0px;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper_1 .swiper-slide img{max-width:60%;}

/* 버튼관련 */ 
.swiper_1_button{position: absolute;width:200px;text-align:center; top:0px; left:50%; transform:translateX(-50%); padding:0px;z-index:2;}  
.swiper_1_button .swiper-button-prev,  
.swiper_1_button .swiper-button-next{width:50px; height:50px; background-size:50px auto; top:0;margin-top:0px;z-index:2;} /*크기*/
.swiper_1_button .swiper-button-prev{background-image: url(/images/icon/p_prev.png); left:80px; } /*이미지,위치*/
.swiper_1_button .swiper-button-next{background-image: url(/images/icon/p_next.png); left:150px; }
/*
.swiper_1 .swiper-button-prev,  
.swiper_1 .swiper-button-next{width:50px; height:50px; background-size:50px auto; top:50px;left:50%;transform:translateX(-50%);}
.swiper_1 .swiper-button-prev{background-image: url(/images/icon/p_prev.png); left: 0px;}
.swiper_1 .swiper-button-next{background-image: url(/images/icon/p_next.png); left: 70px; }
*/

.swiper_1 .swiper-pagination-bullet {width: 12px;height: 7px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
.swiper_1 .swiper-pagination-bullet-active {width:40px;height:7px;background:#7357bd;}

.swiper_1 .swiper-scrollbar {display:none;border-radius:10px;position:relative;-ms-touch-action:none;background:#e2e2e2}
.swiper_1.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:5%;bottom:0px;z-index:50;height:2px;width:90%;}
.swiper_1 .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.9);border-radius:0px;left:0;top:0}
.swiper_1 .swiper-scrollbar-cursor-drag {cursor:move}
.swiper_1 .swiper-pagination-progress {background:rgba(0,0,0,.9);position:absolute}

.i_more_btn{position: absolute;left:0px;}
.i_more_btn button{padding:0; margin:0;}
.i_more{display: inline-block;width:63px; height:50px;background:url(/images/icon/i_more.png) left center no-repeat;text-indent: -9999px;}

.m_product{width:100%;text-align:center;}
.m_product .imgArea{width:100%;margin-bottom:20rem;}
/* .m_product .imgArea img{max-width:70%;} */
.m_product .tit{font-weight: 700;font-size:18rem;color:#222;line-height:1;margin-bottom:8px;padding:0 20px;box-sizing: border-box;}
.m_product .txt{font-weight: 400;font-size:15rem;color:#666;line-height:1.4;padding:0 20px;box-sizing: border-box;}

.section_2{position:relative;width:80%;margin:0rem 10% 100rem;padding:0px 80px;box-sizing: border-box;}
/* .swiper_2 스와이퍼 */ 
.swiper_2 { position:relative; width:100%;padding:0px 0px 0px 30px;margin:0px auto;z-index:1; box-sizing: border-box;} 
.swiper_2 .swiper-slide {width:auto;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper_2 .swiper-slide img{max-width:100%;}
/* 버튼관련 */ 
.section_2 .swiper-button-prev,  
.section_2 .swiper-button-next{position:absolute; width:31px; height:31px; background-size:31px auto;top:50%;margin-top:-15px;z-index:2;} /*크기*/
.section_2 .swiper-button-prev{background-image: url(/images/icon/c_prev.png); left: 20px;} /*이미지,위치*/
.section_2 .swiper-button-next{background-image: url(/images/icon/c_next.png); right:20px;}

.swiper_2 .swiper-pagination-bullet {width: 12px;height: 7px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
.swiper_2 .swiper-pagination-bullet-active {width:40px;height:7px;background:#7357bd;}

.swiper_2 .swiper-scrollbar {display:none;border-radius:10px;position:relative;-ms-touch-action:none;background:#e2e2e2}
.swiper_2.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:0%;bottom:0px;z-index:50;height:2px;width:100%;}
.swiper_2 .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.9);border-radius:0px;left:0;top:0}
.swiper_2 .swiper-scrollbar-cursor-drag {cursor:move}
.swiper_2 .swiper-pagination-progress {background:rgba(0,0,0,.9);position:absolute}



/*
.more_btn{display: inline-block;font-weight:400;font-size:16rem;color: #fff;line-height: 1;letter-spacing:-0.01em;}
.more_btn::after {content: ' ';display: inline-block;vertical-align:middle;width: 6px;height: 11px;margin-left:8px;background:url(/images/layout/i_right_11.png) left center no-repeat;}
.btn_more_arrow{font-weight:400;font-size:14rem;color: #000;line-height: 1;letter-spacing:-0.01em;}
.btn_more_arrow > span{padding-right:55px;background:url(/images/icon/ico_arrow_r.png) 100% 50% no-repeat;}
*/

.section_3{width:100%;padding:500px 5% 0;margin:0rem 0px 100rem ;background:url(/images/main/main_bg1.png) center top no-repeat;background-size:100% 600px;overflow:hidden;}
.section_3 .boxArea{display:flex;width:100%; max-width:1000px;margin:auto;justify-content: center;align-items:center;background:#fff;box-shadow: 0 -1px 8px 4px rgba(20, 20, 20, .1);padding:40px 80px;}
.section_3 .boxArea p{text-align:center;font-weight:400;font-size:20rem;color:#333;letter-spacing:-0.02em;line-height:1.4;}




/********************************************
	SUB
********************************************/

.container {width:100%;margin:110px 0px 80px;overflow: hidden;}

.location{width:100%;margin:30rem 0 20rem;padding:0 10%;box-sizing: border-box;}
.location li{position:relative;display: inline-block;padding-left: 25px;font-weight:400;font-size:15rem;color: #222;line-height: 1;letter-spacing:-0.01em;} 
.location li::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ' '; width: 5px;height: 5px;background:#dbdbdb;border-radius:50%;margin-left:10px; }
.location .i_home{display: inline-block;width:18px; height:16px;background: url(/images/icon/ico_home.png) 0 50% no-repeat;text-indent: -9999px;}
.location li:first-child{padding-left:0px; }
.location li:first-child::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ' '; width: 0px;height: 0px;margin-left:0px; }
.location_blind{display: inline-block;font-style: normal;margin-left:4px;}

.title{font-weight:700;font-size:50rem;color: #000;line-height: 1;letter-spacing:-0.01em;margin-bottom:60rem;padding:0 10%;box-sizing: border-box;}

.inner{width:100%;margin:60rem 0px;padding:0 10%;box-sizing: border-box;}


/* 오시는 길 */
.map-content{width:100%;margin:40rem 0px;height:640px;box-sizing: border-box;}
.map-contacts {display:block;width:100%;overflow: hidden;padding:0px 10%;margin:0px auto;font-size:0;box-sizing: border-box;}
.map-contacts ul{display: inline-block;width:100%; margin-bottom:30px;}
.map-contacts .c_title{display: inline-block;width:300px;text-align:left;font-weight:700; font-size:24rem;color:#000;letter-spacing: -0.02em;line-height:1.4;}
.map-contacts .c_content{display: inline-block;width:calc(100% - 300px);text-align:left;font-weight:200;color:#202229;font-size:18rem;letter-spacing: -0.01em;line-height:1.4;}

/* board */
.news{width:100%;margin:60rem 0px;padding:0 10%;box-sizing: border-box;}
.news .topArea{display:flex; width:50%;/*flex-wrap: wrap;*/align-items:center;margin-bottom:40rem;margin-left:auto;}

/* board list-tb */
.boardList-A {width:100%;margin:0px auto 40rem; border-top:1px solid #666;box-sizing: border-box;}
.boardList-A ul {display:flex; width:100%;/*flex-wrap: wrap;*/border-bottom: 1px solid #d9d9d9;padding:20px 0px;}
.boardList-A .list-head{text-align: center;background-color: #fafafa;}
.boardList-A .list-body{background-color: #fff;}
.boardList-A li{padding:0px 5px;box-sizing: border-box;}
.boardList-A .tit_no{width:140px;font-weight:500;font-size:18rem;color:#333;line-height:1;}
.boardList-A .tit_cont{flex:1;font-weight:500;font-size:18rem;color:#333;line-height:1;}
.boardList-A .tit_hit{width:140px;font-weight:500;font-size:18rem;color:#333;line-height:1;}
.boardList-A .no{width:140px;font-weight:400;font-size:18rem;color:#333;line-height:1;text-align: center;}
.boardList-A .cont{flex:1;font-weight:400;font-size:18rem;color:#333;line-height:1.3;}
.boardList-A .hit{width:140px;font-weight:400;font-size:18rem;color:#333;line-height:1;text-align: center;}
.boardList-A .tit_m{display:none;font-weight:500;font-size:18rem; margin-right:5px;}
.boardList-A .nodata{display: inline-block;width:100%;text-align: center;font-size:18rem;color:#333;line-height:1;background-color: #fff;padding:80px 0px;}

/* pagination --------------------------------------------- */
.paging {width:100%;text-align: center;}
.paging span{cursor:pointer;vertical-align:middle;display:inline-block;width:28px;height:28px;line-height:26px;margin:0 2px;text-align:center;border:1px solid #c1c1c1;border-radius:50%;box-sizing: border-box;}
.paging span img {vertical-align:middle; max-width:100%;margin-top:-3px;margin-left:-1px;}
.paging span a{vertical-align:middle;display:block;width:28px;height:28px;}
.paging span.off {paint-order:none; cursor:not-allowed !important;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.paging span.off a{cursor:not-allowed !important;}
.paging .num{display: inline-block;vertical-align:middle;margin:0 2px;line-height:26px; color:#999;font-size:16px;font-weight: 400;border:0px solid #e5e5e5;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.paging .num a{vertical-align:middle;display:block;}
.paging .num a.on{vertical-align:middle;color:#000;}
.paging span:first-child {margin-left:0px;}

/* boardView */
.board-viewArea {width:100%;margin:0px auto;overflow: hidden;}
.board-viewArea .subjectBox{display:flex;width:100%;/*flex-wrap: wrap;*/align-items:center;padding:30px;border-top:1px solid #7d7d7d;border-bottom:1px solid #d9d9d9; box-sizing: border-box;}
.board-viewArea .subjectBox .leftArea{flex:1;}
.board-viewArea .subjectBox .rightArea{width:300px;text-align:right;}
.board-viewArea .subject{font-weight:500;color:#333;font-size:24rem;letter-spacing:-0.02em;line-height:1.4;}
.board-viewArea .stit{display: inline-block;font-weight:400;font-size:17rem;line-height:1;color:#6b6b6b; margin-right:15px;}
.board-viewArea .date{display: inline-block;font-weight:400;font-size:17rem;line-height:1;color:#6b6b6b; margin-right:30px;}
.board-viewArea .hit{display: inline-block;font-weight:400;font-size:17rem;line-height:1;color:#6b6b6b;}

.board-viewArea .content_box{display: inline-block; width:100%; padding:40px 30px; min-height:200px;box-sizing: border-box;}
.board-viewArea .content_box .imgBox{display: inline-block; width:100%; text-align:center;}
.board-viewArea .content_box img{max-width:100%;}
.board-viewArea .content_box table{max-width:100%; margin-top:10px;border-top:1px solid #333;}
.board-viewArea .content_box table td{padding:12px 5px;vertical-align:middle;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;word-wrap: break-word;word-break: keep-all;}
.board-viewArea .content_box p{margin-bottom:40px;font-weight:200;font-size:18rem;color:#777;line-height:1.45;}

.board-viewArea .btnBox{display:flex;width:100%;justify-content: space-between; align-items: center; padding:30px 20px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.board-viewArea .btnBox .item1{flex:1;padding:0 10px;align-self: center;line-height:28px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-viewArea .btnBox .item2{width:80px;text-align:center;}
.board-viewArea .btnBox .item3{flex:1;padding:0 10px;text-align:right;align-self: center;line-height:28px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-viewArea .btnBox .s-txt{font-weight: 200;font-size:16rem;line-height:28px;color:#222;}

.board-btn-prev{display:inline-block;font-weight: 400;font-size:14px;color:#222;line-height:28px;margin-right:15px;text-align:center;border:0px solid #e5e5e5;}
.board-btn-next{display:inline-block;font-weight: 400;font-size:14px;color:#222;line-height:28px;margin-left:15px;text-align:center;border:0px solid #e5e5e5;}

.i_list{display:inline-block;width:25px;height:20px;background:url(/images/icon/ico_lilst.png) center center no-repeat;background-size:auto 20px;text-indent: -9999px;}

/* QA */

/* form */
.form_sty{width:100%;font-size:0;margin:40rem 0 20rem; border-bottom:1px solid #d9d9d9;padding-bottom:20rem;}
.form_sty ul{width:100%;margin-top:20px;}
.form_sty ul:first-child{margin-top:0px;}
.form_sty li{display: inline-block; /*vertical-align:middle;*/}
.form_sty .tit{display: inline-block;width:100px;text-align:left;margin-top:15px;font-weight: 400;font-size: 17rem;color: #818181;line-height:1;letter-spacing:-0.02em;}
.form_sty .tit > p{position:relative;display: inline-block;font-weight: 400;font-size: 17rem;color: #818181;line-height:1;letter-spacing:-0.02em;padding-top:2px;padding-left:12px;}
.form_sty .tit > p::before{position:absolute; left:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size: 17rem;color: #ff0000;}

.form_sty .tit2{display: inline-block;width:120px;text-align:left;margin-top:15px;font-weight: 400;font-size: 17rem;color: #818181;line-height:1;letter-spacing:-0.02em;padding-left:20px;box-sizing: border-box;}
.form_sty .tit2 > p{position:relative;display: inline-block;font-weight: 400;font-size: 17rem;color: #818181;line-height:1;letter-spacing:-0.02em;padding-top:2px;padding-left:12px;}
.form_sty .tit2 > p::before{position:absolute; left:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size: 17rem;color: #ff0000;}
.form_sty .cont{display: inline-block;width:calc(50% - 100px);text-align:left;font-size: 17rem;box-sizing: border-box;}
.form_sty .cont2{display: inline-block;width:calc(50% - 120px);text-align:left;font-size: 17rem;box-sizing: border-box;}
.form_sty .cont100{display: inline-block;width:calc(100% - 100px);text-align:left;font-size: 17rem;box-sizing: border-box;}

.agreeChk{width:100%;margin-bottom:40rem;}
.agreeChk span{position:relative;margin-left:5px;color:#333; font-size:17rem;line-height:1; padding-bottom:4px;}
.agreeChk span::before{position:absolute; left:0; bottom:0;content: '';width:100%;height:1px;background: #333;}

/* file */
.filebox_s {position: relative; display:flex;width:100%;font-size:0;} /* input 내부에 찾기버튼 basic */
.filebox_s input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_s label {/*position: absolute;right:0; top:0;*/ margin-left:10px;width:120px;height:50px;text-align:center;line-height:47px;font-size:16rem; color:#818181;font-weight: 400;vertical-align: middle;background: #fff;border:1px solid #d9d9d9;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
.filebox_s .upload-name {flex:1;height:50px;padding:0px 10px;font-size:17rem; line-height:47px;color: #818181;font-weight:400;vertical-align: middle;background:#f5f5f5; border:0px solid #e5e5e5; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;}

/** faq list **/

.list_faq {border-top:2px solid #f03844;background: #fff;}
.list_faq .item_faq {border-bottom:1px solid #dfdfdf;}
/* [D] .area_question 클릭시 부모 .item_faq에 on 추가 (열기버튼이 닫기버튼으로 바뀜) */
.item_faq.on .area_question:after {top:34px;border: 2px solid #888;border-top: none;border-right: none; transform: rotate(135deg);}
/* 질문, 답변 공통 */
.list_faq .area_question,
.list_faq .area_answer {position:relative;}
.list_faq .txt_q{position:absolute; text-align:left;}
.list_faq .desc_question,
.list_faq .desc_answer {padding:0 5px;}
/* 질문영역 */
.list_faq .area_question {padding:18px 40px 18px 120px; cursor:pointer;}
.list_faq .area_question:after {content: ' ';position: absolute; top: 20px;right: 20px; width:12px; height:12px; margin-top: 0px;border: 2px solid #888;border-top: none;border-right: none; transform: rotate(-45deg);}
.list_faq .txt_q {top:22px; left:20px;width:60px;font-weight: 700;font-size:18rem;line-height:1;color:#888;padding-right:20px;}
.list_faq .txt_q:after {content: ' ';position: absolute; top: 4px;right: 0px; width: 1px; height: 16px;background: #888;}
.list_faq .desc_question {font-weight:400;color:#333;font-size:18rem;line-height:1.4;letter-spacing:-0.01em;}
/* 답변영역 */
.list_faq .area_answer {display:none; padding:0px 40px 18px 120px; }
.list_faq .desc_answer {font-weight: 200;color:#666;font-size:15rem;line-height:1.4;letter-spacing:-0.01em;}

.faq_none{display:flex;flex-direction: column;justify-content: center;align-items: center;width:80%;margin:30px auto;padding:100rem 20rem;border-top:1px solid #f03844; border-bottom:1px solid #dfdfdf;box-sizing: border-box;}
.faq_none p{font-size:16rem; color: #303030; font-weight: 400;text-align: center;}

/* list style */
.bullet-list{display: inline-block;width:100%;padding-left:9px;font-weight:400;font-size:18rem;color:#333;letter-spacing:-0.02em;line-height:1.4;margin-bottom:8px;box-sizing: border-box;}
.bullet-list::before {content: ' '; display: inline-block; vertical-align: top;width:3px; height:3px; margin-top:12px;margin-left:-9px;margin-right:6px;border-radius: 50%; background: currentcolor;}

/* textType  */
.tit_lg{font-weight:900;font-size:70rem;line-height:1;letter-spacing:-0.01em;color:#000;text-transform:uppercase;}
.tit_md{font-weight:900;font-size:60rem;line-height:1;letter-spacing:-0.01em;color:#000;text-transform:uppercase;}
.tit_sm{font-weight: 700;font-size: 60rem;color: #000;line-height: 1;letter-spacing:-0.03em;}
.tit_s{font-weight: 900;font-size: 48rem;color: #000;line-height: 1;letter-spacing:-0.03em;}

.text-list{font-weight:400;font-size:18rem;color:#333;letter-spacing:-0.02em;line-height:1.5; text-indent:-16px; padding-left:16px; margin-bottom:8px;box-sizing: border-box;}
.text-s{font-weight:400;font-size:17rem;color:#575757;letter-spacing:-0.02em;line-height:1.5;margin-bottom:20rem;}
.text-m{font-weight:400;font-size:24rem;color:#848484;letter-spacing:-0.02em;line-height:1.3;}

.privacyBox{height:400px;overflow-y:auto;font-weight:400;font-size:13px;color:#575757;letter-spacing:-0.02em;line-height:1.4;margin-top:30px;padding:0 10px;box-sizing: border-box;}
.privacyBox > h3{font-weight:500;margin-bottom:10px;}
.privacyBox > p{margin-bottom:10px;}

.textTb{display: inline-block; width:100%;margin-bottom:30px;}
.textTb .tit1{font-weight: 500;color:#333;font-size:18rem;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px;}
.textTb .txt1{color:#555;font-size:16rem;line-height:1.45;letter-spacing:-0.01em;}
.textTb .txt2{color:#555;font-size:16rem;line-height:1.45;letter-spacing:-0.01em;margin-bottom:20px;}
.textTb .txt3{color:#555;font-size:16rem;line-height:1.45;letter-spacing:-0.01em;padding-left:20px;margin-bottom:10px;box-sizing: border-box;}
.textTb .txt4{color:#555;font-size:16rem;line-height:1.45;letter-spacing:-0.01em;padding-left:40px;margin-bottom:10px;box-sizing: border-box;}

/* products */
.product_tab{display:flex;flex-direction:row;width:100%;text-align:center;justify-content: center;align-items: flex-start;}
.product_tab > a{display: inline-block;width:140px;text-align:center;margin-bottom:20px;box-sizing: border-box;}

.product_category{display:flex;width:100%; flex-direction: column; justify-content: center; align-items: center;}
.product_tit{font-weight:500;font-size:14rem;color: #333;line-height: 1;letter-spacing:-0.02em;margin-top:15px;box-sizing: border-box;}
.product_icon{display: inline-block;width:70px; height:70px;border:1px solid #ccc;border-radius:50%;box-sizing: border-box;}
.p_icon1{background:url(/images/icon/p_icon1.png) center center no-repeat;text-indent: -9999px;}
.p_icon2{background:url(/images/icon/p_icon2.png) center center no-repeat;text-indent: -9999px;}
.p_icon3{background:url(/images/icon/p_icon3.png) center center no-repeat;text-indent: -9999px;}
.p_icon4{background:url(/images/icon/p_icon4.png) center center no-repeat;text-indent: -9999px;}
.p_icon5{background:url(/images/icon/p_icon5.png) center center no-repeat;text-indent: -9999px;}
.p_icon6{background:url(/images/icon/p_icon6.png) center center no-repeat;text-indent: -9999px;}
.p_icon7{background:url(/images/icon/p_icon7.png) center center no-repeat;text-indent: -9999px;}
.p_icon8{background:url(/images/icon/p_icon8.png) center center no-repeat;text-indent: -9999px;}

.product_tab > a.on .p_icon1{background:url(/images/icon/p_icon1_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon2{background:url(/images/icon/p_icon2_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon3{background:url(/images/icon/p_icon3_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon4{background:url(/images/icon/p_icon4_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon5{background:url(/images/icon/p_icon5_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon6{background:url(/images/icon/p_icon6_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon7{background:url(/images/icon/p_icon7_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a.on .p_icon8{background:url(/images/icon/p_icon8_w.png) center center no-repeat #f03844;text-indent: -9999px;}

.product_tab > a:hover .p_icon1{background:url(/images/icon/p_icon1_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon2{background:url(/images/icon/p_icon2_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon3{background:url(/images/icon/p_icon3_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon4{background:url(/images/icon/p_icon4_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon5{background:url(/images/icon/p_icon5_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon6{background:url(/images/icon/p_icon6_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon7{background:url(/images/icon/p_icon7_w.png) center center no-repeat #f03844;text-indent: -9999px;}
.product_tab > a:hover .p_icon8{background:url(/images/icon/p_icon8_w.png) center center no-repeat #f03844;text-indent: -9999px;}

.product_tab > a.on .product_tit{color: #f03844;}
.product_tab > a:hover .product_tit{color: #f03844;}

.card__image {display: block;overflow: hidden;padding:50px 80px 30px;box-sizing: border-box;}
.card__image > img {display: block;margin-bottom: 0; max-width: 100%;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
/* .card__image:hover > img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} */
.card__cont{text-align:center;padding:0 50px 50px;box-sizing: border-box;}
.card__cont .card_tit {font-size:18rem;font-weight: 700;line-height: 1.2;color:#000;margin-bottom: 15px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.card__cont .card_tit:hover {color: rgba(0, 0, 05, 0.7);}
.card__cont .card_txt {font-size: 15rem;font-weight:400;color:#666;line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.list-typeA li:hover .card__image > img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.list-typeB li:hover .card__image > img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.list-typeA{display:block;width:100%;max-width:1280px; text-align:left;margin:40px auto;border-top:1px solid #e5e5e5;}
.list-typeA ul{display:flex; width:100%;flex-wrap: wrap;}
.list-typeA li{/* width:31.3333%;margin:0 0% 3% 3%;*/ width:33.3333%; margin-top:-1px; margin-left:-1px; border:1px solid #dfdfdf;box-sizing: border-box;}
.list-typeA li:nth-child(3n-2){margin-left:0;}

.list-typeB{display:block;width:100%;max-width:1280px;margin:40px auto;border-top:0px solid #e5e5e5;}
.list-typeB ul{display:flex; width:100%;flex-wrap: wrap;justify-content: center;}
.list-typeB li{/* width:31.3333%;margin:0 0% 3% 3%;*/ width:33.3333%; margin-top:0px; margin-left:-1px; border:1px solid #dfdfdf;box-sizing: border-box;}
.list-typeB li:nth-child(odd){margin-left:0 !important;}
.list-typeB li:nth-child(even){margin-left:-1px !important;}

.product_stit{font-weight: 700;font-size:38rem;color: #000;line-height: 1;letter-spacing:-0.01em; margin-bottom:20px;}

.product_wrap{display:flex; width:100%;max-width:1280px;align-items:center; /* flex-wrap: wrap; */ margin:80rem 0; }
.product_wrap .img_wrap{width:47%;text-align:center;box-sizing: border-box;}  
.product_wrap .img_wrap img{max-width:100%;} 
.product_wrap .txt_wrap{width:47%;margin-left:6%; border-top:1px solid #666; border-bottom:1px solid #666;padding:60px 0px;text-align:left;box-sizing: border-box;} 
.product_wrap .txt_desc{font-weight:400;font-size: 16rem;color: #666;line-height:1.45;letter-spacing:-0.01em;margin-bottom:20px;}

.icon_wrap{display:flex;width:100%;align-items:center; margin-top:40rem;}
.icon_wrap .iconBox{width:100px;min-height:70px; background:url(/images/icon/icon_scale.png) 0 50% no-repeat;text-indent: -9999px;}
.icon_wrap .txtBox{flex:1;}
.icon_wrap .s_txt{font-weight:200;font-size: 15rem;color: #333;line-height:1;letter-spacing:-0.01em;margin-bottom:10px;}
.icon_wrap .b_txt{font-weight:500;font-size: 22rem;color: #333;line-height:1.4;letter-spacing:0.0em;}
.icon_wrap .b_txt > span{display: inline-block;margin-right:15px;}

.organization{display: inline-block;width:100%;margin:60rem 0;text-align:center;box-sizing: border-box;} 
.company_top{display: inline-block;width:100%;text-align:center;overflow:hidden;padding:100rem 5%;box-sizing: border-box;} 
.company_top h3{font-weight: 700;font-size: 40rem;color: #fff;line-height: 1;letter-spacing:-0.01em; text-shadow: 0px 0px 5px rgba(0, 0, 0, .2);text-transform:uppercase;margin-bottom:20px;} 
.company_top p{font-weight: 400;font-size: 20rem;color: #fff;line-height: 1.4;letter-spacing:-0.01em; text-shadow: 0px 0px 5px rgba(0, 0, 0, .2);} 

.organization_bg{background:url(/images/sub/organization_bg.png) center center no-repeat;background-size:cover;} 
.history_bg{background:url(/images/sub/history_bg.png) center center no-repeat;background-size:cover;} 
.greeting_bg{background:url(/images/sub/greeting_bg.png) center center no-repeat;background-size:cover;} 

.history{display:block;width:100%;max-width:1280px; margin:60rem auto;text-align:center;}
.timeline {line-height: 1.4em; list-style: none; margin: 0;padding: 0; width: 100%;}
.timeline-item {padding-left: 40px; position: relative;}
.timeline-item:last-child { padding-bottom: 0;}
.timeline-info {font-size: 12px; font-weight: 700;letter-spacing: 3px; margin: 0 0 .5em 0; text-transform: uppercase; white-space: nowrap;}

.timeline-marker {position: absolute;top: 0;bottom: 0;left: 0;width: 10px;}
.timeline-marker:before {background: #f03844; border: 2px solid transparent; border-radius: 100%; content: "";display: block;height: 10px; position: absolute; top: 4px; left: 0; width: 10px;transition: background 0.3s ease-in-out, border 0.3s ease-in-out;}
.timeline-marker:after { content: "";width: 2px; background: #CCD5DB; display: block;position: absolute;top: 24px;bottom: 0; left: 5px;}
.timeline-item:last-child .timeline-marker:after { content: none;}
.timeline-item:not(.period):hover .timeline-marker:before { background: transparent;border: 3px solid #f03844;}
.timeline-content {padding-bottom: 40px;}
.timeline-content p:last-child { margin-bottom: 0;}
.timeline-content .timeline-title {font-family: 'NotoSansKR';font-style: normal; font-weight:700;font-size:30px; color: #1a1a1a;line-height:1;letter-spacing:-0.0em; margin-bottom:25px;}
.timeline-content p{/*font-family: 'NotoSansKR';font-style: normal; font-weight:400;font-size:16px; color: #555;line-height:1.45;letter-spacing:-0.0em; margin-bottom:8px;*/}
.timeline-content .timeline_txt {display:flex;width:100%; margin-bottom:10px;}
.timeline-content .month {width:60px;font-family: 'NotoSansKR';font-style: normal; font-weight:500;font-size:18px; color: #333;line-height:1;letter-spacing:-0.0em;}
.timeline-content .txt {flex:1;font-family: 'NotoSansKR';font-style: normal; font-weight:400;font-size:16px; color: #666;line-height:1.45;letter-spacing:-0.0em;}

.timeline-centered .timeline-item:nth-child(even) .timeline_txt {display:flex;width:100%; margin-bottom:15px;flex-direction:row-reverse;}

.timeline-centered,
.timeline-centered .timeline-item,
.timeline-centered .timeline-info,
.timeline-centered .timeline-marker,
.timeline-centered .timeline-content {display: block;margin: 0; padding: 0;}
.timeline-centered .timeline-item {padding-bottom: 40px;overflow: hidden; }
.timeline-centered .timeline-marker {position: absolute;left: 50%;margin-left: -5px; }
.timeline-centered .timeline-info,.timeline-centered .timeline-content {width: 50%;}
.timeline-centered .timeline-item:nth-child(odd) .timeline-info { float: left; padding-right: 30px;}
.timeline-centered .timeline-item:nth-child(odd) .timeline-content { float: right; text-align: left; padding-left: 30px; box-sizing: border-box;}
.timeline-centered .timeline-item:nth-child(even) .timeline-info { float: right; text-align: left;  padding-left: 30px;}
.timeline-centered .timeline-item:nth-child(even) .timeline-content { float: left; text-align: right;padding-right: 30px; box-sizing: border-box;}

.marker-outline .timeline-marker:before {background: transparent;border-color: #f03844;}
.marker-outline .timeline-item:hover .timeline-marker:before { background: #f03844;}

.company{display:flex; width:100%;/* align-items:center; flex-wrap: wrap; */ margin:0 auto;padding:100rem 15%;box-sizing: border-box;}
.company .img_wrap{width:40%;text-align:center;box-sizing: border-box;}  
.company .img_wrap img{max-width:100%;} 
.company .tit_wrap{width:45%;text-align:left;box-sizing: border-box;}  
.company .txt_wrap{width:50%;margin-left:5%;text-align:left;box-sizing: border-box;} 
.company .c_tit{font-weight:700;font-size:30rem;color: #333;line-height:1.5;letter-spacing:-0.01em;}
.company .c_txt{font-weight:400;font-size: 18rem;color: #666;line-height:1.5;letter-spacing:-0.01em;margin-bottom:30px;}

.vision{display:flex;width:100%;flex-wrap: wrap;background:#f9fafa;justify-content: center;align-items:center;padding:100rem 15%;box-sizing: border-box;}
.vision > h3{width:100%;text-align:center;margin-bottom:60rem;}
.vision .circleArea{width:40%;text-align:center;box-sizing: border-box;}  
.vision .circleArea .circle_1{position:relative;width:100%;height:0; padding-top:100%;text-align:center;background:#f03844;border-radius: 50%; box-sizing: border-box;}  
.vision .circleArea .circle_2{position:relative;width:100%;height:0; padding-top:100%;text-align:center;background:rgba(255,255,255,.9);margin-left:-50px;border-radius: 50%;box-sizing: border-box;}  
.vision .v_txtBox{position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);width:100%;padding:0 60px;box-sizing: border-box;}
.vision .v_tit{font-weight:700;font-size:24rem;color: #fff;line-height:1.5;letter-spacing:-0.01em;margin-bottom:20px;}  
.vision .v_txt{font-weight:400;font-size:18rem;color: #fff;line-height:1.5;letter-spacing:-0.01em;}  

.factory{display:block;width:100%;max-width:1280px; margin:0rem auto;padding:0rem 0%;box-sizing: border-box;}
.factory .factory_img{position:relative;display:block;width:100%;border:1px solid #f1f1f1;margin-bottom:30px;box-sizing: border-box;}
.factory .factory_txt{position:absolute;right:40px; bottom:-30px;padding:20px 40px;font-weight:400;font-size:16rem;color: #fff;line-height:1;letter-spacing:0.0em;background:#ef3945;box-sizing: border-box; z-index: 2;}
.factory ul{display:flex;width:100%;flex-wrap: wrap;border-top:1px solid #dfdfdf; padding:50px 0px 30px;box-sizing: border-box;}
.factory ul:first-child{border-top:0px solid #dfdfdf;}
.factory ul.first{border-top:0px solid #dfdfdf;}
.factory .leftArea{width:400px;font-weight:700;font-size:30rem;color: #1a1a1a;line-height:1.5;letter-spacing:-0.01em;margin-bottom:0px;}
.factory .rightArea{width:calc(100% - 400px);}
.factory .f_tit{font-weight:500;font-size:20rem;color: #555;line-height:1.5;letter-spacing:-0.01em;margin-bottom:10px;}
.factory .f_txt{font-weight:400;font-size:18rem;color: #666;line-height:1.5;letter-spacing:-0.01em;margin-bottom:10px;text-indent:-10px; padding-left:10px;box-sizing: border-box;}
.factory .sec_tb{margin-bottom:20px;}




.movBox{position:relative;width:100%;background:url(/images/sub/mov_bg.png) 70% 50% no-repeat;background-size:cover;padding-top:56.5%;box-sizing: border-box;}
.movBox .play{position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
.btn-play{width:74px;height:74px;background:url(/images/icon/icon-play.png) 50% 50% no-repeat;text-indent: -9999px;}

.brand_movie{width:100%;}
.brand_movie a.btn i {margin-left: 5px;}
.brand_movie .button_video {width:100%; position: relative;}
.brand_movie .button_video span {position: absolute; right: 0; top: 50%; width: 100%; height: 1px; margin-top: 10px; background: #535354;}
.brand_movie .button_video .button_line {text-align:center; position: relative;}
.brand_movie .button_video a.btn {
    display: inline-block;
    font-size: 15px;
    padding: 12px 20px;
    text-align: center;
    color: #fff;
    background: #001140;
    border-radius: 5px;
    font-weight: 300;
    position: relative;
    z-index: 3;
}

.video_box {position:relative;}
.video_box .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.video_box .movie_btn p {font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 18px; color: #fff; opacity: .7; letter-spacing: 1px; padding-top: 10px;}
.video_box .movie_btn button {  
  font-size: 0;
  color: transparent;
  display: inline-block;
  cursor: pointer;
}
.video_box .movie_btn button::before {
  content: "";
  display: inline-block;  
  width: 82px;
  height: 82px;
  background:url(/images/icon.png) no-repeat 0 0;    
  background-position:0 -100px;
}

.video_box video {width: 100%;}