@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 400;
  src: url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//fastly.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}



.m_show {display:none}

#container .sub_section1 {padding-bottom:0}
#promotion {overflow: hidden;}
#sub_visual {margin-bottom:0}
#sub_visual .visual_tit {top:50%; width:90%; font-family: "Apple SD Gothic Neo"}
#container .sub_section1 h2.main_tit1 {padding-top:.8em; margin: 0; font-family: "Apple SD Gothic Neo"}
#container .sub_section1 h2.main_tit2 {margin: 0 }
.sub_solution {font-size:1px}
.sub_solution * {font-size:1em;word-break:keep-all; font-family: 'Pretendard';letter-spacing:-0.05em;word-spacing:-0.03em}

/* 공통 */
.sub_content .wrap {max-width:1002em; margin:0 auto}
.sub_content .wrap ~ .wrap {padding-top:150em}
.sub_content .title_group {text-align:center}
.sub_content .title_group ~ .title_group {margin-top:150em}
.sub_content .title_group h2 {font-size:45em; color:#232323; font-weight:bold}
.sub_content .title_group h2 .logo {height: 1em; width: auto; margin-top:.14em; margin-right:.3em}
.sub_content .title_group .desc {margin-top:.9em; line-height:1.48; font-size:35em; color:#232323; }
.sub_section {padding:160em 5%}
.sub_section .con {margin-top:80em}

/* 유튜브영상 */
.onm_system_sect {padding:145px 0 150px;}
.onm_system_sect .title_group h3 {font-size:30px}
.onm_system_sect .iframe_warp {position:relative; max-width:700px; margin:40px auto 0}
.onm_system_sect .iframe_warp:after {display:block; padding-top:56.25%; content:''}
.onm_system_sect .iframe_warp iframe {position:absolute; top:0; left:0; width:100%; height:100%}

/* 타이틀 */
.sub_title_sect {padding:140em 5%; text-align:center; background:#f4f4f4}
.sub_title_sect .tit {line-height:1.3;font-size:55em; font-weight: 700; color:#00259d}
.sub_title_sect .sub_tit {margin-top:0.5em;line-height:1.4;font-size:45em; color:#000000}



/* 소개 */
.sub_intro_sect .con {position:relative;text-align:center}
.sub_intro_sect .list_advantage {display:flex;justify-content: center}
.sub_intro_sect .list_advantage li {flex:1;margin:0 10em}
.sub_intro_sect .list_advantage .icon_box {position:relative;height:178em;border-radius:14em;background:#f4f4f4}
.sub_intro_sect .list_advantage .icon_box .icon {position:absolute;bottom:0;top:0;left:0;right:0;width:100em;height:100em;margin:auto;background:url('../img/solution/advantage_icons.png') no-repeat; background-size:500em auto;}
.sub_intro_sect .list_advantage li:nth-child(1) .icon_box .icon {background-position:0 0}
.sub_intro_sect .list_advantage li:nth-child(2) .icon_box .icon {background-position:-100em 0}
.sub_intro_sect .list_advantage li:nth-child(3) .icon_box .icon {background-position:-200em 0}
.sub_intro_sect .list_advantage li:nth-child(4) .icon_box .icon {background-position:-300em 0}
.sub_intro_sect .list_advantage li:nth-child(5) .icon_box .icon {background-position:-400em 0}
.sub_intro_sect .list_advantage .tit {margin-top:0.4em;line-height:1.3;font-size:30em}
.sub_intro_sect .network_img {margin-right:-100em}
.sub_intro_sect .network_img img {width:100%}

/* 사례 */
.sub_case_sect {background:#f4f4f4}
.sub_case_sect .wrap:first-child {max-width:1184em}
.sub_case_sect .case_list {display:flex;flex-wrap:wrap;margin:-25em -7em}
.sub_case_sect .case_list li {width:25%;padding:25em 7em}
.sub_case_sect .case_list li .thumb {background:#a9a9a9}
.sub_case_sect .case_list li .thumb img {width:100%;height:auto}
.sub_case_sect .case_list li .logo {position:relative;height:50em;margin-top:25em;margin-bottom:5em}
.sub_case_sect .case_list li .logo img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:100%;width:auto}
.sub_case_sect .case_list li .txt {font-size:27em;text-align:center}
.sub_case_sect .item_consulting_case {position:relative;padding-left:220em}
.sub_case_sect .item_consulting_case + .item_consulting_case {margin-top:60em}
.sub_case_sect .item_consulting_case .corp_img {position:absolute;left:0;width:220em;text-align:center}
.sub_case_sect .item_consulting_case .corp_img img {max-width:100%}
.sub_case_sect .item_consulting_case .corp_img p {margin-top:0.3em;font-size:30em}
.sub_case_sect .item_consulting_case .case_info {margin-left:15em}
.sub_case_sect .item_consulting_case .case_info dl {display:flex;align-items: flex-start}
.sub_case_sect .item_consulting_case .case_info dl + dl {margin-top:10em}
.sub_case_sect .item_consulting_case .case_info dt {flex:0 0 auto;width:6em;padding:0.2em 0;font-size:22em;color:#fff;background:#007339;text-align:center;border-radius:0.5em}
.sub_case_sect .item_consulting_case .case_info dd {padding-left:0.6em;font-size:27em}

/* 솔라에셋 */
.sub_solar_asset .logo_solar_asset {display:block;margin:0 auto 30em;width:330em}
.sub_solar_asset .table_wrap table {width:100%}
.sub_solar_asset .table_wrap table thead th {padding:0.8em 0;font-size:27em;color:#fff;background:#403cd7;text-align:center}
.sub_solar_asset .table_wrap table tbody tr:nth-child(even) {background:#f4f4f4}
.sub_solar_asset .table_wrap table tbody th {font-size:27em;border-bottom:1px solid #939393}
.sub_solar_asset .table_wrap table tbody th * {vertical-align: middle}
.sub_solar_asset .table_wrap table tbody th .txt1 {line-height:1.2;font-size:0.9em;}
.sub_solar_asset .table_wrap table tbody th .txt1 ~ .txt1 {margin-top:0.5em}
.sub_solar_asset .table_wrap table tbody th .mark {display:inline-block;padding:0.2em 0.4em;line-height:1;font-size:0.66em;color:#b31d33;background:#fff;border-radius:0.6em}
.sub_solar_asset .table_wrap table tbody tr > * {padding:0.6em 0;line-height:1.2;font-size:27em;border-bottom:1px solid #939393;text-align:center}
.sub_solar_asset .table_wrap table tbody tr td {border-left:1px solid #939393}
.sub_solar_asset .table_wrap table tbody tr td .icon {display:block;font-size:0.03em;width:40em;height:40em;margin:0 auto;background:url('../img/solution/icons_display.png') no-repeat; background-size:120em 40em}
.sub_solar_asset .table_wrap table tbody tr td .icon {background-position:-80em 0}
.sub_solar_asset .table_wrap table tbody tr td .icon.o {background-position:0 0}
.sub_solar_asset .table_wrap table tbody tr td .icon.x {background-position:-40em 0}

/* 솔루션 찾기 */
.sub_solution_sect {padding-top:0}
.box_solution_form {padding:80em 80em 40em;border-radius:40em; background:#f7f7f7}
.box_solution_form .item_select {display:none}
.box_solution_form .item_select + .item_select {margin-top:35em}
.box_solution_form .item_select:nth-child(1) {display:block}
.box_solution_form .item_select dt {padding:0 0 0.2em 1.2em;font-size:35em}
.box_solution_form .item_select dt strong {font-weight:bold}
.box_solution_form .item_select .select_wrap {display:flex;padding:10em; background:#fff; border:1em solid #ebebeb; border-radius:23em}
.box_solution_form .item_select .select_wrap button {flex:1; padding:0.4em; line-height:1.4; font-size:30em; border:0; text-align:center;background:#fff; border-radius:0.5em;cursor:pointer}
.box_solution_form .item_select .select_wrap button:focus {outline: 0}
.box_solution_form .item_select .select_wrap button:hover {background:#eeeeff}
.box_solution_form .item_select .select_wrap button.active {background: #403cd7;color:#fff}
.box_solution_form .btn_submit {width:100%;padding:0.2em;margin-top:2em;font-size:30em;background: #403cd7;border-radius:0.5em;color:#fff;transition:0.3s filter}
.box_solution_form .btn_submit:hover {filter:brightness(1.2)}
.box_solution_form .result_box {display:none;margin-top:100em}
.box_solution_form .result_box dl {display:flex;margin-top:20em}
.box_solution_form .result_box dt {display:flex;align-items:center;justify-content:center;flex-direction: column; width:304em;border-radius:20em;text-align:center}
.box_solution_form .result_box dt span {line-height:1.4;font-size:30em;color:#fff}
.box_solution_form .result_box dt span.mark {display:inline-block;padding:0.2em 0.4em;line-height:1;font-size:20em;color:#b31d33;background:#fff;border-radius:0.6em}
.box_solution_form .result_box dd {flex:1;padding:30em;background:#fff;border-radius:20em;border:1em solid #ebebeb;}
.box_solution_form .result_box dd .row {display:flex;align-items:flex-start;flex-wrap:nowrap;margin:0; }
.box_solution_form .result_box dd .row img {height:1.1em;width:auto;margin:0.2em 0}
.box_solution_form .result_box dd .row + .row {margin-top:8em}
.box_solution_form .result_box dd .row .tit {margin-right:0.8em;font-weight:bold;line-height:1.48;font-size:27em;}
.box_solution_form .result_box dd .row .txt {line-height:1.48;font-size:27em;}
.box_solution_form .result_box dd .row .txt .s {font-size:0.74em}
.box_solution_form .result_box dl.type2 {display:block;border:1em solid #ebebeb;background:#fff;border-radius:20em;}
.box_solution_form .result_box dl.type2 dt {width:100%}
.box_solution_form .result_box dl.type2 dd {border:0;background:transparent;text-align:center}
.box_solution_form .logo_solar_asset {display:block;width:178em;height:auto;margin:55em auto 0}
#solution_result1 dt {background:#0033d8}
#solution_result2 dt {background:#008c3a}
#solution_result3 dt {background:#b31d33}
#solution_result4 dt {background:#0033d8}
#solution_result5 dt {background:#b31d33}

 
/* 빅데이터 */ 
.sub_bigdata_sect {background: #f5f5f5}
.sub_bigdata_sect .inner_tit_wrap {text-align:center}
.sub_bigdata_sect .con2 .inner_tit_wrap {text-align:left}
.sub_bigdata_sect .inner_tit_wrap .tit {margin-bottom:0.3em;font-size:40em;font-weight:600;color:#00259d;text-align:center}
.sub_bigdata_sect .inner_tit_wrap .sub_txt {font-size:30em}
.sub_bigdata_sect .inner_tit_wrap .sub_txt:before {display:inline-block;width:1em;height:1em;margin-right:0.3em;background:url('../img/solution/icon_check.png') no-repeat;background-size:contain;content:'';vertical-align:sub}
.sub_bigdata_sect .item_list {display:flex;margin:60em -10em 0}
.sub_bigdata_sect .item_list li {flex:1;margin:0 10em;text-align:center}
.sub_bigdata_sect .item_list li .thumb {padding-top:63%;background:#dadada}
.sub_bigdata_sect .item_list li .txt {margin-top:0.5em;font-size:25em}
.sub_bigdata_sect .con1 .item_list li:nth-child(1) .thumb {background:url('../img/solution/bigdata_thumb1.jpg');background-size:cover}
.sub_bigdata_sect .con1 .item_list li:nth-child(2) .thumb {background:url('../img/solution/bigdata_thumb2.jpg');background-size:cover}
.sub_bigdata_sect .con1 .item_list li:nth-child(3) .thumb {background:url('../img/solution/bigdata_thumb3.jpg');background-size:cover}
.sub_bigdata_sect .con2 .item_list li:nth-child(1) .thumb {background:url('../img/solution/bigdata_thumb4.jpg');background-size:cover}
.sub_bigdata_sect .con2 .item_list li:nth-child(2) .thumb {background:url('../img/solution/bigdata_thumb5.jpg');background-size:cover}
.sub_bigdata_sect .con2 .item_list li:nth-child(3) .thumb {background:url('../img/solution/bigdata_thumb6.jpg');background-size:cover}

/* 3-point 플랜 */
.sub_plan_sect .list_plan {display:flex;margin:0 -11em}
.sub_plan_sect .item_plan {flex:1 1 0;padding:10em 20em 30em;margin:0 11em;background:#f4f4f4;border-radius:29em;text-align:center}
.sub_plan_sect .item_plan .tit {margin-top:-0.7em;line-height:1.5;font-size:35em;font-weight:bold;text-align:center;font-family: 'LotteMartDream';}
.sub_plan_sect .item_plan .tit:before {display:inline-block;width:1.4em;height:2.15em;margin:0 0.25em 0 -0.6em;vertical-align:bottom;background:url('../img/solution/icon_3.png') no-repeat;background-size:contain;content:''}
.sub_plan_sect .item_plan ul {display:inline-flex;flex-direction:column;margin-top:20em}
.sub_plan_sect .item_plan ul li {position:relative;padding-left:0.8em;line-height:1.5;font-size:30em;text-align:left}
.sub_plan_sect .item_plan ul li:before {position:absolute;top:0;bottom:0;left:0;width:0.24em;height:0.24em;margin:auto;border-radius:50%;background:#042752;content:''}




@media screen and (max-width:1024px){
    .sub_solution {font-size:0.8px}
    
    /* 소개 */
    .sub_intro_sect .list_advantage {flex-wrap:wrap;justify-content: center;margin:-50em auto 0}
    .sub_intro_sect .list_advantage li {flex:0 1 auto;width:calc(33.33% - 20em);margin-top:50em;}
    .sub_intro_sect .network_img {margin-right:-30em}
}
@media screen and (max-width:768px){
/*    .sub_solution {font-size:0.6px}*/
    
     /* 사례 */
    .sub_case_sect .case_list li {width:50%}
    .sub_case_sect .item_consulting_case {padding-left:0}
    .sub_case_sect .item_consulting_case .corp_img {position:relative;width:auto;margin-bottom:20em}
    
    /* 솔루션 찾기 */
    .box_solution_form {padding:80em 50em 40em}
    .box_solution_form .result_box dt {width:30%}
    
    /* 3-point 플랜 */
    .sub_plan_sect .list_plan {display:block;margin:-30em auto; max-width:500em}
    .sub_plan_sect .item_plan {margin:30em 0;}



}

@media screen and (max-width:600px){
 .sub_solution {font-size:0.6px} 
}