@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;}
.brightening {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.3;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
a, ul, li, p, img, div{max-width: 100%;} /* 슬릭넣어야할때 빼기 */

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

.con1{background:url(images_my/bg1.jpg) no-repeat center top / cover; text-align:left;}
.con1 .padding{padding:18.4% 0 18.2% !important;}
.con1 .tit{color:#ffffff; display:inline-block; text-align:center; line-height:1.2;}
.con1 .tit p:nth-child(1){font-size:2.2rem; color:#db5e0c; }
.con1 .tit p:nth-child(1) span{background:#ffffff; display:inline-block; padding:5px 23px; border-radius:30px; font-weight:bold; letter-spacing:0;}
.con1 .tit p:nth-child(2){font-size:6rem; margin-top:2.2%; }
.con1 .tit p:nth-child(2) span{font-size:4.1rem;}
.con1 .tit p:nth-child(3){font-size:2.6rem; margin-top:1%;}

.con2{background:url(images_my/bg2.jpg) repeat;}
.con2 .padding{padding:9% 0 10%;}
.you_wrap{position:relative; max-width:800px; width:100%; display:inline-block;}
.you_wrap:before{position:absolute; top:-40px; left:-57px; width:50px; height:73px; background:url(images_my/deco.png) no-repeat right top / contain; content:'';}
.you_wrap:after{position:absolute; bottom:-52px; right:-53px; width:50px; height:73px; background:url(images_my/deco.png) no-repeat left top / 80% auto; content:'';}
.youtubeBox{width:100%; height:auto; padding-top:56.25%; box-sizing:border-box; position:relative;}
.youtubeBox iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.con3{background:url(images_my/bg3.jpg) no-repeat center top / cover;}
.con3 .padding{padding:9% 0 10%;}
.con3 .tit p:nth-child(1){display:inline-block; width:80%; color:#ac5429; font-size:3rem; font-family:'Cloud-Light' !important; line-height: 1.7;}
.con3 .info{display:block; margin-top:6.3%; text-align:left; box-sizing:border-box; padding-left:38.8%;}
.con3 .info ul li:nth-child(n+2){margin-top:30px;}
.con3 .info ul li{box-sizing:border-box; padding-left:47px; position:relative;}
.con3 .info ul li:before{position:absolute; content:''; top:0; left:0; width:35px; height:48px; background:url(images_my/icon_1.png) no-repeat center top / contain;}
.con3 .info ul li:nth-child(2):before{background:url(images_my/icon_2.png) no-repeat center top / contain;}
.con3 .info ul li:nth-child(3):before{background:url(images_my/icon_3.png) no-repeat center top / contain;}
.con3 .info ul li p:nth-child(1){color:#404040; font-size:2.4rem; font-weight:bold;}
.con3 .info ul li p:nth-child(2){color:#595959; font-size:1.8rem; margin-top:10px; }
.con3 .info ul li p:nth-child(3){color:#8e8e8e; font-size:1.4rem; margin-top:20px; }
.con3 .btn_wrap{margin-top:5.5%;}
.con3 .btn{color:#ffffff; font-size:1.8rem; background:#ee6b00; display:inline-block; padding:13px 66px; border-radius:30px; font-weight:bold; letter-spacing: 0.5px;}

.con4{background:url(images_my/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:9.2% 0 7.7%;}
.con4 .tit p:nth-child(1){display:inline-block; width:80%;}
.con4 .info{display:block; margin-top:4.5%; text-align:left; box-sizing:border-box; padding-left:40.5%;}
.con4 .info p{color:#444444; font-size:1.8rem;}

.con5{background:#f9ebd8;}
.con5 .padding{padding:7.3% 0 9.8%;}
.con5 .tit p:nth-child(1){display:inline-block; width:80%;}
.con5 .tit p:nth-child(2){font-size:3rem; color:#f46c2f; margin-top:5px; font-family:'Cloud-Light' !important;}
.con5 .tit p:nth-child(3){display:inline-block; margin-top:5.4%;}

.con6{background:#ddbea8;}
.con6 .padding{padding:9.1% 0 9.4%;}
.con6 .box{width:100%; max-width:900px; display:inline-block; background:#ffffff; border-radius:5px; overflow:hidden;}
.con6 .box:nth-child(n+2){margin-top:40px;}
.con6 .box_tit{font-size:4.6rem; color:#ffffff; background:#6b452e; box-sizing:border-box; padding:20px 3%;}
.con6 .box_con{box-sizing:border-box; padding:30px 3% 0;}
.con6 .box_con ul{padding:46px 0; position:relative;}
.con6 .box_con ul:nth-child(n+2):before{position:absolute; content:''; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:635px; height:1px; background:#ebebeb;}
/* .con6 .box_con ul li:nth-child(1){color:#6b452e; font-weight:bold; font-size:3rem;} */
.con6 .box:nth-child(1) .box_con ul:nth-child(1) li:nth-child(2){margin-top:23px;}
/* .con6 .box_con ul li:nth-child(2){margin-top:36px;} */
.con6 .box_con ul li:nth-child(2){margin-top:25px; font-size:2.2rem; color:#414141;}
.con6 .box_con ul li:nth-child(2) strong{color:#6b452e;}
.con6 .box_con ul li:nth-child(3){margin-top:7%; font-size:1.6rem; color:#999999;}
.con6 .box_con ul li:nth-child(4){margin-top:15px; font-size:1.6rem; color:#999999;}
.con6 .box_con ul li:nth-child(5){margin-top:31px; font-size:1.6rem; color:#525252;}
.con6 .box_con ul li:nth-child(4) span{display:inline-block; vertical-align:middle; width:3px; height:3px; background:currentColor; border-radius:50%; margin-right:5px;}
.con6 .box_con ul li:nth-child(1) p:nth-child(2){margin-top:21px; color:#ffa902; font-size:2rem;}
.con6 .box:nth-child(2) .box_con ul li:nth-child(1) p:nth-child(2){color:#414141; font-size:2.2rem; font-weight:normal; line-height: 1.6;}
.con6 .box:nth-child(2) .box_con ul li:nth-child(1) p:nth-child(2) strong{color:#6b452e;}
.con6 .box:nth-child(3) .box_con ul:nth-child(1) li:nth-child(2){margin-top:94px;}
/* .con6 .box:nth-child(3) .box_con ul:nth-child(3) li:nth-child(2){margin-top:105px;} */
.con6 .shop{margin-top:105px;}
.con6 .shop .row:nth-child(1){font-size:2rem; color:#000000; font-weight:bold;}
.con6 .shop .row:nth-child(1) span{display:inline-block; background:#d5c8bf; padding:5px 18px; border-radius:30px;}
.con6 .shop .row:nth-child(2){margin-top:37px;}
.con6 .shop .row:nth-child(2) span{display:inline-block; padding:0 27px;}
.con6 .shop .row:nth-child(2) span:nth-child(n+2){border-left:1px solid #ebebeb;}
.con6 .shop .row:nth-child(3){margin-top:7%; font-size:1.6rem; color:#525252;}
.con6 .shop .row:nth-child(3) span{display:inline-block; vertical-align:middle; width:3px; height:3px; background:#5a5a5a; border-radius:50%; margin-right:5px;}
.con6 .warn{color:#b05f24; font-size:1.8rem; margin-top:27px;}
.con6 .warn span{width:4px; height:4px; background:currentColor; margin-right:6px; display:inline-block; vertical-align: middle; border-radius:50%;}

.con7{background:#f7f7f7;}
.con7 .padding{padding:9.7% 0 10%;}
.con7 .tit p:nth-child(1){display:inline-block; width:100%; color:#ac5429; font-size:3rem; font-family:'Cloud-Light' !important; line-height: 1.7;}
.con7 .tit p:nth-child(2){font-family:'Cloud-Light' !important; margin-top:23px; color:#666666; font-size:1.8rem;}
.con7 .tit p:nth-child(2) strong{color:#353535;}
.con7 .graph_wrap{margin-top:40px;}
.con7 .same{display:inline-block; vertical-align:middle; margin:0 10px;}
.con7 .icon_wrap{width:410px; padding:41px 3% 37px; box-sizing:border-box; background:#ea6a1e; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; box-shadow: 4px 4px 0px #ff9a37;}
.con7 .icon_wrap li:nth-child(n+2){margin-top:25px;} 
.con7 .icon_wrap li{color:#ffffff;} 
.con7 .icon_wrap li p:nth-child(2){font-size:2.2rem; font-weight:bold; margin-top:9px;} 
.con7 .icon_wrap li p:nth-child(3){font-size:1.8rem; } 
.con7 .how_wrap{text-align:left;}
.con7 .how_wrap .step{margin-top:40px;}
.con7 .how_wrap .step li:nth-child(1) span{display:inline-block; background:#f6882b; font-weight:bold; color:#ffffff; font-size:2rem; padding:3px 20px; border-radius:30px; letter-spacing: 0;}
.con7 .how_wrap .step li:nth-child(2){margin:13px 0 0 10px; color:#6a6a6a; font-size:1.8rem;}
.con7 .how_wrap .step ul:nth-child(n+2){margin-top:20px;}
.con7 .period{font-size:1.8rem; color:#444444; margin-top:27px; line-height: 1.5;}
.con7 .period strong{color:#f15e22; }
.con7 .period span{line-height: 1.3; display: inline-block; margin-top: 3px;}
.con7 .btn_wrap{text-align:center; margin-top:45px;}
.con7 .btn2{background:#f85c15; color:#ffffff; font-size:1.8rem; font-weight:bold; display:inline-block; padding:10px 30px; border-radius:30px; letter-spacing: 1px;}
.con7 .warn{margin-top:5.7%; color:#8e8e8e; font-size:1.4rem;}
.con7 .warn span{width:3px; height:3px; background:currentColor; margin-right:6px; display:inline-block; vertical-align: middle; border-radius:50%;}
.con7 .txt{text-align:left;}
.con7 .txt li:nth-child(n+2){margin-top:27px;}
/* .con7 .txt li:nth-child(n+2) *{line-height:1.3;} */
.con7 .txt li p:nth-child(1){font-weight:bold; color:#353535; font-size:2rem;}
.con7 .txt li p:nth-child(n+2){color:#484848; font-size:1.8rem; box-sizing:border-box; padding-left:30px; position:relative; background:url(images_my/check.png) no-repeat left 0.1em ; margin-top:14px;}
/* .con7 .txt li p:nth-child(n+2):before{position:absolute; } */
.con7 .txt li p:nth-child(n+2) strong{color:#e86800;}
/* .con7 .txt li p:nth-child(n+2) span{font-size:1.4rem;} */
.con7 .txt li p:nth-child(n+2) .ftsm{font-size:1.4rem;}
.con7 .per{margin-top:38px;}










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

.you_wrap:before {left: 0px; width: 23px;}
.you_wrap:after {bottom: -80px; right: 0px; width: 31px;}

.con3{background:#f7f7f7;}
.con3 .tit p:nth-child(2){display:inline-block; width:100%; max-width:380px;}
.con3 .info{display:inline-block; padding-left:0;}

.con4{background:#ffeabe;}
.con4 .tit p:nth-child(2){display:inline-block; width:100%; max-width:310px; margin-top:20px;}
.con4 .info{display:inline-block; padding-left:0; margin-top:0%;}

.con6 .box_tit{font-size:3.5rem;}
.con6 .box_con{padding:0 3% 0;}
.con6 .box_con ul{padding:30px 0;}
.con6 .box_con ul li:nth-child(2){margin-top:23px;}
.con6 .box:nth-child(3) .box_con ul:nth-child(1) li:nth-child(2){margin-top:30px;}
/* .con6 .box:nth-child(3) .box_con ul:nth-child(3) li:nth-child(2){margin-top:50px;} */
.con6 .shop .row:nth-child(2) span{padding:20px 0; width:183px; display:block; margin:0 auto;}
.con6 .shop .row:nth-child(2) span:nth-child(n+2){border-top:1px solid #ebebeb; border-left:0;}
.con6 .shop{margin-top:50px;}
.con6 .shop .row:nth-child(2){margin-top:0px;}

.con7 .same{display:block; margin:0 auto;}
.con7 .same:nth-child(n+2){margin-top:40px; display:inline-block;}
.con7 .how_wrap{text-align:center;}
.con7 .how img{width:300px;}
.con7 .how_wrap .step li:nth-child(2){margin:13px 0 0;}
.con7 .txt li p:nth-child(n+2){padding-left:23px; background:url(images_my/check.png) no-repeat left 0.1em / auto 15px;}
}

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

.con1 .tit{text-shadow: 2px 2px 5px #333333;}
.con1 .tit p:nth-child(1){text-shadow:none;}
.con1 .tit p:nth-child(2){font-size:4rem;}
.con1 .tit p:nth-child(2) span{font-size:3rem;}

.con5 .tit p:nth-child(2){font-size:2.5rem;}
}

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