@charset "UTF-8";

.flex{display:flex}
.left{width: 30%;}
.right{width:68%;}

.home_main_visual .slick-arrow{position: absolute; width:30px; height:30px; background: #fff url('/resource/templete/nl/img/main/ic_home_arr_prev.svg') no-repeat center / 30%; border:1px solid #ccc; border-radius: 50%; top: calc(50% - 15px); left: -15px; z-index:2;}
.home_main_visual .slick-arrow .hidden{color: transparent; width:0; height:0; position:absolute;}
.home_main_visual .slick-arrow.slick-next{background-image: url('/resource/templete/nl/img/main/ic_home_arr_next.svg'); left:auto; right:-15px;}
.custom_paging{text-align:center; margin-top:10px;}
.txt_paging{display:inline-block; border: 1px solid #ccc; padding:2px 10px; border-radius:5px;}
.txt_paging span{padding: 0 5px;}
.world_grid_wrap{display:grid; gap: 20px; grid-template-columns: repeat(2, 1fr); justify-content:space-between;}
.world_grid{display:block; width: 100%; margin-left: 0;}
.world_grid_img{width:100%; height: 220px;}
.world_list{margin-bottom: 20px;}
.world_list li{position:relative; padding-left: 10px;}
.world_list li:before{display:block; width:4px; height:4px; background: #000; border-radius:50%; position:absolute; top: 10px; left:0; content:"";}

.world_tit {font-size: 25px; margin-top: 0px;}
.world_link_wrap {flex-direction: column; gap: 10px; margin-top: 40px; padding: 0px 20px 0px 20px;}
.world_link_box a {width: 100%; padding: 10px; padding-bottom: 35px;}
.world_link_wrap .right {font-size: 15px; word-break: auto-phrase; display: flex; align-items: center;}
.world_link_box {background-image: none;}
.world_link_box.second {background-image: url(/resource/templete/li/img/sub/world_main_link_bg01.png);}
.world_link_wrap .flex {justify-content: space-between;}

.world_grid_img img {width: 100%; height: 100%;;}

@media screen and (max-width: 1024px){
	.flex{flex-wrap:wrap;}
	.left, .right{width:100%; padding :0; border: none;}
	.home_main_visual{padding: 0 20px;}
	.home_main_visual .slick-arrow{left:0;}
	.home_main_visual .slick-arrow.slick-next{right:0;}
	.world_grid_img{height: 200px;}
	.world_tit {margin-top: 30px;}
}

@media screen and (max-width: 600px){
.world_grid_wrap{display:block;}
.world_grid_img{height: 180px;}
}