@charset "utf-8";



*  {word-break:keep-all;}
ul, ol  {padding:0;}
p.h18  {font-size:18px; line-height:28px;}
p.h18.black  {color:#292929; font-weight:600; padding:0 0 22px;}
dl  {margin-bottom:0;}
p  {margin:0;}
a:hover { color: #F87F0E; }
select:focus { box-shadow: none !important; }
table td,table th  {background:none;}
tbody  {background:0 !important;}
/*부트스트랩 초기화*/
body .page-wrapper  {background:none;}
/*input타입 설정*/
select  {appearance:none; background:url('../img/arrows.png') no-repeat 98% center ;}
textarea  {min-height:150px; overflow:auto; border-radius:0 !important;}
textarea::-webkit-scrollbar  {
    display:none;
}
.hidden_m  {display:none;}
.hidden_pc  {display:block;}

input, select, textarea  {border:1px solid #DBDBDB; border-radius:12px; padding:10px; width:100%; color:#000; font-size:17px; }
input[type="radio"], input[type="checkbox"]  {margin:0 !important;}
/* label  {width:30px !important;} */
button  {background:none; border:none; outline:none;}
.mobile  {display:none;}
.input_tit  {color:#F87F0E; font-weight:600; position: relative;}
/*.row  {padding:0; margin:0;}*/
/*.row > *:last-child  {padding-right:0;}*/
/*.row > *:first-child  {padding-left:0;}*/
#header img  {display:block; margin:auto;}
.go_form  {padding:60px 0 0;}
.go_form .form_btn  {padding:22px 0; max-width:260px; text-align:center; width:100%; background:#F87F0E; color:#fff; font-weight:600; border-radius:12px; float:right; display: block;}
.col_btn  {float:right; color:#ababab;}

.tag_box  {padding:10px 15px; position: relative; top:-20px; text-align:center; font-size:17px; line-height:27px; color:#333; background:#fff;  border:1px solid #cecece; border-radius:5px;}
.tag_box:before  {content:''; 
    position: absolute; left:50%; bottom:-20px; transform:translateX(-50%); clip-path: polygon(50% 60%, 0 0, 100% 0); width:20px; height:20px; background:#cecece;}
.tag_box:after  {content:''; position:absolute; left:50%; bottom:-18px; transform:translateX(-50%); clip-path: polygon(50% 60%, 0 0, 100% 0); width:19px; height:19px; background:#fff;}
.tag_box a  {color:#333; font-weight:600;}
/*==============================================상단메뉴 pc========================================================*/
#header  {position:fixed; width:100vw; background:0; left:0; top:0; z-index:999;}
#header.on:before  {position:absolute; content:''; left:0; top:0; background:rgba(0,0,0,0.5); width:100vw; height:100vh; z-index:1;}
#header .btn_close  {}
#header .pc_menu a  {display:block; text-align:center;}
#header .pc_menu  {display:flex; position: relative; justify-content:center;  background:rgba(255,255,255,0.5); transition:0.3s ease-in-out; }
#header .pc_menu.on { position:fixed; width:100vw; top:0; left:0; background:#fff; border-bottom:1px solid rgba(0,0,0,0.5); }
#header .pc_menu.on .btn_close .bar  {background:#333 !important;}
#header .pc_menu .menu_ul  {display:flex; align-items:center; margin:0 0 0 50px; position:relative;}
#header .pc_menu .menu_ul li  {padding:0; min-width:150px; width:100%;}
#header .pc_menu .menu_ul > li  {line-height:116px;} 
#header .pc_menu .menu_ul li > a.on  {color:#F87F0E;}
#header .pc_menu .menu_ul li > a  { color:#000; padding:30px 25px; transition:0.3s ease-in-out; font-size:16px; }
#header .pc_menu .menu_ul li > a:hover  {color:#F87F0E !important;}
#header .pc_menu .menu_ul li:hover .menu_sub_ul  {opacity:1; visibility:visible; top:100%;}
#header .pc_menu .logo_pc { margin:20px 0; }
/* #header .pc_menu .logo_pc img  {width:260px; margin:25px 0 0;} */

#header .pc_menu .get_link  {position: absolute; right:60px; top:50%; transform:translateY(-50%);}
#header .pc_menu .get_link a  {display:inline-flex; align-items:center; color:#000; font-weight:400;  height:40px; margin-right:53px;}
#header .pc_menu .get_link a.on  {color:#F87F0E; }
#header .pc_menu .get_link a:last-child  {margin-right:0;}
#header .pc_menu .get_link .xi  {font-size:17px; margin-left:13px; line-height:1; background:#F87F0E; color:#fff; padding:6px; border-radius:50%;}

#header .menu_sub_ul  {background:rgba(255,255,255,0.5); position:absolute; top:100%; transition:0.3s ease-in-out; opacity:0; visibility:hidden; width:100%; max-width:150px;}
#header .menu_sub_ul > li  {line-height:1.1;}
#header .menu_sub_ul li a  {padding:15px 0 !important;}


/*************************************사이드 메뉴*************************************************************/
.side_menu  {opacity:1; visibility:visible; background:#fff; border-left:1px solid rgba(0,0,0,0.2); 
    transition:0.3s ease-in-out; 
    padding:15px 15px 15px; max-width:100%;
    width:80%; height:100vh; position:absolute; z-index:2; right:-80%; top:0;
    bottom:env(safe-area-inset-bottom);
}
.side_menu.on  {right:0;}
.btn_close  {position:absolute; padding:10px 5px; background:rgba(0,0,0,0.5); transition:0.3s ease-in-out; z-index:999;  top:15px; right:15px;}
.btn_close  {display:none;}  
.btn_close .bar  {background:#fff; width:30px; height:3px; margin-bottom:5px; transition:0.3s ease-in-out;}
.btn_close .bar:last-child  {margin-bottom:0;}
.btn_close.on  {width:40px; height:39px;}
.btn_close.on .bar  {position:absolute; background:#fff; }
.btn_close.on .bar:nth-child(1)  {transform:rotate(45deg);}
.btn_close.on .bar:nth-child(2)  {display:none;}
.btn_close.on .bar:nth-child(3)  {transform:rotate(-45deg);}
.side_menu .logo_m  {padding:0 0 0;}
.side_menu .logo_m img {max-width:200px; margin:0 !important;}
.side_menu ul  {padding:50px 0 0;}
.side_menu ul li  {padding:15px 0; font-weight:600; border-bottom:1px solid #ddd;}
.side_menu ul li a  {display:block; color:#000; font-size:14px; line-height:24px;}
.side_menu ul li a.on  {color:#F87F0E;}
.side_menu .get_link  {position: absolute; left:15px; bottom:50px;}
.side_menu .get_link a  {display:inline-flex; align-items:center; color:#000; font-weight:400; font-size:14px;  height:24px; margin-right:53px;}
.side_menu .get_link a.on  {color:#F87F0E;}
.side_menu .get_link a:last-child  {margin-right:0;}
.side_menu .get_link .xi  {font-size:17px; margin-left:13px; line-height:1; background:#F87F0E; color:#fff; padding:6px; border-radius:50%;}

.side_menu .side_menu_sub  {padding:15px 0 0 !important; display:none;}
.side_menu .side_menu_sub li  {border-bottom:0; padding:5px 0 !important;}
.side_menu .side_menu_sub li a  {font-size:12px; line-height:24px; font-weight:400;}

/**************************************************************메인(index.php)******************************************************************************/
.main_layout {padding:131px 0 131px; position: relative; overflow:hidden;} 
.main_layout .h24  {color:#999;}
.main_layout .h54  {color:#000; line-height:84px; padding-top:26px;}
.main_layout img  {max-width:100%; height:160px; object-fit:cover; }

/* 공지사항 */
.main_layout .main_board  {max-width:1200px; margin:auto; padding:15px;}
.main_layout .main_board .main_sub_wrap { position:relative; background:#fff; display:table; border:2px solid #000; border-bottom:none; padding:0; margin:0; }
.main_layout .main_board .main_sub_wrap > li{ width:12%; padding:10px 15px; display:table-cell; border-right:2px solid #000; text-align:center; transition:0.3s ease-in-out; }
.main_layout .main_board .main_sub_wrap > li a{ font-size:18px; display:block; }
.main_layout .main_board .main_sub_wrap > li:last-child{ border:none; }
.main_layout .main_board .main_sub_wrap > li:hover{ background:#000; }
.main_layout .main_board .main_sub_wrap > li:hover a{ color:#fff; }
.main_layout .main_board .main_sub_wrap > li.active{ background:#000; }
.main_layout .main_board .main_sub_wrap > li.active a{ color:#fff; font-weight:600; }
.main_layout .main_board .main_sub_wrap > li.active:after{ content:''; position:absolute; width:0; height:0; top:44px; border-top:15px solid #000; border-left:10px solid transparent; border-right:10px solid transparent; }
.main_layout .main_board .board_more{ width:40px; height:40px; line-height:35px; background:#000; border-radius:50%; color:#fff; float:right; text-align:center; }
.main_layout .main_board .board_more i{ font-size:16px; font-weight:600; }
.main_layout .main_notice_box{ background:#fff; border:2px solid #000; transition:0.3s ease-in-out; }
.main_layout .main_notice_box .main_notice{ padding:35px 50px;}
.main_layout .main_notice_box .main_notice ul li{ padding:20px 0; border-bottom:1px solid #CECECE; }
.main_layout .main_notice_box .main_notice ul li:last-child{ border:none }
.main_layout .main_notice_box .main_notice ul li a{ font-size:17px; color:#ACACAC; }
.main_layout .main_notice_box .main_news{ padding:35px 50px; }
.main_layout .main_notice_box .main_news ul li > a > p { padding:0 15px; }
.main_layout .main_notice_box .main_news ul li > a > p b{ font-size:15px; font-weight:300; width:100%; height:26px; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; }
.main_layout .main_notice_box .main_news ul li > a > p > span{ font-size:13px; display:block; color:#ACACAC; }
.main_layout .main_notice_box .bd_tit  {color:#333; font-weight:600;}
.main_layout .main_notice_box .reg_date  {color:#666;}
.main_layout .main_notice_box .ca_name  {float:right; padding:2px 5px; border-radius:3px; background: #D7E5F8; color:#3128B4 !important;}


/* calender */
.calend_hd{ position:absolute; width:48%; height:70px; background:linear-gradient(45deg,  #FFD2FF, #69B5C2); z-index:-9; }
.sec_3{ background:url(/img/main/main_calender_back.png) no-repeat right top 15px; min-height:100vh; background-size:600px; }
.main_calender{ width:1200px; margin:0 auto; }
.main_layout .main_calender h2{ color:#000; font-weight:400; margin:0; padding:14px 0; font-size:28px; }
.main_layout .main_calender h2 a{ text-align:center; margin-left:30px;}
.main_layout .main_calender h2 a i{ width:40px; height:40px;  background:#000; border-radius:50%; color:#fff; line-height:37px; transition:all 0.5s linear;  }
.main_layout .main_calender h2 a i:hover{ transform:translateX(20px) }
.calendar{ width:1200px; margin:0 auto; }
.calendar .calender_h{ font-size:35px; }
.calendar tr td { width:14%; overflow:hidden; }
.calendar tr:not(.info) td { padding: 0 !important; height: 110px; }
.calendar tr td button{ text-align:left; font-size:15px; display:flex; flex-direction: column; width:100%;padding: 15px; }
.calendar tr td button p{ overflow:hidden; margin-top: 5px; }

.calendar tr td button span{ color:#fff !important; display:flex; line-height:20px; font-size:13px; width:max-content; max-width: 100%; height:20px; padding: 0 5px; border-radius: 5px; }
.calendar tr td button span font { display: inline-block; width: 100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; margin-left: 5px; }
.calendar tr td button span:not(:last-child){ margin-bottom: 5px;}
.calendar tr td button span.limit{ background-color:#D1BF3B;}
.calendar tr td button span.off{ background-color:#D22682;}
.calendar tr td button span.visit{ background-color:#17A5A0;}

.calendar tr td button .calend_week span{ color:#17A5A0; }
.calendar tr td button .calend_week span:before{ background:#17A5A0 }
.calendar tr td button .calend_more{ float:right; right:0; width:18px; height:18px; line-height:18px; background:#E5E5E5; border-radius:50%;  text-align:center; }
.calendar tr td button .calend_more i{ color:#fff; font-size:13px; line-height:18px; font-weight:600;  }
.calendar .table:not(.table-bordered){ border-bottom:3px solid #000; }
.calendar .table:not(.table-bordered) .info{ border-top:3px solid #000; font-size: 14px; font-weight: 600; background: #f8f8f8; }
.calendar .table:not(.table-bordered) .info td { border-color: #f8f8f8; border-bottom-color: #000; }
.calendar .table:not(.table-bordered) .info td:first-child { color: red; }
.calendar .table:not(.table-bordered) .info td:last-child { color: blue; }
.calendar .table:not(.table-bordered) td { border: 1px solid #f3f3f3; }
.calend_nav ul{ display:block; }
.calend_nav ul li{ display:inline-block; padding:0 8px; color: #fff; margin:0 5px; border-radius:5px; font-weight: 500; }
.calend_nav ul li a{ font-size:15px; }
.calend_nav .calend_left{ float:left; }
.calend_nav .calend_left li:nth-child(1){background-color:#D22682;  }
.calend_nav .calend_left li:nth-child(2){background-color:#17A5A0;}
.calend_nav .calend_left li:nth-child(3){background-color:#D1BF3B;}
.calend_nav .calend_right{ float:right; }
.calend_nav .calend_right li:nth-child(1){ background:#D7E5F8; }
.calend_nav .calend_right li:nth-child(1) a{ color:#3128B4 }
.calend_nav .calend_right li:nth-child(2){ background:#FFEFEF; }
.calend_nav .calend_right li:nth-child(2) a{ color:#FF2626; }

/*============================================================캘린더 모달===================================================*/

#reservation .btn-close { float: right; }
#reservation .reservation_form .row  {margin:0 0 19px;}
#reservation .reservation_form input[type="text"]  {padding:19px 20px; box-shadow: none; font-size: 14px; }
#reservation .reservation_form input[type="text"]:focus  {background: #F87F0E10; border-color: #F87F0E; }
#reservation .reservation_form select  {padding:15px 20px; font-size: 16px;}
#reservation .reservation_form select:focus  {box-shadow: none; border-color: #F87F0E;}
#reservation .form-check-input:checked { background-color: #F87F0E !important; border-color: #F87F0E !important; }
#reservation .form-check-input:focus { box-shadow: none; border-color: #F87F0E; }
#reservation .form-check  {border:1px solid #ddd; padding:19px 15px; margin:0 0 18px; border-radius:5px; display:flex; align-items:center;}
#reservation .form-check label  {padding-left:5px; margin-right: 10px; font-size: 16px;}
#reservation .h54  {color:#333; margin-bottom: 50px; }
#reservation .h20  {font-weight:600; color:#333; display: flex; align-items: center; }
#reservation .form_box  {padding:51px 63px;}
#reservation #privacy, #reservation #service { padding: 15px; border-radius: 5px; background: #f8f8f8; }
#reservation #privacy.show, #reservation #service.show { margin-bottom: 15px; } 
#reservation .main_md_btn:hover { background: #F87F0E; }

#reservation.show ~ .datepicker-dropdown { border: 1px solid #bbb; }
#reservation.show ~ .datepicker-dropdown .datepicker table tr td.active.active { background-color: #F87F0E !important; background-image: none; }

#reservation_limit .reservation_form .row  {margin:0 0 19px;}
#reservation_limit .reservation_form input[type="text"]  {padding:19px 20px;}
#reservation_limit .reservation_form select  {padding:19px 20px;}
#reservation_limit .form-check  {border:1px solid #ddd; padding:23px 15px; margin:0 0 18px; border-radius:5px; display:flex; align-items:center;}
#reservation_limit .form-check label  {padding-left:15px;}
#reservation_limit .h54  {color:#333;}
#reservation_limit .h20  {font-weight:600; color:#333;}
#reservation_limit .form_box  {padding:51px 63px;}

.modal .pre_info > *  {position: relative;}
.modal .form_box strong,
.modal .form_box span  {display:inline-block;}
.modal .btn_box  {margin:10px 0 0;}
.modal .btn_box .btn  {font-size:26px; margin:0 15px; line-height:36px; padding:22px;}
.modal .btn_box .btn.btn-default  {color:#fff; background:#222; border:0;}
.modal .de_cont_btn  {position:absolute; right:25px; top:24px; font-size:25px; color:#222;}

.main_layout .more_btn_box  {margin:47px 0 0;}
.main_layout .more_btn_box a  {color:#F87F0E; font-weight:600;}
.main_layout .form_box .chk_box {padding:23px 32px; border:1px solid #dbdbdb; border-radius:12px;}

/*============================================================둘레길 예약기간 설정 모달====================================================*/

#modalSetLimitResvTerm .h54  {color:#333; margin-bottom: 50px; }
#modalSetLimitResvTerm .btn-close { float: right; }
#modalSetLimitResvTerm .form_box { padding: 51px 63px; }
#modalSetLimitResvTerm #frmSetLimitResvTerm .row:not(:first-child) { width: 80%; margin: 0 auto 20px; }
#modalSetLimitResvTerm #frmSetLimitResvTerm .row .col-2 { display: flex; align-items: center; }
#modalSetLimitResvTerm #frmSetLimitResvTerm input[type="text"] { padding: 15px; box-shadow: none; font-size: 16px; }
#modalSetLimitResvTerm #frmSetLimitResvTerm input[type="text"]:focus { border-color: #F87F0E; background: #F87F0E10; }
#modalSetLimitResvTerm.show ~ .datepicker { border: 1px solid #bbb; }
#modalSetLimitResvTerm.show ~ .datepicker table tr td.active.active { background-color: #F87F0E !important; background-image: none; }
#modalSetLimitResvTerm .main_md_btn:hover { background: #F87F0E; }

/*=========================================================메인 슬라이드===================================================================*/
.main_slide  { width:100%; height:100vh; position: relative; overflow: hidden;}
.main_slide *  {}
.main_slide .h54  {line-height:80px;}
.main_slide > .splide > .splide__track  {}
.main_slide .splide .slide_items  {height:100vh; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.main_slide .slide_tit_box  {display:table; width:100%; height:100%; /* background:rgba(0,0,0,0.3); */}
.main_slide .slide_tit_box .slide_tit  {vertical-align:middle; display:table-cell;}
.main_slide .slide_tit_box .slide_tit .slide_wrap  {max-width:1470px; width:100%; margin:auto;}
.main_slide .slide_tit_box .slide_tit p  {color:#fff; opacity:0;}
.main_slide .slide_items.is-visible.is-active p  {color:#fff; animation:textshow 1s ease-in-out both;}
@keyframes textshow {
    0% {opacity:0; transform:translateY(50px);}
    100% {opacity:1; transform:translateY(0);}
}
.main_slide .scroll_img  {position: absolute; left:50%; bottom:35px; transform:translateX(-50%);}
.main_slide .shop_qna  {position: absolute; right:30px; bottom:35px;}
.main_slide .shop_qna .get_btn  {display:inline-flex; align-items:center; background:#fff; padding:10px 25px; border-radius:25px; color:#F87F0E; font-weight: 600;}
.main_slide .shop_qna .get_btn img  {margin-left:20px;}
.main_slide .scroll_img:hover  {animation: mouse_scroll 0.5s ease-in-out infinite alternate-reverse;}
@keyframes mouse_scroll {
    0%  {bottom:25px;}
    100%  {bottom:35px;}
}



/*=============================================================================sec_1================================================================================*/
.sec_1  {padding:83px 0 75px;}
.sec_1 .logo_box {max-width:1470px; width:100%; margin:auto; text-align:center; padding:0 0 58px;}
.sec_1 .logo_box img  {margin:auto;}
.sec_1 .h24  {text-align:center;}

.sec_2  {background:url('../img/main/main_bord.jpg') no-repeat center; background-size:cover }

.sec_5 .form_box  {}
.sec_5 .form_box .nece {left:5px; top:-7px; font-size:14px; line-height:1; position: relative;}
.sec_5 .form_box .row  {padding:14px 0; display:flex; align-items:center;}
.sec_5 .form_box .chk_box .h20 {padding:0 0 0;}
.sec_5 .form_box .collapse  {margin:10px 0 0;}
.sec_5 .call_center  {position:absolute; left:0; bottom:0;}
.sec_5 .call_center.pc  {display:block;}
.sec_5 .call_center.mobile  {display:none;}
.sec_5 .call_center p  {padding:0 0 50px;}
.sec_5 .call_center p:last-child  {padding:0;}
.sec_5 .call_center span {color:#F87F0E; font-weight: 600;}


.sec_4  {background:url('../img/main_back_img_2.jpg') no-repeat center bottom / cover, #F9F9F9; min-height:1096px;}
.sec_4 .img_box  {position: relative;}
.sec_4 .img_box img  {position: absolute; right:0;}
.sec_4 .mini_slide  {padding:140px 0 0;}
.sec_4 .mini_slide img  {width:100%; max-width:100%;}
.sec_4 .slide_box  {max-width:1470px; margin:auto;}
.sec_4 .slide_box .mini_slide  {max-width:1000px;}


.sec_6 #main_maps_api  {height:678px; width:100%;}


/* 카카오 지도 api 디자인 설정*/

.addr_box  {color:#333; font-size:14px; line-height:24px; width:100%; height:100%; text-align:center;}






/*===================================================================footer==================================================================================================*/


#footer a  {color:#ababab;}
#footer  {background:#000; color:#ABABAB; padding:80px 0;}
#footer .footer_wrap  {max-width:1470px; margin:auto; position: relative;}
#footer .footer_wrap .footer_info_box > .h20  {font-weight:600; padding:20px 0 13px;}
#footer .footer_wrap .footer_info_box > .copyright  {padding:0 0 50px}
#footer .footer_wrap .footer_info_box dl  {display:inline-flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
#footer .footer_wrap .footer_info_box dl dd  {margin-right:20px;}
#footer .footer_wrap .footer_info_box dl dd:last-child  {margin-right:0;}
#footer .footer_wrap .footer_info_box dl span  {font-weight:600; padding-right:10px; font-size:15px; }
#footer .contents_link  {position:absolute; right:0; top:0;}





/*===================================================================퀵메뉴==================================================================================================*/
.quick  {position:fixed; z-index:50; right:15px; bottom:60px; display:none;}
.quick .quick_btn  {text-align:center;
    box-shadow:0px 2px 6px rgba(0,0,0,0.2);
    display:block; width:60px; height:60px; padding:10px 0 0; border-radius:50%; font-size:12px; margin:0 0 10px;
}
.quick .quick_btn img  {margin:auto;}
.shop_go  {background: #F87F0E; color:#fff;}
.win_top  {background:#fff;}
.win_top .xi  {font-size:17px;}


/*===================================================================서브레이아웃 설정======================================================================================*/
.sub_page  {padding:0;}
.sub_page {min-height:300px; background:none;}
.sub_page .layout_wrap {position: relative; padding:20px 0 100px;}
.network_ul  {padding:80px 0;}
.sub_page .layout_wrap > div  {/* max-width:1500px; */ margin:auto; /* padding:15px; */}
.sub_page .layout_wrap div .sub_xs_wrap  {display:flex;}
.sub_page .pc  {display:block;}
.sub_page .mobile  {display:none;}

.sub_page .top_tit .h24  {padding:0 0 26px;}
.sub_page .top_tit .h54  {padding:0 0 48px; font-weight:600; color:#000;}
.sub_page .top_img .top_banner{ min-height:270px; top:0; }
.sub_page .top_img .top_banner img{ width:100%; }

.sub_page nav { display:block; max-width:1200px; margin:0 auto;}
.sub_page nav li{ display:inline-block; padding:0 5px; color:#C2C2C2; font-size:15px; }

/*===================================================================에너지 전환 about/list.php======================================================================================*/
.wow > img{ margin:0 auto; }
.energy_cont_01 { display:table; margin:0 auto; }
.energy_cont_01 > div{ display:table-cell; width:700px; vertical-align:top; }
.energy_cont_01 > div > p{ font-size:18px; line-height:28px; padding-left:30px; color:#000; }

.energy_cont02{ position:relative; margin:0 auto;  }
.energy_cont02 > div{}
.energy_cont02 > div img{ margin:0 auto; }
.energy_cont02 .calend_hd{ right:0; top:185px; }
.energy_cont02 h2{ padding-bottom:30px; font-size:40px; line-height:50px;}
.energy_cont02 dl{ display:table; width:1200px; height:100px; margin:0 auto; padding-bottom:50px; }
.energy_cont02 dl dt{ display:table-cell; width:100px; height:100px; left:0; font-size:60px; color:#CCCCCC; font-weight:400 }
.energy_cont02 dl dd{ display:table-cell; font-size:18px; line-height:28px; width:calc(100% - 100px); vertical-align:middle; }

.energy_cont03{ width:1200px; margin:0 auto; }
.energy_cont03 .col-md-6 > p{ font-size:18px; line-height:28px; padding:20px 0 40px; }
.energy_cont03 .energy_hope_p{  }
.energy_cont03 .energy_hope_p p{ display:table; width:100%; padding:30px 0; border-bottom:1px solid #ccc; line-height:normal; }
.energy_cont03 .energy_hope_p p:last-child{ border:none }
.energy_cont03 .energy_hope_p p span{ display:table-cell; width:100px; vertical-align:middle; }
.energy_cont03 .energy_hope_p p span:last-child{ width:80%; font-size:18px; }
.energy_cont03 .energy_hope_p p span:first-child{ font-size:30px; }

.energy_cont03 .calend_p{ width:100%; padding:10px !important; text-align:center; color:#fff; margin:30px 0; background:linear-gradient(45deg,  #FFD2FF, #69B5C2); }
.energy_cont03 .calend_p p{ font-size:20px; line-height:normal; }

/*===================================================================광주에너지전환 네트워크 energy_network.php======================================================================================*/
.network_ul{ width:1200px; margin:0 auto; }
.network_ul ul  {display:flex; flex-wrap:wrap; justify-content:center;}
.network_ul li  {margin:0; width:200px; border:1px solid #000; padding: 7px 0; }
.network_ul li a{ font-size:15px; display: block; width: 100%; height: 100%; }
.network_ul li.active{ background:#000; }
.network_ul li.active a{ color:#fff; }

.network_cont_01{ width:1200px; margin:0 auto !important; }
.network_cont_01 p{ font-size:18px; line-height:28px; }
.network_cont_01 .network_introduce  {background:url('../img/history_bar.png') no-repeat center top ;}
.network_cont_01 .network_introduce ul{ display:table; width:100%; }
.network_cont_01 .network_introduce ul li{ display:table-cell; width:50%; }
.network_cont_01 .network_introduce ul li h2{ font-size:50px; color:#E2E2E2; font-weight:400 }
.network_cont_01 .network_introduce ul li div p{ padding:20px 0; }
.network_cont_01 .network_introduce ul li div p span{ font-size:18px; line-height:28px; display:block;  }
.network_cont_01 .network_introduce ul li div p span:first-child{ color:#17A5A0; }

/*===================================================================주요활동(광주에너지전환 네트워크) 부분 about/energy_network.php======================================================================================*/

.energy_2 .sec_wrap  {padding:80px 0;}
.energy_2 .sec_wrap .text_box .tit  {color:#292929; font-weight:600; padding:0 0 33px;}
.energy_2 .sec_wrap > nav  {display:flex; min-height:620px; align-items:flex-start; position: relative;}
.energy_2 .sec_wrap > nav > div  {flex:1;}
.energy_2 .sec_wrap > nav > div.text_box  {position:absolute; z-index:10;}

.energy_2 .sec_wrap .content_box  {padding:25px; background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.2);}
.energy_2 .sec_wrap .slide_box  {max-width:777px; position: relative;}
.energy_2 .sec_wrap .slide_box .splide__arrows  {display:flex; position:absolute;}
.energy_2 .sec_wrap .slide_box .splide__arrow  {background:none; left:unset; padding:10px; right:unset; top:unset; position:relative; transform:translateY(0); width:auto; height:auto;}
.energy_2 .sec_wrap .slide_box .xi  {color:#333; font-size:40px;}
.energy_2 .sec_wrap .slide_box.slider1 .splide__arrows  {bottom:-60px;}
.energy_2 .sec_wrap .slide_box.slider2 .splide__arrows  {bottom:-60px; right:0;}
.energy_2 .sec_wrap .slide_box.slider3 .splide__arrows  {bottom:-60px;}
.energy_2 .sec_wrap .slide_box.slider4 .splide__arrows  {bottom:-60px; right:0;}

.energy_2 img  {max-width:100%;}
.energy_2 .sec_wrap ul li  {display:block; padding:0 0 17px;}
.energy_2 .sec_wrap ul li:last-child  {padding:0;}
.energy_2 .sec_wrap ul li .title  {color:#292929; font-weight:600;}
.energy_2 .sec_wrap ul li .cont  {color:#929292;}



.energy_2 .sec_wrap.sec_content_1 > nav > div.text_box {right:0; top:0; max-width:487px;}

.energy_2 .sec_wrap.sec_content_2  {background:url('../img/energy_squ_2.png') no-repeat top right;}
.energy_2 .sec_wrap.sec_content_2 > nav  {justify-content: flex-end;}
.energy_2 .sec_wrap.sec_content_2 > nav > div.text_box {left:0; bottom:0; max-width:481px;}


.energy_2 .sec_wrap.sec_content_3  {background:url('../img/energy_squ_1.png') no-repeat left bottom;}
.energy_2 .sec_wrap.sec_content_3 > nav {min-height:836px;}
.energy_2 .sec_wrap.sec_content_3 .text_box  {max-width:941px;}
.energy_2 .sec_wrap.sec_content_3 .text_box ul  {display:flex; flex-wrap:wrap;}
.energy_2 .sec_wrap.sec_content_3 .text_box ul li  {width:50%;}

.energy_2 .sec_wrap.sec_content_3 > nav > div.text_box {right:0; bottom:0; max-width:941px;}
.energy_2 .sec_wrap.sec_content_4 > nav  {justify-content:flex-end;}
.energy_2 .sec_wrap.sec_content_4 > nav > div.text_box {left:0; bottom:0;}


/*===================================================================에너지파크(에너지파크) 부분 about/energy_park.php======================================================================================*/


.energy_park_1 .energy_cont .img_box  {max-width:1108px; margin:auto; padding:144px 0 106px}
.energy_park_1 .energy_cont .contents_wrap  {max-width:1056px; margin:auto;}
.energy_park_1 .energy_cont .contents_wrap p.h40  {color:#292929; font-weight:600; padding:0 0 60px; text-align:center;}
.energy_park_1 .energy_cont .contents_wrap p.h22  {color:#575757; line-height:1.7; font-weight:400;}
.energy_park_1 .energy_cont  {background:url('../img/energy_park_2.png') no-repeat center 14%;}



/*===================================================================에너지파크(주요시설) 부분 about/energy_park.php======================================================================================*/
.energy_park_2 p.h40  {color:#292929; font-weight:600; padding-bottom:30px;}
.energy_park_2 .sec_wrap {display:flex;}
.energy_park_2 .sec_wrap > div  {flex:1;}
.energy_park_2 .sec_wrap  {padding:65px 0;}

.energy_park_2 .sub_back_1  {background:url('../img/park_2_top.png') no-repeat center bottom;}


.energy_park_2 .sec_wrap_01  {align-items:flex-end;}
.energy_park_2 .sec_wrap_01 dl {padding-left:60px;}
.energy_park_2 .sec_wrap_01 dl dt  {padding-bottom:30px; position: relative; padding-left:70px;}
.energy_park_2 .sec_wrap_01 dl dt span  {position:absolute; left:0;}
.energy_park_2 .sec_wrap_01 dl dd  {padding-left:70px;}


.energy_park_2 .sec_wrap_02  {align-items:flex-end;}
.energy_park_2 .sec_wrap_02 dl {text-align:right; padding-right:60px;}
.energy_park_2 .sec_wrap_02 dl dt  {padding-bottom:30px; position: relative; padding-right:68px;}
.energy_park_2 .sec_wrap_02 dl dt span  {position:absolute; right:0;}
.energy_park_2 .sec_wrap_02 dl dd  {padding-right:68px;}


.energy_park_2 .sec_wrap_03  {flex-wrap:wrap;}
.energy_park_2 .sec_wrap_03 > div  {width:100%; flex:auto;}
.energy_park_2 .sec_wrap_03 > div > img  {margin:auto;}
.energy_park_2 .sec_wrap_03 dl {text-align:left; max-width:748px; margin:auto; padding:48px 0 0; display:flex; align-items:center;}
.energy_park_2 .sec_wrap_03 dl dt  {}
.energy_park_2 .sec_wrap_03 dl dt span  {}
.energy_park_2 .sec_wrap_03 dl dd  {padding-left:60px;}

.energy_park_2 .sec_wrap_04  {flex-wrap:wrap; align-items:flex-end;}
.energy_park_2 .sec_wrap_04 > div  {}
.energy_park_2 .sec_wrap_04 > div > img  {}
.energy_park_2 .sec_wrap_04 dl {padding-left:25px;}
.energy_park_2 .sec_wrap_04 dl dt  {position:relative; padding-left:60px; padding-bottom:20px;}
.energy_park_2 .sec_wrap_04 dl dt span  {position:absolute; left:0;}
.energy_park_2 .sec_wrap_04 dl dd  {padding-left:60px;}

.energy_park_2 .sec_wrap_05  {align-items:flex-end;}
.energy_park_2 .sec_wrap_05 dl {text-align:right; padding-right:60px;}
.energy_park_2 .sec_wrap_05 dl dt  {padding-bottom:30px; position: relative; padding-right:68px;}
.energy_park_2 .sec_wrap_05 dl dt span  {position:absolute; right:0;}
.energy_park_2 .sec_wrap_05 dl dd  {padding-right:68px;}

.energy_park_2 .sec_wrap_06  {flex-wrap:wrap;}
.energy_park_2 .sec_wrap_06 > div  {width:100%; flex:auto;}
.energy_park_2 .sec_wrap_06 > div > img  {margin:auto;}
.energy_park_2 .sec_wrap_06 dl {text-align:left; max-width:748px; margin:auto; padding:48px 0 0; display:flex; align-items:center;}
.energy_park_2 .sec_wrap_06 dl dt  {padding-left:70px;}
.energy_park_2 .sec_wrap_06 dl dt span  {position: relative;}
.energy_park_2 .sec_wrap_06 dl dd  {padding-left:60px;}

.energy_park_2 .sec_wrap_07  {max-width:100%; background:url('../img/park_2_bottom.png') no-repeat center bottom / cover;}
.energy_park_2 .sec_wrap_07 img  {max-width:100%;}
.energy_park_2 .sec_wrap_07 > div  {max-width:1200px; margin:auto;}
.energy_park_2 .sec_wrap_07 ul  {display:flex; flex-wrap:wrap; justify-content:space-between;}
.energy_park_2 .sec_wrap_07 li  {padding:0 0 40px; position: relative;}
.energy_park_2 .sec_wrap_07 li span  {position:absolute; left:0;}
.energy_park_2 .sec_wrap_07 li p.h40  {position:relative; padding-left:40px;}
.energy_park_2 .sec_wrap_07 li p.h20  {text-align:center; line-height:40px; color:#292929; font-weight:600;}
/*===================================================================이용안내 부분 about/energy_park_3.php======================================================================================*/

.energy_park_3 .info_box  {max-width:1250px; margin:60px auto 0; display:flex; padding:50px; background:#f8f8f8; color:#575757;}
.energy_park_3 .info_box p.h36  {font-weight:600; padding-right:60px;}
.energy_park_3 .info_box li  {margin:0 0 18px;}
.energy_park_3 .info_box li p  {color:#575757;}
.energy_park_3 .info_box li .h20  {font-weight:600;}

/*===================================================================찾아오시는 길 부분 about/energy_park_3.php======================================================================================*/

.energy_park_4 .sec_wrap  {max-width:1200px; margin:auto;}
.energy_park_4 .sec_wrap p.h40  {color:#292929; font-weight: 600; padding:0 0 40px;}
.energy_park_4 .sec_wrap p.h26  {color:#292929; font-weight:600;}
.energy_park_4 .map_info  {padding:65px 0 120px;}
.energy_park_4 .map_info li  {display:flex; align-items:center; padding:0 0 15px;}
.energy_park_4 .map_info li p:nth-child(1)  {max-width:171px; width:100%; color:#292929;}
.energy_park_4 .map_info li p:nth-child(2)  {color:#565656; font-size:26px; color:#565656;}

.energy_park_4 .bus_info ul  {border-top:2px solid #c5c5c5;}
.energy_park_4 .bus_info ul  {margin-bottom:77px; display:flex;}
.energy_park_4 .bus_info li  {float:none;}
.energy_park_4 .bus_info li p.h20  {color:#292929; font-weight:600; padding:10px 0 10px;}
.energy_park_4 .bus_info li .h20  {display:inline-flex; align-items:center;}
.energy_park_4 .bus_info li .icons  {border-radius:50px; padding:4px 14px; margin-right:10px; font-size:18px; text-align:center; color:#fff;}
.energy_park_4 .bus_info li .icons.yellow  {background:#FFDD00;}
.energy_park_4 .bus_info li .icons.red  {background:#E21A1A;}
.energy_park_4 .bus_info li .icons.green  {background:#17A546;}
.energy_park_4 .bus_info li .icons.sub_way  {color:#17A546; border:2px solid #17A546;}
.energy_park_4 .bus_info li.col-md-2  {text-align:center; padding:48px 0 0;}
.energy_park_4 .bus_info li.col-md-2 img  {margin:auto;}
.energy_park_4 .bus_info li.col-md-10  {padding:25px 35px; border-left:2px solid #c5c5c5;}
.energy_park_4 .bus_info li .row  {margin-bottom:47px; }
.energy_park_4 .bus_info li .row:last-child  {margin-bottom:0;}
.energy_park_4 .bus_info p.h26  {padding:0 0 18px;}
.energy_park_4 #daumRoughmapContainer1652240136995  {width:100% !important;}



/*===================================================================시민클럽 부분 about/list.php======================================================================================*/

.re_100 .sec_wrap  {max-width:1200px; margin:auto;}
.re_100 .sec_wrap .content_box  {padding:75px 0;}
.re_100 .sec_wrap .content_box p.h40  {color:#292929; font-weight:600; text-align:center; padding:0 0 60px;}
.re_100 .sec_wrap .content_box p.green  {color:#17A5A0; text-align:center;}
.re_100 .sec_wrap .content_box .check_link  {max-width:1000px; margin:auto;}
.re_100 .sec_wrap .content_box .check_link li  {padding:0 0 60px; display:flex; align-items:center;}
.re_100 .sec_wrap .content_box .check_link li p.h24  {padding-left:26px; color:#292929;}

.re_100 .sec_wrap .content_box.cont_01 .img_box  {padding:62px 0 86px;}
.re_100 .sec_wrap .ul_table {background:#f8f8f8; color:#292929; padding:25px;}
.re_100 .sec_wrap .ul_table .row.head  {border-top:0; font-weight:600;}
.re_100 .sec_wrap .ul_table .row  {display:flex; align-items:center; border-top:2px solid #B5B5B5;}
.re_100 .sec_wrap .ul_table .row div  {float:none; padding:22px 0;}

.re_100 .sec_wrap .circle  {display:flex; justify-content:center; position: relative;}
.re_100 .sec_wrap .circle li  {width:calc(100% / 3); max-width:330px; height:330px; border-radius:50%; display:flex; align-items:center; text-align:center;
    background: rgb(255,210,255,0.5);
    transform: scale(1.1);
    background: linear-gradient(180deg, rgba(255,210,255,0.5) 50%, rgba(23,165,160,0.5) 100%);
}
.re_100 .sec_wrap .circle li .txt_box  {width:100%;}
.re_100 .sec_wrap .circle li .txt_box p  {color:#292929;}
.re_100 .sec_wrap .circle li .txt_box p.h26  {padding:26px 0 0; font-weight:600;}
.re_100 .sec_wrap .table_box  {background:#f9f9f9; padding:25px; max-width:987px; margin:70px auto 0;}

.re_100 .sec_wrap .table_box table  {background:none; width:100%;}
.re_100 .sec_wrap .table_box table td, .re_100 .sec_wrap .table_box table th  {padding:17px 0; border-bottom:2px solid #B5B5B5; color:#292929;}
.re_100 .sec_wrap .table_box table tr:last-child td, .re_100 .sec_wrap .table_box table tr:last-child th  {border-bottom:0;}
.re_100 .sec_wrap .content_box.cont_04 {max-width:657px; margin:auto;}
.re_100 .sec_wrap .content_box.cont_04 .check_link li  {padding-bottom:37px;}
.re_100 .sec_wrap .content_box.cont_05  {padding:54px 0 0;}
.re_100 .sec_wrap .content_box.cont_05 .link_box  {margin:auto; max-width:950px;}
.re_100 .sec_wrap .content_box.cont_05 dl.row  {display:flex; align-items:center; padding-bottom:51px;}
.re_100 .sec_wrap .content_box.cont_05 dl.row *  {float:none;}
.re_100 .sec_wrap .content_box.cont_05 dl.row span  {padding:12px 27px; color:#fff;background: rgb(255,210,255);
    background: linear-gradient(90deg, rgba(255,210,255,1) 11%, rgba(23,165,160,1) 100%);}


/*===================================================================공지사항 부분======================================================================================*/
.notice .content_wrap  {max-width:1200px; margin:auto;}
.notice .content_wrap .h40  {color:#292929; font-weight:600; text-align:center; padding:0 0 60px;}
.notice .content_wrap .search_box  {max-width:758px; margin:0 auto 55px;}
.notice .content_wrap .search_box input {box-shadow: none;}
.ca_name  ul  {display:flex; padding:0 0 40px; width: 50%; margin: 0 auto;}
.ca_name  ul li  { margin-left: -1px; flex-grow: 1;}
.ca_name  ul li.active a  {color:#fff; background:#000; border:1px solid #000;}
.ca_name  ul li:first-child a { border-radius: 3px 0 0 3px; }
.ca_name  ul li:last-child a { border-radius: 0 3px 3px 0; }
.ca_name  ul a  {display:block; padding: 7px 0; width: 100%; font-size:14px; border:1px solid #ddd;}
.notice .notice_list  {font-size:14px; line-height:24px;}

#frmFind .input-group  {flex-wrap:nowrap;}
#frmFind .input-group select  {flex-basis:calc(20% - 2%); }
#frmFind .input-group input[type="text"]  {flex-basis:65%; padding:10px;}
#frmFind .input-group .input-group-text  {flex-basis:calc(10% - 2%) ; text-align:center; background:#222; border:1px solid #222;}
#frmFind .input-group .sumbit_btn  {text-align:center; display:block; width:100%; color:#fff;}

.bd_list .table_box .table_body .row > *  {padding:5px; font-size:14px; line-height:24px;}
.bd_list .table_box .table_body .table_tr  {border-bottom:1px solid #ddd; padding-top:5px; padding-bottom:5px;}
.bd_list .table_box .table_body .table_tr.chk_notice  {border-bottom:1px solid #ddd; background:#eee; padding-top:5px; padding-bottom:5px;}
.bd_list .table_box .table_body .thead  {font-size:16px; line-height:26px; color:#333; border-top:2px solid #333; font-weight:600; border-bottom:1px solid #ddd;}
.bd_list .table_box .table_body .get_link {display:block;}
.bd_list .table_box .xi  {font-size:17px;}

.bd_view .content_view  {padding:20px 0;}
.bd_view .content_view_body .row  {border-bottom:1px solid #ddd;}
.bd_view .content_view_body .thead  {border-top:2px solid #333; border-bottom:1px solid #ddd; padding:15px 0;}
.bd_view .content_view_body .thead .reg_date  {text-align:right; font-size:14px; color:#999;}
.bd_view .content_view_body .row > *  {font-size:14px; line-height:24px; padding:5px 0;}
.bd_view .content_view_body .thead > * {font-size:16px; line-height:26px; color:#333;}
.bd_view .content_view_body .thead > *:nth-child(1)  {font-weight:600;}
.bd_view .content_view_body .view_text  {padding:20px 15px; min-height:350px;}
.bd_view .xi  {margin-right:5px; font-size:17px;}

.bd_list .gallery_wrap .h18  {color:#333; font-weight:600;}
.bd_list .gallery_wrap .h18 strong {padding:5px 10px; margin-right:10px; background:#eee; font-size:14px; font-weight: 500; border-radius:3px;}
.bd_list .gallery_wrap .h14  {}
.bd_list .gallery_wrap .h14 .ca_name  {padding:2px 5px; background:#D7E5F8; color:#3128B4; border-radius:3px;}
.bd_list .gallery_wrap .row > *:first-child  {padding-left:calc(var(--bs-gutter-x) * .5);}
.bd_list .gallery_wrap .row > *:last-child  {padding-right:calc(var(--bs-gutter-x) * .5);}
.bd_list .gallery_wrap .gallery_img  {height:260px; object-fit:cover; object-position:center; border:1px solid #eee;}
.bd_list .gallery_wrap .gall_txt  {padding:13px 0 44px;}





/*==========================================데이피커 설정=================================================*/
.datepicker  {padding:10px;}
.datepicker table  {width:100%;}










/* 유진 */
@media( max-width:760px ){
    .hidden_m  {display:block;}
    .hidden_pc  {display:none;}

    /* .row > *{padding:0 !important;} */

    #header .pc_menu{ width:100%; padding:0 10px; justify-content:flex-start; background:none;}
    #header .pc_menu .menu_ul  { display:none; width:100%; padding:0 10px;}
    #header .pc_menu .logo_pc  {text-align:left; margin:10px 0;}
    #header .pc_menu .logo_pc img { height: 60px; }
    #header .btn_close { top: 20px; }
    #footer  {padding:40px 15px;}
    .footer_logo  {padding:0 0 24px;}
    .btn_close  {display:block;}

    .main_slide .slide_tit_box .slide_tit .slide_wrap{ margin:0 auto; padding:0 15px; }
    .main_slide .slide_tit_box .slide_tit p{ margin-top:-120px; }
    .main_slide .h54{ line-height:50px; }
    .main_layout{ padding:30px 0; }
    .main_layout img  {height:150px;}
    .main_layout .main_board .main_sub_wrap{ width:80%; }
    .main_layout .main_board .main_sub_wrap > li a{ font-size:15px; }
    .main_layout .main_notice_box{ height:auto; }
    .main_layout .main_notice_box .main_notice, .main_layout .main_notice_box .main_news{ padding:20px ; }
    .main_layout .main_notice_box .main_news{ padding:20px 15px; }
    .main_layout .main_notice_box .main_notice ul li{ padding:15px 0; }
    .main_layout .main_notice_box .main_notice ul li a{ font-size:15px; }
    .main_layout .main_notice_box .main_news ul li > a > p  {padding:0; word-break: normal;}

    .sec_3{ background:none; }
    .main_calender{ width:100%; padding:0 15px; }
    .calendar{ width:100%; }
    .calendar .calender_h{ font-size:30px;  margin: 30px auto !important; }
    .calend_hd{ width:90%; height:60px; }
    .main_layout .main_calender h2{ font-size:16px; padding: 5px; background: #e9e9e9; border-radius: 5px; text-align: center; }
    .main_layout .main_calender h2 a { font-size: 18px; margin-left: 10px; line-height: 0; }
    .main_layout .main_calender h2 a i{ width: 20px; height: 20px; line-height: 19px;  }
    .calendar .table:not(.table-bordered) .info{ display:none; }
    .calend_nav ul li, .calend_nav ul li a { font-size: 14px; font-weight: 500; }
    .calendar tr td button span:not(:last-child) { margin-bottom: 3px; }
    .calendar .table > tbody > tr { border-top:2px solid #000; }
    .calendar .table > tbody > tr > td { display:block; width:100%; border-width: 1px 0 0 0  !important; border-color: #ddd !important; height: max-content; }
    .calendar .table > tbody > tr > td.no_day { display: none; }
    .calendar .table > tbody > tr > td:not(.sch_Y) button { padding: 5px 15px; }

    .mt-100{ margin:30px !important; }

    /*====================================================캘린더 모달 설정==========================================================*/


    #reservation .reservation_form .row  {margin:0 0 15px;}
    #reservation .reservation_form input[type="text"]  {padding:8px 10px;}
    #reservation .reservation_form select  {padding:8px 10px;}
    #reservation .form-check  {border:1px solid #ddd; padding:11px 7px; margin:0 0 9px; border-radius:5px; display:flex; align-items:center;}
    #reservation .form-check label  {font-size: 14px;}
    #reservation .h54  {margin-bottom: 0px; font-size: 30px; }
    #reservation .h20  {font-weight:600; color:#333;}
    #reservation .form_box  {padding:30px 0 0;}
    #reservation .form_box form  {margin-bottom: 0;}

    #reservation_cancel .reservation_form .row  {margin:0 0 19px;}
    #reservation_cancel .reservation_form input[type="text"]  {padding:8px 10px;}
    #reservation_cancel .reservation_form select  {padding:8px 10px;}
    #reservation_cancel .form-check  {border:1px solid #ddd; padding:11px 7px; margin:0 0 9px; border-radius:5px; display:flex; align-items:center;}
    #reservation_cancel .form-check label  {padding-left:15px;}
    #reservation_cancel .h54  {color:#333;}
    #reservation_cancel .h20  {font-weight:600; color:#333;}
    #reservation_cancel .form_box  {padding:0;}

 
    .modal .form_box .h54  {padding:0 15px 25px;}
    .modal .btn_box  {margin:5px 0 0;}
    .modal .btn_box .btn  {font-size:14px; margin:10px 8px; line-height:24px; padding:10px;}
    .modal .btn_box .btn.btn-default  {color:#fff; background:#222; border:0;}

    /*============================================================둘레길 예약기간 설정 모달====================================================*/

    #modalSetLimitResvTerm .h54 { margin-bottom: 0px; font-size: 30px; }
    #modalSetLimitResvTerm .form_box { padding: 30px 0 0; }
    #modalSetLimitResvTerm .form_box form  {margin-bottom: 0;}
    #modalSetLimitResvTerm #frmSetLimitResvTerm input[type="text"] { padding: 10px 15px; font-size: 14px; }
    #modalSetLimitResvTerm #frmSetLimitResvTerm .row:not(:first-child) { width: 100%; }

    /*====================================================sub_page top 설정=====================================================================*/
    .sub_page .top_img .top_banner  {height:89px; min-height:auto;}
    .sub_page .top_img .top_banner img  {width:100%; height:100%; object-fit:cover; object-position:top;}
    .sub_page > nav  {text-align:center !important; font-size:16px; line-height:26px;}
    .sub_page .mobile  {display:block;}
    .sub_page .mobile.h35  {font-weight:600; color:#333; text-align:center; padding:0 0 15px;}
    .sub_page .layout_wrap  {padding:15px 0 0;}
    .network_ul  {width:100%; justify-content:flex-start; padding:20px 15px;}
    .network_ul ul  {justify-content:flex-start;}
    .network_ul li  {width:50%; margin-left:-1px; margin-top: -1px;}
    .notice .network_ul {padding: 30px 15px 0;}
    .notice .network_ul li  {width: 33%; margin-left:-1px; margin-top: -1px;}
    .sub_page .layout_wrap {position: relative;}
    .energy_cont .h2  {padding:20px 0 20px;}

    /*====================================================about 에너지전환=====================================================================*/

    .about .sub_1  {padding:50px 0 100px;}
    .about .sub_1 .back_1  {height:258px; object-fit:cover; object-position:center;}
    .about .sub_1 .home_svg  {max-width:100px; text-align:center; margin:auto; padding:0 0 30px;} 
    .about .energy_cont_01   {display:block; margin:40px 0;}
    .about .energy_cont_01 h2  {font-size:28px; line-height:38px; font-weight:600; text-align:center;}
    .about .energy_cont_01 > div > p  {padding:44px 15px 118px; line-height:30px; color: #333;}

    .about .energy_cont02 > div  {padding:0 15px;}
    .about .energy_cont02 > div img  {height:97px; object-fit:cover;}
    .about .energy_cont02 .calend_hd  { top:49px; right:0; height:87px; width: 184px;;}
    .about .energy_cont02 h2  {font-size:28px; font-weight:600; color:#333; padding:20px 0 20px;}
    .about .energy_cont02 dl  {display:block; width:100%; height:auto;}
    .about .energy_cont02 dl dt  {display:block; width:100%; text-align:center;}
    .about .energy_cont02 dl dd  {display: block; width:100%; line-height:30px; color: #333;}
    .about .energy_cont03  {width:100%;}
    .about .energy_cont03 .col-md-6 > p  {font-size:16px; color: #333; }
    .about .energy_cont03 img  {max-width:285px; margin:auto;}
    .about .energy_cont03 .mobile_order_1  {order:1;}
    .about .energy_cont03 .mobile_order_2  {order:2; padding:72px 15px 0 !important;}
    .about .energy_cont03 .energy_hope_p p span:first-child  {font-size:40px; color:#333; }
    .about .energy_cont03 .energy_hope_p p span:last-child  {font-size:16px; line-height:26px; padding-left:10%; color: #333; }



    /*====================================================에너지파크 소개 energy_network.php =====================================================================*/

    
    .network_cont_01  {width:100%;}
    .network_cont_01 .network_introduce  {background:none;}
    .network_cont_01 p  {line-height:40px;}
    .network_cont_01 .network_introduce ul  {display:block;}
    .network_cont_01 .network_introduce ul li  {display:block; width:100%; text-align:left !important; position: relative;}
    .network_cont_01 .network_introduce ul li h2  {padding-left:26px; position: relative;}
    .network_cont_01 .network_introduce ul li h2:before  {content:''; position:absolute; left:-7px; top:25px; width:16px; height:16px; background:#fff; border:4px solid #17A5A0; border-radius:50%;}
    .network_cont_01 .network_introduce ul li:before  {content:''; position:absolute; left:0; top:0; width:2px; height:100%; background:#f3f3f3;}
    .network_cont_01 .network_introduce ul li div  {padding:0 0 90px;}
    .network_cont_01 .network_introduce ul li div p  {padding:20px 0 20px 26px;}
    .network_cont_01 .network_introduce ul li div p span:first-child  {font-size:24px; line-height:35px; font-weight:400;}
    .network_cont_01 .network_introduce ul li div p span  {font-size:16px; font-weight:600;}

    /*====================================================에너지파크 주요활동 energy_network_com.php =====================================================================*/
    .energy_2 .sec_wrap .tit  {text-align:center !important; padding:0 0 15px; color:#333; font-weight:600;}
    .energy_2 .sec_wrap .tit p.h30  {font-size: 20px;}
    .energy_2 .sec_wrap  {padding:15px; border: 1px solid #ddd; border-radius: 15px; margin: 15px; box-shadow: 3px 3px 0 #ddd; }
    .energy_2 .sec_wrap > nav  {display:flex; flex-wrap:wrap; min-height:auto;}
    .energy_2 .sec_wrap > nav > div  {flex:auto !important;}
    .energy_2 .sec_wrap .slide_box .splide__arrows  {display:none;}
    .energy_2 .sec_wrap .slide_box  {order:1; width:100%; max-width:100%;}
 
    .energy_2 .sec_wrap .text_box .tit  {text-align:center;}
    .energy_2 .sec_wrap .content_box  {padding: 20px 0 0; box-shadow: none;}
    .energy_2 .sec_wrap .content_box ul {margin-bottom: 0;}
    .energy_2 .sec_wrap .tit.hidden-lg  {padding:0 0 16px;}
    .energy_2 .sec_wrap > nav > div.text_box  {position: relative;}

    .energy_2 .sec_wrap ul li img {margin: 0 auto;}
    .energy_2 .sec_wrap.sec_content_1 nav {padding: 0;}
    .energy_2 .sec_wrap.sec_content_1 > nav > div.text_box  {position: relative; right:0; top:0; width:100%; order:2;}

    .energy_2 .sec_wrap.sec_content_2 .tit {text-align:left !important;}
    .energy_2 .sec_wrap.sec_content_2 > nav > div.text_box  {order:2; position: relative; left:0; bottom:35px;}
    .energy_2 .sec_wrap.sec_content_2 > nav > div.slide_box  {order:1; margin-right:-15px;}

    .energy_2 .sec_wrap.sec_content_3 .tit  {text-align:right !important;}
    .energy_2 .sec_wrap.sec_content_3 > nav > div.slide_box  {order:1; margin-left:-15px;}
    .energy_2 .sec_wrap.sec_content_3 > nav > div.text_box  {order:2; margin-right:-15px;}

    .energy_2 .sec_wrap.sec_content_4 .tit  {text-align:left !important;}
    .energy_2 .sec_wrap.sec_content_4 > nav > div.slide_box  {order:1; margin-right:-15px;}
    .energy_2 .sec_wrap.sec_content_4 > nav > div.text_box  {order:2; margin-left:-15px;}

    /*====================================================광주에너지파크 해담마루 energy_network_com.php =====================================================================*/

    .energy_park_1 .energy_cont .img_box  {padding:50px 15px;}
    .energy_park_1 .energy_cont .contents_wrap  {padding:0 15px 50px;}

    .energy_park_2 .sub_back_1 { background: none; }
    .energy_park_2 .energy_cont  {padding:0 15px;}
    .energy_park_2 p.h40  {padding-bottom:21px; text-align:left !important;}
    .energy_park_2 .sec_wrap  {flex-wrap:wrap; padding:0 0 50px;}
    .energy_park_2 .sec_wrap p.h40 { padding-top: 10px;}
    .energy_park_2 .sec_wrap > div  {flex:auto; width:100%;}
    .energy_park_2 .sec_wrap dl  {padding:0; flex-wrap:wrap;}
    .energy_park_2 .sec_wrap dl dt  {padding:0 !important; width:100%; padding-bottom:21px;}
    .energy_park_2 .sec_wrap dl dt  {padding:0 !important; width:100%;}
    .energy_park_2 .sec_wrap dl dt span  {position: relative;}

    .energy_park_2 .sec_wrap dl dd  {padding:0 !important; text-align:left !important; font-size: 16px; }
    .energy_park_2 .sec_wrap_02 > div:nth-child(1),
    .energy_park_2 .sec_wrap_05 > div:nth-child(1)
    { order: 2; }
    .energy_park_2 .sec_wrap_02 > div:nth-child(2),
    .energy_park_2 .sec_wrap_05 > div:nth-child(2)
    { order: 1; }

    .energy_park_2 .sec_wrap_07  {background:none;}
    .energy_park_2 .sec_wrap_07 ul  {justify-content:flex-start;}
    .energy_park_2 .sec_wrap_07 ul li  {width:33%;}
    .energy_park_2 .sec_wrap_07 li p.h20  {line-height:24px;}

    /*===================================================================이용안내 부분 about/energy_park_3.php======================================================================================*/

    .energy_park_3 .info_box  {padding:15px; display:block;}
    .energy_park_3 .info_box li  {margin:15px 0px 25px;}
    .energy_park_3 .info_box li p.h21  {font-size:16px; line-height:26px;}
    .energy_park_3 .info_box li p.h18  {font-size:14px; line-height:24px;}

    /*===================================================================찾아오시는 길 부분 about/energy_park_3.php======================================================================================*/
    .energy_park_4 .sec_wrap {padding:15px;}
    .energy_park_4 .sec_wrap #daumRoughmapContainer1652240136995  {height:360px !important;}
    .energy_park_4 .map_info  {padding:20px 0;}
    .energy_park_4 .map_info li p:nth-child(1)  {width:30%;}
    .energy_park_4 .map_info li p:nth-child(2)  {font-size:14px; line-height:24px;}
    .energy_park_4 .bus_info li.col-md-2 { padding-top: 0; }
    .energy_park_4 .bus_info li.col-md-10  {border-left:0 !important; padding:15px 0;}
    .energy_park_4 .bus_info li .row  {flex-wrap:wrap; padding: 0 10px; margin-bottom: 20px; }
    .energy_park_4 .bus_info li .icons  {margin-right:10px; padding:5px 12px;}
    .energy_park_4 .bus_info ul  {padding:30px 0; margin:10px 0;}
    .energy_park_4 .col-xs-4  {width:33%; padding:0 0 15px !important;}


    .re_100 .sec_wrap .content_box.cont_01 .img_box { padding: 40px 0; }
    .re_100 .sec_wrap .content_box  {padding: 30px 15px;}
    .re_100 .sec_wrap .content_box.cont_01, .re_100 .sec_wrap .content_box.cont_03 { padding-top: 0; }
    .re_100 .sec_wrap .content_box p.h40 { padding: 0 0 30px; }
    .re_100 .sec_wrap .content_box .check_link li { padding: 0 0 30px; }
    .re_100 .sec_wrap .content_box .check_link li:last-child { padding-bottom: 0; }
    .re_100 .sec_wrap .ul_table  {padding:10px; border-radius: 5px;}
    .re_100 .sec_wrap .ul_table .row  {padding:10px 0; margin-left: 0; margin-right: 0;}
    .re_100 .sec_wrap .ul_table .row div  {font-size:14px; line-height:24px; padding:0 5px}
    .re_100 .sec_wrap .ul_table .row div.col-3  {font-weight: 600;}

    .re_100 .sec_wrap .circle  {flex-wrap:wrap;}
    .re_100 .sec_wrap .circle li  {width:100%;}

    .re_100 .sec_wrap .content_box.cont_05 dl.row span  {display:block; text-align:center;}
    .re_100 .sec_wrap .content_box.cont_05 dl.row:first-child  {flex-wrap:wrap; padding-bottom: 0;}
    .re_100 .sec_wrap .content_box.cont_05 dl.row:last-child  {flex-wrap:wrap; padding-bottom: 20px;}
    .re_100 .sec_wrap .content_box.cont_05 dl.row *  {text-align:center; margin:10px 0;}

    
    .notice .content_wrap  {padding:0 15px;}
    .notice .content_wrap .h40  {padding:15px 0 15px;}
    .notice .content_wrap .search_box #frmFind .input-group { flex-wrap: wrap; }
    .notice .content_wrap .search_box #frmFind .input-group * { border-radius: 0 !important; margin-bottom: -1px; }
    .notice .content_wrap .search_box #frmFind .input-group .input-group-text { flex-basis: 10%; }
    .notice .content_wrap .search_box #frmFind .input-group select { padding: 10px 15px; margin-left: -1px;}
    .notice .content_wrap .search_box { margin: 0 auto 30px; }
    .ca_name ul { width: 80%; }

    .bd_list .table > tbody > tr > td  {display:unset;}

    .bd_list .table_box .table_body .row > *  {font-size:12px; line-height:24px;}
    .bd_list .table_box .table_body .thead > *  {font-size:14px; line-height:24px;}
    
    .bd_list .gallery_wrap .gallery_img  {height:180px;}
    .bd_list .gallery_wrap .h18  {font-size:14px; line-height:24px; word-break: normal;}

    .modal .de_cont_btn  {top:10px;}
    
    .bd_view .content_view_body .row { margin-left: 0; margin-right: 0; }
    .bd_view .content_view_body .thead .reg_date { padding: 0; line-height: 14px; }
    .bd_view .content_view_body .view_text { padding: 20px 0; } 
}