@charset "utf-8";

/* 공통 */

.cont{ position: relative; text-align: center; }
.layout{ width: 140rem; margin: 0 auto; }

/* 카운트 */

#count{ opacity: 0; position: absolute; z-index: 8; top: 45%; right: 50%; margin-right: -70rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-color: rgba(255,255,255,0.92); padding: 5.5rem 4rem 6rem; transition: all .4s; -webkit-transition: all .4s; }
#count.on{ opacity: 1; }
#count .count_text{ overflow: hidden; margin-bottom: 2.8rem; }
#count .count_tit{ float: left; display: inline-block; font-family: 'gms'; font-size: 2.4rem; color: #333; font-weight: 600; line-height: 2.7rem; }
#count .date{ float: right; display: inline-block; font-family: 'gms'; font-size: 1.8rem; color: #333; line-height: 2.7rem; }
#count ._number{ height: 7.6rem !important; line-height: 7.6rem; background-color: #C10000; border-radius: .6rem; margin-left: .6rem; }
#count .number-diy .data{ float: left; }
#count .number-diy .data:before{ float: left; content: ""; display: inline-block; width: 7.4rem; height: 7.4rem; border-radius: 50%; margin-right: 2.1rem; vertical-align: middle; background: url(../images/main/icon_graph.png) no-repeat; background-size: cover; }
#count .number-diy .unit{ float: left; display: inline-block; line-height: 7.6rem; font-size: 2rem; font-weight: 400; color: #333; font-family: 'gms'; margin-left: 1.6rem; }
#count .number-diy ._number:nth-last-child(4){ display: none !important; }

/* 메인비주얼 */

#mvisual{ position: relative; overflow: hidden; }
#mvisual .mv_slider,
#mvisual .mv_slider .slick-track, 
#mvisual .mv_slider .slick-list,
#mvisual .mv_slider .slick-slide > div{ height: 100%; }
#mvisual .mv_slider .item{ height: 100%; }
#mvisual .mv_slider .item img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: all 10s 0.5s; transition: all 10s 0.5s; }
#mvisual .slick-dots{ position: absolute; bottom: 13rem; left: 50%; margin-left: -70rem; }
#mvisual .slick-dots li{ display: inline-block; float: left; margin-left: 3rem; }
#mvisual .slick-dots li:first-child{ margin-left: 0; }
#mvisual .slick-dots button { font-size: 0; display: block; overflow: hidden; position: relative; z-index: 10; color: #fff; text-align: left; word-break: keep-all; background: none; border: 0; }
#mvisual .slick-dots button::before { opacity: .7; display: block; width: 15rem; height: 100%; padding-right: 2rem; padding-bottom: 2.1rem; font-family: 'nsk'; font-size: 1.8rem; font-weight: 100; letter-spacing: -0.13rem; border-bottom: 1px solid rgba(255,255,255,0.7); }
#mvisual .slick-dots li:nth-child(1) button::before { content: "과학과 기술을 기반으로 한 서비스업"; }
#mvisual .slick-dots li:nth-child(2) button::before { content: "고객 가치 창조와 고객 성공"; width: 14rem; }
#mvisual .slick-dots li:nth-child(3) button::before { content: "60여년의 깊이로 내일을 그려가는 리더"; }
#mvisual .slick-dots li.slick-active button::before { opacity: 1; font-weight: 300; }
#mvisual .slick-dots button::after { position: absolute; left: 0; bottom: 0; z-index: 10; width: 0; height: .1rem; background-color: rgba(255,255,255,0.7); content: ''; }
#mvisual .slick-dots li.slick-active button::after{ width: 100%; height: .4rem; background-color: #E50011; -webkit-transition: width 0.5s; transition: width 0.5s; }
#mvisual .item:after { position: absolute; left: 0; bottom: 0; z-index: 10; width: 0; height: 0.3rem; background-color: #E10025; content: ''; }
#mvisual.active .slick-current.slick-active .item::after { width: 100%; -webkit-transition: width 10s 0.5s; transition: width 10s 0.5s; }
#mvisual.active .slick-current.slick-active .img_wrap img { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-transition: all 10s 0.5s; transition: all 10s 0.5s; }
#mvisual .pagingInfo{ display: none; }
.mv_text{ position: absolute; z-index: 1; width: 140rem; top: 50%; left: 50%; transform: translate(-50%, -80%); -webkit-transform: translate(-50%, -80%); text-align: left; }
.mv_text .mv_tit{ display: inline-block; font-size: 2.8rem; font-weight: 100; letter-spacing: -0.014rem; line-height: 6rem; color: #fff; margin-bottom: 2rem; }
.mv_text .mv_tit strong{ display: block; font-size: 6rem; font-weight: 600; letter-spacing: -0.45rem; line-height: 7.4rem; background-color: #C10000; margin-bottom: 1rem; padding: 0 1.3rem .5rem }
.mv_text .mv_tit strong + strong{ display: inline-block; margin-bottom: 0; }
.mv_text p{ font-size: 2rem; font-weight: 100; letter-spacing: -0.06rem; line-height: 3rem; color: #fff; }


/* cont1 */

/* FOCUS 보도자료, 고객성공이야기 */

#cont1{ padding: 11rem 0 13rem; }
#cont1 .cont_tit{ position: relative; display: block; font-family: 'gms'; font-size: 5.4rem; font-weight: 600; color: #014DA0; line-height: 8rem; text-align: left; margin-bottom: 5rem; }
#cont1 .cont_tit:after{ position: absolute; left: 27rem; bottom: 2rem; content: ""; display: block; width: calc( 100% - 350px ); height: 1px; background-color: #ddd; }
#cont1 .newszone{ position:relative; z-index: 1; min-height: 50rem; margin-bottom: 10rem; }
.news_tab{ position: relative; display:inline-block; width:100%; }
.news_tab .tab-ul{ display: block; text-align:left;}
.news_tab .tab-ul > li{ display: block; }
.news_tab .tab-ul > li .tab_obj{display: none; position: relative; width:100%; padding-left: 61rem; }
.news_tab .tab-ul > li .tablink{ position: absolute; top: -11.2rem; left: 37.9rem; display:inline-block; font-size: 2.2rem; color:#555; line-height: 1; font-weight: 300; letter-spacing: -0.165rem; }
.news_tab .tab-ul > li:first-child .tablink{ left: 27.5rem; }
.news_tab .tab-ul > li .tablink:after{ position: absolute; bottom: -2rem; left: 0; content: ""; display: block; width: 0; height: 4px; background-color: #111; }
.news_tab .tab-ul > li.on .tablink:after{ width: 100%; -webkit-transition: width 0.5s; transition: width 0.5s; }
.news_tab .tab-ul > li.on .tablink{ color:#111; font-weight: 600; }
.news_tab .tab-ul > li.on .tab_obj{display:inline-block;}
.news_tab .tab-ul > li .tab_obj .news_list{ position: relative; width: 100%; padding-left: 25rem; margin-bottom: 5rem; }
.news_tab .tab-ul > li .tab_obj .news_list > a{ display: block; }
.news_tab .tab-ul > li .tab_obj .news_list:first-child{ position: absolute; top: 0; left: 0; width: 55rem; padding-left: 0; margin-bottom: 0; }
.news_tab .tab-ul > li .tab_obj .news_list:last-child{ margin-bottom: 0; }
.news_tab .tab-ul > li .tab_obj .news_list .img_wrap{ position: absolute; top: 0; left: 0; display: block; width: 22rem; height: 13.5rem; overflow: hidden; }
.news_tab .tab-ul > li .tab_obj .news_list .img_wrap img{ position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left: 50%; display: inline-block; width: auto; min-height: 100%; overflow: hidden; z-index: 1; }
.news_tab .tab-ul > li .tab_obj .news_list .txt_wrap{ display: block; }
.news_tab .tab-ul > li .tab_obj .news_list .news_tit{ display: block; font-size: 2rem; font-weight: 500; color: #333; line-height: 3rem; letter-spacing: -0.06rem; margin-bottom: .7rem; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_tab .tab-ul > li .tab_obj .news_list .news_tit .board-icon.new{ display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background-color: #116eb4; text-align: center; font-size: 1.2rem; font-weight: 500; vertical-align: middle; line-height: 1.8rem; margin-top: -0.2rem; color: #fff; }
.news_tab .tab-ul > li .tab_obj .news_list .news_txt{ height: 5.4rem; overflow: hidden; font-size: 1.7rem; line-height: 2.9rem; letter-spacing: -0.05rem; color: #555; margin-bottom: 2.5rem; }
.news_tab .tab-ul > li .tab_obj .news_list .date{ display: block; font-family: 'gms'; font-weight: 300; color: #999; font-size: 1.5rem; letter-spacing: 0.045rem; }
.news_tab .tab-ul > li .tab_obj .news_list:first-child .img_wrap{ position: relative; width: 100%; height: 32rem; margin-bottom: 2.5rem; }
.news_tab .tab-ul > li .tab_obj .news_list:first-child .news_tit{ font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 2rem; }
.news_tab .tab-ul > li .tab_obj .news_list:first-child .news_txt{ height: auto; max-height: 6rem; font-size: 1.7rem; line-height: 2.9rem; margin-bottom: 3rem; }
.news_tab .tab-ul > li .more{ display:none; position: absolute; top: -11.2rem; right: 0; width: 5.2rem; height: 5.2rem; border: 1px solid #aaa; border-radius: 50%; vertical-align: middle; text-align: center; line-height: 5.2rem; -webkit-transition: all 0.3s; transition: all 0.3s; }
.news_tab .tab-ul > li .more i{ font-size: 1.8rem; color: #707070; }
.news_tab .tab-ul > li.on .more{display: inline-block;}
.news_tab .tab-ul > li .more:hover, 
.news_tab .tab-ul > li .more:focus { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* FOCUS 링크 */

#cont1 .linkzone{ position: relative; }
#cont1 .linkzone ul{ padding: 2rem 1.5rem; }
#cont1 .linkzone li{ position: relative; float: left; width: calc( 12.5% - 74px ); margin-left: 6rem; }
#cont1 .linkzone li:first-child{ margin-left: 1rem; }
#cont1 .linkzone li a,
#cont1 .linkzone li span{ display: block; }
#cont1 .linkzone li a{ position: relative; z-index: 1; padding-bottom: 4rem; }
#cont1 .linkzone li a *{ transition: all .4s; -webkit-transition: all .4s; }
#cont1 .linkzone li .cir{ position: relative; width: 100px; height: 100px; background-color: #F4F6FC; border-radius: 50%; }
#cont1 .linkzone li:nth-child(5) .cir{ background-color: #EBF5FB }
#cont1 .linkzone li:nth-child(n+6) .cir{ background-color: #FBF6F6; }
#cont1 .linkzone li .cir .after{ opacity: 0; }
#cont1 .linkzone li .cir img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#cont1 .linkzone li .txt{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto; white-space: nowrap; font-size: 1.8rem; color: #2A3664; font-weight: 400; letter-spacing: -0.05rem; line-height: 2.4rem; }
#cont1 .linkzone li a:hover .cir,
#cont1 .linkzone li a:focus .cir{ background-color: #25367A; }
#cont1 .linkzone li:nth-child(5) a:hover .cir,
#cont1 .linkzone li:nth-child(5) a:focus .cir{ background-color: #0080CF }
#cont1 .linkzone li:nth-child(n+6) a:hover .cir,
#cont1 .linkzone li:nth-child(n+6) a:focus .cir{ background-color: #c91f1f; }
#cont1 .linkzone li a:hover .cir .before,
#cont1 .linkzone li a:focus .cir .before{ opacity: 0; }
#cont1 .linkzone li a:hover .cir .after,
#cont1 .linkzone li a:focus .cir .after{ opacity: 1; }
#cont1 .linkzone li a .cir:after { pointer-events: none; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; background: #F4F6FC; -webkit-transition: -webkit-transform 0.4s, opacity 0.8s; transition: transform 0.4s, opacity 0.8s;}
#cont1 .linkzone li:nth-child(n+6) a .cir:after{ background-color: #0080CF; } 
#cont1 .linkzone li:nth-child(n+6) a .cir:after{ background-color: #fcf4f4; } 
#cont1 .linkzone li a:hover .cir:after { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; }

/* cont2 */

#cont2{ height: 69rem; margin-bottom: 12.4rem; }
#cont2 .cont2_slider,
#cont2 .cont2_slider .slick-track, 
#cont2 .cont2_slider .slick-list,
#cont2 .cont2_slider .slick-slide > div{ height: 100%; }
#cont2 .cont2_slider .item{ height: 100%; }
#cont2 .cont2_slider .item .img_wrap{ position: relative; height: 62rem;overflow: hidden; }
#cont2 .cont2_slider .item .img_wrap img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; width: 100%; min-height: 100%; }
#cont2 .cont2_slider .txt_wrap{ position: absolute; width: 55rem; height: 58rem; z-index: 1; left: 50%; margin-left: -70rem; bottom: 0; padding: 7rem 6.1rem 8rem 6.15rem; text-align: left; background: rgb(1,77,160); background: -moz-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); }
#cont2 .cont2_slider .txt_wrap .cont_tit{ display: block; font-size: 4.6rem; font-weight: 600; line-height: 6.5rem; letter-spacing: -0.138rem; color: #fff; margin-bottom: 1.6rem; }
#cont2 .cont2_slider .txt_wrap .cont_tit .num{ display: inline-block; width: auto; height: 5.4rem; vertical-align: middle; margin-right: .5rem; }
#cont2 .cont2_slider .txt_wrap .cont_desc{ opacity: 0.7; font-size: 1.7rem; font-weight: 100; line-height: 3.2rem; letter-spacing: -0.05rem; margin-bottom: 2rem; color: #fff; }
#cont2 .cont2_slider .txt_wrap .cont_link{ margin-bottom: 5.5rem; min-height: 15.6rem; }
#cont2 .cont2_slider .txt_wrap .cont_link > li{ position: relative; display: block; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a{ display: block; padding: 2.6rem 0 1.9rem; color: #fff; font-size: 1.9rem; font-weight: 300; letter-spacing: -0.09rem; line-height: 3rem; border-bottom: 3px solid rgba(255,255,255,0.1); }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a:hover,
#cont2 .cont2_slider .txt_wrap .cont_link > li > a:focus{ border-color: rgba(255,255,255,0.2); font-weight: 500; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i:first-child{ margin-right: 1rem; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i:last-child{ position: absolute; bottom: 2rem; right: 1rem; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir{ display: inline-block; width: 26px; height: 26px; background: url(../images/main/ir.png) no-repeat; vertical-align: middle; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir2{ background-position: -26px 0; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir3{ background-position: -52px 0; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir4{ background-position: -78px 0; }
#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir5{ background-position: -104px 0; }
#cont2 .cont2_slider .slick-arrow{ position: absolute; z-index: 1; bottom: 12rem; right: 50%; margin-right: -70rem; display: inline-block; width: 8.5rem; height: 8.5rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); background-color: transparent; text-align: center; font-size: 0; cursor: pointer; transition: all .2s; -webkit-transition: all .2s; }
#cont2 .cont2_slider .slick-arrow:before{ content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: ""; display: inline-block; width: 1rem; height: 1.1rem; background: url(../images/main/cont2_arr_right.png) no-repeat; }
#cont2 .cont2_slider .slick-prev{ margin-right: -60.6rem; }
#cont2 .cont2_slider .slick-prev:before{ background: url(../images/main/cont2_arr_left.png) no-repeat; }
#cont2 .cont2_slider .slick-arrow:hover,
#cont2 .cont2_slider .slick-arrow:focus{ border-color: #fff; }
#cont2 .cont_down {  }
#cont2 .cont_down .group { float: left; position: relative; width: calc( 100% - 78px ); height: 6.8rem; margin-right: 1rem; }
#cont2 .cont_down .group.active button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#cont2 .cont_down .group.active ul { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding: 1rem 1.5rem 1rem 1rem; -webkit-transition: all 0.3s; transition: all 0.3s; }
#cont2 .cont_down button { position: relative; width: 100%; height: 6.8rem; padding-left: 3rem; border-radius: 1.8rem; border: 0.3rem solid #fff; color: #fff; font-size: 1.7rem; text-align: left; background: rgb(1,77,160); background: -moz-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: -webkit-linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%); background: linear-gradient(90deg, rgba(1,77,160,1) 0%, rgba(1,62,128,1) 100%);white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; padding-right: 4rem; }
#cont2 .cont_down button::after { position: absolute; top: 50%; left: auto; right: auto; font-family: "xeicon"; font-size: 1.8rem; right: 2rem; margin-top: -0.8rem; color: #fff; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; }
#cont2 .cont_down ul { visibility: hidden; overflow: hidden; width: 0; max-height: 34.5rem; height: auto; opacity: 0; position: absolute; left: 0; bottom: 100%; width: 100% !important; margin-top: 0.1rem; padding: 0; border-radius: 1rem; border: 1px solid #333; background-color: #fff; }
#cont2 .cont_down ul li a{ display: block; padding: 1rem 1.8rem; }
#cont2 .cont_down ul li a:hover,
#cont2 .cont_down ul li a:focus,
#cont2 .cont_down ul li a:active{ background-color: #EDF1F6; font-weight: 600; color: #005BBF; }
#cont2 .cont_down .btn{ float: left; position: relative; display: inline-block; width: 6.8rem; height: 6.8rem; border-radius: 50%; background-color: #E50011; color: #fff; text-align: center; }
#cont2 .cont_down .btn img{ position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50%); -webkit-transform: translate( -50%, -50%); }
#cont2 .pagingInfo{ position: absolute; bottom: 13rem; right: 50%; margin-right: -48.7rem; font-family: 'gms'; color: #fff; font-size: 3rem; line-height: 6.5rem; font-weight: 100; }
#cont2 .pagingInfo i{ display: inline-block; width: .5rem; height: 2rem; background-color: rgba(255,255,255,0.5); margin: 0 2.4rem; }
#cont2 .pagingInfo span{ font-weight: 600; }

/* cont3*/

#cont3{ margin-bottom: 7rem; }
#cont3 .cont_tit{ display: block; font-family: 'gms'; font-size: 3rem; font-weight: 600; line-height: 8rem; letter-spacing: 0.15rem; color: #333; margin-bottom: 6rem; }
#cont3 .cont_tit .blue{ color: #014DA0; }
#cont3 ul{ padding: 0 4rem; }
#cont3 ul li{ position: relative; float: left; width: calc(33.33% - 60px); margin-left: 9rem; }
#cont3 ul li:first-child{ margin-left: 0; }
#cont3 ul li a{ display: block; max-height: 6.6rem; overflow: hidden; padding: 1rem 0 1rem 11rem; text-align: left; font-size: 1.9rem; color: #333; letter-spacing: -0.14rem; line-height: 2.8rem; }
#cont3 ul li a .cir{ position: absolute; top: 0; left: 0; display: inline-block; width: 9rem; height: 9rem; border-radius: 50%; border: 1px solid #E1E1E1; text-align: center; }
#cont3 ul li a .cir img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }


/* cont4 */

#cont4{ background: url(../images/main/cont4_bg.png) left bottom no-repeat; background-size: 100% auto; }
#cont4 .layout{ display: table; table-layout: fixed; padding-top: 17%; padding-bottom: 17%; }
#cont4 .layout .cont_wrap{ display: table-cell; vertical-align: middle; }
#cont4 .cont_tit{ display: block; text-align: left; font-size: 4.2rem; font-weight: 600; line-height: 5.2rem; letter-spacing: -0.21rem; color: #fff; margin-bottom: 6.5rem; }
#cont4 .cont_txt{ opacity: 0.7; font-size: 2.2rem; line-height: 4rem; letter-spacing: -0.06rem; color: #fff; text-align: left; }


@media (max-width:1919px) {
	#mvisual .mv_slider .item img,
	#cont2 .cont2_slider .item .img_wrap img{ width: auto; }
	#cont4{ background: url(../images/main/cont4_bg.png) right bottom no-repeat; background-size: 100% 100%; }
}

@media (max-width:1499px) {
	#count{ top: 35%; margin-right: 0; right: -8rem; transform: scale(0.7) translateY(-50%); -webkit-transform: scale(0.7) translateY(-50%); }
	.layout{ width: 100%; padding: 0 2rem; }
	.mv_text{ width: 100%; padding: 0 2rem; }
	#mvisual .slick-dots{ left: 2rem; margin-left: 0; }
	#cont2 .cont2_slider .txt_wrap{ margin-left: 0; left: 2rem; }
	#cont2 .cont2_slider .slick-arrow{ margin-right: 0; right: 2rem; }
	#cont2 .cont2_slider .slick-prev{ right: 12rem; }
	#cont2 .pagingInfo{ right: 24rem; margin-right: 0; }
}

@media (max-width:1279px) {
	.mv_text .mv_tit strong{ font-size: 5rem; }
	#count .number-diy .data{ font-size: 2rem !important; }
	#count ._number,
	#count ._number * { width: 4rem !important; }
	#count{ top: 33%; right: -11.5rem; transform: scale(0.6) translateY(-50%); -webkit-transform: scale(0.6) translateY(-50%); }
	.news_tab .tab-ul > li .tab_obj{ padding-left: 50%; }
	.news_tab .tab-ul > li .tab_obj .news_list{ margin-bottom: 2rem; }
	.news_tab .tab-ul > li .tab_obj .news_list:first-child{ width: calc( 50% - 2rem); height: 26rem; }
	#cont1 .linkzone{ padding: 0; }
	#cont1 .linkzone ul{ width: 140rem; }
	#cont1 .linkzone li{ width: 9rem; }
	#cont3 ul{ padding: 0; }
}

@media (max-width:1199px) {
	
}

@media (max-width:1023px) {
	#count{ transform: scale(0.9) translate(0); top: 28rem; right: auto; left: 0; padding: 4rem 2rem 4rem; }
	#count .number-diy .data:before{ display: none; }
	#mvisual{ height: 500px !important; }
	#mvisual .mv_slider .item img{ height: 100%; }
	.mv_text{ top: 12rem; transform: translate(0, 0); left: 0; }
	.mv_text .mv_tit{ font-size: 16px; }
	.mv_text .mv_tit strong{ font-size: 2.1rem; line-height: 3rem; letter-spacing: -0.02rem; margin-bottom: 0; }
	.mv_text p{ display: none; }
	#mvisual .pagingInfo{ display: inline-block; position: absolute; bottom: 3.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: 'gms'; color: #fff; font-size: 13px; line-height: 28px; font-weight: 100; }
	#mvisual .pagingInfo i{ display: inline-block; width: .2rem; height: .9rem; background-color: rgba(255,255,255,0.5); margin: 0 1.5rem; }
	#mvisual .pagingInfo span{ font-weight: 600; }
	#mvisual .slick-arrow{ position: absolute; z-index: 1; bottom: 3rem; left: 50%; display: inline-block; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); font-size: 0; background-color: transparent; }
	#mvisual .slick-prev{ margin-left: -9rem; }
	#mvisual .slick-next{ margin-left: 4rem; }
	#mvisual .slick-prev:after{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content:""; display: inline-block; width: 4px; height: 5px; background: url(../images/main/cont2_arr_left.png) no-repeat; background-size: cover; }
	#mvisual .slick-next:after{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content:""; display: inline-block; width: 4px; height: 5px; background: url(../images/main/cont2_arr_right.png) no-repeat; background-size: cover; }
	#cont1 .cont_tit{ display: none; }
	#cont1 .newszone:before{ position: absolute; top: -3rem; left: 0; content: ""; display: block; width: calc( 100% - 7rem ); height: 1px; background-color: #ddd; }
	#cont1 .linkzone li{ width: 10.5%; margin-left: 0; }
	#cont1 .linkzone li .cir{ width: 64px; height: 64px; margin: 0 auto; }
	#cont1 .linkzone li .cir img{ width: 42%; }
	.news_tab .tab-ul > li .tablink{ top: -7rem; left: 11rem; }
	.news_tab .tab-ul > li:first-child .tablink{ left: 0; }
	.news_tab .tab-ul > li .tablink:after{ height: 2px; }
	.news_tab .tab-ul > li .more{ top: -8rem; }
	.news_tab .tab-ul > li .tab_obj{ padding-left: 0; }
	.news_tab .tab-ul > li .tab_obj .news_list{ float: left; width: 48.5%; margin-left: 3%; padding-left: 0 ; }
	.news_tab .tab-ul > li .tab_obj .news_list:first-child{ float: none; position: static; height: auto; margin-left: 0; margin-bottom: 2.2rem; width: 100%; }
	.news_tab .tab-ul > li .tab_obj .news_list:nth-child(2){ margin-left: 0; }
	.news_tab .tab-ul > li .tab_obj .news_list:nth-child(4){ display: none; }
	.news_tab .tab-ul > li .tab_obj .news_list .img_wrap{ position: relative; width: 100%; height: auto; padding-bottom: 58%; margin-bottom: 2rem; }
	.news_tab .tab-ul > li .tab_obj .news_list:first-child .img_wrap{ height: auto; }
	.news_tab .tab-ul > li .tab_obj .news_list .news_tit,
	.news_tab .tab-ul > li .tab_obj .news_list:first-child .news_tit{ margin-bottom: 8px;}
	.news_tab .tab-ul > li .tab_obj .news_list .news_txt,
	.news_tab .tab-ul > li .tab_obj .news_list:first-child .news_txt{ margin-bottom: 11px; }
	#cont2{ height: auto; margin-bottom: 25px; }
	#cont2 .cont2_slider .item .img_wrap{ height: auto; padding-bottom: 42.9%; }
	#cont2 .cont2_slider .txt_wrap{ position: static; width: 100%; height: 400px; padding: 30px 25px; }
	#cont2 .pagingInfo{ display: none; }
	#cont2 .cont2_slider .slick-arrow{ bottom: 0; top: 20%; }
	#cont2 .cont2_slider .slick-prev{ right: auto; left: 2rem; }
	#cont2 .cont_down .group{ width: calc( 100% - 63px ); }
	#cont2 .cont_down .btn{ width: 5.5rem; height: 5.5rem; }
	#cont2 .cont_down .btn img{ width: 12px; }
	#cont2 .cont2_slider .txt_wrap .cont_tit{ font-size: 24px; line-height: 36px; }
	#cont2 .cont2_slider .txt_wrap .cont_tit .num{ height: 4rem; }
	#cont2 .cont2_slider .txt_wrap .cont_tit .num img{ height: 100%; }
	#cont2 .cont2_slider .item .img_wrap img{ height: 100%; }
	#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir{ width: 15px; height: 15px; background-position: 0 -30px; }
	#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir2{ background-position: -15px -30px; }
	#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir3{ background-position: -30px -30px; }
	#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir4{ background-position: -45px -30px; }
	#cont2 .cont2_slider .txt_wrap .cont_link > li > a i.ir5{ background-position: -60px -30px; }
	#cont3{ margin-bottom: 20px; }
	#cont3 .cont_tit{ margin-bottom: 0; }
	#cont3 ul li{ float: none; width: 100%; margin-left: 0; margin-bottom: 5px; }
	#cont3 ul li a .cir{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 6rem; height: 6rem;  }
	#cont3 ul li a .cir img{ width: 40%; }
	#cont3 ul li:last-child a .cir img{ width: 24%; }
	#cont3 ul li a{ padding: 1.8rem 0 1.8rem 8rem; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; }
	#cont4 .cont_tit{ font-size: 3rem; letter-spacing: -0.1rem; line-height: 4.5rem; }
}

@media (max-width:767px) {
	#count .number-diy .data:before{ margin-right: 1rem; }
	#cont1{ padding-bottom: 20px; }
	#cont1 .newszone{ margin-bottom: 20px; }
	#cont2 .cont2_slider .slick-arrow{ top: 15%; width: 38px; height: 38px; }
	#cont2 .cont2_slider .slick-arrow:before{ width: .5rem; height: .6rem; background-size: cover; }
	#cont2 .cont_down button{ height: 44px; padding-left: 20px; }
	#cont4 .cont_tit{ max-width: 20rem; font-size: 2.2rem; font-weight: 400; letter-spacing: -0.1rem; line-height: 3.2rem; margin-bottom: 0; }
	#cont4 .cont_txt{ display: none; }
	#cont1 .linkzone ul{ padding: 0; }
	#cont1 .linkzone li{ width: auto; margin-left: 50px; }
}