@charset "utf-8";

/*공통css*/
p.title{font-size:35px; font-weight:900; letter-spacing:0.05em; line-height:1; color:#3e4ec0; text-align:center;}

/*메인 비주얼 css*/
.content{width:100%;}
.content .main_visual{width:100%; height:450px; margin:0 auto; background:url("/img/main_new_visual.png") bottom center no-repeat; background-size:cover;}
.content .main_visual.type02{background:url("/img/main_visual_new01.png")no-repeat bottom center/ cover; height:450px;}
.content .main_visual .main_txt{width:100%; max-width:1100px; margin:0 auto; padding-top:200px;}
.content .main_visual .main_txt.text_center{text-align: center;}
.content .main_visual .main_txt p{font-size:21px; font-weight:300;  font-family: 'HansKendrick-Regular'; letter-spacing:-0.010em; color:#fff;}
.content .main_visual .main_txt b{font-size:21px; font-weight:300;  font-family: 'ArcaMajora3-Bold'; letter-spacing:-0.010em; color:#fff;}

/*main02 css*/

.content .main02{width:100%; max-width:2560px; margin:0 auto; padding:100px 0; background-color:#111111; box-sizing:border-box;}
.content .main02 .heading{text-align: center; color: #fff;}
.content .main02 .heading h3{font-size:40px; font-weight:bold; letter-spacing:0.05em; line-height:1; color:#fff; text-align:center;}
.content .main02 .heading p{font-size:20px; margin: 80px auto 100px; font-weight:300; letter-spacing:-0.05em; line-height:1.5;}
.content .main02 .card_list{display: flex; flex-wrap: wrap; gap: 40px; max-width: 1100px; margin: 0 auto;}
.content .main02 .card_list li{width: calc(50% - 20px); position: relative; background: #333333; border-radius: 0 40px 0 40px; color: #fff; padding: 60px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.content .main02 .card_list li h5{font-size:32px; font-weight:400; letter-spacing:-0.05em; line-height:1;}
.content .main02 .card_list li p{font-size:20px; font-weight:200; margin: 25px 0 30px; letter-spacing:-0.05em; line-height:1.5;}
.content .main02 .card_list li .img{text-align: right;}
.content .main02 .card_list li .img img{max-width: fit-content;}

.content .main02 .card_list li .line{position: absolute;}
.content .main02 .card_list li .line.right{top: 0; right: -20px; width: 1px; height: 100%; background-color: #8a8a8a;}
.content .main02 .card_list li .line.bottom{bottom: -20px; left: 0; width: 100%; height: 1px; background-color: #898989;}

.content .main02 .card_wrap {position: relative; width: fit-content; margin: 0 auto;}
.content .main02 .card_wrap .pluse_icon{width: 28px; height: 28px; position: absolute; top: calc(50% + 14px); left: 50%; transform: translate(-50%, -50%);}
.content .main02 .card_wrap .pluse_icon i{display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: #8c8c8c;}
.content .main02 .card_wrap .pluse_icon i:last-child{width: 1px; height: 100%; left: 50%; top: 0; transform: translateX(-50%);}

@media all and (max-width:1044px){
	.content .main02 .card_wrap .pluse_icon{top: calc(50% - 14px);}
}
@media all and (max-width:1000px){
	.content .main02 .card_list {gap: 20px; padding: 0 30px; box-sizing: border-box;}
	.content .main02 .card_list li{width: 100%; padding: 40px;}

	.content .main02 .card_list li .line{display: none;}
	.content .main02 .card_wrap .pluse_icon{display: none;}
}

/*main03 css*/
.content .main03{width:100%; padding-top:100px; box-sizing:border-box;}
.content .main03 .title{color: #222222; font-size: 46px;}
.content .main03 .slider_wrap{width:100%; height: 330px;max-width:1160px; margin:105px auto 0;}
.content .main03 .slider_wrap .slider{width:100%; height: 330px; margin:0 auto; position:relative; font-size:0; text-align:center;}
.content .main03 .slider_wrap .slider > div{width:100%; display:block; vertical-align: top;}
.content .main03 .slider_wrap .slider > div:first-of-type{margin-right:70px;}
.content .main03 .slider_wrap .slider > div:last-of-type{padding-left:90px; box-sizing:border-box;}
.content .main03 .slider_wrap .slick-slide{padding:0 15px;box-sizing:border-box;}

.content .main03 .slider_wrap .slider > div ul li h4{font-size:25px; font-weight:900; color:#000000; position:relative; margin-top:0; margin-bottom:26px; text-align:left;}
.content .main03 .slider_wrap .slider > div ul li .bar{width:8px; height:1px; background:#000000; margin:10px 0;}
.content .main03 .slider_wrap .slider > div ul li > span{font-size:15px; font-weight:500; letter-spacing:-0.025em; color:#000000; line-height:25px; text-align:left; display:block;}
.content .main03 .slider_wrap .slider > div ul li p{font-size:13px; font-weight:300; letter-spacing:-0.025em; color:#000000; line-height: 24px;text-align:left;}
.content .main03 .slider_wrap .slider > div ul li p:after{content:""; display:block; clear:both;}
.content .main03 .slider_wrap .slider > div ul li p span{float:left;display:inline-block;margin-right:5px;padding-top: 9px;}
.content .main03 .slider_wrap .slider > div ul li p span img{width:6px;height: 6px;}
.content .main03 .slider_wrap .slider > div ul li p i{float:left; font-style:normal;letter-spacing: -0.025em;}
.content .main03 .slider_wrap .slider > div ul li p:first-of-type{margin-top:10px;}
.content .main03 .slider_wrap .slider > div ul li p:last-of-type{margin-bottom:0;}

/*.content .main03 .slider_wrap .slider > div ul li.slick-current.slick-active h4{font-size:30px; font-weight:900; color:#000000; position:relative; margin-top:0; margin-bottom:25px; padding-top:0px;}*/
/*.content .main03 .slider_wrap .slider > div ul li.slick-current.slick-active .bar{width:10px; background:#000000; margin:15px 0;}*/
/*.content .main03 .slider_wrap .slider > div ul li.slick-current.slick-active > span{font-size:17px; font-weight:500; color:#000000; line-height:32px; display:block; letter-spacing: -0.075em;}*/
/*.content .main03 .slider_wrap .slider > div ul li.slick-current.slick-active p{font-size:15px; font-weight:400; letter-spacing:-0.025em; color:#000000; line-height: 30px;text-align:left;}*/
/*.content .main03 .slider_wrap .slider > div ul li.slick-current.slick-active p:after{content:""; display:block; clear:both;}*/

.slick-prev, .slick-next{z-index:10;}
.slick-slider{height:330px;}



/*main04 css*/
.content .main04{padding:80px 0; box-sizing:border-box;}
.content .main04 h3{font-size:46px; font-weight:bold; letter-spacing:0.05em; line-height:1; color:#222222; text-align:center;}

.content .main04 .img_box {width: 100%; max-width: 1100px; margin: 70px auto 0;}
.content .main04 .img_box img{width: 100%; object-fit: cover;}

.content .bar_img_wrap{width:100%; background:linear-gradient(90deg, #5059ac 0%, #5059ac 50%, #7de412 50%, #7de412 100%);}
.content .bar_img{width:1101px;margin:214px auto 0; height:16px;}
.content .icon_wrap{width:1101px; overflow:hidden; text-align:center; margin:-136px auto 0;}
.content .icon_wrap > div{display:block; width:16%; float:left;}
.content .icon_wrap > div:nth-of-type(1){width:17%;}
.content .icon_wrap > div:nth-of-type(6){width:19%;}

.content .icon_wrap > div:last-of-type{margin-right:0;}
.content .icon_wrap > div img:nth-of-type(2){display:block; width:39px; margin:20px auto 10px;}
.content .icon_wrap > div > p{font-size:16px; font-weight:bold; letter-spacing:-0.025em; color:#000; line-height:1; margin-bottom:18px; margin-top: 26px;}
.content .icon_wrap > div > span{font-size:14px; font-weight:200; letter-spacing:-0.025em; color:#000; line-height:25px;}
.content .m_main04 .m_icon_wrap{display:none;}


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

	/*공통css*/
	p.title{font-size:28px;}


	/*메인 비주얼 css*/
	.content .main_visual{max-width:inherit; height:460px; background:url("/img/m_main_visual_img.jpg") center top no-repeat; background-size:cover;}
	.content .main_visual .main_txt{width:100%; max-width:1000px; margin:0 auto; padding:166px 0 0 60px;}
	.content .main_visual .main_txt p{font-size:18px;line-height: 1.5;}
	.content .main_visual .main_txt b{font-size:18px;}

	/*main02 css*/

	.content .main02{padding:72px 0 78px 0;}
	.content .main02 ul{margin:47px auto 0;}
	.content .main02 ul li{width:100%; height:auto; margin-right:0px; margin-bottom:40px;}
	.content .main02 ul li i{font-size:18px;}
	.content .main02 ul li p{font-size:18px; padding:10px 0 10px 0;}
	.content .main02 ul li span{display:block; width:520px; margin:0 auto; font-size:15px; word-break:keep-all;}
	.content .main02 ul li span br.m_br_no{display:none;}

	/*main03 css*/

	.content .main03{margin:0 auto; padding:120px 0px 0 0px;}
	.content .main03 .slider_wrap{max-width:inherit; margin:44px auto 0;}
	.content .main03 .slider_wrap .slider{width:80%;max-width:inherit;}
	.content .main03 .slider_wrap .slider > div{margin-right:0px !important;}
	.content .main03 .slider_wrap .slider > div:last-of-type{padding-left:0px; margin-right:0;}

	.content .main03 .slider_wrap .slider > div ul li h4{font-size:18px;}
	.content .main03 .slider_wrap .slider > div ul li .bar{display:none;width:5px; height:1px; margin:6px 0 8px 0;}
	.content .main03 .slider_wrap .slider > div ul li > span{font-size:13px; line-height:19px;}
	.content .main03 .slider_wrap .slider > div ul li p{font-size:13px; margin-bottom:10px;}
	.content .main03 .slider_wrap .slider > div ul li p:after{content:""; display:block; clear:both;}
	.content .main03 .slider_wrap .slider > div ul li p:first-of-type{margin-top:13px;}
	.content .main03 .slider_wrap .slider > div ul li p:last-of-type{margin-bottom:0;}
	.content .main03 .slider_wrap .slider > div ul li p i{float:left; width:90%;}


	/*main04 css, m_main04 css*/

	.content .icon_wrap{display:none;}
	.content .bar_img{display:none;}
	.content .main04{padding-top:120px; padding-bottom:73px;}
	.content .m_main04 .m_icon_wrap{display:block;}
	.content .m_main04{padding:74px 0 93px 0;}
	.content .m_main04 .m_icon_wrap{width:100%; max-width:640px; margin:0 auto;}
	.content .m_main04 .m_icon_wrap .m_bar_img{width:100%; height:13px; background:url("/img/m_bar_img01.jpg") center top no-repeat; background-size:cover;}
	.content .m_main04 .m_icon_wrap .m_bar_img02{height:12px; background:url("/img/m_bar_img02.jpg") center top no-repeat; background-size:cover;}
	.content .m_main04 .m_icon_wrap .m_icon{width:100%; text-align:center; font-size:0; margin-top:-96px; padding-bottom:160px;}
	.content .m_main04 .m_icon_wrap:nth-of-type(2) .m_icon{padding-bottom:0;}
	.content .m_main04 .m_icon_wrap .m_icon > div{display:inline-block; vertical-align:top; width:180px;}
	.content .m_main04 .m_icon_wrap .m_icon > div img:nth-of-type(1){width:96px; height:96px;}
	.content .m_main04 .m_icon_wrap .m_icon > div img:nth-of-type(2){display:block; width:28px; height:20px; margin:14px auto;}
	.content .m_main04 .m_icon_wrap .m_icon > div > p{font-size:15px; font-weight:bold; letter-spacing:-0.025em; color:#000; margin-bottom:13px;}
	.content .m_main04 .m_icon_wrap .m_icon > div > span{font-size:14px; font-weight:500; letter-spacing:-0.025em; color:#000; line-height:24px; word-break:keep-all;}
}

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

	/*공통css*/
	p.title{font-size:4.375vw;}


	/*메인 비주얼 css*/
	.content .main_visual{height:71.875vw;}
	.content .main_visual .main_txt{max-width:inherit; padding:25.9375vw 9.375vw;}
	.content .main_visual .main_txt p{font-size:2.8125vw;font-weight: 400;}
	.content .main_visual .main_txt b{font-size:2.8125vw;}

	/*main02 css*/

	.content .main02{padding:11.25vw 0 12.1875vw 0;}
	.content .main02 ul{margin:7.34375vw auto 0;}
	.content .main02 ul li{margin-bottom:0}
	.content .main02 ul li + li{margin-top:5.46875vw;}
	.content .main02 ul li i{font-size:2.8125vw;line-height: 4.0625vw;}
	.content .main02 ul li p{font-size:2.8125vw; padding:1.5625vw 0 2.34375vw;line-height: 1;}
	.content .main02 ul li span{width:68vw; font-size:2.34375vw;line-height: 4.0625vw;font-weight: 400;}


	.content .main03{width:93.75vw; padding:18.75vw 17.1875vw 0;}
	.content .main03 .slider_wrap{margin:6.875vw auto 0; height: 51.5625vw;}

	.content .main03 .slider_wrap .slider{width: 100%;height: 51.5625vw;}
	.content .main03 .slider_wrap .slider > div ul li h4{font-size:2.8125vw;margin-bottom: 2.34375vw;}
	.content .main03 .slider_wrap .slider > div ul li > span{font-size:2.03125vw; line-height:4.6875vw;line-height: 3.90625vw;}
	.content .main03 .slider_wrap .slider > div ul li p{font-size:2.03125vw; margin-bottom:0;line-height: 3.59375vw;}
	.content .main03 .slider_wrap .slider > div ul li p:first-of-type{margin-top:1.5625vw;}

	.content .main03 .slider_wrap .slider > div ul li p span{margin-right:0.78125vw;padding-top: 1.40625vw;}
	.content .main03 .slider_wrap .slider > div ul li p span img{width:0.9375vw;height: 0.9375vw;}

	.content .main03 .slider_wrap .slick-slide{padding:0 6vw}

	.slick-slider{height: 34.375vw;}


	/*main04 css, m_main04 css*/

	.content .main04{padding:14.0625vw 0 11.40625vw;}
	.content .m_main04{padding:11.5625vw 0 14.53125vw 0;}
	.content .m_main04 .m_icon_wrap .m_bar_img{height:1.71875vw;}
	.content .m_main04 .m_icon_wrap .m_bar_img02{height:1.71875vw;}
	.content .m_main04 .m_icon_wrap .m_icon{margin-top:-15vw; padding-bottom:20vw;}
	.content .m_main04 .m_icon_wrap .m_icon > div{width:29.5vw;padding:0 1vw;box-sizing:border-box;}
	.content .m_main04 .m_icon_wrap .m_icon > div img:nth-of-type(1){width:15vw; height:15vw;}
	.content .m_main04 .m_icon_wrap .m_icon > div img:nth-of-type(2){width:4.375vw; height:3.125vw; margin:2.1875vw auto;}
	.content .m_main04 .m_icon_wrap .m_icon > div > p{font-size:2.34375vw; line-height:2.8125vw; margin-bottom:2.03125vw;padding:0 3.90625vw}
	.content .m_main04 .m_icon_wrap .m_icon > div > span{font-size:2.1875vw; line-height:3.75vw;}
	.content .m_main04 .m_icon_wrap:last-of-type .m_icon > div:last-of-type{padding:0 3.125vw;}
/*	.content .m_main04 .m_icon_wrap .m_icon > div:last-of-type img:first-of-type{margin-left:-5vw;}*/
}