@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 : 레이아웃 스타일
    작성날짜 : YYYY-MM-DD 홍길동
    참고사항 : 레이아웃, 상세스타일, 메뉴스타일 분류
    분류순서 : Wrapper > Header > Content > Footer > Navigation
    속성순서 : 표시 > 위치 > 넘침/흐름 > 박스모델 > 박스모양 > 문단모양 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
 css 수정 /삭제시 주석 작성 방식
 2013.01.01(수정/삭제일자) | 홍길동(수정/삭제자) | 디자인 변경으로 인한 기존 칼라값 변경(수정/삭제사유) 
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    ## Wrapper
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

#wrap { position:relative;}

/* bxslider */
.bx-wrapper { box-shadow:none; border:none; background:none; margin-bottom:0;}

/* swiper */
.swiper-container { }

/* 상단 메뉴 커스텀 */
#hd_wrapper { display:none;}
#header_wrap { background:none;}
#gnb { border:none; background:none;}
#gnb .main-wrapper:hover .gnb_bg { border:none;}
#gnb .main-wrapper .gnb_bg { border:none;}
#gnb .main-wrapper .navi_bg { display:none;}
#gnb .main > li > ul { display:none;}
#menu-on-bg { display:none;}

/* 위로가기 */
.top_btn { display:none; position:fixed; bottom:20px; right:20px; width:60px; height:60px; z-index:1; background:#198200 url(../img/difun/arrow_top.png) center center no-repeat; border-radius:50%; cursor:pointer;}

/*.main .section.half:not(.product), .main .business-area > .section:not(.business) { height:100vh;}*/
.section.half { display:flex; flex-wrap:wrap; position:relative;}
.section.half > div { width: 50%;}

/* 카피라이트 */
.copyright { position:fixed; left:0; bottom:100px; line-height:1.8; font-family:'Inter', sans-serif; font-size:12px; transform:rotate(-90deg); z-index:1;}

/* 타이틀영역-공통 */
.dot { color:#198200;}
.main_contents .section .text-wrap { position:relative; width:960px; margin:0 auto;}
.main_contents .section .text-wrap .section-title { line-height:84px; font-family:'Inter', sans-serif; font-size:64px; font-weight:700; text-transform:uppercase;}
.main_contents .section .text-wrap .section-text { line-height:32px; margin-top:60px; font-size:18px;}
.main_contents .section .text-wrap .section-view { display:inline-block; position:relative;	margin-top:60px; padding-right:24px; font-family:'Inter', sans-serif; font-size:16px;}
.main_contents .section .text-wrap .section-view:hover .plus { transform:rotate( 180deg );}
.main_contents .section .text-wrap .section-view .plus { position:absolute; right:0; top:50%; margin-top:-6px; width:12px; height:12px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.main_contents .section .text-wrap .section-view .plus:before {	content:"";	position:absolute; left:0; top:50%;	width:12px;	height:2px;	margin-top:-1px; background:#198200;}
.main_contents .section .text-wrap .section-view .plus:after { content:""; position:absolute; top:0; left:50%; width:2px;height:12px; margin-left:-1px; background:#198200;}

/* 이미지영역-공통 */
.img-project:hover .img-wrap img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.img-wrap {	display:block; width:100%; height:100%; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}

/*-------------------------------------------------------------------
    ## 메인영역
-------------------------------------------------------------------*/
/* sec01 */
.main_contents .section.sec01 { position:relative; height:937px; background:url("../img/difun/line.png") center center repeat-y;}
.main_contents .section.sec01 .text-wrap { padding-top:200px;}
.main_contents .section.sec01 .text-wrap .section-title { font-family:'Noto Sans KR', sans-serif;}

/* sec02 */
.main_contents .section.sec02 { position:relative; height:937px; background:url("../img/difun/line.png") center center repeat-y;}
.main_contents .section.sec02 .left { position:relative;}
.main_contents .section.sec02 .left a .img-wrap { display:flex; justify-content:center; align-items:center;}
.main_contents .section.sec02 .right { position:relative;}
.main_contents .section.sec02 .right a .img-wrap { display:flex; justify-content:center; align-items:center;}
.main_contents .section.sec02 .right > ul { display:flex; flex-wrap:wrap; height:100%;}
.main_contents .section.sec02 .right > ul li { overflow:hidden;}
.main_contents .section.sec02 .right > ul li:nth-child(1) { width:100%; height:calc(72% + 336px); margin-top:-336px; background:#002b34;}
.main_contents .section.sec02 .right > ul li:nth-child(2) { width:50%; height:28%;}
.main_contents .section.sec02 .right > ul li:nth-child(2) .img-wrap img { width:100%;}
.main_contents .section.sec02 .right > ul li:nth-child(3) { width:50%; height:28%;}
.main_contents .section.sec02 .right > ul li:nth-child(3) .img-wrap img { width:100%;}
.main_contents .section.sec02 a:hover .img-wrap { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

/* sec03 */
.main_contents .section.sec03 { position:relative; height:937px; background:#e0e0e0 url("../img/difun/line.png") center center repeat-y;}
.main_contents .section.sec03 .product_box { display:flex; justify-content:center; align-items:center; height:100%;}
.main_contents .section.sec03 .product_box .bxslider { }
.main_contents .section.sec03 .product_box .bxslider li { text-align:center;}
.main_contents .section.sec03 .product_box .bxslider li img { display:inline-block;}

/* sec04 */
.main_contents .section.sec04 { position:relative; height:937px; background:url("../img/difun/sec04_bg.png") center center no-repeat; background-size:cover;}
.main_contents .section.sec04 .line { height:100%; background:url("../img/difun/line2.png") center center repeat-y;}
.main_contents .section.sec04 .text-wrap { padding-top:150px; color:#fff;}
.main_contents .section.sec04 .text-wrap .section-view { color:#fff;}

/* sec05 */
.main_contents .section.sec05 { position:relative;}
.main_contents .section.sec05 .sec05_01 { height:540px; overflow:hidden;}
.main_contents .section.sec05 .sec05_01 .img-wrap img { width:100%;}
.main_contents .section.sec05 .sec05_02 { height:540px; overflow:hidden;}
.main_contents .section.sec05 .sec05_02 .img-wrap img { width:100%;}
.main_contents .section.sec05 .sec05_03 { width:100%; height:540px; overflow:hidden;}
.main_contents .section.sec05 .sec05_03 .img-wrap img { width:100%;}
.main_contents .section.sec05 a:hover .img-wrap { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

/* sec06 */
.main_contents .section.sec06 { position:relative; height:937px; background:url("../img/difun/sec06_bg.png") center center no-repeat;}
.main_contents .section.sec06 .text-wrap { padding-top:300px;}
.main_contents .section.sec06 .text-wrap .section-title { font-family:'Noto Sans KR', sans-serif;}

/* sec07 */
.main_contents .section.sec07 { position:relative; background:#f2f2f2 url("../img/difun/line.png") center center repeat-y;}
.main_contents .section.sec07 .text-wrap { padding-top:200px;}
.main_contents .section.sec07 .text-wrap .section-view { position:absolute; top:200px; right:0; margin-top:15px;}
.main_contents .section.sec07 .sec07_box { padding-top:100px; padding-bottom:150px;}
.main_contents .section.sec07 .sec07_box .sec07_list { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:1400px; margin:0 auto;}
.main_contents .section.sec07 .sec07_box .sec07_list .img_area { overflow:hidden;}
.main_contents .section.sec07 .sec07_box .sec07_list .txt_area { margin:20px 0 50px 0; font-size:18px;}
.main_contents .section.sec07 a:hover .img-wrap { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

/* sec08 */
.main_contents .section.sec08 { position:relative; height:937px;}
.main_contents .section.sec08 .left { background:#000 url("../img/difun/line_half_bg.png") left center no-repeat;}
.main_contents .section.sec08 .left .text-wrap { width:auto; margin:auto; padding-top:300px; padding-left:480px; color:#fff;}
.main_contents .section.sec08 .left .text-wrap .control_box { display:inline-block; margin-top:60px;}
.main_contents .section.sec08 .left .text-wrap .control_box .img_con { cursor:pointer;}
.main_contents .section.sec08 .left .text-wrap .section-view { margin-top:0; margin-left:15px; color:#fff;}

.main_contents .section.sec08 .right .product-container2 .swiper-wrapper li { height:937px; overflow:hidden;}
.main_contents .section.sec08 .right .product-container2 .swiper-wrapper li:nth-child(1) { background:url("../img/difun/sec08_img01.png") center center no-repeat; background-size:cover;}
.main_contents .section.sec08 .right .product-container2 .swiper-wrapper li:nth-child(2) { background:url("../img/difun/sec08_img02.png") center center no-repeat; background-size:cover;}
.main_contents .section.sec08 .right .product-container2 .swiper-wrapper li:nth-child(3) { background:url("../img/difun/sec08_img03.png") center center no-repeat; background-size:cover;}

/* sec09 */
.main_contents .section.sec09 { position:relative; height:1105px; background:#f2f2f2 url("../img/difun/line.png") center center repeat-y;}
.main_contents .section.sec09 .text-wrap { padding-top:70px; padding-left:480px;}
.main_contents .section.sec09 .youtube-wrap { position:relative; display:inline-block; margin-left:58px; padding-top:40px;}
.main_contents .section.sec09 .youtube-wrap .youtube_img { cursor:pointer;}
.main_contents .section.sec09 .youtube-wrap #mov_01 { display:none; position:absolute; top:71px; left:437px; width:910px; height:499px; z-index:1;}
@media screen and (min-width: 1921px) {
.main_contents .section.sec09 .youtube-wrap { margin-left:20%}
}

/* sec10 */
.main_contents .section.sec10 { position:relative; height:937px; background:url("../img/difun/sec10_bg.png") center center no-repeat;}
.main_contents .section.sec10 .text-wrap { padding-top:300px;}