@charset "utf-8";

.mobile_vb{display: none;}
.mobile_vb_450{display: none;}

@media all and (max-width: 1100px){
 article, .section3{margin: 50px 0px;}
 .msg_area01{height: auto !important;}
 .BigCalendar table td ul li{padding: 4px;height: 40px;}
 .content .BigCalendar ul{line-height: normal}
 .BigCalendar table td p{padding: 0;}
 
 .col_re1{width: 35%;}
 .col_re2{width: 30%;}
 .col_re3{width: 35%;}
 
 /* 고객제안안내 */
 
.mobile_display{display: block;} 
 .use_guide{display: none;}
 
 /* 본사시설물이용안내 */
 .pc_guide{display: none;}

 .mobile_vb{display:block;}
 .mobile_invb{display: none;} 

  #header{min-height: 65px;}
  .visual{display: none !important;}
  #lnb-group{display: none;}
  .subContainer .content.bgSub{background: none !important; width: calc(100% - 30px) !important; margin: 0 10px 0 0;}
  #container.subContainer #subContent{width: 100%; min-width: 100%; padding-top: 0px;}
  .visual_bg{display: none;}
  #container.subContainer #subContent .contents_title{width: 100% !important;height: 65px;}
  #wrap .subContainer{width: 100% !important;}
  .inbox{width: 100%;}
  #container.subContainer{overflow: inherit;}
  .h3Tit.WBul{margin-left: 10px;}
  #frmManagerMain{display: none;}
  footer .is_footer.logo{display: none;}
  footer .footer_dsc{width: 100%; margin: 20px 0 0 0;}
  footer .footer_dsc .family{float: right; position: static;margin-bottom: 10px;}
  footer .footer_dsc .util_menu{margin-left: 10px; margin-top: 10px;}
  footer .footer_dsc address{clear: both; float: none ;text-align: left ; margin-left: 10px;}
  footer .footer_inner_box{width: calc(100% - 30px) !important;}  
  #container.subContainer #subContent .contents_title p.subcopy{margin-top: 0px; clear: both;}
  .flowchart{width: 50% !important;}
  .msg_area01{height: auto !important;}
  .cp_ceo img{width: 100%;}
  .section.mgt{background:url(/kosep/pb/fr/images/introduction/bg_management.png) no-repeat 100% 20px;}
  .csvc01_img{width: 100%;}
  
  /* 모바일 상단 이미지 */
  .mobile_bg{width:100%; overflow: hidden;}
  .mobile_bg img{width:100%;}
  
  /* 만족도 */
  #frmSatiMain{height: inherit !important; padding:0 20px; box-sizing:border-box;}
  #frmSati .inputbox label{display: inline-block; margin: 10px 0px; width: 100px;}
  #frmSati .inputbox .BtnSign{position: relative; display: inline-block; top: auto;}
  #frmSati .inputbox{height: 24px;}
  
  /* th 배경 */
  .data_list thead th{background-size: contain;}
  
  /* 폰트 */
  .color_red{color: red;}
  .font_bold{font-weight: bold;}
  .font_size15{font-size: 15px;}
  
  /* 사이트맵 */
  .siteWrap{padding: 0px;}
  .siteWrap .contents_title{margin-top: 20px;}
  .site_map{width: 100%;}
  .site_map ul.depth_2{border-top: 1px solid #e5e5e5; margin-top: 10px; width: 99%; border-right: 1px solid #e5e5e5;}
  .site_map ul.depth_2 li{width:100%;}
  .site_map ul.depth_2 li a{border: none;}
  .site_map ul.depth_2 li.depth_2.hasClid a{height: auto !important;}
  .site_map ul.depth_2 li.depth_2.hasClid a.depth_2{font-weight: bold;}
  .site_map ul.depth_3{width:100%; border-top: 1px solid #e5e5e5; padding-bottom: 10px;}
  .site_map ul.depth_3 li.depth_3{display: inline-block; width:auto; height: auto;}
  
  /* 예약 달력 */
  button.Btnreserv_m{background: none; width:80%; padding: 5px 12px; color: #f00; font-size: 12px; font-weight: bold; vertical-align: middle; border-radius:6px; border:1px solid #f5baba; }
  .BigCalendar table td.Tred{padding-bottom: 0px;}
  
  /* tab 메뉴 */
  .Tab li{height: 44px;}
  
  /* 바르미 이미지 */
  .barmi_img{padding:0 15px;}
  
  /* History */
  .yearWr .yearCon ul{margin-bottom:30px; padding-top:0;}
  
  /***************************************************** 1. 회사소개 */

  /* 1-2 이사회 > 이사진 소개*/
  .headcopy img{width:100%;}
  .directorsList01 ul li{width: 80%; margin: auto; float: none}
  .directorsList01 li .box{width: 55%; margin-left: 15px;}
  .directorsList01 li .Img{padding-bottom: 15px;}
  .directorsList01 li .box .NameArea{width: 100%;}
  .directorsList01 .Cont{margin-left: 4%; width: 36%; margin-bottom: 20px;}  
  
  /* 1-2 이사회 > 위원회 운영현황 > tap2:소위원회*/
  .boxIR img{width:100%;}
  
  /* 1-2 smart bod - 다른 페이지로 링크 */
  
  /* 1-3 일반현황 > 연혁 */
  .pr_history{background: none;}
  .yearWr .tit4dep{float: none; margin: 0px 10px 20px 10px;}

  /* 1-3 일반현황 > 인원현황 및 조직도 */
  figure>img{width:100%;}
  
  /* 1-3 koen way */
  .pr_KOSEPWay{height: auto; margin: 0px; background: none;}
  article, .section3{margin: 50px 0px;;}
  
  /* 1-3 일반현황 > 브랜드 > tap1:bi소개 */
  .ciBox div.box_right_ci{width:100%;}
  .ciBox .img_set img{width:100%; margin-top: 20px;}
  
  /* 1-3 일반현황 > 브랜드 > tap3:브랜드 스토리 _ jsp 수정(ovhw49 .screenDiv 추가)*/
  .brandMovie .screen {position:relative; padding-bottom: 38%; width: 100%; height: 0px; background-color: white;}    
  .brandMovie .div_screen{width: 100%; height: 100%; position: absolute; padding: 4%;}  
  .brandMovie .screen li{background-size: 100%; float: left; width: calc(90%/3); height: 100%;}
  .brandMovie .screen li:hover{background-size: 100%; float: left; width: calc(90%/3); height: 100%;}
  .brandMovie .screen li + li {background-size: 100%; float: left; width: calc(90%/3); height: 100%;}
  .brandMovie .screen li + li:hover {background-size: 100%; float: left; width: calc(90%/3); height: 100%;}
  .brandMovie .screen li + li + li {background-size: 100%; float: left; width: calc(90%/3); height: 100%;}
  .brandMovie .screen li + li + li:hover {background-size: 100%; float: left; width: calc(90%/3); height: 100%;}
  
  /* 1-4 사업소개  > 발전소운영 */
  .powerCon li{float:none; margin:0px; width:100%; }
  .powerCon .contBody{border: none; width: 100%; padding: 0px; margin-bottom: 50px;}
  .powerCon .contBody .cont{text-align: center; padding: 0px 0px 20px 0px; width: 100%; height: auto; }
  .powerCon .contBody.last .cont{padding: 0px 0px 20px 0px;}
  .powerCon li.last{margin-top: 0px !important; }
  
  /* 1-4 사업소개 > 신재생에너지 > tap1:추진계획 */
  
  /* 1-4 사업소개 > 신재생에너지 > tap2:운영현황 */
  .internalCon li{margin: 0px 0px 20px 0px; width: 49.5%; }
  
  /* 1-5 채용정보 > 채용공고 > tap1:2016정규직 채용형 인턴 */
  .h2Tit.black{font-size: 20px;}
  .pr_recruit {background: none;}
  header .sch{position: relative; margin-bottom: 10px;}  
    
  /* 1-5 채용정보 > 인재상 및 복리후생*/
  .pr_recruit {background: none;}
  .pr_recruit  p {display: none;}
  
  /* 1-5 채용정보 > 채용문의 (FAQ)*/
  .pr_recruitInquiry.type02{background: none;}
  .faqList table td{width: auto !important; height: auto !important;}
  
  /* 1-5 채용정보 > 채용문의 (Q&A)*/
  /* .page_right{float: left;} 글쓰기 게시판 수정필요*/
  
  /* 1-6 찾아오시는길 > 발전소 */
  .pr_location{background: none; height: auto; padding-top: 0px;}

  /* 1-7 연락처 */
  .pr_tel{background: none; height: auto;}
  
  /***************************************************** 2. 사이버홍보실 */
  
  /* 2-3 사보 */
  .storyBox{width: 100%; padding: 0px;}
  .storyBox .storyLeft{float: none; vertical-align: inherit; width: 50%; margin: 10px auto;}
  .storyBox .storyRight{float: none; width: 100%; margin: 15px auto;}
  .storyBox .storyRight .titStory{text-align: center; line-height: 150%}
  .storyBox .storyLeft img.imgSize{width: 100%; height: auto;}
  
  /***************************************************** 3. 고객광장 */
  
  /* 3-1 개인정보권리행사 > 개인정보권리행사안내 */
  .flowchart ol>li.follow{background: #fff url(/kosep/pb/fr/images/customer/bgBulletdownArrow.gif) no-repeat 50% 5px;}
  
  /* 3-1 개인정보권리행사 > 개인정보 처리요구 _ jsp 수정 (ip/main.jsp) */
  .div_ipText{display: inline-block;}
  .div_ipRadio{display: inline-block; margin-top: 10px;}
/*   .boxDept{margin-bottom: 10px;} */
  
  /* 3-1 개인정보권리행사 > 개인정보 처리결과 확인 _ jsp 수정 () */
  .ipin{padding: 15px 10px 20px 10px; text-align: center;}
  .ipin a{ margin: 0px; padding: 0px; border: 0px;}
  .ipin img{margin: 10px; width: 45%;}
  .ipin_new {}

  /* 3-2 입찰정보 */
  
  /* 3-3  교육기부 및 견학신청 > 안내  _ jsp 수정*/
  div.guideBox{background: none; height: auto;}
  div.guideBox img{width: 100%; padding: 20px 0px;}
  div.thumbList{padding-bottom:40px;}
  div.thumbList img{display: inline-block; vertical-align:inherit; }
  div.thumbList dl{display: inline-block;}
  div.thumbList ul{position: absolute; right: 15px; top: auto; bottom: 6px;}
  div.thumbList ul li{display: inline-block; margin-top: 10px;}
  
  .guide_mobile{background: none; padding: 0px; display: inline-block; text-align: center; color: #000;}
  .guide_mobile dt{font-weight: bold;}
  .guide_mobile li{display: inline-block;width: 25%;}
  .guide_mobile div{width: 155px; height: 138px; margin: 0 auto;}
  .guide_mobile .guide1{background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px 9px;}
  .guide_mobile .guide2{background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -141px;}
  .guide_mobile .guide3{background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -289px;}
  .guide_mobile .guide4{background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -440px;}
  .guide_mobile .guide5{background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -592px;}
  
  /* 3-4 고객의 소리 _이동: 청령반부패센터 > 신고센터*/
  
  /* 3-5 남동사우방  */  
  .login_area{background: none;}
 
  /* 3-11 본사시설물이용안내 > 본사시설물이용안내 */
  div.facilityUseBox{background: none;}
  div.facilityUseBox img{width: 100%;}
  
  /* 국민행복민원센터_200319 */
	ul.processBox2 li dl {width:calc(23% - 20px); padding:10px; font-size:95%;}
	ul.processBox2 li dl dt {padding-left:85px; margin-top:8px;}
	ul.processBox2 li dl dd {padding-left:85px; line-height:18px;}	
	ul.processBox2 li span {line-height:90px; width:calc(2% - 4px); margin:0 2px;} /*화살표*/
	ul.processBox2 li dl.pro_1 {background:#edf4f7 url(/kosep/pb/fr/images/customer/img_happyProcess_01.png) 25px 20px no-repeat; }
	ul.processBox2 li dl.pro_2 {background:#edf4f7 url(/kosep/pb/fr/images/customer/img_happyProcess_03.png) 25px 20px no-repeat; } 
	ul.processBox2 li dl.pro_3 {background:#edf4f7 url(/kosep/pb/fr/images/customer/img_happyProcess_04.png) 25px 20px no-repeat; }
	ul.processBox2 li dl.pro_4 {background:#edf4f7 url(/kosep/pb/fr/images/customer/img_happyProcess_05.png) 25px 20px no-repeat; }

  /***************************************************** 4. 지속가능경영 */
    
  /* 4-1 지속가능경영보고 _ jsp 수정*/
  .pr_report{background: none; height: auto; padding-top: 0px;}
  .boxReport .reportCon .h3Tit.RBul{background: none; padding-left: 0px;}
  .headcopy .img_bgBulletRed{width: 13px; vertical-align: baseline; margin-right: 3px;}
  
  /* 4-2 창조혁신 */
  .pr_innovation{background: none; height: auto;}
    
  /* 4-3 사회공헌 > 봉사단소개 */
  .pr_contributeInfor{background: none;}
  .div_service img{width: 100%;}
  
  /* 4-3 사회공헌 > 봉사단장 인사말 */
  .pr_contributeInfor{height: auto; padding-top: 0px;}
  .pr_contributeInfor .mb70{margin-bottom: 0px !important;}
  .service_area03 .fl{width: auto; line-height: 23px;}
  
  /* 4-3 사회공헌 > 봉사활동소식 */
  .pr_contributeActivity{background: none; height: auto;}
  
  /* 4-3 사회공헌 > 봉사활동소식 > 사랑나눔기금이란 */
  .pr_love{background: none;}
  
  /* 4-3 사회공헌 > 사회공헌백서 */
  .boxPaper{overflow: visible; width: 100%; margin: 0 auto;}
  .boxPaper .img_set{width:50%; float: inherit; margin: 0 auto;}
  .boxPaper .img_set img{width: 100%;}
  .boxPaper .pagerCon{float: inherit; width: 100%;}
  .boxPaper .headcopy{width: 70%; margin: 0 auto; text-align: center;}
  .boxPaper .pagerCon p{line-height: 20px;}
  
  /* 4-4 발전소주변지역지원사업 */
  .pr_surroundingArea{background: none; height: auto;}
  
  /* 4-5 환경경영 > 환경방침 */
  .mtMinus40{margin-top: 30px !important;}
  .pr_environmental{background: none;}
  .bookBG{background: none;}
  .pr_environmental{height: auto;}
  
  /* 4-5 환경경영 > 추친체계 */
  .boxEnmt .img_set{float: inherit; width: auto; margin-right: 0px;}
  .boxEnmt .wrap_table, .boxEnmt .table_list2{float: inherit; width: auto;}
  
  /* 4-5 환경경영 > 환경지표 */
  
  /***************************************************** 5. 청렴반부패센터 */
  
  /* 5-1 업무추진비공개 */
  
  /* 5-3 신고센터 > 부정청탁신고센터 > 법 제도 안내 > 관련법령 */
  
  /* 5-3 신고센터 > 공인신고센터  */
  div.usCounselBox{background: none; height: auto;}
  div.usCounselBox img{width: 100%;}
  div.usCounselBox p img{width: auto;}
  
  /* 5-3 신고센터 > 예산낭비신고센터 > 예산낭비신고센터 안내 */
  div.wasteBudgetBox{background: none; height: auto;}
  div.wasteBudgetBox img{width: 100%;}
  
  /* 5-3 신고센터 > 헬프라인 익명 신고센터 */
  div.helpLineBox{background: none; height: auto;}
  div.helpLineBox img{width: 100%;}
  div.helpLineBox a img { width: auto;}
  
  /* 5-3 신고센터 > 소통센터 안내 */
  div.undersIntroBox{background: none; height: auto;}
  div.undersIntroBox img{width: 100%;}
  
  /* 5-5 윤리경영 > 윤리경영소개 > 추진배경 */
  .pr_ethicsInfor{background: none; height: auto;}
  
  /* 5-5 윤리경영 > 윤리경영소개 > 관련사이트 */
  .siteBox dl{width: auto;}
  
  /* 5-5 윤리경영 > 윤리경영활동 > 추진형황 */
  .pr_ethicsActivity{background: none; height: auto;}
  
  /* 5-5 윤리경영 > 윤리경영활동 > 캠페인 */
  .campaingWrap{margin: auto;}
  .campaign li:first-child{padding-left: 4.8%;}
  .campaign li{width: 40% ; padding: 4.8%;}
  .campaingWrap .campaign img{width:100%;}
  
  /* 통합 검색 */
  .srch_box{background-size:100px auto;}
  .srch_box .grayBox{width:100%; margin:30px 0 30px; box-sizing:border-box;}
  .srch_box .guide_txt{margin:20px 30px 30px 160px;}
  .srch_box .rsltBox{padding:0 15px;}
  .srch_box .rsltBox .nList{width:100%;}
  .srch_box #inpCmSearchText{width:63% !important;}
 
 /* 에러페이지 */
 #wrap.error{position:static; left:0; width:100%; margin:0;}
 #error_area{width:100%; height:auto; padding:50px 30px 20px 80px; background-size:70px auto; box-sizing:border-box;}
 
 /* 국민제안 210511 수정 */ 
ul.title2 {width:85%; margin-top:130px; height:auto; border:2px solid #dbeeed; border-radius:10px; padding:15px 20px 15px 50px;background-color:rgba(255,255,255,0.6);}
ul.title2 li {display:block;  font-size:1.1em; font-weight:600; color:#004ea2; line-height:140%; text-align:left;border:none; padding:0; background:none;}
ul.title2 li.koen01 {position:relative; top:inherit; left:inherit; width:100%; }
ul.title2 li.koen02 {position:relative; top:inherit; right:inherit; width:100%;}

.nationalArea {position:relative;}
.nationalBox {background:url('../../../kosep/static/img/sub/national_koenHero.png') 30px 0 no-repeat; background-image:50%;}
.nationalTxt {margin-left:180px; padding:20px 10px 10px 10px;}
.nationalTxt ul {padding:10px 20px;}
.nationalTxt ul li {font-size:0.9em; line-height:19px; margin:5px 0;}
.nationalTxt ul li::after{top:8px; }

.nationalData {width:95%; height:65px; padding:20px 20px; }
.nationalData > h4 {display:block; float:none;  border-right:none; line-height:30px; font-size:1.6em; margin-bottom:7px;}
.nationalData > dl {position:relative; width:33.333%; line-height:30px; margin:0; float:right; text-align:center;}
.nationalData > dl::after{content: '';position: absolute; top:5px; right: 0; margin-right:30px; background:#6aaebf; width:1px; height:20px;  } 
.nationalData > dl:nth-child(2)::after {width:0;}
.nationalData > dl dt {font-size:18px; margin-left:0;}
.nationalData > dl dd {font-size:18px; padding:0;}
.nationalData > dl dd strong {font-size:24px;padding:0 5px;}
 
 /* 국민제안 190731 추가 */
 .title ul {width:90%; margin:0 auto; margin-top:210px; border:2px solid #ebebeb; padding:15px 2% 15px 6%; background:url(/kosep/static/img/sub/tit_bl.png) no-repeat 2% 15px; height:auto;}
 .title li {display:block; border:none; border-radius:0; padding:0; background:none;}
 .title li.koen01 {position:relative; left:auto; width:100%; padding-bottom:5px;}
 .title li.koen02 {position:relative; right:auto; top:auto; width:100%;}
 
 .write_box {padding:20px 3%;}
 .write_box .tit_img {padding:0 0 20px 25%; background:url(/kosep/static/img/sub/tit_bg02.png) top left no-repeat;}		
 .write_box > dl > dt {float:left; width:18%; padding-right:4%;}
 .write_box > dl > dd {float:left; width:78%;}
 .step li {width:31%; height:40px; line-height:36px; margin-right:2%;} 
 
 /* 부정청구행위 신고 210616 추가 */
p.caCont3 {margin:20px 0 40px 27px; font-size:14px; width:calc(100% - 35px); }
.Detpbul3 {margin:10px 0 30px 0px;}
.Detpbul3 li {width:97%; height:auto; line-height:20px; padding-top:12px; padding-left:47px; border:none; margin-bottom:0px; box-shadow:0px 0px 0px #e5e5e5; box-sizing:border-box;}


 /* 불법.불공정하도급 신고_210901 추가 */

.stepLst {}
.stepLst > li {width:calc(50% - 20px); margin-left:20px; min-height:0; margin-bottom:30px;}
.stepLst > li::after {right:-30px; top:calc(50% - 17px); background-size:80%;}
.stepLst > li:nth-child(1) {margin-left:0;}
.stepLst > li:nth-child(1)::after {right:-35px; top:calc(50% - 17px);}
.stepLst > li:nth-child(2) {float:right;}
.stepLst > li:nth-child(2)::after {right:50%; top:46px; transform:rotate(90deg);}
.stepLst > li:nth-child(3) {float:right;}
.stepLst > li:nth-child(3)::after {left:-32px; transform:rotate(180deg);}
.stepLst > li:nth-child(4) {float:left; width:calc(50% - 17px); margin-left:0; }
.stepLst > li:nth-child(4)::after {right:50%; top:45px; transform:rotate(90deg);} 
.stepLst > li:nth-child(5) {float:left; margin-left:0;}
.stepLst > li:nth-child(5)::after {right:-35px;}
.stepLst > li:nth-child(6) {float:right;}
.stepLst > li > span {float:left; display:inline-block; margin:10px 30px;}
.stepLst > li ol.leftBox1 {float:left; margin:10px 10px; font-size:13px;}
.stepLst > li ol.leftBox1 li {float:left; clear:none; margin-right:20px; padding-left:8px; line-height:none; background:url(/kosep/pb/fr/images/common/content_arrow3.gif) 0 11px no-repeat; letter-spacing:-0.5px; }
.stepLst > li ol.leftBox1 li > span {display:inline-block; margin-left:2px;}

/* 211018 추가 */
.picView {padding:30px 25px 100px 25px; height:200px; background-size:cover; background-position:center; margin-top:-30px;}
.picView > p {font-size:28px; line-height:35px; letter-spacing:-1px;}

.subLink li {width:calc(50% - 8px);  height:60px; line-height:60px;}
.subLink li:nth-child(2n+1) {margin-left:0;}
.subLink li a {font-size:1.1em;}
.subLink li a::after {background-size:95%; background-position:bottom;}
.subLink li a:hover::after {background-size:95%; background-position:bottom;}
	
/* 해외주요사업_220223 */
.viewList3 {}
.viewList3 li {}
.viewList3 li .txt_lt  {width:calc(60% - 20px); }
.viewList3 li .txt_lt > strong {}
.viewList3 li .txt_lt > dl {}
.viewList3 li img {top:0; float:left; width:40%; margin-right:0;}

/* 2022-08-30 적극행정 */
._titimgWrap {display:none;} /* pc ver. blind */
.footer_section {clear:both;margin-top:150px;} /* 컨텐츠 겹침 방지 */
.m_titimgWrap {display:block;}
.m_titimgWrap img {width:100%;}
.m_titimgWrap .inner {width:100%;}
._btnWrap {margin-top:20px;}
._shadowBox ._inner {width:90%;padding:30px 50px 50px 50px;}

	/* 개인정보처리방침 2022-10 */	
	.mainList {margin-top:40px;}	
	.mainList ul li a {height:60px;padding-top:130px;background-position:center 40px; background-size:70px;}	
	
	.subList {margin-top:40px;}	
	.subList ul li a {margin:4px; font-size:15px; letter-spacing:-0.5px; padding:22px 20px 20px 75px; background-position:25px center; background-size:37px; background-repeat:no-repeat;}	
	
	.subDetail {margin-top:40px;}
	.subDetail > ol li > ol.lst_o1 {margin-left:25px; margin-top:10px;}
	.subDetail > ol li > ol.lst_o1 li {margin:5px 0; padding-left:20px; text-indent:-20px; margin-bottom:0px;}
	
}

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

	/* 개인정보처리방침 2022-10 */
	.h4Tit_t {font-size:18px; line-height:45px; margin-bottom:15px;}
	.txt_indx1 {padding-left:24px;}
	.txt_indx2 {padding-left:20px; text-indent:-20px;}
	.txt_mlt22 {margin-left:20px; }		
	
	.subList ul li {display:table; width:calc(50% - 8px); margin:4px;}
	.subList ul li a {display:table-cell; vertical-align:middle; margin:0;height:70px;padding:10px 20px 10px 75px;box-sizing:border-box;}	
	
	.subDetail {font-size:15px; line-height:25px;}	
	.subDetail > p {margin-bottom:20px;}	
	
	.open_lst  {font-size:14px; letter-spacing:-0.5px;}

}

@media (min-width:769px) and (max-width:997px) {
	
	/* 개인정보처리방침 2022-10 */	
	.timeLN_box {width:670px;}
	
	}
	
@media all and (max-width: 560px){

/* 해외주요사업_220223 */
.viewList3 {}
.viewList3 li .txt_lt {width:100%; min-height:inherit;}
.viewList3 li .txt_lt > strong {margin-bottom:10px;}
.viewList3 li .txt_lt > dl {width:100%; margin:5px 0px 5px 5px; }
.viewList3 li img {position:inherit; float:left; top:0; width:100%; margin:10px 0;}
}
/* ~889px 정보공개포털 추가 2022. 08. 16. */
@media all and (max-width: 889px){
/* ~889px 오픈API&비정형 2022. 08. 22. */	
	._leftmenu {width:100%;}
	._leftmenu dl dd {border-top:none;}	
	._leftmenu dl dd ul li {width:25%;float:left;height:35px;line-height:35px;}
	._leftmenu dl dd ul li:last-child {border-bottom:1px solid #e0e0e0;}
	._leftmenu dl dd ul li a {font-size:12px;}	
	._rightWrap {float:left;width:100%;margin-top:20px;}	
	._leftmenu dl dt {height:40px;line-height:40px;}	
			
	._link_mo {display:block;color:#fff;text-align:center;line-height:80px;font-size:17px;}
	h3.h3_tit {font-size:23px;padding-top:74px;}
	h3.h3_tit ._aqua {right:26%;width:233px;}

	.foldNavi .link_wrap ul li {padding-bottom:13px;width:50%;}	
	.foldNavi .link_wrap ul li a {font-size:13px;}
	
	p.sub_title {padding-top:70px;}
	
	.br01 {width:130px;}
	.br03 {width:90px;}
	.br04 {width:70px;}
	.br05 {width:85px;}
	.br06 {width:90px;}
	.br07 {width:79px;}	
	
	.tabType01._tap01 ul.gradation {float:left;width:100%;display:inline-block;}
	.tabType01._tap01 ul.gradation li {flex:0;float:left;position:relative;width:25%;box-sizing:border-box;margin:0;}
	.tabType01._tap01 ul.gradation li.on {z-index: 2;}
	.tabType01._tap01 ul.gradation li button {border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(255,255,255,0.2);}	
	
	.tabType01._tap02 ul li {width:25%;}
	
	/* 2022-08-30 적극행정 */
	._shadowBox ._inner {margin-top:-80px;}
	._shadowBox ._inner i.man {top:-140px;right:35px;}
	._shadowBox ._inner ul._actI li {font-size:14px;}
	._btnWrap ul li a {width:146px;height:45px;line-height:45px;}	

}

@media all and (max-width: 768px){
  /* 4-1 지속가능경영보고  */
 .boxReport .img_set{float: none; margin: 0 auto; width: 100% !important; height: auto;}
 .boxReport .img_set img{width: 65%}
 .boxReport .reportCon{float: none; margin: 10px auto; width: 65%;}
 .boxReport .reportCon .headcopy{height: auto !important;}
 .boxReport .reportCon dl{padding: 0px; margin: 10px auto;}
 .boxReport .reportCon dt{margin-top: 20px;}
 .boxReport .reportCon dd.first_d{float: none; padding: 0px; margin: 0px auto 10px auto !important; text-align: center;}

  /* 국민제안 210511 수정 */ 
 ul.title2 {width:87%; padding:15px 2% 15px 5%; font-size:0.92em; margin-top:100px; }

 .nationalArea {position:relative; background-color:inherit;}
 .nationalBox {height:auto; margin-bottom:10px; background:none;}
 .nationalTxt {margin-left:0px; padding:15px 7px 7px 7px;}
 .nationalTxt::before{top:5px; }

 .nationalData {margin-top:0; width:calc(100% - 30px);height:85px; padding:10px 15px;}
 .nationalData > h4 {font-size:1.4em; margin-left:5px;}
 .nationalData > dl {line-height:22px;}
 .nationalData > dl::after{top:12px; height:35px; margin-right:5px;} 
 .nationalData > dl dt {width:100%; font-size:1.0em;letter-spacing:-1px;}
 .nationalData > dl dd {width:100%; font-size:1.0em;}
 .nationalData > dl dd strong {font-size:1.2em;}
	
	
 /* 국민제안 190731 추가 */
 .title ul {width:88%; padding:15px 2% 15px 8%; font-size:0.95em;}
 
 .write_box .tit_img {padding-left:0; background:none;}
 .write_box .tit_img ul li::before {position:absolute; content:""; display:block; width:3px; height:3px; left:0; top:9px; background:#898989;}
 .write_box .tit_img ul li {position:relative; padding-left:10px;}		
 .write_box > dl {position:relative; width:98%; padding:15px 0 0 2%;}
 .write_box > dl::before {position:absolute; content:""; display:block; width:5px; height:5px; left:0; top:23px; background:#05338b;}
 .write_box > dl > dt {float:auto; width:100%; padding:0 0 4px 0; text-align:left; font-size:1.12em;}
 .write_box > dl > dd {float:auto; width:100%;}		
 .exbox dt {margin-bottom:5px;}
 .exbox dd {line-height:140%;}		
 .step li {width:90%; height:40px; line-height:36px; margin:0 0 5px 0;}
 a.btn_22 {width:88%; height:50px; line-height:50px;} 
 
 /* 기업민원 보호.서비스 헌장_201223 추가 */
.h3Tit_B {margin-top:20px; font-size:26px;}
.h3Tit_B::after {display:none; }

.Stit_B {height:40px; font-size:18px; margin:20px 0;}
.Stit_B::before {width:15px; height:40px; background-size:60%; margin-right:7px;}
.Stit_B::after {width:15px; height:40px; background-size:60%; margin-left:7px;}
.Stit_B>strong {margin-top:-32px;}

.sub_txt {font-size:15px; line-height:27px;}
.sub_textBox {margin-top:20px; font-size:15px;}
.sub_textBox li {padding-top:7px; padding-left:50px; line-height:24px;}
.sub_textBox li>strong {padding-left:7px; padding-top:10px;font-size:14px; margin-left:-60px; }

a.BtnDown_bl1, a.BtnDown_bl2 {font-size:15px;}
	
.viewMovie3 .screen3 {width:480px; height:270px;}
.viewMovie3 .gallery_list3.btnPlus3 > li {width: 30%;}
.viewMovie3 .gallery_list3.btnPlus3 > li > a {line-height: 30px;}
	
/* 부정청구행위 신고 210616 추가 */
a.btn_blue {height:40px; line-height:40px; padding:0 15px; border-radius:0px; background:#1566d1; font-size:1.05em;}
a.btn_gray {height:40px; line-height:40px; padding:0 15px; border-radius:0px; background:#404040; font-size:1.05em;}
	
/* 인턴경력증명서_210727 추가*/
.headcopy2 img {width:90%;}
.txtBox01 {padding:7px 15px;}
.Detpbul4 {}
.Detpbul4 li {font-size:0.9em; margin:5px 0; line-height:140%; background:url(/kosep/pb/fr/images/common/content_arrow3.gif) 0 7px no-repeat; }
.stepBox {line-height:23px;}
.stepBox dl {width:calc(25% - 18px); padding:10px 0; letter-spacing:-1px; margin-top:15px; margin-right:21px;}
.stepBox dt {font-size:0.95em;}
.stepBox dd {font-size:0.85em;}
.stepBox dl::after{content: '';position: absolute; bottom:20%; right: -35px; background-size:65%;}
p.sb_txt {padding:5px 0; font-size:0.9em;}
	
/* 불법.불공정하도급 신고_210901 추가 */
.stepLst {}
.stepLst > li {width:calc(100% - 2px); margin-left:0; min-height:0; margin-bottom:30px;}
.stepLst > li:not(:first-child) {float:left; width:calc(100% - 2px);}
.stepLst > li:not(:last-child)::after {right:50%; left:50%; top:45px; transform:rotate(90deg);}

.selectBox {width:100%; margin:0;}
.selectBox > li {float:left; width:50%;}
.selectBox > li + li {width:calc(50% - 1px); margin-left:-1px;}
.selectBox > li a {float:left; width:100%; background-size:40px; background-position:right 20px bottom 30px; min-height:185px;} /*210913 수정*/
.selectBox > li a:hover {background-size:40px;}
.selectBox > li > a strong {text-align:center; padding:5px 20px; font-size:17px;} /*210913 수정*/
.selectBox > li a .Cabul3 {float:left; padding:15px 20px 5px; margin-bottom:15px;} /*210913 수정*/
.selectBox > li a .Cabul3 > li {float:left; width:100%; margin:0; font-size:14px; line-height:22px; padding-left:20px; background-size:12px; background-position:left 7px; letter-spacing:-1.0px; box-sizing:border-box;}
.selectBox > li > a .Cabul2 {width:100%; margin-top:5px; margin-left:-10px;}
.selectBox > li > a .Cabul2 li {font-size:13px; margin:0px 0; padding-left:8px; background:url(/kosep/pb/fr/images/common/content_arrow3.gif) 0 10px no-repeat; }

/* 211018 추가 */
.picView {padding:30px 25px 100px 25px; height:170px; background-size:cover; background-position:center;}
.picView > p {font-size:17px; line-height:24px; letter-spacing:-1px;}
.picView > span {font-size:13px;}

.subLink li {width:calc(50% - 8px);  height:60px; line-height:60px;}
.subLink li:nth-child(2n+1) {margin-left:0;}
.subLink li a {font-size:0.9em; letter-spacing:-1px;  padding:0 15px;}
.subLink li a::after {right:15px; background-size:80%; background-position:bottom;}
.subLink li a:hover::after {right:15px; background-size:80%; background-position:bottom;}

/* 220816 정보공개추가 */
	.b_wrap {width:100%;overflow:auto;}
	.b_wrap table {width:850px;}
	
/* 오픈API&비정형 2022. 08. 22. */
	._leftmenu dl dd ul li {width:33.333%;}
	._leftmenu dl dd {float:left;border-left:none;border-right:none;border-top:none;border-bottom:1px solid #e0e0e0;}
	._leftmenu dl dd ul li:last-child {border:none;}	
	
	/* 2022-08-30 적극행정 */
	._shadowBox ._inner i.man {top:-120px;right:35px;}
	._shadowBox ._inner i.man img {width:100px;}
	
	/* 개인정보처리방침 2022-10 */
	.txtBox_M {padding:30px 20px; font-size:14px; line-height:25px;}
	.txtBox_M > strong {font-size:20px; line-height:28px;}	
	.h3Tit_N {font-size:22px;line-height:30px; padding:10px 0;}		
	.h4Tit_t {font-size:16px;padding:10px 0 10px 50px; line-height:22px;}
	.txt_indx1 {padding-left:23px;}
	.btnDownA {font-size:14px; letter-spacing:-1px;padding:6px 32px 8px 12px;}
	.btnDownA {background-position:right 10px center; background-size:14px;}
	
	.mainList ul li {width:50%;}
	.mainList ul li a {font-size:16px;}	
	.mainList ul li:nth-child(3n+1)>a {margin:5px;}
	.mainList ul li:nth-child(3n)>a  {margin:5px;}
	.mainList ul li:nth-child(odd)>a {margin-left:0;}
	.mainList ul li:nth-child(even)>a {margin-right:0;}	
	.mainList ul li a {height:50px; padding-top:120px; background-position:center 40px; background-size:60px;}
	
	.subList ul li {width:100%; margin:-1px 0 0 0;}
	.subList ul li a {min-height:42px; line-height:20px; font-size:14px; padding:8px 20px 7px 70px;background-size:35px;}
	.subList ul li a:hover {border:1px solid #e0e0e0;}
	
	.subDetail .tblView  {margin-top:10px; font-size:14px; letter-spacing:-0.5px;}
	.subDetail .tblView .open {}
	.subDetail .tblView .open .open_tlt {margin-bottom:10px; padding:9px 60px 9px 20px; line-height:20px; background-color:#f2f7fb; }
	.subDetail .tblView .open .open_tlt:before {right:40px; } 
	.subDetail .tblView .open .open_tlt:after {top:50%;transform:translateY(-60%) rotate(135deg); width:10px; height:10px;}
	.subDetail .tblView .open.on .open_tlt {}
	.subDetail .tblView .open.on .open_tlt:after {top:50%;transform:translateY(-20%) rotate(315deg); width:10px; height:10px; }
	
	.open_lst thead th, .open_lst tbody td {line-height:22px;}
	.open_lst thead th {padding:13px 10px; }
	.open_lst tbody td {padding:9px 10px;}
	
	.modal_rgt_ct {padding:55px 33px 0 28px;}
	.modal_lft_bg {background-size:75%;}
	.modal_rgt_ct > ul > li {width:100%;font-size:14px;padding-bottom:11px;}
	.modal_rgt_ct > ul {margin-top:14px;}
	.timeLN_img img {width:100%;}
	.timeLN_box {width:600px;}
	
	/*경영공시 Alio 2022-11-21*/
	.txtBox_M.txt_box_area {padding:12px;font-size:13px;}
	.txtBox_M.txt_box_area .imgA img {width:80px;padding-top:10px;}
	.publicListWrap .btn_DrAlio ul li a {font-size:13px;letter-spacing:-1px;}
	.publicListWrap .innerList01 h4 {font-size:15px;}
	.publicListWrap .innerList01 .publicList {padding:30px 20px;}
	.publicListWrap .innerList01 .publicList > ul > li {width:50%;}	
	.publicListWrap .innerList01 .publicList > ul > li > a {font-size:14px;}		
		
}

 @media (min-width:451px) and (max-width:767px) {
 	
 	/* 개인정보처리방침 2022-10 */
 	.timeLN_box {width:450px;height:595px;}
 	
}

 @media all and (max-width: 600px){/*----------------------------------------------------------- max-width: 600px */

/* 오픈API&비정형 2022. 08. 22. */
	._leftmenu dl dd ul li {width:50%;}
	._leftmenu dl dd {border:none;}		
	._leftmenu dl dd ul li:last-child {border-bottom:1px solid #e0e0e0;}
	/* 2022-08-30 적극행정 */
	._shadowBox ._inner {margin-top:-56px;padding:6px 34px 25px 36px;}
	._shadowBox ._inner i.man img {width:86px;}
	._shadowBox ._inner i.man {top:-96px;right:37px;}
	._shadowBox ._inner ul._actI li {font-size:12px;}
	._btnWrap ul li a {width:120px;height:40px;line-height:40px;font-size:12px;}
	 	
}
 @media all and (max-width: 450px){/*----------------------------------------------------------- max-width: 450px */
 
 .section.mgt .titDepth01{text-align: center;}
 .section.mgt dl dt{text-align: center;}
 
 .data_view{font-size: 11px;}
  .mobile_vbi_450{display: block !important;}
 	
 .mobile_invb_450{display: none;}
 .mobile_vb_450{display: block !important;}
 .data_table .mobile_vb_450 {display: table !important; table-layout: inherit;}
 #container.subContainer #subContent {padding-top: 20px;}
 article, .section3{margin: 50px 0px;}
 button.Btndown{width:50px; height: 18px; background-size: contain;}

 /* 공지사항 view.do */
 .data_view tbody tr.tblHead td{font-size: 11px; background-size:contain; word-break: keep-all; word-wrap: break-word;}
 .data_view tbody td{font-size: 11px;}
 .dataFile{font-size: 11px;}
 .dataFile li{width: 100% !important; border-left: none; text-align: left !important;}
 .tbl_page{font-size: 11px; word-break: keep-all; }
 .tbl_page .pageIn .page_tit{margin-left: 85px;}
 
 
 /* 만족도 */
 #frmSati .fc_org{font-size: 10px;}
 #frmSati .inputbox label{font-size: 10px; width: 68px; }
 #frmSati button.BtnSign{width: 68px; height: 25px; background-size: cover;}
 
 .subcopy{color: gray; line-height: 20px;}
 
 /* board 수정 (사규 등.) */
 .data_list thead th:first-child, .data_list tbody td:first-child{width: 15%;}
  
   
 /***************************************************** 1. 회사소개 */
 
 /* 1-1 ceo */
 .cp_msg01{background: none; padding: 0px 0px; margin-top: 0px;}
 .titDepth01 {font-size: 16px;}
 .msg_area01 .tit5dep{font-size: 16px;}
 .cp_ceo img{margin-bottom: 15px;}
 
 /* 1-2 이사회 > 이사진 소개*/
 .directorsList01 li .box{margin: 0 auto;}
 
 /* 1-2 이사회 > 이사회개최현황 > tap1:운영현황 */
 .table_list thead th, .table_list tbody th{padding: 5px; font-size: 10px;}
 .table_list tbody td {padding: 5px; font-size: 7px; }
 
  /* 1-2 이사회 > 이사회개최현황 > tap2:연도별보기 */
 .directorsList01 li .box{width: 100%;}
 .directorsList01 .Cont{width: 100%; margin-bottom: 30px;}
 
 
 /* 1-2 이사회 > 위원회 운영현황 > tap1:임원추천위원회 */
 .table_row tbody th{padding: 5px; font-size: 10px;}
 .table_row tbody td{padding: 5px; font-size: 7px;}
 
 /* 1-3 일반현황 > 연혁 */
 .yearWr .tit4dep{margin: 10px auto;}
 
 /* 1-3 일반현황 > KOEN Way */
 .ovhw22_img{width: 70%; margin: auto;}
 
 /* 1-3 일반현황 > 인원현황 및 조직도*/
 .data_list thead th {paddiing: 4px 0 5px 0; font-size: 10px;}
 .data_list tbody td {padding: 4px; font-size: 7px;}
 
 /* 1-3 일반현황 > 브랜드 > tap3:브랜드 스토리 */
 .brandMovie .brandMovieDiv{width: 100%; height: 100%; position: absolute; padding: 2%;}

 /* 1-4 사업소개> 신재생에너지 > tap1:추진계획 */
 .table_list2 thead th, .table_list2 tbody th {padding: 5px; font-size: 10px;}
 .table_list2 tbody td {padding: 5px; font-size: 7px;}
 .table_list2 tfoot th, .table_list2 tfoot td{padding: 5px; font-size: 10px;}
 
 /* 1-4 사업소개> 신재생에너지 > tap2:운영현황 */
 .internalCon li{margin: 0px 0px 20px 0px; width:100%; }  
 
 /* 1-5 채용정보 > 채용공고 > tap1:2016정규직 채용형 인턴 */
  header {height: auto;}
 .th_none img{width: 50px; height: 18px;}
 
 /* 1-5 채용정보 > 채용문의 (FAQ)*/
 .faqList table th .question{background: none; vertical-align: super;}
 .faqList table td{font-size: 10px;}
 .faqList table td .question{background: none; line-height: 18px; width: 80%; overflow: visible;}
 
 /* 1-5 채용정보 > 채용문의 (Q&A)*/
 /* 일부 컬럼 제거 필요 _ 4~6 임의 제거 */
 /* 특정 컬럼 제거를 원하면 jsp 각 컬럼에 이름부여 후 display: none */
 .data_list colgroup col:nth-child(4), .data_list colgroup col:nth-child(5), .data_list colgroup col:nth-child(6){display: none;} 	
 .data_list thead th:nth-child(4), .data_list thead th:nth-child(5), .data_list thead th:nth-child(6){display: none;}
 .data_list tbody td:nth-child(4), .data_list tbody td:nth-child(5), .data_list tbody td:nth-child(6){display: none;}
		
.table_out .data_list colgroup col:nth-child(4), .table_out .data_list colgroup col:nth-child(5), .table_out .data_list colgroup col:nth-child(6){display: table-cell;}
.table_out .data_list thead th:nth-child(4), .table_out .data_list thead th:nth-child(5), .table_out .data_list thead th:nth-child(6){display: table-cell;}
.table_out .data_list tbody td:nth-child(4), .table_out .data_list tbody td:nth-child(5), .table_out .data_list tbody td:nth-child(6){display: table-cell;}
.table_out .data_list colgroup col:nth-child(2), .table_out .data_list colgroup col:nth-child(3){display: none;}
.table_out .data_list thead th:nth-child(2), .table_out .data_list thead th:nth-child(3){display: none;}
.table_out .data_list tbody td:nth-child(2), .table_out .data_list tbody td:nth-child(3){display: none;}
.table_out .data_list tbody td button.BtnDtlView span
 		{display: block; height: inherit; width: inherit; font-size: 7px; line-height: 1; padding: 3px 0px;}
.table_out .data_list tbody td button.BtnDtlView, .table_out .data_list tbody td button.Btndown
 { background: none; width: 30px; color: #5472ac; vertical-align: middle; border-radius: 6px;}
		
 /* 1-6 찾아오시는길 > 본사 */
 .car{padding-left: 105px;}
 
 /***************************************************** 2. 사이버홍보실 */
  
 /* 2-1 사이버홍보실 > 공지사항/새소식 _ 고객광장으로 이동 */
 .paging{width: auto;}
 
  /* 2-3 사보 _ 수정중*/
 .storyBox .storyLeft{width: 80%;}
 .storyBox .storyLeft img.imgSize{width: 100%; height: auto;}
 .titStory strong{font-size: 15px;}
 .storyBox .storyRight .titStory{line-height: 120p%;}
 .storyBox .storyRight .titStory p{font-size: 10px !important;}
 
 
 
 /***************************************************** 3. 고객광장 */
    
 /* 3-1 개인정보권리행사 > 개인정보권리행사안내 */
 .flowchart ol>li{width: auto; padding: 5px 5px;}
 
 /* 3-1 개인정보권리행사 > 개인정보 처리요구 _ jsp 수정 (ip/main.jsp) */
 .ipText{font-size: 10px;}
 .ipRadio{font-size: 10px;}
 .h5Tit.bul{font-size: 12px;}
 
 /* 3-1 개인정보권리행사 > 개인정보 처리결과 확인 */
 .ipin img{width: 70%; margin:10px 0px;}
.ipin_new {width:100%; box-sizing:border-box;}
 .ipin_new li, .ipin_new li.rt{float:none; width:100%; background-position:50% -300px;}
 .ipin_new li.ct {display:none;}
 .ipin_new li p{width:auto;}
 .overseasTxt {font-size: 12px; line-height: 20px;} 
  
 /* 3-3  교육기부 및 견학신청 > 신청 */
 .BigCalendar table div.dateTitle{font-size: 8px; text-align: center;}
 .BigCalendar table td ul li{font-size: 8px;}
 
 /* 3-5 남동사우방  */
 .login_area .login_box dl{width: 90%;}
 .login_area .login_box dt{width: 27%; height: auto;}
 .login_area .login_box dd{width: 68%; height: auto;}
 .login_area input[type="text"], .login_area input[type="password"]{width: 100%; height: auto;}
 .login_area .login_box .login_guide .btn_manual{position: relative; left: 0px; top: 0px;}
 
 
 	
 	
 /***************************************************** 4. 지속가능경영 */
 /* 4-1 지속가능경영 */
 
 /* 4-3 사회공헌 > 봉사활동소식 > 모금내역 */
 .group .search_area{position: relative; right: 0px;}
 
 /* 4-5 환경경영 > 환경방침 */

 /***************************************************** 5. 청렴반부패센터 */
 
/*  /* 5-1 업무추진비 > 업무추진비공개 */
 .data_list button.Btndown{width:50px; height: 18px; background-size: contain;} */
  
 /* 5-3 신고센터 > 부정청탁신고센터 > 법 제도 안내 > 관련법령 */
 .ListArd li{height: auto !important;}
 	
 /* 5-5 윤리경영 > 윤리경영소개 > 관련사이트 */
 .siteBox div.img{float: inherit; width: auto; text-align: center;}
 .siteBox div.img img{widows: 50%;}
 .siteBox dl dt{text-align: center}
 
 /* 5-5 윤리경영 > 윤리경영활동 > 캠페인 */
 .campaign li{float: inherit; margin: auto; width:100%; text-align: center; padding: 0px; border-bottom: 1px solid #e5e5e5;}
 .campaign li:first-child{padding: 0px;}
 .campaign li.last{margin-top: 30px;}
 .campaingWrap .campaign img{width:80%;}
 
 
 /* 지속가능경영보고 모바일 페이지 */
div.headcopy + article img {width:100%;}

.m_next_con_pc {width:100%; margin:10px 0px;}
.d_start1_pc {background:url('/kosep/pb/fr/images/mobileSub/bg_customerProposal_mobile.gif') no-repeat; width:158px; height:158px; margin:0 auto;}
.d_start2_pc {background:url('/kosep/pb/fr/images/mobileSub/bg_customerProposal_mobile.gif') 0 -196px no-repeat; width:158px; height:158px; margin:0 auto;}
.d_start3_pc {background:url('/kosep/pb/fr/images/mobileSub/bg_customerProposal_mobile.gif') 0 -392px no-repeat; width:158px; height:158px; margin:0 auto;}
.m_next_con_textbox {width:140px; text-align:center; color:#000; margin:0 auto;}

/* 본사시설물이용안내 */
.m_next_con {float:left; width:50%; margin:10px 0;}
.d_start1 {background:url('/kosep/pb/fr/images/mobileSub/bg_facilityVisit_mobile.gif') no-repeat; width:140px; height:140px; margin:0 auto;}
.d_start2 {background:url('/kosep/pb/fr/images/mobileSub/bg_facilityVisit_mobile.gif') 0 -172px no-repeat; width:140px; height:140px; margin:0 auto;}
.d_start3 {background:url('/kosep/pb/fr/images/mobileSub/bg_facilityVisit_mobile.gif') 0 -344px no-repeat; width:140px; height:140px; margin:0 auto;}
.d_start4 {background:url('/kosep/pb/fr/images/mobileSub/bg_facilityVisit_mobile.gif') 0 -516px no-repeat; width:140px; height:140px; margin:0 auto;}
.m_next_con_textbox {width:140px; text-align:center; color:#000; margin:0 auto;}
.m_next_con_textbox dl {margin-top:10px;}
.m_next_con_textbox dt {font-weight:bold;}

/* 예약 달력 */
.mobile_vb_380 {display:block;}
button.Btnreserv_m {padding:2px 2px; font-size:8px; width:100%;}
.BigCalendar table td ul li {padding:4px; height: 40px;}
.BigCalendar table td p {padding:0; line-height:15px;}
.BigCalendar table div.dateTitle {font-size:8px; text-align:center;}

/* 개인정보 권리행사 안내 */
.flowchart {width:100% !important;}
.contents .conbox .sTitle {text-align:center; margin-top:10px;}
.flowchart ol>li {margin:0 auto;}

  /* 남동사우방  */
.login_area .login_box {padding:0px;}
.login_area .login_box .div_liginBox {width:90%; margin:20px auto 0px auto; text-align:center;}
.login_area .login_box .login_guide {width:90%; margin:20px auto; border-bottom:none;}
.login_area .login_box dl {margin:auto; text-align:left;}
.login_area .login_box .guideTxt {display:inline-block;}
.login_area .login_box .div_input {display:inline-block; width:100%}
.login_area .login_box .div_loginButton div {width:127px; height:30px; margin-top:10px; display:inline-block; line-height:31px; border-radius:6px; font-size:15px; font-weight:bold; color:#fff;}
.login_area .login_box .div_loginButton div.login_div {background-color:#e60012;}   
.login_area .login_box .div_loginButton div.join_div {background-color:#272727;}   
.login_area .login_box .btn_login, .login_area .login_box .btn_join {position:relative; left:0px; top:0px;}

.mobile_vb_650 {display:block;}
.mobile_invb_650 {display:none;} 

.guide_mobile li {width:inherit;}
.guide_mobile {background:none; padding:0px; display:inline-block; text-align:center; color:#000;}
.guide_mobile dt {font-weight:bold;}
.guide_mobile div {width:155px; height:138px; margin:0 auto;}
.guide_mobile .guide1 {background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px 9px;}
.guide_mobile .guide2 {background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -141px;}
.guide_mobile .guide3 {background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -289px;}
.guide_mobile .guide4 {background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -440px;}
.guide_mobile .guide5 {background:url(/kosep/pb/fr/images/mobileSub/bg_namdongVisit_mobile.gif) no-repeat 18px -592px;}   

div.thumbList {text-align:center;}
div.thumbList dl {margin-top:10px; position:static;}
div.thumbList dt {text-align:center;}
div.thumbList dd {text-align:left;}
div.thumbList ul {position:static;}

div.guideBox {background:none; height:auto;}
div.guideBox img {width:100%; padding:20px 0px;}
 
 /* 기업민원 보호.서비스 헌장_201223 추가 */
.h3Tit_B {margin-top:20px; font-size:26px;}
.h3Tit_B::after {display:none; }

.Stit_B {height:40px; font-size:18px; margin:20px 0;}
.Stit_B::before, .Stit_B::after {display:none;}
.Stit_B>strong {margin-top:0;}

.sub_txt {font-size:14px; line-height:21px;}
.sub_textBox {margin-top:20px; font-size:14px;}
.sub_textBox li {padding-top:7px; padding-left:50px; line-height:22px;}
.sub_textBox li>strong {padding-left:7px; padding-top:10px;font-size:14px; margin-left:-60px; }

a.BtnDown_bl1, a.BtnDown_bl2 {font-size:14px;}

.viewMovie3 .screen3 {width:320px; height:180px;}
/* .viewMovie3 .gallery_list3.btnPlus3 > li {width: 30%;} */
.viewMovie3 .gallery_list3.btnPlus3 > li > a {line-height: 30px;}
 
/* 인턴경력증명서_210727 추가*/
.headcopy2 img {width:100%;}
.txtBox01 {padding:7px 10px; border-radius:0;}
.Detpbul4 li {font-size:0.88em; margin:5px 0; line-height:140%; background:url(/kosep/pb/fr/images/common/content_arrow3.gif) 0 7px no-repeat; }
.stepBox {line-height:23px;}
.stepBox dl {width:100%; height:25px; margin-right:0; margin-bottom:10px;}
.stepBox dl::after{content: '';position: absolute; bottom:-36px; left: 45%; -ms-transform:rotate(90deg); transform:rotate(90deg); background-size:60%;}
.stepBox dt {position:absolute;  right:55%; padding:0 20px; font-size:1.1em;}
.stepBox dd {position:absolute;  left:45%; padding:0 20px; font-size:0.95em;}
p.sb_txt {padding:0; font-size:0.84em;}
 	
/* 불법.불공정하도급 신고_210901 추가 */
.stepLst {}
.stepLst > li {width:calc(100% - 2px); margin-left:0; min-height:0; margin-bottom:30px;}
.stepLst > li:not(:first-child) {float:left; width:calc(100% - 2px);}
.stepLst > li:not(:last-child)::after {right:50%; left:50%; top:45px; transform:rotate(90deg);}

.stepLst > li > span {margin:10px 15px;}
.stepLst > li ol.leftBox1 { margin:10px 5px;}

.selectBox {width:100%; margin:0;}
.selectBox > li {float:left; width:100%; box-sizing:border-box; }
.selectBox > li + li {width:100%; margin-left:-1px; margin-top:-1px;}
.selectBox > li a {float:left; width:100%; background-size:40px; background-position:right 20px bottom 20px; min-height:auto;}
.selectBox > li a:hover {background-size:40px;}
.selectBox > li > a strong {text-align:left; padding:0px 15px; font-size:17px;} /*210913 수정*/
.selectBox > li a .Cabul3 {float:left; padding:12px 15px 5px; margin-bottom:15px;} /*210913 수정*/
.selectBox > li a .Cabul3 > li {float:left; width:100%; margin:0; font-size:14px; line-height:22px; padding-left:20px; background-size:12px; background-position:left 7px ; letter-spacing:-1.0px; box-sizing:border-box;}
.selectBox > li > a .Cabul2 {width:100%; margin-top:5px; margin-left:-10px;}
.selectBox > li > a .Cabul2 li {font-size:13px; margin:0px 0; padding-left:8px; background:url(/kosep/pb/fr/images/common/content_arrow3.gif) 0 10px no-repeat; }
 
/* 211018 추가 */
.picView {padding:30px 25px 100px 25px; height:170px; background-size:cover; background-position:center; }
.picView > p {font-size:17px; line-height:24px; letter-spacing:-1px;}
.picView > span {font-size:13px;}

.subLink li {width:100%;  height:60px; line-height:60px; margin-left:0; margin-bottom:10px; height:50px; line-height:50px; }
.subLink li a {font-size:1em; letter-spacing:0;  padding:0 15px;}
.subLink li a::after {right:15px; background-size:80%; background-position:bottom;}
.subLink li a:hover::after {right:15px; background-size:80%; background-position:bottom;}

/*2022. 08. 16. 정보공개 추가 */

	.mo {display:block;}
	h3._stitType01 {font-size:15px;}
	h4._stitType02 {font-size:12px;}
	table.tbl_new_type01 th,
	table.tbl_new_type01 td {padding:10px 0;font-size:13px;}
	.satisfaction {padding:30px 0 0 0;}	
	.satisfaction ._inner ._part ul li,	
	.satisfaction ._inner ._part {height:40px;line-height:40px;}
	.satisfaction ._inner ._part ul li span.tel_number, 
	.satisfaction ._inner ._part ul li span.part_name {font-size:13px;}		
	._inpType_01, 
	._inpType_02, 
	._selectType01 {height:35px;line-height:35px;width:100% !important;}
	.satisfaction ._inner ._part ul li._bg_part {background:url('../../static/img/sub/icon_part.png') 10px no-repeat;padding:0 0 0 30px;background-size:14px;}
	.satisfaction ._inner ._part ul li._bg_tel,
	.satisfaction ._inner ._part ul li._bg_part {margin:0;}
	.satisfaction ._inner ._part ul li._liner {display:none;}
	.satisfaction ._inner ._part ul li._bg_tel {padding:0 0 0 25px;background:url('../../static/img/sub/icon_phone.png') 10px no-repeat;background-size:14px;}
	._inpType_01 {width:100%;}
	._btnType_01 {margin-top:10px;width:100%;}	
	
	.tabType01._tap02 ul li {width:50%;}
	.tabType01._tap02 ul li button {height:48px;font-size:14px;}
	
	.display_b {padding-top:2px;}
	h3.h3_tit {font-size:19px;padding-top:28px;line-height:1.5;}
	h3.h3_tit ._aqua {display:none;}
	
	p.sub_title {padding-top:42px;}
	
	.foldNavi {padding:15px;}
	.foldNavi .link_wrap {padding:15px;}
	.foldNavi .link_wrap ul li {width:100%;}
	.foldNavi .link_wrap ul li i {margin-left:7px;}
	
	.bbsTyp_01_wrap .searchType_01 {float:none;margin-top:10px;}	
	
	.tabType01._tap01 ul.gradation {float:left;width:100%;display:inline-block;}
	.tabType01._tap01 ul.gradation li {flex:0;float:left;position:relative;width:50%;box-sizing:border-box;margin:0;}
	.tabType01._tap01 ul.gradation li.on {z-index: 2;}
	.tabType01._tap01 ul.gradation li button {border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(255,255,255,0.2);}

	.bbsTyp_01_wrap .t_wrap .total {display:none;}
	
	._inpType_01, ._inpType_02, ._selectType01 {margin-top:5px;}
	.tabType01._tap02 {padding:0 0 24px 0;}
	
	/* 2022-08-30 적극행정 */	
	._shadowBox ._inner {margin-top:-39px;}
	._shadowBox ._inner i.man {top:-73px;}	
	._shadowBox ._inner i.man img {width:57px;}
	._shadowBox ._inner ul._actI li {padding-top:4px;}
	
	/* 개인정보처리방침 2022-10 */
	.h3Tit_N {font-size:20px; line-height:26px; padding:5px 0;}		
	.h4Tit_t {font-size:15px; }
	
	.btnDownA {font-size:14px; letter-spacing:-1px; text-aling:center; padding:6px 30px 8px 12px;}
	.btnDownA {background-position:right 12px top 12px; background-size:12px;}
	.btnDownB {margin:0 0 0 7px; padding:0px 8px 1px 20px; font-size:13px; letter-spacing:-1px;}
	.btnDownB {background-image:none; background-position:inherit;}
	
	.mainList ul li a {font-size:15px; letter-spacing:-0.5px; line-height:20px; height:50px; padding:100px 5px 0 5px; background-position:center 25px; background-size:55px;}	
	
	.subDetail {font-size:14px; line-height:23px;}	
	.subDetail > ol li > p {margin-bottom:5px; line-height:23px;}	
	.subDetail > ol li > ol.lst_o1 {margin-left:20px;}
	.subDetail > ol li > ol.lst_o1 li {padding-left:17px; text-indent:-17px;}
	.subDetail > ol li > ol.lst_o3 {margin-left:18px;}
	.subDetail > ol li > ol.lst_o3 li {padding-left:20px; text-indent:-20px;}
	.subDetail > ol li > ul.lst_u1 li {padding-left:10px; text-indent:-10px; line-height:22px;}
	.subDetail > ol li > ul.lst_u2 {margin-left:20px;}
	.subDetail > ol li > ul.lst_u2 li {padding-left:10px; text-indent:-10px; line-height:22px;}
	
	.open_lst thead th, .open_lst tbody td {line-height:20px;}
	
	.timeLN_box {width:400px;height:526px;}
	.timeLN_close {width:38px;height:38px;line-height:38px;right:-5px;}	
	
	/*경영공시 Alio 2022-11-21*/
	.h3_alio {margin-left:16px;}
	.publicListWrap .btn_DrAlio {margin-top:0;}
	.publicListWrap .btn_DrAlio ul {gap:0;display:block;}
	.publicListWrap .btn_DrAlio ul li {width:100%;height:60px;line-height:60px;}
	.publicListWrap .btn_DrAlio ul li:last-child {margin-top:7px;}	
	
	.publicListWrap .txt_etc_line {margin-top:15px;}
	
	.publicListWrap .innerList01 h4 {height:55px;line-height:55px;padding-left:15px;}
	.publicListWrap .innerList01 h4 i.subject01, .publicListWrap .innerList01 h4 i.subject02, .publicListWrap .innerList01 h4 i.subject03	{width:40px;height:40px;}
	.publicListWrap .innerList01 h4 i.subject01 {background-size:55%;}
	.publicListWrap .innerList01 h4 i.subject02 {background-size:55%;}
	.publicListWrap .innerList01 h4 i.subject03 {background-size:55%;}
	.publicListWrap .innerList01 .publicList > ul > li {width:100%;}	
	.txtBox_M.txt_box_area {padding:15px;margin-top:0px;}
	.txtBox_M.txt_box_area .imgA img {display:none;}
	.txtBox_M.txt_box_area .txtA {width:100%;}	

}