@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

.pagination span{color:#f67537; border-color:#f67537;}
.bbsList tr.active td{background:#f675370a; color:#333 !important;}

.sub{padding-top:30px; text-align:center;}
.sub h2{line-height:1.2; font-weight:200; font-size:40px; color:#222; letter-spacing:-0.3px;}
.sub h3{line-height:1.2; margin-bottom:20px; font-weight:400; font-size:32px; color:#222; text-align:center; letter-spacing:-0.3px;}
.sub h5{font-weight:400; font-size:20px; color:#222;}
.sub h6{position:relative;padding-left:16px;font-size: 19px;color:#00204c;}
.sub h6:before{content:""; display:block; position:absolute; top:50%; left:0; width:7px; height:7px; margin-top:-4px; background:#00204c; border-radius:10px;}
.sub iframe, .sub video{position:relative; width:100%; height:470px; background:#fff;}

.wrap.v2{width:1400px; margin:0 auto;}

.area_subVisual{height:387px; margin-left:100px; padding-top:110px;}
.area_subVisual h2{font-weight: 200;font-size: 52px;color:#fff;text-align:center;}
.area_subVisual > div{height:100%;}
.area_subVisual > div > div{position:relative; top:50%; transform:translateY(-50%);}

.lnb ul{display:inline-block; overflow:hidden;}
.lnb ul li{float:left; margin:0 35px; padding:24px 0;}
.lnb{text-align:center;}
.lnb ul li a{position:relative; font-size:15px; color:#222; transition:all 0.3s ease-out 0s;}
.lnb ul li.active a,
.lnb ul li:hover a{color:#f67536;}
.lnb ul li.active a:after{content:""; position:absolute; top:50%; left:-20px; width:6px; height:6px; margin-top:-3px; background:#f67536; border-radius:20px;}

.snb{text-align:center;}
.snb ul li{float:left;}
.snb ul{display:inline-block;}
.snb ul li a{margin:0 6px; padding:13px 30px; background:#fff; border:2px solid transparent; font-size:15px; transition:all 0.3s ease-out 0s;}
.snb ul li.active a,
.snb ul li a:hover{border-color:#f67537;}
a.btn_download{display:inline-block; padding:17px 60px 17px 22px; background:url(../images/content/icon_download.svg) no-repeat 90% 50%; background-size:15px; border:1px solid #222; font-weight:400; font-size:14px; color:#222;}

.basic_table.v1{background:#fff; border-top:1px solid #222;}
.basic_table.v1 th,
.basic_table.v1 td{padding:16px 0; border-bottom:1px solid #ededed;}
.basic_table.v1 th{font-weight:600; color:#222;}
.basic_table.v1 td{line-height:1.7; color:#666;}

.basic_table.v2{background:#fff;}
.basic_table.v2 th,
.basic_table.v2 td{padding:20px 0;}
.basic_table.v2 th{border:1px solid #222; color:#222; text-align:center;}
.basic_table.v2 td{padding-left:30px; border-bottom:1px solid #f0f0f0; color:#666;}

.list_table li{position:relative; float:left; width:247px; margin:0 40px  20px 0; border:1px solid #222; font-size:15px; color:#222; text-align:center;}
.list_table{overflow:hidden;}
.list_table li em{display:block; background:#f5f5f5; font-weight:600; color:#222;}
.list_table li p{font-size:15px;}
.list_table li *{padding:10px 0;}
.list_table li:after{content:""; position:absolute; top:48%; right:-27px; width:6px; height:11px; background:url(../images/content/arr_basic.svg) no-repeat 50% 50%;}
.list_table li:nth-child(3):after{background:none;}

/* 회사소개 */
.area_greetings{text-align:center;}
.area_greetings .wrap > h2{margin-bottom:16px;}
.area_greetings i{display:block; position:relative; width:1400px; height:436px; margin:43px auto 35px;}
.area_greetings i h2{position:absolute; bottom:70px; left:90px; color:#fff; text-align:left;}
.area_greetings .list_greetiongs{display:inline-block; overflow:hidden; margin-top:57px;}
.area_greetings .list_greetiongs li{float:left; margin:0 60px; text-align:center;}
.area_greetings .list_greetiongs li img{display:block; height:60px; margin:0 auto;}
.area_greetings .list_greetiongs li em{font-weight:400; color:#222;}
.area_greetings .inr ul{overflow:hidden; width:100%; margin-top:60px; background:#fff; border-top:1px solid #222;}
.area_greetings .inr ul li{float:left; width:-webkit-calc(100%/3); width:calc(100%/3); padding:21px 0; border-bottom:1px solid #e8e8e8; text-align:center;}
.area_greetings .inr ul li > *{display:inline-block;}
.area_greetings .inr ul li em{margin-right:8px; font-weight:500; color:#222;}
.area_greetings .inr ul li:nth-child(3)~*{width:50%;}

/* 조직도 */
.area_organization{text-align:center;}
.area_organization img + img{display:none;}

/* 연혁 */
.area_history ul{position:relative; overflow:hidden;}
.area_history ul li{width:42%; padding-top:140px;}
.area_history ul li:nth-child(2n-1){position:relative;float:right;top:-90px;text-align: left;}
.area_history ul li:nth-child(2n){float:left; text-align:right;}
.area_history ul li em{display:block; position:relative; font-weight:bold; font-size:25px; color:#f67536;}
.area_history ul li:first-child{}
.area_history ul:before{content:""; display:inline-block; position:absolute; top:0; left:50%; width:10px; height:10px; margin-left:-8px; background:#fff; border:3px solid #f67536; border-radius:20px;}
.area_history ul:after{content:""; position:absolute; top:16px; left:50%; width:1px; height:100%; background:#ddd;}
.area_history ul li p{display:inline-block; padding:13px 24px; background:#fff;}
.area_history ul li em:before{content:""; position:absolute; top:20px; width:76px; height:1px; border-bottom:1px dashed #cfcfcf;}
.area_history ul li:nth-child(2n-1) em:before{left:-94px;}
.area_history ul li:nth-child(2n) em:before{right:-95px;}

/* 오시는 길 */
.root_daum_roughmap .wrap_controllers{display:none;}
.area_map{text-align:center;}
.area_map h3{margin-top:29px; font-weight:300; font-size:25px;}
.area_map em{display:block; margin-top:8px; font-weight:700; font-size:22px; color:#f67536; letter-spacing:2px;}

/* 태양광 연계 ESS */
div[class^="area_ess"]{margin-top:92px;}
.area_ess01 ul{display:inline-block; position:relative; overflow:hidden; margin-top:20px;}
.area_ess01 ul li{float:left; margin:0 39px; padding:70px 76px; background:#fff; border-radius:170px;}
.area_ess01 ul li img{display:block; height:53px; margin:0 auto;}
.area_ess01 ul li em{display:block; line-height:1.4; margin-top:17px; font-weight:500; color:#222;}
.area_ess01 ul + p{margin-top:32px;}
.area_ess01 ul:before{content:""; position:absolute; top:50%; left:50%; width:35px; height:1px; margin-left:-18px; background:#cbcbcb;}
.area_ess01 ul:after{content:""; position:absolute; top:50%; left:50%; width:1px; height:35px; margin-top:-17px; margin-left:-1px; background:#cbcbcb;}
.area_ess01 iframe{margin-top:33px;}
.area_ess01{margin-top: 0 !important;}
.area_ess02 ul{overflow:hidden; margin-top:60px;}
.area_ess02 ul li{position:relative; float:left; width:-webkit-calc(100%/3); width:calc(100%/3); text-align:center;}
.area_ess02 ul li em{display:block; line-height:1; font-weight:900; font-size:40px; color:#222;}
.area_ess02 ul li i{font-size:14px;}
.area_ess02 ul li p{margin-top:20px;}
.area_ess02 ul li:after{content:""; position:absolute; top:50%; right:0; width:1px; height:35px; margin-top:-17px; background:#cbcbcb;}
.area_ess02 ul li:last-child:after,
.area_ess02 ul li:last-child:before{background:none;}
.area_ess02 ul li:before{content:""; position:absolute; top:50%; right:-16px; width:35px; height:1px; background:#cbcbcb;}
.area_ess03{position:relative;margin-top: -230px !important;padding:370px 0 421px;background-position:50% 100%;background-repeat:no-repeat;}
.area_ess03 p i{padding-bottom:7px; border-bottom:1px solid #000; font-weight:500; color:#222;}
.area_ess03 p{margin-top:60px;}
.area_ess04 img + p{display:inline-block; margin:30px 0 40px; text-align:left;}
.area_ess04 img{margin-top:30px;}
.area_ess04 table + p{margin-top:15px; font-size:15px; text-align:right;}

/* 발전사업 rps */
.area_rps01 img + p{margin-top:34px;}
.area_rps01 img + p i{font-weight:500; color:#f67536;}
.area_rps01 p + img{margin:29px 0 40px;}
.area_rps01 ul{display:inline-block; overflow:hidden; width:1000px; background:#fff; box-shadow:32px 33px 42px 0px rgba(0, 0, 0, 0.06);}
.area_rps01 ul li:first-child{border-bottom:1px solid #dfdfdf;}
.area_rps01 ul li{padding:37px 40px; text-align:left;}
.area_rps01 ul li *{display:inline-block;}
.area_rps01 ul li em{width:19%; font-weight:600; color:#222; vertical-align:top;}
.area_rps01 ul li p{width:80%;}
.area_rps01 img + iframe{margin-top:20px}
.area_rps02{margin-top:100px;}
.area_rps02 ul li{float:left; width:-webkit-calc((100%/7) - 29px); width:calc((100%/7) - 29px); margin-right:33px;}
.area_rps02 ul{overflow:hidden; width:1400px; margin:0 auto; padding-top:20px;}
.area_rps02 ul li img{display:block; height:51px; margin:0 auto;}
.area_rps02 ul li:last-child{margin-right:0;}
.area_rps02 ul li span{display:block; position:relative; padding:60px 0; background:#fff;}
.area_rps02 ul li span i{display:block; position:absolute; top:-15px; left:50%; margin-left:-29px; padding:2px 6px; background:#15264c; font-size:14px; color:#fff; border-radius:3px;}
.area_rps02 ul li em{display:block; margin-top:16px; font-weight:600; color:#222;}
.sub h4{font-weight:500; font-size:26px; color:#222;}
.area_rps02 .wrap{margin-top:64px;}
.tit_table{display:block; margin-top:19px; padding:20px 0; background:#15264c; font-weight:600; font-size:17px; color:#fff;}
.tit_table i{display:block; margin-top:9px; font-weight:200; font-size:15px;}
.tit_table em{font-weight:500;}
.area_rps02 .wrap table + p{margin-top:26px; font-size:15px;}

/* 주택지원 */
.area_house{text-align:left;}
.area_house h3{text-align:center;}
.area_house h6{margin: 39px 0 4px;}
.area_house h6 + img + img{display:none;}
.area_house div > em{display:block;margin:20px 0 6px;font-size: 16px;}
.area_house div + h6{margin-top:50px;}
.area_house .list_info{margin-top:50px;}
.area_house .list_info dl dt em{display:block; margin:24px 0 10px 0; font-weight:600; font-size:17px; color:#222;}
.area_house .list_info dl dd em{display:block; margin-bottom:5px; font-size:15px; color:#444;}
.area_house div + h6 + a{margin-top:1px;}
.area_house.v2 .list_table li em{background:#e5e5e5;}
.area_house.v2 .list_table li{width:-webkit-calc((100%/5) - 34px); width:calc((100%/5) - 34px);}
.area_house.v2 .list_table li:last-child{margin-right:0;}

/* 한국형 fit */
.area_fit{text-align:left;}
.area_fit p b{display:block; margin-top:30px; color:#222;}
.area_fit p{margin-bottom:50px;}
.area_fit .basic_table.v2 td:first-child{padding-left:0; font-weight:500; color:#222; text-align:center;}

/* 영농형태양광 */
.area_solar{text-align:left;}
.area_solar h6{margin:35px 0 10px;}
.area_solar h6 + div{position:relative; height:388px;}
.area_solar h6 + div *{color:#fff;}
.area_solar h6 + div em{position:absolute; bottom:60px; left:80px; font-size:35px; letter-spacing:11px;}
.area_solar h6 + div em i{display:block; margin-bottom:16px; font-size:18px; letter-spacing:0;}
.area_solar > div:last-child{margin-top:75px;}
.area_solar h6 + img{display:block; margin-top:18px;}

/* 건축 */
.area_architecture{text-align:left;}
.area_architecture h3 + p{text-align:center;}
.area_architecture > div{margin-top:60px;}
.area_architecture > div > h4{margin-bottom:14px; font-weight:600; color:#00204c;}
.area_architecture > div > h4 i{display:inline-block; margin-right:12px; padding:7px 15px; background:#00204c; font-weight:100; color:#fff;}
.area_architecture dl{overflow:hidden; margin-top:44px;}
.area_architecture dl dd img{display:block; margin-top:11px;}
.area_architecture dl dd em{display:block; font-weight:500; color:#444;}
.area_architecture dl dt{margin-bottom:11px;}
.area_architecture dl dd{float:left;margin-bottom: 25px;}
.area_architecture dl dd:nth-child(2n){margin-right:70px;}
.area_architecture > div img + h6{margin-top:44px;}
.area_architecture > div > h4 + p{margin-bottom:14px;}
.area_architecture .btn_area{margin-top:20px;}

/* BIPV */
.area_bipv{text-align:left;}
.area_bipv img{max-width:100%;}
.area_bipv h4{margin-bottom:15px; font-weight:600; color:#00204c;}
.area_bipv h4 > i{display:inline-block; margin-right:12px; padding:7px 15px; background:#00204c; color:#fff; font-weight:100;}
.area_bipv h6{margin-bottom:15px;}
.area_bipv div p{margin-bottom:20px; padding-left:17px;}
.area_bipv div .img{margin-bottom:60px;}
.area_bipv div .bg_box{margin-bottom:60px; padding:40px 20px; background:#fff;}
.area_bipv .img_list{margin-bottom:60px; box-shadow:32px 33px 42px 0px rgba(0,0,0,0.06); background:#fff;}
.area_bipv .img_list > li{overflow:hidden; padding:20px; border-bottom:1px solid #dfdfdf;}
.area_bipv .img_list > li:last-child{border-bottom:none;}
.area_bipv .img_list li .img{position:relative; float:left; width:30%; height:200px; margin-bottom:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.area_bipv .img_list li .img.img01{background-image:url(/images/content/img_bipv01.jpg);}
.area_bipv .img_list li .img.img02{background-image:url(/images/content/img_bipv02.jpg);}
.area_bipv .img_list li .img.img03{background-image:url(/images/content/img_bipv03.jpg);}
.area_bipv .img_list li p{position:absolute; top:0; right:0; display:inline-block; padding:5px 15px; color:#fff; background:#15264c; font-size:18px; font-weight:500;}
.area_bipv .img_list li ul{width:68%; float:right; padding-top:10px;}
.area_bipv .img_list li ul > li{margin-bottom:15px;}
.area_bipv .img_list li ul li span{display:inline-block; width:25%; color:#222; font-weight:600;}
.area_bipv .img_list li ul li em{display:inline-block; width:73%;}
.area_bipv .img_box{margin-bottom:60px; padding:40px 0; background:#fff; text-align:center;}
.area_bipv .img_box02{width:1000px; margin:0 auto; background:#fff; text-align:center;}
.area_bipv .img_type2{width:1000px; margin:0 auto; overflow:hidden;}
.area_bipv .img_type2 li{width:49%; margin-right:2%; float:left;}
.area_bipv .img_type2 li:last-child{margin-right:0;}
.area_bipv .color_list{width:1000px; margin:0 auto; overflow:hidden;}
.area_bipv .color_list li{width:23.5%; margin-right:2%; float:left; text-align:center;}
.area_bipv .color_list li > span{display:inline-block; min-width:100px; margin-bottom:10px; padding:5px 20px; border-radius:20px; color:#fff; box-sizing:border-box;}
.area_bipv .color_list li .img{height:150px; margin-bottom:0; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.area_bipv .color_list li:nth-child(1) .img{background-image:url(/images/content/img_color01.jpg);}
.area_bipv .color_list li:nth-child(2) .img{background-image:url(/images/content/img_color02.jpg);}
.area_bipv .color_list li:nth-child(3) .img{background-image:url(/images/content/img_color03.jpg);}
.area_bipv .color_list li:nth-child(4) .img{background-image:url(/images/content/img_color04.jpg);}
.area_bipv .color_list li:nth-child(1) > span{background:#5e6367;}
.area_bipv .color_list li:nth-child(2) > span{background:#3b405d;}
.area_bipv .color_list li:nth-child(3) > span{background:#673d3f;}
.area_bipv .color_list li:nth-child(4) > span{background:#666621;}
.area_bipv .color_list li:last-child{margin-right:0;}

/* 개요 */
.area_outline video + h3{margin-top:70px;}
.area_outline ul{overflow:hidden; margin-top:50px;}
.area_outline ul li{float:left; width:-webkit-calc((100%/3) - 40px); width:calc((100%/5) - 20px); margin:0 25px 25px 0; padding:40px 0; background:#fff;}
.area_outline ul li img{display:block; height:55px; margin:0 auto 30px;}
.area_outline ul li:nth-child(5n){margin-right:0;}
.area_outline ul li em{display:block; margin-bottom:7px; font-weight:500; color:#222;}

/* 구성 */
.area_configuration em{display:inline-block; margin:120px 0 20px 0; padding:8px 18px; background:#01274c; font-size:15px; color:#fff; border-radius:4px;}
.area_configuration h3 + em{margin-top:20px;}

/* 검토 */
.area_riview01 ul{display:inline-block; overflow:hidden;}
.area_riview01 ul li{float:left;}
.area_riview01 ul li img{display:block;}
.area_riview01 ul li:first-child{margin-right:15px;}
.area_riview01 ul li i{display:block; margin-top:15px; font-weight:400; font-size:14px; color:#222;}
.area_riview01{margin-bottom:70px;}
.area_riview02 > ul{overflow:hidden; margin-top:40px;}
.area_riview02 > ul li{position:relative; float:left; width:25%; text-align:center;}
.area_riview02 div + h3{margin-top:80px;}
.area_riview02 div + h3 + img + img{display:none;}
.area_riview02 div{margin-top:30px; padding:50px; background:#fff; text-align:left;}
.area_riview02 ul li em{display:block; margin-bottom:16px; font-weight:700; font-size:22px; color:#222;}
.area_riview02 > ul li:after{content:""; position:absolute; top:0; right:0; width:1px; height:139px; background:#dedede;}
.area_riview02 > ul li:last-child:after{background:none;}
.area_riview02 div em{display:block; margin-bottom:21px; font-weight:600; color:#222;}
.area_riview02 div ul li{position:relative; padding-left:12px;}
.area_riview02 div ul li:before{content:""; position:absolute; top:50%; left:0; width:6px; height:1px; background:#b5b5b5;}

/* 고려사항 */
.area_consider div:not(.inr){padding:60px 0; text-align:center;}
.area_consider div:not(.inr) ul{display:inline-block; overflow:hidden;}
.area_consider div:not(.inr) ul li{float:left;}
.area_consider div:not(.inr) ul li img{display:block; height:62px; margin:0 auto;}
.area_consider div:not(.inr) ul li{width:-webkit-calc((100%/3) - 41px); width:calc((100%/3) - 41px); line-height:1.5; margin:34px 0px; padding:0 20px; font-weight:500; color:#fff;}
.area_consider div:not(.inr) ul li em{display:block; margin-top:20px;}
.area_consider div:not(.inr) ul li{border-right:1px dashed rgba(255,255,255,0.3);}
.area_consider div:not(.inr) ul li:nth-child(3n){border:none;}
.area_consider .inr{margin-top:50px; text-align:center;}
.area_consider .inr > *{display:inline-block; vertical-align:top;}
.area_consider .inr em{font-weight:600; font-size:20px; color:#222;}
.area_consider .inr ul li{position:relative; float:left; width:210px; line-height:1.9; padding-left:12px; text-align:left;}
.area_consider .inr ul{overflow:hidden; margin-left:60px;}
.area_consider .inr ul li:nth-child(2n-1){clear:both;}
.area_consider .inr ul li:nth-child(2){}
.area_consider .inr ul li:before{content:""; position:absolute; top:50%; left:0; width:6px; height:1px; background:#acacac;}

/* 자문검토 */
.area_advisory01 p + h3{margin-top:68px;}
.area_advisory01 ul{overflow:hidden;}
.area_advisory01 ul li{float:left; width:25%;}
.area_advisory01 ul li em{display:block; margin-top:22px; font-weight:600; color:#222;}
.area_advisory01 ul li i{display:block; padding-bottom:14px; border-bottom:1px solid #ccc; font-size:14px;}
.area_advisory01 ul li i,
.area_advisory01 ul li p{margin:0 40px;}
.area_advisory01 ul li p{padding-top:15px;}
.area_advisory02{margin-top:100px;}
.area_advisory02 ul li{overflow:hidden; margin-bottom:40px; text-align:left;}
.area_advisory02 ul li:nth-child(2n-1) img{float:left;}
.area_advisory02 ul li:nth-child(2n) img{float:right;}
.area_advisory02 ul li:nth-child(2n-1) div{float:left; margin-left:110px;}
.area_advisory02 ul li:nth-child(2n) div{float:left;}
.area_advisory02 ul li div{padding-top:110px;}

/* 설계 */
.area_design01 h3{margin-top:63px;}
.area_design01 h3:first-child{margin-top:0;}
.area_design01 h3 + img + img {
    display: none;
}
.area_design01 p + img{display:block; margin:23px auto 0;}
.area_design01 ul{overflow:hidden;}
.area_design01 ul li{position:relative; float:left; width:-webkit-calc((100%/4) - 24px); width:calc((100%/4) - 24px); margin-right:32px; background:#fff; text-align:center;}
.area_design01 ul li:last-child{margin-right:0;}
.area_design01 ul li img{display:block; height:55px; margin:0 auto;}
.area_design01 ul li div{padding:60px 30px; min-height:237px;}
.area_design01 ul li div em{display:block; margin:31px 0 16px; font-weight:400; color:#222;}
.area_design02{margin-top:120px;}
.area_design02 .list_design{margin-bottom:80px; text-align:center;}
.area_design02 .list_design div{display:inline-block; overflow:hidden; margin-top:0; text-align:left;}
.area_design02 .list_design div > *{display:inline-block;}
.area_design02 .list_design div ul h5{position:relative; padding-left:28px;}
.area_design02 .list_design div ul h5:before{content:""; position:absolute; top:48%; left:0; width:20px; height:2px; background:#f67536;}
.area_design02 .list_design div ul li:first-child{margin:50px 0 30px;}
.area_design02 .list_design div > img{margin-right:60px;}
.area_design02 .list_design:nth-child(2) div > img{margin-top:60px;}
.area_design01 ul li:after{content:""; position:absolute; top:50%; right:-15px; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:15px solid white;}

/* 감리 */
.area_supervision01 h3 + p{margin-bottom:57px;}
.area_supervision01 > ul > li{position:relative; float:left; width:-webkit-calc((100%/3) - 39px); width:calc((100%/3) - 39px); margin-right:58px; background:#fff;}
.area_supervision01 ul{overflow:hidden;}
.area_supervision01 > ul > li:last-child{margin-right:0;}
.area_supervision01 > ul > li ul{padding:30px 30px 0; min-height:629px;}
.area_supervision01 > ul > li ul li{padding:13px 0; border-bottom:1px solid #e4e4e4; text-align:left;}
.area_supervision01 > ul > li > ul li *{display:inline-block;}
.area_supervision01 > ul > li span{padding:7px 20px; background:#00204c; font-size:15px; color:#fff;}
.area_supervision01 > ul > li ul li:last-child{border:none;}
.area_supervision01 > ul > li ul li em{margin-right:7px; font-weight:700; font-size:17px; color:#00204c; vertical-align:top;}
.area_supervision01 > ul > li:after{content:""; position:absolute; top:140px; right:-15px; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:15px solid white;}
.area_supervision02 h3{margin-top:70px;}
.area_supervision02 ul{display:inline-block; overflow:hidden; margin-top:30px;}
.area_supervision02 ul li{position:relative; float:left; width:270px; margin:0 20px; padding:77px 0; border:1px solid rgba(0,0,0,1); border-radius:210px;}
.area_supervision02 ul li i{display:inline-block; margin-bottom:33px; padding-bottom:2px; border-bottom:1px solid; font-weight:700; font-size:14px; color:#f67536; text-transform:uppercase;}
.area_supervision02 ul li p{font-weight:500; color:#222;}
.area_supervision02 ul li:nth-child(1){border-color:rgba(0,0,0,0.2);}
.area_supervision02 ul li:nth-child(2){border-color:rgba(0,0,0,0.5);}
.area_supervision02 ul li:after{content:""; position:absolute; top:48%; right:-27px; width:6px; height:11px; background:url(../images/content/arr_basic.svg) no-repeat 50% 50%;}

/* 모듈 */
.snb.v2 ul li a{display:block; padding:8px 47px;}
.snb.v2 ul li a p{padding:13px 33px; font-size:17px; color:#222;}

/* 구조물 */
.area_structure{overflow:hidden; text-align:center;}
.area_structure .tabs{display:inline-block; overflow:hidden; margin:0 0 50px 0; list-style:none;}
.area_structure .tabs li{position:relative; float:left; overflow:hidden; margin:0 6px; padding:20px 63px; background:#FFF; border-left:none; font-weight:bold; text-align:center; cursor:pointer;}
.area_structure .tabs li.active{background:#FFF; border-bottom:1px solid #FFF; color:#f67536 !important;}
.area_structure .tab_container{}
.area_structure .tab_content{display:none;}
.area_structure .tab_container .tab_content ul{margin:0px; padding:0px;}
.area_structure .tab_container .tab_content ul li{position:relative;}
.area_structure h3 + p{margin-bottom:36px;}
.area_structure iframe + img{margin-top:50px;}
.area_structure #tab3 > ul{overflow:hidden; margin-top:30px;}
.area_structure #tab2 h3 + p{padding-bottom:50px; border-bottom:1px solid #e2e2e2;}
.area_structure #tab2 .inr{overflow:hidden; text-align:left;}
.area_structure #tab2 .inr > *{float:left;}
.area_structure #tab2 .inr div{margin-left:40px;}
.area_structure #tab2 .inr h5{position:relative; margin-bottom:10px; padding-left:28px;}
.area_structure #tab2 .inr h5:before{content:""; position:absolute; top:48%; left:0; width:20px; height:2px; background:#f67536;}
.area_structure #tab2 .inr ul li{position:relative; margin-bottom:4px; padding-left:10px;}
.area_structure #tab2 .inr ul li:after{content:""; position:absolute; top:50%; left:0; width:6px; height:1px; background:#919191;}
.area_structure #tab2 .inr ul + img{margin-top:50px;}
.area_structure #tab3 > ul > li{float:left; width:-webkit-calc((100%/3) - 40px); width:calc((100%/2) - 5px); margin:0 10px 10px 0; background:#fff;}
.area_structure #tab3 > ul > li:last-child{width:100%;}
.area_structure #tab3 > ul > li:nth-child(2n){margin-right:0;}
.area_structure #tab3 > ul > li div > *{display:inline-block; text-align:left;}
.area_structure #tab3 > ul > li div h5{line-height:1.4; margin-right:20px; padding-left:50px;}
.area_structure #tab3 > ul > li div{padding:40px 0; text-align:left; min-height:57px;}
.area_structure #tab3 > ul > li:last-child div{min-height:auto;}
.area_structure #tab3 h3{margin-top:60px;}
.area_structure #tab3 h3:first-child{margin-top:0;}
.area_structure #tab3 > ul > li div ul li:before{content:""; position:absolute; top:50%; left:0; width:6px; height:1px; background:#919191;}
.area_structure #tab3 > ul > li div ul li{padding-left:13px;}

/* 트레커 */
.area_trekker ul{overflow:hidden;}
.area_trekker ul li{float:left; width:-webkit-calc((100%/4) - 18px); width:calc((100%/4) - 18px); margin-right:24px; background:#fff; text-align:left;}
.area_trekker ul li:last-child{margin-right:0;}
.area_trekker ul li img{display:block; width:100%;}
.area_trekker ul li img ~ *{padding-left:35px;}
.area_trekker ul li em{display:block; margin:29px 0 15px;}
.area_trekker ul li em i{display:block; line-height:1; margin-bottom:4px; font-size:14px; color:#ccc;}
.area_trekker ul li p{font-size:14px; color:#f67536;}
.area_trekker ul li a{display:block; padding-bottom:40px; border-bottom:2px solid #fff; transition:all 0.4s ease-out 0s; min-height:306px;}
.area_trekker ul li a:hover{border-bottom:2px solid #f67536;}
.area_trekker01 iframe{margin:25px 0 40px;}
.area_trekker01 iframe + img{}
.area_trekker01 .inr{margin-top:60px; text-align:center;}
.area_trekker01 .inr ul{display:inline-block; overflow:hidden; margin-top:20px;}
.area_trekker01 .inr ul li{float:left; margin:0 36px;}
.area_trekker01 .inr ul li img{display:block; height:57px; margin:0 auto;}
.area_trekker01 .inr ul li em{display:block; line-height:1.5; margin-top:20px; font-weight:400; font-size:15px; color:#222;}
.area_trekker01 .inr + h3{margin-top:90px;}
.area_trekker01 h3 i{display:block; margin-bottom:7px; font-size:16px; color:#bdbdbd;}
.area_trekker01.v2 p + img{margin-top:30px;}
.area_trekker01.v2 p + ul{display:inline-block; margin-top:30px;}
.area_trekker01.v2 p + ul li{float:left; margin:0 7px; border-radius:230px;}
.area_trekker01.v2 p + ul li:nth-child(1){background:#0174ae;}
.area_trekker01.v2 p + ul li:nth-child(2){background:#00204c;}
.area_trekker01.v2 p + ul li:nth-child(3){background:#434343;}
.area_trekker01.v2 p + ul li h5{width:260px; padding:113px 0; color:#fff;}
.area_trekker01.v2 p + h3,
.area_trekker01.v2 img + h3{margin-top:60px;}

/* 시공법  */
.area_method .basic_table.v1 td{text-align:left;}
.wrap02{width:836px; margin:0 auto;}
.area_method ul{overflow:hidden;}
.area_method ul li{float:left; width:-webkit-calc((100%/3) - 40px); width:calc((100%/3) - 40px); margin:0 60px 60px 0; background:#fff;}
.area_method ul li a{display:block;}
.area_method ul li:nth-child(3n){margin-right:0;}
.area_method ul li em{display:block; padding:25px 30px; font-weight:500; font-size:16px; color:#222; text-align:left; letter-spacing:4px; transition:all 0.3s ease-out 0s;}
.area_method ul li em:hover{color:#f67536;}
.area_method .inr h3{margin-bottom:21px;}
.area_method .wrap02{margin:10px auto 40px;}
.area_view .wrap02{margin-top:40px;}

/* 한국형 FIT계산 */
.area_calc{margin-top:64px;}
.area_calc h4{margin-bottom:20px;}
.area_calc:after{content:''; display:block; clear:both;}
.area_calc *[data-calc="line"]{float:left; margin:5px 0px;}
.area_calc *[data-calc="line"]:after{content:''; display:block; clear:both;}
.area_calc *[data-calc="line"] input[type="text"],
.area_calc *[data-calc="line"] input[type="number"],
.area_calc *[data-calc="line"] select,
.area_calc *[data-calc="line"] span{display:block; width:100%; height:60px; padding-top:10px; padding-right:15px; margin:0px; border-color:#b9bfc5; font-size:22px; font-weight:500; text-align:right; color:#222;}
.area_calc *[data-calc="line"] span{box-sizing:border-box; line-height:60px; padding-top:10px;}
.area_calc *[data-calc="line"] input[readonly],
.area_calc *[data-calc="line"] input[disabled]{background:#fff; border-color:#e0e0e0}
.area_calc *[data-calc="line"] select{margin:0px; font-size:18px;}
.area_calc *[data-calc="line"] em,
.area_calc *[data-calc="line"] label{position:absolute; left:15px; top:10px; z-index:2; background:#fff; padding:0 5px; color:#222;}
.area_calc *[data-calc="line"] li{float:left; display:inline-block; position:relative; min-height:78px; box-sizing:border-box; padding:20px 10px; background:#fff;}
.area_calc *[data-calc="line"] li{border:1px solid #f0f0f0; border-left-width:0px;}
.area_calc *[data-calc="line"] li:first-child{border-left-width:1px;}
.area_calc *[data-calc="line"].box01{width:70%;}
.area_calc *[data-calc="line"].box01 li{width:calc(100% / 4);}
.area_calc *[data-calc="line"].box02{width:30%;}
.area_calc *[data-calc="line"].box02 li{width:calc(100% / 2);}
.area_calc *[data-calc="line"].box02 li:first-child{border-left-width:0px;}
.area_calc *[data-calc="line"].last_year,
.area_calc *[data-calc="line"].total{float:none;}
.area_calc *[data-calc="line"].total{clear:both;}
.area_calc *[data-calc="line"].last_year li,
.area_calc *[data-calc="line"].total li{width:calc(100% / 3);}
.area_calc *[data-calc="line"].total li{background:#15264c; border-color:#131721;}
.area_calc *[data-calc="line"].total li label,
.area_calc *[data-calc="line"].total li em{background:#15264c; color:#fff;}
.area_calc *[data-calc="line"].total li input,
.area_calc *[data-calc="line"].total li span{background:#15264c; border-color:#2d4b8e; color:#fff;}
.area_calc *[data-calc="line"].total li:last-child input{border-color:#c5b275;}
.area_calc *[data-calc="line"].total.col02 li{width:50%;}
.area_calc *[data-calc="line"].choice01 li{background:#dcecec; border-color:#b1caca;}
.area_calc *[data-calc="line"].choice01 li em{background:#dcecec;}
.area_calc *[data-calc="line"].choice02 li:not(:last-child){background:#dfefdb; border-color:#c0cebd;}
.area_calc *[data-calc="line"].choice02 li:not(:last-child) em{background:#dfefdb;}
.area_calc *[data-calc="line"].choice02 li:last-child{border-color:#41464e; border-left-width:1px;}
.area_calc *[data-calc="line"].choice02 li:nth-of-type(2){border-right-width:0px;}

.area_calc *[data-calc="line"].estimate01{width:calc(100% / 5 * 2);}
.area_calc *[data-calc="line"].estimate02{width:calc(100% / 5 * 3);}
.area_calc *[data-calc="line"].estimate01 li{width:calc(100% / 2);}
.area_calc *[data-calc="line"].estimate02 li{width:calc(100% / 3);}
.area_calc *[data-calc="line"].estimate02 li:first-child{border-left-width:0px;}
.area_calc *[data-calc="line"].estimate03 li{width:50%;}
.area_calc *[data-calc="line"].estimate03{width:33%;}
.area_calc *[data-calc="line"].estimate04{width:34%;}
.area_calc *[data-calc="line"].estimate04 li{width:calc(100% / 3);}
.area_calc *[data-calc="line"].estimate03 li:last-child{border-right-width:0px;}
.area_calc *[data-calc="line"].estimate05 li{width:calc(100% / 4);}
.area_estimate .area_calc *[data-calc="line"] i{position:absolute; right:20px; top:47px; font-size:14px;}
.area_estimate .area_calc *[data-calc="line"] input[type="text"],
.area_estimate .area_calc *[data-calc="line"] input[type="number"],
.area_estimate .area_calc *[data-calc="line"] span{padding-right:40px;}
.area_estimate .area_calc *[data-calc="line"] input[type="text"],
.area_estimate .area_calc *[data-calc="line"] input[type="number"]{padding-bottom:0px;}
.area_estimate .area_calc *[data-calc="line"] span{line-height:50px;}

/* 개인정보처리방침 */
#content div.area_policy h3{margin-bottom:20px;font-weight: 600;font-size:19px;color: #444;}
.area_policy{margin-top: 120px;padding-top: 0;}
.area_policy h2{font-weight:100;font-size: 46px;text-align:center;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:16px; color:#666;}
.area_policy ul li ul{margin-bottom:10px; padding-left:15px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy .inr_policy{padding: 40px 0;border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* 내토지 정보조회 */
.area_estimate{text-align:left;}
.area_estimate h4{margin-top:30px; margin-bottom:10px; font-size:23px;}
.area_estimate .area_calc{margin-top:0px;}
.area_estimate .blue em,
.area_estimate .blue label{color:#2e32b9;}
.area_estimate .btn{display:inline-block; position:absolute; right:10px; top:10px; min-width:45px; height:23px; line-height:21px; padding:0 10px; background:#41464e; border:1px solid #25282d; color:#fff !important; font-size:12px; text-align:center;}
.info_estimate{position:relative; margin-top:40px; margin-bottom:30px;}
.info_estimate p{text-align:left;}
.info_estimate p span{color:#f67536;}
.info_estimate .btn{position:absolute; right:0px; top:50%; margin-top:-23px;}
.info_estimate .btn a{display:inline-block; min-width:157px; height:46px; line-height:44px; box-sizing:border-box; margin-left:5px; background:#fff; border:1px solid #000; transform:translateY(0px); transition:all 0.3s ease-in-out 0s;}
.info_estimate .btn a:hover{box-shadow:9px 9px 18px rgba(0,0,0,0.14); transform:translateY(-6px);}
.info_estimate .btn a.solar:before{content:''; display:inline-block; width:19px; height:19px; margin-right:5px; margin-top:-2px; background:url(../images/content/icon_solar.gif) no-repeat 50% 0; vertical-align:middle;}
.map_estimate{position:relative; width:100%; height:530px; background:#e5e5e5;}
.map_estimate .address{position:absolute; top:0px; left:0px; background:url(../images/main/bg_main.jpg) repeat 50% 50%; padding:10px 10px 10px 0px; z-index:20}
.map_estimate .address input{width:300px; height:45px;}
.map_estimate .address .btn{display:inline-block; min-width:100px; height:45px; line-height:43px; background:#f67536; border:1px solid #f67536; color:#fff; text-align:center; transition:all 0.3s ease-in-out 0s;}
.map_estimate .address .btn:hover{box-shadow:9px 9px 18px rgba(0,0,0,0.14);}
.result_estimate{margin-top:40px; text-align:left;}
.result_estimate .table td{background:#fff;}
.result_estimate p{display:none;}
#area_print{display:none;}

/* bbs */
.bbsView td.conts{background:#fff;}
.button.lg{min-width:196px; height:67px !important; line-height:65px !important;}
.button.orange{background:#f67536; border-color:#e2672b;}

.sub img{max-width:100%;}
.sub .cate{margin-top:80px;}
.sub .cate_list{overflow:hidden;}
.sub .cate_list .img_box{width:50%; float:left;}
.sub .cate_list .img_box .img_list{margin-top:85px;}
.sub .cate_list .img_box .img_list li{padding:5px; border:5px solid #f67536; background:#fff; box-sizing:border-box;}
.sub .cate_list .estimate_box{width:48%; float:right;}
.sub .cate_list .estimate_box ul{overflow:hidden;}
.sub .cate_list .estimate_box ul li{width:25%; float:left;}
.sub .cate_list .estimate_box ul li input{width:100%; border-right-width:0px;}
.sub .cate_list .estimate_box ul li:last-child p{font-weight:600;}
.sub .cate_list .estimate_box ul li:last-child input{border-right-width:1px;}
.sub .cate_list .estimate_box .tit{display:block; padding:10px 0; margin:20px 0 5px; background:#01274c; color:#fff;}
.sub .cate_list .estimate_box ul.img_txt{margin-top:20px;}
.sub .cate_list .estimate_box ul.img_txt li{position:relative; display:block; width:100%; margin-bottom:4px; float:none; background:#fff; border:1px solid #ccc; box-sizing:border-box; transition:all 0.3s ease-in-out 0s;}
.sub .cate_list .estimate_box ul.img_txt li:hover{border-color:#f67536; transition:all 0.3s ease-in-out 0s;}
.sub .cate_list .estimate_box ul.img_txt li a{display:block; height:30px; padding:10px 20px; transition:all 0.3s ease-in-out 0s;}
.sub .cate_list .estimate_box ul.img_txt li a:hover{color:#f67536; transition:all 0.3s ease-in-out 0s;}
.sub .cate_list .estimate_box ul.img_txt li input{display:none;}
.sub .cate_list .estimate_box ul.img_txt li input + label{display:block; position:absolute; top:0; left:0; width:100%; height:100%; line-height:30px; margin-right:0; padding:10px 20px; color:#444; transition:all 0.3s ease-in-out 0s;}
.sub .cate_list .estimate_box ul.img_txt li input:checked + label{background:#f67536; color:#fff; transition:all 0.3s ease-in-out 0s;}
.sub .cate_list .estimate_box ul.estimate{margin-top:20px;}
.sub .cate_list .estimate_box ul.estimate li{display:block; width:100%; float:none; margin-bottom:10px; text-align:left;}
.sub .cate_list .estimate_box ul.estimate li p{padding-left:10px;}
.sub .cate_list .estimate_box ul.estimate li input{width:100%; border-right-width:1px;}
.sub .cate_list .estimate_box ul.estimate a.button{width:100%;}

.area_solar .cate_list ul li{width:32%; float:left; margin-bottom:20px; padding:30px 5px; box-sizing:border-box; background:#fff; text-align:center; border:1px solid #ccc; transition:all 0.3s ease-in-out 0s;}
.area_solar .cate_list ul li:nth-child(3n+2){margin:0 2%;}
.area_solar .cate_list ul li:hover{border-color:#f67536; transition:all 0.3s ease-in-out 0s;}
.area_solar .cate_list ul li a{display:block; transition:all 0.3s ease-in-out 0s;}
.area_solar .cate_list ul li:hover a{color:#f67536; transition:all 0.3s ease-in-out 0s;}

.layerPop{position:absolute; z-index:90; overflow:hidden; border:1px solid #353535; border-radius:14px; z-index:10;}
.layerPop a{display:block;}
.layerPop img{max-width:100%;}
.layerPop .btn{display:flex; justify-content:space-between; padding:13px 10px; background:#353535; text-align:left;}
.layerPop .btn button{display:inline-block; margin-left:15px; background:none; color:#fff; font-size:13px;}
.layerPop .btn button:last-child{float:right; margin:0 12px 0 0;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.6);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; min-width:460px; min-height:320px; box-sizing:border-box; background:#fff; box-shadow:3px 15px 20px rgba(0,0,0,0.15); transform:translate(-50%, -50%);}
[data-pop-layer="layer"] .popBox h2{height:67px; padding:0 20px !important; border-bottom:1px solid #eee; font-size:25px !important; font-weight:500; letter-spacing:-1px;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:99%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:0px; right:-70px; width:70px; height:68px; line-height:68px; background:#34383e; box-shadow:3px 10px 15px rgba(0,0,0,0.15);}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; width:18px; height:18px; margin:-4px auto 0; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-pop-layer="layer"] .popBox .btn_close span:before,
[data-pop-layer="layer"] .popBox .btn_close span:after{content:''; display:inline-block; position:absolute; width:20px; height:2px; background:#fff;}
[data-pop-layer="layer"] .popBox .btn_close span:before{top:8px; left:0; transform:rotate(45deg);}
[data-pop-layer="layer"] .popBox .btn_close span:after{top:8px; left:0; transform:rotate(-45deg);}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{overflow-y:auto; max-height:532px; box-sizing:border-box; padding:20px 20px 40px;}

@media screen and (max-width:1580px){
	#container:not(.main){padding:50px 0 50px 80px;}
	.wrap.v2{width:1200px;}
	.sub h2{font-size:35px;}
	.sub h4{font-size:21px;}
	
	.area_subVisual{margin-left:80px;}
	.lnb{padding-left:80px;}
	
	.area_greetings i{width:auto; height:316px; margin:14px 30px 24px; background-size:cover;}
	.area_greetings i h2{bottom:60px; left:60px;}
	.area_organization ul:before{width:-webkit-calc(100% - 166px); width:calc(100% - 166px);}
	
	.area_rps02 ul{width:auto; margin:0 50px;}

	.area_house h6 + img{width:100%;}
	
	.area_configuration img{width:100%;}
	.area_advisory02 ul li img{width:44%;}
	.area_advisory02 ul li:nth-child(2n-1) div{margin-left:60px;}
	.area_advisory02 ul li div{width:40%; padding-top:30px;}

	.area_organization img{width:100%;}
}


@media screen and (max-width:1480px){
	.area_structure #tab2 .inr > img{display:none;}
	
	.area_history ul li em:before,
	.area_history ul:before,
	.area_history ul:after{display:none;}
	.area_history ul li,
	.area_history ul li:nth-child(2n-1){float:left;}
	.area_history ul li:nth-child(2n){text-align:left;}
	.area_history ul li{width:100%; margin-bottom:14px; padding-top:0;}
	.area_history ul li:nth-child(2n-1){top:0;}
	.area_history ul li p{width:96%; padding:11px 2%;}
	.area_history ul li em{font-size:19px;}
}

@media screen and (max-width:1380px){
	.wrap.v2{width:auto; margin:0 50px;}

	.area_organization ul:before{width:-webkit-calc(100% - 13%); width:calc(100% - 13%);}
	.area_organization > ul > li{width:-webkit-calc((100%/6) - 20px); width:calc((100%/6) - 20px); margin-right:24px;}
	
	#daumRoughmapContainer1561624846683{width:100% !important;}
	
	.area_rps01 > img{width:100%;}
	
	.area_advisory01 ul li{width:-webkit-calc((100%/4) - 8px); width:calc((100%/4) - 8px); margin-right:10px;}
	.area_advisory01 ul li:last-child{margin-right:0;}
	.area_advisory01 ul li img{width:100%;}
	.area_advisory01 ul li em{margin-top:10px;}
	
	.area_trekker ul li a{padding-bottom:0;}
	
	.area_method ul li a img{width:100%;}
	.area_method ul li{width:-webkit-calc((100%/3) - 14px); width:calc((100%/3) - 14px); margin:0 20px 20px 0;}
	.area_method .inr h3{margin:30px 0 21px 0;}
	.area_method .inr:first-child h3{margin-top:0;}

	.area_architecture h3 + p br{display:none;}
	.area_architecture dl dd:nth-child(2n){margin-right:10px;}	
    
    .area_bipv .color_list{width:100%;}
    .area_bipv .img_box02,
    .area_bipv .img_type2{width:100%;}
}

@media screen and (max-width:1280px){
	.wrap.v2{width:auto; margin:0 20px;}
	.sub h3{margin-bottom:13px; font-size:24px;}
	.sub h5{font-size:17px;}
	.lnb ul li{margin:0 25px;}
	
	.area_rps01 ul{width:100%;}
	.area_rps02{margin-top:56px;}
	.area_rps02 ul{width:auto; margin:0 20px;}
	.area_rps02 ul li{width:-webkit-calc((100%/7) - 12px); width:calc((100%/7) - 12px); margin-right:13px;}
	.area_rps02 ul li p{display:none;}
	.area_rps02 ul li span{padding:31px 0;}
	.area_rps02 ul li img{height:35px;}
	.area_rps02 ul li em{margin-top:8px;}
	
	.area_house.v2 .list_table li{width:-webkit-calc((100%/5) - 11px); width:calc((100%/5) - 11px); margin:0 11px 0px 0;}
	.list_table li:after{display:none;}
	
	.area_riview01 ul{width:768px;}
	.area_riview01 ul li{width:-webkit-calc(50% - 8px); width:calc(50% - 8px);}
	.area_riview01 ul li:first-child{margin-right:15px;}
	.area_riview01 ul li img{width:100%;}
	.area_riview01 ul li div{overflow:hidden; height:330px; background:#fff;}
	
	.area_design01 ul li div{padding:40px 10px; min-height:217px;}
	.area_design01 ul li div p{font-size:14px;}
	.area_design02 .list_design div > img{margin-right:0; padding-top:20px;}
	.area_design02 .list_design div > *{width:49%;}
	.area_design01 h3 + img{width:100%;}
	
	.area_supervision02 ul{display:block; margin-top:30px;}
	.area_supervision02 ul li{width:33.333%; margin:0; padding:0; border:0; border-radius:210px;}

	.snb ul li{float:left; width:-webkit-calc((100%/4) - 0); width:calc((100%/4) - 0px);}
	.snb ul li a img{width:68%;max-height: 33px;}
	.snb.v2 ul li a{padding:10px; min-height:36px;}
	.snb.v2 ul li a p{padding:6px 0; font-weight:400; font-size:14px;}
	
	.area_module,
	.area_inverter{padding-top:0;}
	
	.snb ul li:nth-child(1) a img,
	.snb ul li:nth-child(3) a img{position:relative; top:5px;}
	
	.area_inverter .snb ul li:nth-child(1) a img,
	.area_inverter .snb ul li:nth-child(2) a img{display:block; width:auto; height:30px; margin:0 auto;}
	.area_inverter .snb ul li:nth-child(2) ~ * a img{position:relative; top:8px;}
	.area_method .wrap02 + img{width:100%;}

	.area_solar h6 + div{height:338px;}
	.area_solar h6 + div em{bottom:40px; left:50px;}
	.area_solar h6 + img{width:100%;}

	.area_architecture p + dl dd{width:100%;}
	.area_architecture dl{overflow:hidden; margin-top:24px;}
	.area_architecture dl dd{width:-webkit-calc((100%/2) - 8px); width:calc((100%/2) - 8px);}
	.area_architecture dl dd:nth-child(2n){margin-right:15px;}
	.area_architecture dl dd img{width:100%;}
	.area_architecture .btn_area{margin-top:0; padding:0px 0 0;}
	.area_architecture > div > h4 + p br{display:none;}

	.info_estimate p{padding-right:340px; word-break:keep-all;}
}

@media screen and (max-width:1023px){
	.wrap02{width:auto; margin:0 auto;}

	.area_subVisual{height:347px; padding-top:70px;}
	.area_subVisual h2{font-size:40px;}

	.lnb ul li{margin:0 15px; padding:17px 0;}
	.lnb ul li a{font-size:14px;}
	.lnb ul li.active a:after{left:-14px;}
	
	.sub h2{font-size:30px;}
	
	.area_greetings .list_greetiongs li{width:-webkit-calc(100%/3); width:calc(100%/3); margin:0;}
	.area_greetings .list_greetiongs{display:block;}
	.area_organization > ul > li{width:-webkit-calc((100%/3) - 20px); width:calc((100%/3) - 20px); margin-right:21px;}
	.area_organization > ul > li:nth-child(3n){margin-right:0;}
	
	#daumRoughmapContainer1561624846683{height:340px;}
	
	.area_ess01 ul li{padding:59px 67px;}
	
	.area_riview01 ul{width:100%;}
	.area_riview01 ul li div{overflow:hidden; height:280px; background:#fff;}
	.area_riview01 ul li img{width:auto; max-height:285px;}
	.area_riview01 ul li:last-child img{width:100%;}
	.area_riview02 div + h3 + img{width:100%;}
	
	.area_consider div:not(.inr){padding:30px 0;}
	.area_consider .inr ul{margin-left:20px;}
	
	.area_advisory01 ul li i,
	.area_advisory01 ul li p{margin:0 5px; font-size:13px;}
	.area_advisory02{margin-top:60px;}
	
	.area_design01 p + img{width:100%;}
	.area_design01 ul li{width:-webkit-calc((100%/2) - 11px); width:calc((100%/2) - 11px); margin:0 22px 15px 0;}
	.area_design01 ul li:nth-child(2n){margin-right:0;}
	.area_design01 ul li div{padding:30px 0; min-height:197px;}
	.area_design01 ul li img{height:40px;}
	.area_design01 ul li div p{font-size:13px;}
	.area_design01 ul li:after{right:-10px; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:10px solid white;}
	.area_design01 ul li div em{margin:21px 0 3px;}
	
	.area_supervision01 > ul > li ul{padding:20px 20px 0; min-height:auto;}
	.area_supervision01 > ul > li{width:-webkit-calc((100%/3) - 19px); width:calc((100%/3) - 19px); margin-right:28px;}
	.area_supervision01 > ul > li > ul li *{font-size:14px;}
	.area_supervision01 > ul > li ul li em{display:block; line-height:1; font-size:15px;}
	.area_supervision01 > ul > li span{font-size:14px;}
	
	.area_structure iframe + img{width:100%;}
	.area_structure #tab2 .inr div{margin-left:0;}
	.area_structure #tab2 .inr ul + img{margin-top:20px;}
	.area_structure #tab3 > ul{margin-top:10px;}
	.area_structure #tab3 > ul > li{width:100%; margin:0 0px 10px 0;}
	.area_structure #tab3 > ul > li div{padding:20px;}
	.area_structure #tab3 > ul > li div > *{display:block;}
	.area_structure #tab3 > ul > li div h5{padding-left:0;}
	.area_structure #tab3 > ul > li div h5 br{display:none;}
	.area_structure h3 + img{width:100%;}
	.area_structure #tab3 h3{margin-top:26px;}
	
	.area_trekker ul li{width:-webkit-calc((100%/4) - 8px); width:calc((100%/4) - 8px); margin-right:10px;}
	.area_trekker ul li img ~ *{padding-left:13px;}
	.area_trekker ul li em{margin:22px 0 15px;}
	.area_trekker ul li em i{font-size:12px;}
	.area_trekker ul li p{font-size:12px;}
	.area_trekker ul li a{padding-bottom:0; min-height:226px;}
	.area_trekker01 iframe + img{width:100%;}
	.area_trekker01 .inr ul li img{height:45px;}
	.area_trekker01 .inr ul li{margin:0 10px;}
	.area_trekker01 .inr ul li em{font-size:14px;}
	.area_trekker01.v2 p + img{width:100%;}
	.area_trekker01.v2 p + ul{display:block; overflow:hidden; margin-top:30px;}
	.area_trekker01.v2 p + ul li{width:-webkit-calc((100%/3) - 14px); width:calc((100%/3) - 14px); margin:0 7px; border-radius:0;}
	.area_trekker01.v2 p + ul li h5{width:auto; padding:83px 0;}
	.area_trekker01 .inr + h3{margin-top:70px;}

	.area_organization > ul > li:before,
	.area_organization ul:before,
	.area_organization > em:before{display:none;}
	.area_organization > em{margin-bottom:0;}

	.area_solar > div:last-child{margin-top:65px;}
	.area_solar h6 + div em{bottom:30px; left:40px; font-size:30px;}
	.area_solar h6 + div em i{margin-bottom:10px;}
	
	.area_architecture > div > h4 + p + img{width:100%;}

	.area_calc *[data-calc="line"].estimate01,
	.area_calc *[data-calc="line"].estimate02,
	.area_calc *[data-calc="line"].estimate03,
	.area_calc *[data-calc="line"].estimate04{float:none; width:100%;}
	.area_calc *[data-calc="line"].estimate01.choice01{float:left; width:70%;}
	.area_calc *[data-calc="line"].estimate02.choice02{float:left; width:30%;}
	.area_calc *[data-calc="line"].estimate02.choice02 li:not(:last-child){display:none;}
	.area_calc *[data-calc="line"].estimate02.choice02 li{width:100%;}	
	.area_calc *[data-calc="line"] select{-webkit-border-radius:1px;}
	.area_estimate .area_calc *[data-calc="line"] i{top:35px; font-size:13px;}
	.area_estimate .area_calc *[data-calc="line"] span + i{top:43px;}
	.result_estimate{margin-top:0px;}
	.btn_area .print{display:none;}
	#road_off,
	#road_on,
	#roadview{display:none !important;}
	#map{width:100% !important;}
    
    .sub .cate_list .img_box{width:100%; float:none; margin-bottom:40px;}
    .sub .cate_list .estimate_box{width:100%; float:none;}
    
    .sub .cate_list .img_box .img_list{margin-top:0;}
    
}

@media screen and (max-width:890px){
	.area_calc *[data-calc="line"].box01,
	.area_calc *[data-calc="line"].box02{float:none; width:100%;}
}

@media screen and (max-width:767px){
	#container:not(.main){padding:30px 0 30px 0;}
	.sub{padding-top:0;}
	.sub h2{font-weight:400; font-size:20px;}
	.sub h3{margin-bottom:12px; font-weight:600; font-size:18px;}
	.sub h4{font-weight:600; font-size:17px;}
	.sub h5{font-weight:600; font-size:15px;}
	.sub h6{padding-left:11px; font-size:14px;}
	.sub h6:before{top:7px; width:5px; height:5px; margin-top:0;}
	.sub iframe, .sub video{position:relative; width:100%; height:200px; background:#fff;}

	.area_subVisual{height:197px; margin-left:0; padding-top:60px; background-size:cover !important; background-position:50% 90% !important;}
	.area_subVisual h2{font-weight:500; font-size:23px;}
	
	.lnb{width:100%; padding-left:0;}
	.lnb > div{margin:0; padding:0; overflow-x:scroll; overflow-y:hidden;}
	.lnb01{width:430px;}
	.lnb02{width:810px;}
	.lnb03{width:307px;}
	.lnb04{width:400px;}
	.lnb05{width:438px;}
	.lnb06{width:390px;}
	.lnb ul li{margin:0 12px; padding:17px 0;}
	.lnb ul li a{padding:13px 20px;}
	.lnb ul li.active a:after{opacity:0;}
	.lnb ul li a{padding:11px 5px; font-size:13px;}

	.area_greetings i{height:180px; margin:14px 0 15px;}
	.area_greetings i h2{left:30px; text-align:left;}
	.area_greetings .list_greetiongs li em{display:block; margin-top:9px; font-weight:600;}
	.area_greetings .list_greetiongs{margin-top:27px;}
	.area_greetings .inr ul{margin-top:36px;}
	.area_greetings .inr ul li{width:100%; padding:10px 0; text-align:left;}
	.area_greetings .inr ul li:nth-child(3)~*{width:100%;}
	.area_greetings .inr ul li em{display:block; font-weight:500;}
	.area_greetings .inr ul li > *{padding:0 20px;}
	
	#daumRoughmapContainer1561624846683{height:200px;}

	.area_map h3{margin:19px 0 5px; font-weight:300; font-size:15px;}
	.area_map em{margin-top:0;}
	.area_ess01 ul{display:block; width:320px; margin:0 auto;}
	.area_ess01 ul li{width:-webkit-calc((50%/2) - -72px); width:calc((50%/2) - -72px); margin:0 4px; padding:28px 0px;}
	.area_ess01 ul li img{height:40px;}
	.area_ess01 ul:after,
	.area_ess01 ul:before{display:none;}
	.area_ess01 ul li em{display:block; font-size:13px;}
	.area_ess01 ul + p{margin-top:18px;}
	.area_ess01 iframe{margin-top:27px;}
	div[class^="area_ess"]{margin-top:47px;}
	.area_ess02 ul{margin-top:16px;}
	.area_ess02 ul li em{font-size:20px;}
	.area_ess02 ul li i{display:block; line-height:1.2; margin-top:5px; font-size:12px;}
	.area_ess02 ul li:after,
	.area_ess02 ul li:before{display:none;}
	.area_ess02 ul li p br,
	.area_video .video:after{display:none;}
	.area_ess03 p{margin-top:0px;}
	.area_ess03 p br{display:none;}
	.area_ess03 p i{border-bottom:0;}

	.area_ess03{padding:287px 0 211px; background-size:cover;}
	.area_ess04 > img{display:block; width:95%; margin:0 auto;}
	.area_ess04 img + p{margin:14px 0 15px;}
	.basic_table.v1 th,
	.basic_table.v1 td{padding:13px 0; border-bottom:1px solid #ededed; font-size:13px;}
	.area_ess04 table + p{margin-top:10px; font-size:12px;}
	
	.area_rps01 p + img{margin:15px 0 19px;}
	.area_rps01 img + p{margin-top:12px;}
	.area_rps01 ul li{padding:23px;}
	.area_rps01 ul li em{display:block;}
	.area_rps02{margin-top:50px;}
	.area_rps02 ul li em{line-height:1.3;}
	.area_rps02 ul li:nth-child(2n){margin-right:0;}
	.area_rps02 ul li{width:-webkit-calc((100%/2) - 7px); width:calc((100%/2) - 7px); margin:0 13px 44px 0;}
	.area_rps02 .wrap{margin-top:0;}
	.tit_table{margin-top:11px; padding:20px 30px; font-size:14px;}
	.tit_table i{margin-top:4px; font-size:13px;}
	
	#content table.table{margin-top:0;}
	.result_estimate table.table{margin-top:15px !important;}
	.area_house h6{margin:15px 0 10px;}
	.area_house h6 + img{display:none;}
	.area_house h6 + img + img{display:block; width:100%;}
	.area_house h6 + p{display:block; margin-top:-6px;}
	.area_house div > em{margin:15px 0 6px; font-weight:600; font-size:14px; color:#444;}
	
	.list_table li p{font-size:13px;}
	.list_table li em{border-left:1px solid #000; font-size:14px;}
	.list_table li *{padding:5px 0;}
	.basic_table.v2 td{padding-left:20px !important;}
	.basic_table.v2 th,
	.basic_table.v2 td{padding:15px 0;}
	
	.list_table li{width:100%; margin-right:0; max-width:300px;}
	.list_table li:after{top:71px; right:auto; width:6px; height:11px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.list_table li:last-child:after{background:none;}
	.list_table li:last-child{margin-bottom:0;}
	
	.area_house div + h6{margin-top:26px;}
	.area_house.v2 .list_table li{width:99%; margin:0 0 10px 0; max-width:none;}
	.area_house.v2 .list_table li em{border:0;}

	.area_fit p b{margin-top:23px;}
	.area_fit p{margin-bottom:16px;}

	.area_outline iframe + h3{margin-top:29px;}
	.area_outline ul li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0 10px 10px 0; padding:25px 0; min-height:167px;}
	.area_outline ul{margin-top:30px;}
	.area_outline ul li:nth-child(2n){margin-right:0 !important;}
	.area_outline ul li img{height:43px;}
	.area_outline ul li:nth-child(5n){margin-right:10px;}
	.area_outline ul li p{padding:0 7px;}
	.area_outline ul li p br{display:none;}

	.area_configuration em{margin:48px 0 20px 0; padding:5px 15px; font-size:13px;}
	
	.area_riview01{margin-bottom:45px;}
	.area_riview01 ul li{width:100%; margin-right:0;}
	.area_riview01 ul li i{margin-top:8px; font-weight:700; font-size:13px;}
	.area_riview01 ul li div{height:auto;}
	.area_riview01 ul li:first-child{margin:0 0 16px 0;}
	.area_riview01 ul li img{width:auto; width:100%; max-height:none;}
	.area_riview02 > ul{margin-top:25px;}
	.area_riview02 > ul li{width:50%; margin-bottom:23px;}
	.area_riview02 ul li em{margin-bottom:6px; font-size:16px;}
	.area_riview02 > ul li:after{height:69px;}
	.area_riview02 ul li p{padding:0 12px;}
	.area_riview02 ul li p br{display:none;}
	.area_riview02 div{margin-top:0; padding:24px;}
	.area_riview02 div + h3 + img{display:none;}
	.area_riview02 div + h3 + img + img{display:block; width:100%;}
	.area_riview02 div + h3{margin-top:40px;}
	
	.area_consider div:not(.inr) ul li img{height:32px;}
	.area_consider div:not(.inr) ul li{width:-webkit-calc((100%/3) - 41px); width:calc((100%/2) - 41px); margin:9px 0px;}
	.area_consider div:not(.inr) ul li:nth-child(3n){border-right:1px dashed rgba(255,255,255,0.3);}
	.area_consider .inr{margin-top:26px;}
	.area_consider .inr em{display:block; font-size:16px; text-align:left;}
	.area_consider .inr ul{margin:10px 0px 0 0;}
	
	.area_advisory01 p + h3{margin-top:32px;}
	.area_advisory01 ul li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0 10px 15px 0;}
	.area_advisory01 ul li:nth-child(2n){margin-right:0;}
	.area_advisory01 ul li p{padding-top:10px;}
	.area_advisory01 ul li p br{display:none;}
	.area_advisory01 ul li i,
	.area_advisory01 ul li p{font-size:12px;}
	.area_advisory02{margin-top:32px;}
	.area_advisory02 ul li img{width:100%;}
	.area_advisory02 ul li:nth-child(2n-1) div{margin-left:0;}
	.area_advisory02 ul li div{width:100%; margin-left:0; padding-top:19px;}
	.area_advisory02 ul li div p br{display:none;}
	
	.area_design01 h3{margin-top:36px;}
	.area_design01 p br{display:none;}
	.area_design01 p + img{margin:2px auto 0;}
	.area_design01 ul li div p{padding:0 11px; font-size:12px;}
	.area_design01 ul li div{min-height:187px;}
	.area_design02 .list_design div > *{width:auto;}
	.area_design02 .list_design div > img{width:100%; padding-top:7px;}
	.area_design02 .list_design div ul li:first-child{margin:-3px 0 30px;}
	.area_design02 .list_design{margin-bottom:50px;}
	.area_design02 .list_design:nth-child(2) div > img{margin-top:7px;}
	.area_design02 .list_design div ul h5:before{width:10px;}
	.area_design02 .list_design div ul h5{padding-left:16px;}
	.area_design02{margin-top:50px;}
	.area_design01 h3 + img{display:none;}
	.area_design01 h3 + img + img{display:block; width:100%;}

	.area_supervision01 > ul > li ul{padding:10px 20px 0;}
	.area_supervision01 > ul > li{width:100%; margin:0 0 20px 0;}
	.area_supervision01 > ul > li span{font-size:13px;}
	.area_supervision01 > ul > li:last-child{margin:0;}
	.area_supervision01 h3 + p{margin-bottom:35px;}
	
	.area_supervision02 h3{margin-top:40px;}
	.area_supervision02 ul{margin-top:10px;}
	.area_supervision02 ul li i{margin-bottom:11px;}
	.area_supervision02 ul li:after{display:none;}
	.area_supervision02 ul li p{font-weight:600;}
	
	.snb ul li a{margin:0 1px;}
	.snb ul li a img{width: 100%;}
	.snb ul li:nth-child(1) a img,
	.snb ul li:nth-child(3) a img{top:7px;}
	.snb.v2 ul li a p{padding:8px 0; font-weight:600; font-size:12px;}

	.area_structure .tabs li{margin:0 3px; padding:8px 15px;}
	.area_structure .tabs{margin:0 0 20px 0;}
	.area_structure h3 + p{margin-bottom:10px;}
	.area_structure h3 + p br{display:none;}
	.area_structure iframe + img{margin-top:10px;}
	.area_structure #tab2 h3 + p{padding-bottom:30px;}
	.area_structure #tab2 .inr ul li:after{top:9px;}
	.area_structure #tab2 .inr ul + img{width:100%;}
	
	.area_trekker ul li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0 10px 10px 0;}
	.area_trekker ul li:nth-child(2n){margin-right:0;}
	.area_trekker ul li a{padding-bottom:0; min-height:auto;}
	.area_trekker ul li:nth-child(1) a,
	.area_trekker ul li:nth-child(2) a{padding-bottom:10px;}
	.area_trekker01 iframe{margin:14px 0;}
	.area_trekker01 h3 + p br{display:none;}
	.area_trekker01 .inr{margin-top:25px;}
	.area_trekker01 .inr + h3{margin-top:15px;}
	.area_trekker01 .inr ul li{width:-webkit-calc((100%/2) - 20px); width:calc((100%/2) - 20px); margin-bottom:22px;}
	.area_trekker01 .inr ul li em br{display:none;}
	.area_trekker01 .inr ul li em{margin-top:13px; font-size:13px;}
	.area_trekker01.v2 p + ul{margin-top:16px;}
	.area_trekker01.v2 p + ul li{width:-webkit-calc((100%/3) - 4px); width:calc((100%/3) - 4px); margin:0 2px;}
	.area_trekker01.v2 p + ul li h5{padding:45px 0;}
	.area_trekker01.v2 p + h3,
	.area_trekker01.v2 img + h3{margin-top:40px;}

	.area_method .inr h3{margin:25px 0 21px 0;}
	.area_method ul li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0 7px 10px 0;}
	.area_method ul li:nth-child(2n){margin-right:0 !important;}
	.area_method ul li:nth-child(3n){margin-right:7px;}
	.area_method ul li em{padding:11px; font-size:13px; letter-spacing:0;}
	.area_method .wrap02{margin:10px auto 31px;}
	
	.area_view .wrap02{margin-top:20px;}

	.area_organization > ul li ul li{margin-bottom:9px;}
	.area_organization > ul > li{width:-webkit-calc((100%/3) - 6px); width:calc((100%/3) - 6px); margin-right:9px; padding:7px 0;}
	.area_organization > ul li ul li em{font-size:13px;}
	.area_organization > ul li ul li p{font-size:15px;}
	.area_organization > em p{font-weight:600; font-size:17px; letter-spacing:1px;}
	.area_organization > em{margin-bottom:10px;}
	.area_organization > em i{margin-right:7px; font-size:13px;}

	.area_policy{margin-top:68px; padding-top:0;}
	.area_policy h2{font-weight:400; font-size:22px;}
	#content div.area_policy h3{margin-bottom: 6px;font-weight:600;font-size: 15px;}
	.area_policy ul li ul li,
	.area_policy ul li,
	.area_policy p{font-size: 13px;}
	.area_policy .inr_policy{padding:25px 0; border-bottom:1px solid #ddd;}

	.area_solar h6{margin:25px 0 10px;}
	.area_solar h6 + div{height:208px; background-size:cover !important;}
	.area_solar h6 + div em i{margin-bottom:10px; font-size:14px;}
	.area_solar h6 + div em{bottom:30px; left:30px; font-size:25px;}		
	.area_solar h3{padding:0 50px;}
	.area_solar > div:last-child{margin-top:55px;}
    .area_solar .cate_list ul li{width:49%;}
    .area_solar .cate_list ul li:nth-child(2n){float:right;}
    .area_solar .cate_list ul li:nth-child(3n+2){margin-left:0; margin-right:0; margin-bottom:20px;}

	.area_architecture h6{font-weight:800; font-size:16px;}
	.area_architecture > div{margin-top:40px;}
	.area_architecture > div > h4 i{padding:7px 12px;}
	.area_architecture dl dd,
	.area_architecture dl dd:nth-child(2n){width:100%; margin-right:0;}
	.area_architecture dl dd{margin-bottom:15px;}
    
    .area_bipv .img_list li .img{float:none; width:100%;}
    .area_bipv .img_list li ul{float:none; width:100%;}
    .area_bipv .img_list li ul li span,
    .area_bipv .img_list li ul li em{display:block; width:100%;}
}

@media screen and (max-width:600px){
	.result_estimate p{display:block;}
	.result_estimate table.table{margin-top:0 !important;}
	.info_estimate p{padding-right:0px; text-align:center;}
	.info_estimate .btn{position:static; margin-top:10px;}
	.area_calc *[data-calc="line"].estimate01.choice01,
	.area_calc *[data-calc="line"].estimate02.choice02{float:none; width:100%;}

	.area_organization img{display:none;}
	.area_organization img + img{display:block; width:100%; margin:0 auto;}
    
    .area_bipv .color_list li{width:49%; margin-bottom:2%;}
    .area_bipv .color_list li:nth-child(2n){margin-right:0;}
    
}

@media screen and (max-width:550px){
	.area_calc *[data-calc="line"] input[type="text"],
	.area_calc *[data-calc="line"] input[type="number"],
	.area_calc *[data-calc="line"] select,
	.area_calc *[data-calc="line"] span{height:40px; font-size:18px;}
	.area_calc *[data-calc="line"].last_year li{width:100%;}
	.area_calc *[data-calc="line"] span{line-height:40px;}
	.area_calc *[data-calc="line"].box01 li{width:50%;}
	.area_calc *[data-calc="line"] li:first-child{border-left-width:0px;}
	.area_calc *[data-calc="line"].total li{width:100%; border-top-width:0px;}

	.map_estimate .address{position:relative; width:100%;}
	.map_estimate .address input{width:calc(100% - 110px);}
	.area_calc *[data-calc="line"].estimate01.choice01 li:first-child{border-left-width:1px;}
	.area_estimate .area_calc *[data-calc="line"] i{top:45px; right:15px; background:#fff;}
	.area_estimate .area_calc *[data-calc="line"] input[type="text"],
	.area_estimate .area_calc *[data-calc="line"] input[type="number"],
	.area_estimate .area_calc *[data-calc="line"] span{padding-right:35px;}
	.area_calc *[data-calc="line"].choice01 li i{background:#dcecec;}

	.button.lg{min-width:150px;}
}

@media screen and (max-width:400px){
	.info_estimate .btn a{min-width:130px;}
	.area_calc *[data-calc="line"].estimate02 li,
	.area_calc *[data-calc="line"].estimate04 li{width:50%;}
	.area_calc *[data-calc="line"].estimate05 li{width:50%;}
}

@media screen and (max-width:350px){
	.button.lg{min-width:140px;}
}

@media print{
	@page {
		size: A4;
		margin : 5mm 10mm 5mm 10mm;		
	}	
	*{box-sizing:border-box; -moz-box-sizing:border-box;}
	#content[data-print="print01"] .area_estimate *{font-size:10pt !important;}
	#content[data-print="print01"] .area_estimate .area_calc *[data-calc="line"] em,
	#content[data-print="print01"] .area_estimate .area_calc *[data-calc="line"] label{font-size:9pt !important;}
	#content[data-print="print01"] .area_calc *[data-calc="line"].total li label, 
	#content[data-print="print01"] .area_calc *[data-calc="line"].total li em{font-size:10pt !important;}
	#content[data-print="print01"] .area_calc *[data-calc="line"].total li input{font-size:11pt !important;}
	#header,
	.emblum,
	.area_subVisual,
	.lnb,
	#footer,	
	#content[data-print] .btn_area,	
	#content[data-print] .info_estimate,
	#content[data-print] .area_estimate .btn,
	#content[data-print] .map_estimate .address,
	#content[data-print="print01"] .result_estimate,
	#content[data-print="result_table"] #print01,
	#mirae_btn_cs{display:none !important;}
	#container,
	.map_estimate .address{background:transparent !important;}
	#container:not(.main){padding:0px !important;}
	#content.sub{padding-top:0px !important;}
	#content{width:initial; min-height:initial; box-sizing:border-box; page-break-after:always;}
	.area_estimate .area_calc *[data-calc="line"] input[type="text"]{padding-bottom:0px; border:0px;}
	.area_estimate .area_calc *[data-calc="line"] select{padding-bottom:0px;}
	.area_estimate .area_calc *[data-calc="line"] span{padding-bottom:5px;}
	.area_calc *[data-calc="line"].estimate04{width:33.5%;}
	.area_calc *[data-calc="line"].estimate05 li{width:20%;}
	.area_calc *[data-calc="line"] li{padding:20px 5px;}
	.map_estimate{height:400px;}
}