@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;}
.wrinkle {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;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.con1{background:url(images_sg/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:10.7% 0 0 !important;}
.con1 .tit p:nth-child(1){display:inline-block; width:90%;}
.con1 .tit p:nth-child(2){display:inline-block; width:50%; margin-top:4.8%; }
.con1 .tit p:nth-child(3){display:inline-block; width:70%; margin-top:10%;}
.con1 .tit p:nth-child(4){margin-top:23px; color:#666666; font-size:2.1rem;}
.con1 .tit p:nth-child(4) strong{color:#005d81;}
.con1 .tit p:nth-child(5){display:inline-block; width:100%; margin-top:5.5%;}

.youtubeBox{width:100%; height:auto; padding-top:50.6%; box-sizing:border-box; color:#003661; border:15px solid currentColor; margin:0 auto; position:relative; box-shadow: 5px 4px 7px rgba(58, 48, 92, 0.1); margin-top:7%; max-width:776px;}
.youtubeBox iframe{position:absolute; top:0 ;left:0; width:100%; height:100%;}

.con2{background:url(images_sg/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:26% 0 8%;}
.con2 .tit p:nth-child(1){display:inline-block; width:80%;}
.con2 .tit p:nth-child(2){margin-top:21px; color:#ffffff; font-size:2.1rem;}
.con2 .tit p:nth-child(3){display:inline-block; width:100%; margin-top:5%;}
.con2 .tit p:nth-child(4){margin-top:9.2%; display:inline-block; width:50%;}
.con2 .circle{margin-top:30px;}
.con2 .circle ul{display:flex; justify-content:space-between; padding:0 4.3%;}
.con2 .circle li{width:31.83%;}
.con2 .box{width:92.2%; box-sizing:border-box; border:5px solid rgba(255, 255, 255, 0.2); margin:9% auto 0; border-radius:14px;}
.con2 .border{background:rgba(255, 255, 255, 0.3); padding:6.63% 3.64% 8%; box-sizing:border-box; border-top-left-radius:9px; border-top-right-radius:9px; border-bottom-left-radius:9px; border-bottom-right-radius:9px;}
.con2 .box_tit p:nth-child(1){display:inline-block; width:90%;}
.con2 .box_tit p:nth-child(2){margin-top:30px; color:#ffffff; font-size:2.1rem;}
.con2 .box_tit p:nth-child(2) strong{color:#52d4eb;}
.con2 .pd_wrap{margin-top:6%;}
.con2 .pd_wrap ul{display:flex; justify-content:space-between; padding:0 6.3%;}
.con2 .pd_wrap li{width:31.83%;}
.con2 .pd2{margin-top:7%;}
.con2 .pd2 p:nth-child(1){display:inline-block; width:100%;}
.con2 .pd2 p:nth-child(2){display:inline-block; width:39%; margin-top: 32px;}
.con2 .pd2 p:nth-child(2) img{width:100%;}

.con3{background:url(images_sg/bg3.jpg) no-repeat center top / cover;}
.con3 .padding{padding:10.2% 0 5.5%;}
.con3 .tit p:nth-child(1){display:inline-block; width:90%;}
.con3 .tit p:nth-child(2){margin-top:24px; color:#000000; font-size:2.1rem;}
.con3 .tit p:nth-child(3){margin-top:32px; display:inline-block; width:80%;}
.con3 .tit p:nth-child(4){margin-top:36px; color:#000000; font-size:1.7rem; opacity:0.5;}





@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:block;}
.youtubeBox{/* width:90%; */ border:5px solid currentColor;}

.con2 .border{padding:30px 3.64%;}
.con2 .box{width:100%;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:inline-block;}
.padding{padding:50px 0 !important;}
.con1 .tit p:nth-child(5){margin-top:10%;}
.youtubeBox{margin-top:10%;}

.con1 .padding{padding:10.7% 0 50px !important;}

.con2{background:url(images_sg/bg2_m.jpg) no-repeat center top / cover;}
.con2 .circle ul{display:block;}
.con2 .circle li{width:70%; display:inline-block; margin-bottom:20px;}
.con2 .circle li:last-child{margin-bottom:0;}
.con2 .pd_wrap{margin-top:10%;}
.con2 .pd_wrap ul{display:block;}
.con2 .pd_wrap li{width:42%; display:block; margin:0 auto 50px;}
.con2 .pd_wrap li:last-child{margin-bottom:0;}
.con2 .pd2{margin-top:50px;}
.con2 .pd2 p:nth-child(2) {margin-top: 20px;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:block;}
}