@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@700&display=swap');

body {position:relative;}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

 @font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit browsers */
  color:#535353;
}
 
input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#535353;
}
 
input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#535353;
}
 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:#535353;
}

body {overflow:hidden;}

.pc_none {display:block !important;}
.tab_none {display:none !important;}
.mob_none {display:none !important;}


img.mob_i {display:none;}
img.pc_i {display:inline-block;}

.beige {color:#d9bb95 !important;}

#navi {position: fixed; top: 50%; transform: translateY(-50%); right: 50px; z-index: 500;}
#navi li + li {margin-top: 20px;}
#navi li a {display: block; width: 12px; height: 12px; border-radius: 50%; background: #fff;}
#navi li a.active {background: #d9bb95;}

#header {position:fixed;top:0;left:0;width:100%;z-index:999;height:100px;}
#header h1 {position:absolute;top:25px;left:50px;font-size:25px;font-weight:900;}
#header h1 a {color:#fff;}
#header h1 img {width: 180px;}
#header h1 img.logo_on {display: none;}
#header .menu {position:absolute;top: 37px;right:50px;cursor:pointer;}
#header .menu img {width:30px;}
#header .menu img.bl {display:none;}
#header .gnb {padding-top:35px;text-align:center;font-size:0;}
#header .gnb > li {position: relative; display:inline-block; text-align: left;}
#header .gnb > li + li {margin-left: 60px;}
#header .gnb > li > a{font-size:20px;color:#fff;font-weight:900; text-align: left;}
#header .gnb > li:hover > a {color:#d9bb95 !important;}
#header.on {background:#fff;}
#header.on h1 a{color:#000;}
#header.on h1 img.logo {display: none;}
#header.on h1 img.logo_on {display: inline-block;}
#header.on .gnb > li > a{color:#000;}
#header.on .menu img.bl {display:inline-block;}
#header.on .menu img.wh {display:none;}
#header:hover {background:#fff;}
#header:hover h1 a{color:#000;}
#header:hover h1 img.logo {display: none;}
#header:hover h1 img.logo_on {display: inline-block;}
#header:hover .gnb > li > a{color:#000;}
#header:hover .menu img.bl {display:inline-block;}
#header:hover .menu img.wh {display:none;}
.section {transition:background-position 1s ease;}
.section .inner {position:relative;max-width:1500px;width:100%;height:100%;margin:0 auto;z-index:99; transform: translateY(100px); opacity: 0; transition: opacity 1.25s ease, transform 1.25s ease;}
.section .inner.on {transform: translateY(0); opacity: 1;}
.section .fp-tableCell {position:relative;overflow:hidden;}
.footer .inner {opacity: 1;  transform: translateY(0);}

#header:hover .gnb_2depth {display: block;}
#header:hover .head_bg {display: block;}
.gnb_2depth {display: none; position: absolute; left: 0; padding: 30px 0; width: 250px; text-align: left; z-index: 20;}
.gnb_2depth li + li {margin-top: 10px;}
.gnb_2depth li a {display: block; color: #000; font-size: 16px; padding-left: 0;}
.gnb_2depth li:hover a {color: #d9bb95;}
#header .head_bg {display: none; position: fixed; top: 100px; left: 0; width: 100%; height: 150px; background: #fff;}


.section .fp-bg {backface-visibility: hidden;position: absolute;top: 0;bottom: 0;z-index: -1;width: 100%;height:100% !important;transition: transform 1s ease;transform: translateY(-80%); overflow: hidden;}
.section .fp-bg img{width: 100%; height: 100%; object-fit: cover;}

.section.active .fp-bg, .section.prev .fp-bg {transform: translateY(0);}

/*.section1 .fp-bg {background-image:url(/images/bg1.jpg);background-size:cover;z-index:5;}*/
/*.section2 .fp-bg {background-image:url(/images/bg2.jpg);background-size:cover;z-index:4;}*/
/*.section3 .fp-bg {background-image:url(/images/bg3.jpg);background-size:cover;z-index:3;}*/
/*.section4 .fp-bg {background-image:url(/images/bg5.jpg);background-size:cover;z-index:2;}*/
/*.section5 .fp-bg {background-image:url(/images/bg4.jpg);background-size:cover;z-index:1;}*/


.progress-container {position: fixed; top: 250px; right: 100px; width: 1px; height: 230px; background: #ccc; z-index: 1000;}
/* .progress-container:before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; width: 9px; height: 5px; background: url("/images/lang_arrow2.png") center no-repeat; background-size: 100%;} */
.progress-bar {height: 0%; width: 1px; background: #e1052c;}
.progress_btn {display: block;}

/* main-menu-type01 */
.main-menu-type01 {position: absolute;top: 430px;right: 0px;color: #fff; z-index: 50;}
.main-menu-type01 ul:after {content: '';display: block;clear: both;}
.main-menu-type01 li {float: left;position: relative;width: 215px;height: 240px;margin-left: 25px;cursor: pointer;}
.main-menu-type01 li a {display: block; height: 100%;}
.main-menu-type01 li:hover {width: 260px;}
.main-menu-type01 li:after {content: '';position: absolute;right: 20px;bottom: 20px;}
.main-menu-type01 .item01:after {width: 50px;height: 45px;background: url('/images/v1.png') 0 0 no-repeat;background-size:100% 100%;}
.main-menu-type01 .item02:after {width: 45px;height: 48px;background: url('/images/v2.png') 0 0 no-repeat;background-size:100% 100%;}
.main-menu-type01 .item03:after {width: 49px;height: 43px;background: url('/images/v3.png') 0 0 no-repeat;background-size:100% 100%;}
.main-menu-type01 .menu-box {overflow: hidden;position: absolute;right: 0;bottom: 0;width: 215px;height: 240px;padding: 35px 30px;background: rgba(0,0,0,.5);transition: width .3s, height .3s;color: #fff;}
.main-menu-type01 > li:hover .menu-box {width: 260px;height: 330px;background: #d9bb95;}
.main-menu-type01 li:first-child {margin-left: 0;}
.main-menu-type01 .default-group {font-size: 14px;}
.main-menu-type01 .default-group strong {display:block;font-size: 22px;font-weight:900;}
.main-menu-type01 > li:hover .default-group strong {font-size: 30px;}

.section1 {position: relative;}
.section1 .swiper{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section1 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.section1 .swiper .arrow div{position: absolute; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; width: 50px;}
.section1 .swiper .arrow .prev{left: 50px;}
.section1 .swiper .arrow .next{right: 50px;}
.section1 .swiper .arrow div img{width: 100%;}
.section1 .v_tit {margin-top:380px;font-size:75px;color:#fff;font-weight:900;line-height:1;}
.section1 .v_tit strong {display:block;font-weight:900;}
.section1 .v_tit p {font-size:25px;margin-top:30px;font-weight:400;}
a.view_more {margin-top:40px;display:inline-block;padding-bottom:10px;border-bottom:2px solid #fff;font-size:16px;color:#fff;font-weight:700;}
a.view_more img {margin-left:20px;width:22px;}
a.view_more.bl {border-bottom:2px solid #000;color:#000;}
a.scroll_down {margin-top:210px;display:inline-block;font-size:16px;color:#fff;font-weight:700;}
a.scroll_down img {width:50px;margin-right:20px;}

.section .common_tit {color:#fff;}
.section .common_tit.bl {color:#000;}
.section .common_tit.bl span{color:#000;border-bottom:2px solid #000;}
.section .common_tit span {padding-bottom:10px;border-bottom:2px solid #fff;font-size:18px;font-weight:900;}
.section .common_tit strong {/* margin-top:40px; */margin-top: 65px; display:block;font-size:55px;font-weight:900;line-height:1;}
.section .common_tit p {margin-top:20px;font-size:25px;font-weight:400;}
.section2 .common_tit {margin-top:250px;}
.count_box {margin-top:20px;padding:35px 0;background:rgba(0,0,0,.3);overflow:hidden;}
.count_box dl {float:left;width:calc(100%/3);padding:0 40px;display:flex;align-items:center;color:#fff;line-height:1;}
.count_box dl + dl {border-left:1px solid rgba(255,255,255,.5);}
.count_box dl dt {width:55%;font-size:24px;}
.count_box dl dt img {width:35px;margin-right:10px;}
.count_box dl dd {width:45%;text-align:right;font-size:36px;}
.count_box dl dd strong{text-align:right;font-size:50px;font-family: 'Saira', sans-serif;}
.graph_box {margin-top: 35px;float:right;width:50%;}
.graph_wrap {margin-top:30px;}
.graph_wrap canvas {height:320px;}
.g_tit {color:#fff;}
.g_tit strong {display:inline-block;padding-bottom: 5px;/* border-bottom:2px solid #fff; */font-size:26px;font-weight:900; margin-left: 37px;}
.g_tit span {margin-left:10px;font-size:14px;font-weight:300;}
.g_tit.gg_tit {font-size: 14px;}


.section3 .common_tit {margin-top:360px;}
.section3 a.view_more {MARGIN-TOP:90px;}
.value_box {position:absolute;width:580px;height:580px;top:9px;right:0;}
.value_box li {position:absolute;width: 285px;height: 325px;z-index:1;text-align:center;}
.value_box li a {display:block;padding-top: 80px; pointer-events: none; cursor: default}
.value_box li a p {margin-top:10px;color:#fff;font-size:30px;font-weight:700;}
.value_box li a p span {display: block; font-size: 20px;}
.value_box li:before {content:"";position:absolute;width:100%;height:100%;background: url(/images/poly.png)center no-repeat;background-size:100% 100%;z-index:-1;transform:translatex(-50%);transition:0.4s all;}
.value_box li:nth-child(1) {top:0;left:50%;margin-left:-155px;}
.value_box li:nth-child(2) {bottom:0;left: -15px;}
.value_box li:nth-child(3) {bottom:0;right: 10px;}
.value_box li:nth-child(1):before {bottom:0;left:50%;}
.value_box li:nth-child(2):before {top:0;right:0;transform:translatex(0%);}
.value_box li:nth-child(3):before {top:0;left:0;transform:translatex(0%);}
.value_box li:hover:before {width:105%;height:105%; background: url(/images/poly_on.png)center no-repeat;background-size:100% 100%;}

.section5 .common_tit {margin-top:360px;}
.notice_slider_wrap {position:absolute;top: 120px;right:0;width:50%;}
.notice_slider_wrap .notice_slider {margin-top: 150px;}
.notice_slider_wrap .slick-track {margin:0;}
.notice_slider_wrap .notice_slider .label {display:block;font-size:18px;color:#000;font-weight:700;padding-bottom:15px;border-bottom:2px solid #000;}
.notice_slider_wrap .notice_slider .slick-list {margin:0 -15px;}
.notice_slider_wrap .notice_slider .slick-slide {margin:0 15px;}
.notice_slider_wrap .notice_slider .n_tit {margin-top:30px;font-size:34px;font-weight:700;color:#000;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:2.8em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .notice_slider .date {margin-top:30px;font-size:16px;color:#000;font-weight:300;}
.notice_slider_wrap .notice_slider .date img {display:inline-block;width:19px;margin-right:5px;}
.notice_slider_wrap .notice_slider .n_con {margin-top:30px;font-size:18px;font-weight:300;color:#676767;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:4.2em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .control span {position:absolute;top:17px;cursor:pointer;}
.notice_slider_wrap:before {/*content:"";position:absolute;top:43px;left:0;width:100%;height:1px;background:#ddd;*/}
.notice_slider_wrap .control span.n_prev {left:-60px;}
.notice_slider_wrap .control span.n_next {right:-60px;}
.notice_slider_wrap .control span img{width:50px;}

.notice_slider .nn_con_wrap {position: relative;}
.notice_slider .nn_con_wrap:after {content: ""; display: block; clear: both;}
.notice_slider .nn_con_wrap .date.date2 {float: left;}
.notice_slider .nn_con_wrap .date.date3 {float: right;}


/*슬라이드 아닐때*/
.notice_slider_wrap .notice_slider {overflow:hidden;}
.notice_slider_wrap .notice_slider > div {float:left;width:calc(50% - 15px);}
.notice_slider_wrap .notice_slider > div + div{margin-left:30px;}

.section4 .common_tit {margin-top:450px;}
.partner_list{position:relative;  width:100%; margin-top:100px;}
.partner_list .slick-slide{padding:0 5px;font-size:0;line-height:1;}
.partner_list .p_list a{position:relative; display:block; height:110px;  text-align:center; overflow:hidden;}
.partner_list .p_list a img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.customer_dl {position: absolute;width:540px;height:540px;top: 9px;right: 0;z-index:1;}
.customer_dl:before 
{content:"";position:absolute;width:540px;height:540px;background:url(/images/poly_img.png)center no-repeat;background-size:100% 100%;z-index:-1;  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 50s linear infinite;
  -ms-animation: rotate 50s linear infinite;
  -o-animation: rotate 50s linear infinite;
  animation: rotate 50s linear infinite;}
.customer_dl dt {position:absolute;top:50%;left:50%;color:#fff;font-size:35px;font-weight:900;transform:translate(-50%,-50%);}
.customer_dl dd {position:absolute;width:140px;height:140px;z-index:3;}
.customer_dl dd a {height:100%;display:flex;align-items:center;text-align:center;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.3);transition:0.4s all;}
.customer_dl dd a span {font-size:20px;color:#fff;width:100%;line-height:1.2;}
.customer_dl dd.c1 {top:0;left:15%;}
.customer_dl dd.c2 {top:0;right:15%;}
.customer_dl dd.c3 {top:35%;right:-5%;}
.customer_dl dd.c4 {bottom:0;right:15%;}
.customer_dl dd.c5 {bottom:0;left:15%;}
.customer_dl dd.c6 {top:35%;left:-5%;}
.customer_dl dd a:hover {transform:scale(1.2,1.2);background:rgba(207,181,148,.9);border:1px solid rgba(207,181,148,.9);}
@keyframes rotate {
	0% {
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100%{
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.direction{position:relative;margin:50px auto 0; font-size:0; outline:0; border:0;text-align:center;}
.direction > span{display:inline-block; width:10px; height:15px; cursor:pointer; vertical-align:middle;}
.direction .p_prev{background:url('/images/p_prev.png') center no-repeat;background-size:100% 100%; }
.direction .p_next{position:relative;margin-right:15px;margin-left:50px;background:url('/images/p_next.png') center no-repeat;background-size:100% 100%; }
.direction .p_next:before {content:"";position:absolute;top:50%;left:-25px;width:1px;height:10px;margin-top:-5px;background:#ddd;}
.pg_cont {position:relative;display:inline-block;vertical-align:middle;margin-top:-15px;width:160px; }
.direction .page_info{font-size:18px; color:#fff;font-weight:900;}
.direction .page_info strong{position:absolute;top:0;right:125px;line-height:1;}
.direction .page_info span {position:absolute;top:0;right:0;line-height:1;}
.slider-progress {position:absolute;top:7px;right:35px;  width:75px; height:2px; background:#ccc;  overflow:hidden; }
.slider-progress .progress { width:0%; height:5px; background:#fff; position:absolute; }

.footer {padding:80px 0;background:#000;color:#fff;}
.footer .inner {max-width:1820px;margin:0 auto;padding:0 !importnat;}
.footer .f_logo {font-sizE:30px;font-weight:900;}
.foot {margin-top:30px;overflow:hidden;font-size:16px;}
.foot .left {float:left;width:calc(100% - 475px);}
.foot .left a {display:inline-block;color:#fff;margin-right:10px;}
.foot .left .adr {margin-top:10px;}
.foot .left span {display:inline-block;margin-right:10px;}
.foot .left span strong {margin-right:5px;}
.foot .right {/* float:right; */width:475px;text-align:right; position: absolute; right: 0; bottom: 0;}
.foot .right a {display:inline-block;margin-left:10px;} 
.foot .right a img {width:40px;}
.foot .right p {margin-top:10px;font-sizE:15px;color:#a5a5a5;} 
.copy_m {display:none;}
.foot .left .ft_menu {margin-top: 10px;}
.foot .left .ft_menu span {position: relative; display: inline-block; color: #fff; font-size: 14px; margin-right: 0;}
.foot .left .ft_menu span + span {margin-left: 10px;}
.foot .left .ft_menu span + span:before {content: ""; position: absolute; top: 6px; left: -6px; width: 1px; height: 10px; background: #fff;}


/* paragraph */
.scroll_btn {
	transition-delay: 1s;
	transition: transform 1.5s, opacity 1s;
    transform: translateY(50px);
    opacity: 0;
}
.active .scroll_btn {
	transform: translateY(0);
    opacity: 1;
}

.first-paragraph {
	transition-delay: 1s;
	transition: transform 1.5s, opacity 1s;
    transform: translateY(50px);
    opacity: 0;
}
.active .first-paragraph {
	transform: translateY(0);
    opacity: 1;
}

.second-paragraph {
	transition-delay: 2s;
	transition: transform 3s, opacity 3s;
    transform: translateY(50px);
    opacity: 0;
}
.active .second-paragraph {
	transform: translateY(0);
    opacity: 1;
}


.sub-paragraph {
	transition-delay: 3s;
	transition: transform 4s, opacity 3s;
    transform: translateY(50px);
    opacity: 0;
}
.active .sub-paragraph {
	transform: translateY(0);
    opacity: 1;
}

.sub_visual {position:relative; height: 400px; background:url(/images/sub01.png)center no-repeat;background-size:cover;}
.sub_visual.sub1_2 {background: url(/images/sub_vis_img1-2.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub1_3 {background: url(/images/sub_vis_img1-3.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub2-1 {background: url(/images/sub_vis_img2-1.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub2-2 {background: url(/images/sub_vis_img2-2.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub2-3 {background: url(/images/sub_vis_img2-3.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub3-1 {background: url(/images/sub_vis_img3-1.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub3-2 {background: url(/images/sub_vis_img3-2.jpg)center no-repeat; background-size: cover;}
.sub_visual.sub3-3 {background: url(/images/sub_vis_img3-3.jpg)center no-repeat; background-size: cover;}
.sub_visual .txt {position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff;transform:translatey(-50%);}
.sub_visual .txt .tit {font-size: 50px;font-weight:900;}
.sub_visual .txt p {font-size:26px;}
.loc {display:block;position:absolute;z-index:93;bottom:0;left:0;width:100%;background:rgba(0,0,0,.3);}
.loc .inner {max-width:1500px;width:100%;margin:0 auto;}
.loc .inner:after {content:"";display:block;clear:both;}
.loc .inner > li {float:left;position:relative;/* width:280px; */ width: 300px; height:75px;background:none;color:#fff;z-index:1;}
.loc .inner > li > a {display:block;height:100%;line-height:75px;padding-left:35px;font-size:18px;color: #fff;background:url('/images/s_pl.png')96% center no-repeat;background-size:11px 11px;font-weight:900;}
.loc .inner > li.s_lnb2 > a {background:url('/images/s_pl.png') 96% center no-repeat;background-size:11px;}
.loc .inner > li + li:before {content:"";position:absolute;top:50%;left:0;width:1px;height:20px;background:rgba(255,255,255,.3);margin-top:-10px;z-index:-1;}
.loc .inner > li.home {width:100px;}
.loc .inner > li.home > a {text-align:center;padding:0;background:none;}
.loc .inner > li.home img {vertical-align:middle;width:25px;}
.loc .inner > li.on {}
.loc .inner > li.on > a {background:#fff url('/images/s_pl_on.png')96% center no-repeat;background-size:11px 11px;color: #d9bb95;}
.loc .inner > li.on.s_lnb2 > a {background:#fff url('/images/s_pl_on.png') 96% center no-repeat;background-size:11px; color: #d9bb95;}
.loc_2dep {display:none;position:absolute;top:100%;left:0px;width:100%;background:#fff; border: 1px solid rgba(0,0,0,0.1); border-top: 0;}
.loc_2dep li {border-top: 1px solid rgba(0,0,0,.1);}
.loc_2dep li a {display:block;height:55px;padding-left:35px;line-height:54px;color: #000;font-size:16px;font-weight:900;}
.loc_2dep li a:hover {color: #fff; background:#d9bb95;}




.sub_contents {overflow:hidden;}
.sub_contents .inner {max-width:1500px;margin:0 auto;padding:140px 0 ;}
.sub_contents .s_tit {position:relative;margin-bottom:95px;text-align:center;font-size:50px;font-weight:900;color:#000;}
.sub_contents .s_tit:before {content:"";position:absolute;top:120%;left:50%;width:1px;height:30px;background:#000;}

#lnb_wrap{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(255,255,255,1);padding-top: 25px;z-index:9999999;}
#lnb_wrap .inner {position: relative; max-width: 1500px;width: 100%;margin: 0 auto;}

.lnb_logo a{font-size:50px;font-weight:900;}
.menu_lnb {margin:220px auto 0;max-width:1400px;}
.menu_lnb > li{float:left; width:calc(100%/3); padding:0 30px;}
.menu_lnb > li > h3 > a.lnb_tit{display:inline-block;font-size: 25px;color: #000;font-weight:700;line-height:1;}
.lnb_depth{margin-top:25px;min-height:300px;}
.lnb_depth li a{position:relative;display:inline-block;font-size:16px;color: #000;line-height:30px;}
.lnb_depth li a:before{content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:0; height:2px; background:#fff; transition:0.3s ease-in-out;}
.lnb_close{position:absolute; top:15px; right:0px; cursor:pointer;}
.lnb_depth li a:hover {color:#d9bb95;}
.lnb_depth li a:hover:before {width:100%;}

@media screen and (max-width: 1820px) {
	.footer {padding:80px 50px;}

}



@media screen and (max-width:1700px){
#header {position:fixed;top:0;left:0;width:100%;z-index:999;height:100px;}

#header h1 a {color:#fff;}
#header h1 img {width: 180px;}
#header .menu img {width:30px;}
#header .menu img.bl {display:none;}
#header .gnb {padding-top:35px;text-align:center;font-size:0;}
#header .gnb > li {display:inline-block;margin:0 60px;}
#header .gnb > li > a{font-size:20px;color:#fff;font-weight:900;}

}
@media screen and (max-width:1600px){
#header h1 {left:2%;}
#header .menu {right:2%;}
.section .inner {padding:0 2%;}
.main-menu-type01 {right:2%;}
.section1 .swiper .arrow .prev{left: 1%;}
.section1 .swiper .arrow .next{right: 1%;}

.customer_dl {right: 4%;}


}

@media screen and (max-width:1500px){
#lnb_wrap .inner {padding:0 2%;}
.lnb_close{ right:2%;}

.count_box dl {padding:0 30px;}
.count_box dl dt {width:55%;font-size:20px;}
.count_box dl dt img {width:30px;margin-right:10px;}
.count_box dl dd {width:45%;font-size:25px;}
.count_box dl dd strong{font-size:35px;}


.value_box {width: 430px;height: 425px;top: 207px;right: 2%;}
.value_box li {width: 210px;height: 240px;}
.value_box li a {display:block;padding-top: 55px;}
.value_box li a p {margin-top:10px;color:#fff;font-size: 20px;font-weight:700;}
.value_box li a p span {font-size: 15px;}
.value_box li:before {content:"";position:absolute;width:100%;height:100%;background: url(/images/poly.png)center no-repeat;background-size:100% 100%;z-index:-1;transform:translatex(-50%);transition:0.4s all;}
.value_box li:nth-child(1) {top:0;left:50%;margin-left: -119px;}
.value_box li:nth-child(2) {bottom:0;left: -13px;}
.value_box li:nth-child(3) {bottom: 0px;right: 16px;}
.value_box li:nth-child(1):before {bottom:0;left:50%;}
.value_box li:nth-child(2):before {top:0;right:0;transform:translatex(0%);}
.value_box li:nth-child(3):before {top:0;left:0;transform:translatex(0%);}
.value_box li:hover:before {width:105%;height:105%; background: url(/images/poly_on.png)center no-repeat;background-size:100% 100%;}
.value_box li:nth-child(1) img {width:30%;}
.value_box li:nth-child(2) img {width:35%;}
.value_box li:nth-child(3) img {width:26.5%;}

.section4 .common_tit {margin-top:450px;}
.customer_dl {position: absolute;width: 400px;height: 400px;top: 121px;right: 4%;z-index:1;}
.customer_dl:before 
{content:"";position:absolute;width: 400px;height: 400px;background:url(/images/poly_img.png)center no-repeat;background-size:100% 100%;z-index:-1;  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 50s linear infinite;
  -ms-animation: rotate 50s linear infinite;
  -o-animation: rotate 50s linear infinite;
  animation: rotate 50s linear infinite;}
.customer_dl dt {position:absolute;top:50%;left:50%;color:#fff;font-size: 25px;font-weight:900;transform:translate(-50%,-50%);}
.customer_dl dd {position:absolute;width: 110px;height: 110px;z-index:3;}
.customer_dl dd a {height:100%;display:flex;align-items:center;text-align:center;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.3);transition:0.4s all;}
.customer_dl dd a span {font-size: 15px;color:#fff;width:100%;line-height:1.2;}
.customer_dl dd a:hover span {font-size:18px;}

.section5 .common_tit {margin-top:360px;}
.notice_slider_wrap {position:absolute;top: 120px;right:2%;width: 38%;}
.notice_slider_wrap .notice_slider {/* margin-top:90px; */}
.notice_slider_wrap .slick-track {margin:0;}
.notice_slider_wrap .notice_slider .label {display:block;font-size: 13px;color:#000;font-weight:700;padding-bottom: 10px;border-bottom:2px solid #000;}
.notice_slider_wrap .notice_slider .slick-list {margin:0 -15px;}
.notice_slider_wrap .notice_slider .slick-slide {margin:0 15px;}
.notice_slider_wrap .notice_slider .n_tit {margin-top: 25px;font-size: 20px;font-weight:700;color:#000;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:2.8em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .notice_slider .date {margin-top: 20px;font-size: 13px;color:#000;font-weight:300;}
.notice_slider_wrap .notice_slider .date img {display:inline-block;width: 13px;margin-right:5px;vertical-align: middle;}
.notice_slider_wrap .notice_slider .n_con {margin-top:30px;font-size: 14px;font-weight:300;color:#676767;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:4.2em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .control span {position:absolute;top:17px;cursor:pointer;}
.notice_slider_wrap:before {/*content:"";position:absolute;top:43px;left:0;width:100%;height:1px;background:#ddd;*/}
.notice_slider_wrap .control span.n_prev {left:-60px;}
.notice_slider_wrap .control span.n_next {right:-60px;}
.notice_slider_wrap .control span img{width:50px;}

.sub_contents .inner {padding:140px 3%;}
.sub_visual .txt {padding:0 3%;}

}

@media screen and (max-width:1200px){


#lnb_wrap{height:68.3333vw;padding-top: 0.6667vw;}

.menu_lnb{margin-top:6.6667vw;}
.menu_lnb > li{ min-height:26.6667vw; padding:0 2.5000vw;}
.menu_lnb > li > h3 > a.r_menu_lnb_tit{ font-size: 1.6667vw; }
.lnb_depth{margin-top:2.0833vw;}
.lnb_depth li a{ font-size:1.4167vw;  line-height:2.5000vw;}
.lnb_close{top: 1.3333vw;right:3.3333vw;}

#header h1 img {width: 15.00vw;}
#header .gnb {padding-left:100px;}
#header .gnb > li {margin:0 45px;}

.gnb_2depth {padding: 20px 0;}
.gnb_2depth li + li {margin-top: 10px;}
.gnb_2depth li a {font-size: 14px; }

#header .head_bg {height: 100px;}


.section1 .v_tit {font-size:75px;}
.section1 .v_tit p {font-size:25px;}

.section .common_tit span {padding-bottom:10px;font-size:14px;}
.section .common_tit strong {/* margin-top:40px; */ margin-top: 65px; font-size:40px;}
.section4 .common_tit strong {margin-top:40px;font-size:48px;}
.section .common_tit p {margin-top:10px;font-size:18px;}
.section2 .common_tit {margin-top:250px;}
.count_box {margin-top:0.8333vw;padding:2.9167vw 0;}
.count_box dl {padding:0 2.5000vw;}
.count_box dl dt {width:60%;font-size:1.6667vw;}
.count_box dl dt img {width:2.5000vw;margin-right:0.8333vw;}
.count_box dl dd {width:40%;font-size:2.0833vw;}
.count_box dl dd strong{font-size:2.9167vw;}
.graph_box {margin-top: 30px;width:60%;}
.graph_wrap {position:relative;margin-top:30px;height:320px;}
.graph_wrap canvas {position:absolute;top:0;left:0;width:100%;height:100%;}
.g_tit strong {padding-bottom:10px;font-size:26px;}
.g_tit span {margin-left:10px;font-size:14px;}
.g_tit.gg_tit {font-size:14px;}

.section3 .common_tit {margin-top:360px;}
.section3 a.view_more {MARGIN-TOP:90px;}
.value_box {position:absolute;width: 430px;height: 425px;top: 115px;right: 2%;}
.value_box li {position:absolute;width: 210px;height: 240px;z-index:1;text-align:center;}
.value_box li a {display:block;padding-top: 55px;}
.value_box li a p {margin-top:10px;color:#fff;font-size: 20px;font-weight:700;}
.value_box li:before {content:"";position:absolute;width:100%;height:100%;background: url(/images/poly.png)center no-repeat;background-size:100% 100%;z-index:-1;transform:translatex(-50%);transition:0.4s all;}
.value_box li:nth-child(1) {top:0;left:50%;margin-left: -119px;}
.value_box li:nth-child(2) {bottom:0;left: -13px;}
.value_box li:nth-child(3) {bottom: 0px;right: 16px;}
.value_box li:nth-child(1):before {bottom:0;left:50%;}
.value_box li:nth-child(2):before {top:0;right:0;transform:translatex(0%);}
.value_box li:nth-child(3):before {top:0;left:0;transform:translatex(0%);}
.value_box li:hover:before {width:105%;height:105%; background: url(/images/poly_on.png)center no-repeat;background-size:100% 100%;}
.value_box li:nth-child(1) img {width:30%;}
.value_box li:nth-child(2) img {width:35%;}
.value_box li:nth-child(3) img {width:26.5%;}

.notice_slider_wrap {width: 50%;top: 143px;}
.notice_slider_wrap .notice_slider {margin-top: 120px}

.footer {padding:65px 0;}
.footer .inner {}
.footer .f_logo {font-sizE:22px;}
.foot {margin-top:30px;font-size:12px;}
.foot .left {width:calc(100% - 350px);}
.foot .left a {margin-right:10px;}
.foot .left .adr {margin-top:10px;}
.foot .left span {margin-right:10px;}
.foot .left span strong {margin-right:5px;}
.foot .right {width:350px;}
.foot .right a {margin-left:10px;} 
.foot .right a img {width:35px;}
.foot .right p {margin-top:10px;font-sizE:12px;} 

}

@media screen and (max-width:1024px){

.pc_none {display:none !important;}
.tab_none {display:block !important;}
.mob_none {display:none !important;}

#lnb_wrap{height:76.7578vw;padding-top: 2.3984vw;}

.menu_lnb{margin-top:6.8359vw;}
.menu_lnb > li{ min-height:25.8789vw; padding:0 2.4414vw;}
.menu_lnb > li > h3 > a.menu_lnb_tit{ font-size: 1.7578vw; }
.lnb_depth{margin-top:1.9531vw;}
.lnb_depth li a{ font-size:1.4648vw;  line-height:2.4414vw;}
.lnb_close{top: 1.1992vw;right:3.3203vw;}

#header {height:70px;}
#header h1 {top: 18px;font-size:18px;}
#header h1 img {width: 14.65vw}
#header .menu {top:25px;}
#header .gnb {padding-top:25px;}
#header .gnb > li {margin:0 40px;}
#header .gnb > li > a{font-size:14px;}
#header .menu img {width:25px;}

#header .head_bg {top: 70px; height: 100px;}

.gnb_2depth {padding: 20px 0; width: 150px;}
.gnb_2depth li + li {margin-top: 10px;}
.gnb_2depth li a {font-size: 12px;}


/* main-menu-type01 */
.main-menu-type01 {top: 27.3438vw;}
.main-menu-type01 li {width: 17.0898vw;height: 19.5313vw;margin-left: 1.9531vw;}
.main-menu-type01 li:hover {width: 20.0195vw;}
.main-menu-type01 li:after {right: 1.9531vw;bottom: 1.9531vw;}
.main-menu-type01 .item01:after {width: 4.8828vw;height: 4.3945vw;background: url('/images/v1.png') 0 0 no-repeat;background-size:100% 100%;}
.main-menu-type01 .item02:after {width: 4.3945vw;height: 4.6875vw;background: url('/images/v2.png') 0 0 no-repeat;background-size:100% 100%;}
.main-menu-type01 .item03:after {width: 4.7852vw;height: 4.1992vw;background: url('/images/v3.png') 0 0 no-repeat;background-size:100% 100%;}
.main-menu-type01 .menu-box {width: 17.0898vw;height: 19.5313vw;padding: 2.4414vw 1.9531vw;}
.main-menu-type01 > li:hover .menu-box {width: 20.0195vw;height: 22.4609vw;}
.main-menu-type01 .default-group {font-size: 1.1719vw;}
.main-menu-type01 .default-group strong {font-size: 1.5625vw;}
.main-menu-type01 > li:hover .default-group strong {font-size: 2.1484vw;}

.section1 {}
.section1 .swiper .arrow div{width: 3.88vw;}
.section1 .v_tit {margin-top:37.1094vw;font-size:5.8594vw;}
.section1 .v_tit p {font-size:1.7578vw;margin-top:0.9766vw;}
a.view_more {margin-top:2.9297vw;padding-bottom:0.9766vw;font-size:1.1719vw;}
a.view_more img {margin-left:1.9531vw;width:2.1484vw;}
a.scroll_down {margin-top:20.5078vw;font-size:1.1719vw;}
a.scroll_down img {width:3.4180vw;margin-right:1.4648vw;}


.section .common_tit span {padding-bottom:0.9766vw;font-size:1.3672vw;}
.section .common_tit strong {margin-top:3.9063vw;font-size:3.9063vw;}
.section4 .common_tit strong {margin-top:3.9063vw;font-size:4.2063vw;}
.section .common_tit p {margin-top:0.9766vw;font-size:1.7578vw;}
.section2 .common_tit {margin-top:24.4141vw;}
.count_box {margin-top:0.8333vw;padding:2.9167vw 0;}
.count_box dl {padding:0 2.5000vw;}
.count_box dl dt {width:60%;font-size:1.6667vw;}
.count_box dl dt img {width:2.5000vw;margin-right:0.8333vw;}
.count_box dl dd {width:40%;font-size:2.0833vw;}
.count_box dl dd strong{font-size:2.9167vw;}
.graph_box {margin-top: 30px;width:60%;}
.graph_wrap {position:relative;margin-top:30px;height:320px;}
.graph_wrap canvas {position:absolute;top:0;left:0;width:100%;height:100%;}
.g_tit strong {padding-bottom:10px;font-size:26px;}
.g_tit span {margin-left:10px;font-size:16px;}
.g_tit.gg_tit em {display: block; font-size: 16px; margin-left: 40px;}

.value_box {width: 41.9922vw;height: 41.5039vw;top: 11.2305vw;right: 2%;}
.value_box li {width: 20.5078vw;height: 23.4375vw;}
.value_box li a {padding-top: 5.2406vw;}
.value_box li a p {margin-top:0.9766vw;font-size: 1.9531vw;}
.value_box li a p span {font-size: 1.4648vw;}
.value_box li:before {width:100%;height:100%;background: url(/images/poly.png)center no-repeat;background-size:100% 100%;transform:translatex(-50%);transition:0.4s all;}
.value_box li:nth-child(1) {top:0;left:50%;margin-left: -11.6211vw;}
.value_box li:nth-child(2) {bottom:0;left: -1.2695vw;}
.value_box li:nth-child(3) {bottom: 0.0000vw;right: 1.5625vw;}
.value_box li:nth-child(1):before {bottom:0;left:50%;}
.value_box li:nth-child(2):before {top:0;right:0;transform:translatex(0%);}
.value_box li:nth-child(3):before {top:0;left:0;transform:translatex(0%);}
.value_box li:hover:before {width:105%;height:105%; background: url(/images/poly_on.png)center no-repeat;background-size:100% 100%;}
.value_box li:nth-child(1) img {width:30%;}
.value_box li:nth-child(2) img {width:35%;}
.value_box li:nth-child(3) img {width:26.5%;}

.section4 .common_tit {margin-top:43.9453vw;}
.customer_dl {width: 39.0625vw;height: 39.0625vw;top: 11.8164vw;right: 4%;}
.customer_dl:before 
{width: 39.0625vw;height: 39.0625vw;background:url(/images/poly_img.png)center no-repeat;background-size:100% 100%;  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 50s linear infinite;
  -ms-animation: rotate 50s linear infinite;
  -o-animation: rotate 50s linear infinite;
  animation: rotate 50s linear infinite;}
.customer_dl dt {top:50%;left:50%;font-size: 2.4414vw;transform:translate(-50%,-50%);}
.customer_dl dd {width: 10.7422vw;height: 10.7422vw;}
.customer_dl dd a {height:100%;align-items:center;border-radius:50%;border:0.0977vw solid #fff;background:rgba(255,255,255,.3);transition:0.4s all;}
.customer_dl dd a span {font-size: 1.4648vw;width:100%;line-height:1.2;}
.customer_dl dd a:hover span {font-size:1.7578vw;}

.section5 .common_tit {margin-top:35.1563vw;}
.notice_slider_wrap {position:absolute;top: 14.1992vw;right:2%;width: 50%;}
.notice_slider_wrap .notice_slider {margin-top: 10.74vw} 
.notice_slider_wrap .slick-track {margin:0;}
.notice_slider_wrap .notice_slider .label {display:block;font-size: 1.2695vw;color:#000;font-weight:700;padding-bottom: 0.9766vw;border-bottom:0.1953vw solid #000;}
.notice_slider_wrap .notice_slider .slick-list {margin:0 -1.4648vw;}
.notice_slider_wrap .notice_slider .slick-slide {margin:0 1.4648vw;}
.notice_slider_wrap .notice_slider .n_tit {margin-top: 2.4414vw;font-size: 1.9531vw;font-weight:700;color:#000;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:2.8em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .notice_slider .date {margin-top: 1.9531vw;font-size: 1.2695vw;color:#000;font-weight:300;}
.notice_slider_wrap .notice_slider .date img {display:inline-block;width: 1.2695vw;margin-right:0.4883vw;vertical-align: middle;}
.notice_slider_wrap .notice_slider .n_con {margin-top:2.9297vw;font-size: 1.3672vw;font-weight:300;color:#676767;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:4.2em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .control span {position:absolute;top:1.6602vw;cursor:pointer;}
.notice_slider_wrap:before {/*content:"";position:absolute;top:4.1992vw;left:0;width:100%;height:0.0977vw;background:#ddd;*/}
.notice_slider_wrap .control span.n_prev {left:-5.8594vw;}
.notice_slider_wrap .control span.n_next {right:-5.8594vw;}
.notice_slider_wrap .control span img{width:4.8828vw;}

/*슬라이드 아닐때*/
.notice_slider_wrap .notice_slider > div {width:49%;}
.notice_slider_wrap .notice_slider > div + div{margin-left:2%;}

.footer {padding:6.3477vw 2%;}
.footer .inner {}
.footer .f_logo {font-sizE:2.1484vw;}
.footer .f_logo img {width: 14.65vw;}
.foot {margin-top:2.9297vw;font-size:1.1719vw;}
.foot .left {width: calc(100% - 37.1797vw);}
.foot .left a {margin-right:0.9766vw;}
.foot .left .adr {margin-top:0.9766vw;}
.foot .left span {margin-right:0.9766vw;}
.foot .left span strong {margin-right:0.4883vw;}
.foot .right {width: 37.1797vw;}
.foot .right a {margin-left:0.9766vw;} 
.foot .right a img {width:3.4180vw;}
.foot .right p {margin-top:0.9766vw;font-sizE:1.1719vw;} 

.foot .left .ft_menu {margin-top: 0.98vw;}
.foot .left .ft_menu span {   font-size: 1.1719vw; }
.foot .left .ft_menu span + span {margin-left: 0.98vw;}
.foot .left .ft_menu span + span:before {  top: 0.59vw; left: -0.59vw; height: 0.98vw; }


.sub_visual {height: 39.06vw}
.sub_visual .txt {}
.sub_visual .txt .tit {font-size:4.88vw;}
.sub_visual .txt p {font-size:1.7578vw;}
.loc .inner > li {width:22.5313vw;height: 7.3242vw;}
.loc .inner > li > a {height:100%;line-height:7.3242vw;padding-left:2.4414vw;font-size:1.4648vw;background:url('/images/s_pl.png')96% center no-repeat;background-size:1.0742vw 1.0742vw;}
.loc .inner > li.s_lnb2 > a {background-size: 1.0742vw;}
.loc .inner > li + li:before {width:0.0977vw;height:1.9531vw;background:rgba(255,255,255,.3);margin-top:-0.9766vw;}
.loc .inner > li.home {width:8.3008vw;}
.loc .inner > li.home img {width:2.4414vw;}
.loc .inner > li.on > a {background:#fff url('/images/s_pl_on.png')96% center no-repeat;background-size:1.0742vw 1.0742vw;}
.loc .inner > li.on.s_lnb2 > a {background-size:1.0742vw;}
.loc_2dep li a {height:4.8828vw;padding-left:2.4414vw;line-height:4.7852vw;font-size:1.3672vw;}

.sub_contents .inner {padding:13.6719vw 3% ;}
.sub_contents .s_tit {margin-bottom:6.8359vw;font-size:3.5156vw;}
.sub_contents .s_tit:before {height:1.9531vw;}


}

@media screen and (max-width:768px){

#navi {display: none;}

.pc_none {display:none !important;}
.tab_none {display:none !important;}
.mob_none {display:block !important;}


img.mob_i {display:inline-block;}
img.pc_i {display:none;}

.section.fp-section, .section .fp-slide, .section .fp-tableCell {height: auto !important;}
.section.section1.fp-section, .section.section1 .fp-slide, .section.section1 .fp-tableCell {height: 100vh !important;}
.section .fp-bg {transform: translateY(0%);}
.section .inner {padding:19.5313vw 2%;}
.section .footer .inner {padding:0 2% ;}
#lnb_wrap{height:100%; background:rgba(0,0,0,0.8); padding-top:0;}
#lnb_wrap .inner{float:right; position:relative; width:75.5208vw; height:100%; padding:0 7.1615vw; background:#fff;}

.lnb_logo{padding-top:16.9271vw; text-align:left;}
.lnb_logo img {width: 27.34vw;}
.lnb_logo a {font-size:7vw;}
.menu_lnb{margin-top:5.2083vw; width:100%;}
.menu_lnb > li{float:none; width:100%; min-height:auto; padding:0; border-top:1px solid #ddd;}
.menu_lnb > li:last-child{border-bottom:1px solid #ddd;}
.menu_lnb > li > h3 > a.lnb_tit{display:block; font-size: 4.5573vw; color:#14151a; line-height:13.0208vw; background:url('/images/menu_down.png') center right no-repeat; background-size:3.2552vw auto;}
.lnb_depth {display:none; margin-top:0; padding-bottom:3.9063vw;min-height:auto;}
.lnb_depth li a{display:block; font-size:3.3854vw; color:#3d3d3d;  line-height:7.1615vw;font-weight:400;}
.lnb_close{ top:4.1992vw; right:3.3203vw; }
.lnb_close img {width:3.9063vw;}
.menu_lnb > li > h3.on > a.lnb_tit{color:#d9bb95; background:url('/images/menu_up.png') center right no-repeat; background-size:3.2552vw auto;}
.lnb_depth li a:hover{color:#d9bb95;}

#header {height:13.0208vw;}
#header h1 {top:3.9063vw;font-size:3.9063vw;}
#header h1 img {width: 27.34vw;}
#header .menu {top:5.2083vw;}
#header .menu img {width:5.8594vw;}
#header .gnb {display:none;}

#header:hover .head_bg {display: none;}
#header:hover .gnb_2depth {display: none;}

/* main-menu-type01 */
.main-menu-type01 {position:static;margin-top:4.8828vw;overflow:hidden;}
.main-menu-type01 li {width: 100%;height: auto;margin: 0 0 0.9766vw;}
.main-menu-type01 li:hover {width: 100%;}
.main-menu-type01 li:after {right: 3.9063vw;bottom: auto;top:50%;transform:translatey(-50%);}
.main-menu-type01 .item01:after {width: 6.8594vw;height: 9.7656vw;background: url('/images/v1.png') center no-repeat;background-size:100% auto;}
.main-menu-type01 .item02:after {width: 6.3711vw;height: 9.7656vw;background: url('/images/v2.png') center no-repeat;background-size:100% auto;}
.main-menu-type01 .item03:after {width: 6.8594vw;height: 9.7656vw;background: url('/images/v3.png') center no-repeat;background-size:100% auto;}
.main-menu-type01 .menu-box {width: 100%;height: auto;position: static;padding: 3.4180vw 3.9063vw;}
.main-menu-type01 > li:hover .menu-box {width: 100%;height: 14.6484vw;}
.main-menu-type01 .default-group {font-size: 2.6042vw;}
.main-menu-type01 .default-group strong {font-size: 3.1250vw;}
.main-menu-type01 > li:hover .default-group strong {font-size: 2.1484vw;}

.section1 .swiper .arrow{display: none;}
.section1 .v_tit {margin-top: 0;font-size:7.8125vw;}
.section1 .v_tit p {font-size:3.2552vw;margin-top:2.6042vw;line-height:1.4;}

.scroll_btn {text-align:center;}
a.scroll_down {margin-top:6.3477vw;font-size: 2.6042vw;}
a.scroll_down img {width: 6.8594vw;margin-right:1.4648vw;}
a.view_more {MARGIN-TOP:6.7188vw;font-size:2.6042vw;}
a.view_more img {margin-left:1.9531vw;width:2.8646vw;display:inline-block}
.section3 a.view_more {MARGIN-TOP:6.7188vw;}
.section .common_tit span {padding-bottom:1.3021vw;font-size:3.2552vw;}
.section .common_tit strong {margin-top:5.2083vw;font-size:6.51vw;}
.section .common_tit p {margin-top:2.6042vw;font-size:3.2552vw;}
.section2 .common_tit {margin-top: 0;}
.count_box {margin-top:2.6042vw;padding:4.5573vw 0;}
.count_box dl {display:block;padding:0 3.9063vw;text-align:center;}
.count_box dl dt {width:100%;font-size:3.2552vw;margin-bottom:1.3021vw;}
.count_box dl dt img {display:block;width:4.5573vw;margin:0 auto 1.3021vw;}
.count_box dl dd {width:100%;font-size:3.9063vw;text-align:center;}
.count_box dl dd strong{font-size:5.8594vw;}
.graph_box {float:none;width:100%;margin-top: 4.5573vw;}
.graph_wrap {margin-top:3.9063vw;}
.g_tit strong {padding-bottom: 0.6510vw;font-size:3.3854vw; margin-left: 5.21vw;}
.g_tit span {margin-left:1.3021vw;font-size:2.6042vw;}
.g_tit.gg_tit em {font-size: 2.6042vw; margin-left: 5.2083vw;}



.section3 .common_tit {margin-top: 0;}
.value_box {position:static;margin:7.8125vw auto 0;width:75.5208vw;height:75.5208vw;top:1.1719vw;right:0;}
.value_box li {position:absolute;width: 37.1094vw;height: 42.3177vw;z-index:1;text-align:center;}
.value_box li a {display:block;padding-top:9.6719vw;}
.value_box li a p {margin-top:1.3021vw;color:#fff;font-size:3.9063vw;font-weight:700;}
.value_box li a p span {font-size: 2.6042vw;}
.value_box li:before {content:"";position:absolute;width:100%;height:100%;background: url(/images/poly.png)center no-repeat;background-size:100% 100%;z-index:-1;transform:translatex(-50%);transition:0.4s all;}
.value_box li:nth-child(1) {top:0;left:50%;margin-left:-20.1823vw;}
.value_box li:nth-child(2) {bottom:0;left: -1.9531vw;}
.value_box li:nth-child(3) {bottom:0;right: 1.3021vw;}
.value_box li:nth-child(1) img {width:11.1979vw;}
.value_box li:nth-child(2) img {width:13.0208vw;}
.value_box li:nth-child(3) img {width:9.8958vw;}

.section4 .common_tit {margin-top: 0;}
.customer_dl {position: static;margin:13.8125vw auto 0;width:70.3125vw;height:70.3125vw;top: 1.1719vw;right: 0;z-index:1;}
.customer_dl:before 
{content:"";position:absolute;width:70.3125vw;height:70.3125vw;background:url(/images/poly_img.png)center no-repeat;background-size:100% 100%;z-index:-1;  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 50s linear infinite;
  -ms-animation: rotate 50s linear infinite;
  -o-animation: rotate 50s linear infinite;
  animation: rotate 50s linear infinite;}
.customer_dl dt {position:absolute;top:50%;left:50%;color:#fff;font-size:4.5573vw;font-weight:900;transform:translate(-50%,-50%);}
.customer_dl dd {position:absolute;width:18.2292vw;height:18.2292vw;z-index:3;}
.customer_dl dd a {height:100%;display:flex;align-items:center;text-align:center;border-radius:50%;border:0.1302vw solid #fff;background:rgba(255,255,255,.3);transition:0.4s all;}
.customer_dl dd a span {font-size:2.6042vw;color:#fff;width:100%;line-height:1.2;}
.customer_dl dd a:hover {transform:scale(1.2,1.2);background:rgba(207,181,148,.9);border:0.1302vw solid rgba(207,181,148,.9);}
.customer_dl dd.c1 {top: -5%;left: 10%;}
.customer_dl dd.c2 {top: -5%;right: 10%;}
.customer_dl dd.c3 {top:35%;right: -10%;}
.customer_dl dd.c4 {bottom: -5%;right: 10%;}
.customer_dl dd.c5 {bottom: -5%;left: 10%;}
.customer_dl dd.c6 {top:35%;left: -10%;}


.section5 .common_tit {margin-top: 0;}
.notice_slider_wrap {position:static;margin:7.8125vw 0 0;top: 26.3021vw;right:0;width:100%;}
.notice_slider_wrap .notice_slider {/* margin-top:11.7188vw; */ margin-top: 0;}
.notice_slider_wrap .slick-track {margin:0;}
.notice_slider_wrap .notice_slider .label {display:block;font-size:3.3854vw;color:#000;font-weight:700;padding-bottom:1.9531vw;border-bottom:0.2604vw solid #000;}
.notice_slider_wrap .notice_slider .slick-list {margin:0 -1.9531vw;}
.notice_slider_wrap .notice_slider .slick-slide {margin:0 1.9531vw;}
.notice_slider_wrap .notice_slider .n_tit {margin-top:3.9063vw;font-size:4.4271vw;font-weight:700;color:#000;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:2.8em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .notice_slider .date {margin-top:2.6042vw;font-size:3.1250vw;color:#000;font-weight:300;}
.notice_slider_wrap .notice_slider .date img {display:inline-block;width:2.4740vw;margin-right:0.6510vw;}
.notice_slider_wrap .notice_slider .n_con {margin-top:3.9063vw;font-size:3.3854vw;font-weight:300;color:#676767;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:4.2em; line-height:1.4; word-break:keep-all;}
.notice_slider_wrap .control span {display:none !important;position:absolute;top:2.2135vw;cursor:pointer;}
.notice_slider_wrap:before {/*content:"";position:absolute;top:5.5990vw;left:0;width:100%;height:0.1302vw;background:#ddd;*/}
.notice_slider_wrap .control span.n_prev {left:-7.8125vw;}
.notice_slider_wrap .control span.n_next {right:-7.8125vw;}
.notice_slider_wrap .control span img{width:6.5104vw;}

/*슬라이드 아닐때*/
.notice_slider_wrap .notice_slider > div {width:100%;}
.notice_slider_wrap .notice_slider > div + div{margin:6.5104vw 0 0;}

.footer {padding:16.2760vw 2%;}
.footer .f_logo {font-sizE:5.2083vw;}
.footer .f_logo img {width: 27.34vw;}
.foot {margin-top:5.2083vw;font-size:2.8646vw;}
.foot .left {width:100%;}
.foot .left a {font-size:3.1250vw;margin-right: 3.3021vw;}
.foot .left .adr {margin-top:2.6042vw;}
.foot .left span {margin-right: 3.3021vw;}
.foot .left span strong {margin-right:0.6510vw;}

.foot .left .ft_menu {margin-top: 2.8646vw;}
.foot .left .ft_menu span {   font-size: 3.1250vw; display: block; }
.foot .left .ft_menu span + span {margin-left: 0;}
.foot .left .ft_menu span + span:before {display: none; top: 0.59vw; left: -0.59vw; height: 0.98vw; }



.foot .right {margin-top:1.3021vw;float:right;width:100%;text-align:left; position: static; bottom: auto; right: auto;}
.foot .right a {margin-left:1.3021vw;} 
.foot .right a img {width:5.2083vw;}
.foot .right p {margin:3.9063vw 0 6.5104vw;font-sizE: 3.1250vw;} 
.copy_pc {display:none;}
.copy_m {display:block;}




.sub_visual {height:52.0833vw;}
.sub_visual .txt {}
.sub_visual .txt .tit {font-size:6.5104vw;}
.sub_visual .txt p {font-size:3.1250vw;}
.loc .inner > li {width:calc(50% - 5.8594vw);height:11.7188vw;}
.loc .inner > li > a {height:100%;line-height:11.7188vw;padding-left:3.2552vw;font-size:3.1250vw;background:url('/images/s_pl.png')95% center no-repeat;background-size:2.3438vw 2.3438vw;}
.loc .inner > li.s_lnb2 > a {background:url('/images/s_pl.png')95% center no-repeat; background-size:2.3438vw}
.loc .inner > li + li:before {height:2.6042vw;margin-top:-1.3021vw;}
.loc .inner > li.home {width:11.7188vw;}
.loc .inner > li.home img {width:3.2552vw;}
.loc .inner > li.on > a {background:#fff url('/images/s_pl_on.png')95% center no-repeat;background-size:2.3438vw 2.3438vw;}
.loc .inner > li.on.s_lnb2 > a {background:#fff url('/images/s_pl_on.png')95% center no-repeat;background-size:2.3438vw;}
.loc_2dep li a {height:11.7188vw;padding-left:3.2552vw;line-height:11.5885vw;font-size:3.1250vw;}

.sub_contents .inner {padding:13.0208vw 3% ;}
.sub_contents .s_tit {margin-bottom:15.6250vw;font-size:5.8594vw;}
.sub_contents .s_tit:before {height:3.9063vw;}
}


