@charset "utf-8";

/* main_tit */
.main_tit{text-align:center;}
.main_tit p.tit{font-size:55px; font-weight:400; letter-spacing:-0.01em; color:#111111;}
.main_tit span{display:block; font-size:20px; font-weight:400; letter-spacing:-0.015em; margin-top:17px; color:#111111;}

@media (max-width: 1000px){
	.main_tit span{display:none;}
}

/* main_con01 */
.main_con01{padding-top:100px;}
.main_con01 ul{font-size:0; margin-bottom:0; padding-top:60px;}
.main_con01 ul li{display:inline-block; vertical-align:top; position:relative; margin-right:20px; width:calc(25% - 15px); margin-bottom:20px; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_con01 ul li:nth-of-type(3),.main_con01 ul li:nth-of-type(6){margin-right:0;}
.main_con01 ul li:nth-of-type(1){width:calc(50% - 10px)}
.main_con01 ul li:nth-of-type(6){width:calc(50% - 10px)}
.main_con01 ul li:nth-of-type(8),.main_con01 ul li:nth-of-type(9){display:none;}
.main_con01 ul li .img_box img{width:100%;}
.main_con01 ul li .txt_box{position:absolute; bottom:15px; left:0; width:100%; padding-left:30px; box-sizing:border-box;}
.main_con01 ul li .txt_box p.tit{font-size:26px; font-weight:bold; letter-spacing:-0.015em; color:#111; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_con01 ul li .txt_box p.desc{font-size:18px; font-weight:400; letter-spacing:-0.015em; color:#111; padding-top:15px; word-break:keep-all; line-height:28px; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}

.main_con01 ul li:hover{box-shadow:0 20px 50px rgba(0, 0, 0, .23); -webkit-box-shadow:0 20px 50px rgba(0, 0, 0, .23); -moz-box-shadow:0 20px 50px rgba(0, 0, 0, .23);}
.main_con01 ul li:hover .txt_box p.tit{color:#005aab; font-weight:bold; font-size:32px;}
.main_con01 ul li:hover .txt_box p.desc{color:#005aab; font-weight:bold; font-size:20px;}

@media all and (max-width:1200px){
	.main_con01 ul li .txt_box{padding-left:20px;}
	.main_con01 ul li .txt_box p.desc{padding-top:10px; line-height:20px;}
}
@media (max-width: 1000px){
	.main_con01 ul {padding-top:30px;}
	.main_con01 ul li{ width:calc(50% - 10px)}
	.main_con01 ul li:nth-of-type(1),.main_con01 ul li:nth-of-type(6){width:100%; margin-right:0;}
	.main_con01 ul li:nth-of-type(4),.main_con01 ul li:nth-of-type(5){display:none;}
	.main_con01 ul li:nth-of-type(7),.main_con01 ul li:nth-of-type(8){display:inline-block;}
	.main_con01 ul li:nth-of-type(8){margin-right:0;}

	.main_con01 ul li:hover{box-shadow:0 0 0 transparent;}
	.main_con01 ul li:hover .txt_box p.tit{color:#111; font-weight:bold; font-size:26px;}
	.main_con01 ul li:hover .txt_box p.desc{color:#111; font-weight:400; font-size:18px;}
	.main_con01 ul li:hover{}
}

/* main_con02 */
.main_con02{padding-top:100px ;}
.main_con02 .swiper-container{width:100%; }
.main_con02 .swiper-container .swiper-slide{width:1180px;}
.main_con02 .swiper-container .swiper-slide.swiper-slide-active{/*box-shadow:8px 7px 30px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:8px 7px 30px 4px rgba(0, 0, 0, 0.5);-moz-box-shadow:8px 7px 30px 4px rgba(0, 0, 0, 0.5) ;*/}
.main_con02 .swiper-container .swiper-slide.swiper-slide-next:before,.main_con02 .swiper-container .swiper-slide.swiper-slide-prev:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:100;}
.main_con02 ul{margin-top:60px;}
.main_con02 ul li{position:relative; cursor:pointer; overflow:hidden; height:625px;}
.main_con02 ul li img{width:100%; position:relative; top:50%; left:50%; transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -webkit-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_con02 ul li .txt_box{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con02 ul li .txt_box p{font-size:50px; font-weight:bold; letter-spacing:-0.01em;; color:#fff; margin-bottom:30px; text-align:center;}
.main_con02 ul li .txt_box span{display:block; font-size:30px; font-weight:400; letter-spacing:-0.015em; color:#fff; text-align:center; line-height:40px;}

.main_con02 .swiper-container .arrow{width:1300px; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -webkit-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); z-index:100;}
.main_con02 .swiper-container .arrow a{ display:inline-block;}
.main_con02 .swiper-container .arrow .prev{float:left;}
.main_con02 .swiper-container .arrow .next{float:right;}

.main_con02 .m_ul{display:none;}

.main_con02 ul li:hover img{width:120%;}

@media (max-width: 1400px){
	.main_con02 .swiper-container .swiper-slide{width:1000px;}
	.main_con02 .swiper-container .arrow{width:100%; padding:0 20px; box-sizing:border-box;}
	.main_con02 ul li{height:529px;}
}
@media (max-width: 1200px){
	.main_con02 .swiper-container .swiper-slide{width:800px;}
	.main_con02 ul li{height:424px;}
}
@media (max-width: 1000px){
	.main_con02 .swiper-container{display:none;}
	.main_con02 .m_ul{display:block;}
	.main_con02 ul{margin-top:30px;}
	.main_con02 ul li{height:auto;}
	.main_con02 ul li img{top:auto; left:auto; transform:none;}
	.main_con02 ul li:hover img{width:100%;}
	.main_con02 ul li .txt_box{top:auto; bottom:50px; transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -moz-transform:translateY(0);}
	.main_con02 ul li .txt_box p{margin-bottom:0;}
}

/* main_con03 */
.main_con03{padding:100px 0; background:#ededee}
.main_con03 .main_tit{padding-bottom:60px;}
.main_con03 .pc_main_con03{position:relative;}
.main_con03 img.pc_ver{margin:0 auto; position:relative;}
.main_con03 ul{position:absolute; left:0; top:0; width:100%; height:100%;}
.main_con03 ul li{position:absolute; left:0; top:0; text-align:center;  }
.main_con03 ul li .img_box{position:relative;}
.main_con03 ul li .img_box img{transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; cursor:pointer;}
.main_con03 ul li .img_box img.off{opacity:1; margin:0 auto;}
.main_con03 ul li .img_box img.on{opacity:0; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50% , -50%); -m-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); transform:translate(-50% , -50%); z-index:10;}
.main_con03 ul li p{font-size:18px; font-weight:bold; letter-spacing:0; color:#666666; text-align:center;}
.main_con03 ul li .txt_box{display:none; width:250px; position:absolute; left:50%; bottom:65px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);  background:#005aab; padding:25px 0; z-index:10;}
.main_con03 ul li.type02 .txt_box{bottom:85px}
.main_con03 ul li .txt_box:before{content:''; position:absolute; left:50%; bottom:-16px; border-top:16px solid #005aab; border-left:8px solid transparent;  border-right:8px solid transparent;  border-bottom:0; box-sizing:border-box;transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);  }
.main_con03 ul li .txt_box span{display:block; font-size:26px; font-weight:bold; letter-spacing:0; color:#fff; text-transform:uppercase;}
.main_con03 ul li .txt_box i{display:block; font-size:18px; font-weight:400; letter-spacing:0.01em; color:#fff; font-style:inherit; line-height:26px; padding-top:10px;}
.main_con03 ul li .txt_box i a{display:inline-block; font-size:18px; font-weight:400; letter-spacing:0.01em; color:#fff;}
.main_con03 ul li.ko{left:430px; top:210px;}
.main_con03 ul li.mong{left:359px; top:168px;}
.main_con03 ul li.jp{left:475px; top:231px;}
.main_con03 ul li.chi{left:357px; top:226px;}
.main_con03 ul li.usa{left:885px; top:211px;}
.main_con03 ul li.viet{left:382px; top:287px;}
.main_con03 ul li.india{left:285px; top:250px;}
.main_con03 ul li.bang{left:288px; top:302px;}
.main_con03 ul li.pol{left:90px; top:188px;}
.main_con03 ul li.ger{left:20px; top:205px;}
.main_con03 ul li.turkey{left:113px; top:258px;}
.main_con03 ul li.on .img_box img.on{opacity:1;}
.main_con03 ul li.on .txt_box{display:block;}
.main_con03 ul li.on p{opacity:0;}
.main_con03 .m_main_con03{display:none;}
.main_con03 .m_main_con03 select{width:100%; box-sizing:border-box; padding:30px 25px; font-size:28px; font-weight:400; letter-spacing:-0.015em; color:#333333; -webkit-appearance:none; -moz-appearance:none; background:#fff url('/img/main/main_con03_arrow.png') no-repeat 95% 50%;}
.main_con03 .m_main_con03 select::-ms-expand{display:none;}


@media (max-width: 1200px){
	.main_con03 img.pc_ver{width:98.00000000vw;}
	.main_con03 ul li.ko{left:35.83333333vw; top:17.50000000vw;}
	.main_con03 ul li.mong{left:29.91666667vw; top:14.00000000vw;}
	.main_con03 ul li.jp{left:39.58333333vw; top:19.25000000vw;}
	.main_con03 ul li.chi{left:29.75000000vw; top:18.83333333vw;}
	.main_con03 ul li.usa{left:73.75000000vw; top:17.58333333vw;}
	.main_con03 ul li.viet{left:31.83333333vw; top:23.91666667vw;}
	.main_con03 ul li.india{left:23.75000000vw; top:20.83333333vw;}
	.main_con03 ul li.bang{left:24.00000000vw; top:25.16666667vw;}
	.main_con03 ul li.pol{left:7.50000000vw; top:15.66666667vw;}
	.main_con03 ul li.ger{left:1.66666667vw; top:17.08333333vw;}
	.main_con03 ul li.turkey{left:9.41666667vw; top:21.50000000vw;}
}

@media (max-width: 1000px){
	.main_con03 {padding:60px 0 180px; background:url('/img/main/m_main_con03_bg.png') no-repeat center / cover;}
	.main_con03 .pc_main_con03{display:none;}
	.main_con03 .m_main_con03{display:block;}
	.main_con03 img.m_ver{display:block; width:100%;}
}
/* main_con04 */
.main_con04{padding:100px 0}
.main_con04 .main_tit{position:relative;}
.main_con04 .main_tit a{position:absolute; right:0; bottom:20px; display:block; width:40px; height:40px; border:1px solid #111111; box-sizing:border-box; text-align:center; padding-top:8px;}
.main_con04 .swiper_box{width:1375px; margin:0 auto; overflow:hidden; }
.main_con04 .swiper-container{width:1238px; overflow:visible; padding:0 18px; box-sizing:border-box;}
.main_con04 .swiper-container:before{content:''; position:absolute; left:-100%; top:0; width:99.9%; height:100%; background:#fff; z-index:10;}
.main_con04 .swiper-container:after{content:''; position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
.main_con04 .arrow a{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:15;}
.main_con04 .arrow a.prev{left:-60px;}
.main_con04 .arrow a.next{right:-60px;}
.main_con04 ul{font-size:0; margin-top:60px;}
.main_con04 ul li{display:inline-block; vertical-align:top; border:1px solid #eeeeee; box-sizing:border-box; padding:40px; margin-bottom:60px; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_con04 ul li .cata_box{font-size:0;}
.main_con04 ul li .cata_box span{display:inline-block; vertical-align:top; width:76px; height:25px; line-height:25px; text-align:center; background:#555555; font-size:14px; font-weight:400; letter-spacing:0; color:#fff; margin-right:10px;}
.main_con04 ul li .cata_box span.new{background:#b8021c}
.main_con04 ul li .cata_box span:last-of-type{margin-right:0;}
.main_con04 ul li p.tit{font-size:30px; font-weight:bold; letter-spacing:-0.01em; color:#111; line-height:40px; margin:30px 0; min-height:80px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 80px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_con04 ul li p.desc{font-size:18px; font-weight:400; letter-spacing:-0.015em; color:#333; line-height:26px; margin:30px 0 45px; min-height:78px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 78px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main_con04 ul li p.day{font-size:16px; font-weight:400; letter-spacing:0; color:#666;}
.main_con04 ul li > img{width:100%;}
.main_con04 ul li .img_box{width:100%; padding:50% 0; position:relative; overflow:hidden;}
.main_con04 ul li .img_box img{height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.main_con04 ul li:hover{box-shadow:0 20px 50px rgba(0, 0, 0, .23); -webkit-box-shadow:0 20px 50px rgba(0, 0, 0, .23); -moz-box-shadow:0 20px 50px rgba(0, 0, 0, .23);}
.main_con04 ul li:hover .cata_box span.notice,.main_con04 ul li:hover .cata_box span.news{background:#005aab}
.main_con04 ul li:hover p.tit{color:#005aab;}
.main_con04 .m_ul{display:none;}

@media (max-width: 1400px){
	.main_con04 .swiper_box{width:1200px;}
	.main_con04 .swiper-container{width:100%; overflow:hidden;}
	.main_con04 .swiper-container:before,.main_con04 .swiper-container:after{display:none;}
	.main_con04 .arrow a{display:none;}
}
@media (max-width: 1200px){
	.main_con04 .swiper_box{width:93.75%}
}
@media (max-width: 1000px){
	.main_con04 .main_tit a{bottom:auto; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.main_con04 .swiper_box{display:none;}
	.main_con04 .m_ul{display:block; }
	.main_con04 .m_ul ul li{width:100%; border:none; border-bottom:1px solid #eee;}
	.main_con04 ul li p.tit{margin:20px 0; min-height:40px; height:40px; line-height:40px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

	.main_con04 ul li:hover{box-shadow:0 0 0 transparent;}
	.main_con04 ul li:hover .cata_box span.notice,.main_con04 ul li:hover .cata_box span.news{background:#555555}
	.main_con04 ul li:hover p.tit{color:#111;}
}