@charset "utf-8";


.sub_section .sub_title {color:#707070;}

/* ABOUT */

.about_sub .visual_about {width:100%; height:auto; overflow:hidden; background:url('../img/about_sub.jpg') no-repeat 0 0; background-size:cover; }
.about_sub .visual_about .main_title {padding:80px 0; text-align:center; margin-top:110px;}
.about_sub .visual_about .main_title h2 {width:40%; margin: 0 auto; max-width:250px; padding-bottom:25px;}
.about_sub .visual_about .main_title h2 img {width:100%;}
.about_sub .visual_about .main_title p span{border-bottom:1px solid #fff; color:#FFF;}
.sub_section .we_visualist_wrap {margin:50px 0 80px 0;}
.sub_section .we_visualist {text-align:center; }
.sub_section .we_visualist h2 {width:80%; margin: 0 auto; max-width:1000px; text-align:center; }
.sub_section .we_visualist h2 img {width:100%;}
.sub_section .we_visualist p.f_ns100 {letter-spacing:-5px; color:#111111;}
.sub_section .we_visualist p.visualist_meaning {display:inline-block; width:auto; background:#111111; margin:0 auto; color:#FFF;  padding:5px 10px; margin-top:20px;}
.sub_section .we_visualist p.sub_title {margin-top:50px;}
.sub_section .we_visualist p.f_ns900 {margin-top:15px;}
.belief_wrap{background:#52c8d0 url(../img/about_belief.jpg) no-repeat 0 0;}
.belief_wrap .belief {text-align:center; padding:100px  0 80px 0;color:#fff; }
.belief_wrap .belief h2 span.f_ns100 {letter-spacing:-3px;}
.belief_wrap .belief h2 span.f_cnc {letter-spacing:3px;}
.belief_wrap .belief p{color:#fff;}
.belief_wrap .belief p.f_ns900{margin:50px 0 30px 0;}
.belief_wrap .belief p.sub_title{color:#fff; font-weight:bold; letter-spacing:-0.5px;}
.spanbelief:before,.spanbelief:after{content:''; display:inline-block; width:16px; height:16px;}
.spanbelief:before{background:url('../img/belief_prev.png') no-repeat 0 0;vertical-align:top;}
.spanbelief:after{background:url('../img/belief_next.png') no-repeat 0 0;vertical-align:bottom;}
.project_wrap{background:url('../img/cooper-copy1.jpg') no-repeat 0 0; background-size:cover;}
.project_wrap .project{text-align:center; padding:130px 0;}
.project_wrap .project .top_project{display:table; table-layout:fixed; text-align:center; width:70%; margin:0 auto;}
.project_wrap .project .top_project dl{display:table-cell; width:45%; text-align:center;}
.project_wrap .project .top_project dt{text-transform:uppercase;}
.project_wrap .project .top_project dd{font-size:122px;color:#111111;}
.project_wrap .project .top_project dd .ddplus{font-size:75px; vertical-align:top; margin-left:-30px;}
.project_wrap .project .top_project p {display:table-cell; width:10%; vertical-align:middle; font-size:110px;}
.project_wrap .project .fs_24{padding:50px 0 10px 0; line-height:1.5;}
.project_wrap .project .fs_30{line-height:1.6;}
.project_wrap .project .sub_title{color:#707070; padding-bottom:60px;}
.top_project p{display:none;}
.bottom_project p b {font-weight:900;}

/* visual_history */
.history_visualist_wrap{background:#fff;}
.history_visualist_wrap a{color:#898989;}
.history_visualist_wrap .history_visualist{padding:70px 100px 70px; text-align:center; }
.history_visualist_wrap .history_visualist h2 span{display:block;color:#959595;font-size:21px; padding-bottom:15px;}
.history_visualist{box-sizing:border-box;}

/* history_board */
.history_visualist_wrap .post-check{text-align:right;}
.history_visualist_wrap .board{padding:0;}
.history_visualist_wrap .title .read_wrap{display:none;}
.history_visualist_wrap .loop_year{display:none;}
.history_visualist_wrap .loop_month{color:#707070; margin-right:5px;}
.history_visualist_wrap .ctab_total{display:none;}
.history_visualist_wrap .cTab{border-top:1px solid #111;padding:16px 70px 55px; /* width:19000px; */ margin-top:10px;}
.history_visualist_wrap .cTab li:nth-child(2){margin-left:0;}
.history_visualist_wrap .cTab li{position:relative; float:left; width:535px; /* margin-left:100px; */}
.history_visualist_wrap .cTab li:before{content:''; display:block; position:absolute; top:-24px; left:0; width:15px; height:15px; border-radius:15px; background:#111111; }
.history_visualist_wrap .cTab li a.fs_24{font-size:24px;letter-spacing:0;}
.history_visualist_wrap .title .fs_18{font-size:17px;}
.history_visualist_wrap .loop_line dd{display:inline-block; line-height:30px;}
.history_visualist_wrap .history_ul{position:relative;height:350px;}
.history_visualist_wrap .history_ul li{position:relative; width:535px; /* margin-left:100px; */ height:30px;}
.history_visualist_wrap .history_ul li.y2019{margin-left:70px;}
.history_visualist_wrap .history_ul li.y1998:first-child{display:none;}
.history_visualist_wrap .history_ul li .loop_month span{visibility:hidden;}
.history_visualist_wrap .history_ul li.visible .loop_month span{visibility:visible;}
.history_visualist_wrap .history_ul li dd.loop_month {width:20px; text-align:right;}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fd4345 !important; height:5px !important;}	
.about_photo_wrap{padding-top:150px; background:#FFF;}
.about_photo_wrap ul {display:table; border-collapse:collapse; table-layout:fixed;}
.about_photo_wrap ul li {display:table-cell; overflow:hidden; vertical-align:top;}
.about_photo_wrap ul li.about_photo1 {width:50%;}
.about_photo_wrap ul li.about_photo1 video {width:100%; display:block;}
.about_photo_wrap ul li.about_photo2 {width:35%;background: url("../img/about_p1.jpg") no-repeat 0 0; background-size:cover;}
.about_photo_wrap ul li.about_photo3 {width:15%; background: url("../img/about_p3.jpg") no-repeat 0 0; background-size:cover;}

/* SERVICE */
.service_sub {text-align:center; }
.service_sub .visual_service {width:100%; height:auto; overflow:hidden; background:url('../img/service_sub.jpg') no-repeat 0 0; background-size:cover; }
.service_sub .visual_service .main_title {padding:80px 0; text-align:center; margin-top:110px;}
.service_sub .visual_service .main_title h2 {width:40%; margin: 0 auto; max-width:250px; padding-bottom:25px;}
.service_sub .visual_service .main_title h2 img {width:100%;}
.service_sub .visual_service .main_title p {color:#FFF; }
.service_sub .visual_service .main_title p span {border-bottom:1px solid #FFF; }
.service_sub .visual_service .main_title p .fs_32 {letter-spacing:-2px;}
.service_sub .main_title .icon-icon18{font-size:16px; vertical-align:top;}
.visualist_info_wrap{padding:125px 0 110px 0; background:url('../img/provision.png') no-repeat center 100%;}
.visualist_info_wrap .sub_title{color:#898989;padding:30px 0 85px 0;}
.provision_wrap{background:#22222d;}
.provision_wrap .provition_title h2{padding-top:105px; padding-bottom:25px;color:#fff; }
.provision_wrap .provition_title .fs_14{letter-spacing:20px; color:#fff;}
.provision_wrap .provision ul{padding-top:90px; padding-bottom:125px; width:100%;}
.provision_wrap .provision ul li{position:relative; background:#fff; float:left; width:32%; height:435px; margin-left:16px; margin-bottom:22px; }
.provision_wrap .provision ul li a{display:inline-block; width:100%; height:100%;}
.provision_wrap .provision ul li figure{width:100%;}
.provision_wrap .provision ul li img{width:100%;}
.provision_wrap .provision ul li:nth-child(3n-2){margin-left:0;}
.provision_wrap .provision ul li h3{color:#252525; padding:35px 0 30px; text-transform:uppercase;}
.provision_wrap .provision ul li p{color:#707070; line-height:22px; letter-spacing:0}
.provision_wrap .provision ul li button{position:absolute; bottom:25px; right:35px; background:transparent;cursor:pointer; transition:all .4s ease-out;}
.provision_wrap .provision ul li a:hover button{right:25px;}

.serv_one {background:#f7f7f7 url('../img/servone_bg.png') no-repeat 0 0; width:100%; padding:100px 0;}
.serv_one .maxwidth {padding:100px 0 70px 0;}
.serv_one .f_cnc {text-transform:uppercase;}
.serv_one h2 {font-size:30px; text-align:center;}
.serv_one h2 span {display:block; font-weight:100; padding-top:10px;}
.serv_one h2 b {color:#fd4345;}
.serv_one p.serv_tit {text-align:center; font-weight:900; color:#7d7d7d; font-size:21px; padding-top:35px;}
.serv_one p.serv_tit b {font-weight:900;}
.serv_one .servone_wrap {margin-top:100px;}
.servone_detail {color:#FFF; text-align:center; float:left; width:32%; height:auto; min-height:800px;}
.servone1 {
background: #36D1DC;
background: -webkit-linear-gradient(to bottom, #36D1DC, #18a0d9);
background: linear-gradient(to bottom, #36D1DC, #18a0d9);
}
.servone2 {margin:0 2%;
background: #3cd3bc;
background: -webkit-linear-gradient(to bottom, #3cd3bc, #00bf7a);
background: linear-gradient(to bottom, #3cd3bc, #00bf7a);
}
.servone3 {
background: #658ae6;
background: -webkit-linear-gradient(to bottom, #658ae6, #4f45d4);
background: linear-gradient(to bottom, #658ae6, #4f45d4);
}

.servone_wrap:after {content:''; clear:both; display:block; width:100%;}
.servone_detail h3 {font-size:18px;}
.servone_detail h3 strong {display:block; font-size:24px; line-height:36px;}
.servone_detail p.servone_text {margin-top:20px; line-height:21px; font-size:14px; color:#FFF;}
.servone_detail img.servone_img {margin-top:20px; width:50%;}
.servone_detail ul {height:400px; margin-top:40px; font-size:16px;}
.servone_detail ul li {line-height:42px; }
.servone_detail ul li:after {content:'';  width:100%; height:18px; display:block; background: url("../img/servone_plus.png") no-repeat center center;  }
.servone_detail ul li:last-child:after {background:none;}
.servone_detail_top {padding:50px 5% 0 5%; }
.servone_detail_bottom {background:rgba(0,0,0,0.4); height:auto; padding:50px 5%;}
.servone_detail_bottom strike {font-size:18px;}
.servone_detail_bottom span {display:block; padding:10px 0 20px 0; font-size:12px;}
.servone_detail_bottom p { font-size:28px; letter-spacing:0.5px;}
.servone_detail_bottom p i {padding-right:10px;}
.servone1 .servone_detail_bottom p {color:#4aeaf5;}
.servone2 .servone_detail_bottom p {color:#4df4da;}
.servone3 .servone_detail_bottom p {color:#a2bbf8;}


.apply_onestop {width:150px; height:150px; margin:5% auto; }
.apply_onestop a {display:block; padding:35% 0; text-align:center; border-radius:150px; background:#212121; font-weight:bold; color:#FFF;}
.apply_onestop a span {font-size:22px;}
.apply_onestop a i {display:block; padding-top:5%; font-size:15px;}
.apply_onestop a:hover {background:#fd4345;}


.mobile_board_cat {display:none;}
.listtype_board_list a{color:#35373a;} 

/* CONTACT */
.top_margin{background:transparent; /* height:100px; min-height:70px; */ transition:all 0.3s ease-out;}
.top_margin_contact{background:#35373a; height:100px; min-height:70px; transition:all 0.3s ease-out;}
.sub_nav.contact_nav{background:rgba(53,55,58,.9); position:relative;}

/*ESTIMATE*/
.estimate_wrap {margin-top:120px;}
.estimate_wrap b {color:#fa2828; }
.estimate_text {text-align:center;}
.estimate_text .c_gray:before {content:''; display:block; width:100%; height:120px; background:url(../img/invoice_calc.png) no-repeat center top;}
.estimate_text .fs_22 {padding:1% 0 2%;}
.estimate_text .fs_14 {line-height:1.5;}
.tab_tit {display:table; width:100%;  margin-top:5%; padding:3% 0; border-top:2px solid #252525; border-bottom:2px solid #252525;}
.tab_tit li {display:table-cell; text-align:center;}
.tab_tit li p {padding-top:10px;;}
.estimate_wrap label {font-family: 'NanumSquareNeo', '나눔스퀘어네오'; font-weight:900;}
.content {border:1px solid #252525;}
.content_wrap {display:table; width:100%; }
.content_wrap .section_wrap {display:table-cell; width:80%; height:100%; padding-top:3%; padding-right:3%;}
.content_wrap .total_price {display:table-cell; width:20%; height:100%; background:#f2f2f2; vertical-align:top; padding:3% 1% 0 2%;;}

section .content_select {padding:3%;}
section.shoppingmall .content {margin-bottom:30px;}
section.shoppingmall .content:last-child {margin-bottom:0;}
.content_select [class*=detail] {background:#f2f2f2; padding:3%;}
.content_select [class*=detail] li {padding:2% 0;}
.content_select [class*=detail] li.model_photo {position:relative; border-top:1px solid #252525; padding-left:5%;}
.content_select [class*=detail] li.model_photo:before {position:absolute; top:25px; left:0; content:''; display:inline-block; padding-right:2%; width:14px; height:14px; background:url(../img/invoice_plus.png) no-repeat center center;}
.content_select .photo_type_detail li p {padding-left:35px;}
.content_select .online_type_detail {background:#fff; padding:3% 0;}
.content_select .shoppingmall_type_detail {background:#fff; padding:2% 0;}
.content_select .shoppingmall_more_detail {margin-top:2%;}
.content_select .shoppingmall_more_detail .more_page {padding-top:2%;}
.content_select .shoppingmall_more_detail .more_page li {padding:3px 0;}

.content_select input[type="text"] {border:1px solid #cccccc; background:#fff;width:72px; height:40px; margin-right:3px; padding-left:5px; box-sizing:border-box;}
.content_select img {vertical-align:middle; padding:0 10px;}
.service_wrap {display:table; width:100%; }
.service_wrap + p {padding-top:10px;}
.service_wrap .service_check {display:table-cell; width:80%;}
.service_wrap .service_count {display:table-cell;  width:20%; text-align:right;}
.service_wrap .shoppingmall_logo {display:table-cell; width:25%;}
.service_wrap .shoppingmall_logo_info {display:table-cell; width:75%;}
.service_wrap .shoppingmall_logo_info li {line-height:1.8; padding:0; font-size:14px;}

.section_info {background:#f2f4f7;padding:3%; font-size:14px;}
.section_info ul li {line-height:1.5; position:relative; padding-left:2.5%; padding-bottom:1%;}
.section_info ul li:before {content:''; display:inline-block; width:5px; height:5px; padding-right:2%; vertical-align:middle;  background:url(../img/invoice_disc.png) no-repeat center center; position:absolute; top:8px; left:0;}

.total_val {text-align:right; padding-top:40%; }
.total_val img {padding-right:5%;}

/*font_style*/
.content_gray {color:#a1a1a1; font-size:16px; }
.content h2 {font-size:18px; color:#252525; padding:5% 0 3%;}
span.normal {font-size:14px; line-height:1.5; font-weight:normal; font-family:'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;}
.page {color:#959595; font-size:14px; font-weight:900;}
/* CHECKBOX 바꾸기 */
.estimate_wrap input[type="checkbox"]{display:none;}
.estimate_wrap input[type="checkbox"] ~ label:before {content:'';  display: inline-block; width:30px; height: 30px; background: url(../img/radio_unchecked.png) no-repeat 0 0; cursor: pointer; border-radius: 3px;vertical-align:middle; margin-right:5px; cursor:pointer;}
.estimate_wrap input[type="checkbox"]:checked ~ label:before {background:url(../img/radio_checked.png) no-repeat 0 0;vertical-align:middle;  }
.estimate_wrap input[type="checkbox"] ~ label { font-weight:900;font-family: 'NanumSquareNeo', '나눔스퀘어네오', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';vertical-align:middle;}
/* radio 바꾸기 */
.estimate_wrap input[type="radio"]{display:none;}
.estimate_wrap input[type="radio"] ~ label:before {content:'';  display: inline-block; width:30px; height: 30px; background: url(../img/radio_unchecked.png) no-repeat 0 0; cursor: pointer; border-radius: 3px;vertical-align:middle; margin-right:5px; cursor:pointer;}
.estimate_wrap input[type="radio"]:checked ~ label:before {background:url(../img/radio_checked.png) no-repeat 0 0;vertical-align:middle;  }
.estimate_wrap input[type="radio"] ~ label { font-weight:900; font-family: 'NanumSquareNeo', '나눔스퀘어네오', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';vertical-align:middle;}


/*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){

/* ABOUT */
.about_sub .visual_about .main_title {padding:60px 0; margin-top:80px;}
.about_sub .visual_about .main_title h2 {padding-bottom:25px;}
.about_sub .visual_about .main_title h2 img {width:80%;}
.sub_section .we_visualist_wrap {margin:30px 0 80px 0;}
.sub_section .we_visualist h2 img {width:80%;}
.sub_section .we_visualist p strong.f_ns700 {letter-spacing:-1px;}
.sub_section .we_visualist p.visualist_meaning {font-size:14px;}
.belief_wrap .belief {padding:80px  0 70px 0;}
.belief_wrap .belief p.sub_title {font-weight:normal;}
.belief_wrap .belief p.f_ns900 {margin:40px 0 30px 0;}
.project_wrap .project{padding:100px 0;}
.project_wrap .project .top_project{width:60%;}
.project_wrap .project .top_project dd{font-size:100px;}
.project_wrap .project .top_project p {font-size:80px;}
.project_wrap .project .sub_title{color:#707070; padding-bottom:40px;}
.history_visualist_wrap .title .fs_18{font-size:16px; font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic'; font-weight:normal;}
.history_visualist_wrap .cTab{padding:10px 70px 30px; }
.history_visualist_wrap .cTab li:before{top:-16px; left:0; width:10px; height:10px; border-radius:10px; }
.history_visualist h2 {width:40%; margin:0 auto; text-align:center; }
.history_visualist h2 img {width:50%;}

/* SERVICE */
.service_sub .visual_service .main_title {padding:60px 0; text-align:center; margin-top:80px;}
.service_sub .visual_service .main_title h2 {padding-bottom:25px; }
.service_sub .visual_service .main_title h2 img {width:80%;}
.visualist_info_wrap {padding:90px 0;}

.serv_one h2 {font-size:26px;}
.serv_one h2 span {display:block; font-weight:100; padding-top:10px;}
.serv_one p.serv_tit {font-weight:700; font-size:18px; padding-top:35px;}
.serv_one p.serv_tit b {font-weight:900;}
.serv_one .servone_wrap {margin-top:60px;}



}



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


}


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

}



/* **************************************** *
 * MEDIA 1024px
 * **************************************** */
@media all and (max-width: 1024px){
.visualist_info_wrap .fs_24 br{display:none;}
}




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

/*SERVICE_sub*/
.provision_wrap .provision ul li{position:relative; background:#fff; float:left; width:100%; height:170px; margin-left:0px; margin-bottom:22px; }
.provision_wrap .provision ul li a{display:inline-block; width:100%; height:100%;}
.provision_wrap .provision ul li figure{width:40%;float:left;height:170px; overflow:hidden; }
.provision_wrap .provision ul li img{height:100%; width:auto;}
.provision_wrap .provision ul li:nth-child(3n-2){margin-left:0px;}
.provision_wrap .provision ul li p{padding-bottom:20px;}
.provision_wrap .provision ul li button{position:absolute; bottom:15px; right:15px; background:transparent;cursor:pointer; transition:all .4s ease-out;}
.provision_wrap .provision ul li a:hover button{right:25px;}




.serv_one h2 {font-size:30px; text-align:center;}
.serv_one h2 span {display:block; font-weight:100; padding-top:10px;}
.serv_one h2 b {color:#fd4345;}
.serv_one p.serv_tit {font-weight:700; color:#7d7d7d; font-size:18px; }
.serv_one p.serv_tit b {font-weight:900; color:#252525;}
.serv_one .servone_wrap {margin-top:100px;}
.servone_detail {float:none; width:100%; height:auto; min-height:auto;}

.servone2 {margin:20px 0;}
.servone_detail h3 {font-size:18px;}
.servone_detail h3 strong {display:block; font-size:24px; line-height:36px;}


.servone_detail p.servone_text {margin-top:20px; line-height:21px; font-size:14px; color:#FFF;}
.servone_detail p.servone_text br {display:none; }
.servone_detail img.servone_img {margin-top:0; width:50%; max-width:200px;}
.servone_detail ul {height:auto; font-size:16px; padding:30px 0; width:96%; margin:0 auto;}
.servone_detail ul li {display:inline; line-height:38px; }
.servone_detail ul li:after {content:'';   padding:0 15px; display:inline;}
.servone_detail ul li:last-child:after {background:none;}
.servone_detail_top {padding:50px 5% 0 5%; }



}



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


/* ABOUT */
.about_sub .visual_about .main_title {padding:50px 0; margin-top:50px;}
.about_sub .visual_about .main_title h2 {padding-bottom:20px;}
.about_sub .visual_about .main_title h2 img {width:90%;}
.sub_section .we_visualist_wrap {margin:30px 0 60px 0;}
.sub_section .we_visualist h2 {width:100%;}
.sub_section .we_visualist h2 img {width:80%;}
.sub_section .we_visualist p.f_ns100 {letter-spacing:-1.5px;}
.sub_section .we_visualist p.visualist_meaning {padding:5px 10px 4px 10px;}
.sub_section .we_visualist p.sub_title {margin-top:20px;}

.belief_wrap{background:#52c8d0 url('../img/about_belief.jpg') no-repeat 30% 0; background-size:150%;}
.belief_wrap .belief p.f_ns900 {margin:30px 0 20px 0;} 
.spanbelief:before,.spanbelief:after{width:12px; height:12px;}
.spanbelief:before{background:url('../img/belief_prev.png') no-repeat 0 0;vertical-align:top; background-size:100%; }
.spanbelief:after{background:url('../img/belief_next.png') no-repeat 0 0;vertical-align:bottom; background-size:100%;}


.project_wrap .project {padding:70px 0;}
.project_wrap .project .top_project{width:80%;}
.project_wrap .project .top_project dd{font-size:70px;}
.project_wrap .project .top_project p {font-size:60px;}
.project_wrap .project .sub_title{padding-bottom:40px;}
.project_wrap .project .fs_24 {padding:20px 0 10px 0;}
.project_wrap .project .bottom_project .sub_title br.mobile_br {display:none; }


.history_visualist_wrap .title .fs_18{font-weight:normal;}
.history_visualist_wrap .cTab{padding:10px 20px 30px; width:9000px; margin-top:10px;}
.history_visualist_wrap .cTab li{margin-left:0px; width:435px;}
.history_visualist_wrap .history_ul li.y2019{margin-left:20px;}
.history_visualist_wrap .cTab li:before{top:-16px; left:0; width:10px; height:10px; border-radius:10px; }
.history_visualist h2 {width:80%;}
.history_visualist h2 img {width:30%;}

.history_visualist_wrap .history_visualist {padding:50px 0;}
.history_visualist_wrap .history_visualist h2 span {font-size:16px;}
.history_visualist_wrap .loop_line dd {line-height:20px;}

.about_photo_wrap {padding-top:60px;}
.about_photo_wrap ul {display:block; border-collapse:collapse; table-layout:fixed;}
.about_photo_wrap ul:after {content:''; display:block; clear:both;}
.about_photo_wrap ul li {display:block; overflow:hidden; vertical-align:top;}
.about_photo_wrap ul li.about_photo1 {width:100%; max-height:360px;}
.about_photo_wrap ul li.about_photo2 {width:60%; float:left; height:200px;}
.about_photo_wrap ul li.about_photo3 {width:40%; float:right;height:200px;}



/* service */
.service_sub .visual_service .main_title {padding:50px 0; margin-top:0;}
.service_sub .visual_service .main_title h2 {padding-bottom:20px;}
.service_sub .visual_service .main_title h2 img {width:90%;}
.visualist_info p.service_image img {width:100%;}

.provision_wrap .provision ul li a{display:inline-block; width:100%; height:100%;}
.provision_wrap .provision ul li:nth-child(3n-2){margin-left:0;}
.provision_wrap .provision ul li p{padding-bottom:20px;}
.provision_wrap .provision ul li button{position:absolute; bottom:15px; right:15px; background:transparent;cursor:pointer; transition:all .4s ease-out;}
.provision_wrap .provision ul li a:hover button{right:25px;}







}



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


/*SERVICE_sub*/
.provision_wrap .provision ul li a{display:inline-block; width:100%; height:100%;}
.provision_wrap .provision ul li:nth-child(3n-2){margin-left:0px;}
.provision_wrap .provision ul li p{padding-bottom:20px;}
.provision_wrap .provision ul li button{position:absolute; bottom:15px; right:15px; background:transparent;cursor:pointer; transition:all .4s ease-out;}
.provision_wrap .provision ul li a:hover button{right:25px;}
.complete_title img{width:40%;}



.serv_one {padding:60px 0;}
.serv_one h2 span {padding-top:5px;}
.serv_one p.serv_tit {padding-top:20px; font-size:16px; line-height:24px;}
.serv_one .servone_wrap {margin-top:50px;}
.servone_detail ul {padding:20px 0;}
.servone_detail ul li {line-height:30px;}
.servone_detail_bottom {padding:35px 5%;}
}



/* **************************************** *
 * 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;}
.main_section h2 img {width:120px;}
.main_section section:nth-of-type(3n-2) h2 {margin-bottom:30px;}

.sub_section p.sub_title {width:94%; margin:0 auto;text-align:left; }
.sub_section .we_visualist p.f_ns900 {width:94%; margin:10px auto 0 auto; text-align:left;}
.belief_wrap .belief p.f_ns900 {width:94%; margin:30px auto 10px auto; text-align:left;}
.belief_wrap{background:#52c8d0 url('../img/about_belief.jpg') no-repeat 25% 0; background-size:230%;}
.project_wrap p {text-align:left; width:94%; margin:0 auto;}
.belief_wrap p.sub_title br.mobile_br {display:none; }
.belief_wrap .belief h2 {text-align:right; }
.belief_wrap .belief h2 span.fs_38 {padding-right:5%;}

/* ABOUT */
.sub_section .we_visualist h2 img {width:100%;}
.sub_section .we_visualist p.visualist_meaning {width:94%; display:block; font-size:13px; padding:5px 0; line-height:20px; text-align:center; }
.sub_section .we_visualist p.sub_title .tab_br {display:none; }
.project_wrap .project {padding:60px 0;}
.project_wrap .project .top_project{width:100%;}
.project_wrap .project .top_project dd{font-size:55px;}
.project_wrap .project .top_project p {font-size:40px;}
.project_wrap .project .bottom_project p.fs_30 {font-size:16px;}
.history_visualist_wrap .title .fs_18{font-size:16px;}
.history_visualist h2 img {width:45%;}
.history_visualist_wrap .title .fs_18 {font-size:12px;}
.bottom_project p.f_ns300 br {display:none; }

/* SERVICE */
.service_sub .visual_service .main_title {padding:40px 0; margin-top:50px;}
.service_sub .visual_service .main_title h2 {padding-bottom:10px;}
.service_sub .visual_service .main_title h2 img {width:90%; }
.service_sub .visual_service {background:url('../img/service_sub.jpg') no-repeat 30% 0; background-size:cover; }
.visualist_info_wrap {padding:50px 0;}
.visualist_info p.fs_24 {text-align:left; width:94%; margin:0 auto;}
.visualist_info_wrap .sub_title {padding:20px 0;}

.visualist_info_wrap{background:url('../img/provision.png') no-repeat center 100%; background-size:30%;}

.provision_wrap .provition_title h2 {padding:70px 0 10px 0; letter-spacing:1px;}
.provision_wrap .provition_title .fs_14 {letter-spacing:15px;}
.provision_wrap .provision ul {padding-top:50px; padding-bottom: 70px;}
.provision_wrap .provision ul li {margin-bottom:10px; height:140px;overflow:hidden; }
.provision_wrap .provision ul li figure{width:35%;float:left;height:140px; overflow:hidden; }
.provision_wrap .provision ul li img{height:100%; width:auto;}
.provision_wrap .provision ul li h3 {padding:35px 0 10px 0; font-size:16px;}







}


/* ===== Visualist Content Skin ===== */
/* 제목 숨김 */
#ctt > header { display: none !important; }

/* 관리 버튼: 우측 하단 고정 원형 */
#content > .ctt_admin,
.ctt_admin {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    top: auto !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 44px !important;
    height: 44px !important;
    text-align: center !important;
}
.ctt_admin .btn_admin,
.ctt_admin .btn_admin.btn {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    background: rgba(37,37,37,0.85) !important;
    color: #fff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    font-size: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}
.ctt_admin .btn_admin:hover { background: #252525 !important; }
.ctt_admin .btn_admin span,
.ctt_admin .btn_admin .sound_only {
    position: absolute !important;
    width: 1px !important; height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: 0 !important;
}
.ctt_admin .btn_admin i.fa {
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 44px !important;
    color: #fff !important;
    -webkit-animation: none !important;
    animation: none !important;
}
.ctt_admin .btn_admin i.fa::before {
    content: "\2699" !important;
    font-family: sans-serif !important;
}

/* 상단 이미지 전폭 */
#ctt_himg { margin: 0; padding: 0; }
#ctt_himg img { width: 100%; height: auto; display: block; }

/* 콘텐츠 영역 패딩 제거 */
#ctt { padding: 0; margin: 0; }
#ctt_con { padding: 0; }

/* ===== 그누보드 HTML 구조 호환 ===== */
/* 현재 HTML: li > div > img (XE 원본: li > a > figure > img) */
/* button → span.prov_arrow */

/* 기본 (데스크톱) */
.provision_wrap .provision ul li > div {
    width: 100%;
    overflow: hidden;
}
.provision_wrap .provision ul li > div img {
    width: 100%;
    height: auto;
    display: block;
}
.provision_wrap .provision ul li .prov_arrow {
    position: absolute;
    bottom: 25px;
    right: 35px;
    background: transparent;
    cursor: pointer;
    transition: all .4s ease-out;
}
.provision_wrap .provision ul li:hover .prov_arrow {
    right: 25px;
}

/* 940px 이하: 가로형 카드 (이미지 좌측 40%, 텍스트 우측 60%) */
@media all and (max-width: 940px) {
    .provision_wrap .provision ul li > div {
        width: 40%;
        float: left;
        height: 170px;
        overflow: hidden;
    }
    .provision_wrap .provision ul li > div img {
        height: 100%;
        width: auto;
    }
    .provision_wrap .provision ul li h3 {
        padding: 25px 20px 10px;
    }
    .provision_wrap .provision ul li p {
        padding: 0 20px 20px;
    }
    .provision_wrap .provision ul li .prov_arrow {
        position: absolute;
        bottom: 15px;
        right: 15px;
    }
}

/* 540px 이하: 작은 모바일 */
@media all and (max-width: 540px) {
    .provision_wrap .provision ul li > div {
        width: 35%;
        float: left;
        height: 140px;
        overflow: hidden;
    }
    .provision_wrap .provision ul li > div img {
        height: 100%;
        width: auto;
    }
    .provision_wrap .provision ul li h3 {
        padding: 20px 15px 5px;
        font-size: 16px;
    }
    .provision_wrap .provision ul li p {
        padding: 0 15px 10px;
    }
}