/************************************************************************
-------------------- Responsive & Media Queries ------------------------
************************************************************ 2025.01.23 수정*************/

@media screen and ( max-width:1000px ) {
  #layoutWrap { min-width: 100%; }

  /* mobile gnb */
  #allMenuWrap {display: none;}
  .mobileGnbOn { cursor:pointer; position:absolute; top:20px; right:15px; background:0; }
  .mobileGnbOn img { width:30px; }
  .mobileGnbOff { cursor:pointer; position:absolute; top:20px; right:20px; background:none; }
  #mobileGnbWrap { display:block; }
  #mobileGnb { display:none; position:fixed; top:0; left:0; background:url(/img/comm/black80.png); width:100%; min-width:280px; height:100%; box-shadow:0 0 10px #ccc; font-weight: 500; z-index:99999; }
  #mobileGnb > div { position:absolute; top:0; left:-70%; width:70%; height:100%; background:#ddd; z-index: 99999;}
  #mobileGnb > div > h2 { background:#fff; padding:16px; }
  #mobileGnb > div > ul > li > a { display:none; }
  #mobileGnb .depth2 h5 { background:#fff; border-top:1px solid #ddd; padding:14px 16px; font-size:16px; cursor:pointer; font-weight: 500;}
  #mobileGnb .depth2 h5.mobile_gnb_dep2_on { background:#2e6ab3; color:#fff; }
  #mobileGnb .depth2 ul { display:none; padding:14px 16px 14px 20px; background:#eee; font-size:14px; }
  #mobileGnb .depth2 ul li { margin-top:5px; padding-left:10px; background:url(/img/comm/dot.gif) no-repeat 0 50%; }
  #mobileGnb .depth2 ul li:first-child { margin-top:0;}
  #mobileGnb .depth2 ul li.stit { margin-top:0; padding-left:0; padding-bottom: 7px; background:none; font-weight: 600; border-bottom:1px solid #ddd;}

  /* layout */
  .fixGnbs { position:static !important;}
  #contentsWrap { position:relative; min-height:100%; margin:-212px 0 -150px 0; }
  #contentsArea { position:relative; width:100%; margin:0 auto; padding:110px 0 150px 0; }

  #headerWrap {height: 70px;}
  #header			{width:100%; padding: 0 15px; box-sizing: border-box; height: 90px;}
  #header h1  {width:auto; padding-top: 20px;}
  #header h1 img.pc {display: none;}
  #header h1 img.mobile {display: inline-block;}
  #gnbWrap { display: none;}
  #footerWrap { min-width:100%; padding: 0 15px; box-sizing: border-box;}
  #footerWrap > div { width:100%;}
  #footer_logo {display: none;}

  #lnb { display: none;}
  #contentsTopWrap {top:0; height: auto;}
  #contentsTop { height: 100px; background-size: contain;}
  #contentsTop .txt_wrap { display: none;}

  #contentsView {position:relative; width:96%; margin:80px auto 50px;}
  #contentsPrint h4 {font-size: 19px; }
  #contentsPrint h5 {font-size: 19px; }

  /* #contentsTopWrap {position: relative; width:100%; max-width: 2000px; height: 260px; margin: 0 auto; top:0;  border-bottom: 1px solid #ececec; background-color: #f9f9f9; */

  /* index */
  #idxA  { height: 370px;}
  #idxA1, #idxA2 { width:100%; height:370px; background-position: 80%;}
  #idxA .title { top:60px; font-size: 20px; }
  #idxA .title img { margin: 0 auto; width: 90%; max-width: 500px;}

  /* 팝업존, 공지 */
  #idxB  { position:relative;  margin: 30px auto; padding: 0 15px; box-sizing: border-box; top:inherit; }

  #idxB1_Wrap { width:100%; bottom: 0; }

  #idxB_wrap { padding: 0 15px; box-sizing: border-box;}
  #idxB1 { position: absolute; top:-220px; right: 15px; width: 285px; height: 200px; z-index: 9;}
  #idxB2 { position: relative; top: 0; height: auto; box-sizing: border-box; background:url(/img/index/notice_bg.gif) left top repeat-y;}
  #idxB2 ul.tab_tit {width: 110px; height: auto; min-height: 200px; font-size: 16px; padding:20px 0 0 30px;}
  #idxB2 ul.tab_tit li {height: 40px; cursor:pointer; }
  #idxB2 ul.tab_con  { width: calc(100% - 135px); padding:0 0;}
  #idxB2 ul.tab_con li { display:block; width: 100%; height: auto; padding: 10px 10px 10px 20px; line-height: 130%; }
  #idxB2 ul.tab_con li span { display:block; font-size: 16px; line-height: 130%; }
  #idxB2 ul.tab_con li span:last-child { position:inherit; bottom:inherit; font-size: 14px;}
  #idxB2 ul.tab_con li:first-child { padding-top: 20px;}
  #idxB2 ul.tab_con li:last-child  { padding-bottom: 20px;}

  /* 사업안내 */
  #idxC_new {width: 100%; margin: 0 auto; padding: 35px 15px 15px;}
  #idxC_new	ul { width: 100%; }
  #idxC_new li { display: inline-block; margin: 0 0 20px 20px; width: calc(50% - 10px);}
  #idxC_new li:nth-child(1),
  #idxC_new li:nth-child(3) { margin-left: 0; }
  #idxC_new li a { background-size: 70px;}
  #idxC_new li a { width: 100%; height: 170px; padding: 15px; font-size: 15px; }
  #idxC_new li b { font-size: 17px;}
  #idxC_new li a > span > span { font-size: 14px; }

  /* 활동사진 */
  #idxE_wrap {height: auto; padding: 30px 15px 20px;}
  #idxE h2 { margin-bottom: 15px; font-size: 21px; }
  #idxE li { width: calc(50% - 10px); margin: 0 0 20px 20px; }
  #idxE li:nth-child(3) { margin-left: 0; }
  #idxE li span  { height: 160px;}
  #idxE li b {min-height: auto; padding: 10px 10px; font-size: 15px;}

  /* 배너 */
  #idxD { width: 80%; padding: 20px 0; }

  /* 군산에너지넷
  #idxC	div { background-size: 105px; margin-left:20px; padding-left: 125px; font-size: 15.5px;}
  #idxC	div span {display: block; font-size: 15px; color: #666;}
  #idxC div a {display: table; margin: 5px 0 10px; padding: 0 7px 1px; font-size: 14px; color: #fff; background-color: #00abbd;}
  #idxD_wrap { margin: 0 35px; padding: 0 15px; box-sizing: border-box;}*/

  /* contents */
  #titleWrap { margin-bottom:20px; }

  /* 인사말 2024.08.21 수정*/
  #con1_1 div.sign { float:inherit; width: 100%; max-width: 270px; min-height: 270px; background-size: 100%; margin: 0 auto 10px; }
  #con1_1 div.sign span { top: 205px; left: 38%; transform: translate(-50%, 0); width: 345px; text-align: right; }
  #con1_1 div.sign img  { display: inline-table; margin-left: 7px; vertical-align: bottom; }
  #con1_1 div.right  { width:100%; }

  /* #con1_1 {height:auto; background:none;}
  #con1_1 div  {width:100%;} */

  #con1_2 img {width: 90%; max-width: 102px;}
  #con1_2 table.t_type01_2 {display: table; width:100%; margin-bottom: 0;}
  #con1_2 table.t_type01_2.borL {border-left: none;}
  #con1_2 table.t_type01.pc {display: none;}
  #con1_2 table.t_type01.mobile {display: table;}
  #con1_3	{width:90%; margin: 50px auto 0; padding-top: 100px;}
  #con1_3 div {width: 90%;}
  #con1_3 div p {font-size:13px;}
  #con1_3 div p span {font-size:27px; margin:3px 0 5px;}
  #con1_3 div.txt01::before {background-size: 220px;}
  #con1_3 div.txt05 { width: 100%; padding: 20px 20px 40px; border-radius:100px;}
  #con1_3 div.txt05 p {width: 100%; display: block; box-sizing: border-box; margin-top: 0; margin-bottom: 10px; height: auto;}
  #con1_3 div.txt05 ul {display: table; margin: 0 auto;}
  #con1_3 div.txt05 ul li {line-height: 140%; padding-top: 5px; padding-bottom: 5px;}
  #con2_top span {width: 96%; margin:0 2% 20px;}
  #con1_6 > h4  {width: 100%; font-size: 16px; margin-bottom: 10px;}
  #con1_6 > div {width: 100%; display: table;}
  #con1_6 > div > div img {margin-left: 0;}
  #con1_6 > div > div img:nth-child(2) {margin-top: 50px;}

  /* 군산에너지넷 */
  #con6 dl { line-height: 140%;}
  #con6 dl dt {width:100%;}
  #con6 dl dt::after  { right:auto; left:50%; transform:translateX(-50%); top:auto; bottom:-5px;}
  #con6 dl dd {width:100%; margin:9px 0 15px; text-align: center;}
  #con6 dl dd::before { left:50%; top:-15px; width: 1px; height: 15px;}

  #con4 ul.list2 { margin: 0 20px 30px 20px;}
  #con4 ul.list3 { margin: 0 20px 30px 20px;}
}

@media screen and ( max-width:700px ) {
  /* contents */
  .con1_2_1 {width: 100%;}
}

@media screen and ( max-width:600px ) {
  /* contents */
  .con1_2_1 {padding-bottom: 30px;}
  .con1_2_1 div.box1 {padding:25px; font-size: 16px;}
  .con1_2_1 div.box1::before {height: 213px;}
  .con1_2_1 > ul {margin: 25px auto 0;}
  .con1_2_1 > ul::before {margin-top: 22px;}
  .con1_2_1 > ul li { padding: 10px 25px;}
  .con1_2_1 div.box2 {margin: 25px auto 0; padding: 10px 40px;}
  .con1_2_1 dl {font-size: 14px;}
  .con1_2_1 dl dd {padding: 5px 10px;}
  .con1_2_1 dl dd ul li { background-position: left 7px;}
}

@media screen and ( max-width:460px ) {
  #idxC_new li:nth-child(3) a > span,
  #idxC_new li:nth-child(4) a > span { margin-top: 30px;}

  /* contents */
  .con1_2_1 div.box1::before {height: 240px;}
  .con1_2_1 > ul li { padding: 10px 15px;}
  .con1_2_1 div.box2 {padding: 10px 20px;}
  .con1_2_1 div.box3::before {border: none;}
  .con1_2_1 dl:last-child  {margin-top: 15px;}
  .con1_2_1 dl { width: 80%; margin: 0 10%;}
  #con1_6 > div > div img {width: 50%;}
  #con1_6 > div > div img:nth-child(2) {width: 80%;}
}