@charset "utf-8";

.randing_stage{position:relative; min-width:1200px; overflow:hidden; padding-bottom:100px;}
.randing_stage .randing_cont{position:relative; width:1200px; margin:0 auto; padding-top:100px;}
.randing_stage .randing_cont .cont_top{font-family:nanumsr; text-align: center; margin-bottom:30px;}
.randing_stage .randing_cont .cont_top p{font-size:26px; letter-spacing:-1px; line-height:150%; color:#e90030; font-weight:normal;}
.randing_stage .randing_cont .cont_top p.info_detail{font-size:16px; font-family:notosans; font-weight:300; letter-spacing:-0.5px;}
.randing_stage .randing_cont .cont_top strong{display:block; font-size:52px; letter-spacing:-4px; line-height:150%; color:#404040; font-weight:normal;}
.randing_stage .randing_cont .cont_top strong span{font-family:roboto; font-weight:300; letter-spacing:0;}

.randing_stage .doc_down{position:relative; width:1200px; margin:0 auto; text-align:center; margin-bottom:80px;}
.randing_stage .doc_down a{display:inline-block; padding:28px 0; border:1px solid #e90030; color:#e90030; font-size:20px; letter-spacing:-2px; font-family:notosans; width:300px;}

.randing_stage .thum_list{text-align:center; font-size:0;}
.randing_stage .thum_list .thum_box{display:inline-block; position:relative; width:300px; height:450px; border:1px solid #e90030; margin:0 15px 55px; transition:all .25s ease;}
.randing_stage .thum_list .thum_box.thum_ty1{background:url('../images/randing/design_ty1_thum.png') no-repeat 50% top;}
.randing_stage .thum_list .thum_box.thum_ty2{background: url('../images/randing/design_ty2_thum.png') no-repeat 50% top;}
.randing_stage .thum_list .thum_box.thum_ty2:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8);}
.randing_stage .thum_list .thum_box.thum_ty3{background:url('../images/randing/design_ty3_thum.png') no-repeat 50% top;}
.randing_stage .thum_list .thum_box.thum_ty3:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8);}

.randing_stage .thum_list .thum_box.thum_list1{background:url('../images/randing/product_list1_thum.png') no-repeat 50% top;}
.randing_stage .thum_list .thum_box.thum_list2{background:url('../images/randing/product_list2_thum.png') no-repeat 50% top;}
.randing_stage .thum_list .thum_box.thum_view1{background:url('../images/randing/product_view1_thum.png') no-repeat 50% top;}
.randing_stage .thum_list .thum_box P{background:#e90030; position:absolute; top:0; left:0; width:80px; min-height:80px; font-family:roboto; font-weight:600; font-size:62px; color:#fff; line-height:80px;}
.randing_stage .thum_list .thum_box P span{display:block; font-family:nanumsr; font-weight:600; font-size:20px;  line-height:150%; margin-bottom:5px; margin-top:-8px; letter-spacing:-1px;}


.randing_stage .design_ty1{display:block; height:3116px; background:url('../images/randing/design_ty1.png') no-repeat 50% top;}
.randing_stage .design_ty2{display:block; height:3931px; background:url('../images/randing/design_ty2.png') no-repeat 50% top;}
.randing_stage .design_ty3{display:block; height:3114px; background:url('../images/randing/design_ty3.png') no-repeat 50% top;}

.randing_stage .product_list1{display:block; height:3471px; background:url('../images/randing/product_list1.png') no-repeat 50% top;}
.randing_stage .product_list2{display:block; height:3906px; background:url('../images/randing/product_list2.png') no-repeat 50% top;}
.randing_stage .product_view1{display:block; height:5160px; background:url('../images/randing/product_view1.png') no-repeat 50% top;}

.randing_stage .work_html{position:relative; width:966px; margin:0 auto;}
.randing_stage .work_html > .html_list{border-top:1px solid #bababa; border-bottom:1px solid #bababa;}
.randing_stage .work_html > .html_list > li{position:relative; padding-left:280px; border-bottom:1px solid #ddd;}
.randing_stage .work_html > .html_list > li:last-child{border-bottom:none;}
.randing_stage .work_html > .html_list > li .cont_tit{display:block; position:absolute; left:20px; top:50%; margin-top:-9px; font-size:15px; line-height:140%; color:#404040; font-family:notosans; font-weight:300;}
.randing_stage .work_html > .html_list > li .cont_area{padding:15px 0; min-height:40px; box-sizing:border-box;}
.randing_stage .work_html > .html_list > li .cont_area .cont_txt{font-weight:normal; font-size:13px; line-height:140%; color:#606060;}
.randing_stage .work_html > .html_list > li .cont_area .supply_box span{display:inline-block; background:#fff; border:1px solid #ddd; font-size:13px; padding:0 15px; height:31px; line-height:31px; color:#404040; letter-spacing:normal; border-radius:30px;}

.randing_stage .work_html > .html_list > li .cont_area .info_html{position:relative;}
.randing_stage .work_html > .html_list > li .cont_area .info_html li{line-height:150%; color:#606060; padding-left:8px; margin-bottom:4px; text-align:left; font-size:15px; background:url("../images/common/bul_dot02.png") no-repeat left 10px; background-size:3px 3px; font-family:notosans; font-weight:300;}
.randing_stage .work_html > .html_list > li .cont_area .info_html li a{color:#e90030;}
.randing_stage .work_html > .html_list > li .cont_area .info_html li:last-child{margin-bottom:0;}