@charset "utf-8";


.main_visual {position:relative; overflow:hidden; max-width:1920px; width:100%; margin:0 auto; }
.main_visual ul {margin-bottom:0; }
.main_visual li {overflow:hidden; cursor:pointer; }
.main_visual li img {position:relative; left:50%; max-width:1920px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.main_visual li img.pc_ver {display:block; }
.main_visual li img.m_ver {display:none; }

@media all and (max-width:1000px){
	.main_visual li img.pc_ver {display:none; }
	.main_visual li img.m_ver {display:block; width:100%; }
}


/* main_tit */
.main_tit {}
.main_tit:before {content:''; display:block; clear:both; }
.main_tit .left_box {display:inline-block; vertical-align:top; }
.main_tit .left_box .hr {width:40px; height:1px; margin-bottom:40px; background-color:#333333; }
.main_tit .left_box span {display:block; font-size:16px; font-weight:300; color:#999999; letter-spacing:-0.05em; }
.main_tit .left_box p {font-size:36px; font-weight:200; color:#666666; letter-spacing:-0.05em; }
.main_tit .left_box p b {font-weight:200; color:#6dc9f3; }
.main_tit a {float:right; padding-top:85px; font-size:24px; font-weight:bold; color:#11499d; letter-spacing:0;  }
.main_tit a img {vertical-align:middle; margin-top:-6px; margin-left:10px; }

@media all and (max-width:1000px){
	.main_tit a {float:none; display:block; padding-top:20px; }
}


/* main_con01 */
.main_con01 {padding:100px 0; }
.main_con01 .slogan_box {width:100%; min-height:160px; padding:59px 20px; background:url('/img/slogan_box.png') no-repeat center center / cover; text-align:center; box-sizing:border-box;  }
.main_con01 .slogan_box p {position:relative; display:inline-block; vertical-align:top; padding:0 40px; font-size:28px; font-weight:200; color:#fff; letter-spacing:-0.05em; }
.main_con01 .slogan_box p:before {content:''; position:absolute; left:0; top:0; width:20px; height:17px; background:url('/img/slogan_icon01.png') no-repeat center center;  }
.main_con01 .slogan_box p:after {content:''; position:absolute; right:0; bottom:0; width:20px; height:17px; background:url('/img/slogan_icon02.png') no-repeat center center;  }
.main_con01 .slogan_box p b {font-weight:bold; }


/* main_con02 */
.main_con02 {padding-bottom:70px; }
.main_con02 ul {margin-top:50px; margin-bottom:0; font-size:0; letter-spacing:-4px; }
.main_con02 ul li {overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; cursor:pointer; }
.main_con02 ul li:nth-of-type(3n) {margin-right:0; }
.main_con02 ul li:before {content:''; z-index:10; position:absolute; right:0; bottom:0; width:18px; height:18px; border-right:18px solid #fff; border-bottom:18px solid #fff; border-top:18px solid transparent; border-left:18px solid transparent; box-sizing:border-box; }
.main_con02 ul li img {width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.main_con02 ul li .txt_box {position:absolute; left:0; bottom:0; width:100%; padding:9% 10.5%; box-sizing:border-box; }
.main_con02 ul li .txt_box p {font-size:24px; font-weight:bold; color:#ffffff; letter-spacing:-0.05em; }
.main_con02 ul li .txt_box span {display:block; padding-top:10px; font-size:16px; font-weight:300; color:#ffffff; letter-spacing:-0.05em; }
.main_con02 ul li:hover img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }

@media all and (max-width:1000px){
	.main_con02 ul li {width:calc(50% - 15px); }
	.main_con02 ul li:nth-of-type(3n) {margin-right:30px; }
	.main_con02 ul li:nth-of-type(2n) {margin-right:0; }
}



/* main_con03 */
.main_con03 {padding:100px 0; background-color:#f4f7f7; }
.main_con03 ul {margin-top:50px; margin-bottom:0; font-size:0; letter-spacing:-4px; }
.main_con03 ul li {display:inline-block; vertical-align:top; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; cursor:pointer; }
.main_con03 ul li:nth-of-type(3n) {margin-right:0; }
.main_con03 ul li .img_box {overflow:hidden; position:relative; padding:50% 0; }
.main_con03 ul li .img_box img {position:absolute; left:50%; top:50%; width:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.main_con03 ul li .hr {position:relative; margin-top:18px; width:100%; height:2px; }
.main_con03 ul li .hr:before {content:''; position:absolute; left:0; top:0; width:89%; height:100%; background-color:#cccccc; }
.main_con03 ul li .hr:after {content:''; position:absolute; right:0; top:0; width:7%; height:100%; background-color:#5cb9e3; }
.main_con03 ul li p {position:relative; margin-top:15px; padding-right:15px; font-size:18px; color:#333333; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_con03 ul li p:before {content:'+'; position:absolute; right:0; top:50%; font-size:24px; font-weight:100; color:#333333; letter-spacing:-0.05em; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);  }
.main_con03 ul li:hover .img_box img {-webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1); -o-transform:translate(-50%,-50%) scale(1.1); transform:translate(-50%,-50%) scale(1.1); }

@media all and (max-width:1000px){
	.main_con03 ul li {width:calc(50% - 15px); }
	.main_con03 ul li:nth-of-type(3n) {margin-right:30px; }
	.main_con03 ul li:nth-of-type(2n) {margin-right:0; }
}

/* 2024-10-25 추가 */
/* main_video */
.main_video {overflow:hidden; padding-top:40px; background-color:##f4f7f7; }
.main_video .inner {font-size:0; }
.main_video .video_box {display:inline-block; vertical-align:top; width:100%; height:570px; box-shadow:6px 6px 16px rgba(0,0,0,0.5); }
.main_video .video_box iframe {width:100%; height:100%; }

@media all and (max-width:880px){
	.main_video .video_box {width:100%; }
}