/* Service and FAQ page overrides */
.service-intro,
.faq-intro{margin-bottom:40px; text-align:left;}
.service-intro .big,
.service-intro p:not(.big),
.faq-intro .big,
.faq-intro p:not(.big){font-size:20px; line-height:30px; font-weight:300; color:#111427; word-break:keep-all;}
.service-intro .big,
.faq-intro .big{margin-bottom:20px;}
.service-intro .service-intro-lead{font-weight:400;}
.service_tab{margin-bottom:38px; text-align:center;}
.service_works{margin-bottom:50px;}
#contents .c_service .btn_wrap{margin-top:8px !important; padding-top:12px !important;}
#contents .c_service .btn_wrap .btn:hover,
#contents .c_service .btn_wrap .btn.t1:hover,
#contents .c_service .btn_wrap .btn.t2:hover{background-color:#111427 !important; color:#ff6714 !important;}
#contents .c_service .btn_wrap .btn.arrow:hover:before,
#contents .c_service .btn_wrap .btn.arrow:hover:after,
#contents .c_service .btn_wrap .btn.t1.arrow:hover:before,
#contents .c_service .btn_wrap .btn.t1.arrow:hover:after,
#contents .c_service .btn_wrap .btn.t2.arrow:hover:before,
#contents .c_service .btn_wrap .btn.t2.arrow:hover:after{background-color:#ff6714 !important;}

.service-list{margin-bottom:70px; text-align:left;}
.service-list > .title{float:none !important; display:block; width:100%; margin-bottom:24px;}
.service-list ul{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px 18px; width:100%;}
.service-list li{padding:18px 20px; border-radius:5px; background:#f5f6f9; color:#2b2b2b; font-size:17px; line-height:24px; font-weight:500; word-break:keep-all; letter-spacing:-0.8px; text-align:center;}
.service-portfolio{margin-bottom:80px;}
.service-card-media{background:none !important;}
.service-card-media img{display:block; width:100%; height:100%; object-fit:cover;}
.service-process{margin-bottom:110px;}
.service-process > .title{float:none !important; display:block; width:100%; margin-bottom:60px; text-align:left;}
.service-process li{width:20% !important;}
#contents .c_service .service-process .cs_process ul{display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin-left:0;}
#contents .c_service .service-process .cs_process li{float:none; text-align:center;}
#contents .c_service .service-process .cs_process .csp_wrap{height:auto; margin:0; padding:0 12px; border-radius:0; background:transparent; box-shadow:none;}
#contents .c_service .service-process .cs_process .csp_icon{display:block; width:50px; height:50px; margin:0 auto 22px; background-repeat:no-repeat !important; background-position:center !important; background-size:contain !important;}
#contents .c_service .service-process .cs_process .csp_icon.t_consult{background-image:url("../images/service/icon_process_step_consult.svg") !important;}
#contents .c_service .service-process .cs_process .csp_icon.t_quote{background-image:url("../images/service/icon_process_step_quote.svg") !important;}
#contents .c_service .service-process .cs_process .csp_icon.t_design{background-image:url("../images/service/icon_process_step_design.svg") !important;}
#contents .c_service .service-process .cs_process .csp_icon.t_install{background-image:url("../images/service/icon_process_step_install.svg") !important;}
#contents .c_service .service-process .cs_process .csp_icon.t_remove{background-image:url("../images/service/icon_process_step_remove.svg") !important;}
#contents .c_service .service-process .cs_process .csp_wrap > strong{display:block; color:#111427; font-size:20px; line-height:30px; font-weight:500;}
#contents .c_service .service-process .cs_process .csp_wrap > p{padding-top:12px; color:#575757; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; word-break:keep-all;}

.service-faq{margin-bottom:32px; text-align:left;}
.service-faq > .title{float:none !important; display:block; width:100%; margin-bottom:22px; font-weight:700; letter-spacing:-0.8px;}
.service-faq li{padding:24px 0; border-bottom:1px solid #ecedef;}
.service-faq strong{display:block; margin-bottom:8px; color:#111427; font-size:18px; line-height:28px; font-weight:700; letter-spacing:-0.8px;}
.service-faq strong:before{content:"Q "; font-weight:700;}
.service-faq p{color:#111427; font-size:18px; line-height:28px; font-weight:500; letter-spacing:-0.8px; word-break:keep-all;}
.service-faq p:before{content:"A "; font-weight:700;}

.faq-section{margin-bottom:32px; text-align:left;}
.faq-section h2{float:none !important; display:block; width:100%; margin-bottom:22px; font-weight:700; letter-spacing:-0.8px;}
.faq-list li{padding:24px 0; border-bottom:1px solid #ecedef;}
.faq-list strong{display:block; margin-bottom:8px; color:#111427; font-size:18px; line-height:28px; font-weight:700; letter-spacing:-0.8px;}
.faq-list strong:before{content:"Q. "; color:#ff6714; font-weight:900;}
.faq-list p{color:#111427; font-size:18px; line-height:28px; font-weight:500; letter-spacing:-0.8px; word-break:keep-all;}
.faq-list p:before{content:"A. "; color:#ff6714; font-weight:800;}
.faq-category{display:inline-block; margin-bottom:8px; padding:4px 12px; border-radius:20px; background:#f5f6f9; color:#ff6714; font-weight:700;}

.service-main-title{font-size:40px; line-height:50px; letter-spacing:-1px;}
.service-intro{margin-bottom:46px;}
.service-intro .big{margin-bottom:18px;}
.service-intro .service-intro-lead{font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.8px;}
.service-intro .service-intro-lead br{display:none;}
.service-intro .service-intro-detail{font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.8px;}

.service-faq-toolbar{display:flex; align-items:center; justify-content:flex-end; gap:24px; margin:0 0 0px; padding-bottom:40px; border-bottom:0;}
.service-faq-toolbar--filter{justify-content:space-between;}
.service-faq-filter{position:relative; flex:0 0 300px; max-width:300px; margin:0;}
.service-faq-filter:after{content:none;}
.service-faq-category-select,
.service-faq-search .search-field-select{position:absolute !important; left:0 !important; top:0 !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important;}
.service-faq-search{flex:0 1 350px; margin:0;}
.service-faq-search .board-search-inner{display:flex; align-items:center; position:relative; width:100%; height:50px; border:0; border-radius:25px; background:#f4f4f4; overflow:visible;}
.service-faq-search .search-field-wrap{position:relative; flex:0 0 112px; height:50px; z-index:5;}
.service-faq-search .search-field-wrap:after{content:none;}
.service-faq-search .search-word{flex:1; min-width:0; height:50px; padding:0 60px 0 8px; border:0; background:transparent; color:#111427; font-size:15px; font-weight:400; line-height:50px; letter-spacing:-0.5px; outline:0;}
.service-faq-search .search-word::placeholder{color:#111427;}
.service-faq-search .bbs-search-btn{position:absolute; top:0; right:0; width:56px; height:50px; border:0; background:transparent; cursor:pointer;}
.service-faq-search .bbs-search-btn:before{content:""; position:absolute; top:16px; left:18px; width:15px; height:15px; border:2px solid #111427; border-radius:50%; box-sizing:border-box;}
.service-faq-search .bbs-search-btn:after{content:""; position:absolute; top:30px; left:32px; width:8px; height:2px; border-radius:2px; background:#111427; transform:rotate(45deg);}
.faq-custom-select{position:relative;}
.faq-custom-select-button{display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; border:0; background:#f4f4f4; color:#111427; cursor:pointer; box-sizing:border-box; text-align:left;}
.faq-custom-select-button span{display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.faq-custom-select-button i{display:block; flex:0 0 auto; width:9px; height:9px; border-right:2px solid #111427; border-bottom:2px solid #111427; transform:rotate(45deg); transition:0.2s; -webkit-transition:0.2s;}
.faq-custom-select.is-open .faq-custom-select-button i{margin-top:5px; transform:rotate(-135deg);}
.faq-custom-select-list{display:none; position:absolute; left:0; top:calc(100% + 6px); z-index:80; width:100%; padding:8px 0; border:2px solid #111427; border-radius:8px; background:#fff; box-sizing:border-box; box-shadow:none;}
.faq-custom-select.is-open .faq-custom-select-list{display:block;}
.faq-custom-select-option{display:block; width:100%; padding:9px 24px; border:0; background:transparent; color:#777; font-size:15px; font-weight:400; line-height:22px; letter-spacing:-0.5px; text-align:left; cursor:pointer;}
.faq-custom-select-option:hover,
.faq-custom-select-option.is-active{color:#111427; font-weight:600;}
.service-faq-filter .faq-custom-select-button{height:52px; padding:0 28px; border-radius:26px; font-size:16px; font-weight:500; line-height:52px; letter-spacing:-0.8px;}
.service-faq-filter .faq-custom-select.is-open .faq-custom-select-button{border:1px solid #111427; background:#fff;}
.service-faq-search .search-field-wrap .faq-custom-select-button{height:50px; padding:0 14px 0 24px; border-radius:25px 0 0 25px; background:transparent; font-size:15px; font-weight:400; line-height:50px; letter-spacing:-0.5px;}
.service-faq-search .search-field-wrap .faq-custom-select-button i{width:7px; height:7px; border-width:2px;}
.service-faq-search .search-field-wrap .faq-custom-select-list{top:44px; width:100px; border-width:1px; border-radius:0; padding:6px 0;}
.service-faq-search .search-field-wrap .faq-custom-select-option{padding:8px 15px; font-size:14px; line-height:20px;}
.service-faq .service-faq-empty,
.faq-section .service-faq-empty{display:none; padding:28px 0; color:#666 !important; font-size:16px !important; line-height:24px !important; font-weight:400 !important; letter-spacing:-0.5px !important; text-align:center;}
.service-faq .service-faq-empty:before,
.faq-section .service-faq-empty:before{content:none !important;}
.search-bbs-faq-list{padding-bottom:40px; border-bottom:0;}
.search-faq-list-con{border-top:0;}
.search-faq-list-con .faq-item{margin:0 0 10px; border:2px solid transparent; border-radius:8px; background:#f4f4f4; overflow:hidden; transition:border-color 0.34s ease, background-color 0.34s ease, box-shadow 0.34s ease; -webkit-transition:border-color 0.34s ease, background-color 0.34s ease, box-shadow 0.34s ease; box-sizing:border-box;}
.search-faq-list-con .faq-item.open{border-color:#000; background:#f4f4f4;}
.search-faq-list-con .faq-item dt{display:flex; align-items:center; position:relative; min-height:110px; padding:28px 74px 28px 100px; cursor:pointer; box-sizing:border-box;}
.search-faq-list-con .faq-item dt .question-icon{position:absolute; top:50%; left:42px; width:auto; height:auto; margin-top:-12px; border:0; border-radius:0; background:transparent; color:#333333; font-family:"Wanted Sans", "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif; font-size:20px; font-weight:400; line-height:24px; text-align:left;}
.search-faq-list-con .faq-item dt .faq-title{display:block; margin:0 !important; color:#111427 !important; font-size:19px !important; font-weight:500 !important; letter-spacing:-1px !important; line-height:30px !important; white-space:normal; overflow:visible; text-overflow:clip; word-break:keep-all;}
.search-faq-list-con .faq-item.open dt .faq-title{color:#000 !important;}
.search-faq-list-con .faq-item dt .faq-title:before,
.search-faq-list-con .faq-item dd p:before,
.search-faq-list-con .faq-item dd .answer-txt-con:before{content:none !important;}
.search-faq-list-con .faq-item dt .arrow{position:absolute; top:50%; right:44px; width:16px; height:10px; margin-top:-5px;}
.search-faq-list-con .faq-item dt .arrow i{display:block; position:relative; width:16px; height:10px; transition:0.2s; -webkit-transition:0.2s;}
.search-faq-list-con .faq-item dt .arrow i:before,
.search-faq-list-con .faq-item dt .arrow i:after{content:""; position:absolute; top:4px; width:10px; height:2px; border-radius:2px; background:#666;}
.search-faq-list-con .faq-item dt .arrow i:before{left:0; transform:rotate(45deg);}
.search-faq-list-con .faq-item dt .arrow i:after{right:0; transform:rotate(-45deg);}
.search-faq-list-con .faq-item.open dt .arrow i{transform:rotate(-180deg);}
.search-faq-list-con .faq-item dd{display:grid; grid-template-rows:0fr; align-items:stretch; position:relative; max-height:none; min-height:0; margin:0; padding:0 74px 0 100px; border-top:0; background:#fff; box-sizing:border-box; overflow:hidden; opacity:0; visibility:hidden; will-change:grid-template-rows, padding-top, padding-bottom, opacity; transition:grid-template-rows 0.46s cubic-bezier(0.22, 1, 0.36, 1), padding-top 0.46s cubic-bezier(0.22, 1, 0.36, 1), padding-bottom 0.46s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, visibility 0s linear 0.46s;}
.search-faq-list-con .faq-item.open dd{grid-template-rows:1fr; min-height:0; padding-top:28px; padding-bottom:28px; opacity:1; visibility:visible; transition:grid-template-rows 0.46s cubic-bezier(0.22, 1, 0.36, 1), padding-top 0.46s cubic-bezier(0.22, 1, 0.36, 1), padding-bottom 0.46s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, visibility 0s;}
.search-faq-list-con .faq-item dd .answer-icon{position:absolute; top:50%; left:42px; width:auto; height:auto; margin-top:-15px; border:0; border-radius:0; background:transparent; color:#111427; font-family:"Wanted Sans", "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif; font-size:20px; font-weight:400; line-height:30px; text-align:left;}
.search-faq-list-con .faq-item dd .answer-con{display:flex; align-items:center; min-height:0; overflow:hidden;}
.search-faq-list-con .faq-item.open dd .answer-con{min-height:48px;}
.search-faq-list-con .faq-item dd .answer-txt-con{color:#333 !important; font-size:16px !important; font-weight:400 !important; line-height:26px !important; letter-spacing:-0.5px !important; word-break:keep-all;}
.search-faq-list-con.faq-category-list-con dl dt .faq-category{display:none;}
.search-faq-list-con.faq-category-list-con dl dt .faq-title{display:block; width:auto;}

#contents .c_service .c_wrap > .title{margin-bottom:30px !important; text-align:left;}
#contents .c_service .title.t1,
#contents .c_service .title .t1,
#contents .c_service .service-main-title{font-size:35px !important; line-height:60px !important; letter-spacing:-1px !important;}
#contents .c_service .service-intro,
#contents .c_service .faq-intro{margin-bottom:40px !important; text-align:left;}
#contents .c_service .service-intro .big,
#contents .c_service .service-intro .service-intro-lead,
#contents .c_service .faq-intro .big{color:#111427 !important; font-size:18px !important; line-height:30px !important; font-weight:500 !important; letter-spacing:-1px !important; word-break:keep-all;}
#contents .c_service .service-intro p:not(.big),
#contents .c_service .service-intro .service-intro-detail,
#contents .c_service .faq-intro p:not(.big){color:#111427 !important; font-size:18px !important; line-height:28px !important; font-weight:300 !important; letter-spacing:-1px !important; word-break:keep-all;}
#contents .c_service .service-intro .big,
#contents .c_service .faq-intro .big{margin-bottom:20px !important;}

@media all and (max-width:1540px) {
	.service-intro .big,
	.service-intro p:not(.big),
	.service-list li,
	.service-process .csp_wrap > strong,
	.service-process .csp_wrap > p,
	.service-faq strong,
	.service-faq p,
	.faq-intro .big,
	.faq-intro p:not(.big),
	.faq-list strong,
	.faq-list p{font-size:18px; line-height:28px;}
}
@media all and (max-width:1280px) {
	.service-intro .big,
	.service-intro p:not(.big),
	.service-list li,
	.service-process .csp_wrap > strong,
	.service-process .csp_wrap > p,
	.service-faq strong,
	.service-faq p,
	.faq-intro .big,
	.faq-intro p:not(.big),
	.faq-list strong,
	.faq-list p{font-size:16px; line-height:26px;}
}
@media all and (max-width:1180px) {
	.service-process li{width:50% !important; margin-bottom:34px !important;}
}
@media all and (max-width:800px) {
	#contents .c_service .c_wrap > .title{margin-bottom:22px !important;}
	#contents .c_service .title.t1,
	#contents .c_service .title .t1,
	#contents .c_service .service-main-title{font-size:25px !important; line-height:34px !important; letter-spacing:-1px !important;}
	#contents .c_service .service-intro,
	#contents .c_service .faq-intro{margin-bottom:36px !important;}
	#contents .c_service .service-intro .big,
	#contents .c_service .service-intro .service-intro-lead,
	#contents .c_service .faq-intro .big,
	#contents .c_service .service-intro p:not(.big),
	#contents .c_service .service-intro .service-intro-detail,
	#contents .c_service .faq-intro p:not(.big){font-size:16px !important; line-height:26px !important;}
	.service_tab{margin-bottom:60px !important;}
	.service-list,
	.service-portfolio,
	.service-process{margin-bottom:60px !important;}
	.service-faq,
	.faq-section{margin-bottom:30px !important;}
	.service-list > .title,
	.service-portfolio > .title,
	.service-process > .title,
	.service-faq > .title,
	.faq-section h2{margin-bottom:20px !important; font-size:25px !important; line-height:34px !important; letter-spacing:-1px !important;}
	.service-intro .big,
	.service-intro p:not(.big),
	.service-list li,
	.service-process .csp_wrap > strong,
	.service-process .csp_wrap > p,
	.service-faq strong,
	.service-faq p,
	.faq-intro .big,
	.faq-intro p:not(.big),
	.faq-list strong,
	.faq-list p{font-size:16px; line-height:26px;}
	.service-faq-toolbar{display:block; margin-bottom:0; padding-bottom:30px;}
	.service-faq-filter{width:100%; max-width:100%; margin-bottom:12px;}
	.service-faq-search{width:100%;}
	.service-faq-search .board-search-inner{height:46px; border-radius:23px;}
	.service-faq-search .search-field-wrap{flex:0 0 74px; height:46px;}
	.service-faq-search .search-word{height:46px; padding:0 48px 0 4px; font-size:13px; line-height:46px; letter-spacing:-0.8px;}
	.service-faq-search .search-word::placeholder{font-size:13px; letter-spacing:-0.8px;}
	.service-faq-search .bbs-search-btn{width:46px; height:46px;}
	.service-faq-search .bbs-search-btn:before{top:15px; left:14px; width:14px; height:14px;}
	.service-faq-search .bbs-search-btn:after{top:28px; left:27px; width:7px;}
	.service-faq-filter .faq-custom-select-button{height:46px; padding:0 22px; border-radius:23px; font-size:14px; line-height:46px;}
	.service-faq-search .search-field-wrap .faq-custom-select-button{height:46px; padding:0 8px 0 16px; border-radius:23px 0 0 23px; font-size:13px; line-height:46px;}
	.service-faq-search .search-field-wrap .faq-custom-select-button i{width:6px; height:6px;}
	.service-faq-search .search-field-wrap .faq-custom-select-list{top:42px; width:90px;}
	.service-faq-search .search-field-wrap .faq-custom-select-option{padding:7px 12px; font-size:13px; line-height:19px;}
	.search-bbs-faq-list{padding-bottom:15px;}
	.search-faq-list-con .faq-item dt{min-height:86px; padding:22px 52px 22px 58px;}
	.search-faq-list-con .faq-item dt .question-icon{left:24px; font-size:16px; line-height:22px;}
	.search-faq-list-con .faq-item dt .faq-title{font-size:16px !important; line-height:24px !important;}
	.search-faq-list-con .faq-item dt .arrow{right:24px;}
	.search-faq-list-con .faq-item dd{align-items:flex-start; min-height:0; padding:0 24px 0 58px;}
	.search-faq-list-con .faq-item.open dd{min-height:0; padding-top:34px; padding-bottom:38px;}
	.search-faq-list-con .faq-item dd .answer-icon{top:34px; left:24px; margin-top:0; font-size:16px; line-height:24px;}
	.search-faq-list-con .faq-item dd .answer-con{width:100%; min-height:0;}
	.search-faq-list-con .faq-item.open dd .answer-con{min-height:40px;}
	.search-faq-list-con .faq-item dd .answer-txt-con{font-size:14px !important; line-height:25px !important;}
	.search-faq-list-con.faq-category-list-con dl dt{display:flex;}
	.search-faq-list-con.faq-category-list-con dl dt .faq-category{display:none;}
}
@media all and (max-width:640px) {
	.service-list ul{grid-template-columns:1fr;}
	.service-process li{width:50% !important;}
	.service-intro .big,
	.service-intro p:not(.big),
	.service-list li,
	.service-process .csp_wrap > strong,
	.service-process .csp_wrap > p,
	.service-faq strong,
	.service-faq p,
	.faq-intro .big,
	.faq-intro p:not(.big),
	.faq-list strong,
	.faq-list p{font-size:16px; line-height:26px;}
	#contents .c_service .service-process .cs_process .csp_icon{width:40px; height:40px;}
}