@charset "utf-8";
#contents {margin:60px 0 100px; min-width:280px;}
#contents .workstxt {padding:0 20px;}
#contents .head_title {font-size:35px; line-height:45px; font-weight:600; font-family:'Roboto';}
#contents .workstxt ul.work_all {margin:32px 0 3px 0;}
#contents .workstxt ul.work_all + .work_all {margin:0;}
#contents .workstxt li {display:inline-block; font-size:22px; line-height:30px; color:#cccccc; font-family:'Roboto'; font-weight:600;}
#contents .workstxt li:first-child {margin-right:16px;}
#contents .workstxt li.reddot {color:#1a1a1a; position:relative; padding-right:8px; margin-right:8px;}
#contents .workstxt li.reddot::before {display:block; content:''; width:6px; height:6px; background:#df262b; border-radius:6px; position:absolute; bottom:7px; right:0px;}
#contents .workslist {margin-top:40px; position:relative;}
/* #contents .workslist .work_unit {display:block; margin-top:70px;}
#contents .workslist .work_unit:first-child {margin-top:0;} */
#contents .workslist .work_unit {position:absolute; display:block; transition:all 0.5s ease-in;}
#contents .workslist .work_unit:first-child {margin-top:0;}

#contents .workslist .work_unit .wimg img {display:block; width:100%;}
#contents .workslist .work_unit .work_title {font-size:20px; line-height:30px; font-weight:600; letter-spacing:-1.8px;}
#contents .workslist .work_unit .wtext {padding:0 20px; margin-top:14px; position:relative;}
#contents .workslist .work_unit .wtext .wlogo img {margin-top:10px; width:auto; height:32px;}
#contents .workslist .work_unit .award_pop {margin-top:28px;}
#contents .workslist .work_unit .award_pop .award {display:block;}

#contents .workslist .work_unit .award {display:none; position:absolute; top:-63px; left:20px; background:#fff; padding:12px 16px; text-align:left; box-shadow:0 3px 8px rgba(0,0,0,0.1);}
#contents .workslist .work_unit .award::after {display:block; content:''; clear:both;}
#contents .workslist .work_unit .award dt {float:left; margin:5px 10px 0 0;}
#contents .workslist .work_unit .award dt span {display:inline-block; width:20px;}
#contents .workslist .work_unit .award dd {float:right;}
#contents .workslist .work_unit .award dd p {font-family:'Roboto'; font-size:11px; line-height:15px; font-weight:500; color:#000000;}
#contents .workslist .work_unit .award dd span {display:block; font-size:11px; line-height:15px; color:#555555; font-weight:200;}

/* contact */
#contents .desc {font-size:18px; color:#555555; font-family:'Roboto'; font-weight:300; margin-top:15px;}
#contents .co_bg {margin:30px 0 0 20px;}
#contents .contact_area {padding:0 20px; margin:40px 0 100px 0; text-align:center;}
#contents .contact_area::after {display:block; content:''; clear:both;}
#contents .contact_area .mid_title {font-size:20px; line-height:25px; font-weight:600; text-align:left; margin-top:40px;}
#contents .contact_area .prjt_contact {margin:10px 0 0; text-align:left; font-size:25px; color:#000000; font-weight:600; font-family:'Roboto';}
#contents .contact_area .prjt_contact a {display:block; color:#000000;}
#contents .send_btn {display:inline-block; background:#df262b; padding:9px 0; min-width:126px; border-radius:30px; margin-top:50px;}
#contents .send_btn a {color:#ffffff; font-size:16px; line-height:22px; font-weight:500; text-align:center;} */
/* #contents .contact_area div input {width:100%; border:none; border-bottom:2px solid #000000; font-size:16px; font-weight:300; line-height:26px; padding:0 10px 10px; margin-top:40px;}
#contents .contact_area div:first-child input {margin-top:0;}
#contents .contact_area div input::placeholder {color:#a8a8a8;}
#contents .contact_area textarea {margin-top:70px; border:none; border-top:2px solid #a8a8a8; border-bottom:2px solid #000000; width:100%; height:275px; padding:10px; font-size:16px; line-height:22px; resize:none;}
#contents .contact_area textarea::placeholder {color:#a8a8a8;}*/
#contents .contactinfo {margin:40px auto; width:240px;}
#contents .contactinfo ul {margin:40px auto; width:240px;}
#contents .contactinfo li {margin-top:25px;}
#contents .contactinfo li:first-child {margin-top:0;}
#contents .contactinfo li strong {font-size:16px; line-height:22px; font-weight:600;}
#contents .contactinfo li p {font-size:16px; line-height:25px; color:#555555; margin-top:5px;}
#contents .contactnum {margin:30px auto 0; width:240px;}
#contents .contactnum p {font-size:16px; line-height:26px; color:#333333;}
#contents .contactnum p span {display:inline-block;  color:#df262b; font-weight:600; margin-right:20px;}
#contents .contactinfo .brochure {margin-top:50px;}
#map {width:100%; min-height:350px;}
/* works_detail */
#contents .works_detail {text-align:center;}
#contents .works_detail .workstxt .head_title {font-size:30px; letter-spacing:-.7px; text-align:left;}
#contents .works_detail .workstxt .detail_text {margin:50px 0 40px;}
#contents .works_detail .workstxt .detail_text dl::after {display:block; content:''; clear:both;}
#contents .works_detail .workstxt .detail_text dl dt {float:left;  color:#a8a8a8; font-size:14px; line-height:24px; font-family:'Roboto'; font-weight:300;}
#contents .works_detail .workstxt .detail_text dl dd {float:right; width:calc(100% - 110px); color:#000000; font-size:14px; line-height:24px; font-family:'Roboto'; font-weight:300; text-align:left;}
#contents .works_detail .workstxt .detail_text dl dd.detail_logo img {width:auto;}
#contents .works_detail .de_contents {padding:0 20px; margin-top:30px; text-align:left;}
#contents .works_detail .de_contents p {margin-top:30px; font-size:14px; line-height:21px;}
#contents .works_detail .send_btn {width:172px; margin-top:100px;}
#contents .works_detail .send_btn a {background:url('../images/works/button_arrow.png') right center no-repeat; padding-right:21px;}
#contents .works_detail .mt40 {margin-top:40px;}
#contents .works_detail .mt80 {margin-top:80px;}
#contents .works_detail .mt90 {margin-top:90px;}
#contents .works_detail .mt140 {margin-top:140px;}
#contents .works_detail .left37 {margin-left:37px;}
#contents .works_detail .right37 {margin-right:37px;}