@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
서브 > 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header.sub_header{border-bottom:1px solid #e1e1e1;}
.top_text{padding-top:80px; margin-bottom:80px;}
.top_text h1{font-size:32px; color:#111111; font-weight:500;}
.at-html .pagination-sm > li > a, .at-html .pagination-sm > li > span{border:0; font-size:16px; padding:6px 13px; color:#999999 !important;}
.text-center .pagination>.active>a, .text-center .pagination>.active>span, 
.text-center .pagination>.active>a:hover, .text-center .pagination>.active>span:hover, 
.text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus, 
.list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a, 
.board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{border-radius:50% !important; color:#fff !important;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background:none;}
.list-btn .form-group.pull-right{margin-bottom:0;}
.list-wrap .list-page.text-center{margin:0 !important; margin-top:50px !important;}
@media (max-width:991px){
	.top_text{padding-top:70px; margin-bottom:50px;}
}
@media (max-width:768px){
	.top_text{padding-top:60px; margin-bottom:40px;}
}
@media (max-width:480px){
	.top_text{padding-top:50px;}
	.top_text h1{font-size:22px;}
	.at-html .pagination-sm > li{display:inline-block; margin-right:8px;}
	.at-html .pagination-sm > li > a, .at-html .pagination-sm > li > span{font-size:13px; padding:3.3px 9px;}
	.list-wrap .list-page.text-center{margin-top:40px !important;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
서브 > 서비스
html > skin > board > m01_01
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.board_total_count{margin-bottom:30px;}
.board_total_count h5{font-size:17px; color:#666666;}
.board_total_count h5 span.point_color{color:#ec5718; font-weight:700}

@media (max-width:480px){
	.board_total_count{margin-bottom:20px;}
	.board_total_count h5{font-size:14px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
제품소개 html > skin > infomation
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.infomation_board .gallery_container .img-wrap .img-item:hover:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; border:2px solid #ec5718;}
.infomation_board .list-page{/* margin:0 !important; */}
/*
.infomation_board .fix_gallery_content{margin-top:0; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:80px;
border:1px solid #d7d7d7; border-radius:5px; transition:all 0.2s; text-align:center; position:relative;}
*/
.infomation_board .fix_gallery_content{margin-top:0; display:table; width:100%; min-height:80px;
border:1px solid #d7d7d7; border-radius:5px; transition:all 0.2s; text-align:center; position:relative;}
.infomation_board .fix_gallery_content h5{display:table-cell; vertical-align:middle; font-weight:500; font-size:18px; color:#666666; line-height:1.3;
white-space:inherit; text-overflow:clip;}
.infomation_board .fix_gallery_content h5 span.small_font{font-size:14px; font-weight:400;}
.infomation_board .fix_gallery_content:hover{border-color:#ec5718;}
.infomation_board .fix_gallery_content:hover h5{color:#ec5718;}
.view-wrap.infomation_view{padding:0; padding-top:80px;}
.infomation_view .no-attach{display:none;}
.infomation_view .view_title{display:none; display:flex; align-items:center; justify-content:space-between; border-top:0; border-bottom-color:#e1e1e1; padding:10px 0 17px;}
.infomation_view .view_title:after{display:none;}
.infomation_view .view_title .view_subject{float:none; width:calc(100% - 160px); padding-left:0; text-align:center; font-size:30px; font-weight:500; color:#222222;}
.view_style.infomation_view .view-padding{padding:0; width:1170px; max-width:100%; margin:0 auto; margin-bottom:90px; border-bottom:0;}
.infomation_view .infomation_vtop_section{display:block; width:700px; margin:0 auto;}
.infomation_view .infomation_vtop_section > div{display:block;}
.infomation_view .infomation_vtop_section .l_img_section{width:100%; margin-bottom:80px;}
.infomation_view .infomation_vtop_section .l_img_section img{width:100%;}
.infomation_view .infomation_vtop_section .l_img_section .slick3{overflow:hidden; margin-top:19px;}
.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list{margin:0 -9.5px;}
.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list .slick-track{margin:0;}
.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list .slick-slide{margin:0 9.5px;}
.infomation_view .infomation_vtop_section .r_txt_section{padding-left:0; text-align:center;}
.infomation_view .infomation_vtop_section .r_txt_section.no_padding{}
.infomation_view .infomation_vtop_section .r_txt_section .info_tit{margin-bottom:30px;}
.infomation_view .infomation_vtop_section .r_txt_section .info_tit h1{font-size:30px; color:#111111; font-weight:500; letter-spacing:0; line-height:1.4; padding:0;}
.infomation_view .infomation_vtop_section .r_txt_section .info_des{font-size:17px; line-height:1.7; color:#666666; margin-bottom:45px;}
.infomation_view .infomation_vtop_section .r_txt_section button.work_request{width:260px; height:60px; line-height:60px; border-radius:8px ;font-size:21px; color:#ffffff; 
font-weight:500; text-align:center; display:block; margin:0 auto; background:#ec5718; border:0; outline:none; box-shadow:none;}
.infomation_view .info_detail{ width:1170px; max-width:100%; margin:0 auto; margin-bottom:0;}
.infomation_view .info_detail h4.detail_title{font-size:27px; color:#111111; font-weight:500; padding-bottom:30px; margin-bottom:60px; border-bottom:1px solid #e1e1e1;}
.infomation_view .info_bot_btns{ width:1170px; max-width:100%; margin:50px auto 60px; border-top:1px solid #e1e1e1; padding-top:35px; display:flex; justify-content:space-between; align-items:center;}
.infomation_view .info_bot_btns .list_btn_fix{width:100px; height:36px; border-radius:18px; display:flex; justify-content:center; align-items:center; background:#ec5718;}
.infomation_view .info_bot_btns .list_btn_fix span{display:block; font-size:18px; color:#ffffff; font-weight:500; margin-left:10px; position:relative; top:-1px;}
.infomation_view .info_bot_btns .info_bot_prev, .infomation_view .info_bot_btns .info_bot_next{display:flex; font-size:18px; font-weight:500; color:#666666; align-items:center;}
.infomation_view .info_bot_btns .info_bot_prev span{display:block; margin-left:20px;}
.infomation_view .info_bot_btns .info_bot_next span{display:block; margin-right:20px;}
.infomation_view img{max-width:100%;}
.infomation_view .view_review_widget{padding:60px 0; background:#f3f3f3;}
.infomation_view .view_review_widget .view_review_widget_wrap{width:1170px; max-width:100%; margin:0 auto; }
.infomation_view .view_review_widget .view_review_widget_wrap h4{font-size:27px; color:#111111; font-weight:500; margin-bottom:30px;}
@media (max-width:1300px){
	.infomation_view .view-padding, .infomation_view .info_detail,
	.infomation_view .view_review_widget .view_review_widget_wrap{padding-left:15px; padding-right:15px;}
	.infomation_view .info_bot_btns{width:calc(100% - 30px); position:relative; padding:}
}
@media (max-width:991px){
	.infomation_board .list-wrap .list-container.gallery_container{margin-right:-15px; margin-bottom:-15px;}
	.infomation_board .list-wrap .list-container.gallery_container .list-item{margin-right:15px; margin-bottom:15px;}
	.responsive .infomation_board .list-wrap .list-container.gallery_container .list-row{}
	
	.view-wrap.infomation_view{padding-top:70px;}
	.view_style.infomation_view .view-padding{margin-bottom:70px;}
	.infomation_view .infomation_vtop_section{width:100%; padding:0 15px;}
	.infomation_view .infomation_vtop_section .r_txt_section .info_des{font-size:15px;}
	.infomation_view .infomation_vtop_section .l_img_section .slick3{margin-top:12px;}
	.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list{margin:0 -6px;}
	.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list .slick-slide{margin:0 6px;}
}
@media (max-width:768px){
	.view-wrap.infomation_view{padding-top:60px;}
	.view_style.infomation_view .view-padding{margin-bottom:60px;}
	.infomation_view .infomation_vtop_section .l_img_section{margin-bottom:60px;}
}
@media (max-width:480px){
	.infomation_board .fix_gallery_content{height:70px; border-radius:3px;}
	.infomation_board .fix_gallery_content h5{font-size:15px;}
	.infomation_board .fix_gallery_content h5 span.small_font{font-size:12px;}

	.view-wrap.infomation_view{padding-top:50px;}
	.view_style.infomation_view .view-padding{margin-bottom:50px;}
	.infomation_view .infomation_vtop_section .l_img_section{margin-bottom:50px;}
	.infomation_view .infomation_vtop_section .l_img_section .slick3{margin-top:10px;}
	.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list{margin:0 -5px;}
	.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list .slick-slide{margin:0 5px;}
	.infomation_view .infomation_vtop_section .r_txt_section .info_tit{margin-bottom:10px;}
	.infomation_view .infomation_vtop_section .r_txt_section .info_tit h1{font-size:24px; line-height:1.4}
	.infomation_view .infomation_vtop_section .r_txt_section .info_des{font-size:14px; margin-bottom:20px;}
	.infomation_view .infomation_vtop_section .r_txt_section button.work_request{width:200px; height:44px; line-height:44px; border-radius:4px; font-size:16px;}
	
	.infomation_view .info_detail h4.detail_title{font-size:19px; padding-bottom:15px; margin-bottom:40px;}
	.infomation_view .info_bot_btns{padding-top:20px;}
	.infomation_view .info_bot_btns .info_bot_prev, .infomation_view .info_bot_btns .info_bot_next{font-size:14px;}
	.infomation_view .info_bot_btns .info_bot_prev span{margin-left:15px;}
	.infomation_view .info_bot_btns .info_bot_next span{margin-right:15px;}
	.infomation_view .info_bot_btns .info_bot_prev img, .infomation_view .info_bot_next img{width:6px;}
	.infomation_view .info_bot_btns .list_btn_fix{width:75px; height:30px; line-height:30px; border-radius:15px; font-size:14px;}
	.infomation_view .info_bot_btns .list_btn_fix span{font-size:14px; margin-left:5px; }
	.infomation_view .info_bot_btns .list_btn_fix img{width:12px;}
	
	.infomation_view .view_review_widget .view_review_widget_wrap h4{font-size:19px; margin-bottom:20px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
후기 
1. html > page > top_banner.php
2. html > skin > board > basic > list > gallery
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_text .category_drop{position:absolute; top:-5px; right:15px; width:260px;}
.top_text .category_drop > a{display:block; width:100%; height:42px; line-height:38px;  border:1px solid #d7d7d7; border-radius:5px; font-size:16px; color:#777777;
padding:0 40px 0 20px; position:relative;}
.top_text .category_drop > a > span.arrow{position:absolute; width:10px; height:6px; right:20px; top:17px; transition:all 0.2s;}
.top_text .category_drop > a > span.arrow::before{content:""; width:1px; height:7.5px; background:#838383; position:absolute; left:1.5px; transform:rotate(-45deg);}
.top_text .category_drop > a > span.arrow::after{content:""; width:1px; height:7.5px; background:#838383; position:absolute; right:1.5px; transform:rotate(45deg);}
.top_text .category_drop > a.active > span.arrow{transform:rotate(180deg); top:18px;}
.top_text .category_drop > ul.drop_ul{position:absolute; top:41px; border-radius:5px; border:1px solid #d7d7d7; padding:20px 40px 20px 20px; width:100%; z-index:1; background:#fff;
max-height:150px; overflow:hidden; overflow-y:auto; opacity:0; visibility:hidden; transition:all 0.2s;}
.top_text .category_drop > a.active + ul.drop_ul{opacity:1; visibility:visible;}
.top_text .category_drop > ul.drop_ul > li{margin-bottom:15px;}
.top_text .category_drop > ul.drop_ul > li:last-child{margin-bottom:0;}
.top_text .category_drop > ul.drop_ul > li > a{display:block; font-size:16px; color:#777;}
.view_style .view-padding{border-bottom:1px solid #e1e1e1;}
.review_container{position:relative;}
.review_container .list-item > a{display:block;}
.review_container .list-item > a .img_box{border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden; position:relative;}
.review_container .list-item > a .text_box{border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden; background:#fff; padding:30px 20px;
border:1px solid #e1e1e1; border-top:0;}
.review_container .list-item > a .text_box h5{font-size:17px; color:#111111; font-weight:500; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.2; height:1.2em; margin-bottom:15px;}
.review_container .list-item > a .text_box p{font-size:13px; color:#666666; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.6; height:4.8em; margin-bottom:10px;}
.review_container .list-item > a .text_box span.date{font-size:13px; color:#999999;}

@media (max-width:1300px){
	.review_container .list-item > a .img_box img{width:100%;}
}
@media (max-width:991px){
	.responsive .list-container.review_container{margin-right:-15px; margin-bottom:-15px}
	.responsive .list-container.review_container .list-item{margin-right:15px; margin-bottom:15px;}
	.responsive .list-container.review_container .list-row{width:50% !important;}
}
@media (max-width:480px){
	.review_container .list-item > a .img_box{border-top-left-radius:5px;  border-top-right-radius:5px;}
	.review_container .list-item > a .text_box{border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:20px 10px;}
	.review_container .list-item > a .text_box h5{font-size:14px; margin-bottom:5px;}
	.review_container .list-item > a .text_box p{font-size:12px; margin-bottom:10px;}
	.review_container .list-item > a .text_box span.date{font-size:11px;}

	.top_text .category_drop{top:-5px; width:180px;}
	.top_text .category_drop > a{height:38px; line-height:35px; border-radius:3px; font-size:14px; padding:0 30px 0 10px;}
	.top_text .category_drop > a > span.arrow{right:15px; top:14px;}
	.top_text .category_drop > a.active > span.arrow{top:15px;}
	.top_text .category_drop > ul.drop_ul{top:37px; border-radius:3px; padding:15px 10px; max-height:150px;}
	.top_text .category_drop > ul.drop_ul > li{margin-bottom:15px;}
	.top_text .category_drop > ul.drop_ul > li > a{font-size:14px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
작업요청
html > page > m03_01.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*작업요청 step1*/
.m03_01{}
.m03_01 .progress_box{position:relative; margin-bottom:77px; padding-top:40px;}
.m03_01 .progress_box .progress_bar{width:100%; height:13px; border-radius:6.5px; background:#ebebeb; position:relative; overflow:hidden;}
.m03_01 .progress_box .progress_bar .progress_active{position:absolute; left:0; width:0; height:13px; border-radius:6.5px; background:#ec5718; transition:all 0.5s;}
/* .m03_01 .progress_box .progress_bar .progress_active span.circle{width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; top:4px; left:calc(7px);} */
.m03_01 .progress_box .progress_text{position:absolute; top:0; width:100%; display:flex; }
.m03_01 .progress_box .progress_text > h4{width:33.3333%; font-size:22px; color:#ec5718; font-weight:700; position:relative;}
.m03_01 .progress_box .progress_text > h4::before{content:""; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; bottom:-27px; left:7px;display:none;}

.m03_01 .progress_step{}
.m03_01 .progress_step .progress_step_content{display:none;}

.m03_01 .step_section{margin-bottom:80px;}
.m03_01 .step_section.step_all_agree{padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.m03_01 .step_section.step_all_agree .step_title{margin-bottom:0;}
.m03_01 .step_section.step_all_agree .num{position:relative;}
.m03_01 .step_section.step_all_agree .num::before{content:""; width:2px; height:6px; border-radius:2px; background:#fff; position:absolute; transform:rotate(-45deg); left:8px; top:12px;;}
.m03_01 .step_section.step_all_agree .num::after{content:""; width:2px; height:12px; border-radius:1px; background:#fff; position:absolute; transform:rotate(45deg); right:10px; top:6px;;}
.m03_01 .step_section:nth-last-of-type(1){margin-bottom:0;}
.m03_01 .step_section .step_title{margin-bottom:27px; position:relative; display:flex; flex-wrap:wrap;}
.m03_01 .step_section .step_title .num{width:26px; height:26px; background:#ec5718; border-radius:3px; display:flex; justify-content:center; align-items:center; text-align:center;
margin-right:11px;}
.m03_01 .step_section .step_title .num span.number{font-size:13px; color:#ffffff; font-weight:500;}
.m03_01 .step_section .step_title h4{width:calc(100% - 37px); font-size:24px; color:#111111; font-weight:500; line-height:26px;}
.m03_01 .step_section .step_title h4 span.small_font{font-size:16px; color:#999;}
.m03_01 .step_section .step_title h4 span.small_font.necessary{color:#ec5718;}
.m03_01 .step_section .step_title p{font-size:16px; color:#999; margin-top:17px; width:100%;}
.m03_01 .step_section .step_title.add_p{margin-bottom:40px;}
.m03_01 .step_section .service_content{position:relative;}
.m03_01 .step_section ul.service_list{overflow:hidden; margin-right:-29px; margin-bottom:-29px;}
.m03_01 .step_section ul.service_list::before, .m03_01 .step_section ul.service_list::after{content:""; display:block; clear:both;}
.m03_01 .step_section ul.service_list > li{width:22.52%; float:left;}
.m03_01 .step_section ul.service_list > li > .service_list_img{margin-right:29px; margin-bottom:29px; position:relative; border:1px solid #d7d7d7; border-radius:10px;
overflow:hidden;}
.m03_01 .step_section ul.service_list > li .img_box{position:relative;}
.m03_01 .step_section ul.service_list > li .img_box .img_padding{height:0; padding-bottom:100%; overflow:hidden; position:relative; display:block;}
.m03_01 .step_section ul.service_list > li .img_box .img_padding > a{position:absolute; width:100%; height:100%; top:0; left:0;}
.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.text{font-size:18px; color:#666666;}
.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.plus{width:40px; height:40px; border-radius:50%; background:#eeeeee;
position:relative; margin:20px auto 0; display:block;}
.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.plus::before{content:""; width:2px; height:11px; background:#999999; position:absolute;
top:50%; left:50%; transform:translate(-50%, -50%);}
.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.plus::after{content:""; width:11px; height:2px; background:#999999; position:absolute;
top:50%; left:50%; transform:translate(-50%, -50%);}
.m03_01 .step_section ul.service_list > li .hover_box{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.3s; opacity:0;
visibility:hidden; z-index:1;}
.m03_01 .step_section ul.service_list > li .service_list_img:hover .hover_box{opacity:1; visibility:visible;}
.m03_01 .step_section ul.service_list > li .hover_box .service_close{display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center;}
.m03_01 .step_section ul.service_list > li .hover_box .service_close span.minus{width:40px; height:40px; border-radius:50%; background:#fff; position:relative; display:block;}
.m03_01 .step_section ul.service_list > li .hover_box .service_close span.minus::before{content:""; width:11px; height:2px; background:#999999; position:absolute;
top:50%; left:50%; transform:translate(-50%, -50%);}
.m03_01 .step_section ul.service_list > li .text_box{display:none;}
.m03_01 .step_section .service_pop{position:absolute; z-index:1; padding:40px; border:1px solid #ebebeb; border-radius:10px; box-shadow:0 18px 38px 2px rgba(0,0,0,0.12);
width:100%; background:#fff; opacity:0; visibility:hidden; transition:all 0.3s;}
.m03_01 .step_section .service_pop.active{opacity:1; visibility:visible;}
.m03_01 .step_section .service_pop_bg{}
.m03_01 .step_section .service_pop .service_pop_title{display:flex; margin-bottom:25px; align-items:end;}
.m03_01 .step_section .service_pop .service_pop_title h5{font-size:22px; color:#111111; font-weight:500; width:75px;}
.m03_01 .step_section .service_pop .service_pop_title p{font-size:14px; color:#666666; width:calc(100% - 75px); line-height:22px;}
.m03_01 .step_section .service_pop .service_pop_content{overflow:hidden; overflow-y:auto; height:180px;}
.m03_01 .step_section .service_pop .service_pop_content ul.pop_list{position:relative;}
.m03_01 .step_section .service_pop .service_pop_content ul.pop_list::before, .m03_01 .step_section .service_pop .service_pop_content ul.pop_list::after{content:""; display:block; clear:both;}
.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li{width:100px; float:left; margin-right:7px; margin-bottom:11px; text-align:center;}
.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li > a{display:block; width:100%; padding:10px 0; font-size:14px; color:#888888; border:1px solid #d7d7d7;
border-radius:3px; transition:all 0.2s;}
.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li.active > a,
.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li:hover > a{/* color:#111111; border-color:#111111; */ color:#ec5718; border-color:#ec5718;}
.m03_01 .step_section .service_pop .service_complete{font-size:15px; color:#ffffff; font-weight:700; width:150px; height:40px; line-height:40px; border-radius:20px; background:#ec5718;
text-align:center; margin:35px auto 0; box-shadow:none; outline:none; border:0; display:block;}
.m03_01 .step_section .service_pop a.service_pop_close{width:15px; height:15px; position:absolute; right:40px; top:40px;}
.m03_01 .step_section .service_pop a.service_pop_close::before{content:""; width:1px; height:16px; background:#111; position:absolute; transform:rotate(-45deg); left:6px;}
.m03_01 .step_section .service_pop a.service_pop_close::after{content:""; width:1px; height:16px; background:#111; position:absolute; transform:rotate(45deg); left:6px;}
.m03_01 .step_section .request_content{}
.m03_01 .step_section .request_content textarea{width:100%; height:200px; overflow:hidden; overflow-y:auto; border-radius:10px; border:1px solid #d7d7d7;
padding:30px; resize:none; outline:none; box-shadow:none; font-size:16px; line-height:1.4; color:#333;}
.m03_01 .step_section .request_content textarea::placeholder{color:#d7d7d7;}
.m03_01 .step_section .photo_content{display:flex;}
.m03_01 .step_section .file_left{width:50%;}
.m03_01 .step_section .file_box{position:relative; margin-bottom:5px; display:flex; }
.m03_01 .step_section .file_box:last-child{margin-bottom:0;}
.m03_01 .step_section .file_box > label{display:block; width:110px; height:40px; line-height:36px; border:1px solid #111111; font-size:15px; color:#111111; text-align:center;
cursor:pointer;}
.m03_01 .step_section .file_box > input.file_name{width:calc(100% - 100px); border:0; padding-left:0; outline:none; box-shadow:none; font-size:15px; color:#111; padding:0 30px;
background:none; height:38px; line-height:36px; display:block;}
.m03_01 .step_section .file_box > input.file_name::placeholder{color:#999999}
.m03_01 .step_section .file_box > input.file_real{display:none;}
.m03_01 .step_section .file_info { padding:10px 0px; margin-bottom:10px; font-size:12px; }
.m03_01 .step_section .file_info input { margin:0px; }
.m03_01 .step_section .file_right{width:50%; display:flex;}
.m03_01 .step_section .file_plus{display:flex; margin-right:10px;}
.m03_01 .step_section .file_minus{display:flex;}
.m03_01 .step_section .file_plus span.plus{width:14px; height:14px; background:#b9b9b9; position:relative; display:block; border-radius:50%;}
.m03_01 .step_section .file_plus span.plus::before{content:""; width:2px; height:6px; background:#fff; position:absolute; top:4px; left:6px;}
.m03_01 .step_section .file_plus span.plus::after{content:""; width:6px; height:2px; background:#fff; position:absolute; top:6px; left:4px;}
.m03_01 .step_section .file_minus span.minus{width:14px; height:14px; background:#b9b9b9; position:relative; display:block; border-radius:50%;}
.m03_01 .step_section .file_minus span.minus::after{content:""; width:6px; height:2px; background:#fff; position:absolute; top:6px; left:4px;}
.m03_01 .step_section .file_right span.text{font-size:13px; color:#999999; margin-left:5px;}
.m03_01 .progress_btn{margin-top:60px; display:flex; justify-content:center;}
.m03_01 .progress_btn .prev_btn, .m03_01 .progress_btn .next_btn, .m03_01 .progress_btn .complete_btn{display:block; width:160px; height:50px; line-height:50px; border-radius:10px; box-shadow:none; outline:none;
font-size:18px; color:#ffffff; font-weight:500; text-align:center; border:0; background:#ec5718; outline:none; box-shadow:none;}
.m03_01 .progress_btn .prev_btn{margin-right:20px; background:#afafaf;}

@media (max-width:1300px){
	.m03_01 .step_section ul.service_list > li .img_box .img_padding > a img{width:100%;}
}
@media (max-width:991px){
	.m03_01 .progress_box .progress_bar .progress_active span.circle{display:none;}
	.m03_01 .step_section ul.service_list{margin-right:-15px; margin-bottom:-15px;}
	.m03_01 .step_section ul.service_list > li{width:50%}
	.m03_01 .step_section ul.service_list > li > .service_list_img{margin-right:15px; margin-bottom:15px;}
	
	.m03_01 .step_section .service_pop{z-index:11; position:fixed; top:100px; left:15px; width:calc(100% - 30px); padding:30px 15px;}
	.m03_01 .step_section .service_pop_bg{width:100%; height:100%; z-index:10; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; 
	transition:all 0.4s;}
	.m03_01 .step_section .service_pop_bg.active{opacity:1; visibility:visible;}
	.m03_01 .step_section .service_pop a.service_pop_close{position:fixed; right:15px; top:50px; background:#fff; width:36px; height:36px; border-radius:50%;}
	.m03_01 .step_section .service_pop a.service_pop_close::before{top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
	.m03_01 .step_section .service_pop a.service_pop_close::after{top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
	.m03_01 .step_section .service_pop .service_pop_content{height:auto; max-height:50vh; margin-bottom:}
	.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li{width:calc(50% - 5px); margin-right:10px; display:table; min-height:80px;}
	.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li:nth-child(2n){margin-right:0px;}
	.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li > a{padding:0 10px; display:table-cell; vertical-align:middle;}

	.m03_01 .step_section .photo_content{display:block;}
	.m03_01 .step_section .file_left{width:100%; margin-bottom:20px;}
	.m03_01 .step_section .file_right{width:100%;}
}

@media (max-width:768px){
	.m03_01 .step_section{margin-bottom:70px;}
}

@media (max-width:480px){
	.m03_01 .progress_box{margin-bottom:60px; padding-top:38px;}
	.m03_01 .progress_box .progress_bar{height:7px; border-radius:3.5px;}
	.m03_01 .progress_box .progress_bar .progress_active{height:7px; border-radius:3.5px;}
	.m03_01 .progress_box .progress_text{top:5px}
	.m03_01 .progress_box .progress_text > h4{font-size:18px;}
	.m03_01 .step_section{margin-bottom:45px;}
	.m03_01 .step_section.step_all_agree{padding-bottom:10px;}
	.m03_01 .step_section .step_title{margin-bottom:20px;}
	.m03_01 .step_section .step_title .num{width:23px; height:23px; border-radius:1px; margin-right:10px;}
	.m03_01 .step_section .step_title h4{width:calc(100% - 33px); font-size:18px;}
	.m03_01 .step_section .step_title h4 span.small_font{font-size:12px;}
	.m03_01 .step_section .step_title p{font-size:14px; margin-top:10px; line-height:1.5;}
	.m03_01 .step_section .step_title.add_p{margin-bottom:35px;}
	.m03_01 .step_section ul.service_list > li > .service_list_img{border-radius:5px;}
	.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.text{font-size:15px;}
	.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.plus{width:30px; height:30px; margin:15px auto 0;}
	.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.plus::before{width:2px; height:8px;}
	.m03_01 .step_section ul.service_list > li .img_box .img_padding > a.service_pop_open span.plus::after{width:8px; height:2px;}
	.m03_01 .step_section ul.service_list > li .hover_box .service_close span.minus{width:30px; height:30px;}
	.m03_01 .step_section ul.service_list > li .hover_box .service_close span.minus::before{width:8px; height:2px;}
	.m03_01 .step_section ul.service_list > li .text_box{display:none;}
	.m03_01 .step_section .service_pop{border-radius:5px;}
	.m03_01 .step_section .service_pop .service_pop_title{margin-bottom:15px;}
	.m03_01 .step_section .service_pop .service_pop_title h5{font-size:18px; width:60px;}
	.m03_01 .step_section .service_pop .service_pop_title p{font-size:12px; width:calc(100% - 60px); line-height:18px;}
	.m03_01 .step_section .service_pop .service_pop_content ul.pop_list li > a{font-size:13px; line-height:1.3;}
	.m03_01 .step_section .service_pop .service_complete{width:140px; height:35px; line-height:35px; margin:30px auto 0; border-radius:17.5px; font-size:13px;}
	.m03_01 .step_section .request_content textarea{height:220px; border-radius:5px; padding:20px; font-size:13px; line-height:1.5;}
	.m03_01 .step_section .file_left{margin-bottom:20px;}
	.m03_01 .step_section .file_box{margin-bottom:5px;}
	.m03_01 .step_section .file_box > label{width:100px; height:35px; line-height:33px; font-size:13px;}
	.m03_01 .step_section .file_box > input.file_name{padding:0 20px; height:35px; line-height:35px; font-size:13px;}
	.m03_01 .step_section .file_right span.text{font-size:12px;}
	.m03_01 .progress_btn{margin-top:40px;}
	.m03_01 .progress_btn .prev_btn, .m03_01 .progress_btn .next_btn, .m03_01 .progress_btn .complete_btn{width:130px; height:40px; line-height:40px; border-radius:5px; font-size:14px;}
	.m03_01 .progress_btn .prev_btn{margin-right:10px; background:#afafaf;}
}


/*작업요청 step2*/
.m03_01 .user_content{}
.m03_01 .progress_step.second .step_section .step_title{margin-bottom:50px;}
.m03_01 .user_content .user_cont{margin-bottom:40px; display:flex;}
.m03_01 .user_content .user_cont:last-child{margin-bottom:0;}
.m03_01 .user_content .user_cont .user_half{width:calc(50% - 23.5px); margin-right:47px;}
.m03_01 .user_content .user_cont .user_half:last-child{margin-right:0;}
.m03_01 .user_content .user_cont .user_half.full{width:100%;}
.m03_01 .user_content .user_cont .user_half > h5{font-size:17px; color:#111111; font-weight:500; margin-bottom:20px; font-family:}
.m03_01 .user_content .user_cont .user_half > h5 span.small_font{font-size:14px; color:#999; font-weight:400;}
.m03_01 .user_content .user_cont .user_half .user_info_text{width:100%;}
.m03_01 .user_content .user_cont .user_half .user_info_text input{display:block; width:100%; height:43px; line-height:40px; border:1px solid #d7d7d7; color:#111; padding:0 20px;
border-radius:5px; font-size:14px;}
.m03_01 .user_content .user_cont .user_half .user_info_text input::placeholder{color:#999999;}
.m03_01 .user_content .user_cont .user_half .user_info_text.tel{display:flex;}
.m03_01 .user_content .user_cont .user_half .user_info_text.tel select{height:43px; display:block; width:120px; margin-right:11px; outline:none; padding-left:13px; font-size:14px;/*  color:#999999; */ color:#111;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/img/user_arrow.png') no-repeat calc(100% - 14px) 50%; border:1px solid #d7d7d7; border-radius:5px;}
.m03_01 .user_content .user_cont .user_half .user_info_text.tel select::-ms-expand{display:none;}
.m03_01 .user_content .user_cont .user_half .user_info_text.tel .cell{width:calc(100% - 131px); border:1px solid #d7d7d7; border-radius:5px;
display:flex; align-items:center;}
.m03_01 .user_content .user_cont .user_half .user_info_text.tel .cell input{border:0; height:41px;}
.m03_01 .user_content .user_cont .user_half .user_info_text.tel .cell span{font-size:14px; color:#999;}
.m03_01 .user_content .user_cont .user_half .user_info_text.date{position:relative;}
.m03_01 .user_content .user_cont .user_half .user_info_text.date .icon{position:absolute; right:20px; top:14px;}
.m03_01 .user_content .user_cont .user_half .user_info_text.time{display:flex;}
.m03_01 .user_content .user_cont .user_half .user_info_text.time select{height:43px; width:calc(50% - 4.5px); margin-right:9px;  outline:none; padding-left:13px;
font-size:14px;/*  color:#999999; */ color:#111;  -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block;
background: url('/img/user_arrow.png') no-repeat calc(100% - 14px) 50%; border:1px solid #d7d7d7; border-radius:5px;}
.m03_01 .user_content .user_cont .user_half .user_info_text.time select::-ms-expand{display:none;}
.m03_01 .user_content .user_cont .user_half .user_info_text.time select:last-child{margin-right:0;}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content{}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont{margin-bottom:10px; display:flex; align-items:center;}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont label{width:75px; font-size:15px; color:#777777;}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont input[type="text"]{width:calc(100% - 180px);}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont input[type="button"]{width:90px; margin-left:15px; border:0; color:#888888; background:#ebebeb;}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont:nth-child(3){margin-bottom:0;}
.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont:last-child{display:none;}
.m03_01 .user_content .user_cont .user_half .user_info_text.radio_content{display:flex; height:20px;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box{margin-right:30px; display:flex;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input{display:none;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input + label{display:flex; align-items:center; cursor:pointer;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input + label span.circle{width:15px; height:15px; border:1px solid #cdcdcd; position:relative; 
border-radius:50%; top:2px;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input + label span.text{font-size:15px; color:#777777; margin-left:10px;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input:checked + label span.circle{border-color:#ec5718;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input:checked + label span.circle::after{content:""; width:7px; height:7px; background:#ec5718; position:absolute;
border-radius:50%; top:3px; left:3px;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box .etc{position:relative; margin-left:10px; display:none;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box .etc input[type="text"]{width:170px; border:0; display:block; border-radius:0;
padding:0; height:auto; line-height:normal; padding:0 5px;}
.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box .etc::after{content:""; width:100%; height:1px; background:#d7d7d7; position:absolute;
bottom:-5px; left:0;}

@media (max-width:991px){
	.m03_01 .user_content .user_cont{display:block;}
	.m03_01 .user_content .user_cont .user_half{width:100%; margin-right:0; margin-bottom:40px;}
	.m03_01 .user_content .user_cont .user_half:last-child{margin-bottom:0;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont{flex-wrap:wrap;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont label{width:100%; display:block; margin-bottom:10px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont input[type="text"]{width:100%;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont:nth-child(1) input[type="text"]{width:calc(100% - 95px);}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont input[type="button"]{width:90px; margin-left:5px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.radio_content{flex-wrap:wrap; height:auto;}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box{width:33.3333%; margin-right:0; margin-bottom:10px; height:19px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box:last-child{width:66.6666%;}
}

@media (max-width:480px){
	.m03_01 .user_content .user_cont{margin-bottom:21px;}
	.m03_01 .progress_step.second .step_section .step_title{margin-bottom:28px;}
	.m03_01 .user_content .user_cont .user_half{margin-bottom:21px;}
	.m03_01 .user_content .user_cont .user_half > h5{font-size:14px; margin-bottom:15px;}
	.m03_01 .user_content .user_cont .user_half > h5 span.small_font{font-size:12px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text input{height:40px; padding:0 10px; border-radius:3px; font-size:13px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.tel select{height:40px; line-height:38px; border-radius:3px; font-size:13px; padding-left:10px; margin-right:5px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.tel .cell{width:calc(100% - 125px); border-radius:3px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.tel .cell input{height:38px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.date .icon{right:10px; top:10px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.time select{height:40px; border-radius:3px; font-size:13px; padding-left:10px; margin-right:5px; width:calc(50% - 2.5px); line-height:38px;}
	
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content{margin-top:-5px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont label{margin-bottom:10px; font-size:13px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont input[type="text"]{width:100%;}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont:nth-child(1) input[type="text"]{width:calc(100% - 95px);}
	.m03_01 .user_content .user_cont .user_half .user_info_text.addr_content .addr_cont input[type="button"]{width:90px; margin-left:5px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input + label span.circle{width:12px; height:12px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input:checked + label span.circle::after{width:6px; height:6px; top:2px; left:2px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box > input + label span.text{font-size:13px;}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box .etc{width:calc(100% - 60px)}
	.m03_01 .user_content .user_cont .user_half .user_info_text .radio_box .etc input[type="text"]{font-size:13px;}
}
}

/*작업요청 step3*/
.m03_01 .step_agree{}
.m03_01 .step_agree .check_box{position:absolute; right:0;}
.m03_01 .step_agree .check_box > input{display:none;}
.m03_01 .step_agree .check_box > input + label{cursor:pointer; display:flex;}
.m03_01 .step_agree .check_box > input + label span.square{width:15px; height:15px; border:1px solid #d7d7d7; position:relative; top:1px; }
.m03_01 .step_agree .check_box > input:checked + label span.square{background:#ec5718; border-color:#ec5718;}
.m03_01 .step_agree .check_box > input:checked + label span.square::before{content:""; width:2px; height:5px; background:#fff; transform:rotate(-45deg); position:absolute;
top:5px; left:4px;}
.m03_01 .step_agree .check_box > input:checked + label span.square::after{content:""; width:2px; height:7px; background:#fff; transform:rotate(45deg); position:absolute;
top:3px; left:7px;}
.m03_01 .step_agree .check_box > input + label span.text{font-size:15px; color:#666666; margin-left:13px;}
.m03_01 .step_agree .agree_content{}
.m03_01 .step_agree .agree_content .textarea_area{padding:30px; border:1px solid #d7d7d7; border-radius:10px; max-height:160px; overflow:hidden; overflow-y:auto;}
.m03_01 .step_agree .agree_content .textarea_area h5{font-size:16px; color:#111111; line-height:1.4; margin-bottom:5px;}
.m03_01 .step_agree .agree_content .textarea_area p{font-size:15px; color:#666666; line-height:1.6;}

@media (max-width:480px){
	.m03_01 .step_agree .check_box{position:relative; right:auto; width:auto; margin-left:auto;}
	.m03_01 .step_agree .check_box > input + label span.square{width:14px; height:14px; top:1px;}
	.m03_01 .step_agree .check_box > input + label span.text{font-size:13px; margin-left:10px;}
	.m03_01 .step_agree .check_box > input:checked + label span.square::before{top:4px; left:3px;}
	.m03_01 .step_agree .check_box > input:checked + label span.square::after{top:2px; left:6px;}
	.m03_01 .progress_step.third .step_section .step_title{margin-bottom:11px;}
	.m03_01 .step_agree .agree_content .textarea_area{padding:20px; border-radius:3px;}
	.m03_01 .step_agree .agree_content .textarea_area h5{font-size:13px;}
	.m03_01 .step_agree .agree_content .textarea_area p{font-size:13px;}
}

/*작업요청 순서관련하여 정리*/
.m03_01 .progress_box.first .progress_bar .progress_active{width:33.3333%;}
.m03_01 .progress_box.second .progress_bar .progress_active{width:66.6666%;}
.m03_01 .progress_box.third .progress_bar .progress_active{width:100%;}
/* 
.m03_01 .progress_box.second .progress_bar .progress_active span.circle{left:calc(50% + 7px);}
.m03_01 .progress_box.third .progress_bar .progress_active span.circle{left:calc(66.6666% + 7px);} 
*/
.m03_01 .progress_box.first .progress_text > h4:nth-child(1)::before{display:block;}
.m03_01 .progress_box.second .progress_text > h4:nth-child(1)::before{display:block;}
.m03_01 .progress_box.second .progress_text > h4:nth-child(2)::before{display:block;}
.m03_01 .progress_box.third .progress_text > h4:nth-child(1)::before{display:block;}
.m03_01 .progress_box.third .progress_text > h4:nth-child(2)::before{display:block;}
.m03_01 .progress_box.third .progress_text > h4:nth-child(3)::before{display:block;}
.m03_01 .progress_step.first .progress_step_content:nth-child(1){display:block;}
.m03_01 .progress_step.second .progress_step_content:nth-child(2){display:block;}
.m03_01 .progress_step.third .progress_step_content:nth-child(3){display:block;}
.m03_01 .progress_btn.first .prev_btn{display:none;}
.m03_01 .progress_btn.first .complete_btn{display:none;}
.m03_01 .progress_btn.second .complete_btn{display:none;}
.m03_01 .progress_btn.third .next_btn{display:none;}
.m03_01 .progress_btn.third .complete_btn{display:block;}

@media (max-width:991px){
	.m03_01 .progress_box .progress_text > h4{display:none;}
	.m03_01 .progress_box.first .progress_text > h4::before{display:none !important;}
	.m03_01 .progress_box.first .progress_text > h4:nth-child(1){display:block;}
	.m03_01 .progress_box.second .progress_text > h4:nth-child(2){display:block;}
	.m03_01 .progress_box.third .progress_text > h4:nth-child(3){display:block;}
}

/*작업요청 스크롤 관련 CSS*/
.m03_01, .m03_01 *{scrollbar-3dLight-Color: #fff;  scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #f0f0f0; 
scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff;}
.m03_01::-webkit-scrollbar, .m03_01 *::-webkit-scrollbar{background:#fff; width:10px; float:left; position:absolute; left:0; height:5px;  border-radius:10px;}
.m03_01::-webkit-scrollbar-button:start:decrement, .m03_01 *::-webkit-scrollbar-button:start:decrement{display: block; height: 10px; background:#fff; background-position:center;}
.m03_01::-webkit-scrollbar-button:end:increment, .m03_01 *::-webkit-scrollbar-button:end:increment{display: block; height: 10px; background:#fff; background-position:center;}
.m03_01::-webkit-scrollbar-button, .m03_01 *::-webkit-scrollbar-button{background:transparent; color:#fff;}
.m03_01::-webkit-scrollbar-track, .m03_01 *::-webkit-scrollbar-track{background:#fff;}
.m03_01::-webkit-scrollbar-thumb, .m03_01 *::-webkit-scrollbar-thumb{height:50px; width:5px; background:#dfdfdf; border-radius:10px;}

@media (max-width:991px){
	.m03_01::-webkit-scrollbar, .m03_01 *::-webkit-scrollbar{width:5px; border-radius:2.5px;}
	.m03_01::-webkit-scrollbar-button:start:decrement, .m03_01 *::-webkit-scrollbar-button:start:decrement{height:5px;}
	.m03_01::-webkit-scrollbar-button:end:increment, .m03_01 *::-webkit-scrollbar-button:end:increment{height:5px;}
	.m03_01::-webkit-scrollbar-thumb, .m03_01 *::-webkit-scrollbar-thumb{height:25px; width:5px; border-radius:2.5px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시물검색
1. html > skin > search > basic > search.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.search_page{width:100%; margin-bottom:0; padding:0; border-top:0; border-bottom:0;}
.no_data{min-height:200px; background:#fbfbfb; margin-top:30px; display:table; width:100%; border:1px solid #ebebeb;}
.no_data > .no_data_cell{vertical-align:middle; display:table-cell; text-align:center; font-size:14px; color:#777;}
.search_page .search{width:100%; border:1px solid #ebebeb; background:#fbfbfb; padding:45px 80px; display:flex; align-items:center;}
.search_page .search .search_group_subject{width:45.3%; margin-right:10px; display:flex;}
.search_page .search .search_group_subject select{display:block; width:calc(50% - 5px); margin-right:10px; height:45px; border:1px solid #e1e1e1; font-size:14px;
color:#777777; font-weight:300; padding:0 20px; outline:none; box-shadow:none; background: url('/img/user_arrow.png') no-repeat 90% 50% #fff;
-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.search_page .search .search_group_subject select:last-child{margin-right:0;}
.search_page .search .search_group_subject select::-ms-expand{ display:none;}
.search_page .search .search_input_button{width:calc(100% - 45.3% - 10px); display:flex;}
.search_page .search .search_input_button select{display:none;}
.search_page .search .search_input_button input{width:77.1%; display:block; margin-right:10px; height:45px; line-height:45px; border:1px solid #e1e1e1; font-size:14px;
color:#777; font-weight:300; padding:0 20px; outline:none; box-shadow:none;}
.search_page .search .search_input_button input::placeholder{color:#ddd;}
.search_page .search .search_input_button button{width:calc(100% - 77.1% - 10px); height:45px; line-height:45px; background:#ec5718; border:0; outline:none; box-shadow:none;
color:#fff; font-size:14px; text-align:center; font-weight:500;}
.search_page .search .search_input_button button span.search_icon{display:inline-block; width:20px; height:16px; position:relative; vertical-align:middle; margin-right:5px;}
.search_page .search .search_input_button button span.search_icon::before{content:""; width:15px; height:15px; border:1px solid #fff; border-radius:50%; position:absolute;
top:0; left:0;}
.search_page .search .search_input_button button span.search_icon::after{content:""; width:1px; height:7px; background:#fff; position:absolute; transform:rotate(300deg); bottom:0; right:3px;}
.search_page .search_category{margin:60px auto;}
.search_page .search_category .pc_category{display:block;}
.search_page .search_category .mob_category{display:none;}
.search_page .search_category .pc_category > ul{display:block;border-left:1px solid #e1e1e1;}
.search_page .search_category .pc_category > ul::before, .search_page .search_category .pc_category > ul::after{content:""; display:block; clear:both;}
.search_page .search_category .pc_category > ul > li{display:block; float:left; width:calc(100% / 9);}
.search_page .search_category .pc_category > ul > li > a{display:block; width:100%; height:40px; line-height:40px; border:1px solid #e1e1e1; color:#888888;
font-size:14px; text-align:center; border-left:0; margin-bottom:-1px;}
.search_page .search_category .pc_category > ul > li.active{position:relative;}
.search_page .search_category .pc_category > ul > li.active > a{z-index:1; color:#ec5718; border:1px solid #ec5718;}
.search_page .search_table{margin-bottom:50px;}
.search_page .search_table:last-child{margin-bottom:0;}
.search_page .search_category_title{margin-bottom:25px;}
.search_page .search_category_title > p{font-size:15px; color:#ec5718; line-height:22.5px;}
.search_page .search_category_title > p span{color:#222222;}
.search_page .search_content_box{border-top:1px solid #e1e1e1;}
.search_page .search_contents{display:flex; align-items:center; padding:22px 0; border-bottom:1px solid #e1e1e1; position:relative;}
.search_page .search_contents .search_img{width:70px; margin-right:20px;}
.search_page .search_contents .search_img img{width:100%;}
.search_page .search_contents .search_img .no_img{width:70px; height:70px; line-height:70px; text-align:center; background:#f5f5f5; font-size:10px; color:#666;}
.search_page .search_contents .search_text{width:calc(100% - 90px);}
.search_page .search_contents .search_text .search_title{margin-bottom:15px;}
.search_page .search_contents .search_text .search_title a{font-size:15px; font-weight:500; color:#222222; line-height:22.5px;}
.sch_word{color:#ec5718 !important;}
.search_page .search_contents .search_text .search_info{margin-bottom:10px;}
.search_page .search_contents .search_text .search_info i{color:#888888; margin-right:3px;}
.search_page .search_contents .search_text .search_info > span{font-size:12px; color:#888888; display:inline-block; margin-right:40px;}
.search_page .search_contents .search_text .search_info > span:last-child{margin-right:0;}
.search_page .search_contents .search_text .search_info > span.writer .lv-icon{display:none;}
.search_page .search_contents .search_text .search_content a{font-size:13px; color:#888888; font-weight:300; line-height:19.5px;}
.search_page .search_contents .search_blank{position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.search_page .search_contents .search_blank a{font-size:13px; color:#888888; transition:all 0.3s ease;}
.search_page .search_contents .search_blank a:hover{color:#ec5718;}
.search_page .search_add{text-align:right; margin-top:20px;}
.search_page .search_add a{font-size:14px; color:#222222; font-weight:300;}
.search_page .search_add a span{color:#888888;}

@media (max-width:991px){
	.search_page{border:0;}
	.no_data{min-height:100px; margin-top:20px;}
	.no_data > .no_data_cell{font-size:12px;}
	.search_page .search{padding:30px 15px; display:block;}
	.search_page .search .search_group_subject{width:100%; margin-right:0px; display:flex; margin-bottom:10px;}
	.search_page .search .search_group_subject select{height:40px; line-height:40px; font-size:13px; padding:0 15px;}
	.search_page .search .search_input_button{width:100%; display:flex;}
	.search_page .search .search_input_button input{width:77.1%; height:40px; line-height:40px; font-size:13px; padding:0 15px;}
	.search_page .search .search_input_button button{width:calc(100% - 77.1% - 10px); height:40px; line-height:40px; font-size:13px;}
	.search_page .search .search_input_button button span.search_icon{display:inline-block; width:15px; height:12px; margin-right:3px; position:relative; top:-1px;}
	.search_page .search .search_input_button button span.search_icon::before{content:""; width:12px; height:12px;}
	.search_page .search .search_input_button button span.search_icon::after{height:5px; transform:rotate(300deg); bottom:0; right:1px;}
	.search_page .search_category{margin:30px auto;}
	.search_page .search_category .pc_category{display:none;}
	.search_page .search_category .mob_category{display:block; position:relative;}
	.search_page .search_category .mob_category > a{position:relative; display:block; width:100%; height:40px; line-height:40px; border:1px solid #ec5718; color:#ec5718;
	font-size:14px; text-align:center;}
	.search_page .search_category .mob_category > a span.arrow{width:20px; height:10px; position:absolute; right:15px; top:15px;}
	.search_page .search_category .mob_category > a span.arrow::before{content:""; width:1px; height:10px; position:absolute; top:0; left:6.9px; 
	transform:rotate(-45deg); background:#ec5718;}
	.search_page .search_category .mob_category > a span.arrow::after{content:""; width:1px; height:10px; position:absolute; top:0; right:5.5px; 
	transform:rotate(45deg); background:#ec5718;}
	.search_page .search_category .mob_category > ul{position:absolute; top: 100%; left: 0; z-index: 1000; min-width: 160px; padding: 5px 0; width:100%; text-align:center;
    margin: 2px 0 0; font-size: 14px; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; display:none;
    border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
	.search_page .search_category .mob_category > ul li{}
	.search_page .search_category .mob_category > ul li a{display:block; padding:3px 20px; clear:both; line-height:1.42857143; white-space:nowrap; color:#333; text-align:center;}
	.search_page .search_category .mob_category > ul li:hover{background:#f5f5f5; color:#262626;}
	
	.search_page .search_table{margin-bottom:40px;}
	.search_page .search_category_title{margin-bottom:15px;}
	.search_page .search_category_title > p{font-size:14px; line-height:21px;}
	.search_page .search_contents{padding:10px 0; flex-wrap:wrap;}
	.search_page .search_contents .search_img{width:70px; margin-right:10px;}
	.search_page .search_contents .search_img .no_img{width:70px; height:70px; line-height:70px;}
	.search_page .search_contents .search_text{width:calc(100% - 80px);}
	.search_page .search_contents .search_text .search_title{margin-bottom:7px;}
	.search_page .search_contents .search_text .search_title a{font-size:13px; line-height:19.5px;}
	.search_page .search_contents .search_text .search_info{margin-bottom:10px;}
	.search_page .search_contents .search_text .search_info i{font-size:11px; margin-right:2px;}
	.search_page .search_contents .search_text .search_info > span{font-size:11px; margin-right:5px;}
	.search_page .search_contents .search_text .search_content a{font-size:12px; line-height:18px;}
	.search_page .search_contents .search_blank{position:relative; right:auto; top:auto; transform:translateY(0); width:100%; text-align:right; margin-top:10px;}
	.search_page .search_contents .search_blank a{font-size:12px; color:#888888;}
	.search_page .search_contents .search_blank a:hover{color:#ec5718;}
	.search_page .search_add{text-align:right; margin-top:20px;}
	.search_page .search_add a{font-size:13px; }
	.search_page .search_add a span{color:#888888;}
}

/* 220411 kyj 유지보수 */
.infomation_board .fix_gallery_content h5{padding:0 10px}

@media(max-width:991px){
	.infomation_board .fix_gallery_content h5{padding:0}
}

/* 240123 nyb 유지보수 */
.m03_01 .step_section .step_title p.point{color:#ec5718;}