@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&display=swap');

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}

.godo{
 font-family: 'Godo', sans-serif;
}

.godo_bold{
 font-family: 'Godo', sans-serif;
 font-weight: 700;
}

body{overflow-x: hidden;font-family: 'Noto Sans KR', sans-serif; color:#333;letter-spacing: -0.6px;}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
}
a {color:#000; text-decoration: none;}
a:hover {text-decoration: none;}
table {width:100%; overflow-x:scroll;}
th, td {word-break:keep-all;}

.navbar-default .navbar-nav>li>a.active {
  color: #ffffff;
  background-color: #1a242f;
}
.img-centered {
  margin: 0 auto;
}

.btn {background-color:#ccc;}

#header {
    text-align: center;
    background-color: #fff;
    color: #666666;

}
#header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
#header img {
  display: block;
  margin: 0 auto 20px;
  height: 250px;
}
#header .intro-text h2 {
  display: block;
  font-family: 'Noto Sans KR', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  vertical-align:middle;
}
#header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
#header hr.star-light {border-color:#666666;}

.navbar-default{background:#fff}
.navbar-default .navbar-nav>li>a{color: #fff; font-size: 1.1em;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #715deb; background-color: transparent;}


.navbar-fixed-top .hd_logo2{display:none}
.navbar-fixed-top.navbar-shrink .hd_logo1{display:none}
.navbar-fixed-top.navbar-shrink .hd_logo2{display:block}
.logo_img img{max-width: 155px; padding-top:3px; margin-left:20px;}

@media (min-width: 768px) {
  #header .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  #header .intro-text .name {
    font-size: 4.75em;
  }
  #header .intro-text .skills {
    font-size: 1.75em;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top {
    padding: 10px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-fixed-top .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding:0 !important;
  }
  .navbar-fixed-top.navbar-shrink {
    padding: 10px 0;
	border-bottom: 1px solid #eee;
	background: #fff;
  }
  .navbar-fixed-top.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
  
  .navbar-fixed-top.navbar-shrink .navbar-nav>li>a{color:#000}
  
  .navbar-fixed-top.navbar-shrink .navbar-nav>li>a:hover, .navbar-fixed-top.navbar-shrink .navbar-nav>li>a:focus{color: inherit;}
  
	/*헤더-드롭다운*/
	.navbar .navbar-nav li ul.sub_nav {}
	.navbar .navbar-nav li:hover ul.sub_nav {display:block;}
	.navbar .navbar-nav li ul.sub_nav li {background-color:#ff5c43; text-align:center;}
	.navbar .navbar-nav li ul.sub_nav li:last-child {border-bottom:0;}
    .navbar .navbar-nav li ul.sub_nav li:hover {}
	.navbar .navbar-nav li ul.sub_nav li a {display:block; padding:12px 0; font-size:1em; font-weight:500; color:#fff}	
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{color: #edeaff; background-color: transparent;}  
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color: transparent;}
}
@media (max-width:767px) {
	/*헤더-드롭다운*/
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color: #715deb;}
	.navbar-nav .open .dropdown-menu{text-align:center; background: #fff;}
	.navbar-nav .open .dropdown-menu li a { color: #222 !important; padding: 16px 10px;}
}	
.navbar {
 font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
}
.navbar a:focus {
  outline: none;
}
.navbar .navbar-nav {
  letter-spacing: 1px;
  text-align: center;
}
.navbar .navbar-nav li a:focus {
  outline: none;
}
.navbar-default,
.navbar-inverse {
  border: none;
  background: transparent;
}

.navbar-default .navbar-toggle .icon-bar{background-color: #000;}

section {
  padding: 110px 0;
}
section h2 {
  margin: 0;
  font-size: 2.4em;
}
section.success {
  background: #373A43;
  color: white;
}
section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
  color: #106E82;
  outline: none;
}

@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
  section.first {
    padding-top: 75px;
  }
  
  section h2 {font-size:28px;}    
  section h3 {font-size:24px;}
  
  /*헤더*/
  .navbar-default, .navbar-inverse{background:#fff; min-height:auto;} 
  .navbar-fixed-top .hd_logo1{display:none}
  .navbar-fixed-top .hd_logo2{display:block; padding:0;}
  .navbar-header{border-bottom:1px solid #eee}
  .navbar-default .navbar-toggle{border:0; margin:10px 5px;}
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent}
  .navbar-default .navbar-nav>li>a{color:#000; padding: 18px 15px 18px;}
  .navbar .navbar-nav{margin-top:0; margin-bottom:0; background:#fbfbfb;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-bottom:1px solid #eee}
  
}

.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #715deb;
  background: white;
  border: solid 2px white;
}


.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
  border: 0;
  background-color:rgba(0,0,0,0.7)
}
.scroll-top .btn:focus {
  outline: none;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 3em;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #106E82;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #106E82;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}


@charset "utf-8";
#ie8, noscript {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#ie8 {
    display: none;
}
#ie8 h1, noscript h1 {
    font-size: 2em;
    font-weight: 100;
    line-height: 2em;
}


.middleLine {
    padding: 0;
    border: none;
    border-top: solid 3px;
    text-align: center;
    width: 100%;
    margin: 25px auto 30px;
    color: #eee;
}
.bold {
    font-weight: 600;
}
#analog p , #bio-medical p , #wireless p {
    font-size: 85%;
    color: #666;
    letter-spacing: -.3px;
}
#analog h3:before , #bio-medical h3:before , #wireless h3:before{
    content: "■";
    font-size:70%;
    vertical-align: top;
    padding-right: 5px;
}

#fregister_term h2, #fregister_private h2 {
    font-size: 1.5em;
    line-height: 1.75em;
    padding: 15px 0;
}
ol li {
    line-height: 1.758em;
    padding-bottom: 8px;
}


/*공통*/
.con_tit{margin-bottom: 38px;}
.con_tit h2{font-size: 3em;}
.con_tit p {
    font-size: 1.5em;
    color: #111;
    margin-bottom: 16px;
}

.main_banner{margin-top:80px}
.main {position:relative; width:100%; background:url('../img/back1.jpg') center right no-repeat; background-size:cover;  background-attachment: fixed;}
.main_text{text-align: center; padding: 250px 15px;}
.main_text h2{font-size: 37px;}
.main_text p{font-size: 17px;}
.color_pp{color:#715deb}
.color_red{color:red}
.line_through{text-decoration:line-through}


/*포트폴리오*/
.port_info{overflow:hidden; padding:0px 0 40px}
.pf_infoArea{overflow: hidden; padding: 0px 0 50px;}

/*더보기 버튼*/
.moreBtn{text-align: center; }
.moreBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 1.1em;
    letter-spacing: 0;
    color: #715deb;
    border-radius: 0;
    padding: 14px 35px 17px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #715deb, #715deb, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 2px solid #715debb3;
    border-radius: 50px;
}

.moreBtn .btn:hover {
  color: #fff;
  border: 2px solid rgba(223,190,106,0);
  background-position: 99% 50%;
}



.conBtn .btn[disabled] {
    display: inline-block;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: 0.3em;
    color: #715deb;
    border-radius: 50px;
    padding: 14px 35px 17px;
    background: transparent;
    margin: 4rem 0.625rem 0;
    border: 2px solid #715deb;
}
.conBtn .btn[disabled]:hover {
    display: inline-block;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: 0.3em;
    color: #715deb;
    border-radius: 50px;
    padding: 14px 35px 17px;
    background: transparent;
    margin: 4rem 0.625rem 0;
    border: 2px solid #715deb;
}

.conBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 1em;
    letter-spacing: 0.3em;
    color: #715deb;
    border-radius: 50px;
    padding: 14px 35px 17px;
    transition: all 0.7s ease-out;
	background: linear-gradient(270deg, #715deb, #715deb, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    margin: 4rem 0.625rem 0;
    border: 2px solid #715deb;
}

.conBtn .btn:hover {
  color: #fff;
  border: 2px solid rgba(223,190,106,0);
  background-position: 99% 50%;
}



/*메인-제품상세설명*/
.pro_txtBoxArea{background: #715deb; color: #fff; padding: 44px 0px;}
.pro_txtBox{text-align:center}
.pro_txtBox h2{margin: 0; font-size: 2em;}

#product{background: #F4F4F9;}
#tal_tabs{width:100%; overflow:hidden;}
#tal_tabs ul.tabs {
    width: 100%;
    font-size: 0.8em;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
#tal_tabs ul.tabs li {
    text-align: center;
    cursor: pointer;
    padding: 13px 30px;
    font-size: 1.55em;
    border: 1px solid #715deb;
    overflow: hidden;
    color: #715deb;
    margin: 9px;
    border-radius: 50px;
    margin-left: 0;
    font-weight: 500;
    display: inline-block;
}
#tal_tabs ul.tabs li:hover {
    background-color: #e2ddff;
    border: 1px solid #715deb;
    color: #715deb;
}
#tal_tabs ul.tabs li.active {background-color:#715deb; color:#fff !important;border: 1px solid #715deb;}
#tal_tabs .tab_container {
	max-width: 1100px;
    margin: 0 auto;
}
#tal_tabs .tab_content {padding: 28px 0 0;  display: none; overflow: hidden}
#tal_tabs .proTab_img {
    margin-top: 46px;
    width: 50%;
    float: left;
}
#tal_tabs .proTab_img img {
    width: 100%;
    max-width: 590px;
}
.proTab_txt{
    width: 50%;
    float: left;
    text-align: left;
    margin-top: 95px;	
}
.proTab_txt h5 {
    font-size: 1.75em;
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
}
.proTab_txt h4 {
    font-size: 2.7em;
    word-break: keep-all;
    margin-bottom: 18px;
    margin-top: 0px;
}
.proTab_txt h3{ font-size:6em; color: #715deb; font-weight: 800;}
.proTab_txt h3 span{font-size: 0.45em; font-weight: 500; padding-left:10px;}
.proTab_txt .pro_tab_list ul {
    padding: 40px 0 0px;
    margin: 0;
}
.proTab_txt .pro_tab_list ul li {
    font-size: 1.2em;
    line-height: 1.2;
    list-style: none;
    position: relative;
    padding: 0px 19px 20px;
    color: #333;
}
.proTab_txt .pro_tab_list ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 9px;
    height: 9px;
    /*border: 2px solid #715deb;*/
    background: #715deb;
    border-radius: 50%;
    box-sizing: border-box;
}

.proTab_txt p {
    font-size: 1.6em;
    word-break: keep-all;
}



.container {width:100%; max-width:1100px;}
.cont_pad {padding:80px 20px;}
h2.title {text-align:center; font-size:3em; color:#fff; font-weight:bold; text-shadow:1px 1px 3px rgba(0, 0, 0, .4); padding:160px 0 100px; margin:0; background-color:#eee;}
h3.sub_title {text-align:center; font-size:2.2em; color:#333; font-weight:300; margin:0 0 40px;}
h3.sub_title span {color:#ff5c43; font-weight:bold;}
ul {list-style:none; padding:0; margin:0;}
p {word-break:keep-all; margin-bottom:0;}
h3.sub_title2 {text-align:center; font-size:2.2em; color:#333; font-weight:bold; margin:0 0 30px;}


/* 태양광 이해하기 */
.solar {}
.solar h2.title {background:url("../img/solar_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}

/* 태양광 발전이란 */
#solar1 p.text {font-size:1.1em; color:#666; text-align:center;}
#solar1 .img_box {margin-top:60px;}
#solar1 .img_box h4 {display:none;}
#solar1 .img_box ul.img {display:flex;}
#solar1 .img_box ul.img li {width:33.333%; text-align:center; position:relative;}
#solar1 .img_box ul.img li:after {content:''; display:inline-block; width:10px; height:10px; border:solid 2px #999; transform:rotate(45deg); position:absolute;}
#solar1 .img_box ul.img li:last-child:after {display:none;}
#solar1 .img_box ul.img li img {width:100%; max-width:200px; border:solid 1px #eee;}
#solar1 .img_box ul.img li span {display:block; padding-top:10px;}

/* 오해와 진실 */
#solar2 {background-color:#fff8f7;}
#solar2 .tr_box {display:flex; margin-bottom:20px; padding:30px 0; background-color:#fff; box-shadow:3px 3px 8px rgba(255, 124, 92, .1); border-radius:15px;}
#solar2 .tr_box:last-child {margin-bottom:0;}
#solar2 .tr_box h4 {width:17%; text-align:center; font-size:1.4em; margin:0; display:inline-grid; align-items:center; border-right:solid 1px #eee;}
#solar2 .tr_box:last-child h4 {color:#ff5c43;}
#solar2 .tr_box p {width:83%; margin:0px; padding:0 30px; font-size:1.1em; color:#666; word-break:keep-all;}
#solar2 .tr_box .txt_box {width:80%;}
#solar2 .tr_box .txt_box p {width:100%; margin-bottom:5px;}

/* 태양광 설치로 인한 혜택 */
#solar3 {}
#solar3 ul.txt_list {display:flex;}
#solar3 ul.txt_list li {width:33.33%; margin-right:20px; box-shadow:3px 3px 10px rgba(0, 0, 0, .1); border-radius:15px; padding:30px 20px 20px; text-align:center;}
#solar3 ul.txt_list li:last-child {margin-right:0;}
#solar3 ul.txt_list li img {max-width:80px;}
#solar3 ul.txt_list li h4 {margin:16px 0 10px;}
#solar3 ul.txt_list li p {margin-bottom:8px; font-size:1.05em; color:#666; position:relative; padding-left:10px; text-align:left;}
#solar3 ul.txt_list li p:before {content:''; display:inline-block; width:3px; height:3px; background-color:#ff5c43; position:absolute; top:10px; left:0;}
#solar3 ul.txt_list li p:last-child {margin-bottom:0;}

/* 한전연계형 vs 독립형 */
#solar4 {background-color:#f5f5f5;}
#solar4 table {width:100%; background-color:#fff; border-radius:15px; overflow:hidden; box-shadow:3px 3px 10px rgb(0 0 0 / 10%);}
#solar4 table tr {border-bottom:solid 1px #eee;}
#solar4 table tr:last-child {border-bottom:0;}
#solar4 table th {width:15%; text-align:center; border-right:solid 1px #eee; background-color:#ff5c43; font-size:1.2em; color:#fff;}
#solar4 table td {width:70%; padding:15px;}
#solar4 table td.tb_t {width:15%; text-align:center; border-right:solid 1px #eee;}


/* 자가소비 vs 발전사업 */
#solar5 {}
#solar5 table {width:100%; background-color:#fff; border-radius:15px; overflow:hidden; box-shadow:3px 3px 10px rgb(0 0 0 / 10%);}
#solar5 table tr {border-bottom:solid 1px #eee;}
#solar5 table tr:last-child {border-bottom:0;}
#solar5 table th {width:20%; text-align:center; border-right:solid 1px #eee; background-color:#ff5c43; font-size:1.2em; color:#fff;}
#solar5 table td {width:80%; padding:15px; line-height:1.5;}


/* 수익만들기 */
.profits {}
.profits h2.title {background:url("../img/profits_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}

/* 우리 집에 발전소 */
#profits1_1 {}
#profits1_1 .txt_box {max-width:700px; margin:0 auto; background-color:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0, 0, 0, .1); padding:30px;}
#profits1_1 .txt_box h4 {text-align:center; margin:0 0 20px; font-size:1.8em;}
#profits1_1 .txt_box p {font-size:1.1em; margin-bottom:10px; position:relative; padding-left:12px;}
#profits1_1 .txt_box p:last-child {margin-bottom:0;}
#profits1_1 .txt_box p:before {content:''; display:inline-block; width:5px; height:5px; background-color:#ff5c43; margin:0 8px 3px 0; position:absolute; top:10px; left:0;}

/* 이런분들께 추천 */
#profits1_2 {background-color:#fff8f7;}
#profits1_2 ul {display:flex; flex-wrap:wrap;}
#profits1_2 ul li {width:31.33%; margin:1%; background-color:#fff; border-radius:15px; padding:30px 0; text-align:center; box-shadow:3px 3px 8px rgba(255, 124, 92, .1);}
#profits1_2 ul li span {font-size:1.4em; color:#ff5c43; font-weight:bold;}
#profits1_2 ul li p {font-size:1.1em; margin-top:10px;}


/* 발전사업자 되기 */
#profits2_1 {}
#profits2_1 .txt_box {text-align:center;}
#profits2_1 .txt_box p {margin:0 0 20px; font-size:1.1em; color:#666; font-weight:400;}
#profits2_1 .txt_box ul {display:flex; border-radius:15px; box-shadow:3px 3px 10px rgba(0, 0, 0, .1); padding:30px 0;}
#profits2_1 .txt_box ul li {width:33.33%; font-size:1.05em; color:#666; word-break:keep-all; border-right:solid 1px #eee;}
#profits2_1 .txt_box ul li:last-child {border-right:0;}
#profits2_1 .txt_box ul li img {width:80px; display:block; margin:0 auto 15px;;}

#profits2_2 {background-color:#f5f5f5;}
#profits2_2 ul {display:flex; flex-wrap:wrap;}
#profits2_2 ul li {width:27.33%; margin:0 3% 40px; text-align:center; padding:25px 20px; border-radius:15px; background-color:#fff; box-shadow:2px 2px 10px rgba(0, 0, 0, .1); position:relative;}
#profits2_2 ul li:after {content:''; display:inline-block; width:32px; height:32px; background:url("../img/arrow1.png") no-repeat 50% 50%; background-size:cover; position:absolute; top:39%; right:-16.5%;}
#profits2_2 ul li:last-child {margin-bottom:0;}
#profits2_2 ul li h4 {font-size:1.4em; color:#ff5c43; padding-bottom:15px; margin:0 0 15px; border-bottom:solid 1px #eee;}
#profits2_2 ul li p {}

#profits2_3 {}
#profits2_3 .img_box {text-align:center;}
#profits2_3 .img_box img {width:100%; max-width:1020px;}
#profits2_3 .img_box h4 {margin:0; padding:30px 0 20px; font-size:2em;}
#profits2_3 .img_box h4 span {color:#004097;}
#profits2_3 .img_box p {font-size:1.2em;}


/* 발전조합원 참여 */
#profits3_1 {}
#profits3_1 .container > .txt_box {text-align:center;}
#profits3_1 .container > .txt_box p {font-size:1.1em; color:#666; margin-bottom:20px;}
#profits3_1 .tr_box {display:flex; padding:30px 0; background-color:#fff; box-shadow:3px 3px 8px rgba(0, 0, 0, .1); border-radius:15px;}
#profits3_1 .tr_box h4 {width:17%; text-align:center; font-size:1.4em; margin:0; display:inline-grid; align-items:center; border-right:solid 1px #eee;}
#profits3_1 .tr_box .txt_box {width:80%;}
#profits3_1 .tr_box .txt_box p {width:100%; margin-bottom:5px; padding:0 30px; font-size:1.1em;}


/* 건물, 토지 빌려주기 */
#profits4_1 {}
#profits4_1 ul {display:flex;}
#profits4_1 ul li {text-align:center; width:31.33%; margin:1%; border-radius:15px; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1); padding:20px 30px;}
#profits4_1 ul li img {width:80px;}
#profits4_1 ul li h4 {}
#profits4_1 ul li p {color:#666;}


/* 더햇농 */
#profits5_1 {}
#profits5_1 .txt_box {margin:0 0 40px; background-color:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0, 0, 0, .1); padding:30px;}
#profits5_1 .txt_box h4 {text-align:center; margin:0 0 20px; font-size:1.8em;}
#profits5_1 .txt_box p {font-size:1.1em; margin-bottom:10px; position:relative; padding-left:12px;}
#profits5_1 .txt_box p:last-child {margin-bottom:0;}
#profits5_1 .txt_box p:before {content:''; display:inline-block; width:5px; height:5px; background-color:#ff5c43; margin:0 8px 3px 0; position:absolute; top:10px; left:0;}
#profits5_1 .img_box {display:flex;}
#profits5_1 .img_box .img {width:50%;}
#profits5_1 .img_box .img:first-child {margin-right:40px;}
#profits5_1 .img_box .img img {width:100%;}


#profits5_2 {background-color:#f5f5f5;}
#profits5_2 table {border-radius:15px; overflow:hidden; box-shadow:3px 3px 10px rgb(0, 0, 0, 0.1); background-color:#fff;}
#profits5_2 table tr {border-bottom:solid 1px #eee;}
#profits5_2 table tr:last-child {border-bottom:0;}
#profits5_2 table th {border-right:solid 1px #eee; text-align:center; padding:10px 0; font-size:1.1em;}
#profits5_2 table td {border-right:solid 1px #eee; padding:10px; word-break:keep-all;}
#profits5_2 table th:last-child, #profits5_2 table td:last-child {border-right:0;}

#profits5_2 table thead th {background-color:#ff5c43; color:#fff; width:16.66%;}
#profits5_2 table tbody th {width:13%;}

#profits5_3 {}
#profits5_3 .img_box {text-align:center;}
#profits5_3 .img_box img {width:100%; max-width:850px;}


/* 가상요금상계 */
#profits6_1 {}
#profits6_1 .txt_box .txt {position:relative; padding-left:15px;}
#profits6_1 .txt_box .txt:before {content:''; display:inline-block; width:5px; height:5px; background-color:#ff5c43; position:absolute; top:7px; left:0;}
#profits6_1 .txt_box .txt h4 {font-size:1.4em;}
#profits6_1 .txt_box .txt p {font-size:1.1em;}
#profits6_1 .img_box {text-align:center;}
#profits6_1 .img_box img {width:100%; max-width:960px;}


/* 태양광 관리하기 */
.manager {}
.manager h2.title {background:url("../img/manager_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}

.manager1 > div .container {display:flex; flex-wrap:wrap;}
.manager1 .txt_box {width:50%; text-align:center; padding-top:100px;}
.manager1 .txt_box img {width:100%; max-width:100px;}
.manager1 .txt_box h3.sub_title {margin-bottom:15px; line-height:1.4; word-break:keep-all;}
.manager1 .txt_box h4 {font-size:2em; word-break:keep-all; margin:20px 0 10px;}
.manager1 .txt_box p {font-size:1.1em;color:#666;}
.manager1 .img_box {width:50%; text-align:center;}
.manager1 .img_box img {width:100%; max-width:300px;}

#manager1_1 {}

#manager1_2 {background-color:#fff3e6;}

#manager1_3 {background-color:#ff8b79;}
#manager1_3 .txt_box {}
#manager1_3 .txt_box h3.sub_title {color:#fff;}
#manager1_3 .txt_box h3.sub_title span {color:#fff;}
#manager1_3 .txt_box h4 {color:#fff;}
#manager1_3 .txt_box p {color:#fff;}

#manager1_4 {}

/* 발전소 유지관리 */
#manager2_1 {}
#manager2_1 ul {display:flex; flex-wrap:wrap;}
#manager2_1 ul li {width:31.33%; margin:1%; background-color:#fff; box-shadow:3px 3px 8px rgb(0, 0, 0, 0.1); border-radius:15px; padding:30px 0; text-align:center;}
#manager2_1 ul li span {font-size:1.4em; color:#ff5c43; font-weight:bold;}
#manager2_1 ul li p {font-size:1.1em; margin-top:10px;}


/* 인사이트 */
.insite {}
.insite h2.title {background:url("../img/insite_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.insite > div:nth-child(odd) {background-color:#f5f5f5;}
.insite h4.box_tit {font-size:1.8em; text-align:center; margin:0 0 20px;}
.insite .txt_box {}
.insite p {font-size:1.1em; margin:8px 0;}
.insite p:before {content:''; display:inline-block; width:5px; height:5px; background-color:#ff5c43; margin-right:7px; margin-bottom:3px;}
.insite .txt_box p:last-child {margin-bottom:0;}
.insite .img_box {text-align:center; border:solid 1px #eee; background-color:#fff;}
.insite .img_box img {width:100%; max-width:745px;}

#insite3_1 {}
#insite3_1 .txt_box {}

#insite3_2 {}
#insite3_2 .txt_box ul {display:flex; flex-wrap:wrap;}
#insite3_2 .txt_box ul li {width:25%; padding:10px; text-align:center;}
#insite3_2 .txt_box ul li img {width:100%; max-width:200px; border-radius:15px;}
#insite3_2 .txt_box ul li h4 {font-size:1.2em;}
#insite3_2 .img_box {background-color:transparent; border:0; margin-top:40px;}
#insite3_2 .img_box img {max-width:1000px;}


s
/* 고객센터 */
.contact {}
.contact h2.title {background:url("../img/client_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.contact .container {max-width:740px;}
.contact form {}
.contact .control-group {}
.contact .control-group .form-group {margin-bottom:25px;}
.contact .control-group .form-group label {font-size:1.1em; color:#666; font-weight:300; padding-left:5px; padding-bottom:3px;}
.contact .control-group .form-group .form-control {border:solid 1px #ddd; border-radius:15px; transition:all 0.25s; background-color:#fff;}
.contact .control-group .form-group select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("../img/select_arrow.png") no-repeat 98% 52% #fff;}
.contact .control-group .form-group select::-ms-expand{ display:none;}
.contact .control-group .form-group .form-control:active,
.contact .control-group .form-group .form-control:focus {border-color:#ff5c43; box-shadow:3px 3px 8px rgb(255 124 92 / 10%);}

.contact .control-group .form-group select:active,
.contact .control-group .form-group select:focus {background:url("../img/select_arrow2.png") no-repeat 98% 52% #fff;}

.contact .add_box {}
.contact .add_box .form-group {overflow:hidden;}
.contact .add_box .form-group label {width:100%;}
.contact .add_box .form-group input {float:left; width:79%;}
.contact .add_box .form-group button {float:right; width:20%; height:45px; margin-left:1%; border-radius:15px; background-color:#ff5c43; border:0; color:#fff;}

.contact .agree {text-align:center;}
.contact .agree button {background-color:transparent; border:0;}
.contact .done_btn {text-align:center;}
.contact .done_btn button {background-color:#ff5c43; outline:none; font-size:1.1em; color:#fff; border-radius:15px; padding:12px 20px;}

.appli_btn {width:100%; padding-top:40px;}
.appli_btn a {display:block; width:100%; max-width:220px; margin:0 auto; background-color:#ff5c43; font-size:1.6em; color:#fff; font-weight:bold; padding:20px 0; text-align:center; border-radius:15px;}

/* 회사소개 */
.about_us {}
.about_us .container {display:flex;}
.about_us h2.title {background:url("../img/client_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.about_us .img_box {width:30%; padding-top:15px;}
.about_us .img_box img {width:100%; max-width:318px;}
.about_us .txt_box {width:70%; padding-left:20px;}
.about_us .txt_box h3.sub_title {text-align:left; line-height:1.4; margin-bottom:20px;}
.about_us .txt_box p {font-size:1.15em; color:#666; margin-bottom:2px;}
.about_us .txt_box p.mar_t {margin-top:15px;}
.about_us .txt_box p:last-child {font-size:1.4em; font-weight:bold;}
.about_us .txt_box p span {color:#ff5c43; font-weight:bold;}

/* footer */
#footer {background-color:#222; padding:30px 0 40px;}
#footer ul {display:flex; flex-wrap:wrap; max-width:710px;}
#footer ul li.tit {width:100%; font-size:1.6em; color:#fff; font-weight:bold; margin-bottom:10px;}
#footer ul li.tit:after {display:none;}
#footer ul li {color:#ccc; padding-right:10px; line-height:1.6;}
#footer ul li:after {content:''; display:inline-block; width:1px; height:14px; background-color:#ccc; margin-left:10px;}
#footer ul li:last-child:after {display:none;}
#footer ul li a {color:#ccc;}
#footer p.copy_r {padding-top:15px;}
#footer p.copy_r a {color:#ccc;}
#footer p.copy_r a:hover {color:#ccc;}


@media (min-width:768px) and (max-width:1100px) {
    .navbar .navbar-nav {margin-right:10px;}
    .navbar .navbar-nav li ul.sub_nav {min-width:140px !important;}
}

@media (min-width:1041px) {
    .navbar .navbar-nav li ul.sub_nav {top:57px;}

    
    #solar1 .img_box ul.img li:after {border-bottom:0; border-left:0; top:40%; right:0;}
    
    #profits2_2 ul li:nth-child(3):after,
    #profits2_2 ul li:nth-child(6):after,
    #profits2_2 ul li:nth-child(7):after {display:none;}
}


@media (max-width:1040px) {
    body {font-size:14px;}
    
    .navbar-brand {height:auto !important;}
    .logo_img img {margin-left:10px; max-width:125px;}
    .navbar-default .navbar-nav>li>a {padding:15px 10px;}
    .navbar .navbar-nav li ul.sub_nav {top:51px;}
    .navbar .navbar-nav li ul.sub_nav li a {font-size:0.9em;}
    
    .cont_pad {padding:70px 20px;}
    h2.title {font-size:2.6em; padding:130px 0 80px;}
    h3.sub_title, h3.sub_title2 {font-size:2em; margin:0 0 20px;}
    
    
    #solar1 .img_box {margin-top:40px;}
    
    .manager1 .txt_box {width:100%; padding-top:0;}
    .manager1 .img_box {width:100%; padding-top:50px;}
    .manager1 .img_box img {max-width:220px;}
    
}


@media (max-width:920px) {
    #profits1_2 ul li {width:48%;}
    
    #profits2_2 ul li {width:45%;}
    #profits2_2 ul li:nth-child(odd) {margin:10px 5% 10px 0;}
    #profits2_2 ul li:nth-child(even) {margin:10px 0 10px 5%;}
    #profits2_2 ul li:nth-child(even):after,
    #profits2_2 ul li:last-child:after {display:none;}
    
    #manager2_1 ul li {width:48%;}
    
    #insite3_2 .txt_box ul li {width:50%;}
    #insite3_2 .txt_box ul li img {max-width:140px;}
    
    .about_us .container {flex-wrap:wrap;}
    .about_us .img_box {width:100%; text-align:center; padding-top:0;}
    .about_us .txt_box {width:100%; text-align:center; padding-left:0; padding-top:20px;}
    .about_us .txt_box h3.sub_title {text-align:center;}
    .about_us .txt_box p {font-size:1.05em;}
    
}

@media (min-width:768px) {
    .navbar .navbar-nav li ul.sub_nav {display:none; z-index:999; position:absolute; left:50%; transform:translateX(-50%); width:100%; min-width:160px; padding:0}

}


@media (max-width:767px) {
    body {font-size:13px;}
    #container {margin-top:53px;}
    .logo_img img {max-width:100px; margin-top:7px; padding-top:0;}
    
    .navbar .navbar-nav {text-align:left;}
    .navbar-nav > li {border-bottom:solid 1px #eee; position:relative;}
    .navbar-nav > li:after {content:''; display:inline-block; width:8px; height:8px; border:solid 1px #666; border-top:0; border-left:0; transform:rotate(45deg); position:absolute; top:15px; right:10px;}
    .navbar-default .navbar-nav>li>a {display:inline-block; padding:10px;}
    .navbar .navbar-nav li ul.sub_nav {display:none;}
    .navbar .navbar-nav li ul.sub_nav li {padding:8px 10px; color:#666;}
    .navbar .navbar-nav li ul.sub_nav li:nth-child(1) {border-top:solid 1px #eee;}
    .navbar .navbar-nav li ul.sub_nav li a {font-size:1em;}
    .navbar .navbar-nav li ul.sub_nav li a:before {content:''; display:inline-block; width:3px; height:3px; background-color:#ff5c43; margin-right:7px; margin-bottom:3px;}

    /* 공통 */
    .cont_pad {padding:70px 15px;}
    br.mo_none {display:none;}
    h2.title {font-size:2em; padding:70px 0 60px;}
    h3.sub_title, h3.sub_title2 {font-size:1.8em;}
    
    #solar1 .img_box ul.img {display:flex; flex-wrap:wrap;}
    #solar1 .img_box ul.img li {width:100%; padding-bottom:60px;}
    #solar1 .img_box ul.img li:last-child {padding-bottom:0;}
    #solar1 .img_box ul.img li:after {border-top:0; border-left:0; left:50%; bottom:26px; margin-left:-3px;}
    
    #solar2 .tr_box {flex-wrap:wrap; padding:30px;}
    #solar2 .tr_box h4 {width:100%; border-right:0; border-bottom:solid 1px #eee; padding-bottom:15px; margin-bottom:15px;}
    #solar2 .tr_box .txt_box {width:100%;}
    #solar2 .tr_box p {padding:0;}
    
    #solar3 ul.txt_list {flex-wrap:wrap;}
    #solar3 ul.txt_list li {width:100%; margin-bottom:30px; margin-right:0;}
    #solar3 ul.txt_list li:last-child {margin-bottom:0;}
    #solar3 ul.txt_list li img {max-width:70px;}
    #solar3 ul.txt_list li p {margin-bottom:3px;}
    
    #solar4 .table_box {overflow:scroll;}
    
    #solar5 .table_box {overflow:scroll;}
    
    #profits1_1 .txt_box {padding:30px 20px;}
    #profits1_1 .txt_box h4 {font-size:1.4em;}
    #profits1_1 .txt_box p {font-size:1.05em;}
    #profits1_1 .txt_box p:before {top:8px;}
    
    #profits1_2 ul li {width:100%; margin:0 0 20px;}
    
    #profits2_1 .txt_box ul {flex-wrap:wrap; padding:20px;}
    #profits2_1 .txt_box ul li {width:100%; border-right:0; border-bottom:solid 1px #eee; padding-bottom:20px; margin-bottom:20px;}
    #profits2_1 .txt_box ul li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0}
    #profits2_1 .txt_box ul li img {}
    
    #profits2_2 ul li:after {right:-18.5%;}
    
    #profits2_3 .img_box h4 {font-size:1.4em;}
    #profits2_3 .img_box p {font-size:1em;}
    
    #profits3_1 .tr_box {flex-wrap:wrap; padding:30px;}
    #profits3_1 .tr_box h4 {width:100%; border-right:0; border-bottom:solid 1px #eee; padding-bottom:15px; margin-bottom:15px;}
    #profits3_1 .tr_box .txt_box {width:100%;}
    #profits3_1 .tr_box .txt_box p {padding:0;}
    
    #profits4_1 ul {flex-wrap:wrap;}
    #profits4_1 ul li {width:100%; margin:0 0 20px;}
    #profits4_1 ul li img {width:60px;}
    
    #profits5_1 .txt_box {padding:30px 20px;}
    #profits5_1 .txt_box h4 {font-size:1.4em;}
    #profits5_1 .txt_box p {font-size:1.05em;}
    #profits5_1 .txt_box p {top:8px;}
    #profits5_1 .img_box {flex-wrap:wrap;}
    #profits5_1 .img_box .img {width:100%;}
    #profits5_1 .img_box .img:first-child {margin-right:0; margin-bottom:30px;}
    
    #profits5_2 .table_box {overflow:scroll;}
    
    .manager1 .txt_box img {max-width:60px;}
    .manager1 .txt_box h4 {font-size:1.5em; margin:20px 0 5px;}
    .manager1 .txt_box h3.sub_title {font-size:1.6em; margin-bottom:10px;}
    .manager1 .txt_box p {font-size:0.95em;}
    .manager1 .img_box {padding-top:30px;}
    
    #manager2_1 ul li {width:100%; margin:10px 0;}
    
    .insite h4.box_tit {font-size:1.8em;}
    .insite p {font-size:1.05em;}
    
    #footer {padding:20px 0 30px;}
    #footer ul li.tit {font-size:1.4em; margin-bottom:5px;}
    #footer ul li {font-size:0.9em; padding-right:7px;}
    #footer ul li:after {height:10px;}
}

@media (max-width:440px) {
    #profits2_2 ul li {width:100%; margin:10px 0 !important;}
    #profits2_2 ul li:after {display:none;}
    
}