/* TOP 시작 */
.top_inner {
    width: 1300px;
    margin: 0 auto;
    padding-top: 93px;
}
.logo {
    float: left;
}
.version {
    float: left;
    font-size: 20px;
    color: #000000;
    padding-top: 90px;
    padding-left: 18px;
}
.version span {
    font-size: 30px;
}
.search {
    float: right;
    margin-top: 120px;
}
/* GNB 시작 */
.gnb_line {
    border: none; /* 테두리 없음 */
    border-top: 1px solid #000; /* 윗쪽 테두리 설정 */
    margin: 30px 0; /* 위아래 여백 설정 */
    opacity: 0.1;
}
.gnb_inner {
    width: 1300px;
    margin: 0 auto;
}
.main_navi {
    font-size: 22px;
    list-style-type: none; /* 목록 기호 없음 */
    padding: 0; /* 내부 여백 없음 */
    margin: 0; /* 외부 여백 없음 */
    display: flex; /* 플렉스박스로 요소 배치 */
    justify-content: space-between; /* 요소를 좌우로 고르게 배치 */
}
.main_navi li {
    float: left; /* 왼쪽으로 정렬 */
}
.main_navi a {
    display: block; /* 블록 요소로 설정하여 전체 너비 차지 */
    color: #212121; /* 텍스트 색상 */
    text-align: center; /* 가운데 정렬 */
}
.main_navi a:hover {color:#999;}
.main_navi a#bo_cate_on {color:#999;}
/* MAIN_VIS 시작 */
.main_vis {
    padding-top: 45px;
}
.main_vis_inner {

}
.main_vis_bg {
position: relative;
}
.main_vis_text {
    position: absolute; top:0px; left: 0px;
    font-size: 40px;
    padding-top: 215px;
    padding-left: 105px;
}
.main_vis_text span {
    font-size: 40px;
}
.main_vis_con {
    float: right;
}
.con2 {
    font-size: 24px;
    color: #212121;
    text-align: center;
    padding-top: 18px;
    line-height: 0.9;
}
.con2 span { 
    color: rgba(33, 33, 33, 0.4);
    font-size: 18px
}
.con3 {
    text-align: center;
    padding-top: 15px;
}
.con3_button {
    display: inline-block; /* 인라인 요소로 표시 */
    padding: 10px 20px; /* 안쪽 여백 설정 */
    background-color: white;/* 배경색 설정 */
    color: #000000; /* 텍스트 색상 */
    text-decoration: none; /* 텍스트에 밑줄 없음 */
    border: solid 1px rgba(0, 0, 0, 0.5); /* 테두리 없음 */
    border-radius: 40px; /* 모서리 둥글게 설정 */
    cursor: pointer; /* 마우스 커서를 포인터로 변경 */
    width: 185px;
    height: 40px;
}
.con3_button i {
    padding-left: 10px;
}
.con4 {
    padding-top: 17px;
}
.con5 {
    padding-top: 7px;
}
.con6 {
    padding-top: 17px;
}
.con6_1 {
    float: left;
}
.con6_2 {
    float: right;
}
/* ISSUE 시작 */
.issue {
    padding-top: 62px;
}
.issue_inner {
    margin: 0 auto;
}
.issue_left {
    font-size: 24px;
    float: left;
    padding-right: 190px;
}
.issue_left span {
    font-size: 20px;
}
.issue_right {
    font-size: 24px;
    float: left;
}
.issue_right span {
    font-size: 20px;
}
.issue_intro {
    line-height: 1.4;
}
.issue_01 {
    line-height: 1.4;
    padding-top: 35px;
}
.issue_02 {
    line-height: 1.4;
    padding-top: 35px;
}
.issue_03 {
    line-height: 1.4;
}
.issue_04 {
    line-height: 1.4;
    padding-top: 35px;
}
.issue_05 {
    line-height: 1.4;
    padding-top: 35px;
}
.dotted_line {
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    margin-top: 30px;
}
/* MAIN_CON 시작 */
.main_con_inner {
    margin: 0 auto;
    padding-top: 74px;
}
.innovation_img {
    float: left;
}
.innovation_text {
    float: left;
    padding-left: 62px;
}
.innovation_text_tit {
    color: #58B53F;
    font-size: 34px;
    padding-bottom: 38px;
}
.innovation_text1 {
    font-size: 22px;
    line-height: 1.7;
}    
.innovation_text1 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.innovation_text2 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.innovation_text2 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.innovation_text3 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.innovation_text3 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.innovation_text4 {
    font-size: 22px;
    padding-top: 22px;
    line-height: 1.6;
}    
.innovation_text5 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
    padding-top: 8px;
}

.strategy {
    padding-top: 80px;
}
.strategy_img {
    float: left;
    padding-left: 232px;
}
.strategy_text {
    float: left;
}
.strategy_text_tit {
    color: #58B53F;
    font-size: 34px;
    padding-bottom: 38px;
}
.strategy_text1 {
    font-size: 22px;
    line-height: 1.7;
}    
.strategy_text1 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.strategy_text2 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.strategy_text2 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.strategy_text3 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.strategy_text3 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.strategy_text4 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.strategy_text5 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
    padding-top: 8px;
}

.technology {
    padding-top: 80px;
}
.technology_img {
    float: left;
}
.technology_text {
    float: left;
    padding-left: 62px;
}
.technology_text_tit {
    color: #58B53F;
    font-size: 34px;
    padding-bottom: 38px;
}
.technology_text1 {
    font-size: 22px;
    line-height: 1.7;
}    
.technology_text1 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.technology_text2 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.technology_text2 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.technology_text3 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.technology_text3 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.technology_text4 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.technology_text4 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}

.culture {
    padding-top: 90px;
}
.culture_img {
    float: left;
    padding-left: 172px;
    margin-top: -8px;
}
.culture_text {
    float: left;
}
.culture_text_tit {
    color: #58B53F;
    font-size: 34px;
    padding-bottom: 38px;
}
.culture_text1 {
    font-size: 22px;
    line-height: 1.7;
}    
.culture_text1_1 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7); 
    padding-top: 8px;
}
.culture_text2 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.culture_text2 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.culture_text3 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.culture_text3 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.culture_text4 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.culture_text4 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}

.news {
    padding-top: 90px;
}
.news_img {
    float: left;
}
.news_text {
    float: left;
    padding-left: 62px;
}
.news_text_tit {
    color: #58B53F;
    font-size: 34px;
    padding-bottom: 38px;
}
.news_text1 {
    font-size: 22px;
    line-height: 1.7;
}    
.news_text1 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.news_text2 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.news_text2 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.news_text3 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.news_text3 span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
}
.news_text4 {
    font-size: 22px;
    line-height: 1.7;
    padding-top: 14px;
}    
.news_text4 span {
    font-size: 20px;
    color: #000000;
    padding-left: 5px;
}
.blit {
    float: right;
    padding-top: 457px;
}


/* COPY 시작 */
.copy {
    width: 100%;
    padding-bottom: 55px;
    border-top: 1px solid #ddd; /* 윗쪽 테두리 설정 */
    padding-top: 72px;
    margin-bottom: 55px;
    margin-top: 72px;
    
}

.copy .inner {position: relative;}

.copy_logo {
    float: left;
}
.copy_info {
    float: right;
    text-align: right;
}
.copy_info1 {
    color: #777777;
    font-size: 14px;
} 
.copy_info2 {
    color: #999999;
    font-size: 14px;
    padding-top: 10px;
}

.inner {width: 1300px; margin: 0 auto;}

/* 추가 { */
.main_layout {width: 1300px; margin:0 auto; padding-top: 50px;}
.main_layout_l {float:left; width: 1052px;}
.main_layout_r {float:right; position: sticky; top:140px; padding-bottom: 50px;}
#top_btn {border:0px; background-color: transparent !important; position: absolute; top:-150px; right:0px; width: auto; height:auto; line-height: 100%;}
.copy {position: relative;}
.gnb {padding-top: 0px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.gnb_up {position: fixed; top:0px; left: 0px; width: 100%; background-color: #fff; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; z-index: 99;}
.cont_divs {margin-top: 60px;}
.cont_ul1 {float:left; width: 50%;}
.cont_ul1.cont_img img {max-width:100%; border-radius: 20px;}
.cont_ul2 {float:right; width: 50%; padding-left: 50px;}
.cont_ul2 a {font-size: 22px; display: block;}
.cont_ul2_tit {color:#58B53F; font-size: 34px; padding-bottom: 25px;}
.cont_ul2_cont {margin-top: 25px;}
.cont_sub_txt {font-size: 20px !important; color:rgba(0,0,0,0.7); display: block; margin-top: 10px; word-break: keep-all;}

.cont_divs_rev0 {}
.cont_divs_rev0 .cont_ul1 {float:right;}
.cont_divs_rev0 .cont_ul2 {float:left; padding-left: 0px; padding-right:50px;}
.sub_wrap {padding-top: 50px;}

.list_opt_bbs {padding-top: 30px; padding-bottom: 30px; border-bottom:1px solid #eee;}
.list_opt_bbs_l {float:left; width: 80%; font-size: 20px;}
.list_opt_bbs_l a {font-size: 22px;}
.list_opt_bbs_r {float:right; width: 20%; text-align: right;}

.v_tits {border-bottom:1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.v_tits li span {font-size: 30px; color:#999;}
.v_tits li .cont_sub_txt {color:#000; font-size: 40px !important; word-break: keep-all;letter-spacing: -0.05rem;}

.mod_btn {background-color: #fff; height:35px; padding-left: 15px; padding-right: 15px; border:1px solid #ddd; font-size: 14px; border-radius: 6px; margin-right: 15px;}
.mod_btn:hover {border-color:#000;}

.bo_fx {padding-top: 20px; padding-bottom: 30px;}
#bo_v_con {font-size: 20px; word-break: keep-all; line-height: 150%;}
.btm_btns a {margin-right: 0px !important; margin-left: 4px; line-height: 35px; display: block; float:left;}
.btm_btns {padding-top: 30px;}
.btm_btns div {float:right;}
.btm_btns button {margin-left: 4px; margin-right: 0px;}
#bo_list {border-top:1px solid #ddd;}

.help_t {color:#999; display: block; margin-bottom: 7px; margin-top: 15px;}
.main_vis_con .con1 img {width: 185px; height:auto; border:1px solid #ddd; border-radius: 10px;}
.empty_li {font-size: 18px; color:#999;}
.main_vis_bg img {border-radius: 20px;}

.issue_right li {display: inline-block; width: 48%; float:none; vertical-align: top; padding-right: 20px; box-sizing: border-box; margin-bottom: 30px;}
.issue_right {float:none;}

.gr_wrap {border-top:1px solid #ddd}
.gr_wrap_ul {border-bottom: 1px solid #eee; padding: 30px;}
.gr_wrap_ul1 {float:left; margin-right: 40px;}
.gr_wrap_ul1 img {width: 200px; height:auto; border:1px solid #ddd; box-sizing: border-box;}
.gr_wrap_ul2 {float:left;}
.gr_wrap_ul2_dd1 {font-size: 26px; margin-bottom: 20px;}
.gr_wrap_ul2_dd2 {font-size: 16px; line-height: 140%;}

.g_tits {}
.g_tits h1 {float:left; font-size: 22px; margin-top: 10px;}
.g_tits select {float:right;}
.search {position: relative;}
.search input {border-radius: 50px !important;}
.search button {position: absolute; top:13px; right:15px; background-color: transparent; border:0px;}

#sch_res_detail {display: none;}
#sch_res_ov {background-color: #f9f9f9; border:0px !important;}
.sch_word {background-color:transparent; padding: 0px; margin: 0px; line-height: inherit; color:#ff0000}
.sch_more {color:#999;}
#sch_res_board a {border:1px solid #ddd; color:#999;}
#sch_res_board a:hover {background-color: #fff; border:1px solid #000; color:#000;}
#sch_res_board .cnt_cmt {color:#000 !important;}
#sch_res_board .sch_on {background-color: #fff; border:1px solid #000; color:#000; box-shadow: none;}
/* } */

#mo_gnb {display: none;}
.mo_gnbs {display: none;}
.mo_close {display: none;}

@media all and (max-width:1024px) {

    .top_inner {width: 100%; padding-top: 20px;}
    .logo a img {height: 40px;}
    .version {padding-top: 0px; font-size: 16px;}
    .version span {font-size: 22px;}
    .main {padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .search {float:none; width: 100%; margin-top: 60px;}
    .search input {width: 100%;}
    .gnb_line {display: none;}
    .gnb {display: none;}
    .main_layout {width: 100%;}
    .main_layout_l {float:none; width: 100%;}
    .main_vis_bg img {border-radius: 10px; max-width: 100%;}
    .issue_right li {width: 100%;}
    .issue {padding-top: 30px;}
    .main_layout {padding-top: 30px;}
    .issue_intro a {font-size: 18px;}
    .issue_right li {margin-bottom: 20px;}
    .cont_ul1 {float:none; width: 100%;}
    .cont_ul1 img {max-width: 100%; border-radius: 10px;}
    .cont_ul2 {float:none; width: 100%; padding-left: 0px; margin-top: 30px;}
    .cont_ul2_tit {font-size: 26px;}
    .dotted_line {margin-top: 15px;}
    .cont_divs {margin-top: 40px;}
    .cont_ul2 a {font-size: 18px;}
    .cont_sub_txt {font-size: 18px !important;}
    .cont_ul2_tit {padding-bottom: 0px;}
    .main_layout_r {display: none; position: fixed; height:100%; right:0px; top:0px; background-color: #fff; padding: 30px; box-sizing: border-box; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); z-index: 999}
    .inner {width: 100%;}
    .copy_logo {float:none;}
    .copy_info {float:none; text-align: left; margin-top: 20px;}
    .copy_info1 { word-break: keep-all; font-size: 13px;}
    .copy_info2 { word-break: keep-all; font-size: 12px;}
    .copy {padding-top: 30px; padding-bottom: 30px;}
    #top_btn {top:10px;}
    .list_opt_bbs_l {width:100%; float:none;}
    .list_opt_bbs_r {width: 100%; float:none; margin-top: 15px;}
    .list_opt_bbs_l a {font-size: 18px;}
    .copy_logo img {height:40px;}
    .gr_wrap_ul1 {width: 25%; margin-right: 0px;}
    .gr_wrap_ul1 img {width: 100%;}
    .gr_wrap_ul2 {width: 75%; padding-left: 30px; box-sizing: border-box;}
    .gr_wrap_ul2_dd1 {font-size: 20px; margin-bottom: 15px;}
    .gr_wrap_ul2_dd2 {font-size: 14px;}
    .gr_wrap_ul {padding-left: 0px; padding-right: 0px;}
    
    #mo_gnb {display: block; position: absolute; top:30px; right:22px; border:0px; background-color: transparent;}
    .mo_close {background-color: transparent; border:0px; float:right; margin-bottom: 20px; display: block}
    .mo_gnbs {display: block; margin-top: 20px;}
    .mo_gnbs li a {font-size: 16px;}
    .mo_gnbs li {padding-top: 10px; padding-bottom: 10px;}
    .mo_gnbs li a#bo_cate_on {color:#999;}
    .main_layout_r {overflow-y: auto; right: -20px; padding-right: 50px;}
    
    #bo_v_con img {max-width:100%; height:auto !important;}
    
    
}