@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
/* main_tit */
.main_tit{position:relative; margin-bottom:40px;}
.main_tit h3{font-size:40px; color:#222222; letter-spacing:-0.025em; font-weight:700; line-height:1.2; margin:0;}
.main_tit h4{font-size:30px; color:#222222; letter-spacing:-0.075em; font-weight:700; line-height:1.2; margin:0;}
.main_tit i{display:inline-block; width:48px; height:5px; background:#0a9ff3; margin-top:15px;}
.main_tit a{position:absolute; bottom:0; right:0; display:block; font-size:16px; color:#222222; letter-spacing:-0.05em; font-weight:400; padding:8px 28px; border:1px solid #1b1b1b; border-radius:40px;}
.main_tit.center{text-align:center;}

.main_tit.type02{}
.main_tit.type02 h3{color:#ffffff;}
.main_tit.type02 i{background:#ffffff;}

/* prod_list */
.prod_list{}
.prod_list ul li{cursor:pointer;}
.prod_list .img_box{position:relative; padding-bottom:125%; background:#f9f9f9; overflow:hidden;}
.prod_list .img_box img{position:absolute; top:50%; left:50%; width:100%; max-width:calc(100% - 30px); max-height:calc(100% - 30px); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); box-shadow:0 16px 20px rgba(0, 0, 0, 0.08); overflow:hidden;}
.prod_list .txt_box{padding:20px 5px 50px;}
.prod_list .txt_box h6{font-size:16px; coloR:#999999; letter-spacing:-0.045em; font-weight:300; margin:0;}
.prod_list .txt_box h5{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; margin:5px 0; }
.prod_list .txt_box p{font-size:16px; color:#999999; letter-spacing:-0.045em; font-weight:300; line-height:1.6;}
.prod_list .txt_box p i{display:inline-block; vertical-align:middle; width:1px; height:14px; background:#eeeeee; margin:-2px 8px 0; }

.prod_list ul.grid05{font-size:0; letter-spacing:-4px;}
.prod_list ul.grid05 li{display:inline-block; vertical-align:top; width:calc(20% - 16px); margin-right:20px;}
.prod_list ul.grid05 li:nth-of-type(5n){margin-right:0;}

.prod_list.slider{margin-bottom:20px;}
.prod_list.slider{width:calc(100% + 30px); margin-left:-15px;}
.prod_list.slider .txt_box h6{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prod_list.slider .txt_box h5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; max-height:2.8em;}
.prod_list.slider .slick-slide{margin:0 15px;}
.prod_list.slider .slick-prev{top:35%; left:-30px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_prod_prev.png') no-repeat center center; border-radius:50%; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05); z-index:1;}
.prod_list.slider .slick-prev:before{display:none;}
.prod_list.slider .slick-prev:hover{background:#3bb2f5 url('/img/main_prod_prev.png') no-repeat center center; box-shadow:none;}
.prod_list.slider .slick-next{top:35%; right:-30px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_prod_next.png') no-repeat center center; border-radius:50%; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05);z-index:1;}
.prod_list.slider .slick-next:before{display:none;}
.prod_list.slider .slick-next:hover{background:#3bb2f5 url('/img/main_prod_next.png') no-repeat center center; box-shadow:none;}
.prod_list.slider .slick-dots li{width:auto; height:auto; margin:5px;}
.prod_list.slider .slick-dots li button{width:11px; height:11px; padding:0; border-radius:50%; background:#eaeaea;}
.prod_list.slider .slick-dots li button:before{display:none;}
.prod_list.slider .slick-dots li.slick-active button{background:#3bb2f5;}

@media all and (max-width:1200px){
	.prod_list .txt_box{padding:20px 0 40px;}
	.prod_list.slider .slick-prev{left:0;}
	.prod_list.slider .slick-next{right:0;}
}
@media all and (max-width:1000px){
	.prod_list ul.grid05 li{width:calc(33.333333% - 13.4px);}
	.prod_list ul.grid05 li:nth-of-type(5n){margin-right:20px;}
	.prod_list ul.grid05 li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:767px){
	.prod_list ul.grid05 li{width:calc(50% - 10px);}
	.prod_list ul.grid05 li:nth-of-type(3n){margin-right:20px;}
	.prod_list ul.grid05 li:nth-of-type(2n){margin-right:0;}
}


/* ==========================================================================
	main
========================================================================== */
.main_visual .slick-slide{position:relative; height:459px; overflow:hidden;}
.main_visual .slick-slide a{display:block; height:100%;}
.main_visual .slick-slide img.pc_ver{position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.main_visual .slick-slide img.m_ver{position:absolute; top:50%; left:50%; display:none; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.main_visual .slick-slide .video_box{background:#000; height:100%; text-align:center;}
.main_visual .slick-slide .video_box .video{position:relative; display:inline-block; height:100%; width:100%; max-width:818px;}
.main_visual .slick-slide .video_box .video iframe{position:absolute; top:0; left:50%; width:100% !important; height:100% !important; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.main_visual .text{position:absolute; top:45%; left:50%; width:94%; max-width:1200px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); z-index:1;}
.main_visual .text h6{display:inline-block; font-size:13px; color:#2d2a2a; letter-spacing:0.1em; font-weight:300; margin:0; padding:5px 10px; border:1px solid #2d2a2a; border-radius:30px;}
.main_visual .text h2{font-size:48px; color:#2d2a2a; letter-spacing:-0.045em; font-weight:700; line-height:1.2;  margin:10px 0;}
.main_visual .text p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; }

.main_visual .slick-dots{display:inline-block; width:auto; bottom:100px; left:10%; text-align:left; background:rgba(0, 0, 0, 0.2); padding:4px 7px; border-radius:30px;}
.main_visual .slick-dots li{display:inline-block; vertical-align:middle; width:auto; height:auto; margin:8.5px 5px;}
.main_visual .slick-dots li button{width:8px; height:8px; padding:0; border-radius:50%; background:#fff; box-sizing:border-box;}
.main_visual .slick-dots li button:before{display:none;}
.main_visual .slick-dots li.slick-active{margin:5px;}
.main_visual .slick-dots li.slick-active button{width:15px; height:15px; border:4px solid #0080c8;}

.main_visual .slick-prev{left:60px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_visual_prev.png') no-repeat center center; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05); border-radius:50%; z-index:10;}
.main_visual .slick-prev:before{display:none;}
.main_visual .slick-prev:hover{background-color:#0080c8; box-shadow:none; }
.main_visual .slick-next{right:60px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_visual_next.png') no-repeat center center; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05); border-radius:50%; z-index:10;}
.main_visual .slick-next:before{display:none;}
.main_visual .slick-next:hover{background-color:#0080c8; box-shadow:none; }

@media all and (max-width:1940px){
	.main_visual .slick-slide > img{position:relative; top:0; width:auto; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
}
@media all and (max-width:1200px){
	.main_visual .text h2{font-size:40px;}
	.main_visual .slick-slide{height:300px;}
	.main_visual .slick-slide img.pc_ver{display:none;}
	.main_visual .slick-slide img.m_ver{display:block;}
	.main_visual .slick-slide .video_box .video{max-width:480px;}
	.main_visual .slick-dots{bottom:40px; left:5%;}
	.main_visual .slick-prev{left:10px;}
	.main_visual .slick-next{right:10px;}
}


.main_con01{padding:80px 0 40px; overflow:hidden;}
.main_con01 .con01{padding-bottom:60px;}
.main_con01 .con02{padding:60px 0; border-top:1px solid #efefef;}

@media all and (max-width:1200px){
	.main_con01{padding:30px 0; }
	.main_con01 .con01{padding-bottom:40px;}
	.main_con01 .con02{padding:40px 0;}
}

.main_con02{padding:100px 0; background:#f1f9fe; overflow:hidden;}
.main_con02 ul{width:calc(100% + 50px); margin-left:-25px;}
.main_con02 .slick-slide{position:relative; margin:0 25px 60px; cursor:pointer;}
.main_con02 .slick-dots{bottom:0;}
.main_con02 .slick-dots li{width:auto; height:auto; margin:5px;}
.main_con02 .slick-dots li button{width:11px; height:11px; padding:0; border-radius:50%; background:#eaeaea;}
.main_con02 .slick-dots li button:before{display:none;}
.main_con02 .slick-dots li.slick-active button{background:#3bb2f5;}

.main_con02 .img_box img{width:100%;}
.main_con02 .txt_box{position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:60px 40px; background:rgba(30, 47, 57, 0.7); box-sizing:border-box; z-index:1;}
.main_con02 .txt_box h6{display:inline-block; font-size:14px; color:#fff; letter-spacing:0em; font-weight:400; margin:0; background:rgba(255, 255, 255, 0.3); padding:5px 12px; margin-bottom:40px;}
.main_con02 .txt_box h5{font-size:24px; color:#fff; letter-spacing:-0.045em; font-weight:700; line-height:1.4; margin:0; word-break:keep-all;}
.main_con02 .txt_box p{font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:400; line-height:1.6; word-break:keep-all; margin-top:10px;}

.main_con02 .slick-slide:hover .img_box{box-shadow:0 16px 30px rgba(0, 0, 0, 0.24);}
.main_con02 .slick-slide:hover .txt_box{background:rgba(15, 49, 69, 0.97);}
.main_con02 .slick-slide:hover .txt_box:before{content:''; position:absolute; bottom:40px; right:40px; display:block; width:69px; height:11px; background:url('/img/main_con02_arrow.png') no-repeat center center / contain;}
.main_con02 .slick-slide:hover .txt_box h6{color:#3bb2f5; padding:4px 11px; border:1px solid #3bb2f5; background:transparent;}

@media all and (max-width:1200px){
	.main_con02 ul{width:calc(100% + 30px); margin-left:-15px;}
	.main_con02 .slick-slide{margin:0 15px 60px;}

	.main_con02 .txt_box{padding:30px 30px;}
	.main_con02 .txt_box h6{margin-bottom:20px;}
	.main_con02 .txt_box p br.pc_only{display:none;}
}
@media all and (max-width:767px){
	.main_con02 ul{width:100%; max-width:450px; margin:0 auto;}
}

.main_con03{padding:100px 0;font-size:0; letter-spacing:-4px; text-align:center;}
.main_con03 .tit h6{font-size:18px; color:#aaaaaa; letter-spacing:-0.05em; font-weight:300; line-height:1.6; margin:0;}
.main_con03 .tit h5{font-size:26px; color:#222222; letter-spacing:-0.05em; font-weight:700; line-height:1.4; margin:0;}
.main_con03 .video_box{width:100%; max-width:790px; margin:20px auto 40px; border:10px solid #fff; box-shadow:0 15px 40px rgba(0, 0, 0, 0.18); box-sizing:border-box;}
.main_con03 .video_box .video{position:relative; padding-bottom:57%;}
.main_con03 .video_box .video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_con03 .slick-prev{top:50%; left:-30px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_prod_prev.png') no-repeat center center; border-radius:50%; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05); z-index:1;}
.main_con03 .slick-prev:before{display:none;}
.main_con03 .slick-prev:hover{background:#3bb2f5 url('/img/main_prod_prev.png') no-repeat center center; box-shadow:none;}
.main_con03 .slick-next{top:50%; right:-30px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_prod_next.png') no-repeat center center; border-radius:50%; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05);z-index:1;}
.main_con03 .slick-next:before{display:none;}
.main_con03 .slick-next:hover{background:#3bb2f5 url('/img/main_prod_next.png') no-repeat center center; box-shadow:none;}
.main_con03 .desc p{font-size:18px; color:#666666; letter-spacing:-0.05em; font-weight:300; line-height:1.6;}
.main_con03 .desc span{font-size:16px; color:#aaaaaa; letter-spacing:-0.05em; font-weight:300; line-height:1.6;}

@media all and (max-width:1200px){
	.main_con03 .left_box .box{padding-left:20px;}
}
@media all and (max-width:1200px){
	.main_con03{padding:30px 0;}
	.main_con03 .left_box{width:100%; padding:40px 0 0;}
	.main_con03 .left_box .box{max-width:100%; padding:0 15px;}
	.main_con03 .left_box .video_box{width:100%; }
	.main_con03 .right_box{width:100%; padding:60px 40px; margin-top:-70px;}
	.main_con03 .right_box .txt_box{padding:60px 40px;}
	.main_con03 .right_box:before{font-size:140px;}
}


.main_con04{position:relative; padding:80px 0; background:#fbfbfb; font-size:0; letter-spacing:-4px; overflow:hidden;}
.main_con04 .left_box{display:inline-block; vertical-align:top; width:calc(58% - 20px); margin-right:40px;}
.main_con04 .left_box ul li{display:inline-block; vertical-align:top; width:calc(25% - 9px); min-height:220px; margin-right:12px; padding:30px 10px 0; border-radius:10px; background:#fff; box-sizing:border-box; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; cursor:pointer;}
.main_con04 .left_box ul li:last-of-type{margin-right:0;}
.main_con04 .left_box ul li img{max-width:80%;}
.main_con04 .left_box ul li h5{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:500; line-height:1.4; margin:5px 0 20px; word-break:keep-all;}
.main_con04 .left_box ul li a{display:inline-block; font-size:13px; color:#aaaaaa; letter-spacing:0.1em; font-weight:300; padding:4px 26px 6px;}
.main_con04 .left_box ul li:hover{box-shadow:0 25px 27px rgba(0, 0, 0, 0.17);}
.main_con04 .left_box ul li:hover a{color:#fff; padding:4px 16px 6px 20px; border-radius:30px; background:#0a9ff3;}
.main_con04 .left_box ul li:hover a i{display:inline-block; vertical-align:middle; width:14px; height:8px; margin-left:2px; margin-top:-2px; background:url('/img/main_con04_arrow.png') no-repeat center center / contain;}

.main_con04 .right_box{display:inline-block; vertical-align:top; width:calc(42% - 20px);}
.main_con04 .right_box ul li{padding:26px; border-bottom:1px solid #d4dadd; box-sizing:border-box;}
.main_con04 .right_box ul li:first-of-type{border-top:1px solid #d4dadd;}
.main_con04 .right_box ul li h5{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; margin:0; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_con04 .right_box ul li p{font-size:16px; color:#2e96d0; letter-spacing:0em; font-weight:400;}

@media all and (max-width:1200px){
	.main_con04{padding:30px 0;}
	.main_con04 .left_box{width:100%; padding-right:0; padding-bottom:40px;}
	.main_con04 .right_box{width:100%;}
}
@media all and (max-width:767px){
	.main_con04 .left_box ul li{width:calc(50% - 6px);}
	.main_con04 .left_box ul li:nth-of-type(2n){margin-right:0;}
	.main_con04 .left_box ul li:nth-of-type(n+3){margin-top:12px;}
}

.main_con05{padding:60px 0 100px; overflow:hidden;}
.main_con05 .slick-slide{padding:20px 0; cursor:pointer;}
.main_con05 .slick-slide:focus{outline:none;}
.main_con05 .img_box{position:relative;}
.main_con05 .img_box img.pc_ver{width:100%;}
.main_con05 .img_box img.m_ver{width:100%; display:none; }
.main_con05 .slick-prev{left:-30px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_prod_prev.png') no-repeat center center; border-radius:50%; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05); z-index:1;}
.main_con05 .slick-prev:before{display:none;}
.main_con05 .slick-prev:hover{background:#3bb2f5 url('/img/main_prod_prev.png') no-repeat center center; box-shadow:none;}
.main_con05 .slick-next{right:-30px; width:60px; height:60px; background:rgba(0, 0, 0, 0.2) url('/img/main_prod_next.png') no-repeat center center; border-radius:50%; box-shadow:0 18px 16px rgba(0, 0, 0, 0.05);z-index:1;}
.main_con05 .slick-next:before{display:none;}
.main_con05 .slick-next:hover{background:#3bb2f5 url('/img/main_prod_next.png') no-repeat center center; box-shadow:none;}

.main_con05 .slick-slide:hover .img_box{box-shadow:0 10px 30px rgba(0, 0, 0, 0.3); z-index:1;}

@media all and (max-width:1200px){
	.main_con05{padding:0 0 20px;}
	.main_con05 .img_box img.pc_ver{display:none;}
	.main_con05 .img_box img.m_ver{display:block; }
}

.main_con06{padding:100px 0; background:#05a5ff; text-align:center; overflow:hidden;}
.main_con06 .main06_slider ul{width:450px !important; height:428px !important; margin-bottom:40px;}
.main_con06 .main06_slider ul li{width:100%; height:100%;}
.main_con06 .main06_slider ul li .flip-content{width:100%; height:100%;}
.main_con06 .img_box{cursor:pointer; position:relative; width:100%; height:100%;}
.main_con06 .img_box a{display:block; width:100%; height:100%; overfloW:hidden;}
.main_con06 .img_box img.pc_ver{position:absolute; left:0; top:50%; width:100%; -webkit-transform:TranslateY(-50%); -moz-transform:TranslateY(-50%); -ms-transform:TranslateY(-50%); -o-transform:TranslateY(-50%); transform:TranslateY(-50%);}
.main_con06 .img_box img.m_ver{width:100%; display:none;}
.main_con06 .flipto-prev{font-size:0; display:inline-block; vertical-align:top; width:50px; height:50px; margin:5px; background:url('/img/main_con06_prev.png') no-repeat center center / contain;}
.main_con06 .flipto-next{font-size:0; display:inline-block; vertical-align:top;width:50px; height:50px; margin:5px; background:url('/img/main_con06_next.png') no-repeat center center / contain;}

@media all and (max-width:1200px){
	.main_con06{padding:60px 0;}
	.main_con06 .main06_slider ul{width:260px !important; height:247px !important;}
	.main_con06 .img_box img.pc_ver{display:none;}
	.main_con06 .img_box img.m_ver{display:block;}
}