@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.serum {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}

.hk *{font-family: '新宋体' !important;} /*홍콩*/
.hk *{font-family:'黑体', SimHei !important;} /*홍콩*/
.tw *{font-family: '新宋体' !important;} /*대만*/
.tw *{font-family:'黑体', SimHei !important;} /*대만*/
.jp *{font-family: 'DFGothic' !important;} /*일본*/
.th *{font-family:'Cloud-Light',Tahoma;} /*태국*/
.th2 {font-family:'Cloud' !important; font-weight:bold;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.con1{background:url(images_my/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:10.3% 0 7.4%;}
.con1 .tit p:nth-child(1){display:inline-block; width:100%;}
.con1 .tit p:nth-child(2){font-weight:bold; color:#999999; font-size:3rem; margin-top:1%; letter-spacing:0px;}
.con1 .tit p:nth-child(3){display:inline-block; width:70%; margin-top:93.2%;}
.con1 .tit p:nth-child(4){color:#333333; font-size:2.1rem; margin-top:2%;}
.con1 .tit p:nth-child(5){display:inline-block; width:100%; margin-top:4.5%;}
.con1 .tit p:nth-child(6){color:#666666; font-size:1.8rem; margin-top:3.4%;}

.con2{background:#f5f5f5;}
.con2 .padding{padding:8.2% 0 7%;}
.con2 .tit p:nth-child(1){display:inline-block; width:100%;}
.con2 .tit p:nth-child(2){color:#333333; font-size:1.9rem; margin-top:3.3%;}
.con2 .slide_wrap{margin-top:5.6%;}
.con2 .box{background:#396e00; display:inline-block; box-sizing:border-box; border-radius:30px; max-width:780px; width:100%; position:relative; margin-bottom:6%;}
.con2 .box:nth-child(2){background:#284998;}
.con2 .box:nth-child(3){background:#199f73;}
.con2 .box:nth-child(4){background:#d8563a;}
.con2 .box:last-child{margin-bottom:0;}
.con2 .box_tit{padding:4.2% 0 3.5%;}
.con2 .box_tit p{display:inline-block; width:50%;}
.con2 .box_con{background:#ffffff; border-radius:28px; box-sizing:border-box; width:calc(100% + 1px); margin-left:-0.5px; padding:5.3% 8% 9%;}
.con2 .box_con .slick-list li{max-width:294px; width:60%;}
.con2 .box_con .slick-list li p:nth-child(2){font-size:2.25rem; color:#333333; margin-top:15px; font-weight:bold; line-height: 1.3;}
.con2 .box_con .slick-list li p:nth-child(3){margin-top:15px;}

	.arrow{position:absolute; top:40%; width:4%;}
	.prev{left:-10%;}
	.next{right:-10%;}

	.slide .slick-dots {text-align:center; margin-top:8%;}
	.slide .slick-dots li {margin: 0 5px; display: inline-block;}
	.slide .slick-dots li button {width: 12px; height: 12px; background: #999999; border: 0; border-radius: 50%; text-indent: -999em; cursor: pointer;}
	.slide .slick-dots li.slick-active button {background: #000000;}





















@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:block;}

	.prev{left:3%;}
	.next{right:3%;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:block;}
.padding{padding:50px 0 !important;}

.con1 .tit p:nth-child(3){margin-top:124.2%;}

.con2 .box{border-radius:15px;}
.con2 .box_con{border-radius:13px;}
}

@media screen and (max-width: 640px){
.con2 .box_con{padding:5.3% 20% 10%;}
.slide .slick-dots {margin-top:13%;}
/* .con2 .box:nth-child(3) .slide .slick-dots {margin-top:0;} */
.arrow{width:6%;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:block;}

.con2 .slide_wrap{margin-top:30px;}
.slide .slick-dots li {margin: 0 4px;}
}