@charset "utf-8";

/* Works Flex Grid (from XE inline styles) */
.works-wrap {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.works_li {position:relative; width:calc(33.3333% - 10px); display: flex; flex-flow: column; margin-bottom: 15px; cursor:pointer;}
.works_li:hover .read_wrap{opacity:1;}
.works_img {width: 100%;}
/* Works list Hover */
.works_li .read_wrap {
    opacity:0;
    position:absolute; top:0; left:0;
    display: flex; flex-flow: column; justify-content: center;
    width:100%; height:100%;
    background:rgba(253,67,69,0.9);
    text-align:center;
    transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;
    cursor:pointer;
    color:#fff;
}
.read_wrap .doc_read .work_read_title span {display: inline-block; padding: 15px 20px; border: 1px solid #fff;}
.read_wrap .doc_read .work_read_brand {padding: 20px 0; width: 60%; margin: 0 auto;}
.read_wrap .doc_read .doc_text {width: 60%; margin: 0 auto; line-height: 1.4;}
.read_icon {position: absolute; bottom: 25px; right: 25px;}

.section_wrap{position:relative; max-width:1400px; margin:0 auto;}

/* Main_visual */ 
.main{position:relative;}
.main_visualwrap{width:100%;height:auto;}
.main_title h2{font-weight:100; padding-bottom:40px;}
.main_title h2 strong{font-weight:700;}
.main_video {width:100%; height:auto; overflow:hidden; }
.main_video video {width:100%;}

/* Main_section */
.main_section{position:relative; top:0; left:0; width:100%; height:auto;}
.main_section section:nth-of-type(3n-2) h2{float:right; margin-bottom:40px;}
.main_section section:nth-of-type(3n-1) h2{float:left; margin-bottom:40px;}
.main_section section h2 + div{clear:both;} 
.brandwrap{position:relative;}
.works_wrap{background:#fafafa;padding-bottom:60px; margin-top:-5px;}
.works_wrap .iCheck{display:none;}
.works_title{max-width:1400px; margin:0 auto; }
.works_detail .works_l p:nth-of-type(1){line-height:50px; padding-bottom:10px;}
.works_detail .f_r{width:auto; margin-top:-15px;} 
.works_detail .f_r dt{font-size:14px; float:left; padding-top:80px; text-align:right; padding-right:20px;}
.works_detail .f_r dd:nth-of-type(1){float:right; font-size:114px;color:#000;}
.works_detail .f_r dd:nth-of-type(1) i{font-size:30px;margin-right:16px;font-weight:bold;position:relative; top:15px;}
.works_detail .f_r dd:nth-of-type(2){clear:both; text-align:right;}
.works_detail .f_r dd:nth-of-type(2) .sub_title{font-size:14px;font-family:'cncBlack','NanumSquareNeo',"나눔스퀘어네오","나눔고딕","Nanum Gothic", '맑은 고딕', 'Malgun Gothic'; letter-spacing:0;}
.works_detail .f_r dd:nth-of-type(2) i{margin-right:7px;font-size:12px;}
.works_detail .f_r dd:nth-of-type(2) strong{margin-left:18px;}
.works_portfolio{position:relative; margin:100px 0 60px 0px;}
.works_portfolio .pagination {display:none; }
.works_wrap .sub_maxwidth {width:100%; max-width:1400px; margin:0 auto; }

/* more */
.works_portfolio .more_product{position:absolute; top:-80px; left:-80px;}
.more{width:160px; height:160px; z-index:99; border-radius:80px; background:rgba(0,0,0,.9);text-align:center; transition:all 0.4s ease;-ms-transition:all 0.4s ease; -webkit-transition: All 0.4s ease;	-moz-transition: All 0.4s ease;	-o-transition: All 0.4s ease; }
.more:hover{background:#fd4345;}
.more a{width:100%; height:100%;display:inline-block;padding-top:48px; font-size:14px;}
.more a span{text-align:left;display:inline-block; color:#FFF;}
.more a span i{display:block; margin-top:5px;text-align:left; color:#FFF;}

/* .works_wrap */
.sub_works_wrap{width:100%;}
.listtype_th img{width:100%; }
.portfolio_wrap{width:100%; height:auto; }
.portfolio_wrap .works_li {display:none; position:relative;float:left; width:calc(33.33333% - 10px); margin-bottom:15px;}
.portfolio_wrap .works_li:nth-child(3n+1) { margin-right:10px;}
.portfolio_wrap .works_li:nth-child(3n+2) { margin:0 5px; }
.portfolio_wrap .works_li:nth-child(3n+3) { margin-left:10px; }
.portfolio_wrap .works_li:hover .read_wrap{opacity:1;}
.portfolio_wrap .works_img{width:100%; display:block; }


/* list Hover */
.portfolio_wrap .works_li .read_wrap{opacity:0;position:absolute; top:0; left:0; background:rgba(253,67,69,0.9);width:100%; height:100%;text-align:center;
transition:all .3s ease-out;-ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; cursor:pointer;  }
.portfolio_wrap .read_wrap .doc_read{width:60%;position: absolute; top: 50%; left: 50%; 
transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); }
.portfolio_wrap .read_wrap .doc_read .work_read_title span{padding:15px 17px; border:1px solid #fff; color:#fff;}
.portfolio_wrap .read_wrap .doc_read .work_read_brand{margin-top:40px; margin-bottom:15px; color:#FFF; text-transform:capitalize;}
.portfolio_wrap .read_wrap .doc_read .doc_text{ margin:0 auto;}
.portfolio_wrap .read_wrap .doc_read .doc_text span{text-align:center; color:#fff; line-height:21px;}
.portfolio_wrap .readDocument .read_icon {position:absolute; bottom:25px;right:30px;color:#fff;}







.works_wrap .brandwrap{/* overflow:hidden; */}
.works_wrap .brandslide_wrap{overflow:hidden;}
.works_wrap .brand {position:relative; width:100%; z-index:99;}
.works_wrap .brand li{position:relative;margin-right:40px;width:135px; height:55px;text-align:center;}
.works_wrap .brand li a{width:100%; height:100%; line-height:55px;}
.works_wrap .brand li a img{vertical-align:middle;}

.works_wrap .brand_pager{position:absolute; margin-top:-55px; max-width:1200px; width:100%; z-index:1; }
.works_wrap .brand_pager:hover li{opacity:1;}
.works_wrap .brand_pager li{opacity:0;width:45px; height:55px;line-height:55px;text-align:center;transition:all .5s ease;-ms-transition:all 0.5s ease; -webkit-transition: All 0.5s ease;	-moz-transition: All 0.5s ease;	-o-transition: All 0.5s ease; }
.works_wrap .brand_pager li.opac1{opacity:1;}
.works_wrap .brand_pager li.brand_prev{position:absolute; left:-5%;}
.works_wrap .brand_pager li.brand_next{position:absolute; right:-5%;}
.works_wrap .brand_pager li a{display:block; width:100%; height:100%; color:#000;}
.works_wrap .brand_pager li a i{font-size:24px; color:#000;}


/* service-wrap */
.service_wrap{position:relative; height:auto; margin-top:-1px; background:#0a2942 url("../img/service_bg.jpg") no-repeat left bottom; background-size:cover; padding-bottom:150px; }
.service_wrap .service_bg{position:absolute; top:-1px; right:0; border-top:40px solid #fafafa; border-right:115px solid #fafafa; border-bottom:40px solid transparent; border-left:115px solid transparent;}
.service_wrap .service_bg_wrap{position:absolute; top:0; right:0;width:225px; height:100%; background-color:rgba(90,100,140,.1);background-image:url(../img/service_bg1.png), url(../img/service_bg2.png); background-size:84px 220px,79px 156px;background-repeat:no-repeat; background-position:center 28%,85% 100%; }
.service_title{text-align:center; color:#fff;}
.service_title p:nth-of-type(1){line-height:50px; padding-bottom:30px;color:#fff;}
.service_title p:nth-of-type(1) i{font-size:16px; vertical-align:top;}
.service_title p b {color:#fd4345;}
.service_title .sub_title {color:#afb7bf;}
.service_brand {text-align:center; margin:0 auto; }
.section_wrap .service_brand {display:table;  width:100%; padding-top:50px; table-layout:fixed;}
.section_wrap .service_brand .distable {display:table-row; }
.section_wrap .service_brand .distable div {display:table-cell;  padding-top:30px;}
.section_wrap .service_brand .distable div dl {display:table;  width:100%; text-align:center;}
.section_wrap .service_brand .distable div dl dt, .section_wrap .service_brand .distable div dl dd {display:table-row }
.section_wrap .service_brand .distable div dl dd {color:#FFF;}
.section_wrap .service_brand .distable div dl dd.service_detail {font-size:14px; min-height:80px; line-height:21px; opacity:0.9;}
.section_wrap .service_brand .distable div dl dt {height:120px;}
.section_wrap .service_brand .distable div.service_slash {width:20px; vertical-align:middle;}

/* ONE STOP */
.one_wrap{background:url("/layouts/visualist/img/onestop_bg2.png") no-repeat 0 0; background-size:70%; overflow:hidden; position:relative; padding:80px 0;}
.one_titlewrap {width:100%; max-width:1200px; margin:0 auto; position:relative; }
.one_title {width:100%; text-align:center;}
.one_title .one_title_h2 p.f_cnc {font-size:30px;color:#fd4345;}
.one_title .one_title_h2 p.f_ns100 {font-size:54px; letter-spacing:-3px; line-height:80px;}

.one_title h2 p.f_ns100 strong {font-weight:700;}
.one_title .sub_title { margin-top:20px; font-size:21px; line-height:36px; color:#707070;}
.one_title .sub_title b.cred {color:#fd4345; font-size:24px;}
.one_title .sub_title b.cbla {color:#252525; font-size:24px;}
.one_title .sub_text {margin-top:15px; line-height:26px;}
.more_onestop {margin-top:40px; }
.more_onestop a {background:#fd4345; position:relative; border:0; border-radius:100px; color:#FFF; line-height:30px; margin:0 auto;
font-size:14px !important; width:50px; height:50px; display:block; transition:all 0.4s ease-out; text-align:center; padding:30px;}
.more_onestop a i {display:block; text-align:center; }
.more_onestop a:hover {background:#1b1f26; transition:all 0.4s ease-out; color:#FFF;}
.one_image {position:absolute; width:30%; bottom:-250px; left:calc(50% + 250px); z-index:-1; border:1px solid #000; max-width:600px;}
.one_image img {width:100%;}

/* NEWS */
.news_wrap{background:url(../img/news_bg.png) no-repeat 0 0; background-size:cover; padding-bottom:60px;color:#fff;}
.news_list{padding:50px 0;width:100%; height:auto; box-sizing:border-box; text-align:center; }
.news_list_btn{position:absolute; top:52px; right:0;}
.news_list_btn li{float:left;position:relative;width:55px; height:50px; background:rgba(0,0,0,.8); margin-right:2px;}
.news_list_btn li:last-of-type{margin-right:0;}
.news_list_btn li a{position:absolute; top:0; left:0;display:inline-block; width:100%; height:100%;}
.news_list_btn li i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); color:#cccc;}
.news_list_btn li a span{text-indent:-9999px; overflow:hidden; font-size:0;}
.doc_text p{color:#fff; font-size:14px;font-family:'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';}


/* Board List - List Type */
.news_wrap .listtype_board_list .loop_line {position:relative; width:100%;height:222px;border-bottom:1px solid #e1e1e1;padding-top:42px; padding-bottom:30px; box-sizing:border-box;}
.news_wrap .listtype_board_list .loop_line .loop_date1 {font-family:'cncBlack'; color:#b7b7b7;  width:74px; padding:8px 0;margin-bottom:30px;  box-sizing:border-box; letter-spacing:1px;}
.news_wrap .listtype_board_list .loop_date_m {font-size:28px;line-height:26px;}
.news_wrap .listtype_board_list .read_wrap{display:none;}
.news_wrap .listtype_board_list .nickname{margin-top:-5px;}
.news_wrap .listtype_board_list .document_popup_menu {display:none;}
.news_wrap .doc_text div{display:inline-block; width:80%;padding-top:26px;height:96px; overflow:hidden;}
.news_wrap .listtype_ti span{font-size:21px; font-weight:700;}
.news_wrap .vlab_catagory{display:inline; position:absolute; top:270px; left:22px; color:#000;}
.news_wrap .listtype_cate{border-bottom:1px solid #252525;}
.news_wrap .icon_mod{display:inline-block; width:40px; height:40px; margin-left:20px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-radius:20px; text-align:center; vertical-align:middle;}
.news_wrap .icon_mod i{line-height:40px;}
.news_wrap .doc_text div.document_popup_menu{display:none;}
.news_wrap .notice_wrapper .doc_text {display:none;}

/* NOTICE */
.news_wrap .notice_wrapper ul.maxwidth{width:100%; overflow:hidden;}
.news_wrap .listtype_board_list {position:relative; z-index:9; height:auto; }
.news_wrap .read_listtype.listtype_board_list {background:#fff;}
.news_wrap .listtype_board_list .notice_wrapper dl{position:relative; height:460px;float:left;  box-sizing:border-box;}
.news_wrap .vstory_content {width:95%; background:#fff; height:460px;}
.news_wrap .listtype_board_list .notice_wrapper .listtype_th img {width:100%; height:auto; margin:0; max-height:250px;}
.news_wrap .listtype_board_list .notice_wrapper .listtype_ti{width:80%; position:absolute; top:310px; left:22px;line-height:30px; text-align:left;} 
.news_wrap .listtype_board_list .notice_wrapper .loop_date1{position:absolute; bottom:30px; left:22px; color:#b7b7b7;}
.news_wrap .listtype_board_list .notice_wrapper .loop_date1 span{font-size:14px;}
.news_wrap .listtype_board_list .notice_wrapper .nickname{position:absolute; bottom:20px; right:10%;}

/* MAP */
.main_location_wrap {width:100%; height:auto; position:relative; overflow:hidden; }
.main_location{position:relative;width:100%; height:750px;}
.withUs_wrap{position:absolute; top:0; left:50%; width:50%; height:750px; background:rgba(0,0,0,.9); z-index:999;padding:97px 0 97px 82px; box-sizing:border-box;}
.withUs_wrap .withUs_top{margin-bottom:130px;}
.withUs_wrap .withUs_top .fs_48{color:#fff;line-height:1.2;padding-bottom:20px;}
.withUs_wrap .withUs_top .sub_title{margin-bottom:30px;}
.withUs_wrap .withUs_top .f_cnc{letter-spacing:0; color:#fff;}
.withUs_wrap .withUs_top .icon-arrow85{margin-right:15px;color:#fd4345;font-size:18px; vertical-align:middle;}
.withUs_wrap .withUs_bottom{color:#fff; font-size:16px; letter-spacing:0;}
.withUs_wrap .withUs_bottom li{margin-bottom:15px; font-weight:700;}
.withUs_wrap .withUs_bottom .c_blue{color:#fd4345; margin-bottom:20px; font-size:30px;}
.withUs_wrap .copy{font-size:12px; color:#828486;line-height:22px;}
.main_location .overlay{font-family:'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';letter-spacing:0;}
.main_location .overlay a{letter-spacing:0;}
.place-desc-large{color:#5b5b5b; font-size:12px; width:200px; display:inline-block;margin:0 5px 15px 0;}
.place-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600; font-size:14px; color:#000;}
.address{margin-top:6px;}
.navigate,.link_share{display:inline-block; vertical-align:top; height:43px; padding:0 12px; font-size:12px; text-align:center;}
.link_share{border-left:1px solid #e2e2e2; }
.icon{background:url(http://t1.daumcdn.net/localimg/localimages/07/2018/pc/ico_detail_190102.png) no-repeat; width:33px; height:33px; margin:0 auto;}
.navigate_icon{background-position:-120px -440px;}
.share_icon{background-position:-160px -330px;}
.navigate-text,.share-text{color:#3a57df;}
.bottom-action{color:#5b5b5b; font-size:12px;}
.bottom-action a{color:#3a84df;}

/* CLICK */
.clickContact_wrap{position:absolute; top:0; left:0; width:100%; height:auto;margin:115px auto; z-index:999; color:#fff; display:none; }
.clickContact{float:right; width:134px;padding:0 58px;}
.clickContact button{display:inline-block; width:100%; height:100%;text-align:left; background:transparent; color:#fff; cursor:pointer;}
.clickContact .c_blue{ color:#fd4345;padding-bottom:26px;}
.clickContact .c_blue i{float:right;margin-top:4px; font-size:14px;}
.clickContact p:first-of-type button{padding-bottom:25px;line-height:22px;letter-spacing:-1px;}
.clickContact p:last-of-type{padding-top:52px; background:url(../img/slash.png) no-repeat center 0; }
.clickContact p:last-of-type span{float:right; text-align:right; line-height:26px; letter-spacing:2px;color:#fff;}



/*RESPONSIVE

 * 01) max-width: 1800px
 * 02) max-width: 1664px *
 * 03) max-width: 1460px
 * 04) max-width: 1400px
 * 05) max-width: 1280px *
 * 06) max-width: 1200px
 * 07) max-width: 1180px
 * 08) max-width: 1105px
 * 09) max-width: 1080px
 * 10) max-width: 1023px
 * 11) max-width: 940px
 * 12) max-width: 768px *
 * 13) max-width: 767px
 * 14) max-width: 600px*
 * 15) max-width: 540px*
 * 16) max-width: 480px*
 * 17) max-width: 450px*
 * 18) max-width: 414px*
 * 19) max-width: 380px*

*/



/* **************************************** *
 * MEDIA 1920px
 * **************************************** */

@media all and (max-width: 1920px){
.section_wrap{position:relative; max-width:1200px; margin:0 auto;}

/* Main_section */
.main_section h2 img {width:200px;}
.works_title{max-width:1200px;}
.works_detail .works_l p span.fs_32 {font-size:28px; letter-spacing:-1px;}
.works_detail .works_l p span.fs_48 {font-size:38px; letter-spacing:-2px;}
.works_detail .works_l p:nth-of-type(1){line-height:40px; padding-bottom:10px;}
.works_detail .f_r dt{padding-top:60px;}
.works_detail .f_r dd:nth-of-type(1){font-size:90px;}
.works_portfolio{position:relative; margin:100px 0 60px 0;}

/* service-wrap */
.service_title  p span.fs_32 {font-size:28px; letter-spacing:-1px;}
.service_title  p span.fs_48 {font-size:42px; letter-spacing:-2px;}
.service_title p:nth-of-type(1){line-height:45px;}

/* ONE STOP */
.one_title .one_title_h2 p.f_cnc {font-size:28px; color:#fd4345;}
.one_title .one_title_h2 p.f_ns100 {font-size:42px; line-height:60px;}
.one_title .sub_title { margin-top:20px; font-size:18px; line-height:32px;}
.one_title .sub_title b.cred {color:#fd4345; font-size:21px;}
.one_title .sub_title b.cbla {color:#252525; font-size:21px;}
.more_onestop a {font-size:13px !important;}

/* MAP */
.main_location {height:550px;}
.withUs_wrap {height:550px; padding:70px 0 80px 4%;}
.withUs_wrap .withUs_top{margin-bottom:40px;}
.withUs_wrap .withUs_top .fs_48{color:#fff; letter-spacing:-2px; font-size:36px; padding-bottom:15px;}
.withUs_wrap .withUs_top .sub_title{margin-bottom:30px; font-size:16px; line-height:24px; transform:rotate(-0.03deg);}
.withUs_wrap .withUs_bottom{font-size:14px;}
.withUs_wrap .withUs_bottom li{margin-bottom:10px; }
.withUs_wrap .copy{margin-top:15px;}


}



/* **************************************** *
 * MEDIA 1280px
 * **************************************** */
@media all and (max-width: 1280px){
.section_wrap{max-width:1100px;}

.works_portfolio .portfolio_wrap .maxwidth {width:100% !important; max-width:1100px;}
.works_title{max-width:1100px;}
.works_portfolio .more_product{display:none; }
/*main_works*/


.works_wrap .brandwrap{width:90%;margin-top:40px;}
.works_wrap .brand_pager{position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%);  margin-top:-55px; width:90%; z-index:1; }

/* MAP */
.main_location {height:600px;}
.withUs_wrap {height:600px; padding:60px 5%;}
.withUs_wrap .withUs_top{margin-bottom:50px;}
.withUs_wrap .withUs_top .fs_48{font-size:34px;}
.withUs_wrap .withUs_top .sub_title{font-size:14px; line-height:21px;}
.withUs_wrap .copy{font-size:12px;}
.withUs_wrap .copy a {font-size:inherit; color:inherit;}


}


/* **************************************** *
 * MEDIA 1180px
 * **************************************** */
@media all and (max-width: 1180px){
.section_wrap{max-width:auto;}
.works_title{max-width:auto;}
.works_portfolio{position:relative; margin:70px auto;}
.works_portfolio .portfolio_wrap .maxwidth {width:100% !important;}
.sub_works_wrap {padding:30px 0;}

/* Main_works */
.works_detail .f_l{float:none;}
.works_detail .f_r{float:none; margin:30px auto 10px auto;}
.works_detail {text-align:center;}
.works_detail .f_r dt {float:none; display:inline-block;}
.works_detail .f_r dd:nth-of-type(1) {float:none; display:inline-block}
.works_detail .f_r dd:nth-of-type(2) {text-align:center;}
.works_wrap .portfolio_wrap .works_li {width:calc(50%); margin-bottom:0;}
.works_wrap .portfolio_wrap .works_li:nth-child(3n+1) { margin-right:0;}
.works_wrap .portfolio_wrap .works_li:nth-child(3n+2) { margin:0; }
.works_wrap .portfolio_wrap .works_li:nth-child(3n+3) { margin-left:0; }
.visualist_info_wrap .sub_title br{display:none;}
.service_wrap {padding-bottom:80px;}
.section_wrap .service_brand {display:block;  width:100%; padding-top:40px; }
.section_wrap .service_brand .distable {display:block;}
.section_wrap .service_brand .distable div {display:inline-block; width:50%;  float:left; padding-top:10px; padding-bottom:10px; position:relative; }
.section_wrap .service_brand .distable div dl {display:block;  width:90%; margin:0 auto; text-align:center;  padding:20px 2% 30px 2%; background:rgba(0,0,0,0.2);}
.section_wrap .service_brand .distable div dl:after {clear:both; content:'';}
.section_wrap .service_brand .distable div dl dt, .section_wrap .service_brand .distable div dl dd {display:inline-block; }
.section_wrap .service_brand .distable div dl dd {color:#FFF; text-align:left; width:70%; }
.section_wrap .service_brand .distable div dl dd.service_detail {font-size:14px; min-height:70px; line-height:21px; opacity:0.9; padding-top:10px;}
.section_wrap .service_brand .distable div dl dt {width:30%; float:left; }
.section_wrap .service_brand .distable div dl dt img { padding:10px; width:calc(80% - 20px); max-width:90px;  }
.section_wrap .service_brand .distable div.service_slash {display:none; }
.section_wrap .service_brand .distable div dl dd br:nth-last-of-type(1) {display:none; }


}





/* **************************************** *
 * MEDIA 940px
 * **************************************** */
@media all and (max-width: 940px){

/* main_service */
.section_wrap .service_brand ul.top{width:100%;}
.section_wrap .service_brand ul.bottom{width:100%;}

}



/* **************************************** *
 * MEDIA 768px
 * **************************************** */
@media all and (max-width: 768px){

.main_title h2{width:85%; margin:0 auto; font-size:36px;}
.main_section h2 img {width:150px;}
.main_video video {width:140%; margin-left:-20%;}
.works_detail .f_r {margin:0 auto;}
.works_detail .f_r dd:nth-of-type(1){font-size:60px;}
.works_portfolio{position:relative; margin:50px auto;}
.works_detail .f_r dd:nth-of-type(1) i {top:0;}
.works_detail .f_r .f_cnc {padding-top:20px;}
.works_detail .works_l p span.fs_32 {font-size:24px; letter-spacing:-1px;}
.works_detail .works_l p span.fs_48 {font-size:34px; letter-spacing:-2px;}
.works_detail .works_l p:nth-of-type(1){line-height:40px; padding-bottom:0;}
.service_wrap {padding-bottom:80px;}
.one_title {width:90%; margin:0 auto;}
.main_location_wrap{width:100%; height:auto;}
.main_location{height:400px;}
.withUs_wrap{position:static; height:auto; width:100%; overflow:hidden; padding:60px 8%;}
.withUs_wrap .withUs_top{margin-bottom:30px; width:100%; float:none;}
.withUs_wrap .withUs_bottom{width:100%; float:none;}
.withUs_wrap .withUs_bottom p br {display:none; }
.withUs_wrap .withUs_top p.fs_48 br {display:none; font-size:32px;}
.withUs_wrap .withUs_top p.sub_title {width:100%;}



/* list Hover */
.portfolio_wrap .read_wrap .doc_read{width:80%;}

}



/* **************************************** *
 * MEDIA 600px
 * **************************************** */
@media all and (max-width: 600px){

/* service-wrap */
.service_title  p span.fs_32 {font-size:21px; letter-spacing:-1px;}
.service_title  p span.fs_48 {font-size:30px; letter-spacing:-1px;}
.service_wrap {padding-bottom:70px;}
.service_title p:nth-of-type(1) {line-height:32px; letter-spacing:-1px; padding-bottom:15px;}
.service_title p span {letter-spacing:-1px;}
.service_title p:nth-of-type(1) i {font-size:14px;}
.service_title .sub_title{font-size:14px; line-height:21px;}
.section_wrap .service_brand {display:block;  width:100%; padding-top:20px; }
.section_wrap .service_brand .distable {display:block;}
.section_wrap .service_brand .distable div {display:inline-block; width:100%;  float:left; padding-top:10px; padding-bottom:0; position:relative; }
.section_wrap .service_brand .distable div dl {display:block;  width:96%; margin:0 auto; text-align:center;  padding:20px 2%; background:rgba(0,0,0,0.2);}
.section_wrap .service_brand .distable div dl:after {clear:both; content:'';}
.section_wrap .service_brand .distable div dl dt, .section_wrap .service_brand .distable div dl dd {display:inline-block; }
.section_wrap .service_brand .distable div dl dd {color:#FFF; text-align:left; width:75%; margin:0 auto;}
.section_wrap .service_brand .distable div dl dd.service_detail {font-size:13px; min-height:50px; line-height:18px; padding-top:0;}
.section_wrap .service_brand .distable div dl dt {width:25%; text-align:center; height:auto;}
.section_wrap .service_brand .distable div dl dt img { padding-top:5px; width:70%; max-width:90px;  }
.section_wrap .service_brand .distable div dl dd br {display:block; }
.section_wrap .service_brand .distable div dl  {min-height:auto;}


}



/* **************************************** *
 * MEDIA 540px
 * **************************************** */
@media all and (max-width: 540px){

.works_detail .f_r {margin:0 auto;}
.works_detail .f_r dd:nth-of-type(1){font-size:60px;}
.works_portfolio{position:relative; margin:30px auto;}
.works_detail .f_r dd:nth-of-type(1) i {top:0;}
.works_detail .f_r .f_cnc {padding-top:20px;}
.works_detail .works_l p span.fs_32 {font-size:21px; letter-spacing:-1px;}
.works_detail .works_l p span.fs_48 {font-size:26px; letter-spacing:-1px;}
.works_detail .works_l p:nth-of-type(1){line-height:30px; padding-bottom:0;}
.works_detail .sub_title{font-size:14px; width:85%; margin:0 auto; line-height:1.5; padding-top:10px;}
.portfolio_wrap .read_wrap .doc_read .work_read_title span{font-size:12px;}
.read_wrap .doc_read .doc_text {display:none; }
.main_section h2 img {width:120px;}
.main_section section:nth-of-type(3n-2) h2 {margin-bottom:30px;}


}