@charset "utf-8";

/********************************************
	HEADER
********************************************/

#header{width: 100%;margin:0 auto;background-color: rgba(255,255,255,.95);transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 3;}
#header .logoArea{position: absolute; left:50%; transform:translateX(-50%);display:flex;justify-content: center;align-items: center;width: 50%;height:150px;margin:auto;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 3;}
/*
#header .util{width:25%;text-align:right;padding-right:10%;box-sizing: border-box;z-index: 3;}
#header .util > a{padding-left:30px;font-weight: 700;font-size:1.5rem; letter-spacing:-0.01em;line-height:1;color:#2a2a2a;text-transform:uppercase;}
#header .util > a:first-child{padding-left:0px;}
*/
#header .logo{display:inline-block;width:100%;min-height:66px;background:url(../images/logo.png) 50% 50% no-repeat;text-indent: -9999px;box-sizing: border-box;}

/* 상단 레이아웃 white버전 - 스크롤 반응시 상단 메뉴 */
#header.bg_on{position:fixed;top:0;height:90px; border-bottom:1px solid #f1f1f1;}
#header.bg_on .logoArea{height:90px;}
#header.bg_on .logo{min-height:50px;background-size:auto 50px;}
#header.bg_on .menuToggle{display: block; position: relative;top:40px;}
#header.bg_on .menu{margin: -40px 0 0 -5%;}

.menuToggle{display: block; position: relative;top:60px; left:5%;z-index:3;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/* background-color: rgba(255,255,255,.95);*/}
.menuToggle input{display: block;width: 40px;height: 32px;position: absolute;top: -7px;left: -5px;cursor: pointer;opacity: 0; /* hide this */z-index:4; /* and place it over the hamburger */-webkit-touch-callout: none;}

.menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #cdcdcd;border-radius: 3px;z-index:3;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}

.menuToggle span:first-child{ transform-origin: 0% 0%;}
.menuToggle span:nth-last-child(3){transform-origin: 0% 100%;}
.menuToggle input:checked ~ span{opacity: 1;transform: rotate(45deg) translate(-2px, -1px);background: #ebebeb;}
.menuToggle input:checked ~ span:nth-last-child(4){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
.menuToggle input:checked ~ span:nth-last-child(3){transform: rotate(-45deg) translate(0, -1px);}
.menuToggle input:checked ~ ul{transform: none;}

.menuToggle .util{position: absolute;display: block;text-align:right;right:10%;top:0;z-index:4; }
.menuToggle .util > a{margin-left:30px;font-weight: 700;font-size:15rem; letter-spacing:-0.01em;line-height:1;color:#666;}
.menuToggle .util > a:first-child{margin-left:0px;}
.menuToggle input:checked ~ .util > a{color:#fff !important;}
.menuToggle .util > a.point{ display: inline-block; background: #2a2a2a; color: #fff; padding: 10rem 15rem; border-radius: 10px;}

.menu{position: absolute;width: 100%;height:100vh;min-height:100%;top:0px; margin: -60px 0 0 -5%;padding: 0px 10% 150px; background: #2a2a2a;list-style-type: none;-webkit-font-smoothing: antialiased; transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);display:flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
.menu_logo{
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(calc(-50% + 0.5px),0);
  margin: 0 auto;
  text-align: center;
}
.menu_logo img{
  width: calc(100% - 30%);
}

.menu > li{flex:1; text-align:left;padding-right:10px; position:relative;box-sizing: border-box;}
.menu > li > a{display:block; color:#fff;font-weight: 900; font-size:30rem;line-height:1;padding-top:45px;text-transform:uppercase;text-decoration:none;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.menu > li:hover > a{background:url(../images/icon/menu_on.png) 0% 0% no-repeat;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.menu > li.on > a{background:url(../images/icon/menu_on.png) 0% 0% no-repeat;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.menu > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.two-depth{position: absolute; display:flex; flex-direction: column; z-index:4; top:100px; left:0;padding:0px;}
.two-depth > li{text-align:left; margin-bottom:20px;padding-bottom:5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li > a{position:relative;font-weight: 500; font-size:20rem;color:#aaa;letter-spacing:-0.01em;line-height:1;}
.two-depth > li > a::after { content: ' ';position: absolute; bottom: 0%;left:0%; width: 100%; height:1px;background:#aaa; opacity: 0;}
.two-depth > li:hover > a::after { opacity: 1;}
.two-depth > li.on:hover > a::after { opacity: 1;}

/* 바디에 스크롤 막는 방법 */
.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:67px; height:46px; 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:#000;/*overflow:hidden;*/padding:60rem 16.66666%;box-sizing: border-box;}
.footer:after {content:""; display:block; clear:both; height:0;}
.footer .f_left{width:70%;text-align:left;order:1;}
.footer .f_right{width:30%;text-align:right;order:2;}

.footer .f_menu{display:inline-block;width:100%;margin-bottom:80rem;}
.footer .f_menu ul{display:inline-block;width:100%;}
.footer .f_menu li{display:inline-block;margin-left:40rem;}
.footer .f_menu li > a{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;color:#787878; 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 .sns{display:inline-block;width:100%;}
.footer .sns > a{margin-right:20px;}
.facebook{display:inline-block;width:17px;height:29px;background:url(../images/icon/facebook.png) left center no-repeat;text-indent: -9999px;}
.insta{display:inline-block;;width:27px;height:29px;background:url(../images/icon/insta.png) left center no-repeat;text-indent: -9999px;}
.blog{display:inline-block;width:21px;height:29px;background:url(../images/icon/blog.png) left center no-repeat;text-indent: -9999px;}

.footer .f_copy{display:inline-block;width:100%;}
.footer .f_copy .tel{color:rgba(255,255,255, .9); font-size:30rem;line-height:1;letter-spacing:-0.0em; margin-bottom:15px;}
.footer .f_copy p{font-weight: 400;color:#787878; font-size:16rem;line-height:1.3;letter-spacing:-0.01em;}
.footer .f_copy .copy{color:rgba(255,255,255, .9); margin-top:15px;}	

.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:25px;top:25px;width:21px; height:21px;background:url(../images/layout/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:25px;top:25px;width:21px; height:21px;background:url(../images/layout/close_white.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}

.icon-close-circle{position: absolute;right:25px;top:25px;width:70px; height:70px;background:url(../images/layout/i_close_14.png) 50% 50% no-repeat #07367b;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
********************************************/

.container {width:100%;margin:150px 0px 50px;overflow: hidden;}

.mainTitle{width:100%; padding:50rem 16.66666% 70rem;box-sizing: border-box;}
.mainTitle .tit_big{    font-weight: 900;
  font-size: 60rem;
  color: #000;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin-bottom: 10px;}
.mainTitle .tit_mid{font-weight: 700;
  font-size: 30rem;
  color: #848484;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 15px;}

.wrap {width:100%;max-width:1440px;margin: 0 auto;}

/* ---------------------- main-visual ----------------------------- */
.main-container {width:100%;height:460rem;overflow:hidden;background:#9d9d9d;padding:0;  }

.main-visual {max-height:460rem;height: 100vh;opacity:0;-webkit-transition: opacity 0.5s; transition:opacity 0.5s;position:relative;}
.main-visual.visual-loaded {opacity:1;}

.main-visual-container,.main-visual-wrapper,.main-visual-slide{width: 100%; height: 100%;overflow:hidden;padding:0 20% 0 10%;box-sizing: border-box;}
.main-visual-slide-bg {width: 100%; height: 100%; overflow:hidden; position: absolute;left: 0;right: 0;top: 0;bottom: 0; background: no-repeat center center;background-size:cover;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition: transform 3s;-webkit-transition: -webkit-transform 3s;transition: -webkit-transform 3s;transition: transform 3s;transition: transform 3s, -webkit-transform 3s;will-change: transform;}
.main-visual-slide-bg:before { content: ""; background: #000; opacity: 0.5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}
.main-visual-slide-bg img{width: 100%; height:460rem;vertical-align:middle;}
.main-visual-loaded .main-visual-slide-bg {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
/* txt 입력시
.main-visual-content {width: 100%;height:auto;position: relative; z-index: 1;}
.main-visual-content-inner {margin-top:20%;}
.main-visual-title {display: block;font-size: 28rem;font-weight: 700;line-height: 1.2;color: #fff; opacity:0;}
.main-visual-title br{display: none;}
.main-visual-desc {padding-top:8rem;font-family: 'Montserrat';font-style: normal;font-weight: 700;font-size: 80rem;color: #fff;line-height: 1.1;opacity:0; will-change: transform;}
.main-visual-loaded .main-visual-desc {opacity:1;}
*/
.main-visual .swiper-navigation-wrap {position:relative;font-size:0;}
.main-visual .swiper-navigation {position:absolute;top:400rem;right: 5%;opacity:0;z-index:2;}
.main-visual .swiper-navigation button:before, .main-visual .swiper-navigation button:after {color:#fff;}
.main-visual .swiper-control {text-align: center;width: 100%;z-index: 100;}
.main-visual-btn_play { position: absolute; bottom: 2rem; left: 2rem; display: block; width: 4.5rem; height: 4.5rem; background: #fff; border-radius: 50%; }
.main-visual-btn_play:after { content: ''; border-top: 0.5rem solid transparent; border-left: 0.7rem solid #0f4c82; border-bottom: 0.5rem solid transparent; position: absolute; top: 50%; left: 50%; width: auto; height: auto; margin-left: -0.2rem; margin-top: -0.5rem; z-index: 2;}
.main-visual-loaded .swiper-navigation {opacity:1;}

.main-visual .swiper-pagination {font-size:14rem; font-weight:700; color:#fff;}
.main-visual .swiper-pagination-current {font-weight:700; color:#fff;width: 30rem;margin-left: 0rem;}
.main-visual .swiper-pagination-total {margin-right:0;margin-left:0;width: 30rem;}
.main-visual .swiper-progress__hidden-space {display: inline-block;vertical-align: middle;width: 120rem;height: 1rem;margin: 0 0px 0 3rem;position: relative;}
.main-visual .swiper-progress__hidden-space:before {display:none;}
.main-visual .swiper-progress__wrap {display: block;width: 120rem;height:1rem;position: absolute;left: 34rem;top: 50%;margin-top:-1px;background-color: rgba(255, 255, 255, .5);overflow: hidden;}
.main-visual .swiper-progress {display: block;width: 0;height: 100%;background: #fff !important;}

.HomeSlider_item.swiper-slide-active .main-visual-content-inner > div > * { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}
.main-visual-content-inner { vertical-align: middle; padding-top: 1rem;}

/* section - main */

.section_category{font-weight: 900;font-size: 18rem;color: #cecece;line-height:1;letter-spacing:-0.01em;text-transform:uppercase;margin-bottom:0px;}
.section_category.bk{color:#2a2a2a;}
.section_tit{font-weight: 900;font-size: 60rem;color: #000;line-height:1.3;letter-spacing:-0.01em;/* text-transform:uppercase; */margin-bottom:10px;}
.section_tit_m{font-weight:700;font-size:30rem;color: #848484;line-height: 1.3;letter-spacing:-0.01em;margin-bottom:15px;}
.section_desc{font-weight:400;font-size:24rem;color: #848484;line-height: 1.3;letter-spacing:-0.01em;margin-bottom:40rem;}
.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_1{width:100%;padding:0px 16%;margin:100rem 0px;box-sizing: border-box;}
.section_1 ul{display:flex; width:100%;margin-top:80rem;}
.section_1 li{flex:1;margin-left:5%;}
.section_1 li:first-child{margin-left:0%;}
.section_1 li a{display:flex; width:100%;flex-direction: column;} 
.section_1 li .sec1_icon{margin-bottom:25rem;}
.section_1 li .tit{font-weight:900;font-size:24rem;color: #000;line-height: 1;letter-spacing:-0.01em;margin-bottom:20rem;}
.section_1 li .desc{font-weight:400;font-size:16rem;color: #b6b6b6;line-height: 1.3;letter-spacing:-0.01em;}

.sec1_icon1{width:100%;height:60px;background:url(../images/icon/sec1_icon1.png) left top no-repeat;}
.sec1_icon2{width:100%;height:60px;background:url(../images/icon/sec1_icon2.png) left top no-repeat;}
.sec1_icon3{width:100%;height:60px;background:url(../images/icon/sec1_icon3.png) left top no-repeat;}

.section_2{width:100%;padding:0px 16%;margin:100rem 0px;overflow:hidden;box-sizing: border-box;}
.section_2 ul{display:flex; width:100%;margin-top:80rem;align-items:center;}
.section_2 li{flex:1;margin-left:5%;}
.section_2 li:first-child{margin-left:0%;order:1;}
.section_2 li:nth-child(2){order:2;}

.section_3{width:100%;padding:0px 5%;margin:100rem 0px;overflow:hidden;box-sizing: border-box;}
.section_3 ul{display:flex; width:100%;margin-top:80rem;align-items:center;}
.section_3 li{width:45%;margin-left:5%;text-align:left;}
.section_3 li:first-child{width:50%;margin-left:0%;order:1;text-align:right;}
.section_3 li:nth-child(2){order:2;}

.section_4{width:100%;padding:0px;margin:100rem 0px;box-sizing: border-box;}
.section_4 .sec4_tit{    width: 100%;
  padding: 0px 16%;
  margin: 100rem 0px;
  box-sizing: border-box;}
.section_4 .sec4_slideArea{width:100%;padding:0px 0px 0px 15.5%;box-sizing: border-box;position:relative;}
.section_4 .sec4_slideArea:before{position:absolute; left:0%; top:0px;content: ' ';width:65%;height:80%;background: #eee; z-index:-1}
/* section_4 스와이퍼 */ 
.swiper_1 { position:relative; width:100%;margin:0px auto;z-index:1; padding:100px 10% 20px 0px;box-sizing: border-box;} 
.swiper_1 .swiper-slide {display:inline-block; width:100%; padding:0 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{width:100%;}
/* 버튼관련 */ 
.swiper_1 .swiper-button-prev,  
.swiper_1 .swiper-button-next{width:44px; height:29px; background-size:44px auto; top:50px;right:0;} /*크기*/
.swiper_1 .swiper-button-prev{background-image: url(../images/icon/p_prev.png); right: 110px; left:auto;} /*이미지,위치*/
.swiper_1 .swiper-button-next{background-image: url(../images/icon/p_next.png); right: 50px; }

.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:3%;bottom:2px;z-index:50;height:5px;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}

.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;}

.section_5{width:100%;padding:0px 16% 100rem;box-sizing: border-box;}
.section_5 .sec5_tit{font-weight: 700;font-size: 60rem;color: #000;line-height: 1;letter-spacing:-0.03em;margin-bottom:40rem;box-sizing: border-box;}

.list-typeA{width:100%;text-align:left;margin-bottom:60rem;}
.list-typeA ul{display:flex; width:100%;flex-wrap: wrap;}
.list-typeA li{width:31.3333%;margin:0 0% 3% 3%;border:1px solid #ebebeb;box-sizing: border-box;}
.list-typeA li:nth-child(3n-2){margin-left:0;}



/********************************************
	SUB
********************************************/
/* 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:200;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:200;font-size:17rem;color:#575757;letter-spacing:-0.02em;line-height:1.5;margin-bottom:20rem;}
.text-m{font-weight:200;font-size:24rem;color:#848484;letter-spacing:-0.02em;line-height:1.3;}

.sub_category{font-weight: 900;font-size: 18rem;color: #cecece;line-height:1;letter-spacing:-0.01em;margin-bottom:5px;}
.sub_tit{font-weight: 900;font-size: 36rem;color: #000;line-height:1.3;letter-spacing:-0.01em;margin-bottom:15rem;}

.location{width:100%;margin:30rem 0 20rem;padding:0 16.6666%;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; }

.titleWrap{width:100%;margin-bottom:100rem;padding:0 16.6666%;box-sizing: border-box;}
.titleWrap .title{font-weight:900;font-size:50rem;color: #2a2a2a;line-height: 1;letter-spacing:-0.01em;margin-bottom:30rem;}
.titleWrap .sns{display:inline-block;width:100%;}
.titleWrap .sns > a{margin-right:20px;}
.titleWrap .btn{display: inline-block; font-size: 24rem; background: #2a2a2a; color: #fff; padding: 15rem 40rem; border-radius: 10px;}
.titleWrap .btn:hover{background: #2870de;}
.facebook-s{display:inline-block;width:8px;height:16px;background:url(../images/icon/facebook-s.png) left center no-repeat;text-indent: -9999px;}
.kakao-s{display:inline-block;;width:18px;height:16px;background:url(../images/icon/kakao-s.png) left center no-repeat;text-indent: -9999px;}
.naver-s{display:inline-block;width:16px;height:16px;background:url(../images/icon/naver-s.png) left center no-repeat;text-indent: -9999px;}
.newwin-s{display:inline-block;width:16px;height:16px;background:url(../images/icon/newwin-s.png) left center no-repeat;text-indent: -9999px;}
.twitter-s{display:inline-block;width:17px;height:16px;background:url(../images/icon/twitter-s.png) left center no-repeat;text-indent: -9999px;}

.company{}
.company .topTxt{width:100%;margin-bottom:60rem;padding:0 16.6666%;box-sizing: border-box;}
.company .topTxt > h3{margin-bottom:10rem;}
.company .topTxt > p{font-weight:200;font-size:30rem;color: #000;line-height: 1.3;letter-spacing:-0.01em;}
.company .midArea{display:flex;width:100%;}
.company .midArea .leftArea{position:relative;width:45%;padding:60rem 0% 0rem 5%;text-align:right;box-sizing: border-box;}
.company .midArea .leftArea:before{position:absolute; left:0%; top:0px;content: ' ';width:85%;height:100%;background: #e9e9e9; z-index:-1}
.company .midArea .rightArea{width:55%;padding:0rem 5% 40rem 5%;box-sizing: border-box;}

.company_info{width:100%; background:#e9e9e9;padding:100rem 16.6666%;box-sizing: border-box;}
.company_info ul{display:flex; width:100%;flex-wrap: wrap;margin-top:50rem;align-items:center;}
.company_info li{width:50%;box-sizing: border-box;}
.company_info li:first-child{padding-left:0%;order:1;}
.company_info li:nth-child(2){order:2;padding-left:5%;}
.company_info li:nth-child(3){order:3;padding-right:5%;}
.company_info li:nth-child(4){order:4;}

.organization{width:100%;margin:100rem 0px;box-sizing: border-box;}
.organization > h3{padding:0 16.6666%;box-sizing: border-box;}
.organization .organization_img{width:100%;margin-top:40rem;}

.map{width:100%;margin:100rem 0px 0px;box-sizing: border-box;}
.map > h3{padding:0 16.6666%;margin-bottom:40rem;box-sizing: border-box;}
.map .mapArea{width:100%; height:640px;position:relative;} 
.map .map_info{position:absolute;width:340px;right:100px;top:50%;transform:translateY(-50%); z-index: 2; padding:40px 30px;box-sizing: border-box; background:rgba(51,51,51,.8); }
.map .map_info .add_tit{background:url(../images/icon/ico_add.png) 0% 0% no-repeat;padding-top:50px;font-weight:200;font-size:17rem;line-height: 1.3;letter-spacing:-0.01em;color:#cbcbcb;margin-bottom:10rem;}
.map .map_info .tit{font-weight:200;font-size:17rem;line-height: 1.3;letter-spacing:-0.01em;color:#cbcbcb;margin-bottom:10rem;margin-top:30rem;}
.map .map_info .txt{font-weight:200;font-size:17rem;line-height: 1.3;letter-spacing:-0.01em;color:#fff;}

.certification{width:100%;margin:100rem 0px 0px;box-sizing: border-box;}
.certification > h3{padding:0 16.6666%;margin-bottom:40rem;box-sizing: border-box;}
.certification .slideArea{width:100%;padding:0px 0px 0px 16%;box-sizing: border-box;position:relative;}

.certification_photo{width:100%;background:#9d9d9d;margin-top:40rem;padding-left:8%;box-sizing: border-box;}
.certification_photo .photoArea{position:relative;display:inline-block;}
.certification_photo .photoArea img{max-width: 100%;}
.certification_photo .photoArea:before { content: ""; background: #000; opacity: 0.5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}


/* .certification 스와이퍼 */ 
.swiper_2 { position:relative; width:100%;margin:0px auto;z-index:1; padding:0px 10% 60px 0px;box-sizing: border-box;} 
.swiper_2 .swiper-slide {display:inline-block; width:100%; padding:10px;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{width:100%;}
/* 버튼관련 */ 
.swiper_2 .swiper-button-wrap{position:relative;font-size:0;margin-top:10px;}
.swiper_2 .swiper-button-prev,  
.swiper_2 .swiper-button-next{position:absolute; width:36px; height:35px; background-size:36px auto; bottom:10px;left:0;top:auto;} /*크기*/
.swiper_2 .swiper-button-prev{background-image: url(../images/icon/c_prev.png); left: 0px;} /*이미지,위치*/
.swiper_2 .swiper-button-next{background-image: url(../images/icon/c_next.png); left: 100px; right:auto; }

.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:10%;bottom:12px;z-index:50;height:5px;width:80%;}
.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}

.swiper_2 .btn-pause {position:absolute;left:50px;bottom:10px;z-index:2;cursor:pointer;}
.swiper_2 .btn-pause:after {display: block;font-family: 'k-font';font-size:36rem;font-weight: normal;text-align: center;line-height:36rem;color: #666;/* text-shadow: 1rem 1rem 5rem rgba(0, 0, 0, .5); */}
.swiper_2 .start-autoplay {display:none;/* background:url(/img/img_play_mainvisual.png) no-repeat 50%; */ }
.swiper_2 .start-autoplay:after {content: '\e92b';}
.swiper_2 .stop-autoplay {/* background:url(/img/img_pause_mainvisual.png) no-repeat 50%; */}
.swiper_2 .stop-autoplay:after {content: '\e94d';}

/* .swiper_2 .swiper-slide.active .productImg .imgArea{margin-bottom:15px;} */

.news{width:100%;margin:100rem 0px;padding:0 16.6666%;box-sizing: border-box;}
.news > h3{margin-bottom:60rem;}
.news .topArea{display:flex; width:100%;/*flex-wrap: wrap;*/align-items:center;margin-bottom:40rem;}
.news .topArea .leftArea{width:50%;}
.news .topArea .rightArea{width:50%;padding-left:50px;box-sizing:border-box;font-size:0; }

.tab_A{width:100%;}
.tab_A li{display: inline-block;margin-left:20px;}
.tab_A li a{padding-top:10px;font-weight: 400;font-size:18rem;color:#7f7f7f;line-height:1;letter-spacing:-0.01em;text-transform:uppercase;position:relative;}
.tab_A li a::after {position:absolute; left:50%; top:0%;transform:translateX(-50%);content: ' '; width: 6px;height: 6px;background:#ed8f8f;border-radius:50%; opacity: 0;}
.tab_A li:first-child{margin-left:0px;}
.tab_A li a:hover{color:#ed8f8f;}
.tab_A li a:hover::after {opacity: 1;}
.tab_A li a.active{color:#ed8f8f;}
.tab_A li a.active::after {opacity: 1;}

/* 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:30px 0px;}
.boardList-A .list-head{text-align: center;}
.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;}
.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:32px;height:32px;line-height:30px;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%;}
.paging span a{vertical-align:middle;display:block;width:32px;height:32px;}
.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:30px; 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:#ed8f8f;}
.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;}

.gallery{width:100%;margin:100rem 0px;padding:0 16.6666%;box-sizing: border-box;}
.gallery > h3{margin-bottom:100rem;}

.gallery__wrapper {display:flex;width:90%;/*flex-wrap: wrap;*/ padding:0 0 0 0%;margin-left:10%;box-sizing: border-box;}
.gallery__wrapper div:nth-child(2){margin-top:-150rem;}
.grid {width:50%;padding-left:8%;padding-right:0;padding-bottom:60rem;box-sizing: border-box;}

.card__image {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;overflow: hidden;margin-bottom:180rem;}
.card__image > img {display: block;margin-bottom: 0; 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.2);-moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.card__cont{}
.card__cont .card_tit {font-size:20rem;font-weight: 700;line-height: 1.2;color:#000;margin-bottom: 15px;text-decoration: none;-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);text-decoration: none;}
.card__cont .card_date {font-size: 14rem;font-weight: 700;line-height: 1.2;color:#666;margin-bottom: 10px;text-decoration: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.card__cont .card_txt {font-size: 16rem;font-weight:400;line-height: 1.2;color:#666;text-decoration: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


.product{display:flex; width:100%;/*flex-wrap: wrap;*/align-items:center;margin:100rem 0px;padding:0 16.6666%; box-sizing: border-box;}
.product .leftArea{width:50%;}
.product .rightArea{width:50%; padding-left:5%;box-sizing: border-box;}

.product_mov{position:relative;display:flex;width:100%;padding:0 16.6666%;box-sizing: border-box;}
.product_mov:before{position:absolute; left:0%; bottom:0px;content: ' ';width:100%;height:85%;background: #e9e9e9; z-index:-1}
.product_mov .movArea{width:50%;margin-top:8%;padding:60rem 0;box-sizing: border-box;}
.product_mov .contArea{width:50%;min-height:380px;background:url(/images/sub/product_img2.png) right top no-repeat;padding:30% 0 0 5%;box-sizing: border-box;}
.product_mov .contArea > h3{font-weight: 400;font-size:24rem;color:#222;line-height:1;margin-bottom:20px;}
.product_mov .contArea > p{font-weight: 200;font-size:16rem;color:#848484;line-height:1.5;}

.movBox_s{position:relative;width:100%;background:url(../images/sub/mov_bg2.png) 50% 50% no-repeat;background-size:cover;padding-top:56.5%;box-sizing: border-box;}
.movBox_s .play{position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);}

.market{width:100%; margin:100rem 0;padding:0 16.6666%;box-sizing: border-box;}
.market.p0{padding:0;}
.market .imgArea{position:relative;width:100%; margin-top:60rem;text-align:center;padding:0 10%;box-sizing: border-box;}
.market .imgArea.p0{padding:0;}
.market .imgArea:before{position:absolute; left:0%; top:50%;transform:translateY(-50%);content: ' ';width:100%;height:60%;background: #f5f5f5;border-radius:8px; z-index:-1}
.market .imgArea.bgnone::before{display: none;}
.market .imgArea img{max-width:100%;}

.product_slide_A{width:100%;margin:100rem 0px;box-sizing: border-box;}
.product_slide_A > h3{padding:0 16.6666%;margin-bottom:10rem;box-sizing: border-box;}
.product_slide_A > p{font-weight: 400;font-size:30rem;color:#0c6dfc;line-height:1;padding:0 16.6666%;margin-bottom:40rem;box-sizing: border-box;}
.product_slide_A .slideArea{width:100%;padding:0px 0px 0px 16%;box-sizing: border-box;position:relative;}

.product_slide_B{position:relative;width:100%;padding:100rem 0px;box-sizing: border-box;}
.product_slide_B:before{position:absolute; left:0%; top:0;content: ' ';width:100%;height:50%;background: #f5f5f5;z-index:-1}
.product_slide_B > h3{padding:0 16.6666%;margin-bottom:10rem;box-sizing: border-box;}
.product_slide_B > p{font-weight: 400;font-size:30rem;color:#750cfc;line-height:1;padding:0 16.6666%;margin-bottom:40rem;box-sizing: border-box;}
.product_slide_B .slideArea{width:100%;padding:0px 0px 0px 16%;box-sizing: border-box;position:relative;}

.product_slide_C{position:relative;width:100%;padding:100rem 0px;box-sizing: border-box;}
.product_slide_C:before{position:absolute; left:0%; top:25%;content: ' ';width:100%;height:50%;background: #f5f5f5;z-index:-1;transform: translate(0,-12.5%);}
.product_slide_C > h3{padding:0 16.6666%;margin-bottom:10rem;box-sizing: border-box;}
.product_slide_C > p{font-weight: 400;font-size:30rem;color:#750cfc;line-height:1;padding:0 16.6666%;margin-bottom:40rem;box-sizing: border-box;}
.product_slide_C .slideArea{width:100%;padding:0px 0px 0px 16%;box-sizing: border-box;position:relative;}
.product_slide_C .imgArea{position: relative; width: 100%; margin-top: 60rem; text-align: center; padding: 0 10%; box-sizing: border-box;}
.product_slide_C .imgArea img{max-width:100%;}
.product_slide_C .imgArea.p0{padding:0;}

.productImg{width:100%;}
.productImg .imgArea{width:100%;box-shadow: 0 -1px 8px 4px rgba(20, 20, 20, .1);padding:0px 0;margin-bottom:15px;box-sizing:border-box;}
.productImg .imgArea img{width:100%;}
.productImg .num{font-weight: 400;font-size:18rem;color:#0c6dfc;line-height:1;margin-bottom:8px;}
.productImg .txt{font-weight: 400;font-size:18rem;color:#333;line-height:1;}

.certificationImg{width:100%;box-shadow: 0 -1px 8px 4px rgba(20, 20, 20, .1);padding:0px 0;box-sizing:border-box;}
.certificationImg img{width:100%;}

.shop_A{width:100%;margin:100rem 0px;padding:0 16.6666%;box-sizing: border-box;}
.shop_A > h3{margin-bottom:10rem;}
.shop_A > p{margin-bottom:15rem;}
.shop_A .info{width:100%;min-height:500px;background:url(../images/sub/shop_img1.png) 100% 0% no-repeat;}
.shop_A .info_tit{width:100%; font-weight:700;font-size:30rem;color:#222;line-height:1;margin-bottom:20px;padding-top:360px;}
.shop_A .info_Box{display:flex;width:100%;flex-direction: row;margin-bottom:10px;}
.shop_A .info_Box .i_tit{width:80px;font-weight:400;font-size:17rem;color:#7f7f7f;line-height:1.3;}
.shop_A .info_Box .i_txt{flex:1;font-weight:400;font-size:17rem;color:#7f7f7f;line-height:1.3;}

.shop_B{position:relative;width:100%;padding:100rem 16.6666%;box-sizing: border-box;}
.shop_B:before{position:absolute; left:0%; top:0;content: ' ';width:100%;height:50%;background: #e9e9e9;z-index:-1}
.shop_B > h3{margin-bottom:10rem;}
.shop_B > p{font-weight:200;font-size:30rem;color:#999;letter-spacing:-0.02em;line-height:1.3;margin-bottom:30rem;}
.shop_B .info{width:100%;}
.shop_B .info_img{width:100%;padding-left:15%;box-sizing:border-box;}
.shop_B .info_tit{width:100%; font-weight:700;font-size:30rem;color:#222;line-height:1;margin-bottom:20px;margin-top:20px;}
.shop_B .info_Box{display:flex;width:100%;flex-direction: row;margin-bottom:10px;}
.shop_B .info_Box .i_tit{width:80px;font-weight:400;font-size:17rem;color:#7f7f7f;line-height:1.3;}
.shop_B .info_Box .i_txt{flex:1;font-weight:400;font-size:17rem;color:#7f7f7f;line-height:1.3;}


.history{width:100%;margin:100rem 0px;box-sizing: border-box;}
.history > h3{padding:0 16.6666%;margin-bottom:10rem;box-sizing: border-box;}
.history > p{font-weight:400;font-size:24rem;color:#333;letter-spacing:-0.02em;line-height:1.3;text-transform:uppercase;padding:0 16.6666%;margin-bottom:10rem;box-sizing: border-box;}

.history_2018{position:relative;width:55%;margin-left:45%;box-sizing:border-box;}
.history_2018:before{position:absolute; left:140px; top:4px;content: ' ';width:1px;height:98%;background: #616161;z-index:-1}
.history_2018:after{position:absolute; left:134px; top:4px;content: ' ';width:12px;height:12px;background: #616161;border-radius:50%;z-index:1}
.history_2018 .circleArea{display:block;width:100%;margin-top:60rem;}
.history_2018 .circle{display:flex;width:280px;height:280px;align-items:center;justify-content: center; background: #dadada;border-radius:50%;}
.history_2018 .circle img{width:50%;}
.history_2018 .txtArea{display:block;width:100%;padding-left:170px;box-sizing:border-box;}

.history_2019{position:relative;width:35%;margin-left:65%;margin-top:-150rem;box-sizing:border-box;}
.history_2019:before{position:absolute; left:90px; top:4px;content: ' ';width:1px;height:98%;background: #616161;z-index:-1}
.history_2019:after{position:absolute; left:84px; bottom:0px;content: ' ';width:12px;height:12px;background: #616161;border-radius:50%;z-index:1}
.history_2019 .circleArea{display:block;width:100%;margin-bottom:60rem;}
.history_2019 .circle{display:flex;width:180px;height:180px;align-items:center;justify-content: center; background: #dadada;border-radius:100%;}
.history_2019 .circle img{width:100%;border-radius:100%;}
.history_2019 .txtArea{display:block;width:100%;padding-left:120px;padding-bottom:10px;box-sizing:border-box;}
.history_2019 .circleArea_m{display:none;width:100%;margin-bottom:60rem;}

.history_wrap{display:block;width:100%; font-size:0; padding:0 16.6666%;box-sizing:border-box;}
.history_wrap li{display: inline-block;width:50%;}
.history_wrap li:nth-child(even){margin-top:500rem;}

.history_2020{position:relative;width:100%;}
.history_2020:before{position:absolute; left:100px; top:4px;content: ' ';width:1px;height:90%;background: #616161;z-index:-1}
.history_2020:after{position:absolute; left:94px; top:4px;content: ' ';width:12px;height:12px;background: #616161;border-radius:50%;z-index:1}
.history_2020 .txtArea{display:block;width:100%;padding-left:130px; margin-bottom:60rem;box-sizing:border-box;}
.history_2020 .circleArea{position:relative; display:block;width:100%;padding:0px 50px;box-sizing:border-box;}

.history_2021{position:relative;width:100%;}
.history_2021:before{position:absolute; left:100px; top:4px;content: ' ';width:1px;height:90%;background: #616161;z-index:-1}
.history_2021:after{position:absolute; left:94px; top:4px;content: ' ';width:12px;height:12px;background: #616161;border-radius:50%;z-index:1}
.history_2021 .txtArea{display:block;width:100%;padding-left:130px; margin-bottom:60rem;box-sizing:border-box;}
.history_2021 .circleArea{position:relative; display:block;width:100%;padding:0px 50px;box-sizing:border-box;}

.year{font-weight:700;font-size:36rem;color:#000;line-height:1;margin-bottom:20px;}
.history_cont{display:flex;width:100%;margin-bottom:15px;}
.history_cont .month{width:60px;font-weight:400;font-size:17rem;color:#4f4f4f;line-height:1.4;}
.history_cont .txt{flex:1;font-weight:400;font-size:17rem;color:#4f4f4f;line-height:1.4;}


/* .history 스와이퍼 */ 
.swiper_3 { position:relative; width:100%;padding:0px 0px;margin:0px auto;z-index:1; box-sizing: border-box;} 
.swiper_3 .swiper-slide {width:100%;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_3 .swiper-slide img{width:100%;}
/* 버튼관련 */ 
.circleArea .swiper-button-prev,  
.circleArea .swiper-button-next{position:absolute; width:36px; height:35px; background-size:36px auto;top:50%;} /*크기*/
.circleArea .swiper-button-prev{background-image: url(../images/icon/c_prev.png); left: 0px;} /*이미지,위치*/
.circleArea .swiper-button-next{background-image: url(../images/icon/c_next.png); right:0px;}

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

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

.qa{width:100%;margin:100rem 0px;padding:0 16.6666%;box-sizing: border-box;}
.qa > h3{margin-bottom:30rem;}

/* 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:60px;text-align:center;line-height:57px;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:60px;padding:0px 10px;font-size:17rem; line-height:57px;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;}

.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;
}

.product_movie{width:100%;}
.product_movie a.btn i {margin-left: 5px;}
.product_movie .button_video {width:100%; position: relative;}
.product_movie .button_video span {position: absolute; right: 0; top: 50%; width: 100%; height: 1px; margin-top: 10px; background: #535354;}
.product_movie .button_video .button_line {text-align:center; position: relative;}
.product_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%;}































