@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;}
.coffee {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.4;}
.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_au/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:10.4% 0 10.2%;}
.con1 .tit{font-weight:bold;}
.con1 .tit p:nth-child(1){color:#b2895e; font-size:5.5rem; letter-spacing: -2px; text-shadow: -1px 2px 0px rgba(196, 163, 128, 0.59);}
.con1 .tit p:nth-child(2){color:#482d1e; font-size:9rem; text-shadow: -1px 2px 0px rgba(196, 163, 128, 0.59); margin-top: 1%; line-height: 1.1;}
.con1 .tit p:nth-child(3){color:#ba5637; font-size:4rem; position:relative; display:inline-block; width:70%; max-width:520px; margin-top: 3.5%;}
.con1 .tit p:nth-child(3):after{position:absolute; content:''; top:67%; transform:translateY(-50%); left:-215px; width:203px; height:2px; background:url(images_au/txt_deco1.png) no-repeat center top / 100% 100%;}
.con1 .tit p:nth-child(3):before{position:absolute; content:''; top:67%; transform:translateY(-50%); right:-215px; width:203px; height:2px; background:url(images_au/txt_deco2.png) no-repeat center top / 100% 100%;}
.con1 .tit p:nth-child(4){display:inline-block; margin-top:6%; box-shadow: 3px 6px 14px rgba(18, 18, 18, 0.2); max-width:938px; width:95%;}


.con2{background:url(images_au/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:9.2% 0 9.8%;}
.con2 .tit p:nth-child(1){color:#482d1e; font-size:4.5rem; font-weight:bold;}
.con2 .tit p:nth-child(2){display:inline-block; width:100%; margin-top:5.2%;}
.con2 .tit p:nth-child(3){display:inline-block; width:100%; margin-top:11.4%;}
.con2 .pd_wrap{display:block; width:100%; margin:3.7% auto 0; max-width:976px;}
.con2 .box{background:#ffffff; margin-bottom: 3%;}
.con2 .box:last-child{margin-bottom:0;}
.con2 .same{float:left; width:50%; max-width:488px;}
.con2 .info{}
.con2 .info ul{display:inline-block; text-align:left; margin:17% auto 0; /* max-width:429px; width: 90%; */ line-height:1.3;}
/* .con2 .box:nth-child(2) .info ul{margin:15% auto 0;} */
.con2 .box:nth-child(3) .info ul{margin:12% auto 0;}
/* .con2 .box:nth-child(4) .info ul{margin:16% auto 0;} */
.con2 .info li:nth-child(1){color:#482d1e; font-size:2.3rem;}
.con2 .info li:nth-child(1) span{padding-bottom:3px; border-bottom:2px solid currentColor; font-family: 'InnisfreeGothic' !important; font-weight:bold;}
.con2 .info li:nth-child(1) p{color:#b2895e; font-size:2.1rem; margin-top: 6%;}
.con2 .info li:nth-child(2){color:#5d5754; font-size:2.1rem; margin-top:4%;}
/* .con2 .info li:nth-child(3){text-align:right;} */
.con2 .box:nth-child(2n-1) .vis{float:right;}
/* .con2 .box:nth-child(2) .info li:nth-child(3){margin-top:2%;} */
/* .con2 .box:nth-child(3) .info li:nth-child(3){margin-top:5%;} */
/* .con2 .box:nth-child(4) .info li:nth-child(3){margin-top:5%;} */
.con2 .btn{margin-top:15.6%; display:inline-block; color:#ffffff; font-size:2rem; background:#3f3732; padding:10px 35px;}
.con2 .box:nth-child(2) .btn{margin-top:11.6%;}
.con2 .box:nth-child(3) .btn{margin-top:12.6%;}
.con2 .box:nth-child(4) .btn{margin-top:14.6%;}






.con3{background:url(images_au/bg3.jpg) no-repeat center top / cover;}
.con3 .padding{padding:9% 0 8%;}
.con3 .tit p:nth-child(1){color:#482d1e; font-size:5rem; font-weight:bold;}
.con3 .tit p:nth-child(2){color:#5d5754; font-size:2.5rem; margin-top:2%;}
.con3 .tit p:nth-child(3){display:inline-block; width:90%; margin-top:6%;}

.con4{background:url(images_au/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:10% 0;}
.con4 .tit{}
.con4 .tit li:nth-child(1){color:#482d1e; font-size:4rem; line-height: 1.3; letter-spacing: -1px;}
.con4 .tit li:nth-child(2){color:#6a5c54; font-size:2.2rem; margin-top: 1.5%;}
.con4 .tit li:nth-child(2) span{text-align:left; display:inline-block;}
.con4 .tit li:nth-child(2) span:nth-child(2n-1){width:423px;}
.con4 .tit li:nth-child(2) span:nth-child(2n){width:360px;}
.con4 .tit li:nth-child(3){display:inline-block; width:100%; margin-top:6%;}
.con4 .box{box-sizing:border-box; background:#ffffff; padding:5% 5%; margin-top:7%; max-width:858px; width:100%; border-top:7px solid #482d1e; display:inline-block; position:relative;}
.con4 .box p:nth-child(1){font-size:4rem; color:#482d1e;}
.con4 .box p:nth-child(2){font-size:2.2rem; color:#6a5c54; margin-top:12px;}
.con4 .box p:nth-child(3){display:inline-block; width:80%; margin-top:5%;}
.con4 .box:after{position:absolute; top:-25px; left:50%; transform:translateX(-50%); width:49px; height:49px; content:''; background:url(images_au/plus.png) no-repeat center center / 100% 100%;}

.con5{background:url(images_au/bg5.jpg) no-repeat center top / cover;}
.con5 .padding{padding:8.4% 0 9.8%;}
.con5 .tit{line-height: 1.4;}
.con5 .tit p:nth-child(1){color:#482d1e; font-size:4.5rem; font-weight:bold;}
.con5 .tit p:nth-child(2){color:#b2895e; font-size:3.3rem; }
.con5 .info_wrap{margin-top:3.6%;}
.con5 .info_wrap .same{display:inline-block; vertical-align:middle;}
.con5 .info_wrap .vis{max-width:526px; width:52.6%;}
.con5 .info_wrap .info{max-width:474px; width:calc(47.4% - 4px); text-align:left; box-sizing:border-box; padding:0 0 0 21px; letter-spacing: -1px;}
.con5 .info_wrap .info p{color:#5d5754; font-size:2.2rem;}

.con6{background:url(images_au/bg6.jpg);}
.con6 .padding{padding:9.2% 0 8.6%;}
.con6 .tit p:nth-child(1){color:#482d1e; font-size:4.5rem; font-weight:bold;}
.con6 .tit p:nth-child(2){color:#5d5754; font-size:2.2rem; margin-top:3.6%;}























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

.con2 .info li:nth-child(3) img{width:35%;}

.con4 .tit li:nth-child(2) span{text-align:center; width:100% !important;}
}

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

.con1 .tit p:nth-child(1){font-size:3.8rem;}
.con1 .tit p:nth-child(2){font-size:4.8rem;}
.con1 .tit p:nth-child(3){font-size:2.8rem;}
.con1 .tit p:nth-child(3):after {left: -84px; width: 78px;}
.con1 .tit p:nth-child(3):before {right: -84px; width: 78px;}

.con2 .tit p:nth-child(1){font-size:3rem;}
.con2 .tit p:nth-child(3){margin-top:30px;}
.con2 .tit p:nth-child(4){font-size:3rem; margin-top:40px;}
.con2 .pd_wrap{max-width:488px;}
.con2 .same{float:none; width:100%;}
.con2 .box:nth-child(2n) .vis{float:none;}
.con2 .info{display:inline-block;}
.con2 .info ul{text-align:center; margin:50px auto !important;}
.con2 .info li:nth-child(3) {text-align:center; display:inline-block; margin-top:5%;}
.con2 .info li:nth-child(3) img{width:100%;}
.con2 .btn{margin-top:0% !important;}

.con3 .tit p:nth-child(1){font-size:4rem;}

.con4 .tit li:nth-child(1){font-size:3rem;}
.con4 .box{margin-top:40px;}
.con4 .box p:nth-child(1){font-size:3.2rem;}

.con5 .tit p:nth-child(1){font-size:3rem;}
.con5 .tit p:nth-child(2){font-size:2rem;}
.con5 .info_wrap .vis{width:100%;}
.con5 .info_wrap .info{width:100%; text-align:center; padding:3% 0 0;}

.con6 .tit p:nth-child(1){font-size:3rem;}
}

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

/* .con1{background:url(images_au/bg1_m.jpg) no-repeat center top / cover;} */
.con1 .tit p:nth-child(4){line-height: 1.7;}
.con1 .tit p:nth-child(3):after {left: -44px; width: 40px;}
.con1 .tit p:nth-child(3):before {right: -44px; width: 40px;}

.con4 .box:after{top:-18px; width:30px; height:30px;}

}