@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.padding {position:relative; z-index:10;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.local {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:19.7% 0 18% !important;}
.con1 .tit p:nth-child(1){display:inline-block; width:90%;}

.con2{background:#ffffff;}
.con2 .padding{padding:7% 0 6.4%;}
.con2 .tit p:nth-child(1){display:inline-block; width:15%;}
.con2 .tit p:nth-child(2){font-size:3.6rem; color:#0a4436; font-weight:bold; margin-top: 1%;}
.con2 .tit p:nth-child(3){font-size:2.2rem; color:#444444; margin-top:5.4%;}

.con3{background:#fdf9fa;}
.con3 .padding{padding:7% 0;}
.con3 .tit p:nth-child(1){display:inline-block; width:15%;}
.con3 .tit p:nth-child(2){font-size:3.6rem; color:#0a4436; font-weight:bold; margin-top: 1%;}
.con3 .box{max-width:791px; width:100%; box-sizing:border-box; padding:10px; background:url(images_sg/box_bg.png); margin:6.5% auto 0;}
.con3 .border{background:#fef0f5;}
.con3 .same{display:inline-block; vertical-align:bottom;}
.con3 .vis{width:53.69%;}
.con3 .info{width:calc(46.31% - 4px); text-align:right; box-sizing:border-box; padding:0 3% 5% 3%;}
.con3 .deco1{position:absolute; z-index:1; bottom:-24%; left:-26%;}

.con4{background:#ffffff;}
.con4 .padding{padding:7% 0 6.5%;}
.con4 .tit p:nth-child(1){display:inline-block; width:15%;}
.con4 .tit p:nth-child(2){font-size:3.6rem; color:#0a4436; font-weight:bold; margin-top: 1%;}
.con4 .pd{margin-top:4.2%;}
.con4 .pd li{display:inline-block; vertical-align:bottom; width:43.2%; padding: 0 2%;}
.con4 .valid{display:block; margin:7% auto 0; padding-top:6%; max-width:793px; width:90%; font-size:1.8rem; color:#666666; border-top:1px solid #f2d5e1;}
.con4 .deco2{position:absolute; z-index:1; bottom:-22%; right:-42%;}

.con5{background:#fdf9fa;}
.con5 .padding{padding:7% 0 12%;}
.con5 .tit p:nth-child(1){display:inline-block; width:15%;}
.con5 .tit p:nth-child(2){font-size:3.6rem; color:#0a4436; font-weight:bold; margin-top: 1%;}
.con5 .tit p:nth-child(3){font-size:2.2rem; color:#444444; margin-top: 5.4%;}
.con5 .tit p:nth-child(4){display:inline-block; width:90%; margin-top: 3.2%;}










@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:block;}

.con4 .deco2{right:-52%;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:block;}
.padding{padding:50px 0 !important;}

.con3 .deco1{display:none;}
.con4 .deco2{display:none;}
.con4 .pd li{width:90%; max-width:350px; margin-bottom:40px;}
.con4 .pd li:last-child{margin-bottom:0;}
}

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

.con3 .same{display:inline-block;}
.con3 .vis{width:100%;}
.con3 .vis img{width:100%;}
.con3 .info{width:100%;  padding:5% 3% 5% 3%;}
}