@charset "utf-8";
/*SLIDER*/
.main{width:100%;}
.main .mv{width:100%; position:relative;}
.main .mv li{width:100%; height:864px; padding-top:310px; box-sizing:border-box;}
.main .mv li.type01{background:url("/20200512T000010Z/img/mv_img01.jpg") center top no-repeat; background-size:cover;}
.main .mv li.type02{background:url("/20200512T000010Z/img/mv_img02.jpg") center top no-repeat; background-size:cover;}
.main .mv li.type03{background:url("/20200512T000010Z/img/mv_img03.jpg") center top no-repeat; background-size:cover;}
.main .mv li .txt_box{width:100%; text-align:center;}
.main .mv li .txt_box h2{font-size:80px; font-weight:bold; color:#fff; padding:20px 0 90px;}
.main .mv li .txt_box p{font-size:38px; font-weight:300; letter-spacing:0.010em; color:#fff;  line-height:1;}
.main .mv li .txt_box a{display:block; width:160px; height:46px; margin:0 auto; font-size:16px; font-weight:200; letter-spacing:0.025em; text-align:center; line-height:46px; color:#fff; border:1px solid #d5d8da;}
.main .mv .bx-controls-direction{width:100%; max-width:1400px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main .mv .bx-controls-direction > a{width:46px; height:46px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9999px;}
.main .mv .bx-controls-direction a.bx-prev{background:url("/20200512T000010Z/img/prev_btn.png") center top no-repeat; background-size:cover; left:0;}
.main .mv .bx-controls-direction a.bx-next{background:url("/20200512T000010Z/img/next_btn.png") center top no-repeat; background-size:cover; right:0;}
.main .mv .bx-default-pager{width:100%; position:absolute; bottom:30px; left:0; text-align:center;}
.main .mv .bx-default-pager > div{display:inline-block; vertical-align:middle; margin-right:15px; font-size:0;}
.main .mv .bx-default-pager .bx-pager-item a{display:block; width:7px; height:8px; background:url("/20200512T000010Z/img/rolling_off.png") center top no-repeat; background-size:cover; text-indent:-9999px;}
.main .mv .bx-default-pager .bx-pager-item a.active{width:19px; height:18px; background:url("/20200512T000010Z/img/rolling_on.png") center top no-repeat; background-size:cover;}

/*main_con01*/
.main .con01{width:100%; position:relative; background-color:#fff; padding:185px 0 70px;}
.main .con01 > img{width:100%; position:absolute; top:0; left:0;}
.main .con01 .inner{position:relative; z-index:1;}
.main .con01 .inner .left{float:left; width:49%;}
.main .con01 .inner .left h3{font-size:56px; font-weight:bold; letter-spacing:-0.040em; color:#f1f1f1; margin:0; line-height:1;}
.main .con01 .inner .left p{font-size:50px; font-weight:bold; letter-spacing:-0.025em; color:#222; line-height:1; padding:15px 0;}
.main .con01 .inner .left span{display:block; font-size:20px; font-weight:300; letter-spacing:-0.025em; color:#444; word-break:keep-all;}
.main .con01 .inner .left a{display:block; width:180px; height:43px; margin-top:70px; font-size:16px; font-weight:200; letter-spacing:-0.010em; line-height:43px; background-color:#1a4285; color:#fff; padding-left:25px; box-sizing:border-box; border-radius:20px;}
.main .con01 .inner .left a img{margin:12px 0 0 27px;}
.main .con01 .inner .right{float:right; width:44.2142857143%;}
.main .con01 .inner .right img{width:100%;}

/*main_con02*/
.main .con02{width:100%; position:relative; background-color:#f1f1f1; padding:80px 0 185px;}
.main .con02 > img{width:100%; position:absolute; bottom:0; right:0;}
.main .con02 .inner{position:relative; z-index:1;}
.main .con02 .inner .left{float:left; width:44.2142857143%;}
.main .con02 .inner .left img{width:100%;}
.main .con02 .inner .right{float:right; width:45.7142857143%;}
.main .con02 .inner .right h3{font-size:56px; font-weight:bold; letter-spacing:-0.040em; color:#fff; margin:0; line-height:1;}
.main .con02 .inner .right p{font-size:50px; font-weight:bold; letter-spacing:-0.025em; color:#222; line-height:1; padding:15px 0;}
.main .con02 .inner .right span{font-size:20px; font-weight:300; letter-spacing:-0.025em; color:#444;}
.main .con02 .inner .right a{display:block; width:180px; height:43px; margin-top:70px; font-size:16px; font-weight:200; letter-spacing:-0.010em; line-height:43px; background-color:#1a4285; color:#fff; padding-left:25px; box-sizing:border-box; border-radius:20px;}
.main .con02 .inner .right a img{margin:12px 0 0 27px;}

/*main_con03*/
.main .con03{padding:30px 0 170px; background-color:#fff; position:relative;}
.main .con03 > img{width:100%; position:absolute; bottom:0; left:0;}
.main .con03 .title{width:100%; text-align:center; margin-bottom:60px;}
.main .con03 .title h5{font-size:36px; font-weight:bold; line-height:1; color:#000; position:relative; margin-bottom:0;}
.main .con03 .title h5:after{content:""; display:block; width:32px; height:1px; background-color:#7f7f7f; position:absolute; bottom:-16px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.main .con03 .title p{font-size:16px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#000; padding-top:35px; opacity:0.5;}
.main .con03 .list{width:100%; font-size:0; text-align:center; position:relative; z-index:1; margin-bottom:20px;}
.main .con03 .list li{display:inline-block; vertical-align:top; width:15.8571428571%; margin-right:17.1428571429%;}
.main .con03 .list li:last-of-type{margin-right:0;}
.main .con03 .list li a{display:block; width:100%; height:100%;}
.main .con03 .list li a img{width:100%;}
.main .con03 .list li a img.on{display:none;}
.main .con03 .list li.on a img.on{display:block;}
.main .con03 .list li.on a img.off{display:none;}
.main .con03 .list li a p{font-size:20px; font-weight:500; letter-spacing:-0.025em; line-height:1; color:#444; margin-top:20px;}

@media all and (max-width:1400px){

	/*main_con01*/
	.main .con01 .inner .left span br{display:none;}
	/*SLIDER*/
	.main .mv .bx-controls-direction{width:93.75vw;}
}


@media all and (max-width:1200px){

	/*main_con01*/
	.main .con01 .inner .left h3{font-size:45px;}
	.main .con01 .inner .left p{font-size:35px;}
	.main .con01 .inner .left a{margin-top:40px;}

	/*main_con02*/
	.main .con02 .inner .right h3{font-size:45px;}
	.main .con02 .inner .right p{font-size:35px;}
	.main .con02 .inner .right a{margin-top:40px;}

}

@media all and (max-width:1000px){

	/*SLIDER*/
	.main .mv li .txt_box{width:80%; margin:0 auto;}
	.main .mv li .txt_box h2{font-size:65px;}
	.main .mv li .txt_box a{font-size:18px;}

	/*main_con01*/
	.main .con01 .inner .left{float:none; width:100%; text-align:center;}
	.main .con01 .inner .left h3{font-size:40px;}
	.main .con01 .inner .left p{font-size:30px;}
	.main .con01 .inner .left span{display:block; margin:0 auto; font-size:20px; word-break:keep-all; max-width:600px;}
	.main .con01 .inner .left span br{display:none;}
	.main .con01 .inner .left a{margin:30px auto 0; font-size:18px;}
	.main .con01 .inner .left a img{margin:14px 0 0 27px;}
	.main .con01 .inner .right{float:none; width:619px; margin:0 auto 30px;}

	/*main_con02*/
	.main .con02{padding:60px 0 185px;}
	.main .con02 .inner .left{float:none; width:619px; margin:0 auto 30px;}
	.main .con02 .inner .right{float:none; width:100%; text-align:center;}
	.main .con02 .inner .right h3{font-size:40px;}
	.main .con02 .inner .right p{font-size:30px;}
	.main .con02 .inner .right span{display:block; margin:0 auto; font-size:20px; word-break:keep-all; max-width:600px;}
	.main .con02 .inner .right span br{display:none;}
	.main .con02 .inner .right a{margin:30px auto 0; font-size:18px;}
	.main .con02 .inner .right a img{margin:14px 0 0 27px;}

	/*main_con03*/
	.main .con03 .title p{font-size:18px;}
	.main .con03 .list li{width:20%; margin-right:10%;}
}

@media all and (max-width:640px){

	/*SLIDER*/
	.main .mv li{height:135vw; padding-top:48.4375vw;}
	.main .mv li .txt_box h2{font-size:9.15625vw;}
	.main .mv li .txt_box h2:lang(ko){font-size:10.15625vw;}
	.main .mv li .txt_box p{font-size:4.375vw; padding:3.125vw 0 18.75vw;}
	.main .mv li .txt_box a{width:25vw; height:7.1875vw; font-size:2.8125vw; line-height:7.1875vw;}
	.main .mv .bx-controls-direction > a{width:7.1875vw; height:7.1875vw;}
	.main .mv .bx-default-pager{bottom:4.6875vw;}
	.main .mv .bx-default-pager > div{margin-right:2.34375vw;}

	/*main_con01*/
	.main .con01{padding:28.90625vw 0 10.9375vw;}
	.main .con01 .inner .left h3{font-size:6.25vw;}
	.main .con01 .inner .left p{font-size:4.6875vw; padding:2.34375vw 0;}
	.main .con01 .inner .left span{font-size:3.125vw;}
	.main .con01 .inner .left a{width:28.125vw; height:6.71875vw; margin:4.6875vw auto 0; font-size:2.8125vw; line-height:6.71875vw; padding-left:3.125vw;border-radius:3.125vw;}
	.main .con01 .inner .left a img{width:2.65625vw; height:2.5vw; margin:2.1875vw 0 0 4.21875vw;}
	.main .con01 .inner .right{width:100%; margin:0 auto 4.6875vw;}

	/*main_con02*/
	.main .con02{padding:9.375vw 0 10.9375vw;}
	.main .con02 .inner .left{width:100%; margin:0 auto 4.6875vw;}
	.main .con02 .inner .right h3{font-size:6.25vw;}
	.main .con02 .inner .right p{font-size:4.6875vw; padding:2.34375vw 0;}
	.main .con02 .inner .right span{font-size:3.125vw;}
	.main .con02 .inner .right a{width:28.125vw; height:6.71875vw; margin:4.6875vw auto 0; font-size:2.8125vw; line-height:6.71875vw; padding-left:3.125vw;border-radius:3.125vw;}
	.main .con02 .inner .right a img{width:2.65625vw; height:2.5vw; margin:2.1875vw 0 0 4.21875vw;}

	/*main_con03*/
	.main .con03{padding:4.6875vw 0 26.5625vw;}
	.main .con03 .title{margin-bottom:9.375vw;}
	.main .con03 .title h5{font-size:5.625vw;}
	.main .con03 .title h5:after{width:5vw; bottom:-2.5vw;}
	.main .con03 .title p{font-size:2.8125vw; padding-top:5.46875vw;}
	.main .con03 .list{margin-bottom:3.125vw;}
	.main .con03 .list li{display:block; width:34.6875vw; margin:0 auto 4.6875vw;}
	.main .con03 .list li:last-of-type{margin-right:auto; margin-bottom:0;}
	.main .con03 .list li a p{font-size:3.125vw; margin-top:3.125vw;}
}