@charset "utf-8";

/* =============================시작팝업============================= */
.start_pop{position: absolute; width: 100%; height: 100%; z-index: 99999}
.start_pop .pop_cnt{position: absolute; top: 110px; left: calc(50% - 409px); width: 818px; height: 561px; z-index: 1}
.start_pop .pop_cnt .pop_l{ float: left; width: 100%; height: 100%; background: url('/img/main_pop.png'); background-size: cover; padding-top:40px; box-sizing: border-box}
.start_pop .pop_cnt h1{letter-spacing:1.2px; color:#001590; position: relative;font-size: 36px; font-weight: 600; line-height:44px; padding-left:40px}
.start_pop .pop_cnt h1:before{content: ""; display: block; width: 67px; height: 4px; background: #d8ff00; margin: 0 0 16px 6px}
/*.start_pop .pop_cnt .pop_r{ float: right; width: 50%; height: 498px; background: url('/img/main2.png'); padding-top: 88px; box-sizing: border-box; background-position: center; background-color: #f7f7f7; background-repeat: no-repeat; background-size: 300px;}*/
/*.pop_cnt .pop_r dl > *{float: left}*/
/*.pop_cnt .pop_r dl dt{width: 140px; height: 52px; font-size: 18px; color: #111; text-indent: 45px}*/
/*.pop_cnt .pop_r dl dd{font-size: 16px; color: #7d7d7d}*/
/*.pop_cnt .pop_r dl dd:nth-child(3){margin-top: 3px}*/
/*.pop_cnt .pop_r .pop_btn{*/
/*	display: block; width: 340px; height: 59px; color: #fff; font-size: 18px; line-height: 59px; box-sizing: border-box; padding-left: 27px;*/
/*	background: #009bfa url('/img/next_wh.png') no-repeat 95% 50%; margin: 70px auto 0;*/
/*}*/
.pop_cnt .pop_btm{float: left; width: 100%; height: 62px; line-height: 62px; background: #f1f1f1; border-top: 1px solid #b7b7b7; color: #414141}
.pop_cnt .pop_btm > *{float: left; width: 50%; box-sizing: border-box}
.pop_cnt .pop_btm input{display: none}
.pop_cnt .pop_btm input:checked + label{background-image: url('/img/chk1_on.png'); color: #20a6f9}
.pop_cnt .pop_btm label{padding-left: 75px; background: url('/img/chk1_off.png') no-repeat 41px 50%; cursor: pointer; border-right: 1px solid #b7b7b7}
.pop_cnt .pop_btm a{text-align: center}
.pop_cnt .close_pop{position: absolute; top: 19px; right: 19px}
.start_pop .pop_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .69)}
/* =============================//시작팝업============================= */

/* =============================퀵배너============================= */
.quick_bn{
	position: fixed; top: 310px; right: 124px; width: 184.31px; height: 184.31px; border-radius: 93px; z-index: 10000; font-size: 18px; text-align: center; 
	animation: bounce 0.6s linear infinite alternate
}
.quick_bn a{position: relative; display: block; width: 184.31px; height: 184.31px; border-radius: 93px; box-sizing: border-box; padding-top: 39px; color: #fff; background: #009bfa}
.quick_bn a .pf_txt{padding-bottom: 17px; background: url('/img/pf.png') no-repeat 50% 100%}
.quick_bn a .btn{width: 49px; height: 2019-07-2349px; line-height: 49px; background: #fff; border-radius: 24.5px; margin: 12px auto 0; font-size: 14px; color: #009bfa}
.quick_bn a > div{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #009bfa; z-index: -1;
	animation: fade_shadow 2s linear infinite;
}
.quick_bn a > .shadow2{animation: fade_shadow 2s linear 1s infinite;}
.quick_bn *{-webkit-transition: background 0.4s, color 0.1s; -moz-transition: background 0.4s, color 0.1s; -o-transition: background 0.4s, color 0.1s; transition: background 0.4s, color 0.1s}
.quick_bn a:hover{background: #d8ff00; color: #009bfa}
.quick_bn a:hover .pf_txt{background-image: url('/img/pf_on.png')}
.quick_bn a:hover .btn{color: #d8ff00; background: #009bfa}
.quick_bn a:hover > div{background: #d8ff00}
.quick_bn.yl a{background: #d8ff00; color: #009bfa}
.quick_bn.yl a .pf_txt{background-image: url('/img/pf_on.png')}
.quick_bn.yl a .btn{color: #d8ff00; background: #009bfa}
.quick_bn.yl a > div{background: #d8ff00}
@keyframes fade_shadow{
	0%{transform: scale(0.8)}
	20%{opacity: 0.7}
	80%{opacity: 0.7}
	100%{transform: scale(1.1); opacity: 0}
}
@keyframes bounce{
	100%{top: 326px}
}
/* =============================//퀵배너============================= */

/* =============================하단 시공단계============================= */
.ks_info .title{position: relative; font-size: 50px; font-weight: 200; color: #009bfa; text-align: center; padding-top: 66px}
.ks_info .title p{font-size: 25px; color: #464646; margin-top: 25px}
.ks_info .title:before{content:""; position: absolute; top: 0; left: 50%; width: 1px; height: 0; background: #009bfa; transition: height 0.6s; margin-left: -0.5px}
.active .ks_info .title:before{height: 66px}
.ks_info .info_list{position: relative; width: 100%; margin: 100px 0 60px; z-index: 0}
.ks_info .info_list:before{content:""; position: absolute; top: 26px; left: calc(50% - 550px); width: 1150px; height: 1px; background: #009bfa; z-index: -1}
.info_list li{position: relative; float: left; text-align: center; color: #464646}
.info_list li .hax{margin-bottom: 13px}
.info_list li:after, .info_list li:before{
	content:""; position: absolute; top: 0; left: calc(50% - 22.5px); background: url('/img/hax_bl.png'); width: 45px; height: 52px; z-index: -1;
}
.info_list li:nth-child(1){margin-right: 33px}
.info_list li:nth-child(2){margin-right: 40px}
.info_list li:nth-child(3){margin-right: 29px}
.info_list li:nth-child(4){margin-right: 37px}
.info_list li:nth-child(5){margin-right: 50px}
.info_list li:nth-child(6){margin-right: 51px}
.active .info_list li:nth-child(1):after{animation: hax 14s linear infinite}
.active .info_list li:nth-child(1):before{animation: hax 14s linear 1s infinite}
.active .info_list li:nth-child(2):after{animation: hax 14s linear 2s infinite}
.active .info_list li:nth-child(2):before{animation: hax 14s linear 3s infinite}
.active .info_list li:nth-child(3):after{animation: hax 14s linear 4s infinite}
.active .info_list li:nth-child(3):before{animation: hax 14s linear 5s infinite}
.active .info_list li:nth-child(4):after{animation: hax 14s linear 6s infinite}
.active .info_list li:nth-child(4):before{animation: hax 14s linear 7s infinite}
.active .info_list li:nth-child(5):after{animation: hax 14s linear 8s infinite}
.active .info_list li:nth-child(5):before{animation: hax 14s linear 9s infinite}
.active .info_list li:nth-child(6):after{animation: hax 14s linear 10s infinite}
.active .info_list li:nth-child(6):before{animation: hax 14s linear 11s infinite}
.active .info_list li:nth-child(7):after{animation: hax 14s linear 12s infinite}
.active .info_list li:nth-child(7):before{animation: hax 14s linear 13s infinite}

@keyframes hax{
	0%{transform: scale(0.8); opacity: 0.8}
	5%{opacity: 0.5}
	10%{opacity: 0.3}
	15%{transform: scale(1.3); opacity: 0}
	100%{transform: scale(1.3); opacity: 0}
}
.info_list li .list_tit{font-size: 27px; font-weight: 300; color: #009bfa; margin-bottom: 10px}
.ks_info .explain{position: relative; height: 156px; background: #f1f0f0; box-sizing: border-box; padding: 12px 401px 0 75px}
.ks_info .explain:after{content:""; position: absolute; top: 0px; right: 0; width: 100%; height: 1px; background: url('/img/dash.png') repeat-x}
.explain dl, .explain dl > *{float: left}
.explain .smp{width: 320px}
.explain .rec{float: right; width: 350px}
.explain dl dt{font-weight: 700; font-size: 46.44px; letter-spacing: -2px}
.explain dl dd:nth-child(2){font-size: 18.38px; line-height: 24px; padding-top: 15px; margin-left: 20px}
.explain dl dd:nth-child(2) span{font-size: 15.48px; color: #959595}
.explain dl dd:last-child{font-size: 15.48px}
.ks_info .explain .consult_btn{position: absolute; top: 23px; right: 45px}
/* =============================//하단 시공단계============================= */

/* =============================인덱스============================= */
.index_view{height: 830px; background: url('/img/index_bg1.jpg') no-repeat 50%; color: #fff}
.index_view article{padding-top: 235px}
.index_view article div{float: right}
.index_view .txt1{font-size: 32px; font-weight: 300; line-height: 40px; margin-bottom: 45px}
.index_view .txt2{position: relative; height: 156px; font-size: 50px; line-height: 75px}
.index_view .txt2 .type_wrap{position: relative}
.index_view .txt2 .typing{display: inline-block; height: 78px; font-size: 65px; font-weight: 200; padding-right: 10px}
.index_view .txt2 .cursor{position: absolute; width: 7px; height: 78px; background: #fff; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s}
.index_view .txt2 .cursor.off{opacity: 0}
.index_view .txt2:after{content:""; position: absolute; bottom: -10px; left: 5px; width: 163px; height: 3px; background: #009bfa}
.index_view .text_typing{display: none}

.index_biz{height: 890px; background: #fff; color: #111}
.index_biz article{padding-top: 120px}
.index_biz .title{font-size: 45px; color: #009bfa; font-weight: 200; text-align: center; margin-bottom: 75px}
.index_biz .sup_list:after{content:""; display: block; clear: both}
.index_biz .sup_list li{float: left; position: relative; width: 255px; height: 525px; margin-left: 26px; font-size: 15px; color: #7d7d7d}
.index_biz .sup_list .list1{margin-left: 0}
.sup_list li h3{width: 100%; height: 279px; padding-top: 56px; box-sizing: border-box; color: #fff; font-size: 25px; font-weight: 300; text-align: center}
.sup_list li h3 p{line-height: 35px; margin-top: 15px}
.sup_list .list1 h3{background: url('/img/support4.jpg')}
.sup_list .list12 h3{background: url('/img/support3.jpg')}
.sup_list .list2 h3{background: url('/img/support1.jpg')}
.sup_list .list3 h3{background: url('/img/support12.jpg')}
.sup_list li p{white-space: pre-line; line-height: 25px}
.sup_list li .sub_tit{font-size: 20px; color: #111; margin: 20px 0 15px}
.sup_list li .more{position: absolute; left: 0; bottom: 0; width: 100%; height: 39px}
.sup_list li .more a{display: block; line-height: 37px; border: 1px solid #323232; box-sizing: border-box; font-size: 14px; color: #464646; text-align: center}
.cross{
	position: absolute; top: calc(50% - 4.5px); right: 19px; width: 9px; height: 9px; background: url('/img/cross_bk.png');
	transition: transform 0.6s
}
.sup_list li .more a:hover, .sup_list li .more a:focus{background: #009bfa; color: #fff}
a:hover .cross, a:focus .cross{background-image: url('/img/cross_wh.png'); transform: rotate(1turn)}

.index_vision{height: 657px; background: url('/img/vision_bg.jpg') 50%}
.index_vision article{padding-top: 85px}
.index_vision .title, .index_vision .vis2, .index_vision .vis_list div{float: left}
.index_vision .title{float: left; font-size: 48px; color: #fff; font-weight: 300; padding-left: 23px; line-height: 80px}
.index_vision .title img{margin-top: 5px}
.index_vision article > div{position: absolute; right: 0; top: 85px; width: 830px}
.index_vision .vis1{float: right; margin-bottom: 26px}
.vis_list div{width: 260px; height: 226px; background: #fff no-repeat 50% 36px; text-align: center; box-sizing: border-box; padding-top: 120px}
.vis_list div:nth-child(1){margin-right: 25px}
.vis1 div:nth-child(1){background-image: url('/img/vision1.png')}
.vis1 div:nth-child(2){background-image: url('/img/vision2.png')}
.vis2 div:nth-child(1){background-image: url('/img/vision3.png')}
.vis2 div:nth-child(2){background-image: url('/img/vision4.png'); background-position: 50% 40px}

.index_case{height: 685px; background: url('/img/case_bg.jpg') no-repeat 50% 0; color: #fff}
.index_case article{height: 685px; box-sizing: border-box; padding-top: 130px}
.index_case .title{font-size: 50px; font-weight: 300; text-indent: -5px; margin-left: 406px}
.case_list{position: absolute; bottom: 0}
.case_list li{position: relative; top: 247px; float: left; width: 240px; height: 307px; margin-left: 19px; padding-top: 223px; box-sizing: border-box; text-align: center; font-size: 17px}
.case_list li p{position: relative}
.case_list li p:before{content:""; display: block; width: 42px; height: 1px; background: #fff; margin: 0 auto 20px}
.case_list .list1{top: 0; width: 319px; height: 554px; margin-left: 0; padding-top: 410px; background: url('/img/case1.jpg')}
.case_list .list2{background: url('/img/case2.jpg')}
.case_list .list3{background: url('/img/case3.jpg')}
.case_list .list4{background: url('/img/case4.jpg')}

.index_info{height: 1000px; background: #fff}
.index_info > .ks_info{padding-top: 80px}
/* =============================//인덱스============================= */

/* =============================서브페이지============================= */
.title_area{height: 493px}
.title_area article{padding-top: 190px; text-align: center;color: #fff}
.title_area .title{font-size: 30px; font-weight: 300}
.title_area .title .noto{position: relative; font-size:55px; font-weight: 200}
.title_area .title .noto:before{content:""; display: block; width: 105px; height: 2px; background: #d8ff00; margin: 15px auto}
.content section article .sub_txt{position: relative; font-size: 30px; color: #009bfa; font-weight: 200; line-height: 40px; margin-bottom: 80px; padding-top: 103px}
.sub_txt_content{ font-size: 25px; color: #323232; font-weight: 300;}
.content section article .sub_txt:before{content:""; position: absolute; top: 0; left: calc(50% - 0.5px); width :1px; height: 0; background: #009bfa; margin: 0 auto 37px; transition: all 0.6s}
.content section.active article .sub_txt:before{height: 66px}
.sol_list{margin-top: 115px}
.sol_list li{float: left; width: 301px; margin-left: 98.5px; color: #7d7d7d}
.sol_list li:first-child{margin-left: 0}
.sol_list li .sol_tit{font-size: 20px; color: #111; margin: 22px 0 15px}
.tab_tit{font-weight: 300}

/* KSE소개 */
.intro .gnb .gnb1 a{color: #d8ff00}
.intro .gnb .gnb1 a .left_line, .intro .gnb .gnb1 a .right_line{width: 50%}
.intro ul li{float: left}
.intro_tit{background: url('/img/sub/intro/intro_bg1.jpg') no-repeat 50%}
.intro_tit .download{
	display: block; width: 220px; height: 48px; border: 1px solid #d8ff00; color: #d8ff00; font-size: 18px; line-height: 46px; margin: 50px auto 0; font-weight: 400;
	background: url('/img/download_ico.png') no-repeat 92% 13px; box-sizing: border-box; text-align: left; padding-left: 50px
}
.intro_tit .download:hover{color: #fff; background-color: rgba(216, 215, 0, .12); background-image: url('/img/download_ico_on.png')}
.intro_cnt1{height: 750px; background: #f5f5f5}
.intro_cnt1 article{padding-top: 120px; color: #111}
.intro_cnt1 article .txt_top{font-size: 30px; color: #111; font-weight: 200; line-height: 40px; margin-bottom: 60px}
.intro_cnt1 article > p{font-size: 26px; color: #636363; font-weight: 300}
.intro_cnt1 .sign{margin-top: 80px; text-align: right; padding-right: 57px}
.intro_cnt2{height: 590px}
.intro_cnt2 article{padding-top: 94px}
.intro_cnt2 .sol_list{margin-top: 0}
.intro_cnt3{height: 840px; background: url('/img/sub/intro/intro_bg2.jpg') no-repeat 50%}
.intro_cnt3 article{padding-top: 95px; color: #fff; text-align: center; font-weight: 300}
.intro_cnt3 .sub_tit{font-size: 40px; color: #d8ff00}
.intro_cnt3 .list{width: 884px; margin: 55px auto 0}
.intro_cnt3 .list li{position: relative; width: 50%; font-size: 23px; padding-top: 80px}
.intro_cnt3 .list li:after{content:""; position: absolute; top: 60px; left: 192px; width: 58px; height: 1px; background: #d8ff00}
.intro_cnt3 .list li:nth-child(1){background: url('/img/sub/intro/intro_ico1.png') no-repeat 50% 0}
.intro_cnt3 .list li:nth-child(2){background: url('/img/sub/intro/intro_ico2.png') no-repeat 50% 0}
.intro_cnt3 .list li:nth-child(3){background: url('/img/sub/intro/intro_ico3.png') no-repeat 50% 0; margin-top: 50px}
.intro_cnt3 .list li:nth-child(4){background: url('/img/sub/intro/intro_ico4.png') no-repeat 50% 0; margin-top: 50px}
.intro footer div a{color: #fff}
.intro footer .copy{color: rgba(255, 255, 255, .4)}
/* //KSE소개 */

/* 태양광발전사업 */
.biz .gnb .gnb2 a{color: #d8ff00}
.biz .gnb .gnb2 a .left_line, .biz .gnb .gnb2 a .right_line{width: 50%}
.biz_tit{background: url('/img/sub/buisness/biz_tit_bg.jpg') no-repeat 50%}
.biz_tab{position: absolute; top: 555px; left: calc(50% - 550px); width: 1101px; height: 66px; z-index: 100}
.biz_tab button{float: left; width: 269px; height: 64px; border: 1px solid #434343; margin-right: 8px; font-size: 17px; color: #111}
.biz_tab .biz_tab3{margin-right: 0}
.biz_tab button:hover, .biz_tab button:focus, .biz_tab button.on{background: #009bfa; color: #fff}
.biz_tab .biz_tab1{border-left: 1px solid #434343}
.biz_vision{text-align: center}
.biz_vision h4{font-size: 28px; font-weight: 300; margin-bottom: 50px;}
.biz_vision .list li{float: left; width: 248px; height: 278px; border: 1px solid #b3b3b3; margin-left: 33.333333333px; background: #f9f9f9}
.biz_vision .list li:first-child{margin-left: 0}
.biz_vision .list li p{font-size: 17px; color: #7d7d7d; margin-top: 20px; line-height: 27px}
.biz_vision .list li p span{font-size: 20px; color: #111}

div table td.bg_gray{background: #565656 !important}
.biz div table th:first-child, .biz div table td:first-child{border-left: none}
div table tr:last-child td{border-bottom: none}
.l_cnt{float: left}
.r_cnt{float: right}
.tab1_cnt, .tab2_cnt, .tab12_cnt{display: none}

/* 탭1 */
.tab1_1{height: 919px; background: #fff; text-align: center}
.tab1_1 article{padding-top: 168px; color: #111}
.tab1_1 .sub_txt{font-size: 25px !important}
.tab1_1 .sub_txt span{font-size: 35px; font-weight: 500}
.tab1_2{height: 553px; background: #f1f1f1}
.tab1_2 article{padding-top: 103px}
.tab1_2 .tab_tit span{font-size: 20px; color: #009bfa; font-weight: 400; border-bottom: 1px solid #009bfa}
.tab1_2 .tab_txt{font-size: 38px; font-weight: 300; line-height: 45px; margin: 20px 0 55px}
.tab1_2 table{width: 409px}
.tab1_2 table colgroup col{width: 50%}
.tab1_2 table tr{border-bottom: 1px solid #111}
.tab1_2 table th{height: 44px; text-align: left; font-weight: 400; text-indent: 59px; color: #fff; background: #009bfa}
.tab1_2 table td{background: #fff; text-align: center; color: #111}
.tab1_2 .r_cnt{margin-right: 48px}
.tab1_3{height: 586px; background: #fff}
.tab1_3 article{padding-top: 10px}
.tab1_3 .l_cnt{margin-left: -132px}
.tab1_3 .r_cnt{padding-top: 140px}
.tab1_3 .tab_tit{font-size: 40px; font-weight: 300}
.tab1_3 .tab_txt{font-size: 20px; color: #009bfa; margin-bottom: 60px}
.tab1_3 ul li{font-size: 18px; color: #555; margin-bottom: 7px}
.tab1_4{height: 1810px; background: url('/img/sub/buisness/tab3_bg3.jpg') no-repeat 50%}
.tab1_4 .tab_btn{width: 100%; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .3); border-top: 1px solid rgba(255, 255, 255, .3); margin-bottom: 90px}
.tab1_4 .tab_btn button{width: 367px; height: 81px; color: #fff; border-right: 1px solid rgba(255, 255, 255, .3); font-size: 18px}
.tab1_4 .tab_btn button:first-child{border-left: 1px solid rgba(255, 255, 255, .3)}
.tab1_4 .tab_btn button.on, .tab1_4 .tab_btn button:hover, .tab1_4 .tab_btn button:focus{background: #d8ff00; color: #111}
#sheet2, #sheet3{display: none}
.col0{width: 226px}
.col1{width: 145px}
.sheet{width: 100%; color: #fff; border: 1px solid #c1c5c8}
.sheet th{font-weight: 400}
.sheet thead th, .sheet thead td{height: 40px}
.sheet .hei th, .sheet .hei td{height: 55px}
.sheet thead tr{border-bottom: 1px solid #636363}
.sheet thead th{background: #ececec; color: #000; border-left: 1px solid #636363}
.sheet thead td{background: #fff; color: #555; border-left: 1px solid #636363}
.sheet .row0 .column2,  .sheet .row1 .column2{text-indent: 40px}
.sheet .row0 .column3,  .sheet .row1 .column3{text-indent: 28px; text-align: left}
.sheet .row0 .column4,  .sheet .row1 .column4{text-indent: 50px}
.sheet .row0 .column6,  .sheet .row1 .column6{text-indent: 60px}
.sheet .row1 .column1{border-left: 1px solid #636363 !important}
.sheet thead .row2{border-bottom: 2px solid #9b9c9d}
.sheet thead tr:nth-child(n+4) > *{background: #009bfa; color: #d8ff00}
.sheet thead .row3, .sheet thead .row3 th{border-color: #fff}
.sheet thead .row4{border-color: rgba(134, 142, 148, .5)}
.sheet thead .row4 th{border-color: #80cdfd}
.sheet thead .row4 .column1, .sheet thead .row4 .column3, .sheet thead .row4 .column5{border-color: #fff}
.sheet thead .fs18{background: #848484; font-size: 18px; color: #d8ff00}
.sheet thead .fs25{font-size: 25px; color: #000; font-weight: 700; text-align: center}
.sheet thead .fs25.column2{color: #009bfa}
.sheet tbody{font-size: 15px}
.sheet tbody td{height: 38px}
.sheet tbody tr{border-top: 1px solid rgba(156, 157, 157, .5)}
.sheet tbody tr td{text-align: right; border-right: 1px solid #8c9092; padding-right: 20px}
.sheet tbody tr .column0{color: #d8ff00; text-align: left; padding-left: 68px; padding-right: 0}
.sheet tbody tr .column0, .sheet tbody tr .column2, .sheet tbody tr .column4{border-right-color: #fff !important}
.sheet tbody tr .column6{border-right: none}
.sheet tbody .row35{border: 1px solid #fcfcfc}
.sheet tbody .row35 > *{background: #009bfa; height: 42px}
.sheet tbody .row35 td{border-color: #80cdfd; font-size: 18px}

/* 탭1_2 190517 추가 */
.tab12_1{ text-align: center}
.tab12_1 article{padding-top: 168px; color: #111}
.tab12_1 .sub_txt{font-size: 25px !important}
.tab12_1 .sub_txt span{font-size: 35px; font-weight: 500}
.tab12_2{height: 785px; background: #d3e8f1}
.tab12_2 article{padding-top: 110px; color: #111}
.tab12_2 .tab_tit{font-size: 35px}
.tab12_2 .tab_tit:after{content:""; display: block; width: 71px; height: 2px; background: #009bfa; margin: 40px 0}
.tab12_2 ul li{font-size: 17px; line-height: 32px;}
.tab12_2 ul .list3 span{float: left}
.tab12_2 ul .list3 .txt{margin-left: 3px}
.tab12_2 ul .list5{color: #848484}
.tab12_2 .tabbox{width: 668px; height: 235px; background: #fff; border: 1px solid #737373; box-sizing: border-box; padding: 35px 0 0 43px; margin-top: 25px}
.tab12_2 .tabbox .ex2{margin: 30px 0 18px}
.tab12_2 .tabbox dl>*{float: left}
.tab12_2 .tabbox dt{width: 91px; height: 44px; line-height: 44px; font-size: 17px; color: #fff; background: #009bfa; border-radius: 91px; text-align: center}
.tab12_2 .tabbox dd{color: #555; line-height: 30px; margin: -7px 0 0 16px}
.tab12_2 .tabbox p{font-size: 15.5px; color: #009bfa}
.tab12_3{height: 724px; background: url('/img/sub/buisness/fit_bg1.jpg') no-repeat 50%}
.tab12_3 article{padding-top: 100px}
.tab12_3 table  td, .tab12_3 thead th{border-right: 1px solid #111}
.tab12_3 table .col3{border-right: none}
.tab12_3 th{height: 52px; font-weight: 400; color: #fff; background: #565656}
.tab12_3 thead .col0{background: #009bfa}
.tab12_3 tbody th{text-align: left; padding-left: 30px; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, .5); font-size: 15px}
.tab12_3 table td{background: #fff; text-align: center; padding: 15px 0; line-height: 25px; border-bottom: 1px solid rgba(86, 86, 86, .5); font-size: 15px}
.tab12_3 table td.col3{background: #009bfa; color: #fff}
.tab12_3 .d8{color: #d8ff00 !important}
.tab12_4{height: 843px}
.tab12_4 article{padding-top: 115px; color: #111}
.tab12_4 .tab_tit{font-size: 35px; text-align: center}
.tab12_4 .tab_tit p{font-size: 23px; color: #009bfa}
.tab12_4 .sol_list{margin-top: 60px}
.tab12_5{height: 1091px; background: #e2e2e2}
.tab12_5 .ks_info{padding-top: 67px}

/* 탭2 */
.tab2_1{background: #fff; text-align: center}
.tab2_1 article{padding-top: 168px; color: #111}
.tab2_1 .sub_txt{font-size: 25px !important; position: relative}
.tab2_1 .sub_txt span{font-size: 35px; font-weight: 500}
.tab2_1 .sub_txt:before{content:""; display: block; width :1px; height: 66px; background: #009bfa; margin: 0 auto 37px}
.tab2_2{height: 797px; background: url('/img/sub/buisness/tab1_bg1.jpg') no-repeat 50%}
.tab2_2 article{padding-top: 80px; color: #111}
.tab2_2 .tab_tit{font-size: 40px; color: #d8ff00; text-align: center; margin-bottom: 30px}
.tab2_2 article > div{position: relative; width: 100%; margin-bottom: 45px}
.tab2_2 table colgroup col{width: 25%}
.tab2_2 div table{width: 100%; margin: 15px 0}
.tab2_2 div table th{height: 44px; background: #d8ff00; font-weight: 400; border-left: 1px solid rgba(26, 32, 35, .94)}
.tab2_2 div table td{height: 45px; border-left: 1px solid rgba(26, 32, 35, .94); border-bottom: 1px solid rgba(203, 203, 203, .4); background: #fff; text-align: center; color: #7d7d7d}
.tab2_2  table td.bg_gray{color: #d8ff00; border-bottom-color: #d8ff00}
.tab2_2 div > p{color: #fff; font-size: 13px; text-align: right}
.tab2_3{height: 837px; background: #fff}
.tab2_3 article{padding-top: 125px; color: #111}
.tab2_3 .tab_tit{font-size: 35px; text-align: center}
.tab2_3 .tab_tit p{font-size: 23px; color: #009bfa}
.tab2_3 .sol_list{margin-top: 60px}
.tab2_4{height: 1091px; background: url('/img/sub/buisness/tab1_bg2.jpg') no-repeat 50%}
.tab2_4 > div{padding-top: 67px}
.tab2_4 .info_list li{color: #111}
.tab2_4 .ks_info .title{font-weight: 500}
.tab2_4 .ks_info .title p{font-weight: 300}
.tab2_4 .ks_info .explain{padding-top: 15px}
.tab2_4 .explain .smp dd:last-child{margin-top: 15px}

/* 탭3 */
.tab3_1{height: 903px; background: #fff; text-align: center}
.tab3_1 article{padding-top: 168px; color: #111}
.tab3_1 .sub_txt{font-size: 25px !important}
.tab3_1 .sub_txt span{font-size: 35px; font-weight: 500}
.tab3_2{height: 749px; background: #7d7d7d}
.tab3_2 article{padding-top: 100px}
.tab3_2 .tab_tit{font-size: 40px; color: #fff; text-align: center; margin-bottom: 45px}
.tab3_2 .tab_tit p{font-size: 18px; font-weight: 400; color: #fff; opacity: 0.6; margin-top: 7px}
.tab3_2 article > div{position: relative; width: 100%}
.tab3_2 table{width: 100%}
.tab3_2 table colgroup col{width: calc(100% / 6)}
.tab3_2 table th{height: 62px; background: #565656; color: #fff; font-weight: 400; border-left: 1px solid #7d7d7d}
.tab3_2 table td{height: 73px; border-left: 1px solid #7d7d7d; border-bottom: 1px solid #aaa; background: #fff; text-align: center; color: #555; font-size: 15px} 
.tab3_2 table .bg_gray{color: #fff}
.tab3_2 table .bg_blue{font-weight: 700; font-size: 17px; color: #fff; border-bottom-color: #2b78a8; background: #009bfa}
.tab3_2 table th:first-child{background: #009bfa; color: #fff}
.tab3_2 .caption1{font-size: 19px; color: #d8ff00; margin: 40px 0 20px}
.tab3_2 .caption2{font-size: 15px; color: #fff}
.tab3_2 .box{position: absolute; right: 0; top: 0; width: 175px; height: 275px; border: 4px solid #fff; opacity: 1}
.tab3_2 .arrow_down{position: absolute; right: 0; top: 290px}
.tab3_3{height: 1529px; background: #fff}
.tab3_3 article{padding-top: 126px; color: #111}
.tab3_3 .cnt1{margin-bottom: 112px}
.tab3_3 .cnt1 .r_cnt{width: 580px; box-sizing: border-box; padding-left: 52px}
.tab3_3 .tab_tit{font-size: 38px}
.tab3_3 .r_cnt .tab_tit{position: relative}
.tab3_3 .r_cnt .tab_tit:after{content:""; display: block; width: 71px; height: 2px; background: #009bfa; margin: 50px 0 45px}
.tab3_3 .r_cnt ul li{font-size: 17px; margin-bottom: 3px}
.tab3_3 .r_cnt ul li:first-child{margin-bottom: 10px}
.tab3_3 .r_cnt ul li span{color: #7d7d7d; padding-left: 7px}
.tab3_3 .l_cnt .tab_txt{position: relative; color: #7d7d7d; margin-top: 30px}
.tab3_3 .l_cnt .tab_txt:after{content:""; display: block; width: 71px; height: 2px; background: #009bfa; margin: 40px 0 35px}
.tab3_3 .l_cnt dl{margin-bottom: 30px}
.tab3_3 .l_cnt dt{font-size: 23px; font-weight: 300; color: #009bfa; margin-bottom: 25px}
.tab3_4{height: 467px; background: url('/img/sub/buisness/tab2_bg1.jpg') no-repeat 50% / cover}
.tab3_4 article{padding-top: 120px; color: #464646}
.tab3_4 article div{float: right}
.tab3_4 .tab_tit{font-size: 42px; color: #3e518e; margin-bottom: 50px}
.tab3_4 ul li{margin-bottom: 5px}
.tab3_5{height: 759px; background: #fff}
.tab3_5 article{padding-top: 95px; text-align: center}
.tab3_5 .tab_tit{font-size: 38px; color: #111; margin-bottom: 75px}
.tab3_5 ul li{
	position: relative; float: left; width: 196px; height: 226px; color: #fff; font-size: 18px; margin-left: 24px;
	background: url('/img/sub/hax_bl_l.png') no-repeat; padding-top: 85px; box-sizing: border-box
}
.tab3_5 ul li:first-child{margin-left: 0}
.tab3_5 ul li:after{content:""; position: absolute; top: 65px; left: 79px; width: 38px; height: 1px; background: #fff}

/* //태양광발전사업 */

/* 시공사례 */
.case0{height:620px; background: #fff}
.case0 > div{padding-top: 45px}

.case .gnb .gnb3 a{color: #d8ff00}
.case .gnb .gnb3 a .left_line, .case .gnb .gnb3 a .right_line{width: 50%}
.case_tit{background: url('/img/sub/case/case_tit_bg.jpg') no-repeat 50%}
.case1{height: 750px; background: #fff}
.case1 > div{padding-top: 130px}
.case_slide1{position: relative; width: 1100px; margin: 0 auto}
.case_slide1 li{float: left; margin: 0 27px 24px 0}
.case_slide1 li a{position: relative; display: block; width: 253px; height: 253px; overflow: hidden}
.case_slide1 .list1 a{background: url('/img/sub/case/case_list1.jpg') no-repeat}
.case_slide1 .list2 a{background: url('/img/sub/case/case_list2.jpg') no-repeat}
.case_slide1 .list3 a{background: url('/img/sub/case/case_list3.jpg') no-repeat}
.case_slide1 .list4 a{background: url('/img/sub/case/case_list4.jpg') no-repeat}
.case_slide1 .list5 a{background: url('/img/sub/case/case_list5.jpg') no-repeat}
.case_slide1 .list6 a{background: url('/img/sub/case/case_list6.jpg') no-repeat}
.case_slide1 .list7 a{background: url('/img/sub/case/case_list7.jpg') no-repeat}
.case_slide1 .list8 a{background: url('/img/sub/case/case_list8.jpg') no-repeat}
.case_slide1 .list9 a{background: url('/img/sub/case/case_list9.jpg') no-repeat}
.case_slide1 .list10 a{background: url('/img/sub/case/case_list10.jpg') no-repeat}
.case_slide1 .list11 a{background: url('/img/sub/case/case_list11.jpg') no-repeat}
.case_slide1 .list12 a{background: url('/img/sub/case/case_list12.jpg') no-repeat}
.case_slide1 .list13 a{background: url('/img/sub/case/case_list13.jpg') no-repeat}
.case_slide1 .list14 a{background: url('/img/sub/case/case_list14.jpg') no-repeat}
.case_slide1 .list15 a{background: url('/img/sub/case/case_list15.jpg') no-repeat}
.case_slide1 .list16 a{background: url('/img/sub/case/case_list16.jpg') no-repeat}
.case_slide1 .list17 a{background: url('/img/sub/case/case_list17.jpg') no-repeat;background-size: cover; background-position:center}
.case_slide1 .list18 a{background: url('/img/sub/case/case_list18.jpg') no-repeat;background-size: cover; background-position:center}
.case_slide1 .list19 a{background: url('/img/sub/case/case_list19.jpg') no-repeat;background-size: cover; background-position:center}
.case_slide1 .list20 a{background: url('/img/sub/case/case_list20.jpg') no-repeat;background-size: cover; background-position:center}
.case_slide1 li a.case_img{position:relative;}
.case_slide1 li a.case_img:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.3);}
.case_slide1 li a.case_img p{position:relative; z-index:1}

.case_slide1 li a p{text-align: center; font-size: 18px; font-weight: 300; padding-top: 100px; color: #fff; line-height: 30px}
.case_slide1 li a p span{color: #009bfa; font-weight: 400}
.case_slide1 li a .bg{
	position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .68) url('/img/more_yl.png') no-repeat 50%; opacity: 0;
	transition: all 0.3s; z-index:2;
}
.case_slide1 li a:hover .bg{opacity: 1}
.slick-arrow{position: absolute; top: calc(50% - 42.5px); font-size: 0; line-height: 0; width: 44px; height: 85px; background: url('/img/prev.png') no-repeat; background-size: cover}
.case_slide1 .slick-next{transform: rotate(180deg); right: -73px}
.case_slide1 .slick-prev{left: -90px}
.case .layer{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000}
.slide2_wrap{position: absolute; top: 129px; left: calc(50% - 418px); width: 836px; height: 600px; background: #fff; padding-top: 21px; box-sizing: border-box} /*시공사례 팝업 설정*/
.case_slide2{opacity: 0; position: relative; width: 697px; margin: 0 auto; color: #111; transition: all 0.6s}
.case_slide2 .slick-slide{width: 697px !important}
.case_slide2 .slick-track{width: 23001px !important}
.case_slide2 li{float: left; width: 697px !important}
.case_slide2 h3{font-size: 25px; font-weight: 300; margin-bottom: 20px}
.slide2_wrap .close_pop{position: absolute; top: 28px; right: 22px}
.case .layer .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .61); z-index: -1}
.slide2_wrap .prevNext a{position: absolute; top: calc(50% - 29.5px); width: 30px; height: 59px; background: url('/img/prev.png') no-repeat; background-size: cover}
.prevNext .prev{left: 21px}
.prevNext .next{right: 21px; transform: rotate(180deg)}
/* //시공사례 */

/* 인증라이센스 */
.license .gnb .gnb4 a{color: #d8ff00}
.license .gnb .gnb4 a .left_line, .license .gnb .gnb4 a .right_line{width: 50%}
.li_tit{background: url('/img/sub/license/li_tit_bg.jpg') no-repeat 50%}
.li1{height: 684px; background: #fff}
.li1 > div{padding-top: 160px}
.li_slide{width: 1100px; margin: 0 auto}
.li_slide .slick-list{left: 25px}
.li_slide .slick-prev{left: -90px}
.li_slide .slick-next{right: -90px; transform: rotate(180deg)}
.li2{height: 590px; background: #eee}
.li2 article{padding-top: 82px}
/* //인증라이센스 */

/* contact us */
.contact .gnb .gnb5 a{color: #d8ff00}
.contact .gnb .gnb5 a .left_line, .contact .gnb .gnb5 a .right_line{width: 50%}
.con_tit{background: url('/img/sub/contact/con_tit_bg.jpg') no-repeat 50%}
.contact .con_tit article{padding-top: 170px}
.contact .con_tit .title{font-size: 23px}
.contact .con_tit .title .noto{margin-bottom: 84px}
.contact .title_area .title .noto:before{position: absolute; bottom: -20px; left: calc(50% - 52.5px); margin: 0}
.con1{height: 1057px; background: #fff}
.con1 article{padding-top: 77px}
.con1 .map{width: 100%; height: 553px; margin-bottom: 60px}
.con1 .con_txt{font-weight: 300; color: #111; font-size: 19px; padding-left: 68px}
.con1 .txt1{background: url('/img/sub/contact/pointer.png') no-repeat 18px 50%; margin-bottom: 40px}
.con1 .txt2, .con1 .txt3{float: left; height: 28px; line-height: 28px}
.con1 .txt2{width: 300px; background: url('/img/sub/contact/fax.png') no-repeat 15px 50%}
.con1 .txt3{background: url('/img/sub/contact/email.png') no-repeat 27px 50%}
.con1 .con_txt span{display: inline-block; font-weight: 400; color: #009bfa; margin-right: 15px}

/* //contact us */
/* =============================//서브페이지============================= */

/* =============================상담신청============================= */
.consult_wrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 90000; overflow-x:hidden}
.consult_wrap .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7)}
.consult_wrap .consult_cnt{position: fixed; top: calc(50% - 341px); right: -1346px; width: 1062px; height: 682px; background: #fff; padding: 50px 113px 0 215px; box-sizing: border-box; color: #111}
.consult_cnt .tit_area{
	position: absolute;  left: -142px; top: calc(50% - 275px); padding-top: 65px; box-sizing: border-box; color: #fff;
	width: 284px; height: 550px; background: url('/img/sub/consult/left_tit_bg.jpg');
}
.consult_cnt .tit_area h1{font-size: 18px; text-align: center}
.consult_cnt .tit_area h1 span{font-size: 28px; font-weight: 500}
.consult_cnt .tit_area .left_text{padding-left: 38px; margin-top: 40px}
.consult_cnt .tit_area .left_text dl{display: none; margin-bottom: 15px}
.consult_cnt .tit_area .left_text dt{font-size: 18px; color: #d8ff00; margin-bottom: 10px}
.consult_cnt .common h1{font-size: 22px; font-weight: 300}
.consult_cnt .con_step{height: 36px; border-bottom: 1px solid #b7b7b7; margin-top: 40px}
.con_step .con_btn{float: left; position: relative}
.con_step .num{float: right; color: #000; font-size: 15px; letter-spacing: 0}
.consult_cnt .close{position: absolute; top: 25px; right: 15px}
.consult_cnt .close img{max-width: 100%; height: auto}
.con_step .num img{margin: -3px 6px 0 0}
.con_step .con_btn li{float: left; width: 66px; margin-right: 47px}
.con_step .con_btn li a{display: block; width: 100%; height: 35px; border-bottom: 2px solid transparent; font-size: 15px; color: #959595; font-weight: 300; text-align: center; letter-spacing: 0}
.con_step .con_btn li.on a, .con_step .con_btn li a:hover{color: #009bfa; font-weight: 400; border-color: #009bfa}
.step_area > div{position: relative}
.step_area .tit{font-size: 17px}
.step_area input[type="checkbox"], .step_area input[type="radio"]{display: none}
.step_area label, .step_area a{display: block; cursor: pointer}
#step4, #step2, #step3, .complete_area{display: none}

/* STEP1 */
.s1_1{position: relative; padding-top: 40px}
.s1_1 .caption{font-size: 15px; color: #636363; letter-spacing: -0.5px; margin-top: 30px}
.s1_1 .caption span{display: inline-block; color: #ebfb21; font-weight: 700; background: #24a9fb; padding: 2px 4px}
.s1_1 .choice{text-align: left; color: #111; margin-bottom: 10px}
.s1_1 .choice span{color: #7d7d7d; margin-left: 30px}
.s1_1 .btn3 .choice{line-height: 20px}
.s1_1 .btn3 .choice span{font-size: 26px; font-weight: 700; color: #ff2447; line-height: 19px}
.s1_btn{margin-top: 30px}
.s1_btn li{float: left; width: 168px; margin-left: 20px}
.s1_btn .btn1{margin-left: 0}
.s1_btn li > *{position: relative; width: 100%; box-sizing: border-box}
.s1_btn li label{height: 158px; border: 1px solid #b6b6b6; font-size: 17px; color: #636363; padding-top: 70px; margin-bottom: 12px; background: #fff no-repeat 50% 29px; text-align: center}
.s1_btn .btn1 label{background-image: url('/img/sub/consult/step1_ico2.png')}
.s1_btn .btn12 label{background-image: url('/img/sub/consult/step1_ico1.png')}
.s1_btn .btn2 label{background-image: url('/img/sub/consult/step12_ico.png')}
.s1_btn .btn3 label{background-image: url('/img/sub/consult/step1_ico3.png'); font-weight: 700; color: #009bfa; border-color: #009bfa}
.s1_btn li label:hover, .s1_btn li input:checked+label{background-color: #009bfa; color: #fff; border-color: #009bfa}
.s1_btn .btn1 input:checked+label, .s1_btn .btn1 label:hover{background-image: url('/img/sub/consult/step1_ico2_on.png')}
.s1_btn .btn12 input:checked+label, .s1_btn .btn12 label:hover{background-image: url('/img/sub/consult/step1_ico1_on.png')}
.s1_btn .btn2 input:checked+label, .s1_btn .btn2 label:hover{background-image: url('/img/sub/consult/step12_ico_on.png')}
.s1_btn .btn3 input:checked+label, .s1_btn .btn3 label:hover{background-image: url('/img/sub/consult/step1_ico3_on.png')}
.s1_btn .btn3 .cross{background-image: url('/img/sub/consult/cross_sbl.png')}
.s1_btn li .more:hover .cross, .s1_btn li .more:focus .cross{background-image: url('/img/cross_wh.png')}
.s1_btn .btn3 .more{border-color: #009bfa; color: #009bfa}
.s1_btn li .more{height: 43px; line-height: 43px; border: 1px solid #464646; padding-left: 40px}
.s1_btn li .more .cross{right: 27px}
.s1_btn li .more:hover, .s1_btn li .more:focus{background: #009bfa; color: #fff}
.s1_pop{position: absolute; left: 0; top: -40px; width: 100%; height: 401px; border: 1px solid #6f6f6f; background: #fff; box-sizing: border-box}
.s1_pop, .s1_pop > div{display: none}
.s1_pop > div div{float: left}
.s1_pop > div .right{font-size: 18px; color: #7d7d7d; padding: 80px 0 0 49px}
.s1_pop > div .right h3{font-size: 35px; color: #111; font-weight: 300; line-height: 40px; margin-bottom: 45px}
.s1_pop .close{display: block !important; width: 33px; height: 33px}

.s1_2{display: none; padding-top: 55px}
.s1_2 .caption{color: #636363; font-size: 15px; margin-top: 10px}
.s1_2 .caption2{color: #f00; font-size: 15px}
.place{width: 100%; margin-top: 30px}
.place td{width: 25%; height: 126px; text-align: center; border: 1px solid #b6b6b6}
.s1_2 table tr:last-child td{border-bottom: 1px solid #b6b6b6}
.place td label{width: 100%; height: 100%; padding-top: 70px; box-sizing: border-box; color: #636363; font-size: 17px; background: #fff no-repeat 50% 30px}
.place .place1 label{background-image: url('/img/sub/consult/step2_ico1.png')}
.place .place2 label{background-image: url('/img/sub/consult/step2_ico2.png')}
.place .place3 label{background-image: url('/img/sub/consult/step2_ico3.png')}
.place .place4 label{background-image: url('/img/sub/consult/step2_ico4.png')}
.place .place5 label{background-image: url('/img/sub/consult/step2_ico5.png')}
.place .place6 label{background-image: url('/img/sub/consult/step2_ico6.png')}
.place .place7 label{background-image: url('/img/sub/consult/step2_ico7.png')}
.place .place8 label{padding-top: 38px}
.place .place1 label:hover, .place .place1 input:checked+label{background-image: url('/img/sub/consult/step2_ico1_on.png')}
.place .place2 label:hover, .place .place2 input:checked+label{background-image: url('/img/sub/consult/step2_ico2_on.png')}
.place .place3 label:hover, .place .place3 input:checked+label{background-image: url('/img/sub/consult/step2_ico3_on.png')}
.place .place4 label:hover, .place .place4 input:checked+label{background-image: url('/img/sub/consult/step2_ico4_on.png')}
.place .place5 label:hover, .place .place5 input:checked+label{background-image: url('/img/sub/consult/step2_ico5_on.png')}
.place .place6 label:hover, .place .place6 input:checked+label{background-image: url('/img/sub/consult/step2_ico6_on.png')}
.place .place7 label:hover, .place .place7 input:checked+label{background-image: url('/img/sub/consult/step2_ico7_on.png')}
.place td label:hover, .place td input:checked+label{background-color: #009bfa; color: #fff}

/* STEP2 */
.s2_2{display: none}
#step2 > div{padding-top: 90px}
#step2 div ul{width: 490px; margin-top: 45px}
#step2 div ul li{float: left; width: 233px; height: 126px; margin-left: 24px}
#step2 div ul li:first-child{margin-left: 0}
#step2 div label{display: block; width: 231px; height: 124px; border: 1px solid #b6b6b6; color: #636363; font-size: 17px; text-align: center; padding-top: 75px; box-sizing: border-box}
#step2 div .ye{background: #fff url('/img/yes_ico.png') no-repeat 50% 20px / 42px 42px}
#step2 div .no{background: #fff url('/img/no_ico.png') no-repeat 50% 20px / 42px 42px}
#step2 div label:hover, #step2 div input:checked+label{background-color: #009bfa; color: #fff}
#step2 div .ye:hover, #step2 div input:checked+.ye{background-image: url('/img/yes_ico_on.png')}
#step2 div .no:hover, #step2 div input:checked+.no{background-image: url('/img/no_ico_on.png')}

/* STEP3 */
.s3_2{display: none; width: 577px}
.s3_1, .s3_2{padding-top: 42px}
#step3 .tit{position: relative; color: #7d7d7d; z-index: 0}
#step3 .tit span{color: #111; font-size: 21px}
#step3 .tit span em{position: relative; font-style: normal}
#step3 .tit span em::after{content:""; position: absolute; top: 10px; left: -2px; width: 102%; height: 17px; background: #d8ff00; z-index: -1}
#step3 .table_wrap{height: 300px; overflow-y: auto; margin-top: 25px}
#step3 table{width: 100%}
#step3 .city, #step3 .town{display: none}
#step3 table td{height: 72px; text-align: center; border: 1px solid #b6b6b6; font-size: 15px}
#step3 table td a{width: 100%; height: 100%; line-height: 72px; background: #fff; color: #636363}
#step3 table td a:hover, #step3 table td.on a{background: #009bfa; color: #fff}
#step3 colgroup col{width: 119px}
.s3_2 .add{margin: 65px 0 40px}
.s3_2 .add .caption{font-size: 15px; color: #f00; text-align: right; margin-bottom: 10px}
.s3_2 .add input{width: 100%; height: 49px; border: 1px solid #b6b6b6; box-sizing: border-box; color: #636363; font-size: 15px; padding-left: 24px}
.s3_2 .add input:-ms-input-placeholder{color: rgba(99, 99, 99, .6)}
.s3_2 .add input::placeholder{color: rgba(99, 99, 99, .6)}
.s3_2 .next_btn{text-align: right}
.s3_2 .next_btn a{
	display: inline-block; width: 276px; height: 49px; font-size: 17px; color: #fff; text-align: center; line-height: 49px; 
	background: #009bfa url('/img/next_wh.png') no-repeat 90% 50%
}

/* STEP4 */
#step4{width: 577px; padding-top: 34px}
#step4 .tit{font-size: 19px; margin-bottom: 20px}
#step4 .sub_tit{font-size: 15px; color: #7d7d7d}
#step4 .u_info{margin: 20px 0 30px}
#step4 input{height: 49px; border: 1px solid #b6b6b6; color: #636363; font-size: 15px; box-sizing: border-box; padding-left: 24px}
#step4 .u_name{margin-bottom: 8px}
#step4 .privacy{margin: 17px 0 10px}
#step4 .u_name input{width: 381px; margin-right: 7px}
#step4 .u_name select{width: 189px; height: 49px; border: 1px solid #b6b6b6; color: #636363; font-size: 15px; box-sizing: border-box; padding-left: 24px; background: url('/img/select_more.png') no-repeat 95% 50%}
#step4 .u_name > *, #step4 .u_tel > *{float: left}
#step4 .u_tel input:nth-child(1){width: 270px}
#step4 .u_tel input:nth-child(3){width: 189px; background: #f5f5f5}
#step4 .u_tel button{width: 104px; height: 49px; color: #fff; background: #535353; margin: 0 7px}
#step4 .privacy label{float: right; padding: 0 7px 0 24px; background: url('/img/chk2_off.jpg') no-repeat 0 50%}
#step4 .privacy input:checked+label{background-image: url('/img/chk2_on.jpg')}
#step4 .complete a{
	height: 58px; line-height: 58px; color: #fff; font-size: 17px; text-align: center; 
	background: #009bfa url('/img/next_wh.png') no-repeat 90% 50%
}
#step4 .step_footer div{float: left; font-size: 15px; color: #6c6c6c}
#step4 .step_footer .r_side{margin-left: 12px; padding-top: 6px}

/* 상담완료페이지 */
.complete_area{width: 498px; margin: 0 auto; padding-top: 59px; text-align: center; font-weight: 300}
.complete_area h2{position: relative; font-size: 36px}
.complete_area h2:after{content:""; display: block; width: 85px; height: 2px; background: #009bfa; margin: 28px auto 45px}
.complete_area h2 p{font-size: 18px}
.complete_area div p{font-size: 22px; margin: 25px 0 50px}
.complete_area div p span{font-size: 30px}
.complete_area .btn a{display: block; height: 67px; line-height: 67px; font-size: 17px; font-weight: 400; color: #fff; background: #009bfa url('/img/next_wh.png') no-repeat 90% 50%}

/* =============================//상담신청============================= */


/*개인정보 팝업*/
#pr_pop{width:100%;height:100%; position:absolute;top:0;left:0;}
#pr_pop .privacy_bg{width:100%;height:100%; position:fixed; top:0;left:0px;z-index:1000;background-color:#e1e1e1;}
#pr_pop .privacy_box{margin-bottom:60px;width:550px;height:auto;box-sizing:border-box;padding:38px; white-space: pre-wrap; word-wrap: break-word; position:absolute;top:20px;left:calc(50% - 275px);z-index:3000;background-color:#fff;font-size:12px;font-weight:400;color:#333;letter-spacing:-0.5px;line-height:25px;}
#pr_pop .privacy_tit_box{width:100%;height:67px;background-color:#009bfa;font-size:21px;font-weight:600;color:#fff;letter-spacing:-0.5px;text-align:center;line-height:67px;}
#pr_pop .privacy_box strong{font-size:14px;}


/* 190426 사업tab1, 시공, 인증사례 하단 추가 */
.tab1_5{height: 1091px}
.tab1_5 .ks_info{padding-top: 67px}
.case2{height: 1091px}
.li3{height: 1091px}
.li3 .ks_info{padding-top: 67px}