@import url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css');
@font-face {
    font-family: 'Garam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_04@1.0/Garam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 서브 폰트 */
.contact .location .shadow_box h3,
.f40_tit,
.board_tab li.on a,
.input_style .input_box .item button,
.input_style h3{font-family: 'NanumSquareNeo' !important; font-weight:800;}
.btn_box a, .btn_box button{font-family: 'NanumSquareNeo' !important; }
input, select, button{font-family: 'NanumSquareNeo' !important;}
*{word-break:keep-all; font-family: 'NanumSquareNeo'}
.neo{font-family: 'NanumSquareNeo' !important;}
.he{font-family: 'Helvetica' !important;}
.ga{font-family: 'Garam' !important;}
.w1648{max-width: 1648px;}

/* 헤더 */
.header{padding-top: 32px; padding-right: 92px;}
.header .h_nav .gnb > li{margin-right: 17px;}
.header .h_nav .gnb > li:last-of-type{margin-right: 0;}

.sub{padding-top: 129px;}
.sub .tit > ul > li{position:relative;font-size:20px; padding-left: 50px; font-weight:400;}
.sub .tit > ul > li span{position:absolute; left: 0}

/* 메인 재설계 */
.main .cont .tit{width: 593px;}
.main .cont .tit h2:last-of-type,
.main .cont .tit h2{font-size:77px; font-style: normal; font-weight:800; }
.main .cont .video{width: calc(100% - 593px); padding-bottom:34.27%;}line-height: 1.1298;}
.main .cont{justify-content:space-between;}
.main p{font-size:32px; font-weight:400; margin-top: 106px;	}


.m_tab_sec .top .tit{align-items:flex-start	}
.m_tab_sec .top .tit h3{font-size:49px; font-weight:300; width: 56%;}
.m_tab_sec .top .tit h3 span{font-weight:700;}
.m_tab_sec .top .tit p{width: 44%;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt img{top: -7px;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt{width: 270px; right: 0; left: auto; bottom: -73px;}

.m_tab_sec .tab_wrap .tab li{min-width: 200px; justify-content:center;	}
.m_tab_sec .tab_wrap .tab_ctn .item .txt{padding-left: 121px;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt h3{font-style: normal; font-size:49px; font-weight:800;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span{font-size:49px;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt p{margin: 45px 0 47px;}
.m_tab_sec .tab_wrap .tab_ctn .item .txt .link a{font-weight:700;}
.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn .arrow_txt p{font-size:26px;}
.m_tab_sec .tab_wrap .tab_ctn .slider .slick-list{padding: 235px 0;}

.m_slide_wrap{padding-bottom:107px;}
.m_slide_wrap .slide_ctn .item.top,
.m_slide_wrap .slide_ctn .item{align-items:center}
.m_slide_wrap .slide_ctn .item.top .video_ctn{top: 0;}
.m_slide_wrap .slide_ctn .item .txt h2 .num{font-weight:800; font-size:68px; margin-right: 33px;}
.m_slide_wrap .slide_ctn .item:not(:first-of-type) .txt h2 .num{margin-right: 20px;}
.m_slide_wrap .slide_ctn .item .txt h2{font-size:49px; font-weight:700; line-height: 1.2857em; font-style: normal; }
.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){font-size:49px;}
.m_slide_wrap .slide_ctn .item .txt p{line-height: 1.65; margin: 19px 0 44px 80px;}
.m_slide_wrap .slide_ctn .item .txt ul li{font-weight:700;}
.m_slide_wrap .slide_ctn .item .txt ul li span{font-size:24px; font-weight:700; font-style: normal; color: #45877c;}


.m_slide_wrap .optimization{padding: 101px 121px 109px;	}
.m_slide_wrap .optimization .tit h2{font-size:71px;}
.m_slide_wrap .optimization .tit h2 span{font-size:77px; font-style: normal; font-weight:800;}
.m_slide_wrap .optimization .tit p{font-size:24px; font-weight:bold; margin-bottom:50px;}
.m_slide_wrap .optimization .video_ctn .arrow_txt p{font-size:26px;}

.m_slide_wrap .promotion{margin-top: 91px; padding: 73px 48px;}
.m_slide_wrap .promotion .txt{padding-left: 108px; box-sizing:border-box;}
.m_slide_wrap .promotion .txt p{font-size:49px; line-height: 1.285;}
.m_slide_wrap .promotion .txt h3{font-size:49px; font-weight:800; font-style: normal; line-height: 1.285;}
.m_slide_wrap .promotion .txt h3 span{font-size:49px; font-weight:800; }
.m_slide_wrap .promotion .txt ul{padding-left: 0; margin-top: 63px;}
.m_slide_wrap .promotion .txt ul li{font-size:24px; margin-bottom:25px;}
.m_slide_wrap .promotion .txt ul li span{font-style: normal; font-size:24px; font-weight:800;}


@media (max-width: 1740px){
	.m_slide_wrap .slide_ctn .item .txt h2 .num{margin-right: 10px;}
	.m_slide_wrap .slide_ctn .item .txt p{margin-left: 57px;}
	.m_slide_wrap .slide_ctn .item:not(:first-of-type) .txt h2 .num{margin-right: 0;}
}

@media (max-width: 1680px){
	.header{padding: 0 40px;}
	.main .cont .video{padding-bottom:32.27%;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt{padding-left: 80px;}
}

@media (max-width: 1500px){
	.main{padding-top: 180px;}
	.main .cont .tit h2:last-of-type,
	.main .cont .tit h2{font-size:60px;}

	.main .cont .tit{width: 500px;}
	.main .cont .video{width: calc(100% - 500px);}
	.main p{margin-top: 50px; font-size:28px; margin-left: 57px;}
	.m_tab_sec .top .tit h3{font-size:45px;}
	.m_tab_sec .tab_wrap .tab_ctn .slider .slick-list{padding: 200px 0;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span,
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3{font-size:45px;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num),
	.m_slide_wrap .slide_ctn .item .txt h2{font-size:40px;}
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:58px;}
	.m_slide_wrap .slide_ctn .item .txt p{margin-left: 56px; margin-top: 10px; margin-bottom:20px;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){margin-left: 51px;}
	.m_slide_wrap .slide_ctn .item .txt ul{margin-left: 56px;}
	.m_slide_wrap .slide_ctn .item .txt ul li{padding-left: 36px;}
	.m_slide_wrap .slide_ctn .item .txt ul li span{font-size:20px;}
	
	.m_slide_wrap .optimization .tit h2 span,
	.m_slide_wrap .optimization .tit h2{font-size:50px;}
	.m_slide_wrap .promotion{padding: 50px;}
	.m_slide_wrap .promotion .txt h3 span,
	.m_slide_wrap .promotion .txt h3,
	.m_slide_wrap .promotion .txt p{font-size:40px;}
	.m_slide_wrap .promotion .txt ul{margin-top: 20px;}
	.m_slide_wrap .promotion .txt ul li{font-size:22px; margin-bottom:12px;}
	.m_slide_wrap .promotion .txt ul li span{font-size:22px;}
}

@media (max-width: 1200px){
	.header{padding: 16px;}
	.sub{padding-top: 64px;}

	.main .cont .tit{width: 400px;}
	.main .cont .video{width: calc(100% - 400px);}
	.m_tab_sec .top .tit p,
	.m_tab_sec .top .tit h3{width: 100%;}
	.m_tab_sec .tab_wrap .tab_ctn .slider .slick-list{padding: 50px 16px;}

	.m_tab_sec .tab_wrap .tab_ctn .item .txt{padding-left: 0;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt p{margin: 14px 0;}
	.m_slide_wrap .optimization{padding: 50px 50px 70px;}
	.m_slide_wrap .promotion .txt{padding-left: 0;}
}


@media (max-width: 1000px){
	.main{padding-top: 120px;}
	.main .cont .tit h2:last-of-type,
	.main .cont .tit h2{font-size:50px;}
	.main .cont .tit{width: 100%;}
	.main .cont .video{width: 100%; padding-bottom:57%;}
	.main p{margin-left: 0; font-size:20px; margin-top: 35px;}
	.m_tab_sec .tab_wrap .tab li{min-width: auto;}
	.m_tab_sec .tab_wrap .tab_ctn .item .video_ctn{margin-bottom:120px;}
	.m_slide_wrap .optimization .tit h2 span,
	.m_slide_wrap .optimization .tit h2{font-size:40px;}
	.m_slide_wrap .promotion{padding: 30px;}
	
	.m_slide_wrap .promotion .txt h3 span,
	.m_slide_wrap .promotion .txt h3,
	.m_slide_wrap .promotion .txt p{font-size:40px;}

}

@media (max-width: 800px){
	.main .cont .tit h2:last-of-type,
	.main .cont .tit h2{font-size:40px;}

	.m_tab_sec .top .tit h3{font-size:32px;}
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3 span,
	.m_tab_sec .tab_wrap .tab_ctn .item .txt h3{font-size:32px;}
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num),
	.m_slide_wrap .slide_ctn .item .txt h2{font-size:30px;}
	
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:42px;}
	.m_slide_wrap .slide_ctn .item .txt ul,
	.m_slide_wrap .slide_ctn .item .txt p,
	.m_slide_wrap .slide_ctn .item .txt h2 span:not(.num){margin-left: 0;}
	.m_slide_wrap .slide_ctn .item .txt{position:relative; padding-left: 40px;}
	.m_slide_wrap .slide_ctn .item .txt h2 .num{position:absolute; left: 0; top:-7px;}
	.m_slide_wrap .slide_ctn .item .txt h2{line-height: 1.5em;	}
	.m_slide_wrap .optimization{padding: 30px 30px 50px;}
	.m_slide_wrap .optimization .tit h2 span,
	.m_slide_wrap .optimization .tit h2{font-size:30px;}

	.m_slide_wrap .optimization .video_ctn .arrow_txt p{font-size:20px;}
	.m_slide_wrap .optimization .video_ctn .arrow_txt{top: -41px;}
	
	.m_slide_wrap .promotion .txt h3 span,
	.m_slide_wrap .promotion .txt h3,
	.m_slide_wrap .promotion .txt p{font-size:30px;}
	
	.m_slide_wrap .promotion .txt ul li span,
	.m_slide_wrap .promotion .txt ul li{font-size:18px;}
}

@media (max-width: 640px){
	.m_slide_wrap .slide_ctn .item .txt h2 .num{font-size:38px;}
}