@charset "utf-8";

/*
 * File Name : Sub.css
 */



/********************************************************
 
 *  Sub
 
 ********************************************************/

 /* 공통패딩 */
 .commonPadding {padding: 0 20px;}

 @media screen and (max-width:480px) {
  .commonPadding {padding: 0;}
 }
 
/* 서브탑 이미지 */ 
#sv01 {background-image:url("/resources/user/web/images/sub/sv01.jpg");}
#sv02 {background-image:url("/resources/user/web/images/sub/sv02.jpg");}
#sv03 {background-image:url("/resources/user/web/images/sub/sv03.jpg");}
#sv04 {background-image:url("/resources/user/web/images/sub/sv04.jpg");}
#sv05 {background-image:url("/resources/user/web/images/sub/sv05.jpg");}
#sv07 {background-image:url("/resources/user/web/images/sub/sv07.jpg");}

/*-----------------------------------------------------------------------------
 *  Sub 01 : 협회안내
 *----------------------------------------------------------------------------*/

.max_w.inner::after {
  content: "";
  display: block;
  clear: both;
}

/* Sub 0101 : 협회장 인사말 */
.gree_box {display:flex; flex-wrap:wrap;}
.gree_box .lb {width:310px;}
.gree_box .lb img {width:100%;}
.gree_box .tx_con {width:calc(100% - 310px); padding-left:50px;}
.gree_box .tx_con p {color:#666; font-size:15px; padding-bottom:30px; line-height:1.9; text-align:justify;}
.g_name {display:flex; align-items:center; justify-content:end; padding-top: 20px;}
.g_name span {display:inline-block; color:#666; font-size:15px; }


@media screen and (max-width:1024px){
  .gree_box .lb {width:100%;text-align: center;}
  .gree_box .lb img {width: 50%; display: inline-block;}
  .gree_box .tx_con {width:100%; padding-left:0; padding-top:25px;}
  .gree_box .tx_con p {line-height: 1.6; padding-bottom:20px; word-break:break-all;}
}

@media screen and (max-width:480px){
  .g_name span:last-child {display:inline-block; width:100%;}
}



/* Sub 0102 : 설립목적 및 연혁 */
.esta_history {padding: 0 20px;}
.esta_history .tab_box {display: flex; margin-top: 60px; border: 1px solid #ddd;}
.esta_history .tab_box button {width: 50%; font-size: 18px; color: #000; height: 60px;}
.esta_history .tab_box button:first-child {border-right: 1px solid #ddd;}
.esta_history .tab_box button.active {background-color: #1d4f8f; color: #fff;}
.esta_history .sub_txt_box {background: url("/resources/user/web/images/sub/esta_bg.jpg"); margin: 20px 0;}
.esta_history .sub_txt_box > div {height: 225px; display: flex; justify-content: center; align-items: center; flex-direction: column; word-break: keep-all; padding: 0 10px;}
.esta_history .sub_txt_box p {color: #fff; font-size: 19px; text-align: center;}
.esta_history .history > li {display: flex; justify-content: space-between;}
.esta_history .history .year {border-top: 1px solid #1d4f8f; padding-top: 13px; padding-bottom: 50px; color: #1d4f8f; font-size: 30px; font-weight: 600; width: 165px; padding-left: 10px; margin-right: 30px;}
.esta_history .history .ctt_box {border-top: 1px solid #ddd; padding: 20px 0 50px; width: calc(100% - 165px);}
.esta_history .history .ctt_box > li {line-height: 25px; color: #000; font-weight: 500; display: flex; font-size: 15px;}
.esta_history .history .ctt_box > li span {color: #333; font-weight: 400; margin-left: 20px; position: relative; padding-left: 15px; word-break: keep-all; font-size: 15px;}
.esta_history .history .ctt_box > li span::before {content: ""; width: 5px; height: 5px; background-color: #ccc; vertical-align: baseline; border-radius: 50%; position: absolute; top: 10px;left: 0;}
.esta_history .history.history_2000s  {display: none;}

@media screen and (max-width:768px){
  .esta_history .tab_box button {font-size: 15px; height: 50px;}
  .esta_history .sub_txt_box p {font-size: 16px;}
  .esta_history .history > li {justify-content: flex-start; flex-wrap: wrap;}
  .esta_history .history .year {width: 100%; padding-bottom: 13px; margin-right: 0;}
  .esta_history .history .ctt_box {width: 100%; padding-left: 20px; padding-right: 20px;}
  .esta_history .history .year {font-size: 22px;}
}

@media screen and (max-width:480px){
  .esta_history {padding: 0;}
  .esta_history .tab_box button {font-size: 14px; height: 40px;}
  .esta_history .sub_txt_box p {font-size: 14px; line-height: 21px;}
  .esta_history .sub_txt_box p br {display: none;}
  .esta_history .sub_txt_box > div {height: 165px;}
  .esta_history .history .ctt_box {padding-bottom: 20px; padding-left: 10px;}
  .esta_history .history .ctt_box > li {line-height: 22px;}
  .esta_history .history .ctt_box > li span {font-size: 14px;}
}


/* 250227 여기서부터 수정 시작 */
/* 230131 sub.css 수정 */
/* Sub 0103 : 조직도 및 담당자 */
.strongText{font-weight: 500;color: red;}
.emailText{display: none;}
.organization_map {padding: 0 20px 780px; position: relative;}
.organization_map a:hover {text-decoration: none;}
.organization_map .dep1, .organization_map .dep2 {position: absolute; left: 50%; transform: translateX(-50%); width: 136px; height: 136px; color: #fff; border-radius: 50%; background-color: #16416c; display: flex; justify-content: center; align-items: center; font-size: 17px;}
.organization_map .dep1 {top: 0;}
.organization_map .dep2 {top: 186px; box-shadow: 3px 3px 9px #666; border: 2px solid #081828;}
.organization_map .dep2:hover {background-color: #0f2e4c;}
.organization_map .dep1::before {content: ""; width: 10px; height: 10px; background: #16416c; border-radius: 50%; position: absolute; top: 105%; left: 50%; transform: translateX(-50%); z-index: 2;}
.organization_map .dep2::before {content: "";width: 10px;height: 10px;background: #16416c;border-radius: 50%;position: absolute;top: 123%;left: 50%;transform: translateX(-50%);z-index: 2;}
.organization_map .dep1::after {content: ""; width: 1px; height: 50px; background-color: #ccc; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.organization_map .dep2::after {content: ""; width: 1px; height: 65px; background-color: #ccc; position: absolute; top: 102%; left: 50%; transform: translateX(-50%);}
.organization_map .dep1_sub, .organization_map .dep2_sub {position: relative; left: 50%; transform: translateX(-50%);}
.organization_map .dep1_sub {top: 70px;}
.organization_map .dep2_sub {top: 215px;}
.organization_map .dep1_sub > div, .organization_map .dep2_sub > div, .organization_map .dep2_sub > a {width: 240px; height: 75px; background-color: #6798c5; color: #fff; font-size: 17px; border-radius: 50px; display: flex; justify-content: center; align-items: center; position: absolute; padding: 34px; text-align: center;}
.organization_map .dep1_sub_l, .organization_map .dep2_sub_l {left: 20px;}
.organization_map .dep1_sub_r, .organization_map .dep2_sub_r {right: 20px;}
.organization_map .dep2_sub_l {top: -29px;}
.organization_map .dep2_sub_r {top: 30px; border: 2px solid #376c9d; box-shadow: 3px 3px 9px #666;}
.organization_map .dep2_sub >.dep2_sub_left{right: auto;left: 20px;top: 104px;/* width: 135px; */height: 70px;display: inline-flex;justify-content: center;align-items: center;text-align: center;color: #fff;background-color: #73c4c1;border-radius: 10px;border: 2px solid #3d9c98;box-shadow: 3px 3px 9px #999;}
.organization_map .dep2_sub_left::after{content: '';width: calc(100% + 198px);height: 1px;background-color: #ccc;position: absolute;top: 50%;right: -332px;z-index: -1;}
.organization_map .dep2_sub_r:hover {background-color: #557da3;}
.organization_map .h_bar1 {width: 513px; height: 1px; background-color: #ccc; position: absolute; top: 387px; left: 50%; transform: translateX(-50%);}
.organization_map .dep3_l {position: absolute; top: 35px; left: 282px;}
.organization_map .dep3_l .top {width: 485px; height: 70px; border-radius: 10px; color: #fff; background-color: #1d4f8f; display: flex; justify-content: center; align-items: center; font-size: 16px; margin-bottom: 10px; position: relative;}
.organization_map .dep3_l .top::before {content: ""; width: 1px; height: 35px; background-color: #ccc; position: absolute; bottom: 100%; left: 230px;}
.organization_map .dep3_l .top::after {content: ""; width: 10px; height: 10px; background: #16416c; border-radius: 50%; position: absolute; bottom: 113%; left: 226px;}
.organization_map .dep3_l .bot {display: flex; flex-wrap: wrap; justify-content: space-between;}
.organization_map .dep3_l .bot li {width: 158px; word-break: keep-all; height: 90px; color: #333; background-color: #eee; border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 5px; padding: 20px; text-align: center; font-size: 15px;}
.organization_map .h_bar2 {position: absolute; width: 277px; height: 1px; background-color: #ccc; top: 95px; left: -139px; z-index: -1;}
.organization_map .dep3_r {position: absolute; top: 125px; right: 307px; width: 412px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.organization_map .dep3_r > ul > li {display: inline-flex; justify-content: center; align-items: center; color: #fff; border-radius: 10px; position: relative; font-size: 16px;}
.organization_map .dep3_r > ul > li::before {content: ""; width: 1px; height: 30px; background-color: #ccc; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.organization_map .dep3_r > ul > li.with_circle::before {height: 125px;}
.organization_map .dep3_r > ul > li.with_circle::after {content: ""; width: 10px; height: 10px; background: #73c4c1; border-radius: 50%; position: absolute; bottom: 94px; left: 50%; transform: translateX(-50%);}
.organization_map .dep3_r > ul > li > a , .organization_map .dep2_sub >.dep2_sub_left{width: 135px; height: 70px; display: inline-flex; justify-content: center; align-items: center; text-align: center; color: #fff; background-color: #73c4c1; border-radius: 10px; border: 2px solid #3d9c98; box-shadow: 3px 3px 9px #999;}
.organization_map .dep3_r > ul > li > a:hover {background-color: #5c9d9a;}
.organization_map .dep3_r .dep4_list {width: 100%; position: absolute; top: calc(100% + 10px); left: 0;}
.organization_map .dep3_r .dep4_list > li {margin-bottom: 5px;}
.organization_map .dep3_r .dep4_list > li > a {font-size: 15px; padding: 12px 5px; color: #333; background-color: #eee; border-radius: 10px; display: flex; justify-content: center; align-items: center; text-align: center;border: 2px solid #376c9d;box-shadow: 3px 3px 9px #666;}
.organization_map .dep3_r .dep4_list > li > a:hover {background-color: #ddd;}

@media screen and (max-width:1280px){
    .organization_map {padding-bottom: 830px;}
    .organization_map .dep1_sub > div, .organization_map .dep2_sub > div, .organization_map .dep2_sub > a {width: 180px;}
    .organization_map .dep3_l {left: 273px;}
    .organization_map .dep3_l .top {width: 300px;}
    .organization_map .dep3_l .top::before {left: 148px;}
    .organization_map .dep3_l .top::after {left: 143px;}
    .organization_map .dep3_l .bot li {width: 148px;}
    .organization_map .h_bar1 {width: 420px;}
    .organization_map .dep3_r {right: 160px;}
    .organization_map .dep3_r > ul > li > a, .organization_map .dep2_sub >.dep2_sub_left {width: 100px; height: 60px;}
    .organization_map .h_bar2 {width: 205px; left: -102px;}
    .organization_map .dep3_r > ul > li.with_circle::after {bottom: 85px;}
    .organization_map .dep2_sub_left::after{width: calc(100% + 141px);right: -335px;z-index: -10;}
}

@media screen and (max-width:1260px){
    .organization_map .dep2_sub_left::after {right: -250px}
}

@media screen and (max-width:1200px){
    .organization_map .dep2_sub_left::after {width: cacl(100% + 20px); right: -210px}
}

@media screen and (max-width:1024px){
  .organization_map {padding-bottom: 50px;}
  .organization_map .dep1 {margin-bottom: 20px;}
  .organization_map .dep1, .organization_map .dep2 {position: relative; top: 0; left: 0; transform: unset; width: 100%; height: 60px; border-radius: 8px;}
  .organization_map .dep1::before, .organization_map .dep2::before {display: none;}
  .organization_map .dep1::after {height: 20px;}
  .organization_map .dep2::after {height: 19px; top: 105%;}
  .organization_map .dep1_sub, .organization_map .dep2_sub {position: static; transform: unset;}
  .organization_map .dep1_sub > div, .organization_map .dep2_sub > div, .organization_map .dep2_sub > a {position: relative; top: 0; left: 0; width: 100%; height: 50px; padding: 0; font-size: 15px;}
  .organization_map .dep2_sub >.dep2_sub_left{top : 0; left:0;}
  .organization_map .dep1_sub_l {margin-bottom: 5px;}
  .organization_map .dep2 {margin-top: 20px; margin-bottom: 20px;}
  .organization_map .dep2_sub_l {margin-bottom: 5px;}
  .organization_map .h_bar1 {position: static; transform: unset; width: 100%; height: auto; margin-top: 20px; background-color: #fff;}
  .organization_map .h_bar2 {display: none;}
  .organization_map .dep3_l, .organization_map .dep3_r {position: relative; left: 0; top: 0;}
  .organization_map .dep3_l .top {width: 100%; height: 60px; margin-bottom: 20px; font-size: 17px;}
  .organization_map .dep3_l .top::after {display: none;}
  .organization_map .dep3_l .top::before {left: 50%; transform: translateX(-50%); top: 100%; height: 20px;}
  .organization_map .dep3_l .bot li {width: 100%; height: 50px; font-size: 15px;}
  .organization_map .dep3_r {width: 100%; margin-top: 15px;}
  .organization_map .dep3_r > ul {width: 100%;}
  .organization_map .dep3_r > ul > li {width: 100%; flex-wrap: wrap;}
  .organization_map .dep3_r > ul > li > a ,.organization_map .dep2_sub >.dep2_sub_left{width: 100%; margin-bottom: 5px; height: 50px; font-size: 17px;}
  .organization_map .dep3_r > ul > li.with_circle::after {display: none;}
  .organization_map .dep3_r > ul > li::before {display: none;}
  .organization_map .dep3_r .dep4_list {position: static; margin-bottom: 5px;}
  .organization_map .dep3_r .dep4_list::before {content: ""; width: 1px; height: 20px; display: block; margin: 0 auto; background-color: #ccc;}

}
/* // 230131 */

/* 250227 여기까지 수정 끝 */



/* Sub 0104 : CI소개 */
.CI_intro .smbl_txt {color: #333; font-size: 15px; line-height: 29px; padding-left: 11px; word-break: keep-all;}
.CI_intro .main_color {display: flex; justify-content: space-between; width: 950px;}
.CI_intro .main_color li {width: 24%;}
.CI_intro .main_color figure {padding-bottom: 5px;}
.CI_intro .main_color p {padding-left: 10px; line-height: 19px; font-size: 14px;}
.CI_intro .main_color .color_desc {color: #333; font-weight: 500; padding-top: 10px;}
.CI_intro .main_color .cmyk {color: #666;}
.CI_intro .btnJPG, .CI_intro .btnAI {width: 195px; height: 65px; border: 1px solid #666; font-size: 15px; display: inline-flex; justify-content: space-between; align-items: center; padding: 0 25px; color: #333;}
.CI_intro .btnJPG {margin-right: 10px; margin-top: 60px;}

@media screen and (max-width:1300px){
    .CI_intro .main_color {width: 100%;}
}

@media screen and (max-width:750px){
    .CI_intro .main_color {display: block;}
    .CI_intro .main_color li {width: 100%; margin-bottom: 20px;}
    .CI_intro .main_color .color_txt_box {display: flex;}
    .CI_intro .main_color img {width: 100%; height: 94px;}
    .CI_intro .main_color .color_desc {padding-top: 5px;}
    .CI_intro .main_color .cmyk {padding-right: 20px;}
    .CI_intro .btnJPG, .CI_intro .btnAI {width: 179px;}
}

@media screen and (max-width:480px){
  .CI_intro .smbl_txt {font-size: 14px; line-height: 23px;}
  .CI_intro .main_color .color_txt_box {display: block;}
  .CI_intro .btnJPG, .CI_intro .btnAI {width: 100%;}
  .CI_intro .btnJPG {margin-right: 0; margin-bottom: 10px;}
}

/* Sub 0105 : 찾아오시는길 */
.road_map {}
.road_map h2 {font-size: 18px; color: #333; font-weight: 500; padding: 10px 0; border-bottom: 1px solid #eee;}
.road_map .btn_naverMap {color: #fff; background-color: #0cc259; width: 180px; height: 60px; font-size: 15px; transition: all 0.25s ease; margin-bottom: 10px;}
/* .road_map .btn_naverMap:hover, .road_map .btn_naverMap:focus {background-color: #0ba34b;} */
.road_map .big_box {display: flex; padding: 30px 0; margin-bottom: 20px;}
.road_map .big_box .left {width: 170px; min-width: 170px; padding-left: 40px; padding-top: 10px;}
.road_map .big_box .left img {display: inline-block;}
.road_map .big_box .right {width: calc(100% - 170px); font-size: 14px; color: #666;}
.road_map .big_box .right p {line-height: 25px;}
.road_map .big_box .subway p:not(:last-of-type) {margin-bottom: 13px;}
.road_map .big_box .subway .line_num {color: #333; font-weight: 500;}
.road_map .big_box .subway .line_num::before {display: inline-flex; justify-content: center; align-items: center; width: 23px; height: 23px; color: #fff; border-radius: 50%; font-size: 15px; margin-right: 6px;}
.road_map .big_box .subway .num2::before {content: "2"; background-color: #06863b;}
.road_map .big_box .subway .num3::before {content: "3"; background-color: #fe4e02;}
.road_map .big_box .subway .num5::before {content: "5"; background-color: #4e0078;}
.road_map .big_box .subway .num8::before {content: "8"; background-color: #ed0482; margin-left: 6px;}
.road_map .big_box .busStop li {display: flex;}
.road_map .big_box .busStop p {display: inline-block;}
.road_map .big_box .busStop .location {width: 250px; font-weight: 500; color: #333;}
.road_map .big_box .busStop .num {margin-bottom: 10px;}
.road_map .big_box .busStop .num::before {content: ""; width: 10px; height: 10px; display: inline-block; background-color: #008738; vertical-align: baseline; margin-right: 10px;}
.road_map .big_box .busStop .num.blue::before {background-color: #1b55da;}

@media screen and (max-width:768px){
  .road_map .big_box .busStop li {flex-wrap: wrap;}
  .road_map .big_box .busStop li > div {width: 100%;}
  .road_map .btn_naverMap {width: 135px;height: 40px;font-size: 13px; transition: none;}
}

@media screen and (max-width:648px){
  .road_map .big_box {flex-wrap: wrap;}
  .road_map .big_box .left {width: 100%; min-width: unset; text-align: center; padding-left: 0; margin-bottom: 30px;}
  .road_map .big_box .right {width: 100%; font-size: 13px;}
}

/*-----------------------------------------------------------------------------
 *  Sub 02 : 회원센터
 *----------------------------------------------------------------------------*/
 #sv02 .vs_title h2, #sv02 .vs_title p {padding-left: 0;}

/* Sub 0201 : 회원사안내 */
/* .mem_co_list .tab_box {display: flex; flex-wrap: wrap; padding: 0 16px 0 20px;}
.mem_co_list .tab_box li {width: 20%; height: 60px; position: relative; margin-bottom: -1px;}
.mem_co_list .tab_box li:not(:nth-child(5n-4)) {margin-left: -1px;}
.mem_co_list .tab_box button {width: 100%; height: 60px; padding: 10px; background-color: #f9f9f9; color: #999; font-size: 15px; word-break: keep-all; border: 1px solid #ddd;}
.mem_co_list .tab_box button.active {background-color: #fff; color: #333; border: 1px solid #aaa; position: absolute; z-index: 10;} */

.mem_co_list .tabBox-style-01 { flex-wrap: wrap; padding: 0 16px 0 20px;}
.mem_co_list .tabBox-style-01 li {width: calc(100% / 4); margin-bottom: -1px;}
.mem_co_list .tabBox-style-01 li:not(:first-child) {margin-left: 0;}
.mem_co_list .tabBox-style-01 li:not(:nth-child(5n-4)) {margin-left: -1px;}



.mem_co_list .user_type {display: flex; padding: 50px 20px;}
.mem_co_list .user_type li {width: 50%;}
.mem_co_list .user_type button {width: 100%; height: 60px; font-size: 17px; color: #666; border: 1px solid #ddd;}
.mem_co_list .user_type li:first-child button {border-right: none;}
.mem_co_list .user_type button.active {color: #fff; background-color: #353e4e;}
.mem_co_list .brd_Ctrl1 {padding: 0 20px; margin-bottom: 20px;}
.mem_co_list .tb_col {margin-bottom: 40px; padding: 0 20px;}
.mem_co_list .tb_col img {display: inline-block;}
.mem_co_list .tb_col tbody tr {cursor: pointer;}
.mem_co_list .tb_col th, .mem_company .tb_col td {padding: 23px 8px;}

@media screen and (max-width:768px){
  .mem_co_list .user_type button {font-size: 15px;}
  .mem_co_list .tabBox-style-01 li {width: 100%;}
  .mem_co_list .tabBox-style-01 li:not(:nth-child(5n-4)) {margin-left: -0;}
}

@media screen and (max-width:500px){
  .mem_co_list .user_type {padding: 30px 20px;}
  .mem_co_list .user_type button {height: 50px; font-size: 14px;}
  .mem_co_list .tb_col {padding: 0;}
}

/* Sub 0201 : 회원사안내 상세페이지 */
.mem_co_detail h3 {font-size: 24px; color: #333; font-weight: 500; margin-bottom: 30px;}
.mem_co_detail .tb_row th {padding: 18px 8px;}
.mem_co_detail .tb_row td {text-align: left; padding: 18px 18px 18px 40px;} 

/* Sub 0202 : 회원사 가입안내 */
.mem_co_signUp_guide h3 {color: #134496; font-size: 19px; font-weight: 500; margin-bottom: 10px;}
.mem_co_benefits {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px;}
.mem_co_benefits > li {width: 49.5%; border: 1px solid #ddd; height: 270px; padding: 60px 35px 35px 35px; margin-bottom: 8px;}
.mem_co_benefits .txt_box li {line-height: 27px; font-size: 15px; color: #666; position: relative; padding-left: 10px;}
.mem_co_benefits .txt_box li::before {content: "·"; position: absolute; top: 0; left: 0; font-size: 15px; color: #666;}
.mem_co_regi {display: flex; align-items: center; margin-bottom: 20px;}  
.mem_co_regi figure {margin-bottom: 13px;}
.mem_co_regi img {display: inline-block;}
.mem_co_regi p {font-size: 15px;}
.mem_co_regi li:not(.right_arrow):not(.down_arrow) {width: 25%; height: 190px; border: 1px solid #ddd; text-align: center; padding-top: 47px;}
.mem_co_regi li.right_arrow {position: relative;}
.mem_co_regi li.down_arrow {display: none;}
.mem_co_regi li i {font-size: 30px; font-weight: 600; color: #666;}
.mem_co_need {padding: 20px 20px 50px 20px;}
.mem_co_need p {font-size: 15px;}
.mem_co_signUp_guide .beforeCircle {color: #666; position: relative; padding-left: 7px;}
.mem_co_signUp_guide .beforeCircle::before {content: "·"; position: absolute; top: 0; left: 0;}
.mem_co_appl {display: flex; justify-content: space-between;}
.mem_co_appl li {padding: 40px 30px; border: 1px solid #ddd; width: 32%;}
.mem_co_appl p {color: #333; font-size: 18px; font-weight: 500; padding-bottom: 20px;}

@media screen and (max-width:768px){
  .mem_co_benefits {flex-wrap: wrap;}
  .mem_co_benefits > li {width: 100%;}
  .mem_co_regi {flex-wrap: wrap; justify-content: center;}
    .mem_co_regi li:not(.right_arrow):not(.down_arrow) {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 0;}
  .mem_co_regi li.right_arrow {display: none;}
  .mem_co_regi li.down_arrow {display: block; width: 100%; text-align: center; padding: 10px 0;}
  .mem_co_appl {flex-wrap: wrap;}
  .mem_co_appl li {width: 100%; margin-bottom: 20px;}
}

@media screen and (max-width:480px){
  .mem_co_benefits > li {height: auto; padding: 30px;}
  .mem_co_signUp_guide h3 {font-size: 17px; margin-bottom: 16px;}
  .mem_co_benefits .txt_box li {font-size: 13px; line-height: 20px;}
  .mem_co_regi li:not(.right_arrow):not(.down_arrow) {height: 140px;}
  .mem_co_regi p {font-size: 14px;}
  .mem_co_need {padding: 20px;}
  .mem_co_need h3 {margin-bottom: 8px;}
  .mem_co_need p {font-size: 14px;}
  .mem_co_appl p {font-size: 16px;}
  .mem_co_appl li {padding: 25px;}
}

@media screen and (max-width:320px){
  .mem_co_benefits > li  {padding: 40px 20px 20px 20px;} 
  .mem_co_appl li {padding: 25px 20px;}
  .mem_co_appl p {font-size: 16px;}
}

/* Sub 0203 : 회원사 건의사항 */
.mem_co_complain .tb_col {margin-bottom: 40px;}
.mem_co_complain .tb_col td.title {text-align: left; position: relative; padding-left: 35px;}
.mem_co_complain .tb_col td.title.reply {padding-left: 8%;}
.mem_co_complain .tb_col td.title.reply figure {top: 33%; transform: unset;}
.mem_co_complain .answer_waiting.active, .mem_co_complain .answer_complete.active {display: inline-flex;}

/*-----------------------------------------------------------------------------
 *  Sub 03 : 주요업무
 *----------------------------------------------------------------------------*/
  #sv03 .vs_title h2, #sv03 .vs_title p {padding-left: 0;}

/* Sub 0301 : 스마트그리드표준화포럼 */
.standardization h2 {text-align: center; font-weight: 500; font-size: 22px;}
.standardization .mid_txt {display: flex; border: 1px solid #ddd; margin: 70px 0 20px;}
.standardization .mid_txt li {width: 50%; text-align: center; padding: 50px 0;}
.standardization .mid_txt li:first-child dl::after {content: ""; width: 1px; height: 130%; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.standardization .mid_txt dt {font-size: 19px; color: #333; line-height: 22px; font-weight: 500; margin-bottom: 13px; word-break: keep-all; padding: 0 10px;}
.standardization .mid_txt dd {font-size: 15px; color: #333; word-break: keep-all; padding: 0 10px;}

.standardization .pyramid {border: 1px solid #ddd; margin-bottom: 50px; padding: 70px 0;}
.standardization .pyramid .in {width: 50%; background: url("/resources/user/web/images/sub/pyramid_triangle.png") no-repeat top center; background-size: 100% 90%; margin-left: 10%;}
.standardization .pyramid .s_box {border-radius: 43px; font-size: 19px; text-align: center; padding: 25px; background-color: #fff; font-weight: 500; color: #333; position: relative;}
.standardization .pyramid .s_box:nth-child(1) {width: 65%; border: 5px solid #579c19; margin: 0 auto 20px;}
.standardization .pyramid .s_box:nth-child(2) {width: 85%; border: 5px solid #134496; margin: 0 auto 20px;}
.standardization .pyramid .s_box:nth-child(3) {width: 100%; border: 5px solid #4e1396; margin: 0 auto;}
.standardization .pyramid ul {width: 100%; position: absolute; top: 50%; left: 110%; transform: translateY(-50%);}
.standardization .pyramid .line_style_02 {text-align: left; padding-left: 10px;}
.standardization .pyramid .line_style_02::before {content: "·";}
.standardization .pyramid.eng .in {background-size: 100% 85%; margin-left: 5%;}
.standardization .pyramid.eng ul {width: 330px;}
.standardization .pyramid.eng .s_box {border-radius: 60px; height: 113px; display: flex; justify-content: center; align-items: center; line-height: 22px;}

@media screen and (max-width:1200px) {
  .standardization .pyramid.eng ul {width: 280px;}
}

@media screen and (max-width:768px) {
  .standardization .pyramid {padding: 30px 0;}
  .standardization .pyramid .in {width: 80%; margin: 0 auto;}
  .standardization .pyramid .s_box {font-size: 17px;}
  .standardization .pyramid ul {display: none;}
  .standardization .pyramid .line_style_02 {line-height: 20px;}
  .standardization .pyramid.eng .in {width: 80%; margin: 0 auto;}

}

@media screen and (max-width:640px){
  .standardization .mid_txt {flex-wrap: wrap;}
  .standardization .mid_txt li {width: 100%; position: relative;}
  .standardization .mid_txt li:first-child dl::after {display: none;}
  .standardization .mid_txt li:first-child::after {content: ""; width: 80%; height: 1px; background-color: #ddd; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
}

@media screen and (max-width:480px){
  .standardization h2 {font-size: 19px;}
  .standardization .mid_txt dt {font-size: 16px;}
  .standardization .mid_txt dd {font-size: 13px;}
    .standardization .pyramid .in {width: 90%;}
  .standardization .pyramid .s_box {font-size: 15px; padding: 15px 0;}
  .standardization .pyramid .s_box:nth-child(1) {border-width: 3px;}
  .standardization .pyramid .s_box:nth-child(2) {border-width: 3px;}
  .standardization .pyramid .s_box:nth-child(3) {border-width: 3px;}
  .standardization .pyramid.eng .s_box {height: 80px; line-height: 18px; padding: 0 10px;}
}

@media screen and (max-width:320px) {
  .standardization .pyramid .s_box {font-size: 13px;}
  .standardization .pyramid.eng .s_box {font-size: 13px;}
}

/* Sub 0302 : 스마트그리드표준화포럼 */
.test_Cert {padding: 0 20px;}
.test_Cert .big_box {padding: 60px 50px; border: 1px solid #ddd; margin: 50px 0 40px;}
.test_Cert .div_box {display: flex; justify-content: space-between; margin-bottom: 50px;}
.test_Cert .div_box li {width: 24%;}
.test_Cert .div_box div {display: inline-flex; justify-content: center; align-items: center; color: #fff; width: 100%; height: 80px; font-size: 18px; padding: 10px; text-align: center;}
.test_Cert .img_box {display: flex; align-items: center; justify-content: center;}
.test_Cert .img_box figure {display: inline-flex;}
.test_Cert .img_box figure:not(:last-child) {margin-right: 3%;}

@media screen and (max-width:640px){
  .test_Cert .div_box {flex-wrap: wrap;}
  .test_Cert .div_box li {width: 100%; margin-bottom: 5px;}
  .test_Cert .div_box div {height: 65px; font-size: 16px;} 
    .test_Cert .big_box {padding: 20px;}
}

@media screen and (max-width:480px) {
  .test_Cert .big_box {padding: 10px; padding-bottom: 20px;}
  .test_Cert .div_box div {height: 60px; font-size: 15px;}
}

/* Sub 0303 : 스마트그리드 교육 */
.education_wrap .edu_center {display: flex; justify-content: space-between; margin-bottom: 80px;}
.education_wrap .edu_center .left {width: 30%; display: inline-flex; justify-content: center; align-items: center;}
.education_wrap .edu_center .right {width: 65%;}
.education_wrap .edu_center .right > li {border: 1px solid #ddd;}
.education_wrap .edu_center .right > li:not(:last-child) {margin-bottom: 15px;}
.education_wrap .edu_center .right h3 {width: 65%; color: #fff; background-color: #334d66; font-size: 18px; font-weight: 400; padding: 14px 8%;}
.education_wrap .edu_center .ul_blue_circle01 {padding: 30px 8%;}
.education_wrap .edu_center .ul_blue_circle01 li {padding-left: 9px;}

@media screen and (max-width:768px){
  .education_wrap .edu_center {flex-wrap: wrap;}
  .education_wrap .edu_center .left, .education_wrap .edu_center .right {width: 100%;}
  .education_wrap .edu_center .left {margin-bottom: 30px;}
  .education_wrap .edu_center .right h3 {width: 100%;}
}

@media screen and (max-width:480px){
  .education_wrap .edu_center .right h3 {font-size: 16px;}
  .education_wrap .ul_blue_circle01 li {font-size: 14px;}
}

/*  Sub 0304 : 지능형전력망 사업자등록,
    Sub 0305 : 전기신사업 사업자등록    */
.business_regi .purpose {border: 1px solid #ddd; font-size: 15px; color: #333; padding: 40px 20px 40px 45px; margin-bottom: 60px; word-break: keep-all;}
.business_regi .outline {border: 1px solid #ddd; padding: 30px 40px 30px 53px; margin-bottom: 40px;}
.business_regi .outline dt {width: 105px; min-width: 105px;}

@media screen and (max-width:480px){
  .business_regi .outline {padding-left: 30px;}
}

/* Sub 0306 : KSGW소개 - 01. 행사소개 */
.ksgw_intro .intro_title {font-size: 24px; text-align: center; color: #333; line-height: 31px; margin-bottom: 20px;}
.ksgw_intro .intro_sub_txt {font-size: 15px; text-align: center; color: #333; line-height: 24px; margin-bottom: 80px;}
.ksgw_intro .program {display: flex; justify-content: space-between; margin-bottom: 80px;}
.ksgw_intro .program > li {width: 49%;}
.ksgw_intro .program .top {height: 100px; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; background-color: #334d66; font-size: 15px; line-height: 22px;}
.ksgw_intro .program .top span {font-size: 20px; font-weight: 500;}
.ksgw_intro .program .ul_blue_circle01 {padding: 30px 15px 0;}


@media screen and (max-width:768px){
  .ksgw_intro .program {flex-wrap: wrap;}
  .ksgw_intro .program > li {width: 100%;}
  .ksgw_intro .program > li:first-child {margin-bottom: 30px;}
  .ksgw_intro .title {font-size: 21px;}
  .ksgw_intro .sub_txt {font-size: 15px;}
}

@media screen and (max-width:480px){
  .ksgw_intro .program .top {font-size: 14px;}
  .ksgw_intro .program .top span {font-size: 18px;}
}

/* Sub 0306 : KSGW소개 - 02. 지난행사보기 */
/**** 공통 ****/
.past_exhibition {}
.past_exhibition th, .past_exhibition td {font-size: 15px; word-break: keep-all;}
.past_exhibition .line_style_02 {display: block; padding-left: 8px; color: #666; font-size: 15px; line-height: 22px;}
.past_exhibition .line_style_02.cir {padding-left: 13px;}
.past_exhibition .line_style_02.cir::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #333; top: 10px;}
.past_exhibition .line_style_02.dash::before {content: "-";}
.past_exhibition .tab_box {display: flex; padding-left: 20px; padding-right: 15px; margin-bottom: 45px;}
.past_exhibition .tab_box li {width: calc(100% / 6); height: 60px; position: relative;}
.past_exhibition .tab_box li:not(:first-child) {margin-left: -1px;}
.past_exhibition .tab_box a {width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 15px; color: #999; background-color: #f9f9f9; border: 1px solid #ddd; transition: none;}
.past_exhibition .tab_box a:hover {text-decoration: none;}
.past_exhibition .tab_box a.active {background-color: #fff; color: #333; border: 1px solid #aaa; position: absolute; top: 0; left: 0; z-index: 9;}
.past_exhibition .ul_blue_circle02 dt {width: 70px; min-width: 70px; margin-left: 25px; font-weight: 500;}
.past_exhibition .ul_blue_circle02 dd {color: #333;}

@media screen and (max-width:768px){
  .past_exhibition .tab_box {flex-wrap: wrap; padding: 0 20px; height: 150px; overflow-y: auto;}
  .past_exhibition .tab_box li {width: 100%; position: relative; height: 45px;}
  .past_exhibition .tab_box li:not(:first-child) {margin-left: 0; margin-top: -1px;}
  .past_exhibition .tab_box a {border: 1px solid #ddd; font-size: 14px;}

  .past_exhibition .ul_blue_circle02 {overflow-x: unset;}
  .past_exhibition .ul_blue_circle02 dl {width: auto;}
  .past_exhibition .ul_blue_circle02 dt {margin-left: 10px; font-size: 14px;}
  .past_exhibition .ul_blue_circle02 dd {font-size: 14px;}
}

@media screen and (max-width:480px) {
  .past_exhibition th, .past_exhibition td {font-size: 14px;}
}

/* 전시회 개요 */
.past_exhibition .overview {display: none;}
.past_exhibition .overview.active {display: block;}
.past_exhibition .overview th {padding: 20px 20px 20px 35px; word-break: keep-all; text-align: left; border-left: 1px solid #ddd;}
.past_exhibition .overview td {padding: 25px; text-align: left; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.past_exhibition .overview .special {font-size: 20px; font-weight: 500; color: #1165b4; margin-top: 40px; margin-bottom: 20px;}
.past_exhibition .overview .exhibi_list dl {flex-direction: column;}
.past_exhibition .overview .exhibi_list .list li {position: relative; padding-left: 10px; word-break: keep-all;}
.past_exhibition .overview .exhibi_list .list li::before {content: "-"; position: absolute; top: 0; left: 0;}
.past_exhibition .overview .exhibi_list .list li:not(:last-child) {margin-bottom: 7px;}
.past_exhibition .overview .exhibi_list .list.no_ctt li::before {top: 50%; left: 50%; transform: translate(-50%,-50%);}
.past_exhibition .overview .simul_exhibi {margin-top: 40px;}
.past_exhibition .overview .simul_exhibi dt {width: 100px; min-width: 100px;}
.past_exhibition .overview .energy_plus {padding-left: 40px; margin: 30px 0 30px;}
.past_exhibition .overview .energy_plus p {line-height: 25px; font-size: 15px; word-break: keep-all;}
.past_exhibition .overview .simul_detail td p {position: relative; line-height: 25px; word-break: keep-all;}
.past_exhibition .overview .simul_detail td p span {position: absolute; top: 0; left: 0;}
.past_exhibition .overview .simul_detail .host, .past_exhibition .overview .simul_detail .organizer {padding-left: 35px;}
.past_exhibition .overview .simul_detail .list {padding-left: 63px;}

@media screen and (max-width:768px) {
  .past_exhibition .overview table {display: block; width: 100%;}
  .past_exhibition .overview th {display: block; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; padding: 15px 10px;}
  .past_exhibition .overview td {display: block; width: 100%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 15px 20px;}
  .past_exhibition .overview tr {display: block; width: 100%;}
  .past_exhibition .overview tr:first-of-type {border-top: none;}
  .past_exhibition .overview tr:not(:last-child) {margin-bottom: 10px;}
  .past_exhibition .overview tbody {display: block; width: 100%;}
  .past_exhibition .overview .energy_plus {padding-left: 0;}
  .past_exhibition .overview .energy_plus p {font-size: 14px;}
  .past_exhibition .overview .energy_plus p:last-child {line-height: 20px;}
  
  .past_exhibition .overview .simul_exhibi dl {flex-wrap: wrap;}
  .past_exhibition .overview .simul_exhibi dd {width: 100%; padding-left: 25px; margin-top: 5px;}

}

@media screen and (max-width:480px) {
  .past_exhibition .overview .simul_exhibi dl {flex-wrap: wrap;}
  .past_exhibition .overview .simul_exhibi dd {width: 100%; padding-left: 25px; margin-top: 5px;}
  .past_exhibition .overview .special {font-size: 18px;}
}

/* 부스 배치도 */
.past_exhibition .booth_layout {display: none;}
.past_exhibition .booth_layout.active {display: block;}
.past_exhibition .booth_layout figure {text-align: center;}
.past_exhibition .booth_layout img {display: inline-block;}
.past_exhibition .booth_layout h3 {font-size: 25px; color: #333; font-weight: 500; padding: 40px 13%;}
.past_exhibition .booth_layout h3 span {font-size: 30px; font-weight: 600;}
.past_exhibition .booth_layout .btn_box {margin: 100px 0 80px;}
.past_exhibition .booth_layout .go_shortcut:first-child {margin-right: 15px;}


@media screen and (max-width:768px) {
  .past_exhibition .booth_layout .go_shortcut:first-child {margin: 0; margin-bottom: 8px;}
  .past_exhibition .booth_layout .btn_box {margin: 60px 0 0;}
}

@media screen and (max-width:480px) {
  .past_exhibition .booth_layout h3 {font-size: 20px;}
  .past_exhibition .booth_layout h3 span {font-size: 25px;}
  .past_exhibition .booth_layout .energy_plus img {width: 80%;}
}

/* 참가업체 리스트 */
.past_exhibition .exhibitor_list {display: none;}
.past_exhibition .exhibitor_list.active {display: block;}
.past_exhibition .exhibitor_list tr th, .past_exhibition .exhibitor_list tr td {border-left: 1px solid #ddd;}
.past_exhibition .exhibitor_list tr th:last-child, .past_exhibition .exhibitor_list tr td:last-child {border-right: 1px solid #ddd;}
.past_exhibition .exhibitor_list tr th {padding: 20px 8px;}
.past_exhibition .exhibitor_list tr td {padding: 12px 8px;}
.past_exhibition .exhibitor_list .name {text-align: left; padding-left: 15px;}

/* 2021-11-23 추가 */
.past_exhibition .exhibitor_list .btn_box {margin-top: 100px;}
.past_exhibition .exhibitor_list .go_shortcut:first-child {margin-right: 15px;}

@media screen and (max-width:768px) {
  .past_exhibition .exhibitor_list .go_shortcut:first-child {margin: 0; margin-bottom: 8px;}
  .past_exhibition .exhibitor_list .btn_box {margin: 60px 0 0;}
}
/* 2021-11-23 끝 */

@media screen and (max-width:640px){
  .past_exhibition .exhibitor_list col:nth-of-type(1) {width: 10% !important;} 
  .past_exhibition .exhibitor_list col:nth-of-type(2) {width: 10% !important;} 
}

/* 컨퍼런스 프로그램 */
.past_exhibition .conference {display: none;}
.past_exhibition .conference.active {display: block;}
.past_exhibition .conference .ul_blue_circle02 dt {width: 70px; min-width: 70px; font-weight: 500; color: #111;}
.past_exhibition .conference .ul_blue_circle02 dd {color: #333;}
.past_exhibition .conference tr th, .past_exhibition .conference tr td {border-left: 1px solid #ddd; word-break: keep-all;}
.past_exhibition .conference tr th:last-child, .past_exhibition .conference tr td:last-child {border-right: 1px solid #ddd;}
.past_exhibition .conference .sub_title {background-color: #e9f0f5;}
.past_exhibition .conference .btn_download {margin-left: 3px;}
.past_exhibition .conference .remark {margin-top: 30px; padding-left: 20px;}
.past_exhibition .conference .remark p {font-size: 14px; padding-left: 8px;}
.past_exhibition .conference .remark p::before {content: "*";}

@media screen and (max-width:480px) {
  .past_exhibition .conference .remark {padding-left: 0;}
  .past_exhibition .conference .remark p {font-size: 13px;}
}

/* 연사소개 */
.past_exhibition .speaker_intro {display: none;}
.past_exhibition .speaker_intro.active {display: block;}
.past_exhibition .speaker_intro li {display: flex; padding: 0 20px 40px 20px;  padding: 40px 20px; border-bottom: 1px solid #ddd;}
.past_exhibition .speaker_intro .mini_tab {display: flex; justify-content: space-between; margin-top: 40px;}
.past_exhibition .speaker_intro .mini_tab li {width: calc(100% / 3); padding: 0; border-bottom: none; text-align: center;}
.past_exhibition .speaker_intro .mini_tab a {width: 100%; height: 100%; padding: 10px; border: 1px solid #ddd; border-right: none; color: #999; background-color: #f9f9f9; font-size: 14px; transition: none;}
.past_exhibition .speaker_intro .mini_tab a:hover {text-decoration: none;}
.past_exhibition .speaker_intro .mini_tab a.active {background-color: #fff; color: #333; border: 1px solid #aaa;}
.past_exhibition .speaker_intro .mini_tab li:last-child a {border-right: 1px solid #ddd;}
.past_exhibition .speaker_intro .mini_tab li:last-child a.active {border-right: 1px solid #aaa;}
.past_exhibition .speaker_intro .mini_tab_ctt {display: none;}
.past_exhibition .speaker_intro .mini_tab_ctt.active {display: block;}
.past_exhibition .speaker_intro .imgBox {width: 110px; min-width: 110px; height: 130px; padding: 5px; border: 1px solid #9f9f9f;}
.past_exhibition .speaker_intro .cttBox {width: calc(100% - 110px); padding-left: 35px; font-size: 15px;}
.past_exhibition .speaker_intro .name {font-size: 20px; color: #83b952; font-weight: 500; margin-bottom: 10px;}
.past_exhibition .speaker_intro .word_exp {font-size: 15px; color: #333; font-weight: 500; line-height: 19px; margin-bottom: 20px;}
.past_exhibition .speaker_intro .intro {font-size: 15px; color: #666; line-height: 24px;}
.past_exhibition .speaker_intro .intro .his li {padding: 0; border-bottom: none;}
.past_exhibition .speaker_intro .intro .his .date {min-width: 95px;}
.past_exhibition .speaker_intro .intro .his p:not(:last-of-type) {margin-bottom: 0;}
.past_exhibition .speaker_intro .intro .his2 .date {min-width: 150px;}
.past_exhibition .speaker_intro .intro .his3 .date {min-width: 70px;}
.past_exhibition .speaker_intro .intro .his4 .date {min-width: 160px;}

@media screen and (max-width:640px){
  .past_exhibition .speaker_intro li {flex-wrap: wrap; padding: 40px 5px;}
  .past_exhibition .speaker_intro .mini_tab {flex-wrap: wrap;}
  .past_exhibition .speaker_intro .mini_tab li {width: 100%;}
  .past_exhibition .speaker_intro .mini_tab a {border: 1px solid #ddd; border-bottom: none;}
  .past_exhibition .speaker_intro .mini_tab li:last-child a {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .past_exhibition .speaker_intro .mini_tab li:last-child a.active {border-bottom: 1px solid #aaa;}
  .past_exhibition .speaker_intro .imgBox {margin-bottom: 10px;}
  .past_exhibition .speaker_intro .cttBox {width: 100%; padding-left: 0;}
  .past_exhibition .speaker_intro .word_exp {line-height: 20px;}
  .past_exhibition .speaker_intro .intro {line-height: 20px;}
  .past_exhibition .speaker_intro .intro .his .date {min-width: unset; width: 100%; line-height: 22px;} 
  .past_exhibition .speaker_intro .intro .his li {margin-bottom: 10px;}
}

/* 행사결과 */
.past_exhibition .exhibi_result {display: none;}
.past_exhibition .exhibi_result.active {display: block;}
.past_exhibition .exhibi_result h4 {font-size: 15px; font-weight: 500; color: #333; margin-bottom: 15px;}
.past_exhibition .exhibi_result .ul_blue_circle02 dt {width: 65px; min-width: 65px; margin-left: 0;}
.past_exhibition .exhibi_result .scale {display: flex; justify-content: space-between; margin-bottom: 80px;}
.past_exhibition .exhibi_result .scale > div {width: 445px;}
.past_exhibition .exhibi_result .scale > div:first-child {margin-right: 20px;}
.past_exhibition .exhibi_result .scale.purp h4 {margin-bottom: 20px;}
.past_exhibition .exhibi_result .scale.purp figure {display: block; width: fit-content; margin: 0 auto; text-align: center;}
.past_exhibition .exhibi_result .tb_col th, .past_exhibition .exhibi_result .tb_col td {border-left: 1px solid #ddd;}
.past_exhibition .exhibi_result .tb_col th:last-of-type, .past_exhibition .exhibi_result .tb_col td:last-of-type {border-right: 1px solid #ddd;}
.past_exhibition .exhibi_result .tb_col th {padding: 20px 8px;}
.past_exhibition .exhibi_result td.department_name {text-align: left; padding-left: 15px;}

@media screen and (max-width:768px) {
  .past_exhibition .exhibi_result h4 {margin-bottom: 10px;}
  .past_exhibition .exhibi_result .scale {flex-wrap: wrap; margin-bottom: 40px;}
  .past_exhibition .exhibi_result .scale > div {width: 100%;}
  .past_exhibition .exhibi_result .scale > div:first-child { margin-right: 0;}
  .past_exhibition .exhibi_result .scale > div:not(:last-child) {margin-bottom: 30px;}
}

@media screen and (max-width:480px) {
  .past_exhibition .exhibi_result .scale.purp img {width: 80%;}
}

/*** 2018 ***/
/*** 2017 ***/
/*** 2016 ***/
/*** 2015 ***/

/*** 2014 ***/
.past_exhibition .speaker_intro_2014 .mini_tab li {width: 50%;}
@media screen and (max-width:640px) {
  .past_exhibition .speaker_intro_2014 .mini_tab li {width: 100%;}
}

/*** 2013 ***/
.past_exhibition .speaker_intro_2013 .mini_tab li {width: 50%;}
.past_exhibition .speaker_intro_2013 .intro .his2 .date {min-width: 120px;}

@media screen and (max-width:640px) {
  .past_exhibition .speaker_intro_2013 .mini_tab li {width: 100%;}
  .past_exhibition .speaker_intro_2013 .intro .his2 .date {min-width: unset;}
}

/*** 2012 ***/
.past_exhibition .speaker_intro_2012 .mini_tab li {width: calc(100% / 3);}

@media screen and (max-width:640px) {
  .past_exhibition .speaker_intro_2012 .mini_tab li {width: 100%;}
}

/*** 2011 ***/
.past_exhibition .speaker_intro_2011 .mini_tab li {width: calc(100% / 3);}

@media screen and (max-width:640px) {
  .past_exhibition .speaker_intro_2011 .mini_tab li {width: 100%;}
}












/*-----------------------------------------------------------------------------
 *  Sub 04 : 주요업무
 *----------------------------------------------------------------------------*/
 #sv04 .vs_title h2, #sv04 .vs_title p {padding-left: 0;}


/* Sub 0401 : 스마트그리드 소개 */
.smartgrid_intro .tb_row th {border-left: 1px solid #ddd; background-color: #fff; font-weight: 400;}
.smartgrid_intro .tb_row td {text-align: left; padding: 30px; border-left: 1px solid #ddd;}
.smartgrid_intro .tb_row td:last-of-type {border-right: 1px solid #ddd;}
.smartgrid_intro .main_chg {color: #111; font-size: 20px; font-weight: 500; padding: 20px;}

@media screen and (max-width:768px) {
  .smartgrid_intro .tbl_chg table {display: block; width: 100%;}
  .smartgrid_intro .tbl_chg tbody {display: block; width: 100%;}
  .smartgrid_intro .tbl_chg tr {display: block; width: 100%;}
  .smartgrid_intro .tbl_chg tr:not(:last-child) {margin-bottom: 15px;}
  .smartgrid_intro .tbl_chg th {display: block; width: 100%; border: 1px solid #ddd;}
  .smartgrid_intro .tbl_chg td {display: block; width: 100%;}
}

@media screen and (max-width:480px){
  .smartgrid_intro .main_chg {font-size: 17px; padding-left: 0;}
  .smartgrid_intro .tbl_chg td {padding: 20px;}
}

/* Sub 0402 : 스마트그리드 추진배경 */
.smartgrid_reason {}
.smartgrid_reason h3 {color: #333; font-weight: 500; font-size: 15px; margin-bottom: 3px;}
.smartgrid_reason .line_style_02::before {content: "˙";}
.smartgrid_reason .img_box {margin-top: 25px; padding-left: 6px;}

/* Sub 0403 : 스마트그리드 로드맵 */
.smartgrid_roadMap {}
.smartgrid_roadMap h3 {color: #333; font-weight: 500; font-size: 17px; margin-bottom: 10px;}
.smartgrid_roadMap .line_style_02 {padding-left: 10px; line-height: 30px;}
.smartgrid_roadMap .smry {margin-bottom: 80px;}
.smartgrid_roadMap .smry .b_box {display: flex; align-items: center}
.smartgrid_roadMap .smry .lb {width: 15%; color: #111; font-size: 17px; font-weight: 500; position: relative;}
.smartgrid_roadMap .smry .lb::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 15%; border-top: 1px dashed #b8bec5;}
.smartgrid_roadMap .smry .rb {width: 85%;}
.smartgrid_roadMap .smry .vision {margin-bottom: 65px;}
.smartgrid_roadMap .smry .vision .rb {display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 22px; background-color: #358bd6; height: 70px; border-radius: 40px; padding: 0 25px;}
.smartgrid_roadMap .smry.eng .vision .rb {height: 80px;}
.smartgrid_roadMap .smry .aim {margin-bottom: 40px;}
.smartgrid_roadMap .smry .aim .rb {border: 5px solid #8f9bab; border-radius: 30px; display: flex; padding: 30px 50px; position: relative;}
.smartgrid_roadMap .smry .aim img {position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 0; z-index: -1;}
.smartgrid_roadMap .smry .aim .line_style_02 {color: #6f7a88; font-size: 18px; font-weight: 500;}
.smartgrid_roadMap .smry .aim .line_style_02::before {color: #6f7a88;}
.smartgrid_roadMap .smry .field {align-items: baseline;}
.smartgrid_roadMap .smry .field .lb {}
.smartgrid_roadMap .smry .field .rb {display: flex; justify-content: space-between;}
.smartgrid_roadMap .smry .field .s_box {width: 19%; height: auto; border-radius: 30px; padding: 25px 10px 40px 10px;}
.smartgrid_roadMap .smry .field .s_box:nth-child(1) {border: 5px solid #6bb477;}
.smartgrid_roadMap .smry .field .s_box:nth-child(2) {border: 5px solid #368cd7;}
.smartgrid_roadMap .smry .field .s_box:nth-child(3) {border: 5px solid #f2981d;}
.smartgrid_roadMap .smry .field .s_box:nth-child(4) {border: 5px solid #6a90b4;}
.smartgrid_roadMap .smry .field .s_box:nth-child(5) {border: 5px solid #40a8b1;}
.smartgrid_roadMap .smry .field .tit {font-size: 18px; color: #111; font-weight: 500; text-align: center;}
.smartgrid_roadMap .smry.eng .field .tit {word-break: break-all; line-height: 20px; height: 60px;}
.smartgrid_roadMap .smry .field ul {margin-top: 30px;}
.smartgrid_roadMap .smry.eng .field ul {margin-top: 20px;}
.smartgrid_roadMap .smry .field .line_style_02 {font-size: 15px; color: #333; line-height: 19px; margin-top: 15px; padding-left: 12px; word-break: break-all;}
.smartgrid_roadMap .smry .field .line_style_02::before {content: ""; width: 5px; height: 5px; border-radius: 50%; border: 2px solid #d8d8d8; top: 5px;}
.smartgrid_roadMap .img_box {margin-bottom: 80px;}
.smartgrid_roadMap .tb_col th, .smartgrid_roadMap .tb_col td {border-left: 1px solid #ddd; word-break: keep-all;}
.smartgrid_roadMap .tb_col th:last-of-type, .smartgrid_roadMap .tb_col td:last-of-type {border-right: 1px solid #ddd;}
.smartgrid_roadMap .tb_col th {padding: 25px;}
.smartgrid_roadMap .tb_col td {padding: 20px;}
.smartgrid_roadMap .tb_col td:last-of-type {text-align: left;}

@media screen and (max-width:786px) {
  .smartgrid_roadMap .smry .b_box {flex-wrap: wrap;}
  .smartgrid_roadMap .smry .lb {width: 100%; margin-bottom: 10px;}
  .smartgrid_roadMap .smry .lb::after {display: none;}
  .smartgrid_roadMap .smry .rb {width: 100%;}
  .smartgrid_roadMap .smry .vision .rb {font-size: 19px; height: auto; padding: 15px 25px;}
  .smartgrid_roadMap .smry.eng .vision .rb {height: auto;}
  .smartgrid_roadMap .smry .aim .rb {padding: 15px 25px;}
  .smartgrid_roadMap .smry .aim .line_style_02 {font-size: 16px;}
  .smartgrid_roadMap .smry .field .s_box {padding: 15px 15px 25px 15px;}
  .smartgrid_roadMap .smry .field .s_box:not(:last-child) {margin-bottom: 10px;}
  .smartgrid_roadMap .smry .field ul {width: 240px; margin: 15px auto 0;}
  .smartgrid_roadMap .smry.eng .field ul {margin-top: 15px;}
  .smartgrid_roadMap .smry .field .rb {flex-wrap: wrap;}
  .smartgrid_roadMap .smry .field .s_box {width: 100%;}
  .smartgrid_roadMap .smry .field .tit br {display: none;}
  .smartgrid_roadMap .smry.eng .field .tit {height: auto;}
  .smartgrid_roadMap .smry .field .line_style_02 {margin-top: 5px;}
  /* .smartgrid_roadMap .smry .field .line_style_02::before {position: static; display: inline-block; margin-right: 3px;} */
}

@media screen and (max-width:480px){
  .smartgrid_roadMap h3 {font-size: 16px;}
  .smartgrid_roadMap .line_style_02 {line-height: 24px;}
  .smartgrid_roadMap .line_style_02.tit {margin-top: 10px;}
  .smartgrid_roadMap .smry .lb {font-size: 15px;}
  .smartgrid_roadMap .smry .vision {margin-bottom: 40px;}
  .smartgrid_roadMap .smry .vision .rb {font-size: 17px;}
  .smartgrid_roadMap .smry .aim .rb {padding: 15px;}
  .smartgrid_roadMap .smry .aim .line_style_02 {font-size: 15px;}
  .smartgrid_roadMap .smry .field .tit {font-size: 16px;}
  .smartgrid_roadMap .smry .field ul {margin-top: 10px; width: 100%;}
  .smartgrid_roadMap .smry .field .line_style_02 {font-size: 14px; margin-top: 2px;}
  .smartgrid_roadMap .smry .field .s_box {padding: 15px;}
}

/* Sub 0404 : 지능형전력망 기본계획 - 제1차 지능형 전력망 기본계획 */
/* 공통 */
.ioe_plan .btn_ioe_download {width: 70%; height: 70px; padding: 15px 20px; border-radius: 40px; margin: 0 auto; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #3e495b; font-size: 17px; word-break: keep-all; transition: background-color 0.25s ease;}
.ioe_plan .btn_ioe_download:hover, .ioe_plan .btn_ioe_download:focus {background-color: #262d38;}
.ioe_plan .btn_ioe_download .txt {margin-right: 20px; color: #fff;}

@media screen and (max-width:640px){
  .ioe_plan .btn_ioe_download {width: 100%; font-size: 15px;}
}
@media screen and (max-width:480px){
  .ioe_plan .btn_ioe_download {font-size: 14px;}
}

/* 목표 */
/* 비전 및 전략 */

/* 5대 분야별 실행 로드맵 */
.ioe_fst_roadMap {}
.ioe_fst_roadMap h3 {color: #111; font-size: 17px; font-weight: 500; margin-bottom: 10px; padding-left: 15px;}
.ioe_fst_roadMap .line_style_02 {padding-left: 28px; line-height: 27px;}
.ioe_fst_roadMap .line_style_02::before {content: "·"; color: #333; font-weight: 500; left: 15px;}
.ioe_fst_roadMap .tabBox-style-01 {margin-bottom: 60px; padding-left: 20px; padding-right: 16px;}
.ioe_fst_roadMap .tabBox-style-01 li {width: 20%;}
.ioe_fst_roadMap .title_style_01 {margin-bottom: 60px;}
.ioe_fst_roadMap .bigBox {display: none;}
.ioe_fst_roadMap .bigBox.active {display: block;}

@media screen and (max-width:768px) {
    .ioe_fst_roadMap .tabBox-style-01 li {width: 100%;}
}

/* Sub 0404 : 지능형전력망 기본계획 - 제2차 지능형 전력망 기본계획 */
/***** 추진계획 *****/
.ioe_scd_plan .plan {margin-top: 60px; padding: 0 20px;}
.ioe_scd_plan .plan > li {display: flex; align-items: flex-start; margin-bottom: 40px;}
.ioe_scd_plan .plan .left {display: flex; width: 20%; justify-content: space-between; align-items: center; padding-top: 20px;}
.ioe_scd_plan .plan .left .txt {width: 60%; font-size: 18px; color: #111; font-weight: 500;}
.ioe_scd_plan .plan .left .dash {width: 40%;}
.ioe_scd_plan .plan .left .dash::before {content: ""; width: 100%; height: 1px; border-top: 2px dashed #e0dede; display: inline-block; vertical-align: middle;}
.ioe_scd_plan .plan .right {width: 80%; border: 1px solid #e0dede; padding: 30px;}
.ioe_scd_plan .plan .fst .right {display: flex; justify-content: space-between; text-align: center;}
.ioe_scd_plan .plan .fst dl {border: 1px solid #e0dede; width: 49%;}
.ioe_scd_plan .plan .fst dt {color: #fff; font-size: 17px; background-color: #3e495b; padding: 25px 10px;}
.ioe_scd_plan .plan .fst dd {color: #333; font-size: 15px; padding: 35px 10px;}
.ioe_scd_plan .plan .scd .right {background-color: #f9f9f9; padding: 45px 55px;}
.ioe_scd_plan .plan .scd dl:first-child {margin-bottom: 40px;}
.ioe_scd_plan .plan .scd dt {color: #333; font-weight: 500; font-size: 17px; position: relative; padding-left: 20px; margin-bottom: 10px;}
.ioe_scd_plan .plan .scd dt::before {content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #3e495b; position: absolute; top: 6.5px; left: 0;}
.ioe_scd_plan .plan .scd dd {color: #333; font-size: 15px; position: relative; padding-left: 65px;}
.ioe_scd_plan .plan .scd dd::before {content: "⇒"; position: absolute; top: 0; left: 35px;}
.ioe_scd_plan .plan .thd .right {border: none; background-color: #134496; color: #fff; font-size: 21px; text-align: center; border-radius: 18px;}
.ioe_scd_plan .plan .frt .right {display: flex; flex-wrap: wrap; border-right: none; border-bottom: none; padding: 0;}
.ioe_scd_plan .plan .frt dl {width: 50%; height: 300px; border-right: 1px solid #e0dede; border-bottom: 1px solid #e0dede; padding: 35px 40px; padding-right: 10px;}
.ioe_scd_plan .plan .frt dl:nth-child(2) {background-color: #f9f9f9;}
.ioe_scd_plan .plan .frt dl:nth-child(3) {background-color: #f9f9f9;}
.ioe_scd_plan .plan .frt dt {color: #1b4d91; font-size: 16px; font-weight: 500; margin-bottom: 20px;}
.ioe_scd_plan .plan .frt dd {color: #333; font-size: 15px; position: relative; padding-left: 20px; margin-bottom: 6px;}
.ioe_scd_plan .plan .frt dd::before {content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 7px; left: 5px; background-color: #134496;}

@media screen and (max-width:768px) {
  .ioe_scd_plan .plan {margin-top: 30px;}
  .ioe_scd_plan .plan > li {flex-wrap: wrap;}
  .ioe_scd_plan .plan .left {width: 100%; margin-bottom: 10px;}
  .ioe_scd_plan .plan .left .txt br {display: none;}
  .ioe_scd_plan .plan .left .dash::before {display: none;}
  .ioe_scd_plan .plan .right {width: 100%;}
  .ioe_scd_plan .plan .fst .right {border: none; padding: 0; flex-wrap: wrap;}
  .ioe_scd_plan .plan .fst dl {width: 100%;}
  .ioe_scd_plan .plan .fst dl:first-child {margin-bottom: 20px;}
  .ioe_scd_plan .plan .fst dt {font-size: 15px; padding: 15px 10px;}
  .ioe_scd_plan .plan .fst dd {font-size: 14px; padding: 25px 10px;}
  .ioe_scd_plan .plan .scd .right {padding: 30px;}
  .ioe_scd_plan .plan .scd dt {font-size: 15px;}
  .ioe_scd_plan .plan .scd dd {padding-left: 35px; font-size: 14px;}
  .ioe_scd_plan .plan .scd dd::before {left: 10px;}
  .ioe_scd_plan .plan .thd .right {font-size: 19px;}
  .ioe_scd_plan .plan .frt .right {border: none;}
  .ioe_scd_plan .plan .frt dl {width: 100%; padding: 20px; height: auto; border:1px solid #e0dede;}
  .ioe_scd_plan .plan .frt dl:not(:last-of-type) {margin-bottom: 20px;}
  .ioe_scd_plan .plan .frt dl:nth-child(3) {background-color: #fff;}
  .ioe_scd_plan .plan .frt dl:last-of-type {background-color: #f9f9f9;}
  .ioe_scd_plan .plan .frt dt {font-size: 15px; margin-bottom: 10px;}
  .ioe_scd_plan .plan .frt dd {font-size: 14px;}
}

@media screen and (max-width:480px) {
  .ioe_scd_plan .plan {padding: 0;}
  .ioe_scd_plan .plan .left .txt {font-size: 17px;}
  .ioe_scd_plan .plan .fst dt {font-size: 14px;}
  .ioe_scd_plan .plan .fst dd {font-size: 13px;}
  .ioe_scd_plan .plan .scd .right {padding: 25px;}
  .ioe_scd_plan .plan .scd dl:first-child {margin-bottom: 30px;}
  .ioe_scd_plan .plan .scd dt {font-size: 14px; margin-bottom: 7px;}
  .ioe_scd_plan .plan .scd dd {font-size: 13px;}
  .ioe_scd_plan .plan .thd .right {font-size: 16px; padding: 20px;}
  .ioe_scd_plan .plan .frt dt {font-size: 14px;}
  .ioe_scd_plan .plan .frt dd {font-size: 13px;}
}

/***** 정책과제 *****/
.ioe_scd_pol {}
.ioe_scd_pol.commonPadding {padding-right: 17px;}
.ioe_scd_pol .tabBox-style-01 {padding: 0; margin-bottom: 60px;}
.ioe_scd_pol .tabBox-style-01 li {width: 25%; height: 80px;}
.ioe_scd_pol .big_box {display: none;}
.ioe_scd_pol .big_box.active {display: block;}
.ioe_scd_pol .small_box {margin-bottom: 75px;}
.ioe_scd_pol .tb_col tr {border-bottom: 1px solid #eee;}
.ioe_scd_pol .tb_col th, .ioe_scd_pol .tb_col td {border-right: 1px solid #eee;}
.ioe_scd_pol .tb_col th:first-child, .ioe_scd_pol .tb_col td:first-child {border-left: 1px solid #eee;}
.ioe_scd_pol h3 {color: #111; font-size: 17px; font-weight: 500; padding-left: 10px; margin-bottom: 15px;}
.ioe_scd_pol p {color: #333; font-size: 15px; position: relative;}
.ioe_scd_pol p.tbl_sub_txt {padding-left: 10px; margin-top: 15px; width: 900px;}
.ioe_scd_pol p.tbl_sub_txt span {padding-right: 5px;}
.ioe_scd_pol .norm_txt {color: #333; font-size: 15px; padding-left: 10px; margin-bottom: 15px;}
.ioe_scd_pol .with_sqr {position: relative; padding-left: 36px; color: #333; font-size: 16px; font-weight: 500; margin-bottom: 25px;}
.ioe_scd_pol .with_sqr::before {content: ""; position: absolute; top: 2.5px; left: 10px; width: 6px; height: 6px; border: 4px solid #22ad76;}
.ioe_scd_pol .with_cir {position: relative; color: #333; font-size: 15px; padding-left: 40px; margin-bottom: 20px;}
.ioe_scd_pol .with_cir::before {content: ""; width: 4px; height: 4px; border: 3px solid #2261c6; border-radius: 50%; background-color: #fff; position: absolute; top: 4.5px; left: 18px;}
.ioe_scd_pol .with_etc {color: #333; font-size: 15px; position: relative; padding-left: 10px;}
.ioe_scd_pol .with_etc::before {position: absolute; top: 0; left: 0; }
.ioe_scd_pol .with_etc.dot::before {content: "·";}
.ioe_scd_pol .with_etc.num {padding-left: 20px; font-weight: 500;}
.ioe_scd_pol .with_etc.num::before {display: none;}
.ioe_scd_pol .with_etc.num .tit {position: absolute; top: 0; left: 0;}
.ioe_scd_pol .with_etc.blue_num {margin-top: 10px; padding-left: 20px;}
.ioe_scd_pol .with_etc.blue_num::before {display: none;}
.ioe_scd_pol .with_etc.blue_num .tit {width: 15px; height: 15px; color: #fff; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 2px; left: 0; background-color: #134496; font-size: 13px;}
.ioe_scd_pol .with_etc.two_ltr {padding-left: 45px;}
.ioe_scd_pol .with_etc.two_ltr::before {display: none;}
.ioe_scd_pol .with_etc.two_ltr .tit {font-weight: 600; position: absolute; top: 0; left: 0;}
.ioe_scd_pol .with_etc.star {margin-left: 10px;}
.ioe_scd_pol .with_etc.star::before {content: "*";}

/* 스마트그리드 신서비스 활성화 */
/* .ioe_scd_pol .new_svc {display: block;} */
.ioe_scd_pol .new_svc .plan {border: 1px solid #eee; padding: 30px;}
.ioe_scd_pol .new_svc .plan ul {padding-left: 20px;}
.ioe_scd_pol .new_svc .img_box {margin: 40px 0;}
.ioe_scd_pol .new_svc .with_etc.dot {margin-top: 10px;}
.ioe_scd_pol .new_svc .tit01 {margin-left: 45px;}

/* 스마트그리드 인프라·설비 확충 */
/* .ioe_scd_pol .infra_fac {display: none;} */
.ioe_scd_pol .infra_fac .ict {margin-bottom: 60px;}
.ioe_scd_pol .infra_fac .ict li {margin-left: 25px; margin-bottom: 40px;}
.ioe_scd_pol .infra_fac .ict .with_etc.dot {margin-top: 10px; padding-left: 29px;}
.ioe_scd_pol .infra_fac .ict .with_etc.dot::before {left: 19px;}

/* 스마트그리드 체험단지 조성 */
/* .ioe_scd_pol .svc_exp {display: none;} */
.ioe_scd_pol .svc_exp .exp_area {padding: 30px; border: 1px solid #ddd; margin: 30px 0;}
.ioe_scd_pol .svc_exp .exp_area p {line-height: 33px;}
.ioe_scd_pol .svc_exp .exp_stage {display: flex; margin-bottom: 60px;}
.ioe_scd_pol .svc_exp .exp_stage table {height: 100%;}
.ioe_scd_pol .svc_exp .exp_stage .arrow_R {min-width: 45px; position: relative;}
.ioe_scd_pol .svc_exp .exp_stage img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ioe_scd_pol .svc_exp .exp_stage .lb {width: 80%;}
.ioe_scd_pol .svc_exp .exp_stage .rb {width: 20%;}
.ioe_scd_pol .svc_exp .example p {line-height: 19px;}
.ioe_scd_pol .svc_exp .example td {padding: 30px 15px;}

/* 스마트그리드 확산기반구축 */
/* .ioe_scd_pol .svc_base {display: none;} */
.ioe_scd_pol .svc_base .org {margin-top: 40px;}
.ioe_scd_pol .svc_base .org .tit {font-size: 15px; color: #333; position: absolute; top: 50%; transform: translateY(-50%); text-align: left;}
.ioe_scd_pol .svc_base .org .dep1 {position: relative; width: 25%; height: 80px; color: #fff; font-size: 17px; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #386a7f; margin: 0 auto;}
.ioe_scd_pol .svc_base .org .dep1 .tit {right: -135px;}
.ioe_scd_pol .svc_base .org .dep2_box {width: 55%; margin: 0 auto; display: flex; align-items: center; margin-top: 45px;}
.ioe_scd_pol .svc_base .org .dep2 {position: relative; width: 45%; height: 80px; color: #fff; font-size: 17px; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #5a8e6b;}
.ioe_scd_pol .svc_base .org .dep2.lb .tit {left: -140px;}
.ioe_scd_pol .svc_base .org .dep2.rb .tit {right: -113px;}
.ioe_scd_pol .svc_base .org .line_h01 {width: 10%; height: 1px; background-color: #ddd;}
.ioe_scd_pol .svc_base .org .line_h02 {width: 82.3%; height: 1px; background-color: #ddd; margin: 40px auto;}
.ioe_scd_pol .svc_base .org .dep3_box {display: flex; justify-content: space-between;}
.ioe_scd_pol .svc_base .org .dep3 {width: 18%; border: 1px solid #ddd;}
.ioe_scd_pol .svc_base .org .dep3 p {font-size: 16px; font-weight: 500; color: #333; text-align: center; padding: 15px 0; background-color: #f9f9f9; border-bottom: 1px solid #ddd; position: relative;}
.ioe_scd_pol .svc_base .org .dep3 p::before {content: ""; width: 1px; height: 42px; background-color: #ddd; position: absolute; top: -41px; left: 50%; transform: translateX(-50%);}
.ioe_scd_pol .svc_base .org .dep3:nth-child(3) p::before {height: 207px; top: -207px;}
.ioe_scd_pol .svc_base .org .dep3 ul {height: 135px; padding: 10px 10px 10px 20px; color: #333; font-size: 14px;}
.ioe_scd_pol .svc_base .green_num {display: inline-flex; justify-content: center; align-items: center; color: #111; background-color: #28af7c; color: #fff; width: 20px; height: 20px; margin-bottom: 3px; padding-top: 2px; padding-right: 2px;}
.ioe_scd_pol .svc_base .roadMap {display: flex; justify-content: space-between; height: 201px; position: relative;}
.ioe_scd_pol .svc_base .roadMap .lb, .ioe_scd_pol .svc_base .roadMap .mb, .ioe_scd_pol .svc_base .roadMap .rb {width: calc(100% / 3);}
.ioe_scd_pol .svc_base .roadMap table {width: 100%; height: 100%;}
.ioe_scd_pol .svc_base .roadMap .arrow_R {position: relative; min-width: 40px;}
.ioe_scd_pol .svc_base .roadMap .arrow_R img {position: absolute; top: 119px; left: 50%; transform: translateX(-50%);}
.ioe_scd_pol .svc_base .roadMap .arrow_L {position: absolute; top: 50px; left: -66px; z-index: -1;}
.ioe_scd_pol .svc_base .roadMap .arrow_L img {height: 150px;}
.ioe_scd_pol .svc_base .term {display: flex; margin-bottom: 40px;}
.ioe_scd_pol .svc_base .term img {position: absolute;}
.ioe_scd_pol .svc_base .term .title {color: #fff; font-size: 15px; display: flex; justify-content: center; align-items: center; text-align: center; height: 45px; margin-bottom: 20px;}
.ioe_scd_pol .svc_base .term .fst {width: 40%;}
.ioe_scd_pol .svc_base .term .fst .title {background-color: #5a8f6a;}
.ioe_scd_pol .svc_base .term .fst td {height: 60px; padding: 0 8px;}
.ioe_scd_pol .svc_base .term .scd {width: 60%;}
.ioe_scd_pol .svc_base .term .scd .title {background-color: #3d707d;}
.ioe_scd_pol .svc_base .term .scd .flex_box {display: flex;}
.ioe_scd_pol .svc_base .term .scd .lb {width: 60%;}
.ioe_scd_pol .svc_base .term .scd .lb td {height: 80px;}
.ioe_scd_pol .svc_base .term .scd .rb {width: 40%;}
.ioe_scd_pol .svc_base .term .scd .rb td {height: 80px;}
.ioe_scd_pol .svc_base .term .img_box01, .ioe_scd_pol .svc_base .term .img_box02 {min-width: 25px; position: relative;}
.ioe_scd_pol .svc_base .term .img_box01 .small {left: 56%; transform: translateX(-50%); top: 230px;}
.ioe_scd_pol .svc_base .term .img_box01 .big {min-width: 40px; height: 240px; bottom: 0; z-index: -1; right: 0;}
.ioe_scd_pol .svc_base .term .img_box02 img {left: 56%; transform: translateX(-50%);}
.ioe_scd_pol .svc_base .term .img_box02 img:nth-child(1) {top: 85px;}
.ioe_scd_pol .svc_base .term .img_box02 img:nth-child(2) {top: 165px;}
.ioe_scd_pol .svc_base .term .img_box02 img:nth-child(3) {top: 245px;}

@media screen and (max-width:864px) {
  .ioe_scd_pol .svc_base .org .tit {font-size: 14px;}
  .ioe_scd_pol .svc_base .org .dep1 {width: 100%; height: 50px; font-size: 16px;}
  .ioe_scd_pol .svc_base .org .dep1 .tit {right: unset; top: unset; bottom: -41px; left: 50%; transform: translateX(-50%); width: 100%; border: 1px solid #ddd; text-align: center; padding: 10px 0; border-top: none; background-color: #fff;}
  .ioe_scd_pol .svc_base .org .line_h01 {display: none;}
  .ioe_scd_pol .svc_base .org .dep2_box {width: 100%; flex-wrap: wrap; margin-top: 55px;}
  .ioe_scd_pol .svc_base .org .dep2 {width: 100%; height: 50px; font-size: 16px;}
  .ioe_scd_pol .svc_base .org .dep2.lb {margin-bottom: 70px;}
  .ioe_scd_pol .svc_base .org .dep2.lb::before {content: ""; width: 1px; height: 14px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -72px; background-color: #ddd;}
  .ioe_scd_pol .svc_base .org .dep2.lb .tit, .ioe_scd_pol .svc_base .org .dep2.rb .tit {left: 50%; transform: translateX(-50%); text-align: center; width: 100%; border: 1px solid #ddd; border-top: none; padding: 10px 0; top: unset; bottom: -59px; background-color: #fff;}
  .ioe_scd_pol .svc_base .org .dep2.lb .tit p, .ioe_scd_pol .svc_base .org .dep2.rb .tit p {font-size: 14px;}
  .ioe_scd_pol .svc_base .org .dep3_box {flex-wrap: wrap;}
  .ioe_scd_pol .svc_base .org .dep3 {width: 100%;}
  .ioe_scd_pol .svc_base .org .dep3:not(:last-child) {margin-bottom: 10px;}
  .ioe_scd_pol .svc_base .org .dep3:nth-child(1) p::before {display: none;}
  .ioe_scd_pol .svc_base .org .dep3 p {font-size: 15px; padding: 10px 0;}
  .ioe_scd_pol .svc_base .org .dep3 ul {font-size: 13px; height: auto; display: flex; justify-content: center; flex-wrap: wrap;}
  .ioe_scd_pol .svc_base .org .dep3 li:not(:last-child) {margin-right: 10px;}
  .ioe_scd_pol .svc_base .org .dep3 p::before {height: 12px; top: -12px;}
  .ioe_scd_pol .svc_base .org .dep3:nth-child(3) p::before {height: 12px; top: -12px;}


}


@media screen and (max-width:768px) {
  .ioe_scd_pol .tabBox-style-01 {overflow-y: unset; border: none; padding: 0; height: auto;}
  .ioe_scd_pol .tabBox-style-01 li {width: 50%; height: 65px;}
  .ioe_scd_pol .tabBox-style-01 li:not(:first-child) {margin-top: 0;}
  .ioe_scd_pol .tabBox-style-01 li:nth-child(2) {margin-left: -1px;}
  .ioe_scd_pol .tabBox-style-01 li:nth-child(3) {margin-top: -1px;}
  .ioe_scd_pol .tabBox-style-01 li:nth-child(4) {margin-left: -1px; margin-top: -1px;}
  .ioe_scd_pol .tabBox-style-01 button {border: 1px solid #ddd;}
  .ioe_scd_pol .tabBox-style-01 button.active {border: 1px solid #aaa;}
  .ioe_scd_pol .svc_base .term {overflow: unset; flex-wrap: wrap;}
  .ioe_scd_pol .svc_base .term table {width: 100%;}
  .ioe_scd_pol .svc_base .term .fst {width: 100%;}
  .ioe_scd_pol .svc_base .term .scd {width: 100%;}
  .ioe_scd_pol .svc_base .term .scd .flex_box {flex-wrap: wrap;}
  .ioe_scd_pol .svc_base .term .scd .lb {width: 100%;}
  .ioe_scd_pol .svc_base .term .scd .rb {width: 100%;}
  .ioe_scd_pol .svc_base .term .img_box01, .ioe_scd_pol .svc_base .term .img_box02 {min-width: unset; width: 100%; min-height: 40px;}
  .ioe_scd_pol .svc_base .term .img_box01 .small {top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg);}
  .ioe_scd_pol .svc_base .term .img_box01 .big {min-width: unset; height: auto; bottom: unset; bottom: -39px; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg);}
  .ioe_scd_pol .svc_base .term .img_box02 img {transform: translateY(-50%) rotate(90deg);}
  .ioe_scd_pol .svc_base .term .img_box02 img:nth-child(1) {top: 50%; left: 17.5%;}
  .ioe_scd_pol .svc_base .term .img_box02 img:nth-child(2) {top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg);}
  .ioe_scd_pol .svc_base .term .img_box02 img:nth-child(3) {top: 50%; left: unset; right: 17.5%;}
}

@media screen and (max-width:640px) {
  .ioe_scd_pol .svc_exp .exp_stage .lb, .ioe_scd_pol .svc_exp .exp_stage .rb {width: auto;}
  .ioe_scd_pol .svc_exp .exp_stage .lb table {width: 800px;}
  .ioe_scd_pol .svc_exp .exp_stage .rb table {width: 200px;}
  .ioe_scd_pol .svc_base .roadMap {flex-wrap: wrap; overflow: unset; height: auto;}
  .ioe_scd_pol .svc_base .roadMap .lb, .ioe_scd_pol .svc_base .roadMap .mb, .ioe_scd_pol .svc_base .roadMap .rb {width: 100%;}
  .ioe_scd_pol .svc_base .roadMap .arrow_R {min-width: unset; width: 100%; min-height: 40px;}
  .ioe_scd_pol .svc_base .roadMap .arrow_R img {top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg);}
  .ioe_scd_pol .svc_base .roadMap .arrow_L {top: -108px; left: 50%; transform: translateX(-50%) rotate(90deg);}
}

@media screen and (max-width:480px) {
  .ioe_scd_pol p {font-size: 14px; word-break: break-all;}
  .ioe_scd_pol h3 {font-size: 16px; }
  .ioe_scd_pol .small_box {margin-bottom: 65px;}
  .ioe_scd_pol .norm_txt {font-size: 14px;}
  .ioe_scd_pol .with_cir {font-size: 14px;}
  .ioe_scd_pol .with_sqr {font-size: 15px; margin-bottom: 15px;}
  .ioe_scd_pol .with_etc {font-size: 14px;}

  .ioe_scd_pol .new_svc .plan {padding: 24px 12px;}
  .ioe_scd_pol .new_svc .tit01 {margin-left: 25px;}
  .ioe_scd_pol .infra_fac .ict li {margin-bottom: 25px;}
  .ioe_scd_pol .infra_fac .ict li:last-child {margin-bottom: 40px;}
  .ioe_scd_pol .infra_fac .ict .with_etc.dot {margin-top: 5px;}
}








/* Sub 0405 : 스마트그리드 발표자료 */
.presentation .tb_col th {padding: 20px 8px;}
.presentation .tb_col thead tr:first-of-type {border-bottom: 1px solid #9c9c9c;}
.presentation .tb_col tbody tr:last-of-type {border-bottom: 1px solid #9c9c9c;}
.presentation .title {text-align: left; padding-left: 15px;}

/* Sub 0406 : 국내외 스마트그리드 정보 */
.dataCenter img {display: inline-block;}
.dataCenter figure {text-align: center;}
.dataCenter .top {border-bottom: 1px dashed #ddd;}
.dataCenter h2 {font-size: 25px; font-weight: 400; color: #111;}
.dataCenter h2.title {font-size: 27px; font-weight: 500; text-align: center; margin-bottom: 25px;}
.dataCenter p {font-size: 15px; color: #333; line-height: 23px;}
.dataCenter p.sub_title {font-size: 17px; text-align: center; line-height: 25px; margin-bottom: 50px;}
.dataCenter .bot {display: flex; justify-content: center; align-items: center; padding-top: 40px; margin-bottom: 60px;}
.dataCenter .bot .left {margin-right: 40px; height: 427px;}
.dataCenter .bot .left .img_box {text-align: left; margin-bottom: 10px; padding-left: 10px;}
.dataCenter .bot .left h2 {padding-left: 10px; margin-bottom: 30px;}
.dataCenter .bot .left .sub_txt {padding-left: 10px;}
.dataCenter .google_appstore {display: flex; width: 100%; justify-content: center; margin-bottom: 80px;}

@media screen and (max-width:768px){
  .dataCenter .bot {flex-wrap: wrap;}
  .dataCenter .bot .left {width: 100%; margin-right: 0;}
  .dataCenter .bot .left .img_box {padding-left: 0; text-align: center;}
  .dataCenter .bot .left h2 {padding-left: 0; text-align: center;}
  .dataCenter .google_appstore {justify-content: center; margin-bottom: 60px;}
  .dataCenter .bot .left .sub_txt {padding-left: 0; text-align: center;}
}

@media screen and (max-width:480px){
  .dataCenter p {font-size: 14px;}
  .dataCenter p.sub_title {font-size: 14px;}
  .dataCenter h2.title {font-size: 22px;}
  .dataCenter .bot .left {height: 390px;}
  .dataCenter .bot .left h2 {font-size: 20px;}

}

/* Sub 0407 : 스마트그리드 동영상 */
.smartgrid_video {}
.smartgrid_video.job_brd .user_type button {font-size: 17px;}
.smartgrid_video.job_brd .user_type li:not(:last-of-type) button {border-right: none;}

@media screen and (max-width:768px) {
  .smartgrid_video.job_brd .user_type {flex-wrap: wrap; overflow-y: auto; height: 115px; padding: 0; margin-bottom: 50px;}
  .smartgrid_video.job_brd .user_type li {width: 100%;}
  .smartgrid_video.job_brd .user_type li:not(:last-of-type) button {border-bottom: none; border-right: 1px solid #ddd;}
  .smartgrid_video.job_brd .user_type button {height: 45px; font-size: 14px;}
  .smartgrid_video.job_brd .user_type button br {display: none;}
}



/*-----------------------------------------------------------------------------
 *  Sub 05 : 알림마당
 *----------------------------------------------------------------------------*/

/* 
   Sub 0501 : 공지사항,
   Sub 0502 : 행사안내,  
   Sub 0503 : 협회소식, 
   Sub 0504 : 채용정보, 
   Sub 0505 : 구인정보 
                      */
/* 공통 */               
.notice_wrap .tb_col th {background-color: #fff; padding: 20px 8px;}
.notice_wrap .tb_col .title {text-align: left; padding-left: 15px;}
.notice_wrap .tb_col .title a {position: relative;}
.tb_col td.title img.newIcon {position: absolute; top: 50%; right: -28px; transform: translateY(-50%);}
.tb_col td.title figure.lockIcon img{position: absolute; top: 50%; left: -27px; transform: translateY(-50%);}
.tb_col td.title figure.replyIcon img{position: absolute;top: 37%;left: -50px;transform: translateY(-50%);}
.notice_wrap .notice_top td {background-color: #f9f9f9;}


/* 구인정보 */
.job_brd {}
.job_brd .user_type {display: flex; padding-bottom: 50px;}
.job_brd .user_type li {width: 50%;}
.job_brd .user_type button {width: 100%; height: 60px; font-size: 17px; color: #666; border: 1px solid #ddd;}
.job_brd .user_type li:first-child button {border-right: none;}
.job_brd .user_type button.active {color: #fff; background-color: #353e4e;}
.job_brd .answer_waiting, .job_brd .answer_complete {width: 70px;}


/*-----------------------------------------------------------------------------
 *  Sub 06 : 유관기관
 *----------------------------------------------------------------------------*/
.institute {}
.institute .list {display: flex; flex-wrap: wrap;}
.institute .list img {display: inline-block;}
.institute .list li {width: 32%; border: 1px solid #ddd; margin-bottom: 50px;}
.institute .list li:not(:nth-child(3n)) {margin-right: 2%;}
.institute .list li a {display: inline-flex; width: 100%; height: 120px; justify-content: center; align-items: center; padding: 10px 15px;}

@media screen and (max-width:768px){
  .institute .list {justify-content: space-between;}
  .institute .list li {width: 49%;}
  .institute .list li:not(:nth-child(3n)) {margin-right: 0;}
}

@media screen and (max-width:480px){
  .institute .list li a {height: 80px;}
}

/*-----------------------------------------------------------------------------
 *  로그인, 회원가입
 *----------------------------------------------------------------------------*/
 /******** 공통 ******/
#sv07 .vs_title h2 {padding-left: 0;}
#sv07 .vs_title p {padding-left: 0;}

/******* 로그인 *********/
.login_wrap {padding: 60px 20px 0;}
.login_wrap > p {font-size: 22px; color: #000; line-height: 32px;}
.login_wrap .big_box {display: flex; align-items: center; border: 1px solid #e0dede; background-color: #f9f9f9; padding: 30px 0; margin-top: 50px;}
.login_wrap input[type=text],
.login_wrap input[type=password] {width: 100%; height: 60px; border: 1px solid #e0dede; font-size: 15px; color: #666; box-sizing: border-box; padding: 8px 20px; margin-bottom: 5px;}
.login_wrap input[type=text]::placeholder,
.login_wrap input[type=password]::placeholder {color: #666; font-size: 15px; font-weight: 400;}
.login_wrap .lb {width: 55%; padding: 50px 65px; border-right: 1px solid #e0dede;}
.login_wrap .rad_box {font-size: 15px; color: #000; margin-bottom: 20px;}
.login_wrap .rad_box label {display: inline-flex; align-items: center; margin-right: 10px;}
.login_wrap .rad_box input[type=radio] {width: 16px; height: 16px; margin: 0; margin-right: 8px;}
.login_wrap .btn_login {width: 100%; height: 60px; background-color: #134496; color: #fff; font-size: 17px; margin-bottom: 15px;}
.login_wrap .btn_find {color: #134496; font-size: 14px;}
.login_wrap .btn_find:hover {text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #a2adcb;}
.login_wrap .rb {width: 45%; padding: 50px 65px;}
.login_wrap .rb p {color: #000; font-size: 15px; margin-bottom: 10px;}
.login_wrap .rb p.yet {font-size: 17px; font-weight: 500;}
.login_wrap .btn_integ_signUp {display: flex; justify-content: center; align-items: center; text-align: center; height: 60px; font-size: 17px; color: #134496; border: 1px solid #134496; background-color: #fff; margin-top: 25px;}
.login_wrap .btn_integ_signUp:hover {text-decoration: none;}

/* .login_m_bg {display: none;}
.login_modal {display: none;} */
.login_modal .top {height: 65px; display: flex; border-bottom: 1px solid #ddd;}
.login_modal .top li {width: 50%;}
.login_modal .top li:first-child {border-right: 1px solid #ddd;}
.login_modal .top button {width: 100%; height: 100%; color: #666; font-size: 17px;}
.login_modal .top button.active {background-color: #2e6ecd; color: #fff;}
.login_modal .btn_cls {position: absolute; top: 0; left: 100%; width: 65px; height: 64px; background-color: #000;}
.login_modal .btn_cls i {color: #fff; font-size: 43px;}
.login_modal .mid {height: 390px; background-color: #f9f9f9;}
.login_modal .mid .in {width: 100%; height: 100%; }
.login_modal .bot {height: 65px;}
.login_modal .bot button {width: 100%; height: 100%; font-size: 17px; color: #fff; background-color: #333; display: none;}
.login_modal .bot button[data-case=id] {display: block;}

/* 아이디 찾기,비밀번호 찾기*/
.login_modal .find_idpw {padding: 45px 130px;}
.login_modal .find_idpw .info_txt {font-size: 17px; color: #333; display: flex; width: 100%; justify-content: center; align-items: center; margin-bottom: 25px;}
.login_modal .find_idpw .info_txt i {font-size: 30px; color: #ddd; margin-right: 5px;}
.login_modal .find_idpw label {display: block; font-size: 17px; color: #333; margin-bottom: 20px;}
.login_modal .find_idpw input[type=text] {width: 100%; height: 60px; border: 1px solid #ddd; margin-top: 10px; font-size: 17px; padding: 8px 12px;}
.login_modal .find_idpw label[data-case=pw] {display: none;}
/* 아이디 찾기 결과, 비밀번호 찾기 결과, 결과 없음 */
.login_modal .result {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.login_modal .result p {color: #333; text-align: center;}
.login_modal .result .txt_top {font-size: 17px; margin-bottom: 15px;}
.login_modal .result .txt_bot {font-size: 15px; margin-bottom: 50px; }


@media screen and (max-width:768px){
  .login_wrap .big_box {flex-wrap: wrap; padding: 0;}
  .login_wrap .lb {width: 100%; border-right: none; border-bottom: 1px solid #e0dede;}
  .login_wrap .rb {width: 100%;}
  .login_wrap > p {font-size: 20px; line-height: 27px;}

  .login_modal {width: 90vw;}
  .login_modal .btn_cls {left: unset; top: 100%; right: 0;}
  .login_modal .find_idpw {padding: 45px;}
}

@media screen and (max-width:480px){
  .login_wrap {padding: 0; padding-top: 20px;}
  .login_wrap > p {font-size: 16px;}
  .login_wrap .lb {padding: 30px;}
  .login_wrap .rb {padding: 30px;}
  .login_wrap .rad_box {font-size: 13px;}
  .login_wrap input[type=text] {height: 45px; font-size: 14px;}
  .login_wrap input[type=text]::placeholder {font-size: 14px;}
  .login_wrap .btn_login {height: 45px; font-size: 14px;}
  .login_wrap .btn_find {font-size: 13px;}
  .login_wrap .rb p {font-size: 13px;}
  .login_wrap .rb p.yet {font-size: 15px;}
  .login_wrap .btn_integ_signUp {height: 45px; font-size: 14px;}

  .login_modal {height: 415px;}
  .login_modal .top {height: 50px;}
  .login_modal .top button {font-size: 14px;}
  .login_modal .mid {height: 315px;}
  .login_modal .find_idpw input[type=text] {height: 50px; font-size: 14px;}
  .login_modal .find_idpw {padding: 40px 25px;}
  .login_modal .find_idpw .info_txt {font-size: 14px;}
  .login_modal .find_idpw .info_txt i {font-size: 23px;}
  .login_modal .find_idpw label {font-size: 14px;}
  .login_modal .bot {height: 50px;}
  .login_modal .bot button {font-size: 14px;}
  .login_modal .btn_cls {width: 40px; height: 39px;}
  .login_modal .btn_cls i {font-size: 30px;}
  .login_modal .result .txt_top {font-size: 16px;}
  .login_modal .result .txt_bot {font-size: 14px;}
}

/****** 회원가입 ******/
/* 공통 */
.signUp_com {padding: 0 20px;}
.signUp_com .step_list {display: flex; justify-content: center; align-items: center; margin-bottom: 80px;}
.signUp_com .step_list .circle {width: 128px; height: 128px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center;  border-radius: 50%; border: 2px solid #e0e0e0; font-size: 16px; color: #000; position: relative;}
.signUp_com .step_list .circle::before, .signUp_com .step_list .circle::after {content: ""; width: 7px; height: 7px; border: 3px solid #fff; background-color: #ddd; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%);}
.signUp_com .step_list .circle::before {left: -8px;}
.signUp_com .step_list .circle::after {right: -8px;}
.signUp_com .step_list .circle .step {font-size: 14px; font-weight: 600; color: #999; margin-bottom: 15px;}
.signUp_com .step_list .circle.active {border-color: #134496;}
.signUp_com .step_list .circle.active::before, .signUp_com .step_list .circle.active::after {background-color: #134496;}
.signUp_com .step_list .circle.active p {font-weight: 500;}
.signUp_com .step_list .circle.active .step {color: #2a78fa; font-weight: 600;}
.signUp_com .step_list .line_h {width: 75px; height: 1px; background-color: #ddd;}

@media screen and (max-width:850px){
  .signUp_com .step_list {flex-wrap: wrap;}
  .signUp_com .step_list .line_h {width: 65px;}
  .signUp_com .step_list .line_h.line_mid {width: 100%; background-color: transparent; margin: 10px 0;}
  .signUp_com .step_list .circle {width: 100px; height: 100px; font-size: 14px;}
  .signUp_com .step_list .circle .step {font-size: 13px;}
  .signUp_com .step03 {position: relative;}
  .signUp_com .step03::after {content: "";position: absolute;width: 106px;height: 2px;top: -9px;right: -119px;background-color: #e0e0e0;transform-origin: 0 0;transform: rotate(-28deg);}
}

@media screen and (max-width:480px) {
  .signUp_com {padding: 0;}
  .signUp_com .step_list {margin-bottom: 60px;}
}

@media screen and (max-width:320px) {
  .signUp_com .step_list .line_h {width: 50px;}
  .signUp_com .step03::after {width: 97px; top: -9px; right: -109px;}
}

/* 가입여부확인 */
.signUp_01 {display: none;}
.signUp_01 .txt_box p.big {font-size: 22px; color: #000; line-height: 34px; margin-bottom: 15px;}
.signUp_01 .txt_box p.small {font-size: 15px; color: #333; line-height: 25px;}
.signUp_01 .chk_signUp {width: 100%; height: 390px; border: 1px solid #e0dede; background-color: #f9f9f9; padding-top: 50px; margin-top: 40px; text-align: center;}
.signUp_01 .chk_signUp .txt {font-size: 17px; color: #333; font-weight: 500; margin-bottom: 35px; text-align: center;}
.signUp_01 .chk_signUp input {width: 380px; height: 60px; display: block; color: #666; font-size: 15px; border: 1px solid #e0dede; padding: 8px 20px; box-sizing: border-box; margin: 0 auto 5px;}  
.signUp_01 .chk_signUp input::placeholder {color: #666; font-size: 15px;}
.signUp_01 .chk_signUp .btn_chk {width: 380px; height: 60px; color: #fff; background-color: #134496; font-size: 15px; display: block; margin: 1px auto 0;}

@media screen and (max-width:768px){
  .signUp_01 .chk_signUp {padding: 50px 30px 0; height: 360px;}
  .signUp_01 .chk_signUp input {width: 100%;}
  .signUp_01 .chk_signUp .btn_chk {width: 100%;}
  .signUp_01 .txt_box p.big {font-size: 20px; line-height: 28px;}
  .signUp_01 .txt_box p.small {font-size: 14px;}
}

@media screen and (max-width:480px){
  .signUp_01 .chk_signUp {padding: 20px; height: auto;}
  .signUp_01 .chk_signUp input {height: 45px;}
  .signUp_01 .chk_signUp input::placeholder {font-size: 13px;}
  .signUp_01 .chk_signUp .btn_chk {height: 45px; font-size: 13px;}
  .signUp_01 .chk_signUp .txt {font-size: 15px; margin-bottom: 15px;}
}

/* 이용약관 */

.signUp_02 .terms {margin-bottom: 60px;}
.signUp_02 .terms h2 {color: #333; font-weight: 600; font-size: 19px; margin-bottom: 15px;}
.signUp_02 .terms h3 {color: #333; font-weight: 600; font-size: 16px; margin-bottom: 20px;}
.signUp_02 .terms h4 {color: #333; font-weight: 500; font-size: 14px;}
.signUp_02 .terms .txt_box {padding: 40px; border: 1px solid #e0dede; height: 526px; overflow-y: auto;}
.signUp_02 .terms .txt_box .mini_box {margin-bottom: 35px;}
.signUp_02 .terms .txt_box p {word-break: keep-all; font-size: 14px; color: #333; margin-top: 15px;}
.signUp_02 .terms .txt_box.case02 p {margin-top: 0;}
.signUp_02 .terms .txt_box.case02 .mini_box {margin-bottom: 20px;}
.signUp_02 .terms .txt_box.case02 .dep1 {padding-left: 10px;}
.signUp_02 .terms .txt_box.case02 .dep2 {padding-left: 20px;}
.signUp_02 .terms .chk_agree {display: flex; align-items: center; color: #111; font-size: 14px; margin-top: 30px;}
.signUp_02 .terms .chk_agree label {display: inline-flex; align-items: center; margin-left: 13px;}
.signUp_02 .terms .chk_agree input {margin: 0; margin-right: 3px; width: 15px; height: 15px;}
.signUp_02 .btn_box {text-align: center; margin-top: 70px;}
.signUp_02 .btn_cancel {margin-right: 6px;}

@media screen and (max-width:640px){
  .signUp_02 .terms .txt_box {height: 300px;}
  .signUp_02 .btn_box {display: flex; justify-content: space-between;}
  .signUp_02 .btn_box button {width: 49%; height: 50px; font-size: 15px;}
}

@media screen and (max-width:480px){
  .signUp_02 .terms {margin-bottom: 45px;}
  .signUp_02 .terms .txt_box {padding: 20px; height: 250px;}
  .signUp_02 .terms h2 {font-size: 18px;}
  .signUp_02 .terms h3 {font-size: 15px; margin-bottom: 15px;}
  .signUp_02 .terms h4 {font-size: 13px;}
  .signUp_02 .terms .txt_box p {font-size: 13px; margin-top: 8px;}
  .signUp_02 .terms .txt_box .mini_box {margin-bottom: 20px;}
  .signUp_02 .terms .chk_agree {font-size: 13px; margin-top: 20px;}
}

@media screen and (max-width:320px){
  .signUp_02 .chk_agree {flex-wrap: wrap;}
  .signUp_02 .chk_agree p {width: 100%; margin-bottom: 5px;}
  .signUp_02 .chk_agree label:first-of-type {margin-left: 0;}
}

/* 정보입력 */
/* .signUp_03 {display: none;} */
.signUp_03 textarea {width: 100%; height: 165px; padding: 15px; resize: none; border: 1px solid #ddd; font-size: 14px; color: #333;}
.signUp_03 select {height: 40px; font-size: 14px; padding: 8px; border: 1px solid #ddd; background-position: right;}
.signUp_03 button {height: 40px; font-size: 14px; color: #fff; vertical-align: bottom;}
.signUp_03 input[type=checkbox] {margin: 0; margin-right: 10px; width: 18px; height: 18px; min-width: 18px; min-height: 18px;}
.signUp_03 input[type=text], .signUp_03 input[type=password] {width: 310px; height: 40px; font-size: 14px; color: #000; border: 1px solid #ddd; padding: 8px 15px;}
.signUp_03 input[type=text]::placeholder, .signUp_03 input[type=password]::placeholder {font-size: 14px; color: #999;}
.signUp_03 th {text-align: left; font-size: 15px; padding-left: 30px;}
.signUp_03 td {text-align: left; padding-left: 25px;}
.signUp_03 .btn_dbl_chk, .signUp_03 .btn_postNum, .signUp_03 .btn_chk_com {background-color: #333; width: 115px; margin-left: 3px;}
.signUp_03 .phNum {display: inline-flex; align-items: center;}
.signUp_03 .phNum input, .signUp_03 .phNum select {width: 100px;}
.signUp_03 .phNum .line::before {content: "-"; margin: 0 15px;}
.signUp_03 .addr > input {margin-top: 5px;}
.signUp_03 .addr > div input {width: 270px; background-color: #f9f9f9;}
.signUp_03 .tbl_info .co_name p {display: block; color: #666; font-size: 14px; margin-top: 8px;}
.signUp_03 .tbl_info .email input {margin-bottom: 10px;}
.signUp_03 .tbl_info .email p, .company {color: #666; font-size: 14px; line-height: 22px; word-break: keep-all;}
.signUp_03 h2.chk_txt {font-size: 21px; color: #333; margin: 50px 0 20px;}
.signUp_03 .is_signUp {padding: 30px; border: 1px solid #ddd; font-size: 15px; color: #666; margin-bottom: 60px;}
.signUp_03 .is_signUp label {display: inline-flex; align-items: center; margin-right: 30px; font-size: 16px; color: #111;}
.signUp_03 .is_signUp p {line-height: 28px;}
.signUp_03 .is_signUp p:first-of-type {margin-top: 30px;}
.signUp_03 .tbl_etc th {background-color: #fff; color: #333;}
.signUp_03 .tbl_etc .calender {display: flex; align-items: center;}
.signUp_03 .tbl_etc input[type=text] {width: 100%;}
.signUp_03 .tbl_etc .univ {display: flex; justify-content: space-between;}
.signUp_03 .tbl_etc .univ input {width: calc(100% - 105px);}
.signUp_03 .tbl_etc .univ select {width: 100px;}
.signUp_03 .tbl_etc_ctrl {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}  
.signUp_03 .tbl_etc_ctrl h2 {display: flex; align-items: center; color: #2e6ecd; font-size: 19px; font-weight: 500;}
.signUp_03 .tbl_etc_ctrl h2 span { color: #666;font-size: 15px; font-weight: 400; margin-left: 20px;}
.signUp_03 .tbl_etc_ctrl button {width: 80px; font-size: 15px;}
.signUp_03 .tbl_etc_ctrl .btn_add {background-color: #2e6ecd;}
.signUp_03 .tbl_etc_ctrl .btn_rmv {background-color: #aaa;}
.signUp_03 .edu_info {margin-top: 40px;}
.signUp_03 .edu_info, .signUp_03 .res_his, .signUp_03 .std_his {margin-bottom: 40px;}
.signUp_03 .added_tag {margin-top: 20px;}
.signUp_03 .added_tag .tbl_etc_ctrl {justify-content: flex-end;}
.signUp_03 .committee > p {color: #666; font-size: 15px; line-height: 25px;}
.signUp_03 .committee h3 {color: #2e6ecd; font-size: 19px; margin: 35px 0 20px; font-weight: 500;}
.signUp_03 .committee th {text-align: center; padding: 20px 8px; word-break: keep-all; border-right: 1px solid #ddd;}
.signUp_03 .committee .bdR_none {border-right: none;}
.signUp_03 .committee .bdB_black {border-bottom: 1px solid #333;}
.signUp_03 .committee .bdT_black {border-top: 1px solid #333;}
.signUp_03 .committee label {display: inline-flex; align-items: center;}
.signUp_03 .committee .tbl_standing th {border-right: none;}
.signUp_03 .committee .tbl_standing td {padding: 20px;}
.signUp_03 .committee .tbl_standing ul {display: flex; justify-content: center;}
.signUp_03 .committee .tbl_standing li {width: 25%; text-align: center;}
.signUp_03 .btn_box {text-align: center; margin-top: 70px;}
.signUp_03 .btn_box button {height: 60px; font-size: 17px;}
.signUp_03 .btn_cancel {margin-right: 6px; color: #666;}

.signUp_03 .title_style_01.accordion {cursor: pointer; position: relative; margin-bottom: 0; margin-top: 30px;}
.signUp_03 .triangle {position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #134496; transition: all 0.3s ease;}
.signUp_03 .title_style_01.active .triangle {transform: translateY(-50%) rotate(180deg);}
.signUp_03 .hide_menu {display: none;}
.signUp_03 .committee {padding-top: 30px;}

@media screen and (max-width:768px) {
  .signUp_03 .is_signUp > div {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .signUp_03 .is_signUp label {width: 50%; margin-right: 0; margin-bottom: 20px;}
  .signUp_03 .is_signUp p {line-height: 25px;}
  .signUp_03 .is_signUp p:first-of-type {margin-top: 0;}
  .signUp_03 .tbl_etc th {display: inline-block; width: 30%;}
  .signUp_03 .tbl_etc td {display: inline-block; width: 70%;}
  .signUp_03 .tbl_etc colgroup {display: none;}
  .signUp_03 .tbl_etc .univ input {width: 68%;}
  .signUp_03 .tbl_etc .univ select {width: 30%;}
  .signUp_03 .committee .tbl_standing ul {flex-wrap: wrap; align-items: center;}
  .signUp_03 .committee .tbl_standing li {width: 50%; text-align: left; padding-left: 14%; margin-bottom: 10px;}
  .signUp_03 .btn_box {display: flex; justify-content: space-between;}
  .signUp_03 .btn_box button {width: 49%; height: 50px; font-size: 15px;}
  
  

  /* 2021-11-09 변경 시작 */
  .signUp_03 .tbl_info table {display: block; width: 100%;}
  .signUp_03 .tbl_info tbody {display: block; width: 100%;}
  .signUp_03 .tbl_info tr {display: block; width: 100%;}
  .signUp_03 .tbl_info tr:first-of-type {border-top: 1px solid #ddd;}
  .signUp_03 .tbl_info th {display: block; width: 100%; border-bottom: 1px solid #ddd;}
  .signUp_03 .tbl_info td {display: block; width: 100%;}
  .signUp_03 .tbl_info input[type=text],.signUp_03 .tbl_info input[type=password] {width: 100%;}
  .signUp_03 .btn_dbl_chk, .signUp_03 .btn_postNum, .signUp_03 .btn_chk_com {font-size: 13px; width: 100px; word-break: keep-all;}
  .signUp_03 .btn_dbl_chk, .signUp_03 .btn_postNum {margin-left: -4px;}
  .signUp_03 .user_id input[type=text] {width: calc(100% - 100px);}
  .signUp_03 .tbl_info .co_name p {font-size: 13px;}
  .signUp_03 .phNum {justify-content: space-between;}
  .signUp_03 .phNum select {width: calc(100% / 3);}
  .signUp_03 .phNum input[type=text] {width: calc(100% / 3);}
  .signUp_03 .phNum .line::before {margin: 0 5px;}
  .signUp_03 .tbl_info .email p {font-size: 13px;}
  .signUp_03 .addr {}
  .signUp_03 .addr > div input[type=text] {width: calc(100% - 100px);}
  .signUp_03 .need_calc {}
  .signUp_03 .need_calc input[type=text] {width: calc(100% - 100px)}
  .signUp_03 .need_calc .btn_dbl_chk {margin-left: -4px}
  /* 2021-11-09 변경 끝 */
  
  .signUp_03 .triangle i {font-size: 16px;}
  
}

@media screen and (max-width:480px) {
  
  .signUp_03 th {font-size: 14px; padding: 15px;}
  .signUp_03 td {font-size: 14px; padding: 15px;}
  .signUp_03 .tbl_info .email p {font-size: 13px;}
  .signUp_03 h2.chk_txt {font-size: 18px;}
  .signUp_03 .is_signUp {font-size: 13px; padding: 25px;}
  .signUp_03 .is_signUp > div {flex-wrap: wrap;}
  .signUp_03 .is_signUp label {font-size: 14px; width: 100%;}
  .signUp_03 .tbl_etc_ctrl {flex-wrap: wrap;}
  .signUp_03 .tbl_etc_ctrl h2 {font-size: 17px; position: relative;}
  .signUp_03 .tbl_etc_ctrl h2 span {font-size: 13px; margin-left: 0;}
  .signUp_03 .tbl_etc_ctrl .btn_add, .signUp_03 .tbl_etc_ctrl .btn_rmv {width: 70px; height: 35px; font-size: 13px;}
  .signUp_03 .edu_info .tbl_etc_ctrl {align-items: flex-start;}
  .signUp_03 .edu_info .tbl_etc_ctrl h2 {margin-top: -5px;}
  .signUp_03 .edu_info .tbl_etc_ctrl h2 span {position: absolute; width: 160px; top: 20px; left: 0;}
  .signUp_03 .tbl_etc tr {border-bottom: none;}
  .signUp_03 .tbl_etc th {width: 100%; text-align: center; border-bottom: 1px solid #ddd; padding: 12px 8px; background-color: #f9f9f9;}
  .signUp_03 .tbl_etc td {width: 100%; padding: 15px 8px; border-bottom: 1px solid #ddd;}
  .signUp_03 .committee > p {font-size: 13px;}
  .signUp_03 .committee h3 {font-size: 17px;}
  .signUp_03 .committee .tbl_standing li {width: 100%; padding-left: 20%;}
  .signUp_03 .committee th {padding: 12px 8px;}
  .signUp_03 .btn_box {display: flex; justify-content: space-between;}
  .signUp_03 .btn_box button {width: 49%; height: 50px; font-size: 15px;}
  
  /* 2021-11-09 변경 시작 */
  .signUp_03 .need_calc input[type=text] {width: calc(100% - 70px)}
  .signUp_03 .need_calc .btn_dbl_chk {width: 70px}
  /* 2021-11-09 변경 끝 */
}

/* 가입완료 */
.signUp_04 {}
.signUp_04 .complete {border: 1px solid #e0dede; background-color: #f9f9f9; padding: 80px 60px; text-align: center;}
.signUp_04 .complete h3 {color: #000; font-size: 24px; margin: 50px 0 20px;}
.signUp_04 .complete p {color: #666; font-size: 15px; line-height: 23px;}
.signUp_04 .complete .btn_login {width: 200px; height: 60px; color: #fff; background-color: #134496; font-size: 17px; margin-top: 40px;}

@media screen and (max-width:640px) {
  .signUp_04 .complete {padding: 60px 40px;}
  .signUp_04 .complete h3 {font-size: 20px;}  
  .signUp_04 .complete p {font-size: 14px;}
  .signUp_04 .complete .btn_login {width: 180px; height: 50px; font-size: 15px;}
}

@media screen and (max-width:480px) {
  .signUp_04 .complete {padding: 40px 20px;}
  .signUp_04 .complete img {width: 80%;}
  .signUp_04 .complete h3 {font-size: 18px; margin-top: 30px;}  
  .signUp_04 .complete p {font-size: 13px;}
  .signUp_04 .complete .btn_login {width: 100%; font-size: 14px;}
}




/* 개인정보취급방침 */
.prv_plcy {}
.prv_plcy .head_box {padding: 35px; border: 1px solid #ddd; background-color: #f9f9f9; line-height: 25px; color: #333; margin-bottom: 30px;}
.prv_plcy .big_box {margin-bottom: 50px;}
.prv_plcy p {font-size: 14px; color: #333; line-height: 21px;}
.prv_plcy h2 {font-size: 17px; color: #111; font-weight: 600; margin-bottom: 15px;}
.prv_plcy .line_style_02 {padding-left: 21px;}
.prv_plcy .line_style_02.dash::before {content: "-"; left: 11px;}
.prv_plcy .line_style_02.cir::before {content: ""; width: 3px; height: 3px; border: 1px solid #333; border-radius: 50%; left: 11px; top: 7.5px;}

@media screen and (max-width:480px){
  .prv_plcy .head_box {padding: 25px; word-break: break-all;}
  .prv_plcy p {word-break: break-all;}
}

/* 이메일무단수집거부 */
.email_reject {}
.email_reject .img_box {text-align: center; margin-top: 65px; margin-bottom: 20px;}
.email_reject .img_box img {display: inline-block;}
.email_reject .sub_txt {width: 500px; margin: 0 auto; text-align: center; color: #333; font-size: 16px; line-height: 27px;}
.email_reject .big_box {padding: 65px 45px; border: 1px solid #ddd; background-color: #f9f9f9; margin-top: 60px;}
.email_reject .big_box h2 {font-size: 18px; color: #111; font-weight: 500; margin-bottom: 25px;}
.email_reject .line_style_02 {padding-left: 10px;}

@media screen and (max-width:648px) {
  .email_reject .sub_txt {width: 100%;}
}

@media screen and (max-width:480px) {
  .email_reject .img_box img {width: 100px;}
  .email_reject .sub_txt {font-size: 15px; line-height: 21px;}
  .email_reject .big_box {padding: 30px; margin-top: 40px;}
  .email_reject .big_box h2 {font-size: 17px; word-break: break-all; margin-bottom: 15px;}
  .email_reject .line_style_02 {font-size: 13px; line-height: 22px; word-break: break-all; margin-bottom: 5px;}
}

/* 통합검색 */
.cont_inner.integ_srch {float: none; width: 100%; padding-left: 0;}
.cont_inner.integ_srch .in_con {padding-top: 45px;}
.integ_srch {color: #333;}
.integ_srch h1 {font-weight: 600; font-size: 31px;}
.integ_srch .srch_box {padding: 35px 0; background-color: #fafafa; margin-top: 30px; margin-bottom: 80px;}
.integ_srch .srch_box .in {height: 50px; width: 650px; display: flex; margin: 0 auto;}
.integ_srch .srch_box .left {width: 600px; position: relative;}
.integ_srch .srch_box .left button {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 18px; height: 18px; background-color: #dedede; border-radius: 50%; text-align: center;}
.integ_srch .srch_box .left img {width: 8px;}
.integ_srch .srch_box .right {width: 50px;}
.integ_srch .srch_box .right button {width: 100%; height: 50px; background-color: #333; text-align: center;}
.integ_srch .srch_box input {width: 100%; height: 100%; border: 1px solid #ddd; padding: 8px 50px 8px 12px; font-size: 15px; color: #111;}
.integ_srch .result_txt {text-align: center; font-size: 30px; font-weight: 500;}
.integ_srch .tab_box {display: flex; margin-top: 50px;}
.integ_srch .tab_box li {width: 25%;}
.integ_srch .tab_box button {border: 1px solid #ddd; border-right: none; width: 100%; height: 70px; font-size: 17px; color: #333; transition: background-color 0.25s ease;}
.integ_srch .tab_box button:not(.active):hover {background-color: #f9f9f9;}
.integ_srch .tab_box button .num {color: #275cab; font-weight: 500;}
.integ_srch .tab_box button.active {background-color: #275cab; color: #fff; border: 1px solid #275cab;}
.integ_srch .tab_box button.active .num {color: #fff;}
.integ_srch .tab_box li:last-child button {border-right: 1px solid #ddd;}
.integ_srch .big_box {margin-top: 80px;}
.integ_srch .big_box .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.integ_srch .big_box .top .lb {display: flex; align-items: center; }
.integ_srch .big_box .top .lb .line_v {width: 2px; height: 15px; background-color: #b6b6b6; margin: 0 15px;}
.integ_srch .big_box .top .lb h2 {color: #333; font-size: 24px; font-weight: 500;}
.integ_srch .big_box .top .lb .num {font-size: 17px; font-weight: 500;}
.integ_srch .big_box .top .btn_more {width: 100px; height: 50px; border-radius: 25px; color: #fff; font-size: 14px; background-color: #666;}
.integ_srch .big_box .bot {border-top: 2px solid #333;}
.integ_srch .big_box .bot li {border-bottom: 1px solid #ddd;}
.integ_srch .big_box .bot li > a {display: block; width: 100%; height: 100%; padding: 35px 30px;}
.integ_srch .big_box .bot li > a:hover {text-decoration: none; color: #333; background-color: #f9f9f9;}
.integ_srch .big_box .bot h3 {font-weight: 500; color: #333; font-size: 18px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;}
.integ_srch .big_box .bot .cont {color: #444; font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-y: hidden;}
.integ_srch .big_box .bot .srch_word {color: #333; font-size: 14px;}
.integ_srch .big_box .bot .date {color: #444; font-size: 14px;}
.integ_srch .big_box .bot .loc {display: flex; align-items: center;}
.integ_srch .big_box .bot .loc span:first-child {font-size: 15px; color: #666;}
.integ_srch .big_box .bot .loc span:first-child::after {content: ""; width: 1px; height: 17px; background-color: #b6b6b6; display: inline-block; margin: 0 10px; vertical-align: sub;}
.integ_srch .big_box .bot .loc span:last-child {font-size: 15px; color: #333;}
.integ_srch .type_menu .bot h3 {margin-bottom: 20px;}
.integ_srch .type_menu .bot .cont {margin-bottom: 20px;}
.integ_srch .type_brd .bot .date {margin-bottom: 10px;}
.integ_srch .type_brd .bot h3 {margin-bottom: 15px;}
.integ_srch .type_brd .bot .cont {margin-bottom: 30px;}
.integ_srch .type_brd .bot .loc {margin-bottom: 20px;}
.integ_srch .type_file .bot {display: flex; flex-wrap: wrap;}
.integ_srch .type_file .bot li {width: 50%;}
.integ_srch .type_file .bot li > a {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.integ_srch .type_file .bot li:nth-child(odd) {border-right: 1px solid #ddd;}
.integ_srch .type_file .bot h3 {font-size: 16px; width: 64%;}

@media screen and (max-width:1024px) {
  .integ_srch .type_file .bot h3 {width: 100%; margin-bottom: 10px;}
}

@media screen and (max-width:960px) {
  .cont_inner.integ_srch .in_con {padding-top: 0;}
}
 
@media screen and (max-width:768px) {
  .integ_srch .tab_box {flex-wrap: wrap; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
  .integ_srch .tab_box li {width: 50%;}
  .integ_srch .tab_box button {border: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .integ_srch .type_file .bot h3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: unset; overflow-x: unset; overflow-y: hidden;}
  .integ_srch .srch_box {padding: 35px;}
  .integ_srch .srch_box .in {width: 100%;}
  .integ_srch .srch_box .left {width: calc(100% - 60px);}
}

@media screen and (max-width:480px) {
  .integ_srch h1 {font-size: 26px;}
  .integ_srch .srch_box {padding: 20px; margin-bottom: 35px;}
  .integ_srch .srch_box .in {flex-wrap: wrap; height: auto;}
  .integ_srch .srch_box .left {width: 100%; height: 45px;}
  .integ_srch .srch_box .right {width: 100%;}
  .integ_srch .srch_box .right button {height: 45px;}
  .integ_srch .srch_box .right img {width: 16px;}
  .integ_srch .result_txt {font-size: 25px;}
  .integ_srch .tab_box button {height: 45px; font-size: 14px;}
  .integ_srch .big_box {margin-top: 60px;}
  .integ_srch .big_box .bot li > a {padding: 20px 10px;}
  .integ_srch .big_box .top {flex-wrap: wrap; justify-content: flex-start;}
  .integ_srch .big_box .top .lb h2 {font-size: 20px;}
  .integ_srch .big_box .top .lb .num {font-size: 15px;}
  .integ_srch .big_box .top .rb {margin-left: unset; width: 100%;}
  .integ_srch .big_box .top .btn_more {width: 100%; height: 35px; font-size: 13px; margin-top: 8px;}
  .integ_srch .big_box .bot h3 {font-size: 16px;}
  .integ_srch .big_box .bot .cont {font-size: 14px;}
  .integ_srch .big_box .bot .srch_word {font-size: 13px;}
  .integ_srch .big_box .bot .date {font-size: 13px;}
  .integ_srch .big_box .bot .loc span:first-child {font-size: 14px;}
  .integ_srch .big_box .bot .loc span:last-child {font-size: 14px;}


  .integ_srch .type_menu .bot h3 {margin-bottom: 10px;}
  .integ_srch .type_menu .bot .cont {margin-bottom: 15px;}
  .integ_srch .type_brd .bot h3 {margin-bottom: 10px;}
  .integ_srch .type_brd .bot .cont {margin-bottom: 15px;}
  .integ_srch .type_brd .bot .loc {margin-bottom: 15px;}
  .integ_srch .type_file .bot h3 {font-size: 15px;}
  .integ_srch .type_file .bot .loc span:first-child {font-size: 13px;}
  .integ_srch .type_file .bot .loc span:last-child {font-size: 13px;}
  .integ_srch .type_file .bot .loc span:first-child::after {margin: 0 4px; height: 14px; vertical-align: text-top;}

}




/* 회원탈퇴 */
.sign_out {}
.sign_out h2 {font-size: 23px; color: #000; font-weight: 500;}
.sign_out .sub_txt {color: #000; font-size: 16px; margin: 20px 0 30px;}
.sign_out .sub_txt p {position: relative; padding-left: 15px;}
.sign_out .sub_txt .tit {position: absolute; top: 0; left: 0;}
.sign_out .big_box {padding: 50px; border: 1px solid #e0dede; background-color: #f9f9f9;}
.sign_out .s_box {display: flex;}
.sign_out .s_box:first-child {margin-bottom: 10px;}
.sign_out .s_box .lb {width: 10%; min-width: 85px; color: #333; font-size: 16px; font-weight: 500; padding-top: 19px;}
.sign_out .s_box .rb {width: 90%; margin-left: 0;}
.sign_out .s_box .rb input {width: 50%; height: 60px; border: 1px solid #e0dede; padding: 0 20px; color: #333;}
.sign_out .s_box .rb select {width: 100%; height: 60px; border: 1px solid #e0dede; padding: 0 17px; font-size: 16px; color: #999; background-color: #fff;}
.sign_out .s_box .rb input::placeholder, .sign_out .s_box .rb textarea::placeholder {color: #999; font-size: 16px;}
.sign_out .btn_box {text-align: center; margin-top: 50px;}
.sign_out .btn_box button {width: 125px; height: 60px; color: #fff; font-size: 18px;}
.sign_out .btn_box .btn01 {background-color: #134496; margin-right: 5px;}
.sign_out .btn_box .btn02 {background-color: #666;}

@media screen and (max-width:768px) {
  .sign_out .s_box .rb input {width: 100%;}
}

@media screen and (max-width:640px) {
  .sign_out .big_box {padding: 30px;}
  .sign_out .s_box {flex-wrap: wrap;}
  .sign_out .s_box:first-child {margin-bottom: 30px;}
  .sign_out .s_box .lb {width: 100%; padding-top: 0; margin-bottom: 10px;}
  .sign_out .s_box .rb {width: 100%;}
  .sign_out .btn_box button {width: 100px; height: 45px; font-size: 15px;}
}

@media screen and (max-width:480px) {
  .sign_out h2 {font-size: 20px;}
  .sign_out .sub_txt {font-size: 14px; word-break: break-all;}
  .sign_out .big_box {padding: 20px;}
  .sign_out .s_box .lb {font-size: 15px;}
  .sign_out .s_box .rb input::placeholder, .sign_out .s_box .rb select {font-size: 14px;}
  .sign_out .s_box .rb input {font-size: 14px; padding: 10px; height: 50px;}
  .sign_out .s_box .rb select {padding: 6px; height: 50px;}
  .sign_out .btn_box {margin-top: 30px;}
  .sign_out .btn_box button {width: 80px; height: 40px; font-size: 13px;}
}