@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;}
.blacktea {max-width:2560px;margin:0 auto;letter-spacing:-0.5px;background:#faeff7; text-align: center; background:#f2e4db url('images/bg1_my.jpg') no-repeat center top;}
.db480{display:none;}
img{max-width:100%;}



.con1{}
.con1 .padding{padding:8.3% 0 85.2%;}
.con1 .tit p:nth-child(1){display:inline-block; width:100%;}

.con2 .padding{padding:0 0 6%;}
.con2 .tit{color:#4e2410; letter-spacing: -1px;}
.con2 .tit p{font-weight:bold;}
.con2 .tit p:nth-child(1){font-size:3.9rem;}
.con2 .tit p:nth-child(2){font-size:3rem; padding-top:5px}
.con2 .tit p:nth-child(2) span{font-size:2.3rem; color:#ffffff; background:#b47b00; padding:2px 10px; display: inline-block; margin-bottom: 6px; vertical-align: middle;}
.con2 .tit ul{margin-top:25px; display:inline-block; text-align:left; line-height: 1.8;}
.con2 .tit li{font-size:2.5rem; position:relative; padding-left:295px}
.con2 .tit li span{font-size:2rem; color:#ffffff; background:#8f4b2f; border-radius:30px; width:280px; box-sizing:border-box; display:inline-block; text-align:center; margin-right:16px; position:absolute; left:0; top:4px}
.con2 .box{display:inline-block; width:100%; max-width: 940px; background:url('images/bg_box_in.jpg') no-repeat center top / 100% 100%; box-sizing:border-box; padding:8px 6px; box-shadow: 26px 16px 10px rgba(18, 18, 18, 0.2); margin-top:5.2%; line-height:1.4;}
.con2 .box dl{box-sizing:border-box; padding:40px 3%; background:#ffffff;}
.con2 .box dl:nth-child(2){background:#f6f6f6;}
.con2 .box dt{color:#4e2410; font-size:2.6rem;}
.con2 .box dt strong{font-size:3.6rem;}
.con2 .box dd:nth-child(2){margin-top:40px;}
.con2 .box dd:nth-child(3){position:relative; font-size:2.5rem; font-weight:bold; color:#99655d; margin-top:20px}
.con2 .box dd:nth-child(4){color:#6e6e6e; font-size:2rem; margin-top:10px;}
.con2 .warn{color:#666666; font-size:1.6rem; margin-top:26px;}

.con3{}
.con3 .padding{padding:0 0 12.9%;}
.con3 .box{box-sizing:border-box; text-align: left;}
.con3 .box1{border:5px solid #edd5c5; background:#edd5c5; border-radius:8px; margin-top:5%;}
.con3 .box2{border:1px dashed #fdf5fc; border-radius:4px; position:relative;}
.con3 .box3{border:4px solid #edd5c5; background:#ffffff; border-radius:4px; position:relative;}
.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;}
.con3 .tit p:nth-child(2){font-size:2.1rem; color:#76594a; margin-top: 2%;}
.con3 .tit > p:nth-child(4){margin-top:7%;}
.con3 .tit .btn{display:inline-block; color:#ffffff; font-size:2rem; background:#222222; border-radius:50px; padding:18px 30px; font-weight:bold; min-width:300px; color:#fff}
.con3 .tit .btn:after{content:''; display: inline-block; border-left:8px solid currentColor; border-top:5px solid transparent; border-bottom:5px solid transparent; margin-left:12px; vertical-align:middle;}

.con3 .reviewers{position:relative; background:url(images/reviewers_bg_in.jpg) center top / 100% 100%; box-sizing:border-box; padding:8px 6px; text-align:left; padding:40px 60px;}
.con3 .reviewers ul{position:relative; line-height:1.8; color:#4e2410}
.con3 .reviewers ul li{font-size:2.4rem; padding-left:315px; position:relative; line-height:1.4; margin-bottom:10px}
.con3 .reviewers ul li span{font-size:2rem; color:#ffffff; background:#8f4b2f; border-radius:30px; width:300px; box-sizing:border-box; display:inline-block; text-align:center; margin-right:16px; position:absolute; left:0; top:3px; height:34px; line-height:34px}
.con3 .reviewers ul li em{font-weight:bold}
.con3 .reviewers ul li p {color:#4e2410 !important; margin-t}


/* ui.css수정 */
.reviewList .unit .writerArea {width: 240px;padding-left: 2.5%;box-sizing: border-box;}
.reviewList .unit .contArea .cont .snsLink {position: absolute;right: 0;bottom: 0px;}
.reviewList .unit .contArea .cont {min-height: 10px;}
.reviewList .unit .writerArea .info li:nth-child(3) {color:#904c30;}
.reviewList .unit .writerArea .reviewPoint img {width: 101px;}

@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.con2 .padding{padding:100px 0 50px;}
.blacktea {background:#f2e4da url('images/bg1_au.jpg') no-repeat center top / 280%;}
.reviewList .unit .contArea .cont .snsLink {position: static;margin: 10px 0 0 9px;}

.con2 .box{background:none; border:5px solid #dcc78c; padding:0px; box-shadow: 5px 8px 5px rgba(18, 18, 18, 0.2);}
}

@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;}

.con2 .tit p:nth-child(1){font-size:3rem;}
.con2 .tit p:nth-child(2){font-size:2.5rem;}
.con2 .tit ul{text-align:center;}
.con2 .tit ul li{padding-left:0}
.con2 .tit li ~ li{margin-top:10px;}
.con2 .tit li span{width:230px; display:block; margin:0 auto; position:relative; left:auto; top:auto}


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

.con3 .reviewers{padding:30px 20px; text-align:center}
.con3 .reviewers ul li{padding-left:0;}
.con3 .reviewers ul li span{position:relative; left:auto; top:auto; display:block; margin:0 auto; width:220px; margin-bottom:5px}
.con3 .tit .btn{min-width:auto}
}

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

.blacktea {background:#f2e4da url('images/bg1_au.jpg') no-repeat center -3% / 320%;}
.con3 .box4{padding:10px; max-height:500px;}
}

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