/* =========================
	메인슬라이더
========================= */
.main-slider{ overflow: hidden; }
.main_slider_div{ position: relative; }
.main_slider_div .txt_pos{ position: absolute; bottom: 40%; left: 0; width: 100%; z-index: 10; }
.main_slider_div .txt_div_w{ width: 100%; max-width: 1640px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; height: 100%; line-height: 1; color: #121214;}
.main_slider_div .txt_div .txt01{letter-spacing: -0.44px;font-size:0.8rem;}
.main_slider_div .txt_div .txt02{line-height: 1.2; font-size:1.5rem;font-weight: 700;margin: 10px 0 15px;font-family: "Roboto", sans-serif;}
.main_slider_div .txt_div .txt03{letter-spacing: -0.52px;line-height: 1.5; font-size:0.8rem;font-family: "Roboto", sans-serif;}
/* controls */
.main-slider .slick-arrow{ position: absolute; bottom: 30px; display: block; outline: none; text-align: left; z-index: 1000; font-size: 0; line-height: 0; overflow: hidden; width:6px; height: 12px; }
.main-slider .slick-prev{ background: url('../images/common/icon_slider01_arrow_prev.png') no-repeat 0 0; background-size: contain; left: 10px; }
.main-slider .slick-next{ background: url('../images/common/icon_slider01_arrow_next.png') no-repeat 0 0; background-size: contain; right: 10px; }
/* pager */
.main-slider .slick-dots{ position: absolute; width: 100%; bottom: 30px; text-align: center; left: 0; padding: 0 6px; box-sizing: border-box; }
.main-slider .slick-dots li{ display: inline-block; }
.main-slider .slick-dots li button{ display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; width: 9px; height: 9px; border-radius: 9px; background: rgba(255,255,255,0.7); transition: background 0.3s; -webkit-transition: background 0.3s; overflow: hidden; margin: 0 6px; }
.main-slider .slick-dots li.slick-active button{ background: #0086ff; }
/* 메인ani */
.main-slider .div_img img.pc{ display: none; width: 100%; }
.main-slider .div_img img.mo{ display: block; width: 100%; }
@media all and (max-width:1069px){
	.main-slider .slick-dots{ bottom:15px; }
	.main-slider .slick-arrow{bottom: 15px;}
}
@media all and (min-width:700px){
	.main-slider .div_img img.pc{display: block;}
	.main-slider .div_img img.mo{display: none;}
}
@media all and (min-width:1070px){
	.main_slider_div .txt_pos{bottom: 40%;}
	.main-slider .slider{ max-height: 1100px; }
	.main_slider_div .txt_div .txt01{font-size: 24px;}
	.main_slider_div .txt_div .txt02{font-size: 50px;margin: 20px 0 30px;}
	.main_slider_div .txt_div .txt03{font-size: 24px;}
	.main-slider .slick-prev{ left: 47%; }
	.main-slider .slick-next{ right: 47%; }
}

/* =========================
	태그링크
========================= */
.main_div02{ margin: 100px 0; }
.main_div02 .tit-div{ font-family: "Roboto", sans-serif;font-size:2.2rem;font-weight: 700;margin-bottom: 15px; text-align: center; letter-spacing: -0.2px;}
.main_div02 .link-tab{max-width: 1400px; margin: 0 auto 20px;text-align:center;}
.main_div02 .link-tab li{display: inline-block;width: 32%;text-align: center;color: #9d9d9d;letter-spacing: -0.6px;line-height: 1.36;border-right: 1px solid #bec0c4;box-sizing: border-box; cursor: pointer; padding: 0 5px;font-size: 1.2rem;margin-bottom: 10px;vertical-align: middle;}
.main_div02 .link-tab li:last-child{border-right:none;}
.main_div02 .link-tab li.on{font-weight: 500; color:#121214;}
.main_div02 .link_con .pro_div{display: none;}
.main_div02 .link_con .pro_div.on{display: block;}
.main_div02 .link_con_w{max-width: 1500px; margin: 0 auto;}
.main_div02 .link_con{border-top-left-radius: 64px;border-top-right-radius: 64px;-moz-border-radius-topleft: 64px;-moz-border-radius-topright: 64px;overflow: hidden;background-color: #fafafa;box-shadow: -5px 15px 15px 0 rgba(214, 214, 214, 0.15);}
.main_div02 .link_con .pro_tit{background-color: #d9dbdf;padding: 30px 40px;min-height: 142px;box-sizing: border-box;}
.main_div02 .link_con .pro_tit .txt01{line-height: 1.62;letter-spacing: -0.26px;font-size:1.125rem;word-break: keep-all;}
.main_div02 .link_con .pro_tit .btn_more{display: block;margin: 20px auto 0;width: 25%;max-width:150px;}
.main_div02 .link_con .pro_tit .btn_more img{display: block;width: 100%;}
.main_div02 .link_con .pro_con .pro_img img{display: block;width: 100%;}
.main_div02 .link_con .pro_con .pro_img .mov{display: block;width: 100%;}
.main_div02 .link_con .pro_ex_list li{ display: block; color: #9d9d9d;transform-origin: 100% 0; cursor: pointer; box-sizing: border-box; padding:15px 20px 15px 60px; }
.main_div02 .link_con .pro_ex_list .icon_div{display: none; position: absolute;width: 40px;}
.main_div02 .link_con .pro_ex_list .icon_div img{display: block;width: 100%;}
.main_div02 .link_con .pro_ex_list .ex_div .txt01{font-size: 1.2rem;letter-spacing: -0.26px;position: relative;padding-left:10px;}
.main_div02 .link_con .pro_ex_list .ex_div .txt01:after{ display: block; content: ""; width: 5px; height: 5px; background: #9d9d9d;position: absolute;top: 50%;left:0;border-radius: 50%;transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main_div02 .link_con .pro_ex_list .ex_div .txt02{ display: none; font-size: 1.125rem;line-height: 1.52; letter-spacing: -0.26px; }
.main_div02 .link_bottom{ width: 100%; height: 6px; background-image: linear-gradient(to right, #0f8dff, #6700e0);}
.main_div02 .link_con .pro_ex_list li.on{ list-style: none; color:#121214;background: #ffffff; padding: 50px 120px 50px 150px; box-shadow: -5px 15px 15px 0 rgba(214, 214, 214, 0.15); z-index: 10; width: 100%; word-break:keep-all;}
.main_div02 .link_con .pro_ex_list li.on .txt01{padding-left: 0;}
.main_div02 .link_con .pro_ex_list li.on .txt01:after{display: none;}
.main_div02 .link_con .pro_ex_list li.on .icon_div{display: block; }
.main_div02 .link_con .pro_ex_list li.on .ex_div .txt01{font-size: 1.5rem;font-weight: 600;letter-spacing: -0.7px;line-height:1.2;margin-bottom:10px;}
.main_div02 .link_con .pro_ex_list li.on .ex_div .txt02{display: block;}
@media all and (max-width:1149px){
	.main_div02 .link_con .pro_tit{font-size: 1rem;}
	.main_div02 .link_con .pro_ex_list .icon_div{top: 15px; left: 10px;}
	.main_div02 .link_con .pro_ex_list li.on{padding: 25px 20px 25px 60px;}
	.main_div02 .link-tab li:nth-child(3n){border-right: none;}
}
@media all and (min-width:1150px){
	.main_div02 .tit-div{font-size: 50px;margin-bottom: 70px;}
	.main_div02 .link-tab li{float: left;width: 20%;padding: 10px;}
	.main_div02 .link-tab li:last-child{border-right:none;}
	.main_div02 .link_con .pro_con .pro_img{float: left;width: 60%;}
	.main_div02 .link_con .pro_ex_list{position:absolute; top: 0; right: 0; width: 40%;box-sizing: border-box; height: 100%; }
	.main_div02 .link_con .pro_ex_list .ex_div .txt01{padding-left: 20px;font-size: 1.3rem;}
	.main_div02 .link_con .pro_ex_list .ex_div .txt01:after{width: 11px; height: 11px;}
	.main_div02 .link_con .pro_ex_list .icon_div{top: 15px;left: 15px;width: 40px;}
	.main_div02 .link_con .pro_tit{position: relative;padding-right: 230px;}
	.main_div02 .link_con .pro_tit .txt01 br{display: none;}
	.main_div02 .link_con .pro_tit .btn_more{position: absolute; top: 50%; right: 40px; transform:translateY(-50%); -webkit-transform:translateY(-50%);margin: 0;}
	.main_div02 .link_con .pro_ex_list li{line-height: 30px;padding:10px 10px 10px 60px;transition:none;-webkit-transition:none;}
	.main_div02 .link_con .pro_ex_list li.on{padding: 15px 10px 15px 60px;-webkit-transition: width 0.2s; transition: width 0.2s;box-shadow: -5px 15px 15px 0 rgba(214, 214, 214, 0.15);}
	.main_div02 .link_con .pro_ex_list li.on .ex_div .txt01{margin-bottom:5px;}
}
@media all and (min-width:1400px){
	.main_div02 .link-tab li{font-size:1.75rem;}
	.main_div02 .link_con .pro_ex_list .icon_div{top: 30px; left: 30px; width: 60px;}
	.main_div02 .link_con .pro_tit{padding: 50px 230px 50px 95px;}
	.main_div02 .link_con .pro_tit .txt01 br{display: block;}
	.main_div02 .link_con .pro_con .pro_img{width: 65%;}
	.main_div02 .link_con .pro_ex_list{width: 35%;}
	.main_div02 .link_con .pro_ex_list li{padding:20px 20px 20px 120px;}
	.main_div02 .link_con .pro_ex_list .ex_div .txt01{padding-left: 30px;}
	.main_div02 .link_con .pro_ex_list li.on{padding: 30px 20px 30px 120px;}
	.main_div02 .link_con .pro_ex_list li.on .ex_div .txt01{font-size: 2rem;}
}


.main_div03{ margin-bottom: 100px; }
.main_div03 .tit_div{text-align: center;font-size: 2rem;line-height: 1.2;font-family: "Roboto", sans-serif; letter-spacing: -0.8px;}
.main_div03 .tit_div .txt01{font-weight: 700;}
.main_div03 .tit_div .txt02{}
.main_div03 .img_div{border-radius: 45.5px;height:90px;overflow: hidden;background: url("../images/main/main03_img01.jpg") no-repeat 50% 50%; background-size: cover; margin: 20px 0; }
.main_div03 .txt_div{font-size:1rem;line-height: 1.75;letter-spacing: -0.44px;}
.main_div03 .bt_more{display: none;font-weight: 700;max-width: 200px;box-sizing: border-box;}
@media all and (min-width:1070px){
	.main_div03 .tit_div{width: 65%;font-size: 60px;margin-bottom: 80px;padding-top: 60px; }
	.main_div03 .tit_div .txt01{text-align: left;}
	.main_div03 .tit_div .txt02{text-align: left;margin-left: 60px;}
	.main_div03 .img_div{width: 30%;position: absolute;top: 0;right: 0;border-radius: 50px 116.5px 116.5px 50px;height:230px; }
	.main_div03 .txt_div{width: 65%;line-height: 1.5;}
	.main_div03 .bt_more{display: block;position: absolute;bottom: 0;right: 0;}
}
@media all and (min-width:1400px){
	.main_div03 .tit_div{width: 58%;margin-bottom: 100px;font-size: 70px;padding-top: 90px; }
	.main_div03 .img_div{width: 40%;top: 50px;}
	.main_div03 .txt_div{width: 65%;font-size: 20px;line-height:1.8;}
	.main_div03 .bt_more{padding: 15px 35px;}

}

.main_div04{background-image: linear-gradient(111deg, #0086ff -19%, #fff 56%);}
.main_div04 .bg{background: url("../images/main/main04_img01.png") no-repeat 100% 100%; background-size: contain; padding: 100px 0;}
.main_div04 .tit_div{line-height: 1.25; letter-spacing: -0.2px; font-size:1.5rem; margin-bottom: 10px;}
.main_div04 .tit_div .txt02{font-weight: 700;}
.main_div04 .bt_more{display: none;max-width: 250px; margin: 0;}
@media all and (min-width:1070px){
	.main_div04 .bg{ padding: 200px 0; }
	.main_div04 .tit_div{font-size: 60px;margin-bottom: 30px;}
	.main_div04 .bt_more{display: block;}
}