body.hidden{overflow:hidden;}

/* 문의하기 */
.contact_bn{background:url(../assets/img/contact_bn.jpg) no-repeat left center / cover;}
.contact{padding:100px 0;}
.contact .title{width:100%; position:relative; padding:15px 0; margin-bottom:30px;}
.contact .title h2{font-size:46px; display:inline-block; position:relative; padding-bottom:10px;}
.contact .title h2::after{position:absolute; content:''; width:40%; height:4px; background:#000; left:0; bottom:0;}
.contact .sub_title{width:60%; float:right;}
.contact .sub_title h4{font-size:22px; font-weight:500; padding-bottom:10px;}
.contact .sub_title p{color:#999; font-size:14px; font-weight:300; padding-top:7px;}
.contact .sub_title p span{color:#fe7777; padding-right:5px;}
.contact .sub_title b{font-size:16px; color:#999; font-weight:400;}
.contact .contact_box{padding:50px 0; width:60%; float:right;}
.contact .contact_box form{}
.contact .contact_box form p{width:100%; display:flex; align-items:center; margin-bottom:20px; position:relative;}
.contact .contact_box form p b{color:#fe7777; padding-left:2px;}
.contact .contact_box form p span{width:15%; display:inline-block; text-align:right; padding-right:20px; box-sizing:border-box; font-size:14px; font-weight:300;}
.contact .contact_box form p input{width:85%; padding:15px 15px; border:1px solid #ddd; font-size:12px; box-sizing:border-box; display:inline-block;}
.contact .contact_box form p input:focus{outline:1px solid #fe7777;}
.contact .contact_box form p textarea{width:85%; height:150px; font-size:12px; box-sizing:border-box; padding:15px; border:1px solid #ddd; resize:none; float:right;}
.contact .contact_box form p textarea::placeholder{color:#ccc; font-size:12px;}
.contact .contact_box form input[type="file"]{position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.contact .contact_box form .upload-file{display:inline-block; height:40px; padding:0 10px; vertical-align:middle; border:1px solid #dddddd; width:78%; color:#999999;}
.contact .contact_box form label {display:inline-block; padding:10px 20px; color:#fff; vertical-align:middle; cursor:pointer; margin-left:10px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.contact .contact_box form label i{color:#888; font-size:18px;}
.contact .contact_box p.policy{width:100%; justify-content:space-between; text-align:left;}
.contact .contact_box p.policy span.policy_check{width:100%; text-align:left; font-weight:400;}
.contact .contact_box p.policy span.policy_check b{font-size:13px; padding:0 5px;}
.contact .contact_box p.policy span.policy_check input{display:none;}
.contact .contact_box p.policy span.policy_view{cursor:pointer; font-size:15px; font-weight:400; color:#888; padding-right:0; width:60px; padding-bottom:5px; border-bottom:1px solid #aaa;}
.contact .contact_box p.policy span.policy_check input + label{position:relative; left:auto; top:auto; transform:translateY(0); padding:0;}
.contact .contact_box p.policy span.policy_check input + label:before{content:''; display:inline-block; width:20px; height:20px; border:1px solid #000; border-radius:4px; vertical-align:middle;}
.contact .contact_box p.policy span.policy_check input:checked + label:before{content:''; background:url(../assets/img/check_icon.png) no-repeat center center / cover;}

.contact .contact_box form button{padding:15px 50px; color:#fff; border:none; cursor:pointer; float:right; transition:all 0.4s; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset; background:#000; color:#fff;}
.contact .contact_box form button:hover{color:#000; background:#fff;}

.popup_wrap{width:100vw; height:100vh; position:fixed; z-index:999; background:rgba(0,0,0,0.6); display:none; left:0; top:0;}
.popup_wrap.on{display:block;}
.check_popup{position:fixed; width:30%; height:60%; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-sizing:border-box; padding:30px; z-index:999;}
.check_popup:before{position:fixed; content:''; display:block;}
.check_popup .popup_top{padding-bottom:30px; position:relative;}
.check_popup .popup_top p.large{font-size:18px; font-weight:600;}
.check_popup .popup_top img{width:23px; height:23px; position:absolute; right:0; top:3px; cursor:pointer;}
.check_popup .popup_detail{width:100%; height:90%; overflow-y:scroll; padding-right:20px;}
.check_popup .popup_detail p.small{font-size:15px; font-weight:300; color:#888; padding-bottom:20px;}
.check_popup .popup_detail p.middle{font-weight:500; padding-bottom:20px;}
.check_popup .popup_detail p.sub_title{font-weight:400; color:#555;}


/* 공사실적 */
.result_bn{background:url(../assets/img/result_bn.jpg) no-repeat left center / cover;}
.result{width:100%; padding:100px 0;}
.result .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.result .title::after{position:absolute; content:''; width:40%; height:4px; background:#000; left:0; bottom:0;}
.result .title h2{font-size:46px;}
.result .logo{text-align:center; padding:20px 0;}
.result .result_tab{display:flex; align-items:center;}
.result .result_tab li{width:15%; text-align:center; padding:20px 0; border:1px solid #eee; border-radius:5px; cursor:pointer;}
.result .result_tab li.on{background:#000;}
.result .result_tab li span{font-size:20px; font-weight:500;}
.result .result_tab li.on span{color:#fff;}
.result .category{position:relative;}
.result .category .slides_button{position:absolute; width:100%; top:50%; transform:translateY(-50%); z-index:999;}
.result .category .slides_button .swiper-button-next:after, .result .category .slides_button .swiper-button-prev:after{font-size:26px; font-weight:600; color:#000;}

.result .category .slides_button .swiper-button-next{right:-40px;}
.result .category .slides_button .swiper-button-prev{left:-40px;}
.result .result_detail{}
.result .result_detail .result_box{}
.result .result_detail .result_box .month{padding-top:30px;}
.result .result_detail .result_box .month h3{font-weight:600; padding-bottom:20px; font-size:24px; color:#002f7d;}
.result .result_detail .result_box .month p{font-weight:400; padding-bottom:10px; font-size:17px;}

/* 다운로드 */
.download_bn{background:url(../assets/img/news_bn.jpg) no-repeat left center / cover;}
.download{padding:100px 0; background:#000;}
.download .title{width:100%; position:relative; padding:15px 0; margin-bottom:10px;}
.download .title h3{font-size:28px; display:inline-block; position:relative; padding-bottom:20px; color:#fff;}
.download .title h2::after{position:absolute; content:''; width:40%; height:4px; background:#000; left:0; bottom:0;}
.download .list{display:flex; justify-content:space-between; flex-flow:wrap;}
.download .list li{width:30%; border:1px solid #aaa; position:relative; margin-bottom:30px; box-sizing:border-box; padding:20px;}
.download .list li p.sub{color:#aaa;}
.download .list li p.name{font-size:20px; font-weight:600; color:#fff;}
.download .list li img{width:40px; position:absolute; right:20px; top:50%; transform:translateY(-50%);}


/* 커누스 소식 게시판 */
.news_bn{background:url(../assets/img/news_bn.jpg) no-repeat left center / cover;}
.news{padding:100px 0;}
.news .board_title{width:100%; position:relative; padding:15px 0; margin-bottom:40px;}
.news .board_title h2{font-size:40px; display:inline-block; position:relative; padding-bottom:20px;}
.news .board_title h2::after{position:absolute; content:''; width:40%; height:4px; background:#000; left:0; bottom:0;}
.news .board_container .board_table{display:flex; justify-content:baseline; flex-flow:wrap; border-left:1px solid #111;}
.news .board_container .board_table .board_box{width:25%; border-right:1px solid #111; padding:20px; box-sizing:border-box; position:relative; height:300px; background:#fff; border:1px solid #111; margin-left:-1px; margin-top:-1px;}
.news .board_container .board_table .board_box>a{display:block; width:100%; height:100%;}
.news .board_container .board_table .board_box .title{font-size:15px; width:80%; height:25%;}
.news .board_container .board_table .board_box i{font-size:16px; position:absolute; right:20px; top:25px;}
.news .board_container .board_table .board_box .sub_dec{font-size:14px; color:#444; padding-top:30px;}
.news .board_container .board_table .board_box .date{font-size:13px; color:#777; position:absolute; bottom:20px; left:20px;}
.news .board_container .numbering{padding:40px 0; text-align:center;}
.news .board_container .numbering span{font-size:20px; padding:0 3px; width:25px; background:#fff; display:inline-block; border:1px solid #111; cursor:pointer;}
.news .board_container .numbering span i{}
.news .board_container .numbering .page_number{}
.news .board_container .numbering .page_number.on{color:#fff; background:#111;}

/* 커누스 소식 게시글 */
.news_detail_bn{background:url(../assets/img/news_bn.jpg) no-repeat left center / cover;}
.news_detail{padding:100px 0;}
.news_detail .board_table{}
.news_detail .board_table .board_box{}
.news_detail .board_table .board_box h4{font-size:30px; font-weight:600; padding-bottom:40px;}
.news_detail .board_table .board_box i{}
.news_detail .board_table .board_box p{text-align:left; padding-top:20px;}
.news_detail .board_table .board_box span{color:#888; padding-bottom:40px; display:block;}
.news_detail .board_table .board_box img{padding-top:20px; max-width:1000px;}
.news_detail .board_table .board_box .content{padding-bottom:50px;}
.news_detail .detail_button{}
.news_detail .detail_button a{font-size:17px; font-weight:700; margin-bottom:20px; display:inline-block;}
.news_detail .board_table .download_file{padding-top:30px; border-top:1px solid #eee;}
.news_detail .board_table .download_file b{margin-right:20px;}
.news_detail .board_table .download_file a{color:#002f7d;}


/* 설치사례 게시판 */
.ex_bn{background:url(../assets/img/ex_bn.jpg) no-repeat left center / cover;}
.ex{padding:100px 0;}
.ex .board_title{width:100%; position:relative; padding:15px 0; margin-bottom:40px;}
.ex .board_title h2{font-size:40px; display:inline-block; position:relative; padding-bottom:20px;}
.ex .board_title h2::after{position:absolute; content:''; width:40%; height:4px; background:#000; left:0; bottom:0;}
.ex .board_container .board_table{display:flex; flex-flow:wrap;}
.ex .board_container .board_table .board_box{width:25%; padding:20px; box-sizing:border-box; position:relative; height:300px; background:#fff; border:1px solid #111; margin-left:-1px; margin-top:-1px;}
.ex .board_container .board_table .board_box>a{display:block; width:100%; height:100%;}
.ex .board_container .board_table .board_box .title{font-size:15px; width:80%; height:25%;}
.ex .board_container .board_table .board_box i{font-size:16px; position:absolute; right:20px; top:25px;}
.ex .board_container .board_table .board_box .sub_dec{font-size:14px; color:#444; padding-top:30px;}
.ex .board_container .board_table .board_box .date{font-size:13px; color:#777; position:absolute; bottom:20px; left:20px;}
.ex .board_container .numbering{padding:40px 0; text-align:center;}
.ex .board_container .numbering span{font-size:20px; padding:0 3px; width:25px; background:#fff; display:inline-block; border:1px solid #111; cursor:pointer;}
.ex .board_container .numbering span i{}
.ex .board_container .numbering .page_number{}
.ex .board_container .numbering .page_number.on{color:#fff; background:#111;}

/* 설치사례 게시글 */
.ex_detail_bn{background:url(../assets/img/result_bn.jpg) no-repeat left center / cover;}
.ex_detail{padding:100px 0;}
.ex_detail .board_table{}
.ex_detail .board_table .board_box{}
.ex_detail .board_table .board_box h4{font-size:30px; font-weight:600; padding-bottom:40px;}
.ex_detail .board_table .board_box i{}
.ex_detail .board_table .board_box p{text-align:left; padding-top:20px;}
.ex_detail .board_table .board_box span{color:#888; padding-bottom:40px; display:block;}
.ex_detail .board_table .board_box img{padding-top:20px; max-width:1000px;}
.ex_detail .board_table .board_box .content{padding-bottom:50px;}
.ex_detail .detail_button{}
.ex_detail .detail_button a{font-size:17px; font-weight:700; margin-bottom:20px; display:inline-block;}

/* 문의현황 */
.ask_list_bn{background:url(../assets/img/contact_bn.jpg) no-repeat left center / cover;}
.ask_list{padding:60px 0;}
.ask_list .center>.title{width:100%; position:relative; padding:15px 0; margin-bottom:30px;}
.ask_list .center>.title h2{font-size:46px; display:inline-block; position:relative; padding-bottom:10px;}
.ask_list .center>.title h2::after{position:absolute; content:''; width:40%; height:4px; background:#000; left:0; bottom:0;}
.ask_list .ask_board{width:100%; margin:auto;}
.ask_list .ask_board .board_list{padding:20px 0; width:100%;}
.ask_list .ask_board .board_list span{font-size:16px;}
.ask_list .ask_board .board_list span.day{width:20%;}
.ask_list .ask_board .board_list span.title{width:40%;}
.ask_list .ask_board .board_list span.name{width:20%;}
.ask_list .ask_board .board_list .comment{width:100%; padding-left:15%; padding-top:10px;}
.ask_list .ask_board .board_list .comment b{position:relative; font-size:16px; font-weight:400; color:#bbb; letter-spacing:-0.8px;}
.ask_list .ask_board .board_list .comment b:before{content:''; position:absolute; width:20px; height:20px; background:url(../assets/img/comment_arrow.png) no-repeat center center / cover; left:-30px; top:-3px;}
.ask_list .ask_board .board_list .comment p{display:inline-block; font-size:16px; font-weight:400; color:#bbb; padding-left:5px;}