@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;}
.cherryblossom {max-width:2560px;margin:0 auto;letter-spacing:-0.5px;background:#faeff7;}
.db480{display:none;}
img{max-width:100%;}

/* .hk *{font-family: '黑体' !important;}
.tw *{font-family: '黑体' !important;}
.tw{font-family: '黑体' !important;}
.jp *{font-family: 'DFGothic' !important;}
.th *{font-family:'Cloud-Light',Tahoma !important;}
.th{font-family:'Cloud-Light',Tahoma !important;}
.vn *{font-family: Arial !important;}
.vn{font-family: Arial !important;} */

/* 애니메이션 */
.animated_obj{
    transition:.5s ease;
    transition-property:opacity,-webkit-transform;
    transition-property:transform,opacity;
    transition-property:transform,opacity,-webkit-transform;
    opacity:0;
    -webkit-transform:translate(0,50px);
    transform:translate(0,50px)
}

.animated_obj1 {transition-delay:0s}
.animated_obj2 {transition-delay:0.1s}
.animated_obj3 {transition-delay:0.2s}
.animated_obj4 {transition-delay:0.3s}
.animated_obj5 {transition-delay:0.4s}
.animated_obj6 {transition-delay:0.5s}
.animated_obj7 {transition-delay:0.7s}

.animated_obj.animated {opacity: 1;-webkit-transform: translate(0, 0);transform: translate(0, 0);}

.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/* //애니메이션 */


.con1{background:url('images/bg1.jpg') no-repeat center top / cover; text-align:center;}
.my .con1{background:url('images/bg1_my.jpg') no-repeat center top / cover;}
.au .con1{background:url('images/bg1_au.jpg') no-repeat center top / cover;}
.con1 .padding{padding:11.4% 0 89%;}
.au .con1 .padding{padding:10.2% 0 84.6%;}
.au .con1 .tit p:nth-child(1){color:#ffffff; font-size:2rem;}
.au .con1 .tit p:nth-child(1) span{display:inline-block; background:#235f9a; padding:9px 69px; border-radius:10px 0;}
.au .con1 .tit p:nth-child(2){font-weight:bold; color:#235f9a; font-size:6.6rem; line-height: 1.1;}
.con1 .tit{display:inline-block; width:100%; letter-spacing:-1px;}
.cherryVn .con1 .tit{letter-spacing:-2px;}
.cherryTh .con1 .tit{width:95%;}
.con1 .tit p:first-child{font-size:3.4rem; color:#ee4a7f;}
.cherryTw .con1 .tit p:first-child{font-size:4.2rem; font-weight:bold;}
.con1 .tit p:last-child{font-size:6.8rem; color:#552132; margin-top:1%; font-weight:bold; line-height:1;}
.cherryTw .con1 .tit p:last-child{font-size:7.2rem;}
.cherryId .con1 .tit{width:90%;}
.cherryVn .con1 .tit{width:100%;}
.con1 .fully{position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); width:50%;z-index: 100;}
.con1 .icon{margin-top:62%;}
.icon li{display:inline-block; padding:0 5%; border-right:1px solid #f8cfdf; color:#ee4a7f; font-size:2.2rem; font-weight:bold;}
.cherryId .icon li{padding:0 3%;}
.cherryVn .icon li{/* font-weight:normal; */ padding:0 2%; letter-spacing:-1px;}
.cherryMy .icon li{padding:0 6.5%;}
.icon li:last-child{border:none;}
.icon li p:last-child{margin-top:10%;}
.cherryTw .icon li p:last-child{margin-top:17%;}
.con1 .hash li{position:absolute;}
.con1 .hash li > div{display:none !important;}
.con1 .hash li:first-child{top:51%; left:32%; transform:translate(-50%, -50%); width:38%;}
.con1 .hash li:nth-child(2){top:51%; left:69%; transform:translate(-50%, -50%); width:25%;}
.con1 .hash li:last-child{top:56%; left:74.3%; transform:translate(-50%, -50%); width:39%;}
.au .con1 .hash li:last-child{top:59%; left:85.3%;}
.my .con1 .hash li:first-child{left:30%;}
.cherryVn .con1 .hash li:first-child{left:16%;}
.cherryAu .con1 .hash li:first-child{left:17%;}
.cherryMy .con1 .hash li:nth-child(2){left:87%;}
.cherryVn .con1 .hash li:nth-child(2){left:90%;}
.my .con1 .hash li:last-child{left:70.3%;}
.cherryVn .con1 .hash li:last-child{left:84.5%;}

.con15{display:none;}

.con2{background:#a75c0b; text-align:center;}
.au .con2{background:#74a1d2; text-align:center;}
.cherryVn .con2{background:#a75c0b; text-align:center;}
/* .cherryVn .con2 .close{background:#e24a7b url('images/bg2_vn_close.jpg') no-repeat center top / cover;} */
.con2 .padding{padding:8% 0 9%;}
.con2.open .padding{padding:7% 0;}
.cherryTh .con2 .padding{padding:10% 0;}
.cherryTh .con2.open .padding{padding:6% 0;}
.cherryVn .con2 .padding{padding:6.5% 0;}
.cherryVn .con2.close .padding{padding:12% 0;}
.cherryId .con2.close .padding{padding:9% 0;}
.con2 .tit{display:inline-block; width:100%;}
.cherryAu .con2.open .tit{width:90%;}
.cherryMy .con2.close .tit{width:73%;}
.cherryId .con2.close .tit{width:65%;}
.cherryTw .con2 .tit{width:70%;}
.cherryId .con2 .tit{width:100%;}
.con2 .info{margin-top:38px; /* max-width:550px; */ display:inline-block; box-sizing:border-box;font-size:2rem; color:#ffffff; text-align:left;padding: 2.72% 3.5%;background:#9e5608 /*url('images/con2_info.jpg') no-repeat 0 0 / contain*/;border: 2px dashed #8e4f0b;}
.au .con2 .info{background:#719fce; border: 2px dashed #6b96c2;}
.cherryTh .con2 .info{margin-top:36px;}
.cherryAu .con2 .info{margin-top:33px;}
.cherryTh .con2 .info{font-weight:bold;}
.con2 .info span{color:#ffe96e;}
.con2 .member span.colorY{color:#fdffba;}
/* .con2 .info li{padding-left:25px; background:url('images/list_icon.png') no-repeat left center; line-height:1.5;} */
.con2 .info li{padding-left:32px; background:url('images/list_icon.png') no-repeat left 8px; line-height:1.7;}
.au .con2 .info li{background:url('images/list_icon_au.png') no-repeat left 5px;}
/* .cherryTw .con2 .info li{padding-left:0; background:none;} */
.con2 .stock{margin-top:4%; font-size:1.8rem; color:#d6a671; line-height: 1.5;}
.au .con2 .stock{margin-top:3%; color:#405770;}
.cherryTw .con2 .stock{margin-top:4%;}
.cherryTh .con2 .stock{margin-top:4%;}
.cherryId .con2 .stock{font-size:1.6rem;}
.cherryAu .con2 .stock{font-size:1.6rem;}
.con2 .member{margin-top:23px; font-size:2.2rem; color:#ffffff; line-height: 1.5;}
.cherryVn .con2 .member{line-height: 1.3;}
.cherryId .con2 .member{margin-top:25px;}
.cherryAu .con2 .member{margin-top:36px;}
.cherryTh .con2 .member{margin-top:31px; line-height: 1.4;}
.cherryTw .con2 .member{margin-top:33px; line-height: 1.4;}
.con2 .tit p:nth-child(1){color:#ffdcb6; font-size:3.4rem; line-height: 1.3;}
.con2 .tit p:nth-child(1) strong{color:#ffffff; font-size:3.8rem;}
.con2 .tit p:nth-child(2){margin-top:15px; color:#ffffff; font-size:1.8rem; line-height: 1.6;}
.cherryTw .con2 .tit p{font-size:5rem; font-weight:normal;}
.cherryTw .con2 .tit p span{vertical-align:6px; margin-left:12px; display:inline-block;}
.con2 .info span.t{display:inline-block; visibility:hidden;}


.con3{background:url('images/bg3.jpg');}
.au .con3{background:#e4f0ff;}
.con3 .padding{padding:9% 0;}
.con3 .tit{display:inline-block; margin-top: 17px; width:100%;}
.con3 .tit p:nth-child(1){color:#6b4a3e; font-size:3.2rem; letter-spacing: -1.5px;}
.con3 .tit p:nth-child(1) span{color:#8f4411; font-size:4.5rem;}
.con3 .tit p:nth-child(1) strong{color:#c65a10;}
.au .con3 .tit p:nth-child(1){color:#3b6289;}
.au .con3 .tit p:nth-child(1) span{color:#3b6289;}
.au .con3 .tit p:nth-child(1) strong{color:#235f9a;}
.con3 .tit p:nth-child(3){color:#6b4a3e; font-size:1.6rem; margin-top:6px;}
.con3 .tit p:nth-child(2){color:#ba7650; font-size:2.2rem; margin-top:22px;}
.au .con3 .tit p:nth-child(2){color:#6386a9; }
.con3 .top{text-align:center;}
.con3 .top .review{color:#ffffff; background:#ba7650; font-size:20px; letter-spacing:5px; padding:8px 2.5%; display:inline-block; position:relative;}
.au .con3 .top .review{background:#3b6fa3;}
.con3 .top .review:before{position:absolute; top:0; left:-27px; width:27px; height:43px; background:url('images/left.png') no-repeat right center / 100% 100%; content:'';}
.con3 .top .review:after{position:absolute; top:0; right:-27px; width:27px; height:43px; background:url('images/right.png') no-repeat left center / 100% 100%; content:'';}
.au .con3 .top .review:before{background:url('images/left_au.png') no-repeat right center / 100% 100%;}
.au .con3 .top .review:after{background:url('images/right_au.png') no-repeat left center / 100% 100%;}
.con3 .top .btn{position: relative;font-size:1.8rem; color:#ffffff; background:#222; display:inline-block; padding:17px 43px 17px 37px; margin-top:3.4%; border-radius:4px; letter-spacing:0;min-width:330px;box-sizing:border-box;}
.con3 .top .btn span {display: inline-block;padding-right:16px;background:url('images/arr_right1.png') no-repeat right center;}
.cherryVn .con3 .top .btn{font-weight:normal; letter-spacing: -0.5px;}
.cherryAu .con3 .top .btn{margin-top:2.4%;}
.cherryMy .con3 .top .btn{padding:2.3% 12%;}
.cherryTw .con3 .top .btn{padding:2.3% 15%;}
.cherryId .con3 .top .btn{padding:2.3% 27px;}
.con3 .box{box-sizing:border-box; }
.con3 .box1{border:5px solid #edd5c5; background:#edd5c5; border-radius:8px; margin-top:5%;}
.au .con3 .box1{border:5px solid #b4deff; background:#b4deff; }
.con3 .box2{border:1px dashed #fdf5fc; border-radius:4px; position:relative;}
.con3 .box3{border:4px solid #edd5c5; background:#ffffff; border-radius:4px; position:relative;}
.au .con3 .box3{border:4px solid #b4deff;}
.con3 .box4{padding:1.2% 3% 1% 2%; min-height:200px; max-height:1047px; margin-bottom:40px; overflow-y:scroll; position:relative;}
.con3 .refresh{position: absolute;bottom: 14px;right: 14px;z-index: 10;}
.con3 .warn{margin-top:3.4%; margin-bottom:1%; font-size:16px; color:#666666;}
.cherryTw .con3 .warn{margin-top:0.4%;}
.cherryVn .con3 .warn{margin-top:2.5%;}
.cherryAu .con3 .warn{margin-top:2.4%;}
.cherryAu .con3 .warn span{font-weight:normal;}
.cherryTh .con3 .warn{font-size:2rem; color:#5a4f53;}
.con3 .tit p {font-size:3.8rem; color:#552132; }
.cherryTw .con3 .tit p {font-size:4.2rem; color:#552132; letter-spacing:-2px; line-height:1.3;}
.con3 .tit span{color:#e73871;}
.cherryTw .con3 .tit span strong.ltsp{letter-spacing:1px; margin-left: 4px;}
.con3 .warn span{color: #e73871;font-size: 2.2rem;font-weight: bold; display:inline-block; margin-top:17px;}
.con3 .warn span i{margin-right: 5px;}
.cherryTw .con3 .warn span{font-weight: normal;}
.cherryVn .con3 .warn span{font-weight: normal; letter-spacing: -1px;}
.cherryAu .con3 .warn span{margin-top:0;}

/* .reviewList .unit{padding:30px 0 4px;} */
.reviewList .unit .writerArea {width: 240px;padding-left: 2.5%;box-sizing: border-box;}
.reviewList .unit .writerArea .name {font-family: 'InnisfreeGothic' !important;}
.cherryTw .reviewList .unit .writerArea .name {font-family: '新宋体' !important;}
.reviewList .unit .contArea .cont .snsLink {position: absolute;right: 0;bottom: 0px;}
/* 스크롤 요구할때 */
/* .con3 ::-webkit-scrollbar {width: 7px;}
.con3 ::-webkit-scrollbar-thumb {background:#222222;border-radius: 3px;}
.con3 .box4 {margin-right: 19px;} */
.reviewList .unit .contArea .cont {min-height: 10px;}
.cherryblossom .reviewList .unit .writerArea .reviewPoint img {width: 104px;}


@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.reviewList .unit .contArea .cont .snsLink {position: static;margin: 10px 0 0 9px;}
.con2 .info li{background: url(images/list_icon.png) no-repeat left 3px / 20px auto;padding-left:29px;}
.au .con2 .info li{background:url('images/list_icon_au.png') no-repeat left 2px;}
/* .con3 .warn span{background: url('images/list_icon2.png') no-repeat left 2px;} */
}

@media screen and (max-width: 768px){
.dn768{display:none;}

.reviewList .unit .writerArea {float: none;width: auto;padding: 15px;background: #fafafa;}
.reviewList .unit {padding: 30px 0;}
.reviewList .unit .contArea .cont .snsLink .btn a {border: 1px solid #cccccc;}

.con1{/*background:url('images/bg1_m.jpg') no-repeat center top / cover;*/}
.con1 .icon{display:none;}
.con1 .padding{padding:11.4% 0 90%;}
.con1 .fully{top:60%;}
.con1 .hash li:first-child{top:55%; left:29%; }
.con1 .hash li:nth-child(2){top:50%; left:72%; }
.con1 .hash li:last-child{top:61%; left:77%; }
.cherryAu .con1 .hash li:first-child{top:63%; left:15%; width:33%;}
.cherryMy .con1 .hash li:first-child{top:63%; left:15%; width:30%;}
.cherryVn .con1 .hash li:first-child{top:63%; left:15%; width:30%;}
.cherryVn .con1 .hash li:last-child{top:60%; left:85.5%; width:28%;}
.con1 .tit p:first-child{font-size:3rem;}
.con1 .tit p:last-child{font-size:4rem;}
.cherryTw .con1 .tit p:first-child{font-size:3rem;}
.cherryTw .con1 .tit p:last-child{font-size:4rem;}
.my .con1 .hash li:last-child{left:79.3%;}
.my .con1 .hash li:first-child{left:22%;}
.au .con1 .tit p:nth-child(2){font-size:4rem;}
.au .con1 .tit p:nth-child(1) span{padding:5px 40px;}
.au .con1 .hash li:last-child{left:80.3%;}

.con15{display:block; text-align:center;}
.con15{background:#faeff7;}
.con15 .padding{padding:0 0 50px;}
.con15 .icon ul{display:inline-block; text-align:left;}
.con15 .icon li{display:block; margin:auto; border-right:none; border-bottom:1px solid #f8cfdf; padding:0 0 10%; margin-bottom:10%;}
/* .cherryVn .con15 .icon li{width:260px;} */
/* .cherryTh .con15 .icon li{width:130px;} */
.con15 .icon li p:first-child{width:55px; margin-right:10px;}
.con15 .icon li:last-child{padding-bottom:0; margin-bottom:0; border:none;}
.con15 .icon li p{display:inline-block; vertical-align:middle;}
.icon li p:last-child {margin-top: 0; text-align:left;}
.cherryTw .icon li p:last-child{margin-top:0;}

.con2 .tit {margin:0 5%;width:auto;}
.con2 .padding{padding:50px 0 !important;}
.con2 .tit p:nth-child(1){font-size:2.5rem;}
.con2 .tit p:nth-child(1) strong{font-size:3rem;}
.con2 .info{margin-top:5%;}
.con2 .info li {font-size: 2.0rem;}
.con2 .stock{margin-top:7.5%;}
.con2 .member{font-size:2rem;}
.cherryTh .con2 .member{margin-top:23px;}
.con2 .tit p{font-size:3rem;}
.cherryTw .con2 .tit p{font-size:3rem;}
.cherryTw .con2 .tit p span{vertical-align:3px; margin-left:7px; width:20px;}

.con3 .padding{padding:50px 0;}
.con3 .top .review{font-size:14px; padding:6px 4%;}
.con3 .top .review:before {height:120%;}
.con3 .top .review:after {height:120%;}
.con3 .box4{padding:1.2% 5% 1%; max-height:400px;}

.con3 .tit{margin-top:6%}
.con3 .tit p:nth-child(1){font-size:2.5rem;}
.con3 .tit p:nth-child(1) span{font-size:3rem;}
.con3 .top .btn{margin-top:7%;}
.con3 .top .btn{min-width:auto;box-sizing:inherit;}
.con3 .box1{margin-top:9%;}
.con3 .warn{font-size:12px;}
.cherryTh .con3 .top .btn{padding:3.3% 10%;}
.con3 .tit P{font-size:3rem;}
.cherryTw .con3 .tit P{font-size:2.5rem;}
}

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

.con1 .tit p:first-child{font-size:2rem;}
.cherryTw .con1 .tit p:first-child{font-size:2rem;}
.con1 .tit p:last-child{font-size:3rem;}
.cherryTw .con1 .tit p:last-child{font-size:3rem;}
.con2 .info span.t{display:none;}
.cherryAu .con2 .member{margin-top:25px;}
/* .con3 .warn span{background: url('images/list_icon2.png') no-repeat left 0px;} */
.au .con1 .padding{padding:10.2% 0 107.6%;}
.au .con2 .info li{background:url('images/list_icon_au.png') no-repeat 5px 3px / 17px auto;}

.cherryVn .con1 .tit {letter-spacing: -1px;}
}

@media screen and (max-width: 340px){
.reviewList .unit .contArea .cont .snsLink .btn {display: block; margin-left: 0px; margin-top: 10px;}
}