@CHARSET "UTF-8";

.main .inner{width: 100%;}

/* header */
.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 0 2.34375vw;
	height: 12.5vw;
	transition: all .3s ease;
}
.header.active{background: rgba(0,0,0,.7);}
.header h1.logo{
	float: left;
	width: 37.96875vw;
}
.header h1.logo a{display: block;}
.header .menu{float: right;}
.header .menu>li{
	display: inline-block;
	margin: 0 2.03125vw;
	line-height: 12.5vw;
	float: left;
}
.header .menu>li a{display: block;}
.header .menu>li a img{vertical-align: middle;}
.header .menu>li.golf a img{width: 6.5625vw;}
.header .menu>li.ski a img{width: 16.09375vw;}
.header .menu>li.condo a img{width: 10.3125vw;}
.header .menu li.lang{
	margin: 0;
	position: relative;
}
.header .menu li.lang>a{
	display:block;
	width:4.21875vw;
	height:4.21875vw;
	line-height:4.21875vw;
	font-size:2.03125vw;
	margin-top: 4.21875vw;
	font-weight: 600;
	border-radius:50%;
	text-align:center;
	background: rgba(255,255,255,.99);
}
.header .menu li.lang ul{
	display:none;
	position:absolute;
	top:9.6875vw;
	left:50%;
	width:8.75vw;
	transform: translateX(-50%);
	text-align:center;
	background-color:transparent;
	border:1px solid rgba(255,255,255,0.25);
	z-index: 1;
}
.header .menu li.lang ul li{line-height: 1;}
.header .menu li.lang ul li a{
	color:rgba(255,255,255,.85);
	font-weight:400;
	font-size:2.03125vw;
	margin:1.09375vw 0;
	line-height:1.355em;
	display: inline-block;
}
.header .menu li.lang ul li a:hover{
	color:#c1a270;
	border-bottom:1px solid #c1a270;
}

/* footer */
.footer{padding: 8.90625vw 0;}
.footer p{font-size: 1.875vw;}
.footer .f_info01{color: #9b9b9b;}
.footer .f_info02{
	color: #7a7979;
	padding: 0.625vw 0 3.4375vw;
}
.footer .f_logo{
	width: 16.09375vw;
	margin: 0 auto;
}

/* fp-nav */
#fp-nav{display: none;}

/* main */
.main .section{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	text-align: center;
}
.main #section01{background-image: url('/en/asset_new/images/en_section01_bg.jpg');}
.main #section02{
	background-position:right 27% center;
	background-image: url('/en/asset_new/images/en_section02_bg.jpg');
}
.main #section03{background-image: url('/en/asset_new/images/en_section03_bg.jpg');}
.main #section04{
	background-position:left 12% center;
	background-image: url('/en/asset_new/images/en_section04_bg.jpg');
}
.main #section05{background-image: url('/en/asset_new/images/en_section05_bg.jpg');}
.main .section .tit{
	padding: 6.09375vw 0 4.6875vw;
	position: relative;
	margin-bottom: 5.9375vw;
}
.main .section .tit:before{
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;	
	background: #fff;
	width: 17.03125vw;
	height: 0.625vw;
}
.main .section .brown_inner{
	width: 100%;
	height: 100%;
}
.main .section .brown_wrap .txt{padding-top: 15.9375vw;}
.main .section .brown_wrap{
	height: 100%;
	background: rgba(172,138,92,.9);
	padding: 0 3.90625vw;
	text-align: left;
}
.main .section .brown_wrap .tit:before{right: inherit;}
.main .section .swiper-container{
	color: #fff;
	-ms-word-break: keep-all;
	word-break: keep-all;
	overflow: visible;			
}
.main .section .brown_slide .slide_tit{
	font-size: 3.75vw;
	font-weight: 600;
	line-height: 1.4em;
}
.main .section .brown_slide .txt01{
	font-size: 2.96875vw;
	font-weight: 200;
	color: #edd6b7;
	line-height: 1.5em;
}
.main .section .swiper-container .swiper-slide{opacity: 0 !important;}
.main .section .swiper-container .swiper-slide-active{opacity: 1 !important;}
.main .section .swiper-container .arrow_btn{
	height: 8.90625vw;
	width: 8.90625vw;
	background-size: contain;
	background-repeat: no-repeat;
	top: inherit;
	bottom: -9.84375vw;
	margin: 0;
	z-index: 1;
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 11;
}
.main .section .swiper-container .swiper-button-prev{
	background-image: url('../images/en_prev_btn.png');	
	left: 0;
}
.main .section .swiper-container .swiper-button-next{
	background-image: url('../images/en_next_btn.png');	
	right: 0;
}
.main .section .swiper-container .arrow_btn:after{
	font-size: 0;
	text-indent: -9999px;
	display: none;
	overflow: hidden;
}
.main .section .swiper-container .swiper-pagination-bullets{bottom: -7.34375vw;}
.main .section .swiper-container .swiper-pagination-bullet{
	background: #fff;
	width: 1.25vw;
	height: 1.25vw;
}
.main .section .brown_table{
	margin: 1.40625vw 0 2.03125vw;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,.35);	
}
.main .section .brown_table th,
.main .section .brown_table td{
	line-height: 1.043em;
	border-bottom: 1px solid rgba(255,255,255,.35);	
	border-right: 1px solid rgba(255,255,255,.35);	
	height: 8.125vw;
}
.main .section .brown_table th{
	color: #fff;
	font-size: 2.8125vw;
	font-weight: 600;
	letter-spacing: -0.025em;
}
.main .section .brown_table th.row_th{
	background: #fff;
	color: #af8d5d;
	line-height: 1.043em;
	border-bottom-color: rgba(175,145,104,.35);
	border-right: 0;
}
.main .section .brown_table td{
	font-size: 2.65625vw;
	font-weight: 200;
}
.main .section .brown_table.ver2 th,
.main .section .brown_table.ver2 td{height: 6.25vw;}
.main .section .brown_table.ver2 th:last-child,
.main .section .brown_table.ver2 td:last-child{border-right: 0;}
.main .section .brown_table.ver2 th{background: #af8d5d;}
.main .section .brown_table.ver2 td{
	background: #000;
	color: rgba(255,255,255,.75);
}
.main .section .brown_table.ver2 .brown{
	font-size: 3.125vw;
	font-weight: 500;
	color: #dec097;
	background: #000;
}
.main .section .brown_table.ver2 .white{
	font-weight: 500;
	color: #fff;
}
.main .section .brown_table.ver2 .white2{
	font-weight: 300;
	color: #fff;
}
.main #section03 .swiper-container .swiper-button-prev,
.main #section05 .swiper-container .swiper-button-prev{left: 3.90625vw;}
.main #section05 .swiper-container .swiper-button-next,
.main #section03 .swiper-container .swiper-button-next{right: 3.90625vw;}
.main .section .table_wrap{padding: 0 3.90625vw;}
.main .section .table_unit{
	position: absolute;
	top: -4.6875vw;
	right: 0;
	font-weight: 200;
	font-size: 2.34375vw;
	color: rgba(255,255,255,.6);
}
.main .section .brown_list .bold_txt{
	float: left;
	padding-left: 1.40625vw;
	margin-right: 0.625vw;
	position: relative;
}
.main .section .brown_list .bold_txt:before{
    content: '';
    position: absolute;
    top: 2.03125vw;
    left: 0;
    width: 0.3125vw;
    height: 0.3125vw;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
}
.main .section .brown_list .light_txt{float: left;}
.main .section .list_wrap{
	padding: 0 3.90625vw 0;
	text-align: left;	
}
.main .section .list_wrap .f_left{
	float: left;
	width: 50%;
}
.main .section .list_wrap .ico_tit{
	font-size: 4.0625vw;
	font-weight: 600;
	color: #dcb682;
	margin-bottom: 2.03125vw;
	position: relative;
	padding-left: 6.875vw;
	line-height: 1.355em;
}
.main .section .list_wrap .ico_tit img{
	vertical-align: text-bottom;
	position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
    left: 0;
	width: 5.46875vw;
}
.main .section .list_wrap li{
	padding-left: 2.03125vw;
	position: relative;
	line-height: 1.478em;
}
.main .section .list_wrap li.dot:before{
	content:'';
	position: absolute;
	top: 2.03125vw;
	left: 0;
	width: 0.3125vw;
	height: 0.3125vw;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(255,255,255,.5);
}
.main .section .list_wrap li .fs23,
.main .section .list_wrap li .fs24{line-height: 1.3;}
.main .section .list_wrap li .fs21{line-height: 1.476em;}
.main .section .list_wrap li .colon{
	padding-left: 1.25vw;
	margin-top: 0.625vw;
	position: relative;
}
.main .section .list_wrap li .colon:before{
	content:':';
	position: absolute;
	top: 0;
	left: 0;
}
.main .section .list_wrap .box01,
.main .section .list_wrap .box02{width: 100%;}
.main .section .list_wrap .box02{margin-top: 5.78125vw;}
.main .section .list_wrap .box02>div{
	float: left;
	width: 48.5%;
}
.main .section .list_wrap .box02 .box02_01{margin-right: 3%;}
.main .section .list_wrap .box02 .box02_01 span{display: block;}
.main #section01 img{width: 73.125vw;}
.main #section02 .txt img{width: 4.6875vw;}
.main #section02 .tit img{width: 65.3125vw;}
.main #section03 .txt img{width: 14.6875vw;}
.main #section03 .tit img{width: 45.9375vw;}
.main #section04 .txt img{width: 11.875vw;}
.main #section04 .tit img{width: 64.84375vw;}
.main #section04 .brown_wrap{
	margin-left: auto;
	margin-right: 0;
}
.main #section05 .txt img{width: 15.78125vw;}
.main #section05 .tit img{width: 23.4375vw;}
.main #section05 .list_wrap .ico_tit{padding-left: 7.34375vw;}
.main #section05 .list_wrap .ico_tit img{width: 6.25vw;}

/* popup */
.pop_btn_wrap{margin-top: 22.5vw;}
.pop_btn_wrap li{
	width: 32.6%;
	margin-right: 1.1%;
	float: left;
}
.pop_btn_wrap li a{
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.12);
	font-size: 3.59375vw;
	font-weight: 600;
	padding: 2.1875vw 1.09375vw 2.65625vw;
	display: block;
	color: #fff;
}
.pop_btn_wrap li a.active{border: 1px solid #fff;}
.pop_btn_wrap li a img{width: 7.03125vw;}
.pop_btn_wrap li:last-child{margin-right: 0;}
.pop_btn_wrap li p{margin-top: 0.625vw;	}
.pop_bg{
	display:none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6); 
	z-index: 202;
}
.pop_wrap{
	display: none; 
	position: fixed; 
	top: 50%;
	left: 0; 
	right: 0; 
	transform: translateY(-50%);
	z-index: 203; 
	background: #fff;
	overflow-y: auto;
}
.pop_inner{
	/*position: absolute; 
	top: 50%;
	height: auto;
    transform: translateY(-50%);
	left: 0; 
	right: 0;
	margin: 0 auto;*/
	position: relative;
    width: 100%;
	margin: 0 auto;
	padding: 6.40625vw 3.90625vw 6.40625vw;
	background: #fff;
	text-align: center;
}
#pop03 .pop_inner{height: auto;}
.pop_inner .pop_tit{
	font-size: 4.6875vw;
	font-weight: 600;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 54.53125vw;
	height: 10vw;
	line-height: 10vw;
	background: #af8d5d;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.pop_inner .pop_close{
	position: absolute; 
	top: 3.59375vw; 
	right: 3.59375vw;
	width: 4.84375vw;
	height: 4.84375vw;
	background-image: url('../images/en_pop_close.png');
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0;
	text-indent: -9999px;
}
.tab_wrap{padding-bottom: 3.90625vw;}
.pop_tab_btn li{float: left;}
.pop_tab_btn.w2 li{width: 50%;}
.pop_tab_btn.w3 li{width: 33%;}
.pop_tab_btn.w3 li:first-child{width: 34%;}
.pop_tab_btn li a{
	display: block;
	font-size: 2.96875vw;
	font-weight: 200;
	color: rgba(0,0,0,.5);
	border-bottom: 1px solid #e6e6e6;	
	padding-bottom: 2.03125vw;
}
.pop_tab_btn li a.on{
	font-weight: 600;	
	color: rgba(0,0,0,1);
	border-bottom: 0.3125vw solid #af8d5d;	
}
.pop_tab_cont>div{display: none;}
.pop_tab_cont>div.on{display: block;}
.pop_tab_cont .pop_txt{
	font-size: 2.65625vw;
	font-weight: 200;
	line-height: 1.706em;
	width: 100%;
	height: 39.0625vw;
}
.pop_tab_cont .gray_box{
	text-align: left;
	background: #f4f4f4;
	padding: 2.8125vw 3.90625vw 0;
	height: 48.59375vw;
}
.pop_tab_cont .gray_box p{
	color: #af8d5d;
	font-size: 3.4375vw;
	font-weight: 600;
	margin-bottom: 1.40625vw;
}
.pop_tab_cont .gray_box li{
	position: relative;
	padding-left: 1.875vw;
	font-size: 2.8125vw;
	font-weight: 300;
	margin-bottom: 0.78125vw;
}
.pop_tab_cont .gray_box li:before{
	content:'';
	position: absolute;
	top: 1.875vw;
	left: 0;
	width: 0.46875vw;
	height: 0.46875vw;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
}
.pop_tab_cont .pop_table{
	text-align: center;
	border-top: 1px solid #e0e0e0;
}
.pop_tab_cont .pop_table th,
.pop_tab_cont .pop_table td{
	border-bottom: 1px solid #e0e0e0;
	font-size: 2.96875vw;
}
.pop_tab_cont .pop_table th{
	font-weight: 500;
	height: 13.75vw;	
}
.pop_tab_cont .pop_table td{
	font-weight: 200;
	color: rgba(0,0,0,.6);
	height: 6.40625vw;
}
.pop_tab_cont .pop_table .bg_brown{
	background: #af8d5d;
	color: #fff;
	border-bottom-color: #9a7c52;
}
.pop_tab_cont .pop_table.ver2 th{height: 6.875vw;}
.pop_tab_cont .pop_table.ver2 td:last-child{border-left: 1px solid #e0e0e0;}


@media screen and (min-width: 768px){
	/* header */
	.header{
		padding: 0 15px;
		height: 80px;
	}
	.header h1.logo{width: 243px;}
	.header .menu>li{
		margin: 0 13px;
		line-height: 80px;
	}
	.header .menu>li.golf a img{width: 42px;}
	.header .menu>li.ski a img{width: 103px;}
	.header .menu>li.condo a img{width: 66px;}
	.header .menu li.lang>a{
		width:27px;
		height:27px;
		line-height:27px;
		font-size:13px;
		margin-top: 27px;
	}
	.header .menu li.lang ul{
		top:62px;
		width:56px;
	}
	.header .menu li.lang ul li a{
		font-size:13px;
		margin:7px 0;
	}

	/* footer */
	.footer{padding: 57px 0;}
	.footer p{font-size: 12px}
	.footer .f_info02{padding: 4px 0 22px;}
	.footer .f_logo{width: 103px;}

	/* main */
	.main .section .tit{
		padding: 39px 0 30px;
		margin-bottom: 38px;
	}
	.main .section .tit:before{
		width: 109px;
		height: 4px;
	}
	.main .section .brown_wrap .txt{padding-top: 102px;}
	.main .section .brown_wrap{padding: 0 25px;}
	.main .section .brown_slide .slide_tit{font-size: 24px;}
	.main .section .brown_slide .txt01{font-size: 19px;}
	.main .section .swiper-container .arrow_btn{
		height: 57px;
		width: 57px;
		bottom: -63px;
	}
	.main .section .swiper-container .swiper-pagination-bullets{bottom: -47px;}
	.main .section .swiper-container .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.main .section .brown_table{margin: 9px 0 13px;}
	.main .section .brown_table th,
	.main .section .brown_table td{height: 52px;}
	.main .section .brown_table th{font-size: 18px;}
	.main .section .brown_table td{font-size: 17px;}
	.main .section .brown_table.ver2 th,
	.main .section .brown_table.ver2 td{height: 40px;}
	.main .section .brown_table.ver2 .brown{font-size: 20px;}
	.main #section03 .swiper-container .swiper-button-prev,
	.main #section05 .swiper-container .swiper-button-prev{left: 25px;}
	.main #section03 .swiper-container .swiper-button-next,
	.main #section05 .swiper-container .swiper-button-next{right: 25px;}
	.main .section .table_wrap{padding: 0 25px;}
	.main .section .table_unit{
		top: -30px;
		font-size: 15px;
	}
	.main .section .brown_list .bold_txt{
		padding-left: 9px;
		margin-right: 4px;
	}
	.main .section .brown_list .bold_txt:before{
		top: 13px;
		width: 2px;
		height: 2px;
	}
	.main .section .list_wrap{padding: 0 25px 0;}
	.main .section .list_wrap .ico_tit{
		font-size: 26px;
		margin-bottom: 13px;
		padding-left: 44px;
	}
	.main .section .list_wrap .ico_tit img{width: 35px;}
	.main .section .list_wrap li{padding-left: 13px;}
	.main .section .list_wrap li.dot:before{
		top: 13px;
		width: 2px;
		height: 2px;
	}
	.main .section .list_wrap li .fs23,
	.main .section .list_wrap li .fs24{line-height: 1.542em;}
	.main .section .list_wrap li .colon{
		padding-left: 8px;
		margin-top: 4px;
	}
	.main .section .list_wrap .box02{margin-top: 37px;}
	.main #section01 img{width: 468px;}
	.main #section02 .txt img{width: 30px;}
	.main #section02 .tit img{width: 418px;}
	.main #section03 .txt img{width: 94px;}
	.main #section03 .tit img{width: 294px;}
	.main #section04 .txt img{width: 76px;}
	.main #section04 .tit img{width: 415px;}
	.main #section05 .txt img{width: 101px;}
	.main #section05 .tit img{width: 150px;}
	.main #section05 .list_wrap .ico_tit{padding-left: 47px;}
	.main #section05 .list_wrap .ico_tit img{width: 40px;}

	/* popup */
	.pop_btn_wrap{margin-top: 144px;}
	.pop_btn_wrap li a{
		font-size: 23px;
		padding: 14px 7px 17px;
	}
	.pop_btn_wrap li a img{width: 45px;}
	.pop_btn_wrap li p{margin-top: 4px;}
	.pop_inner{padding: 41px 25px 41px;}
	.pop_inner .pop_tit{
		font-size: 30px;
		width: 349px;
		height: 64px;
		line-height: 64px;
	}
	.pop_inner .pop_close{
		top: 23px; 
		right: 23px;
		width: 31px;
		height: 31px;
	}
	.tab_wrap{padding-bottom: 25px;}

	.pop_tab_btn li a{
		font-size: 19px;
		padding-bottom: 13px;
	}
	.pop_tab_btn li a.on{border-bottom: 2px solid #af8d5d;}
	.pop_tab_cont .pop_txt{
		font-size: 17px;
		height: 250px;
	}
	.pop_tab_cont .gray_box{
		padding: 18px 25px 0;
		height: 311px;
	}
	.pop_tab_cont .gray_box p{
		font-size: 22px;
		margin-bottom: 9px;
	}
	.pop_tab_cont .gray_box li{
		padding-left: 12px;
		font-size: 18px;
		margin-bottom: 5px;
	}
	.pop_tab_cont .gray_box li:before{
		top: 12px;
		width: 3px;
		height: 3px;
	}
	.pop_tab_cont .pop_table th,
	.pop_tab_cont .pop_table td{font-size: 19px;}
	.pop_tab_cont .pop_table th{height: 88px;}
	.pop_tab_cont .pop_table td{height: 41px;}
	.pop_tab_cont .pop_table.ver2 th{height: 44px;}
    .pop_tab_cont .pop_table .br {border-right: 1px solid #9a7c52;}
}
@media screen and (min-width: 1024px){
	.main .section .tit{
		padding: 15px 0 20px;
		margin-bottom: 10px;
	}
	.main .section .brown_wrap{
		width: 569px;
		padding: 0 25px;
	}
	.main .section .brown_wrap .txt{padding-top: 80px;}
	.main #section02 .brown_wrap{margin-left: 43px;}
	.main #section04 .brown_wrap{margin-right: 43px;}
	.main #section02 .swiper-container .arrow_btn,
	.main #section04 .swiper-container .arrow_btn{
		top: 143px;
		bottom: inherit;
	}
	.main .section .swiper-container .swiper-button-prev{left: -62px;}
	.main .section .swiper-container .swiper-button-next{right: -62px;}
	.main .section .swiper-container .swiper-pagination-bullets{bottom: -24px;}
	.main .section .list_wrap .ico_tit{line-height: 1;}
	.main .section .list_wrap li .fs23, 
	.main .section .list_wrap li .fs24,
	.main .section .list_wrap li .fs21{line-height: 1.3em;}
	.pop_btn_wrap li a{font-size: 20px;}

}
@media screen and (min-width: 1280px){
	.main .inner{
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	/* header */
	.header{padding: 0 35px;}
	.header .menu>li{margin: 0 42px;}
	.header .menu li.lang>a{
		width:30px;
		height:30px;
		line-height:30px;
	}
	.header .menu li.lang ul{top:67px;}

	/* footer */
	.footer{padding: 46px 0;}
	.footer p{font-size: 9px}
	.footer .f_info02{padding: 3px 0 18px;}
	.footer .f_logo{width: 84px;}

	/* fp-nav */
	#fp-nav{
		display:block;
		top:0;
		height:100%;
		margin-top:0 !important;
	}
	#fp-nav.right{
		right:0;
		z-index:35;
	}
	#fp-nav ul{
		position:absolute;
		top:50%;
		right: 31px;
		width:19px;
		transform: translateY(-50%);
		text-align:center;
	}
	#fp-nav ul li{
		width:100%;
		height: 100%;
		font-size:0;
		transition: all 0.4s ease;
		margin: 0;
	}
	#fp-nav ul li.last{display:none !important;}
	#fp-nav ul li a{
		display:inline-block;
		vertical-align:top;
	}
	#fp-nav ul li:hover a span,
	#fp-nav ul li a span{
		display: inline-block;
		position: relative;
		top:auto;
		left:auto;
		width: 2px;
		height: 33px;
		margin: 0 auto;
		font-size:0;
		background: #fff;
		text-indent:-9999px;
		transition: all 0.4s ease;
		vertical-align: top;
		opacity: 0.2;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#fp-nav ul li a.active span,
	#fp-nav ul li:hover a.active span{
		opacity: 1;
		width: 2px;
		height: 33px;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#fp-nav ul li .fp-tooltip{
		display:block;
		width: auto;
		color:rgba(255,255,255,0.5);
		font-family: 'Titillium Web', sans-serif;
		vertical-align:middle;
		/* transition: all 0.4s ease; */
	}
	#fp-nav ul li .fp-tooltip.right{
		right:19px;
		top: 0;
		bottom: 0;
		margin: auto;
		font-size: 0;
		color:#fff;
		text-indent: -9999px;
	}
	#fp-nav ul li:hover a + .fp-tooltip.right,
	#fp-nav ul li a.active + .fp-tooltip.right{
		width: 101px;
		height: 12px;
		background-position:center right;
		background-size:contain;
		background-repeat:no-repeat;
		opacity: 1;
	}
	#fp-nav ul li:hover a + .fp-tooltip.right{opacity: 0.5;}
	#fp-nav ul li a.active + .fp-tooltip.right{opacity: 1;}
	#fp-nav ul li.first:hover a + .fp-tooltip.right,
	#fp-nav ul li.first a.active + .fp-tooltip.right{background-image: url("/en/asset_new/images/en_section01_nav.png");}
	#fp-nav ul li.second:hover a + .fp-tooltip.right,
	#fp-nav ul li.second a.active + .fp-tooltip.right,
	#fp-nav ul li.third:hover a + .fp-tooltip.right,
	#fp-nav ul li.third a.active + .fp-tooltip.right{background-image: url("/en/asset_new/images/en_section02_nav.png");}
	#fp-nav ul li.fourth:hover a + .fp-tooltip.right,
	#fp-nav ul li.fourth a.active + .fp-tooltip.right{background-image: url("/en/asset_new/images/en_section04_nav.png");}
	#fp-nav ul li.fifth:hover a + .fp-tooltip.right,
	#fp-nav ul li.fifth a.active + .fp-tooltip.right{background-image: url("/en/asset_new/images/en_section05_nav.png");}
	#fp-nav ul li .fp-tooltip:after{display:none;}

	
	/* main */
	.main .section .tit{
		padding: 38px 0 27px;
		margin-bottom: 37px;
	}
	.main .section .brown_inner{
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
	}
	.main .section .brown_wrap{padding: 0 37px;}
	.main .section .brown_wrap .txt{padding-top: 102px;}
	.main .section .swiper-container .arrow_btn{
		height: 57px;
		width: 57px;
		top: 103px;
		bottom: inherit;
	}
	.main .section .swiper-container .swiper-button-prev{left: -72px;}
	.main .section .swiper-container .swiper-button-next{right: -72px;}
	.main .section .swiper-container .swiper-pagination-bullets{bottom: -24px;}
	.main #section03 .swiper-container .swiper-button-prev,
	.main #section05 .swiper-container .swiper-button-prev{left: 57px;}
	.main #section03 .swiper-container .swiper-button-next,
	.main #section05 .swiper-container .swiper-button-next{right: 57px;}
	.main .section .table_wrap{padding: 0 126px;}
	.main .section .list_wrap{padding: 24px 99px 0;}
	.main .section .list_wrap>div{padding: 0 27px !important;}
	.main .section .list_wrap li{padding-left: 10px;}
	.main .section .list_wrap li .fs23,
	.main .section .list_wrap li .fs24{line-height: 1.542em;}
	.main .section .list_wrap li .fs21{line-height: 1.476em;}
	.main .section .list_wrap .box01,
	.main .section .list_wrap .box02{
		margin-top: 0;
		width: 50%;
	}
	.main .section .list_wrap .box02>div{
		float: inherit;
		width: 100%;
		margin-right: 0;
	}
	.main .section .list_wrap .box02 .box02_01 span{display: inline-block;}
	.main .section .list_wrap .box02 .box02_02{margin-top: 37px;}
	
	.main #section02 .brown_wrap{margin-left: 0;}
	.main #section04 .brown_wrap{
		margin-left: auto;
		margin-right: 0;
	}

	.main #section02 .swiper-container .arrow_btn,
	.main #section04 .swiper-container .arrow_btn{top: 103px;}
		
	/* popup */
	.pop_wrap{
		max-height: 100%;
		background:transparent;
	}
	.pop_btn_wrap{margin-top: 118px;}
	.pop_btn_wrap li a{
		font-size: 18px;
		padding: 11px 9px 13px;
	}
	.pop_btn_wrap li a img{width: 36px;}
	.pop_btn_wrap li p{margin-top: 3px;}
	.pop_inner{
		width: 983px; 
		height: auto;
		margin: 55px auto;
		padding: 49px 92px 53px;
	}
	.pop_inner .pop_tit{
		font-size: 24px;
		width: 286px;
		height: 52px;
		line-height: 52px;
	}
	.pop_inner .pop_close{
		top: 23px; 
		right: 23px;
		width: 31px;
		height: 31px;
	}
	.pop_tab_btn li a{
		font-size: 15px;
		padding-bottom: 10px;
	}
	.pop_tab_cont .pop_txt{
		font-size: 13px;
		height: 191px;
	}
	.pop_tab_cont .gray_box{
		padding: 22px 77px 0;
		height: 186px;
	}
	.pop_tab_cont .gray_box p{
		font-size: 18px;
		margin-bottom: 9px;
	}
	.pop_tab_cont .gray_box li{
		padding-left: 9px;
		font-size: 14px;
		margin-bottom: 4px;
	}
	.pop_tab_cont .gray_box li:before{
		top: 9px;
		width: 2px;
		height: 3px;
	}
	.pop_tab_cont .pop_table th,
	.pop_tab_cont .pop_table td{font-size: 15px;}
	.pop_tab_cont .pop_table th{height: 72px;}
	.pop_tab_cont .pop_table td{height: 33px;}
	.pop_tab_cont .pop_table.ver2 th{height: 36px;}

}

@media screen and (min-width: 1440px){
	.main .inner{width: 1360px;}
	.main .section .brown_inner{width: 1360px;}	
}
@media screen and (min-width: 1680px){
	.main .inner{width: 1464px;}
	.main .section .brown_inner{width: 1464px;}	

	/* footer */
	.footer{padding: 57px 0;}
	.footer p{font-size: 12px}
	.footer .f_info02{padding: 4px 0 22px;}
	.footer .f_logo{width: 103px;}

	/* fp-nav */
	#fp-nav ul{
		right: 39px;
		width:24px;
	}
	#fp-nav ul li:hover a span,
	#fp-nav ul li a span{height: 41px;}
	#fp-nav ul li a.active span,
	#fp-nav ul li:hover a.active span{height: 41px;}
	#fp-nav ul li .fp-tooltip.right{right:24px;}
	#fp-nav ul li:hover a + .fp-tooltip.right,
	#fp-nav ul li a.active + .fp-tooltip.right{
		width: 124px;
		height: 15px;
	}

	/* main */
	.main .section .tit{
		padding: 36px 0 43px;
		margin-bottom: 35px;
	}
	.main .section .tit:before{
		width: 133px;
		height: 5px;
	}
	.main .section .brown_wrap .txt{padding-top: 81px;}
	.main .section .brown_wrap{
		width: 695px;
		padding: 0 46px;
	}
	.main .section .brown_slide .slide_tit{font-size: 30px;}
	.main .section .brown_slide .txt01{font-size: 24px;}
	.main .section .swiper-container .arrow_btn{
		height: 70px;
		width: 70px;
		top: 126px;
		background-color: rgba(0,0,0,0);
	}
	.main .section .swiper-container .swiper-button-prev{left: -166px;}
	.main .section .swiper-container .swiper-button-next{right: -166px;}
	.main .section .swiper-container .swiper-pagination-bullets{bottom: -30px;}
	.main .section .swiper-container .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.main .section .brown_table{margin: 11px 0 17px;}
	.main .section .brown_table th,
	.main .section .brown_table td{height: 64px;}
	.main .section .brown_table th{font-size: 23px;}
	.main .section .brown_table td{font-size: 21px;}
	.main .section .brown_table.ver2 th,
	.main .section .brown_table.ver2 td{height: 50px;}
	.main .section .brown_table.ver2 .brown{font-size: 25px;}
	.main #section03 .swiper-container .swiper-button-prev,
	.main #section05 .swiper-container .swiper-button-prev{left: 0;}
	.main #section03 .swiper-container .swiper-button-next,
	.main #section05 .swiper-container .swiper-button-next{right: 0;}
	.main .section .table_wrap{padding: 0 154px;}
	.main .section .table_unit{
		top: -37px;
		font-size: 19px;
	}
	.main .section .brown_list .bold_txt{
		padding-left: 12px;
		margin-right: 6px;
	}
	.main .section .brown_list .bold_txt:before{
		top: 17px;
		width: 3px;
		height: 3px;
	}
	.main .section .list_wrap{padding: 30px 121px 0;}
	.main .section .list_wrap>div{padding: 0 33px !important;}
	.main .section .list_wrap .ico_tit{
		font-size: 32px;
		margin-bottom: 16px;
		padding-left: 54px;
	}
	.main .section .list_wrap .ico_tit img{
		width: 43px;
	}
	.main .section .list_wrap li{padding-left: 13px;}
	.main .section .list_wrap li.dot:before{
		top: 17px;
		width: 3px;
		height: 3px;
	}
	.main .section .list_wrap li .colon{
		padding-left: 10px;
		margin-top: 5px;
	}
	.main #section01 img{width: 572px;}
	.main #section02 .txt img{width: 37px;}
	.main #section02 .tit img{width: 511px;}
	.main #section03 .txt img{width: 115px;}
	.main #section03 .tit img{width: 359px;}
	.main #section04 .txt img{width: 93px;}
	.main #section04 .tit img{width: 507px;}
	.main #section05 .txt img{width: 124px;}
	.main #section05 .tit img{width: 184px;}
	.main #section05 .list_wrap .ico_tit{padding-left: 58px;}
	.main #section05 .list_wrap .ico_tit img{width: 49px;}

	/* popup */
	.pop_btn_wrap{margin-top: 144px;}
	.pop_btn_wrap li a{
		font-size: 23px;
		padding: 14px 12px 17px;
	}
	.pop_btn_wrap li a img{width: 45px;}
	.pop_btn_wrap li p{margin-top: 4px;}
	.pop_inner{ 
		width: 1200px;
		padding: 60px 113px 65px;
	}
	.pop_inner .pop_tit{
		font-size: 30px;
		width: 349px;
		height: 64px;
		line-height: 64px;
	}
	.pop_inner .pop_close{
		top: 29px; 
		right: 29px;
		width: 38px;
		height: 38px;
	}
	.pop_tab_btn li a{
		font-size: 19px;
		padding-bottom: 13px;
	}
	.pop_tab_cont .pop_txt{
		font-size: 17px;
		height: 234px;
	}
	.pop_tab_cont .gray_box{
		padding: 27px 95px 0;
		height: 227px;
	}
	.pop_tab_cont .gray_box p{
		font-size: 22px;
		margin-bottom: 12px;
	}
	.pop_tab_cont .gray_box li{
		padding-left: 12px;
		font-size: 18px;
		margin-bottom: 5px;
	}
	.pop_tab_cont .gray_box li:before{
		top: 12px;
		width: 3px;
		height: 3px;
	}
	.pop_tab_cont .pop_table th,
	.pop_tab_cont .pop_table td{font-size: 19px;}
	.pop_tab_cont .pop_table th{height: 88px;}
	.pop_tab_cont .pop_table td{height: 41px;}
	.pop_tab_cont .pop_table.ver2 th{height: 44px;}


}