@charset "utf-8";

.about_wrap{min-height:100vh;background-color:#000;}
.aw_section{}
.aw_section.sec1{color:#fff;background-color:#ee2823;padding-top:200px;padding-bottom:75px;}
.aw_section.sec1 .tit_box{float:left;width:630px;font-family:"FoundryGridnik";font-weight:500;}
.aw_section.sec1 .tit_box h2{font-size:60px;}
.aw_section.sec1 .tit_box h3{font-size:34px;margin-top:10px;}
.aw_section.sec1 .txt_box{float:left;width:670px;margin-top:20px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.aw_section.sec1 .txt_box .tit{font-size:16px;margin-bottom:50px;display:block;}
.aw_section.sec1 .txt_box .tit span{position:relative;line-height:22px;display:inline-block;}
.aw_section.sec1 .txt_box .tit span:after{position:absolute;content:"";display:block;height:1px;width:87px;top:50%;right:-120px;background-color:#fff;}

.aw_section.sec1 .txt_box p{font-size:12px;line-height:22px;}
.aw_section.sec1 .txt_box p + p{margin-top:25px;}
.aw_section.sec1 .aws_num{margin-top:180px;font-size:40px;font-family:"FoundryGridnik";font-weight:500;}
.aw_section.sec1 .aws_num:before{content:"";display:block;width:30px;height:1px;background-color:#fff;margin-bottom:25px;}

.aw_section.sec2{background-color:#000207;color:#fff;text-align:center;}
.aw_section.sec2 .top_area{padding-top:115px;padding-bottom:125px;background-image:url('../images/sub/aw_movie_top.jpg');background-size:cover;background-position:center top;background-repeat:no-repeat;}
.aw_section.sec2 .tit_box{font-family:"FoundryGridnik";font-weight:500;}
.aw_section.sec2 .tit_box h2{font-size:60px;}
.aw_section.sec2 .tit_box h3{font-size:30px;margin-top:10px;}
.aw_section.sec2 .video_wrap{margin-top:80px;}
.aw_section.sec2 .video_wrap .about_video{width:860px;height:485px;}

.aw_section.sec2 .movie_txt{padding-top:80px;padding-bottom:320px;background-image:url('../images/sub/aw_movie_bottom.jpg');background-position:center bottom;background-repeat:no-repeat;}
.aw_section.sec2 .movie_txt .movie_tit{font-family:"FoundryGridnik";font-weight:500;}
.aw_section.sec2 .movie_txt .movie_tit .tit1{font-size:60px;display:block;}
.aw_section.sec2 .movie_txt .movie_tit .tit2{font-size:48px;display:block;color:#ee2823;}
.aw_section.sec2 .movie_txt .movie_tit p{font-size:14px;margin-top:70px;line-height:26px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.aw_section.sec2 .movie_txt .movie_strong{margin-top:298px;margin-left:120px;}
.aw_section.sec2 .movie_txt .movie_strong ul{}
.aw_section.sec2 .movie_txt .movie_strong ul li{float:left;width:274px;font-size:26px;}
.aw_section.sec2 .movie_txt .movie_strong ul li + li{margin-left:116px;}
.aw_section.sec2 .movie_txt .movie_strong ul li:last-child{margin-left:106px;}
.aw_section.sec2 .movie_txt .movie_strong ul li span{}

.aw_section.sec3{padding-top:95px;padding-bottom:165px;background-color:#fff;}
.aw_section.sec3 h3{color:#222;font-family:"FoundryGridnik";font-weight:400;font-size:68px;}
.aw_section.sec3 .aw_ogz{margin-top:125px;}
.aw_section.sec3 .aw_ogz .ogz_top{text-align:center;}
.aw_section.sec3 .aw_ogz .ogz_top span{display:inline-block;background-color:#fff;}
.aw_section.sec3 .aw_ogz .ogz_top span strong{background-color:#fff;display:block;position:relative;z-index:3;}
.aw_section.sec3 .aw_ogz .ogz_top span + span{margin-left:70px;}
.aw_section.sec3 .aw_ogz .ogz_top .nor{width:211px;margin-top:10px;}
.aw_section.sec3 .aw_ogz .ogz_top .nor strong{height:80px;border:1px solid #444;line-height:78px;color:#444;font-size:14px;font-weight:600;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.aw_section.sec3 .aw_ogz .ogz_top .ceo{width:190px;position:relative;}
.aw_section.sec3 .aw_ogz .ogz_top .ceo strong{font-size:24px;color:#ee2823;border:1px solid #ee2823;height:98px;line-height:96px;}
.aw_section.sec3 .aw_ogz .ogz_top .ceo:before{content:"";display:block;width:200%;height:1px;background-color:#444;position:absolute;left:-50%;top:50%;z-index:1;}

.aw_section.sec3 .aw_ogz .ogz_bottom{margin-top:75px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group{float:left;width:263px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group.two{width:496px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .tit{display:block;text-align:center;color:#666;font-size:13px;font-weight:600;font-family:'Verdana';position:relative;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group + .ogz_group .tit:before{content:"";display:block;width:1px;height:10px;background-color:#a9a9a9;position:absolute;left:0;top:50%;margin-top:-5px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .half{}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .half .ogz_ingroup{float:left;width:50%;padding-left:0;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .half .ogz_ingroup .stit{color:#444;font-size:13px;font-weight:600;display:block;margin-top:50px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .half .ogz_ingroup .stit:before{content:"";display:block;width:24px;height:1px;background-color:#000;margin-bottom:10px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .half .ogz_ingroup ul{margin-top:33px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup{padding-left:22px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup ul{margin-top:113px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup ul li{}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup ul li + li{margin-top:33px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup ul li strong{color:#888;font-size:13px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;display:block;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup ul li strong:before{content:"";display:block;width:24px;height:1px;background-color:#ee2823;margin-bottom:10px;}
.aw_section.sec3 .aw_ogz .ogz_bottom .ogz_group .ogz_ingroup ul li span{font-family:'Verdana';font-size:9px;font-weight:500;color:#bcbcbc;display:block;margin-top:5px;text-transform:uppercase;}


.aw_section.sec4{padding-top:95px;padding-bottom:165px;background-color:#f5f5f5;position:relative;overflow:hidden;}
.aw_section.sec4 h3{color:#222;font-family:"FoundryGridnik";font-weight:400;font-size:68px;}
.aw_section.sec4 .history_area{margin-top:65px;}
.aw_section.sec4 .history_area .swiper-container{overflow:visible}


.aw_section.sec4 .history_area .item{width:auto;}
.aw_section.sec4 .history_area .item .year{color:#222;font-family:"FoundryGridnik";font-weight:400;font-size:52px;float:left;line-height:46px;}
.aw_section.sec4 .history_area .item .year strong{color:#ee2823;}
.aw_section.sec4 .history_area .item .cnt{float:left;margin-left:30px;}
.aw_section.sec4 .history_area .item .cnt li{color:#666;font-size:12px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif}
.aw_section.sec4 .history_area .item .cnt li + li{margin-top:10px;}

.aw_section.sec4 .swiper-pagination-progressbar{position:relative;background-color:#d5d5d5;margin-top:85px;}
.aw_section.sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#4d4d4d;}


/*business*/
.business_wrap{}
.business_wrap .bw_item{float:left;width:50%;height:950px;height:100vh;background-color:#222;text-align:center;padding-top:40%;padding-top:40vh;background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;}
.business_wrap .bw_item.digital{background-image:url('../images/sub/bw_digital.jpg');}
.business_wrap .bw_item.design{background-image:url('../images/sub/bw_design.jpg');}
.business_wrap .bw_item .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:1;transition:all 0.5s;}
.business_wrap .bw_item h3{font-size:60px;font-family:"FoundryGridnik";font-weight:400;color:#fff;line-height:60px;position:relative;z-index:10;}
.business_wrap .bw_item h3 strong{color:#ee2823;display:block;}
.business_wrap .bw_item .bw_view{color:#fff;font-size:11px;display:inline-block;margin-top:90px;padding:15px 10px;position:relative;transition:all 0.3s;border-bottom:1px solid #fff;position:relative;z-index:10;}
.business_wrap .bw_item .bw_view:before{content:"";display:block;width:0;height:100%;background-color:#fff;transition:all 0.3s;position:absolute;left:0;top:0;}
.business_wrap .bw_item .bw_view span{position:relative;z-index:5;}
.business_wrap .bw_item .bw_view span:after{content:"+";display:inline-block;margin-left:12px;}
.business_wrap .bw_item .bw_view:hover{color:#222;}
.business_wrap .bw_item .bw_view:hover:before{width:100%;}

.business_wrap .bw_item:hover .bg{-webkit-transform: scale(1.02);transform: scale(1.02);}

.dash_list{}
.dash_list li{color:#919191;font-size:14px;}
.dash_list li:before{content:"-";display:inline-block;margin-right:3px;}

.page_layer{}
.page_layer .page_close{}
.bw_layer h3{font-family:"FoundryGridnik";font-weight:400;color:#fff;font-size:44px;}
.bw_layer .page_close{position:absolute;right:3px;top:50px;width:73px;height:73px;text-indent:-999em;overflow:hidden;border:1px solid #fff;background-position:center center;background-repeat:no-repeat;background-image:url('../images/sub/page_close.png');}
.bw_layer .blp_top{height:600px;background-color:#222;}
.bw_layer .blp_top .container{position:relative;}
.bw_layer .blp_top h3{display:block;margin-top:150px;font-size:100px;color:#ee2823;font-weight:300;line-height:100px;}
.bw_layer .blp_top h3 strong{color:#fff;font-weight:400;display:block;}
.bw_layer .blp_top p{color:#bcbcbc;font-size:16px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;margin-top:40px;line-height:24px;}
.bw_layer .blp_content{padding:80px 0;}
.bw_layer .blp_content .bac_row{}
.bw_layer .blp_content .bac_row + .bac_row{margin-top:70px;}
.bw_layer .blp_content .bac_row .bac_box{float:left;width:50%;padding-left:153px;background-repeat:no-repeat;background-position:38px 20px;}
.bw_layer .blp_content .bac_row .bac_box:nth-child(2n){}
.bw_layer .blp_content .bac_row .bac_box .box_tit{display:block;font-size:32px;color:#161616;font-family:"FoundryGridnik";line-height:32px;height:64px;}
.bw_layer .blp_content .bac_row .bac_box p{color:#444;font-size:14px;margin-top:10px;line-height:24px;}
.bw_layer .blp_content .bac_row .bac_box .dash_list{margin-top:10px;}
.bw_layer .blp_content .bac_row .bac_box .dash_list li{float:left;width:270px;margin-top:8px;}
.bw_layer .blp_content .bac_row .bac_box .dash_list li:nth-child(2n){width:220px;}

.bw_layer .blp_content .bac_row .bac_box.ic{background-image:url('../images/sub/bac_box_ic.jpg');}
.bw_layer .blp_content .bac_row .bac_box.sc{background-image:url('../images/sub/bac_box_sc.jpg');}
.bw_layer .blp_content .bac_row .bac_box.bc{background-image:url('../images/sub/bac_box_bc.jpg');}
.bw_layer .blp_content .bac_row .bac_box.cm{background-image:url('../images/sub/bac_box_cm.jpg');}
.bw_layer .blp_content .bac_row .bac_box.vi{background-image:url('../images/sub/bac_box_vi.jpg');}
.bw_layer .blp_content .bac_row .bac_box.bp{background-image:url('../images/sub/bac_box_bp.jpg');}
.bw_layer .blp_content .bac_row .bac_box.ds{background-image:url('../images/sub/bac_box_ds.jpg');}
.bw_layer .blp_content .bac_row .bac_box.pm{background-image:url('../images/sub/bac_box_pm.jpg');}

.digital_marketing .blp_top{background-image:url('../images/sub/digital_marketing.jpg');background-size:cover;background-position:center center;}
.biz_creative .blp_top{background-image:url('../images/sub/biz_creative.jpg');background-size:cover;background-position:center center;}

.bcc_box{padding-left:195px;background-repeat:no-repeat;background-position:62px center;}
.bcc_box + .bcc_box{margin-top:90px;}
.bcc_box.sr{background-image:url('../images/sub/bcc_box_sr.jpg');}
.bcc_box.mt{background-image:url('../images/sub/bcc_box_mt.jpg');}
.bcc_box.cd{background-image:url('../images/sub/bcc_box_cd.jpg');}
.bcc_box .box_tit{color:#161616;font-size:32px;font-family:"FoundryGridnik";font-weight:400;display:block;line-height:32px;}
.bcc_box p{color:#444;font-size:14px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;margin-top:15px;}


.arrow_link{color:#fff;display:inline-block;font-family:"verdana";font-size:10px;font-weight:600;}
.arrow_link span{display:block;padding:7px 35px 7px 1px;position:relative;}
.arrow_link span:before{content:"";display:block;width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0;transition:all 0.2s;}
.arrow_link span:after{content:"";display:block;width:15px;height:1px;background-color:#fff;position:absolute;right:-2px;bottom:5.5px;transform:rotate(45deg);transition:all 0.2s;}
.arrow_link:hover{}
.arrow_link:hover span:before{left:10px;}
.arrow_link:hover span:after{right:-12px;}

.arrow_link.color{color:#ee2823;}
.arrow_link.color span:before{background-color:#161616;}
.arrow_link.color span:after{background-color:#161616;}

.bwl_sec.bwl2{padding-bottom:100px;padding-top:100px;}
.bwl_sec.bwl2 .item{float:left;width:370px;text-align:center;}
.bwl_sec.bwl2 .item + .item{margin-left:95px;}
.bwl_sec.bwl2 .item .tit{display:block;color:#161616;font-size:32px;font-family:"FoundryGridnik";font-weight:400;line-height:32px;padding-top:100px;background-position:center top;background-repeat:no-repeat;}
.bwl_sec.bwl2 .item p{color:#444;font-size:12px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;margin-top:45px;line-height:20px;}
.bwl_sec.bwl2 .item ul{margin-top:60px;text-align:left;height:138px;}
.bwl_sec.bwl2 .item ul li{float:left;width:50%;color:#999;font-size:12px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;margin-top:45px;}
.bwl_sec.bwl2 .item ul li:before{content:"-";display:inline-block;margin-right:3px;}
.bwl_sec.bwl2 .item ul li:nth-child(n + 3){margin-top:8px;}
.bwl_sec.bwl2 .item .link{margin-top:30px;text-align:left;}

.bwl_sec.bwl2 .item.social .tit{background-image:url('../images/sub/bwl2_social.jpg');}
.bwl_sec.bwl2 .item.brand .tit{background-image:url('../images/sub/bwl2_brand.jpg');}
.bwl_sec.bwl2 .item.creative .tit{background-image:url('../images/sub/bwl2_creative.jpg');}

.bwl_sec.bwl3{}
.bwl_sec.bwl3 .item{float:left;width:50%;background-repeat:no-repeat;background-position:center 42px;background-size:100% auto;padding-bottom:160px;}
.bwl_sec.bwl3 .item.viral{background-image:url('../images/sub/bwl_sec_bwl3_1.jpg');}
.bwl_sec.bwl3 .item.brand{background-image:url('../images/sub/bwl_sec_bwl3_2.jpg');}
.bwl_sec.bwl3 .item .box{background-color:rgba(0,0,0,.7);width:520px;height:300px;margin:0 auto;}
.bwl_sec.bwl3 .item .box .top_area{padding:23px 35px 30px;background-color:#161616;position:relative;}
.bwl_sec.bwl3 .item .box .top_area .tit{display:block;color:#ee2823;font-size:32px;font-family:"FoundryGridnik";font-weight:400;}
.bwl_sec.bwl3 .item .box .top_area p{color:#888;font-size:12px;margin-top:10px;}
.bwl_sec.bwl3 .item .box .top_area .link{position:absolute;right:20px;top:28px;}
.bwl_sec.bwl3 .item .box .cnt{padding:22px 35px;}
.bwl_sec.bwl3 .item .box .cnt ul{}
.bwl_sec.bwl3 .item .box .cnt ul li{color:#fff;float:left;width:50%;}
.bwl_sec.bwl3 .item .box .cnt ul li:before{content:"-";display:inline-block;margin-right:3px;}
.bwl_sec.bwl3 .item .box .cnt ul li:nth-child(n + 3){margin-top:10px;}

.bwl_sec.bwl4{padding:120px 0;}
.bwl_sec.bwl4 .rows_box{}
.bwl_sec.bwl4 .rows_box + .rows_box{margin-top:85px;}
.bwl_sec.bwl4 .rows_box .top_area{margin-bottom:25px;}
.bwl_sec.bwl4 .rows_box .top_area .tit{display:block;color:#161616;font-size:32px;font-family:"FoundryGridnik";font-weight:400;}
.bwl_sec.bwl4 .rows_box .top_area p{margin-top:10px;color:#444;font-size:12px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;line-height:20px;}
.bwl_sec.bwl4 .rows_box .cnt{}
.bwl_sec.bwl4 .rows_box .cnt .thum{display:block;float:left;width:600px;height:190px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.bwl_sec.bwl4 .rows_box .cnt .txt{float:right;width:620px;}
.bwl_sec.bwl4 .rows_box .cnt .txt ul{height:135px;}
.bwl_sec.bwl4 .rows_box .cnt .txt ul li{float:left;width:210px;color:#999;font-size:12px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.bwl_sec.bwl4 .rows_box .cnt .txt ul li:nth-child(n + 3){margin-top:10px;}
.bwl_sec.bwl4 .rows_box .cnt .txt ul li:before{content:"-";display:inline-block;margin-right:3px;}
.bwl_sec.bwl4 .rows_box .cnt .txt .link{}


/*work*/
.work_wrap{background-image:url('../images/sub/work_list_bg.jpg');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;background-color:#171717;padding-top:143px;height:100vh;overflow:hidden;}
.work_wrap .work_cate{float:left;width:450px;}
.work_wrap .work_cate ul{}
.work_wrap .work_cate ul li{font-family:"FoundryGridnik";font-weight:400;}
.work_wrap .work_cate ul li + li{margin-top:20px;}
.work_wrap .work_cate ul li a{color:#747474;font-size:20px;transition:all 0.2s;}
.work_wrap .work_cate ul li a.active{color:#fff;}
.work_wrap .work_cate ul li a:hover{color:#fff;}
.work_wrap .work_list{float:right;width:816px;position:relative;}
.work_wrap .work_list .wl_area{height:calc(100vh - 243px);overflow-y:auto;}
.work_wrap .work_list .wl_inner{padding-bottom:50px;}
.work_wrap .work_list:after{content:"";position:absolute;z-index:20;left:0;bottom:0;display:block;width:100%;height:50px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#171717+0,171717+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(23,23,23,0) 0%, rgba(23,23,23,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(23,23,23,0) 0%,rgba(23,23,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(23,23,23,0) 0%,rgba(23,23,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171717', endColorstr='#171717',GradientType=0 ); /* IE6-9 */
}

.work_wrap .work_list .wl_inner .item{height:auto;overflow:hidden;}
.work_wrap .work_list .wl_inner .item + .item{margin-top:20px;}
.work_wrap .work_list .wl_inner .item a{display:block;position:relative;}
.work_wrap .work_list .wl_inner .item:hover{}
.work_wrap .work_list .wl_inner .item:hover .thum{-webkit-transform: scale(1.05);transform: scale(1.05);opacity:0.8}
.work_wrap .work_list .wl_inner .item .thum{display:block;height:414px;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all 0.2s;}
.work_wrap .work_list .wl_inner .item .txt{position:absolute;left:0;bottom:0;z-index:10;width:100%;padding:22px 27px;background-color:rgba(0,0,0,.9);color:#fff;font-family:"verdana","Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.work_wrap .work_list .wl_inner .item .txt span{display:block;}
.work_wrap .work_list .wl_inner .item .txt span.cate{color:#999;font-size:10px;}
.work_wrap .work_list .wl_inner .item .txt span.subject{margin-top:15px;color:#fff;font-size:16px;}


.work_detail{background-color:#171717;padding-bottom:75px;}
.work_detail .wd_top{padding-top:41px;padding-bottom:60px;background-color:#ee2823;}
.work_detail .wd_top .container{position:relative;}
.work_detail .page_close{position:absolute;right:0;top:0;width:73px;height:73px;text-indent:-999em;overflow:hidden;border:1px solid #fff;background-position:center center;background-repeat:no-repeat;background-image:url('../images/sub/page_close.png');}

.work_detail .wd_top .wd_info{padding-top:5px;color:#fff;padding-right:80px;}
.work_detail .wd_top .wd_info .item{float:left;width:25%;padding-right:15px;}
.work_detail .wd_top .wd_info .item strong{display:block;margin-bottom:25px;font-size:14px;font-weight:600;font-family:"FoundryGridnik";text-transform:uppercase;}
.work_detail .wd_top .wd_info .item span{display:block;font-size:14px;font-weight:600;}
.work_detail .wd_cnt{padding-top:45px;}
.work_detail .wd_cnt .wc_txt{}
.work_detail .wd_cnt .wc_txt{}


.wd_cnt .wc_txt{color:#999;font-size:18px;line-height:32px;font-weight:500;margin-bottom:50px;padding:0 6px;}
.wd_cnt .video_wrap{position:relative;width:1100px;height:628px;margin:40px auto;}
.wd_cnt .video_wrap iframe{width:100%;height:598px;}
.wd_cnt .work_slide{margin-top:55px;position:relative;}
.wd_cnt .img_box{text-align:center;margin:40px auto;width:1100px;}
.wd_cnt .img_box > div{display:block;margin-left:auto;margin-right:auto;}
.wd_cnt .img_box > div + div{margin-top:20px;}



.wd_related{margin-top:65px;position:relative;overflow:hidden;width:100%;}
.wd_related .title{display:block;font-size:14px;font-weight:600;color:#fff;font-weight:600;font-family:"FoundryGridnik";text-transform:uppercase;margin-bottom:35px;}
.related_slider{margin-top:45px;}

.wd_related .item{width:490px;display:block;height:310px;overflow:hidden;
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.wd_related .swiper-container{overflow:visible;}
.wd_related .item a{display:block;position:relative;}
.wd_related .item:hover{}
.wd_related .item:hover .thum{-webkit-transform: scale(1.05);transform: scale(1.05);opacity:0.8}
.wd_related .item .thum{display:block;height:310px;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all 0.2s;}
.wd_related .item .txt{position:absolute;left:0;bottom:0;z-index:10;width:100%;padding:22px 27px;background-color:rgba(0,0,0,.9);color:#fff;font-family:"verdana","Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.wd_related .item .txt span{display:block;}
.wd_related .item .txt span.cate{color:#999;font-size:10px;}
.wd_related .item .txt span.subject{margin-top:15px;color:#fff;font-size:16px;}

.wd_related .swiper-pagination-progressbar{position:relative;background-color:#6c6c6c;margin-top:65px;}
.wd_related .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#ee2823;}

.wd_related:after{content:"";display:block;height:100%;width:120px;position:absolute;right:0;top:0;z-index:10;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#171717+0,171717+100&0+0,1+76 */
background: -moz-linear-gradient(left,  rgba(23,23,23,0) 0%, rgba(23,23,23,1) 76%, rgba(23,23,23,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(23,23,23,0) 0%,rgba(23,23,23,1) 76%,rgba(23,23,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(23,23,23,0) 0%,rgba(23,23,23,1) 76%,rgba(23,23,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171717', endColorstr='#171717',GradientType=1 ); /* IE6-9 */
}

.contact_wrap{background-color:#111;padding-bottom:65px;border-bottom:120px solid #000;}
.cw_sec{}
.cw_sec .left{width:650px;float:left;}
.cw_sec .right{width:650px;float:right;}
.cw_sec.location{padding-top:172px;padding-bottom:80px;background-image:url('../images/sub/cw_sec_location.jpg');background-position:center center;background-size:cover;}
.cw_sec .tit_box{}
.cw_sec .tit_box h3{font-size:50px;font-weight:400;color:#fff;font-family:"FoundryGridnik";text-transform:uppercase;}
.cw_sec .tit_box h3 span{display:inline-block;position:relative;}

.cw_sec .tit_box p{color:#fff;font-size:14px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;line-height:26px;margin-top:10px;}
.cw_sec .cnt{margin-top:65px;}
.cw_sec.location .cnt .item{float:left;width:285px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;}
.cw_sec.location .cnt .item .tit{display:block;color:#fff;font-size:14px;font-weight:600;}
.cw_sec.location .cnt .item ul{margin-top:20px;}
.cw_sec.location .cnt .item ul li{color:#999;font-size:12px;}
.cw_sec.location .cnt .item ul li + li{margin-top:6px;}
.cw_sec.location .root_daum_roughmap{padding:0;border:0;border-radius:0;}

.cw_sec.contact{padding-top:75px;}
.cw_sec.contact .cnt ul{margin-top:70px;}
.cw_sec.contact .cnt ul li{color:#fff;font-size:14px;font-family:"Dotum", "Nanum Gothic", "나눔고딕", Arial, Tahoma, sans-serif, serif;line-height:26px;padding-left:35px;background-repeat:no-repeat;background-position:left center;}
.cw_sec.contact .cnt ul li + li{margin-top:45px;}
.cw_sec.contact .cnt ul li.email{background-image:url('../images/sub/ico_email.jpg');}
.cw_sec.contact .cnt ul li.tell{background-image:url('../images/sub/ico_tell.jpg');}
.cw_sec.contact .cnt ul li.time{background-image:url('../images/sub/ico_time.jpg');}

.cth_item.ct_form{}
.cth_item.ct_form .ct_title{}
.cth_item.ct_form .form_area{}
.cth_item.ct_form .form_area .row{margin-bottom:12px;margin-bottom:15px;}
.cth_item.ct_form .form_area .row .fa_item{float:left;padding-right:15px;width:50%;}
.cth_item.ct_form .form_area .row .fa_item + .fa_item{padding-right:0;padding-left:15px;}
.cth_item.ct_form .form_area .fa_item{}
.cth_item.ct_form .form_area .fa_item .txt_label{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:5px;}
.cth_item.ct_form .form_area input[type="text"]{color:#fff;background-color:transparent;border:0;border:1px solid #323232;height:45px;padding-left:10px;font-size:13px;width:100%;font-weight:300;}
.cth_item.ct_form .form_area textarea{color:#fff;background-color:transparent;border:0;border:1px solid #323232;height:156px;min-height:156px;max-height:156px;min-width:100%;max-width:100%;width:100%;padding:15px 10px;font-size:13px;font-weight:300;}
.cth_item.ct_form .design_check{margin-top:25px;color:#888;font-weight:600;padding-left:35px;}
.cth_item.ct_form .design_check a{text-decoration:underline;color:#555;}
.cth_item.ct_form .ctf_bottom{margin-top:27px;}
.cth_item.ct_form .ctf_bottom .ct_robot{float:left;width:302px;height:76px;background-color:#ccc;}
.cth_item.ct_form .ctf_bottom .ct_submit{float:right;width:290px;height:76px;border:1px solid #ee2823;border-radius:3px;color:#ee2823;font-size:20px;font-weight:600;text-align:center;line-height:74px;position:relative;transition:all 0.2s;}
.cth_item.ct_form .ctf_bottom .ct_submit span{position:relative;z-index:10;}
.cth_item.ct_form .ctf_bottom .ct_submit:before{content:"";display:block;position:absolute;left:0;top:0;height:100%;background-color:#ee2823;z-index:1;width:0;transition:all 0.2s;}
.cth_item.ct_form .ctf_bottom .ct_submit:hover{color:#fff;}
.cth_item.ct_form .ctf_bottom .ct_submit:hover:before{width:100%;}



.terms_layer{position:fixed;left:50%;top:50%;width:400px;height:430px;margin-left:-200px;margin-top:-215px;background-color:#fff;border:1px solid #ddd;padding:25px;z-index:500;}
.terms_layer .layer_title{display:block;font-size:20px;font-weight:600;margin-bottom:20px;color:#000;}
.terms_layer .layer_close{position:absolute;right:25px;top:27px;width:25px;height:25px;display:block;border:1px solid #ddd;text-indent:-999em;overflow:hidden;
background-position:center center;background-image:url('../images/sub/detail_back.jpg');background-repeat:no-repeat;background-size:10px;}
.terms_layer .layer_cnt{font-size:14px;overflow-y:scroll;height:330px;background-color:#f1f1f1;padding:20px;}
.terms_layer .layer_cnt strong{display:block;color:#000;font-weight:600;}
.terms_layer .layer_cnt p{margin-top:10px;color:#444;}
.terms_layer .layer_cnt p + strong{margin-top:15px;}
.terms_layer .layer_cnt p:last-of-type{margin-bottom:20px;}


.intro_wrap{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;z-index:200;background-color:#222;}
.intro_wrap .intro_logo{position:absolute;width:150px;height:126px;left:50%;top:50%;margin-left:-75px;margin-top:-63px;overflow:hidden;transition:all 1s;}
.intro_wrap .intro_logo.active{padding-left:100%;}
.intro_wrap .intro_logo img{width:150px;max-width:150px;}


.work_wrap .work_list .wl_area::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.work_wrap .work_list .wl_area::-webkit-scrollbar-track {
  background: #161616;
}

/* Handle */
.work_wrap .work_list .wl_area::-webkit-scrollbar-thumb {
  background: #444;
  border-radius:5px;
}

/* Handle on hover */
.work_wrap .work_list .wl_area::-webkit-scrollbar-thumb:hover {
  background: #161616;
}


.work_wrap .work_list .wl_area{scrollbar-3dLight-Color: #444; scrollbar-arrow-color: #161616; scrollbar-base-color: #161616; scrollbar-Face-Color: #444; scrollbar-Track-Color: #161616; scrollbar-DarkShadow-Color: #161616; scrollbar-Highlight-Color: #161616; scrollbar-Shadow-Color: #444}