@charset "utf-8";

/* main_visual */
.main_visual{width:100%;}
.main_visual .visual01{height:100vh; /*background-image:url('http://dgraib.com/img/main_visual01.jpg');*/ background-size:cover; background-position:center right 20%; }
.main_visual .visual01 .video_box{height:100%; width:100%; position:relative; top:0; right:0; bottom:0; left:0; overflow:hidden;}
.main_visual .visual01 .video_box video{position:absolute; left:50%; top:0; width:auto; height:100%; object-fit: cover; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.main_visual .visual01 .text{width:100%; max-width:1400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;}
.main_visual .visual01 .text h4{margin:0; padding-left:10px; font-size:30px; color:#fff; letter-spacing:-0.045em; font-weight:200; line-height:1.1;}
.main_visual .visual01 .text h5{margin:0; font-size:60px; color:#fff; letter-spacing:-0.045em; font-weight:400;}
.main_visual .visual01 .text p{margin:40px 0 50px; font-size:18px; color:#c5d9ec; letter-spacing:-0.045em; font-weight:300;}
.main_visual .visual01 .text p.line{padding-left:20px; box-sizing:border-box; position:relative;}
.main_visual .visual01 .text p.line:before{content:""; width:2px; height:80%; background:#0fbede; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_visual .visual01 .text a{display:block; width:235px; height:62px; background:#0fbede; border-radius:30px; line-height:62px; font-weight:500; text-align:center; font-size:18px; color:#fff; letter-spacing:0em}


.main_visual .visual02{height:100vh; background-image:url('http://dgraib.com/img/main_visual02.jpg'); background-size:cover; background-position:center center; }
.main_visual .visual02 .text{width:100%; max-width:1400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;}
.main_visual .visual02 .text h4{margin:0; font-size:30px; color:#070f10; letter-spacing:-0.045em; font-weight:200; line-height:1.1;}
.main_visual .visual02 .text h5{margin:0; font-size:60px; color:#070f10; letter-spacing:-0.045em; font-weight:400;}
.main_visual .visual02 .text p{margin:40px 0 50px; font-size:18px; color:#888888; letter-spacing:-0.045em; font-weight:300;}
.main_visual .visual02 .text p.line{padding-left:20px; box-sizing:border-box; position:relative;}
.main_visual .visual02 .text p.line:before{content:""; width:2px; height:80%; background:#0fbede; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}

.main_visual .text h4 {opacity:0; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); -o-transform:translateX(-100px); transform:translateX(-100px); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.main_visual .text h5 {opacity:0; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); -o-transform:translateX(-100px); transform:translateX(-100px); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.main_visual .text p {opacity:0; -webkit-transform:translateX(-80px); -moz-transform:translateX(-80px); -ms-transform:translateX(-80px); -o-transform:translateX(-80px); transform:translateX(-80px); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; }

.main_visual .swiper-slide-active .text h4 {opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
.main_visual .swiper-slide-active .text h5 {opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
.main_visual .swiper-slide-active .text p {opacity:1; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}

/*
.main_visual .visual02{height:100vh; background-image:url('http://dgraib.com/img/main_visual02.jpg'); background-size:cover; background-position:center center; }
.main_visual .visual02 .text{text-align:center; width:100%; max-width:1400px; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;}
.main_visual .visual02 .text h4{margin:0; font-size:38px; color:#070f10; letter-spacing:-0.045em; font-weight:200; line-height:1.1;}
.main_visual .visual02 .text h5{margin:0; font-size:58px; color:#070f10; letter-spacing:-0.045em; font-weight:400;}
.main_visual .visual02 .text p{word-break:keep-all; margin:40px 0 50px; font-size:18px; color:#708ea3; letter-spacing:-0.045em; font-weight:300;}
.main_visual .visual02 .text p b{font-weight:500; color:#3e4b52;}
.main_visual .visual02 .text p.line{padding-left:20px; box-sizing:border-box; position:relative;}
.main_visual .visual02 .text p.line:before{content:""; width:2px; height:80%; background:#0fbede; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_visual .visual02 .text a{display:block; width:235px; height:62px; margin:0 auto; background:#0fbede; border-radius:30px; line-height:62px; font-weight:500; text-align:center; font-size:18px; color:#fff; letter-spacing:0em}

.main_visual .visual03{height:100vh; background-image:url('http://dgraib.com/img/main_visual03.jpg'); background-size:cover; background-position:center center; }
.main_visual .visual03 .text{width:100%; max-width:1400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;}
.main_visual .visual03 .text .right{float:right;}
.main_visual .visual03 .text h4{margin:0; font-size:38px; color:#070f10; letter-spacing:-0.045em; font-weight:200; line-height:1.1;}
.main_visual .visual03 .text h5{margin:0; font-size:58px; color:#070f10; letter-spacing:-0.045em; font-weight:400;}
.main_visual .visual03 .text p{word-break:keep-all; margin:40px 0 50px; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300;}
.main_visual .visual03 .text p b{font-weight:500; color:#3e4b52;}
.main_visual .visual03 .text p.line{padding-left:20px; box-sizing:border-box; position:relative;}
.main_visual .visual03 .text p.line:before{content:""; width:2px; height:80%; background:#0fbede; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_visual .visual03 .text a{display:block; width:235px; height:62px; background:#0fbede; border-radius:30px; line-height:62px; font-weight:500; text-align:center; font-size:18px; color:#fff; letter-spacing:0em}
*/
.main_visual .aside{position:absolute; left:50%; bottom:50%; z-index:2; -webkit-transform:translate(-248%,640%); -moz-transform:translate(-248%,640%); -ms-transform:translate(-248%,640%); -o-transform:translate(-248%,640%); transform:translate(-248%,640%); }
.main_visual .aside .bar_wrap{display:inline-block; vertical-align:middle;}
.main_visual .aside .bar_wrap span{display:inline-block; vertical-align:middle; font-size:16px; color:#09526d; letter-spacing:0em; font-weight:500;}
.main_visual .aside .bar_wrap span.now{color:#09526d}
.main_visual .aside .bar_wrap .swiper-scrollbar{width:220px; height:2px; background:rgba(255,255,255,0.6); display:inline-block; vertical-align:middle; margin:0 10px;}
.main_visual .aside .bar_wrap .swiper-scrollbar .swiper-scrollbar-drag{background:#09526d;}
.main_visual .aside .dot_wrap{display:inline-block; vertical-align:middle; margin-left:30px;}
.main_visual .aside .dot_wrap .swiper-pagination{position:static;}
.main_visual .aside .dot_wrap .swiper-pagination span{width:26px; height:26px; border-radius:50%; background:transparent; display:inline-block; vertical-align:middle; position:relative; margin:0 4px; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_visual .aside .dot_wrap .swiper-pagination span:before{content:""; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.main_visual .aside .dot_wrap .swiper-pagination span.swiper-pagination-bullet-active{background:rgba(255,255,255,0.4);}

.main_visual .scroll_box{position:absolute; right:100px; bottom:80px; z-index:2;}
.main_visual .scroll_box p{display:inline-block; vertical-align:middle; font-size:16px; color:#fff; letter-spacing:0em; font-weight:500; margin-right:20px;}
.main_visual .scroll_box span{display:inline-block; vertical-align:middle; position:relative; top:-2px;}
.main_visual .scroll_box span i{animation: animate 1.6s linear infinite; display:inline-block; vertical-align:middle; margin-right:2px;}
.main_visual .scroll_box span i:nth-of-type(1){}
.main_visual .scroll_box span i:nth-of-type(2){animation-delay:0.4s;}
.main_visual .scroll_box span i:nth-of-type(3){animation-delay:0.8s;}

@keyframes animate{
	0%{
		opacity:0;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
.main_visual .scroll{z-index:100; width: 100%;position:absolute;bottom: 70px;left: 0;text-align: center;animation: scroll 2s ease-in-out 0s infinite forwards;}
.main_visual .scroll img{width: 10px;}
.main_visual .scroll span{display: block;margin-top: 10px;font-size: 14px;color: #fff; font-weight: 500;}


@media all and (max-width:1400px){
	.main_visual .visual01 .text{width:93.75%}
	.main_visual .visual02 .text{width:93.75%}
	.main_visual .visual03 .text{width:93.75%}
	.main_visual .aside{left:40px; bottom:50%; -webkit-transform:translate(0,570%); -moz-transform:translate(0,570%); -ms-transform:translate(0,570%); -o-transform:translate(0,570%); transform:translate(0,570%);}
	.main_visual .scroll_box{right:20px; bottom:60px;}
}
@media all and (max-width:1000px){
	.main_visual .visual01{ background-image:url('http://dgraib.com/img/main_visual_m.jpg'); }
	.main_visual .visual02{ background-image:url('http://dgraib.com/img/main_visual_m2.jpg'); }
	.main_visual .visual01 .text{top:75%}
	.main_visual .visual01 .text p{font-size:20px; word-break:keep-all;}
	.main_visual .visual01 .text p.line:before{height:90%}
	.main_visual .aside {left:50%; bottom:105px; width:100%; text-align:center; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); }
	.main_visual .aside .dot_wrap{display:block; margin:20px 0 0;}
	.main_visual .scroll_box{text-align:center; left:50%; bottom:60px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
}

/* main_tit */
.main_tit{text-align:center;}
.main_tit p{font-size:42px; font-weight:500; letter-spacing:0; color:#222222; font-family: 'Montserrat';}
.main_tit span{display:block; font-size:18px; letter-spacing:-0.045em; color:#444444; margin-top:10px;}
.main_tit.type01{}
.main_tit.type01 p{color:#fff;}
.main_tit.type01 span{color:#fff;}


/* main_con01 */
.main_con01{padding:100px 0;}
.main_con01 ul{font-size:0;}
.main_con01 ul li{display:inline-block; vertical-align:top; margin-top:90px; text-align:center; width:calc(33.3333% - 84px); margin-right:125px;}
.main_con01 ul li:last-of-type{margin-right:0; }
.main_con01 ul li p{font-size:85px; font-weight:bold; letter-spacing:-0.045em; color:#000000; font-family: 'Montserrat'; padding-bottom:40px; border-bottom:1px solid #efefef;}
.main_con01 ul li p b{font-size:22px; letter-spacing:-0.045em; color:#222222; font-family:'Noto Sans KR', sans-serif; font-weight:500; margin-left:10px;}
.main_con01 ul li p strong{font-weight:bold; position:relative;}
.main_con01 ul li p strong:before{content:''; position:absolute; top:-20px; left:-20px; width:10px; height:4px; background:#0fbede}
.main_con01 ul li p strong:after{content:''; position:absolute; top:-20px; left:-20px; width:4px; height:10px; background:#0fbede}
.main_con01 ul li span{display:block; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#222222; line-height:28px; margin-top:35px;}
.main_con01 ul li span b{display:block; font-size:16px; font-weight:300; color:#222222}


@media all and (max-width:1000px){
	.main_con01 ul li{margin-right:65px; width:calc(33.3333% - 44px);}
	.main_con01 ul li p{font-size:65px;}
	.main_con01 ul li p b{font-size:18px;}
}

@media all and (max-width:767px){
	.main_con01 ul li{margin-right:0; width:100%;}
	.main_con01 ul li p{font-size:85px;}
	.main_con01 ul li p b{font-size:22px;}
}

/* main_con02 */
.main_con02{background:url('http://dgraib.com/img/main_con02_bg.jpg') no-repeat center / cover; padding:100px 0;}
.main_con02 ul{font-size:0;}
.main_con02 ul li{display:inline-block; vertical-align:top; width:calc(33.3333%  - 30px); margin-right:40px; box-sizing:border-box; text-align:center; padding:60px 0; border:1px solid #708994 ; margin-top:55px; position:relative}
.main_con02 ul li:last-of-type{margin-right:0;}
.main_con02 ul li:before{content:''; position:absolute; width:40px; height:1px; background:#708994; right:-40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.main_con02 ul li:last-of-type:before{display:none;}
.main_con02 ul li p{font-size:22px; font-weight:bold; letter-spacing:0; color:#ffffff; padding-top:20px;}
.main_con02 ul li span{display:block; font-size:16px; font-weight:300; letter-spacing:0; color:#fff; margin:50px auto 40px; position:relative; line-height:26px; word-break:keep-all; min-height:104px;}
.main_con02 ul li span:before{content:''; position:absolute; left:50%; top:-20px; width:20px; height:2px; background:#fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
.main_con02 ul li a {display:block; text-align:center;}
/*.main_con02 ul li a{display:block; width:150px; height:40px; background:#0fbede; border-radius:20px; font-size:16px; font-weight:500; letter-spacing:0; color:#fff; font-family: 'Montserrat'; line-height:40px; margin:0 auto;}*/

@media all and (max-width:1000px){
	.main_con02 ul li{padding:60px 20px; width:100%; margin-right:0;}
	.main_con02 ul li:before{display:none;}
}

.main_con03{padding:100px 0;}
.main_con03 .main_con03_list{margin-top:55px; overflow:visible;}
.main_con03 .main_con03_list:before{content:''; position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:2;}
.main_con03 .main_con03_list:after{content:''; position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:2;}
.main_con03 .main_con03_list .swiper-slide{border-bottom:1px solid #0fbede; position:relative; cursor:pointer;}
.main_con03 .main_con03_list .swiper-slide:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:-1;}
.main_con03 .main_con03_list .swiper-slide.swiper-slide-active:before{background:none}
.main_con03 .main_con03_list .swiper-slide.swiper-slide-next:before{background:none}
.main_con03 .main_con03_list .swiper-slide.swiper-slide-next + div:before {background:none}
.main_con03 .main_con03_list .img_box{width:100%;}
.main_con03 .main_con03_list .img_box img{width:100%;}
.main_con03 .main_con03_list .txt_box{padding:30px 0 55px; }
.main_con03 .main_con03_list .txt_box i{display:block; font-style:inherit; font-size:14px; font-weight:500; letter-spacing:0; color:#0fbede;font-family: 'Montserrat'; height:34px; line-height:34px;}
.main_con03 .main_con03_list .txt_box p{font-size:22px; font-weight:500; letter-spacing:-0.045em; color:#444444; line-height:38px; display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 15px; text-align:justify}
.main_con03 .main_con03_list .txt_box span{display:inline-block; width:100%; height:60px; line-height:30px; font-size:16px; letter-spacing:-0.045em; color:#222222; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:justify}
.main_con03 .swiper-button-prev{background:url('http://dgraib.com/img/main_con03_prev.png') no-repeat center; width:30px; height:46px; z-index:99; left:-60px;}
.main_con03 .swiper-button-next{background:url('http://dgraib.com/img/main_con03_next.png') no-repeat center; width:30px; height:46px;  z-index:99;right:-60px; }

@media all and (max-width:1400px){
	.main_con03 .main_con03_list{overflow:hidden;}
	.main_con03 .main_con03_list:before{display:none;}
	.main_con03 .main_con03_list:after{display:none;}
	.main_con03 .swiper-button-prev{left:10px;}
	.main_con03 .swiper-button-next{right:10px;}
}
@media all and (max-width:1000px){
	.main_con03 .swiper-button-prev,.main_con03 .swiper-button-next{display:none;}
}

.main_con04{padding:100px 0 90px; background:#fafafa;}
.main_con04 .main_con04_list{margin-top:55px; overflow:visible;}
.main_con04 .main_con04_list:before{content:''; position:absolute; left:-100%; top:-10%; width:100%; height:120%; background:#fafafa; z-index:2;}
.main_con04 .main_con04_list:after{content:''; position:absolute; right:-100%; top:-10%; width:100%; height:120%; background:#fafafa; z-index:2;}
.main_con04 .main_con04_list .swiper-slide{background:#fff; box-shadow: 3px 3px 15px -7px; -webkit-box-shadow: 3px 3px 15px -7px; }
.main_con04 .main_con04_list .swiper-slide img{width:100%;}
.main_con04 .main_con04_list .swiper-slide p{padding:20px 0 30px; position:relative; font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#222222; text-align:center;}
.main_con04 .main_con04_list .swiper-slide p:before{content:''; position:absolute; top:0; left:50%; width:50px; height:1px; background:#d8d8d8; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con04 .swiper-pagination-fraction{font-size:16px; font-weight:500; letter-spacing:0; color:#222; font-family: 'Montserrat'; }
.main_con04 .swiper-button-prev{background:url('http://dgraib.com/img/main_con04_prev.png') no-repeat center; width:30px; height:46px; left:-60px; z-index:99;}
.main_con04 .swiper-button-next{background:url('http://dgraib.com/img/main_con04_next.png') no-repeat center; width:30px; height:46px; right:-60px; z-index:99;}

@media all and (max-width:1400px){
	.main_con04 .main_con04_list{overflow:hidden;}
	.main_con04 .main_con04_list:before{display:none;}
	.main_con04 .main_con04_list:after{display:none;}
	.main_con04 .swiper-button-prev{left:10px;}
	.main_con04 .swiper-button-next{right:10px;}
}

@media all and (max-width:1000px){
	.main_con04 .swiper-button-prev,.main_con04 .swiper-button-next{display:none;}
}

/* main_con05 */
.main_con05{padding:100px 0 0;}	
.main_con05 .main_tit{padding-bottom:60px;}
.main_con05 .main_con05_box{background:url('http://dgraib.com/img/main_con05_bg.jpg') no-repeat center / cover; padding-top:125px;}
.main_con05 .main_con05_box ul{width:50%; margin-left:auto;}
.main_con05 .main_con05_box ul li{padding:40px; background:rgba(0,0,0,0.7); margin-bottom:5px; box-sizing:border-box; position:relative; cursor:pointer;}
.main_con05 .main_con05_box ul li:nth-of-type(2){margin-bottom:0;}
.main_con05 .main_con05_box ul li:before{content:''; position:absolute; right:-1000%; top:0; width:1000%; height:100%; background:rgba(0,0,0,0.7);}
.main_con05 .main_con05_box ul li p{font-size:22px; font-weight:500; letter-spacing:-0.045em; color:#fff;}
.main_con05 .main_con05_box ul li p i{display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:10px;}
.main_con05 .main_con05_box ul li span{display:block; font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#e0e0e0; line-height:26px; position:relative;}
.main_con05 .main_con05_box ul li span:before{content:''; position:absolute; right:0; bottom:0; width:78px; height:12px; background:url('http://dgraib.com/img/main_con05_icon03.png') no-repeat center;}

@media all and (max-width:1000px){
	.main_con05 .main_con05_box ul{width:100%;}
	.main_con05 .main_con05_box ul li:before{display:none;}
}