@charset "utf-8";

.gtss{position:relative; max-width:2560px; margin:0 auto}
.gtss .container{max-width:1420px; margin:0 auto; position:relative}

.con01{position:relative; background:url(images_hk/con01_bg.jpg) center top / cover; text-align:center}
.con02{position:relative; padding:100px 0; background:url(images_hk/con02_bg.jpg) center top / cover; text-align:center}
.con03{position:relative; padding:100px 0; background:#f4ebd7; text-align:center}
.con04{position:relative; padding:100px 0; background:url(images_hk/con04_bg.jpg) center top / cover; text-align:center}

.con01 .padding{padding:8% 0 53% 0}
.con01 .title{position:relative; padding:0 50px}

.con02 .wrap{max-width:750px; margin:0 auto; position:relative; margin-top:30px}
.con02 .pd{position:relative}
.con02 .pd .img{display:inline-block; vertical-align:bottom;}
.con02 .pd .txt{position:relative; display:inline-block; vertical-align:bottom; text-align:left; line-height:1.4; text-align:left; right:50px}
.con02 .pd .txt p:nth-child(1){font-size:30px; font-weight:bold; color:#27463c}
.con02 .pd .txt p:nth-child(2){font-size:20px; color:#909090; padding:10px 0 0 0}
.con02 .pd .txt p:nth-child(4){font-size:17px; color:#909090 ;padding:0px 0 0 0}
.con02 .pd .txt .btn{position:relative; padding:25px 0 15px 0}
.con02 .pd .txt .btn a{display:inline-block; color:#fff; font-size:22px; padding:10px 50px; border-radius:4px; background:#000}
.con02 .pd .txt .btn a:after{content:''; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:7px; height:9px; background:url(images_hk/bullet.png) no-repeat; margin-left:9px}
.con02 .box{position:relative; margin-top:50px}
.con02 .box .border{position:relative; height:10px; background:url(images_hk/border.jpg) no-repeat; background-size:cover; border-radius:5px 5px 0 0; overflow:hidden}
.con02 .box .con{position:relative; padding:50px 20px; background:#fff; text-align:center; -webkit-box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);
box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);}
.con02 .box .con ul{position:relative; text-align:center; font-size:0;}
.con02 .box .con ul li{display:inline-block; vertical-align:top; margin:0 7px}
.con02 .box .con ol{position:relative; margin-top:50px; text-align:center; font-size:0}
.con02 .box .con ol li{display:inline-block; vertical-align:top; margin:0 5px}
.con02 .box .con .txt{position:relative; padding:20px 0 0 0; line-height:1.4; font-size:17px; color:#a5a5a5}
.con02 .title{position:relative;}
.con02 .title p:nth-child(1){position:relative; color:#005c40; font-size:39px; font-weight:bold;}
.con02 .title p:nth-child(2){position:relative; font-size:22px; color:#53635e; padding:10px 0 0 0; line-height:1.4}
.con02 .ft_txt{position:relative; padding:30px 10px 0 10px; color:#909090; font-size:17px}

.con03 .wrap{max-width:750px; margin:0 auto; position:relative}
.con03 .box{position:relative; border-radius:5px; overflow:hidden; -webkit-box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);
box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);}
.con03 .box .img{position:relative}
.con03 .box .img img{width:100%;}
.con03 .box .con{position:relative; background:#fff; padding:40px 0;}
.con03 .box .con p:nth-child(1){font-size:29px; color:#404040; font-weight:bold}
.con03 .box .con p:nth-child(1) span{color:#005c40}
.con03 .box .con p:nth-child(2){position:relative; padding:5px 0 0 0; color:#404040; font-size:22px}
.con03 .box .con .won{position:relative; font-size:0; padding:40px 0 0 0;}
.con03 .box .con .won li{display:inline-block; vertical-align:top; margin:0 10px}
.con03 .box .tail{position:relative; padding:20px 10px; text-align:center; font-size:16px; color:#005c40; background:#f5f5f5; line-height:1.5}

.con04 .wrap{max-width:750px; margin:0 auto; position:relative}
.con04 .title{position:relative; line-height:1.4}
.con04 .title p:nth-child(1){position:relative; font-size:54px; font-weight:bold; color:#005c40}
.con04 .title p:nth-child(2){position:relative; padding:0px 0 0 0; font-size:26px; color:#fff; font-weight:bold}
.con04 .box{position:relative; margin-top:40px}
.con04 .box .border{position:relative; height:10px; background:url(images_hk/border.jpg) no-repeat; background-size:cover; border-radius:5px 5px 0 0; overflow:hidden}
.con04 .box .con{position:relative; padding:50px 20px; background:#fff; text-align:center; -webkit-box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);
box-shadow: 4px 3px 20px 0px rgba(0,0,0,0.14);}
.con04 .box .con .img{position:relative}
.con04 .box .con .img.pt3{padding-top:15px}
.con04 .box .con .txt{position:relative; text-align:left; padding:20px 20px 0 90px}
.con04 .box .con .txt p{position:relative; line-height:1.4; padding:0 2px; color:#585858; font-size:21px}
.con04 .box .con .txt p:nth-child(1) span{font-weight:bold; color:#005c40; margin-right:8px}
.con04 .box .con .txt p:nth-child(2) span{font-weight:bold; color:#ffac3b; margin-right:8px}
.con04 .box .con p{font-size:21px; color:#005c40; line-height:1.4; font-weight:bold}
.con04 .box .tail{position:relative; font-size:17px; color:#9a9a9a; padding:15px 10px; background:#f5f5f5}
.con04 .ft_txt{position:relative; text-align:center; padding:30px 0 0 0; color:#809986; font-size:18px; line-height:1.4}

@media screen and (max-width: 900px){
	.con02, .con03, .con04{padding:70px 0}
	
	.con01 .padding{padding:10% 0 68% 0}
	
	.con02 .wrap{padding:0 20px}
	.con02 .pd .img img{width:300px}
	.con02 .pd .txt{right:auto}
	.con02 .pd .txt p:nth-child(1){font-size:25px}
	.con02 .pd .txt p:nth-child(2){font-size:18px}
	.con02 .pd .txt .btn a{font-size:18px}
	.con02 .title p:nth-child(1){font-size:25px}
	.con02 .title p:nth-child(2){font-size:17px;}
	
	.con03 .wrap{padding:0 20px}
	.con03 .box .con ul li p:nth-child(2){font-size:15px}

	.con04 .wrap{padding:0 20px}
	.con04 .title p:nth-child(1){font-size:35px}
	.con04 .title p:nth-child(2){font-size:25px}
	.con04 .box{margin-top:25px}
	
	.con04 .ft_txt{padding:20px 0 0 0; font-size:16px}
	.con04 .box .con .txt{padding:20px 10px 0 10px; text-align:center}
	.con04 .box .con .txt p{font-size:16px}
	.con04 .box .con p{font-size:18px}
}

@media screen and (max-width: 768px){
	.con02, .con03, .con04{padding:50px 0}
	
	.con02 .pd .img{display:block; text-align:center}
	.con02 .pd .img img{width:240px}
	.con02 .pd .txt{display:block; max-width:240px; margin:0 auto; margin-top:20px; text-align:center}
	.con02 .pd .txt p:nth-child(1){font-size:20px}
	.con02 .pd .txt p:nth-child(2){font-size:15px}
	.con02 .pd .txt .btn a{font-size:15px}
	.con02 .box .con{padding:20px 15px;}
	.con02 .box .con ul li{margin:0; width:33%;}
	.con02 .box .con ul li img{width:90%}
	.con02 .box .con ol{margin-top:30px}
	.con02 .box .con ol li{width:50%; margin:0; box-sizing:border-box; padding:0 3px}
	.con02 .box .con .txt{font-size:14px}
	.con02 .box{margin-top:25px}
	.con02 .title{padding:0 10px}
	.con02 .title p:nth-child(1){font-size:21px}
	.con02 .title p:nth-child(2){font-size:13px;}
	.con02 .pd .txt p:nth-child(4){font-size:15px}
	.con02 .ft_txt{padding:20px 10px 0 10px; font-size:15px}
	
	.con03 .box .con{padding:20px 0}
	.con03 .box .con p:nth-child(1){font-size:20px}
	.con03 .box .con p:nth-child(2){font-size:15px}
	.con03 .box .con .won{padding:10px 0 0 0}
	.con03 .box .con .won li{display:block; margin:10px 0}
	.con03 .box .con .won li img{width:140px}
	.con03 .box .tail{font-size:14px}
	
	.con04 .title p:nth-child(1){font-size:25px}
	.con04 .title p:nth-child(2){font-size:18px; padding:3px 0 0 0}
	.con04 .box .con .txt p{font-size:14px}
	.con04 .ft_txt{font-size:14px}
	.con04 .box .con{padding:25px 20px}
	.con04 .box .con p{font-size:16px}
	.con04 .box .tail{font-size:15px}
}