/* visual sub 공통 start */
.sub_visual{
    width:100%;
    position: relative;
    overflow: hidden;
}
.sub_visual::before{
    position: absolute;
    content: '';
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1;
}
.sub_visual > img{
    width:100%;
    object-fit: cover;
    height:450px;
    transition: all 3s ease-in-out;
    transform:scale(1.2);
}
.sub_visual > img.zoom{transform:scale(1);}
.sub_visual .sub_typo{
    position: absolute;
    top:60%;
    left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width:100%;
    z-index: 99;
}
.sub_visual .sub_typo > span.up{opacity:1; transform:translate(0,0);}
.sub_visual .sub_typo span{
    color:#fff;
    display:block;
    opacity:0;
    transform:translate(0,100%);
    transition:all 1s ease-in-out;
    font-family:'GmarketSansMedium';
}
.sub_visual .sub_typo span:first-child{
    font-size:42px;
    transition-delay:0s;
}
.sub_visual .sub_typo span:nth-child(2){
    font-size:18px;
    transition-delay:0.5s;
    font-family:'GmarketSansLight';
}
/* visual sub 공통 end */

/* tab 메뉴 공통 */
/* .contents{padding:30px 0;} */
.sub_tabmenu{
    position: sticky;
    z-index: 99;
    top:171px;
    transform: translateY(-60px);
    background: rgba(0,0,0,0.6);
    height:60px;
    line-height: 60px;
}
.sub_tabmenu.on{
    position: fixed;
    width:100%;
    top:160px;
    z-index: 99;
    background: rgba(0,0,0,0.7);
}

.sub_tabmenu ul{font-size:0;}
.sub_tabmenu li{display:inline-block;}
.sub_tabmenu li a{
    display: block;
    font-size:18px;
    text-align: center;
    color:#fff;
    transition: all .3s ease-in-out;
}
.tabmenu01 li{width:25%;}
.tabmenu02 li{width:25%;}
.tabmenu03 li{width:50%;}
.tabmenu04 li{width:50%;}
.tabmenu05 li{width:25%;}
.tabmenu06 li{width:25%;}

.sub_tabmenu li a:hover{background-color: #82703d; color:#fff; transition: all .3s ease-in-out;}

.sub01_01 .sub_tabmenu li:nth-child(1) a{background-color: #0958ba; color:#fff;}
.sub01_02 .sub_tabmenu li:nth-child(2) a{background-color: #0958ba; color:#fff;}
.sub01_03 .sub_tabmenu li:nth-child(3) a{background-color: #0958ba; color:#fff;}
.sub01_04 .sub_tabmenu li:nth-child(4) a{background-color: #0958ba; color:#fff;}

.sub02_01 .sub_tabmenu li:nth-child(1) a{background-color: #0958ba; color:#fff;}
.sub02_02 .sub_tabmenu li:nth-child(2) a{background-color: #0958ba; color:#fff;}
.sub02_03 .sub_tabmenu li:nth-child(3) a{background-color: #0958ba; color:#fff;}
.sub02_04 .sub_tabmenu li:nth-child(4) a{background-color: #0958ba; color:#fff;}

.sub03_01 .sub_tabmenu li:nth-child(1) a{background-color: #0958ba; color:#fff;}
.sub03_02 .sub_tabmenu li:nth-child(2) a{background-color: #0958ba; color:#fff;}

.sub04_01 .sub_tabmenu li:nth-child(1) a{background-color: #0958ba; color:#fff;}
.sub04_02 .sub_tabmenu li:nth-child(2) a{background-color: #0958ba; color:#fff;}
/* .sub04_03 .sub_tabmenu li:nth-child(3) a{background-color: #8e0000; color:#fff;} */

.sub05_01 .sub_tabmenu li:nth-child(1) a{background-color: #0958ba; color:#fff;}
.sub05_02 .sub_tabmenu li:nth-child(2) a{background-color: #0958ba; color:#fff;}
.sub05_03 .sub_tabmenu li:nth-child(3) a{background-color: #0958ba; color:#fff;}
.sub05_04 .sub_tabmenu li:nth-child(4) a{background-color: #0958ba; color:#fff;}
.sub05_05 .sub_tabmenu li:nth-child(5) a{background-color: #0958ba; color:#fff;}

.sub06_01 .sub_tabmenu li:nth-child(1) a{background-color: #0958ba; color:#fff;}
.sub06_02 .sub_tabmenu li:nth-child(2) a{background-color: #0958ba; color:#fff;}
.sub06_03 .sub_tabmenu li:nth-child(3) a{background-color: #0958ba; color:#fff;}
.sub06_04 .sub_tabmenu li:nth-child(4) a{background-color: #0958ba; color:#fff;}
/* tab 메뉴 공통 */

/* sub 타이틀 공통 */
.contents_title{
    padding:30px 0;
    position: relative;
    width:100%;
    min-width:1224px;
    overflow: hidden;
}
.contents_title h2{
    padding:30px 0;
    font-size:40px;
    color:#333;
    font-weight: 400;
    text-align: center;
    position: relative;
}
.contents_title h2::before{
    position: absolute;
    content: '';
    bottom:0px;
    width:50px;
    height:3px;
    left:50%;
    transform: translateX(-50%);
    background-color: #0958ba;
}
.contents_title h2 span{
    font-size:40px;
    font-weight:800;
    display: block;
    animation: flipInX 1.5s .3s both;
}

.contents_detail{padding:30px 0;}
/* sub 타이틀 공통 */

/* image_show_wrap 공통 */
.contents_detail .image_show_wrap,
.contents_detail .image_show_wrap2{
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
}
.contents_detail .image_show_wrap{overflow: hidden; animation-duration: 1.4s;}
.contents_detail .image_show_wrap2{animation-duration: 1.4s;}

.contents_detail .show_img01{animation-name: show_img01;}
@keyframes show_img01{
    0%{opacity: 0; transform: translate3d(-100%, 0, 0);}
}
.contents_detail .show_img02{animation-name: show_img02;}
@keyframes show_img02{
    0%{opacity: 0; transform: translate3d(100%, 0, 0);}
}
.contents_detail .show_img03{animation-name: show_img03;}
@keyframes show_img03{
    0%{opacity: 0; transform: translate3d(100%, 0, 0);}
}
.contents_detail .show_img04{animation-name: show_img04;}
@keyframes show_img04{
    0%{opacity: 0; transform: translate3d(-100%, 0, 0);}
}
.contents_detail .show_img05{animation-name: show_img05;}
@keyframes show_img05{
    0%{opacity: 0; transform: translate3d(0, 100%, 0);}
}
.contents_detail .show_img06{animation-name: show_img06;}
@keyframes show_img06{
    0%{opacity: 0; transform: translate3d(0, -100%, 0);}
}
/* image_show_wrap 공통 */

/* image 확대 공통 */
.clip-animation {
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    animation: clipExpand 1s cubic-bezier(0.770, 0.000, 0.175, 1.000) forwards;
}
    @keyframes clipExpand {
    from {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
/* image 확대 공통 */

/* ------------------------------------------- sub -------------------------------------------------------- */
/* sub01_01 */
.sub_about li{position: relative;}
/*.sub_about li:nth-of-type(1){padding-left:10px; }*/
.sub_about li:nth-of-type(1)::before{
    position: absolute;
    content: '';
    width:98%;
    height:100%;
    top:0px;
    left:0;
    background-color: #9c874a;
    animation: flipInX 1.5s .3s both;
}
.sub_about li span{
    display: block;
    font-size:16px;
    font-weight: 800;
    color:#333;
    text-align: left;
    padding-bottom:10px;
    position: relative;
}
.sub_about li span::after{
    position: absolute;
    content: '';
    width:20px;
    height:2px;
    bottom:0;
    left:0;
    background-color: #9c874a;
}
.sub_about li h3{
    font-size:48px;
    color:#000;
    text-align: left;
    padding:20px 0;
}
.sub_about li p{
    font-size:18px;
    line-height: 32px;
    color:#333;
    text-align: left;
    padding:10px 0;
}
.sub_about li p strong{
    font-size:24px;
    color:#9c874a;
}
.sub_about li .sine{
    position: absolute;
    right:0;
    bottom:-90px;
    font-size:24px;
    font-weight: 600;
    color:#000;
}
/* sub01_01 */

/* sub01_02 */
.sub_map .chart{
    margin-top:30px;
    width:100%;
    border-top:3px solid #9c874a;
    box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}
.sub_map .chart tr th,
.sub_map .chart tr td{
    font-size:16px;
    color:#333;
    padding:20px;
    border:1px solid #ccc;
}
/* sub01_02 */

/* sub01_03 */
.group_top h2{
    font-size:32px;
    color:#fff;
    background-color: #0958ba;
    width:200px;
    margin:0 auto;
    border-radius: 10px;
    padding:10px 0;
    text-align: center;
    position: relative;
}
.group_top h2::after{
    content: '';
    position: absolute;
    bottom:-173px;
    left:50%;
    transform: translateX(-50%);
    height:170px;
    border:1px dashed #ccc;
}

.group_middle{margin-top:60px;}
.group_middle ul{
    display: flex;
    align-items: top;
    justify-content: space-between;
    padding:0 30px;
}
.group_middle h3{
    font-size:24px;
    color:#fff;
    width:200px;
    background-color: #0958ba;
    text-align: center;
    padding:10px 0;
    border-radius: 10px;
    position: relative;
}
.group_middle li:nth-of-type(2) h3::after{
    content: '';
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:200px;
    width:938px;
    border:1px dashed #ccc;
}
.group_middle li:nth-of-type(2) h3::before{
    content: '';
    position: absolute;
    width:10px;
    height:10px;
    border-radius: 50%;
    top:50%;
    transform: translateY(-50%);
    right:665px;
    background-color: #0958ba;
    z-index: 9;
}

.group_line{
    margin:60px auto 30px auto;
    width:81%;
    border:1px dashed #ccc;
}

.group_bottom{margin-top:60px;}
.group_bottom ul{
    display: flex;
    align-items: top;
    justify-content: space-between;
}
.group_bottom li{width:20%; margin-right:20px; position: relative;}
.group_bottom li:last-child{margin-right:0;}
.group_bottom li::before{
    content: '';
    position: absolute;
    top:-30px;
    left:50%;
    transform: translateY(-50%);
    height:55px;
    border:1px dashed #ccc;
}
.group_bottom li::after{
    content: '';
    position: absolute;
    top:-65px;
    left:50%;
    transform: translateX(-50%);
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #0958ba;
}

.group_bottom h4{
    width:100%;
    font-size:20px;
    color:#fff;
    text-align: center;
    background-color: #7f7f7f;
    text-align: center;
    padding:10px 0;
    border-radius: 10px;
}
.group_bottom p{
    width:100%;
    font-size:18px;
    font-weight: 800;
    color:#000;
    text-align: center;
    background-color: #d9d9d9;
    padding:10px 0;
    margin:10px 0;
    border-radius: 5px;
}
/* sub01_03 */

/* sub01_04 */
/* 연혁 */
.sub01_04 .history ul{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap:40px;
}
.sub01_04 .history ul li{width:50%;}
.sub01_04 .history ul li .img{position: relative; overflow: hidden;}
.sub01_04 .history ul li .img::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.sub01_04 .history ul li .img h2{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-size:72px;
    color:#fff;
    text-align: center;
    font-weight: 800;
}

.sub01_04 .history ul li .txt{position: relative; margin:60px 0;}
.sub01_04 .history ul li .txt::before{
    content: '';
    position: absolute;
    top:75px;
    left:50px;
    width:1px;
    height:100%;
    border-left:1px dashed #ccc;
}
.sub01_04 .history ul li .txt h3{
    font-size:48px;
    color:#82703d;
    background-color: #fff;
}
.sub01_04 .history ul li .txt .tit{padding-left:140px; margin-top:30px;}
.sub01_04 .history ul li .txt .tit p{
    font-size:20px;
    color:#333;
    text-align: left;
    line-height:48px;
    position: relative;
}
.sub01_04 .history ul li .txt .tit p::after{
    content: '';
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:-90px;
    width:70px;
    height:1px;
    border-top:1px dashed #82703d;
}
.sub01_04 .history ul li .txt .tit p::before{
    content: '';
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:-92.5px;
    width:8px;
    height:8px;
    border-radius: 50%;
    background-color: #82703d;
}





/* sub01_04 */

/* s_tabmenu 공통 */
.s_tabmenu{
    display: flex;
    align-items: center;
    position: relative;
}
.s_tabmenu::before{
    position: absolute;
    content: '';
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color: #1b428e;
}
.s_tabmenu li{width:33.333%; position: relative;}
.sub_procedure .s_tabmenu li{width:50%; position: relative;}
.s_tabmenu li a{
    display:block;
    text-align: center;
    height:40px;
    line-height:40px;
    font-size:18px;
    color:#fff;
    font-weight:600;
    background-color: #1b428e;
    margin-right:10px;
}
.s_tabmenu li:last-child a{margin-right:0;}
.s_tabmenu li a:hover{background-color: #fff; color:#333; border-top:1px solid #1b428e; border-left:1px solid #1b428e; border-right:1px solid #1b428e;}

.s_tabmenu li:first-child a.on{background-color: #fff; color: #333; border:1px solid #1b428e; border-bottom:2px solid #fff;}
.s_tabmenu li a.active0{background-color: #fff; color: #333; border:1px solid #1b428e; border-bottom:2px solid #fff;}
.s_tabmenu li a.active1{background-color: #fff; color: #333; border:1px solid #1b428e; border-bottom:2px solid #fff;}
.s_tabmenu li a.active2{background-color: #fff; color: #333; border:1px solid #1b428e; border-bottom:2px solid #fff;}

.contents_detail .tabcontainer .tabcontents{margin-top:60px;}
/* s_tabmenu 공통 */

/* sub02_01 */
/* a_tab1 */
.a_tab1_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
}
.a_tab1_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.a_tab1_text1 h4{
    font-size:24px;
    color:#1b428e;
    padding:10px 0 30px 30px;
}
.a_tab1_text1 .chart{
    width:100%;
    border-top:3px solid #1b428e;
}
.a_tab1_text1 .chart tr th{background-color: #f7f7f7;}
.a_tab1_text1 .chart tr th,
.a_tab1_text1 .chart tr td{
    font-size:16px;
    color:#333;
    border:1px solid #333;
    padding:20px;
}
.a_tab1_text1 .chart tr td a:hover{color:red;}
.a_tab1_text1 p{
    font-size:16px;
    line-height: 32px;
    color:#333;
    padding:5px 0;
}

.a_tab1_text1 .a_tab1_text1_box{
    display: flex;
}
.a_tab1_text1 .a_tab1_text1_box li{margin-right:20px; border-top:3px solid #1b428e;}
.a_tab1_text1 .a_tab1_text1_box li:nth-child(1){width:60%;}
.a_tab1_text1 .a_tab1_text1_box li:nth-child(2){width:40%; margin-right:0;}
.a_tab1_text1 .a_tab1_text1_box li:nth-child(2) img{border:1px solid #333; height:346px; width:100%;}


.a_tab1_text2{margin-top:60px;}
.a_tab1_text2 h4{
    font-size:24px;
    color:#1b428e;
    padding:10px 0 30px 30px;
}
.a_tab1_text2 .chart{
    width:100%;
    border-top:3px solid #1b428e;
}
.a_tab1_text2 .chart tr th{background-color: #f7f7f7;}
.a_tab1_text2 .chart tr th,
.a_tab1_text2 .chart tr td{
    font-size:16px;
    color:#333;
    border:1px solid #333;
    padding:20px;
}
.a_tab1_text2 .tab1_text2_icon > ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.a_tab1_text2 .tab1_text2_icon > ul > li{width:50%; text-align: center; position: relative;}
.a_tab1_text2 .tab1_text2_icon > ul > li .text2_icon_img{
    width:150px;
    height:150px;
    margin:0 auto;
    border-radius: 50%;
    border:2px solid #1b428e;
    text-align: center;
    padding-top:30px;
    box-shadow:2px 2px 5px rgba(0,0,0,0.3);
    position: relative;
}
.a_tab1_text2 .tab1_text2_icon > ul > li .text2_icon_img span{
    display: block;
    font-size:16px;
    color:#1b428e;
}
.a_tab1_text2 .tab1_text2_icon > ul > li:nth-of-type(1):after{
    position: absolute;
    content: '';
    width:300px;
    border:1px dashed #333;
    top:40%;
    transform: translateY(-50%);
    right:-150px
}
.a_tab1_text2 .tab1_text2_icon > ul > li:nth-of-type(1)::before{
    position: absolute;
    content: '▶';
    top:39%;
    transform: translateY(-50%);
    right:-15px;
    font-size:24px;
    color:#1b428e;
    z-index: 9;
}
.a_tab1_text2 .tab1_text2_icon p{
    font-size:18px;
    color:#333;
    text-align: center;
    margin-top:30px;
}
/* a_tab1 */

/* a_tab2 */
.a_tab2_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
}
.a_tab2_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.a_tab2_text1 h4{
    font-size:24px;
    color:#1b428e;
    margin-top:30px;
    padding-left:30px;
}
.a_tab2_text1 p{
    font-size:18px;
    color:#333;
    text-align: left;
    padding:10px 0px 10px 30px;
}
.a_tab2_text1 p:nth-of-type(3),
.a_tab2_text1 p:nth-of-type(4){padding:10px 0px 10px 0px;}


.a_tab2_text1 span{
    display: block;
    font-size:16px;
    color:#333;
    text-align: right;
}
.a_tab2_text1 .chart{
    width:100%;
    border-top:3px solid #1b428e;
}
.a_tab2_text1 .chart tr th{background-color: #f7f7f7;}
.a_tab2_text1 .chart tr th,
.a_tab2_text1 .chart tr td{
    font-size:16px;
    color:#333;
    border:1px solid #333;
    text-align: center;
    padding:20px 0;
}
/* a_tab2 */

/* a_tab3 */
.a_tab3_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
}
.a_tab3_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.a_tab3_text1 .tab3_text1_img{
    margin-top:30px;
    background-color: #f7f7f7;
    text-align: center;
    padding:60px 0;
}
/* tab3 */
/* sub02_01 */

/* sub02_02 */
/* tab1 */
.b_tab1_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin:30px 0;
}
.b_tab1_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.b_tab1_text1 p{
    font-size:18px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding-left:20px;
}
.b_tab1_text1 span{
    display: block;
    font-size:16px;
    line-height: 32px;
    color:#333;
    text-align: left;
    padding-left:40px;
}

.b_tab1_text1 .b_tab1_text1_box{
    display: flex;
    margin-bottom:30px;
}
.b_tab1_text1 .b_tab1_text1_box p{letter-spacing: -1px;}
.b_tab1_text1 .b_tab1_text1_box li{margin-right:20px; border-top:3px solid #1b428e;}
.b_tab1_text1 .b_tab1_text1_box li:nth-child(1){width:60%; padding:10px 0;}
.b_tab1_text1 .b_tab1_text1_box li:nth-child(2){width:40%; margin-right:0;}
.b_tab1_text1 .b_tab1_text1_box li:nth-child(2) img{width:100%;}

/* tab1 */

/* tab2 */
.b_tab2_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin:30px 0;
}
.b_tab2_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.b_tab2_text1 p{
    font-size:18px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding-left:20px;
}
.b_tab2_text1 h4{
    font-size: 24px;
    color: #1b428e;
    padding: 30px 0 10px 20px;
}

.b_tab2_text1 .chart{
    width:100%;
    border-top:3px solid #1b428e;
}
.b_tab2_text1 .chart tr th{background-color: #f7f7f7;}
.b_tab2_text1 .chart tr th,
.b_tab2_text1 .chart tr td{
    font-size:16px;
    color:#333;
    border:1px solid #333;
    text-align: center;
    padding:20px 0;
}
/* tab2 */

/* tab3 */
.b_tab3_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin:30px 0;
}
.b_tab3_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.b_tab3_text1 ul{
    display: flex;
    align-items: center;
    width:100%;
}
.b_tab3_text1 ul li{
    width:20%;
    text-align: center;
    margin-right:50px;
    position: relative;
}
.b_tab3_text1 ul li::after{
    position: absolute;
    content: '';
    top:40%;
    transform: translateY(-50%);
    right:-45px;
    border: 1px dashed #1b428e;
    width:40px;
}
.b_tab3_text1 ul li::before{
    position: absolute;
    content: '▶';
    font-size:18px;
    color:#1b428e;
    top:39%;
    transform: translateY(-50%);
    right:-35px;
}
.b_tab3_text1 ul li:last-child::after,
.b_tab3_text1 ul li:last-child::before{display: none;}


.b_tab3_text1 ul li:last-child{margin-right:0;}
.b_tab3_titbox{
    border:1px solid #1b428e;
    border-radius: 10px;
    position: relative;
    height:100px;
}
.box_num{
    position: absolute;
    top:-15px;
    left:50%;
    transform: translateX(-50%);
    width:30px;
    height:30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #1b428e;
    color:#fff;
    font-size:16px;
}
.b_tab3_titbox span{
    display: block;
    position: absolute;
    font-size:18px;
    color:#333;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
}
.b_tab3_text1 ul li p{
    font-size:18px;
    font-weight: 600;
    margin-top:10px;
}
/* tab3 */
/* sub02_02 */

/* sub02_03 */
/* tab1 */
.c_tab1_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin:30px 0;
}
.c_tab1_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab1_text1 p{
    font-size:18px;
    line-height: 32px;
    color:#333;
    text-align: left;
    padding-left:20px;
}

.c_tab1_text1 .c_tab1_text1_box{
    display: flex;
    margin-bottom:30px;
}
.c_tab1_text1 .c_tab1_text1_box p{letter-spacing: -1px;}
.c_tab1_text1 .c_tab1_text1_box li{margin-right:20px; border-top:3px solid #1b428e;}
.c_tab1_text1 .c_tab1_text1_box li:nth-child(1){width:60%; padding:10px 0;}
.c_tab1_text1 .c_tab1_text1_box li:nth-child(2){width:40%; margin-right:0;}
.c_tab1_text1 .c_tab1_text1_box li:nth-child(2) img{width:100%;}

/* tab2 */
.c_tab2_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin-top:30px;
}
.c_tab2_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab2_text1 p{
    font-size:18px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding-left:20px;
}

.c_tab2_text2 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin-top:30px;
}
.c_tab2_text2 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab2_text2 .chart{
    width:100%;
    border-top:3px solid #1b428e;
    margin-top:10px;
    margin-bottom:20px;
}
.c_tab2_text2 .chart tr th{background-color: #f7f7f7;}
.c_tab2_text2 .chart tr th,
.c_tab2_text2 .chart tr td{
    font-size:16px;
    color:#333;
    border:1px solid #333;
    text-align: center;
    padding:20px 0;
}

.c_tab2_text3 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin-top:30px;
}
.c_tab2_text3 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab2_text3 p{
    font-size:18px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding-left:20px;
}

.c_tab2_text4 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin-top:30px;
}
.c_tab2_text4 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab2_text4 p{
    font-size:18px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding-left:20px;
}
/* tab2 */

/* tab3 */
.c_tab3_text1 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin-top:30px;
}
.c_tab3_text1 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab3_text1 ul{
    width:100%;
    padding:80px 40px 40px 40px;
    background-color: #f6f6f6;
    display: flex;
    align-items: start;
}
.c_tab3_text1 ul li{
    width:33.333%;
    height:180px;
    text-align: center;
    position: relative;
    background-color: #fff;
    margin-right:150px;
    border-radius: 0 0 30px 30px;
}
.c_tab3_text1 ul li::after{
    position: absolute;
    content: '';
    border:1px dashed #1b428e;
    top:50%;
    transform: translateY(-50%);
    right:-135px;
    width:120px;
}
.c_tab3_text1 ul li::before{
    position: absolute;
    content: '▶';
    font-size:18px;
    color:#1b428e;
    top:49%;
    transform: translateY(-50%);
    right:-85px;
}

.c_tab3_text1 ul:first-child{margin-top:20px;}
.c_tab3_text1 ul li:last-child{margin-right:0;}
.c_tab3_text1 ul:last-child li:last-child{background-color: #f6f6f6;}

.c_tab3_text1 ul:first-child li:nth-of-type(3)::after,
.c_tab3_text1 ul:first-child li:nth-of-type(3)::before{display: none;}
.c_tab3_text1 ul:last-child li:nth-of-type(2)::after,
.c_tab3_text1 ul:last-child li:nth-of-type(2)::before,
.c_tab3_text1 ul:last-child li:nth-of-type(3)::after,
.c_tab3_text1 ul:last-child li:nth-of-type(3)::before{display: none;}

/* 공통 */
.c_tab3_box_top{
    position: absolute;
    top:-30px;
    left:0;
}
.c_tab3_box_top span{
    display: block;
    background-color: #1b428e;
    box-shadow:2px 2px 5px rgba(0,0,0,0.3);
    color:#fff;
    width:305px;
    height:60px;
    line-height: 60px;
    border-radius: 30px;
    font-size:18px;
    text-align: center;
}
.c_tab3_box_bottom{
    position: absolute;
    top:55px;
    left:20px;
}
.c_tab3_box_bottom span{
    display: block;
    font-size:18px;
    text-align: left;
    color:#333;
}
/* 공통 */

.c_tab3_text2 h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
    margin-top:30px;
}
.c_tab3_text2 h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.c_tab3_text2 ul{
    width:100%;
    padding:80px 40px 40px 40px;
    background-color: #f6f6f6;
    display: flex;
    align-items: start;
}
.c_tab3_text2 ul li{
    width:33.333%;
    height:180px;
    text-align: center;
    position: relative;
    background-color: #fff;
    margin-right:150px;
    border-radius: 0 0 30px 30px;
}
.c_tab3_text2 ul li::after{
    position: absolute;
    content: '';
    border:1px dashed #1b428e;
    top:50%;
    transform: translateY(-50%);
    right:-135px;
    width:120px;
}
.c_tab3_text2 ul li::before{
    position: absolute;
    content: '▶';
    font-size:18px;
    color:#1b428e;
    top:49%;
    transform: translateY(-50%);
    right:-85px;
}

.c_tab3_text2 ul:first-child{margin-top:20px;}
.c_tab3_text2 ul li:last-child{margin-right:0;}
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(2),
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(3){background-color: #f6f6f6;}

.c_tab3_text2 ul:first-child li:nth-of-type(3)::after,
.c_tab3_text2 ul:first-child li:nth-of-type(3)::before{display: none;}
.c_tab3_text2 ul:nth-of-type(2) li:nth-of-type(3)::after,
.c_tab3_text2 ul:nth-of-type(2) li:nth-of-type(3)::before{display: none;}

.c_tab3_text2 ul:nth-of-type(2) li:nth-of-type(3)::after,
.c_tab3_text2 ul:nth-of-type(2) li:nth-of-type(3)::before{display: none;}
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(1)::after,
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(1)::before,
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(2)::after,
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(2)::before,
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(3)::after,
.c_tab3_text2 ul:nth-of-type(3) li:nth-of-type(3)::before{display: none;}
/* tab3 */
/* sub02_03 */

/* sub02_04 */
.support .sbox{margin-top:0; margin-bottom:50px;}
.support .sbox:last-child{margin-bottom:0;}
.support .sbox>p{position:relative; padding-left:23px; font-size:26px; color:#333;}
.support .sbox>p:before{content:""; position:absolute; top:11px; left:0; z-index:1; transform:skew(-40deg) rotate(-40deg); transform-origin:left top; width:12px; height:10px; background:rgba(0,78,179, 0.9);}
.support .sbox>p:after{content:""; position:absolute; top:11px; left:0; transform:skew(35deg) rotate(35deg); transform-origin:left top; width:10px; height:10px; background:rgba(2,185,225, 0.9);}
.support .sbox ul{margin-top:30px;}
.support .sbox ul li{position:relative; padding-left:20px; font-size:16px; color:#666; line-height:32px;}
.support .sbox ul li:before{content:""; position:absolute; top:10px; left:0; width:10px; height:10px; border:3px solid #004eb3; box-sizing:border-box;}
.support .sbox ul li span{display:block; padding-left:68px; font-size:16px; color:#666;}

.support .sbox .sbox_box ul{
    display: flex;
}
.support .sbox .sbox_box ul li{margin-right:20px; border-top:3px solid #1b428e;}
.support .sbox .sbox_box ul li:nth-of-type(1){width:60%;}
.support .sbox .sbox_box ul li:nth-of-type(2){width:40%; margin-right:0; padding-left:0;}
.support .sbox .sbox_box ul li:nth-of-type(2)::before{display: none;}
.support .sbox .sbox_box ul li:nth-of-type(2) img{width:100%;}

.support .sbox .text{margin-top:30px; padding:20px; font-size:14px; color:#333; border:1px solid #ddd; background:#f5f5f5;}
.support .sbox .ssbox{margin-top:30px;}
.support .sbox .ssbox>p{font-size:20px; color:#666;}
.support .sbox .ssbox .basic{margin-top:20px; border-top:2px solid #3768c5; border-collapse:collapse;}
.support .sbox .ssbox .basic th,
.support .sbox .ssbox .basic td{padding:15px; font-size:16px; color:#666; border:1px solid #ddd; line-height:32px;}
.support .sbox .ssbox .basic td p{margin-bottom:10px; font-size:16px; color:#666; line-height:32px;}
.support .sbox .ssbox .basic td p:last-child{margin-bottom:0;}
.support .sbox .ssbox .basic th{background:#f6f6f6;}
.support .sbox5 .ssbox .basic td{padding:15px 0;}
.support .sbox5 .ssbox1 .basic td{width:25%; text-align:center;}
.support .sbox5 .ssbox2 .basic td{width:14.2%; text-align:center;}
.support .sbox7 .ssbox .basic th:first-child{width:300px;}
.support .sbox7 .ssbox .basic td:first-child{text-align:center;}
.support .sbox7 .ssbox .basic tr:nth-child(7) td{text-align:left;}
.support .sbox4 .ssbox{padding:50px; border:1px solid #ddd;}
.support .sbox4 .ssbox .box{display:table; position:relative; width:100%; margin-bottom:50px;}
.support .sbox4 .ssbox .box:before{content:""; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%) rotate(45deg); transform-origin:center bottom; width:10px; height:2px; margin-left:-4px; border-radius:5px; background:#004eb3;}
.support .sbox4 .ssbox .box:after{content:""; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%) rotate(-45deg); transform-origin:center bottom; width:10px; height:2px; margin-left:4px; border-radius:5px; background:#004eb3;}
.support .sbox4 .ssbox .box:last-child{margin-bottom:0;}
.support .sbox4 .ssbox .box:last-child:before,
.support .sbox4 .ssbox .box:last-child:after{display:none;}
.support .sbox4 .ssbox .box .list{display:table-cell; padding:20px;}
.support .sbox4 .ssbox .box .list1{vertical-align:middle; width:300px; font-size:16px; font-weight:700; color:#fff; line-height:32px;}
.support .sbox4 .ssbox .box .list2{width:calc(100% - 300px); border:1px solid #ddd; background:#f5f5f5;}
.support .sbox4 .ssbox .box .list2 p{position:relative; margin-bottom:10px; padding-left:10px; font-size:16px; font-weight:700; color:#666; line-height:32px;}
.support .sbox4 .ssbox .box .list2 p:before{content:""; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background:#004eb3;}
.support .sbox4 .ssbox .box .list2 p:last-child{margin-bottom:0;}
.support .sbox4 .ssbox .box1 .list1{background:#06f;}
.support .sbox4 .ssbox .box2 .list1,
.support .sbox4 .ssbox .box6 .list1{background:#268788;}
.support .sbox4 .ssbox .box3 .list1,
.support .sbox4 .ssbox .box7 .list1{background:#090;}
.support .sbox4 .ssbox .box4 .list1,
.support .sbox4 .ssbox .box8 .list1{background:#36c;}
.support .sbox4 .ssbox .box5 .list1{background:#004eb3;}
/* sub02_04 */

/* sub03_01 */
.sub_subject h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
}
.sub_subject h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.sub_subject_tit{
    padding:20px;
    background-color: #eaf2f7;
    margin:20px 0 40px 0;
}
.sub_subject_tit p{
    font-size:16px;
    line-height: 32px;
    color:#1b428e;
    text-align: left;
}

.sub_subject_text .chart{
    width:100%;
    border-top:3px solid #1b428e;
    margin-top:20px;
}
.sub_subject_text .chart tr th{background-color: #f7f7f7;}
.sub_subject_text .chart tr th,
.sub_subject_text .chart tr td{
    font-size:18px;
    line-height: 36px;
    color:#333;
    padding:20px;
    border:1px solid #ccc;
}
/* sub03_01 */

/* sub03_02 */
.sub_business h3{
    font-size:28px;
    color:#333;
    padding-left:30px;
    position: relative;
}
.sub_business h3::before{
    position: absolute;
    content: '';
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #1b428e;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.sub_business h4{
    font-size:24px;
    color:#1b428e;
    padding:10px 0 0px 30px;
    margin-top:30px;
}
.sub_business p{
    font-size:18px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding-left:30px;
    position: relative;
}
.sub_business .chart1{
    width:100%;
    border-top:3px solid #1b428e;
    margin:20px 0 40px 0;
}
.sub_business .chart1 tr th{background-color: #f7f7f7;}
.sub_business .chart1 tr th,
.sub_business .chart1 tr td{
    font-size:18px;
    line-height: 36px;
    color:#333;
    padding:20px;
    border:1px solid #ccc;
}
.sub_business span{
    display: block;
    font-size:16px;
    line-height: 32px;
    color:#333;
    text-align: left;
    padding-left:30px;
}
.sub_business_01 span:last-child{padding-left:0px;}
.sub_business .chart2{
    width:100%;
    border-top:3px solid #1b428e;
    margin:20px 0 0 0;
}
.sub_business .chart2 tr th{background-color: #f7f7f7;}
.sub_business .chart2 tr th,
.sub_business .chart2 tr td{
    font-size:18px;
    line-height: 36px;
    color:#333;
    padding:20px;
    border:1px solid #ccc;
    text-align: center;
}

.sub_business_02{margin-top:60px;}
.sub_business_02 h4{
    font-size:24px;
    color:#1b428e;
    padding:10px 0 10px 30px;
    margin-top:0px;
}
.sub_business_tit{
    padding:20px;
    background-color: #eaf2f7;
    margin:0px 0 40px 0;
}

.sub_business_tit ul{
    display: flex;
    align-items: center;
    justify-content: center;
} 
.sub_business_tit ul li p{text-align: center;}
.sub_business_03 .sub_business_tit ul li:nth-of-type(3) p:nth-of-type(1)::before{
    position: absolute;
    content: '';
    width:180px;
    height:1px;
    bottom:0;
    left:58%;
    transform: translateX(-50%);
    background-color: #333;
}

.sub_business_03 h4{
    font-size:24px;
    color:#1b428e;
    padding:10px 0 10px 30px;
    margin-top:0px;
}
.sub_business_03 .sub_business_tit{
    padding: 20px;
    background-color: #eaf2f7;
    margin: 0;
}
.sub_business_04 .sub_business_tit{
    margin:10px 0;
}

.sheet{margin-top:60px;}
.sheet h3{
    font-size:28px;
    color:#333;
    text-align: center;
}
.sheet h3::before{display: none;}
.sheet .chart{
    width:100%;
    margin-top:20px;
    border-top:3px solid #1b428e;
}
.sheet .chart tr th,
.sheet .chart tr td{
    font-size:16px;
    color:#333;
    padding:20px;
    text-align: center;
    border:1px solid #ccc;
}
.sheet .sub_business_tit{margin:20px 0 0 0;}
/* sub03_02 */

/* sub04_01 */
.sub_module .sub_module_img ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:30px;
}
.sub_module .sub_module_img ul li{margin-right:50px; border:1px solid #ccc; padding:20px 50px; height:200px;}
.sub_module .sub_module_img ul li:last-child{margin-right:0px;}
.sub_module .sub_module_img ul li img{width:200px;}
.sub_module .sub_module_img ul li:last-child img{padding-top:30px;}
/* sub04_01 */

/* sub04_02 */
.sub_inverter .sub_inverter_chart{margin-bottom:30px;}
.sub_inverter .sub_inverter_chart .sub_inverter_img{text-align: center;}
.sub_inverter .sub_inverter_chart .sub_inverter_tit h3{
    font-size:32px;
    color:#fff;
    background-color: #014da2;
    text-align: center;
    padding:10px 0;
}
.sub_inverter .sub_inverter_chart .sub_inverter_tit ul{
    display: flex;
    align-items: top;
    padding:30px 100px;
    background-color: #2d7ad1;
}
.sub_inverter .sub_inverter_chart .sub_inverter_tit li{margin-right:20px; width:50%;}
.sub_inverter .sub_inverter_chart .sub_inverter_tit li:last-child{margin-right:0px}
.sub_inverter .sub_inverter_chart .sub_inverter_tit li p{
    font-size:18px;
    color:#000;
    text-align: left;
    padding:10px 0 10px 50px;
    background-color: #fff;
    margin:10px 0;
    position: relative;
}
.sub_inverter .sub_inverter_chart .sub_inverter_tit li p::after{
    content: '';
    position: absolute;
    top:20px;
    left:20px;
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #014da2;
}
/* sub04_02 */

/* sub04_03 */
.sub_hpboiler_img{text-align: center;}
.sub_hpboiler_tit{margin-top:30px;}
.sub_hpboiler_tit p{
    font-size:24px;
    color:#333;
    text-align: center;
}
.sub_hpboiler_tit h3{
    font-size:32px;
    color:#000;
    text-align: center;
    padding-bottom:10px;
    margin:10px 0;
    position: relative;
}
.sub_hpboiler_tit h3 strong{
    font-size:32px;
    color:#397291;
}
.sub_hpboiler_tit h3 span{
    font-size:14px;
    color:#333;
}

.sub_hpboiler_tit h3::before{
    content: '';
    position: absolute;
    bottom:0px;
    left:50%;
    transform: translateX(-50%);
    width:500px;
    height:3px;
    background-color: #397291;
}
.sub_hpboiler_tit ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:30px auto 0 auto;
    width:1000px;

}
.sub_hpboiler_tit ul li{width:50%; margin-right:30px;}
.sub_hpboiler_tit ul li:last-child{margin-right:0;}
.sub_hpboiler_tit ul li p{
    font-size:20px;
    line-height: 40px;
    color:#333;
    text-align: left;
    padding-left:30px;
    position: relative;
}
.sub_hpboiler_tit ul li > p::after{
    content: '';
    position: absolute;
    top:18px;
    left:0px;
    width:5px;
    height:5px;
    border-radius: 50%;
    background-color: #0b582a;
}

.sub_hpboiler_tit ul li .box_wrpa{
    background-color: #4497d2;
    position: relative;
    height:120px;
}
.sub_hpboiler_tit ul li .box_wrpa .box{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
}
.sub_hpboiler_tit ul li .box_wrpa .box p{
    font-size:20px;
    color:#fff;
    text-align: center;
}
.sub_hpboiler_tit ul li .box_wrpa .box p strong{
    font-size:20px;
    color:#dfe97d;
}

.sub_hpboiler_box{margin-top:60px;}
.sub_hpboiler_box h3{
    font-size:32px;
    color:#333;
    text-align: center;
    background-color: #bbd6df;
    padding:10px;
}
.sub_hpboiler_box h3 strong{
    font-size:32px;
    color:#0b6982
}
.sub_hpboiler_box ul{
    display: flex;
    align-items: top;
    justify-content: space-between;
    margin-top:20px;
}
.sub_hpboiler_box li{width:33.333%; margin-right:20px;}
.sub_hpboiler_box li:last-child{margin-right:0;}
.sub_hpboiler_box p{
    font-size:20px;
    color:#333;
    text-align: left;
    padding:10px 0 0 30px;
    position: relative;
}
.sub_hpboiler_box p::after{
    content: '';
    position: absolute;
    top:20px;
    left:10px;
    width:5px;
    height:5px;
    border-radius: 50%;
    background-color: #0b582a;
}
/* sub04_03 */

/* sub05_01~04 */
.sub_example .board .photo_bbs .thumb{padding-top:70%;}
.sub_example .board .tit{text-align: center;}
.sub_example .board .date{display: none;}

.sub_example .board .category_pd{width:100%; margin-bottom:30px;}
.sub_example .board .category_pd .cat_bar{display: none;}
.sub_example .board .category_pd a{
    width:25%;
    text-align: center;
    font-size:18px;
    transition: all .3s ease-in-out;
    border:1px solid #ccc;
    height:60px;
    line-height: 60px;
}
.sub_example .board .photo_bbs li:hover .tit a{color:#0958ba;}
.sub_example .board .photo_bbs .tit a:hover {text-decoration: none;}
.sub_example .board .bbs_paging tr td b{background-color: #0958ba;}
/* sub05_01 */

/* sub06_01 */
.sub_notice .board .bbs_paging tr td b{background-color: #0958ba;}
/* sub06_01 */

/* sub06_02 */
.sub_faq .board .faqBasic .line td:nth-of-type(3) img{display: none;}

.sub_faq .board .bbs_paging tr td b{background-color: #0958ba;}
/* sub06_02 */

/* sub06_03 */
.sub_online .board .form_body_table tr td input{width:100%;}
/* sub06_03 */

/* sub06_04 */
.sub06_04 .certification .board .photo_bbs{position: relative;}
.sub06_04 .certification .board .photo_bbs::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: transparent;
    z-index: 9;
}

.sub06_04 .certification .board .photo_bbs .thumb{
    padding-top:145%;
}
.sub06_04 .certification .board .photo_bbs .thumb img{width:100%; height:100%;}










/* sub06_04 */


/* sub07_01 */
.sub07_01 .solar{margin-top:30px; overflow: hidden;}
.sub07_01 .solar_about h2{
    font-size:48px;
    color:#333;
    text-align: left;
    font-weight: 400;
}
.sub07_01 .solar_about h2 span{
    font-size:48px;
    color:#fff;
    font-weight: 800;
    padding:3px 5px;
    background-color: #b59d55;
    border-radius: 5px;
}
.sub07_01 .solar_about .inner > p{
    font-size:32px;
    line-height: 64px;
    color:#333;
    text-align: center;
    padding:60px 0;
    margin:60px 0;
    /* background-color: #f7f7f7; */
    background: url(../img/sub/sub07/title_bg.jpg) no-repeat;
    background-size: cover;
}
.sub07_01 .solar_about_box ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub07_01 .solar_about_box ul li{
    overflow: hidden;
    width:350px;
    height:350px;
    border-radius: 50%;
    margin:0 -20px;
    position: relative;
    border: 3px solid #b59d55;
}
.sub07_01 .solar_about_box ul li:nth-of-type(1){z-index: 1;}
.sub07_01 .solar_about_box ul li:nth-of-type(2){z-index: 2;}
.sub07_01 .solar_about_box ul li:nth-of-type(3){z-index: 1;}
.sub07_01 .solar_about_box ul li:nth-of-type(4){z-index: 2;}
.sub07_01 .solar_about_box ul li::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.sub07_01 .solar_about_box ul li p{
    position: absolute;
    font-size:32px;
    color:#fff;
    font-weight: 600;
    text-align: center;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
}
.sub07_01 .solar_about_tit{margin:60px 0;}
.sub07_01 .solar_about_tit p{
    font-size:32px;
    color:#333;
    text-align: center;
    line-height: 48px;
    margin:30px 0;
}
.sub07_01 .solar_about_tit span{
    display: block;
    font-size:32px;
    color:#015a2c;
    text-align: center;
}
.sub07_01 .solar_about_tit span strong{
    font-size:32px;
    color:#b59d55;
}

.sub07_01 .solar_about_list{padding:60px 0;}
.sub07_01 .solar_about_list ul{
    display: flex;
    align-items: top;
    justify-content: space-between;
    gap:30px;
}
.sub07_01 .solar_about_list ul li{width:50%; position: relative;}
.sub07_01 .solar_about_list ul li img{border-radius: 20px 0 20px 0;}
.sub07_01 .solar_about_list p{
    font-size:24px;
    line-height: 48px;
    color:#333;
    text-align: left;
    padding:10px 0;
}
.sub07_01 .solar_about_list ul li .earth{
    position: absolute;
    bottom:0;
    right:0;
}
.sub07_01 .solar_about_list ul li .earth img{width:300px;}

.sub07_01 .explanation{margin:120px 0;}
.sub07_01 .explanation .extop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:20px;
}
.sub07_01 .explanation .extop li{width:33.333%; position: relative;}
.sub07_01 .explanation .extop li .extop_img{text-align: center; position: relative;}
.sub07_01 .explanation .extop li .extop_img::before{content: ''; position: absolute; bottom:-40px; left:50%; transform: translateX(-50%); width:20px; height:20px; border-radius: 50%; background-color: #b59d55; z-index: 9;}
.sub07_01 .explanation .extop li .extop_img::after{content: ''; position: absolute; bottom:-34px; left:50%; transform: translateX(-50%); width:7px; height:7px; border-radius: 50%; background-color: #fff; z-index: 10;}
.sub07_01 .explanation .extop li .extop_img img{width:300px;}
.sub07_01 .explanation .extop li .extop_tit h3{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
    font-size:32px;
    color:#fff;
    text-align: center;
}
.sub07_01 .explanation .extop li .extop_tit p{
    font-size:18px;
    line-height: 32px;
    color:#333;
    text-align: center;
}

.sub07_01 .explanation .line{width:100%; height:2px; margin:30px 0; background-color: #ccc;}

.sub07_01 .explanation .exbom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:20px;
}
.sub07_01 .explanation .exbom li{width:33.333%; position: relative;}
.sub07_01 .explanation .exbom li .exbom_img{text-align: center;}
.sub07_01 .explanation .exbom li .exbom_img::before{content: ''; position: absolute; top:-40px; left:50%; transform: translateX(-50%); width:20px; height:20px; border-radius: 50%; background-color: #b59d55;}
.sub07_01 .explanation .exbom li .exbom_img::after{content: ''; position: absolute; top:-34px; left:50%; transform: translateX(-50%); width:7px; height:7px; border-radius: 50%; background-color: #fff;}
.sub07_01 .explanation .exbom li .exbom_img img{width:300px;}
.sub07_01 .explanation .exbom li .exbom_tit h3{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
    font-size:32px;
    color:#fff;
    text-align: center;
}
.sub07_01 .explanation .exbom li .exbom_tit p{
    font-size:18px;
    line-height: 32px;
    color:#333;
    text-align: center;
}

.sub07_01 .facility{margin-top:120px;}
.sub07_01 .facility h2{
    font-size:48px;
    color:#333;
    text-align: left;
    font-weight: 400;
}
.sub07_01 .facility h2 span{
    font-size:48px;
    color:#fff;
    font-weight: 800;
    padding:3px 5px;
    background-color: #b59d55;
    border-radius: 5px;
}
.sub07_01 .facility .facility_list:nth-of-type(1){margin-top:30px;}
.sub07_01 .facility .facility_list{
    padding:30px 0;
    display: flex;
    align-items: center;
    justify-content: start;
}

.sub07_01 .facility .facility_list_img{
    width:200px;
    height:200px;
    border-radius: 50%;
    background-color: #f7f7f7;
    position: relative;
}
.sub07_01 .facility .facility_list_img img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.sub07_01 .facility .facility_list_tit{padding-left:60px;}
.sub07_01 .facility .facility_list_tit h3{
    font-size:32px;
    color:#004eb3;
    text-align: left;
}
.sub07_01 .facility .facility_list_tit p{
    font-size:20px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding:10px 0;
}
.sub07_01 .facility .facility_list_tit p strong{
    font-size:20px;
    color:#b59d55;
}

.sub07_01 .design{margin-top:120px;}
.sub07_01 .design h2{
    font-size:48px;
    color:#333;
    text-align: left;
    font-weight: 400;
}
.sub07_01 .design h2 span{
    font-size:48px;
    color:#fff;
    font-weight: 800;
    padding:3px 5px;
    background-color: #b59d55;
    border-radius: 5px;
}

.sub07_01 .design .design_box{margin-top:30px;}
.sub07_01 .design .design_box ul{
    display: flex;
    align-items: top;
    justify-content: space-between;
    gap:30px;
}
.sub07_01 .design .design_box ul li{width:33.333%;}
.sub07_01 .design .design_box .design_box_img{padding:20px; border:1px solid #ccc;}
.sub07_01 .design .design_box .design_box_tit h3{
    font-size:32px;
    color:#004eb3;
    text-align: left;
    padding:10px 0;
}
.sub07_01 .design .design_box .design_box_tit p{
    font-size:18px;
    color:#333;
    text-align: left;
    line-height: 32px;
}

.sub07_01 .sub_example{margin-top:120px;}
.sub07_01 .sub_example h2{
    font-size:48px;
    color:#333;
    text-align: left;
    font-weight: 400;
}
.sub07_01 .sub_example h2 span{
    font-size:48px;
    color:#fff;
    font-weight: 800;
    padding:3px 5px;
    background-color: #b59d55;
    border-radius: 5px;
}

.sub07_01 .sub_example .sub_example_photo{margin-top:60px;}
.sub07_01 .sub_example .sub_example_photo h3{
    font-size:32px;
    color:#015a2c;
    text-align: left;
    padding-left:40px;
    position: relative;
}
.sub07_01 .sub_example .sub_example_photo h3::before{
    content: '';
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:0;
    width:25px;
    height:3px;
    background-color: #004eb3;
}
.sub07_01 .sub_example .sub_example_photo ul{
    margin:30px 0;
    display: flex;
    align-items: top;
    justify-content: space-between;
    gap:40px
}
.sub07_01 .sub_example .sub_example_photo ul li p{
    font-size:18px;
    color:#000;
    text-align: center;
    padding:10px 0;
}
.sub07_01 .sub_example .sub_example_tit p{
    font-size:20px;
    line-height: 36px;
    color:#333;
    text-align: left;
    padding:10px 0;
}
.sub07_01 .sub_example .sub_example_tit p strong{
    font-size:20px;
    color:#b59d55;
}

.sub07_01 .solar_01_wrap{
    position: relative;
}
.sub07_01 .solar_01_wrap img{border:1px solid #ccc;}
/* sub07_01 */
/* ------------------------------------------- sub -------------------------------------------------------- */