@charset "utf-8";
@import "reset.css";

/* 프린트 설정 */
@media print {
	a[href]:after {
		content:none !important;
		visibility:hidden;
	}
}	
	
 /* 로케이션 */
#locationDiv{ width:100%; min-width:1140px; height:35px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background:#f6f6f6; }
#locationDiv .locationDivWrap {width:1140px; margin:0px auto 0;}
.locationDivWrap .location { background:url(/images_new/common/an_location.png) no-repeat 0px 10px; padding-left:10px; }
.locationDivWrap span {height:40px; line-height:35px;display:inline-block; margin-right:10px;  }
.locOnPage { font-weight:bold; }

 /* 테이블 */
#contents table { clear:both; width:100% !important; border-top:2px solid #4C63A3; background:#fff; margin-bottom:30px;font-size:14px;}
#contents th {background:#f4f9fd; border-right:1px solid #dee2f1; text-align:left; line-height:130%; vertical-align:middle; padding:12px 0; border:none; border-bottom:1px solid #c9d1e9; color:#4C63A3;}
#contents td, #contents tbody td {border-right:1px solid #dee2f1; line-height:130%; padding:12px 0; border-bottom:#dee2f1 solid 1px; background:#fff; 
word-break:break-all; word-wrap : break-word; text-align:justify;}
.tableInfo {margin:30px 0 10px;color:#666; font-size:14px; }

#contents .defaultTable table, #contents #ceContents table {  border-top:2px solid #4C63A3 !important; }

#contents .indexTable table { clear:both; margin: 0 auto;  border-top:0px solid #565d65; background:#fff; margin-bottom:30px;font-size:14px; max-width:800px; margin-top:30px;}
#contents .indexTable th div { height:100%; height:100%; font-weight:normal; background:#f7f7f7; line-height:30px; text-align:center;color:#aaa;border: 1px solid #ddd;border-radius: 50%;}
#contents .indexTable th {width:120px; height:120px; background:#fff;  border-bottom:#ddd solid 0px;}
#contents .indexTable td {  border-bottom:#ddd solid 0px; text-align:center;}
#contents .indexTable ._on { color:#fff; background-color:#5e616a; border:#5e616a solid 1px; }


#contents .listTable th { text-align:center;  }
#contents .listTable .tdTitleH { display:inline-block; padding-top:25px; padding-bottom:7px;}
#contents .listTable  tr:hover td, #contents .listTable  tr:hover td a{ background-color:#fdf9f4; color:#4C63A3; }

#contents .viewTable table { border-right:2px solid #fff; border-top:2px solid #dee2f1; }
#contents .viewTable .viewListTb:hover { background-color:#e9f7e8 !important; }
#contents .viewTable .viewTableBody {padding:40px 10px;}
#contents .viewTable td > span {margin-right:30px;}
#contents .viewTable th { text-align:center;  }

.sectionDiv {margin-bottom:50px; white-space: pre-line;}
.sectionDiv h4 {font-size:16px; margin-bottom:10px; }
.sectionDiv .sectionImg {width:100%; max-width: 1140px;}

#contents .planTable th { text-align:center; font-size:20px; }
#contents .planTable .tdTitleH { display:inline-block; padding-top:25px; padding-bottom:7px;}
#contents .planTable {min-height:450px;}

 /* 신청양식 테이블 */
#contents .formTable .tdCheck{ background:url(/images_new/common/ico_checkRed.png) no-repeat 10px 47%; padding-left:25px; }
#contents .formTable table { clear:both; width:100%; border-top:#565d65 solid 2px; border-bottom:#565d65 solid 1px; background-color:#f9f9f9; border-right:#fff solid 2px; margin-bottom:0px; }
#contents .formTable th { min-width:60px; text-align:center; border-bottom:#ddd solid 1px; padding:10px; vertical-align:middle;}
#contents .formTable td { background-color:#fff; font-weight:normal;  border-bottom:#ddd solid 1px; padding:2px 7px 9px; vertical-align:middle; }
#contents .formTable td input ,#contents .formTable td select {margin:7px 0px 0px 3px;}
#contents .formTable td img {margin:7px 0px 0px 3px;}
#contents .formTable td input[type="radio"], #contents .formTable td input[type="checkbox"] {height:15px !important; width:25px !important;  border:#ddd solid 1px !important; line-height:20px; }

#contents .formTable textarea{ height:200px; margin:7px 0px 0px 3px; }
#contents .formTable .txCmt { display:inline-block;padding-top:5px;}

/* 해외지원 Q&A */
#pubMngContainer {width:870px; margin:0;}	/* 컨테이너 */
#pubMngContents { width:887px;}

#pubMngContents h1 {font-size:24px; padding:40px 0 10px; line-height:24px; text-align: center;}
#pubMngContents h1 span {padding-bottom:0px;}
#pubMngContents .h1SubTx {color:#939393; padding-bottom:10px;}

#pubMngContents h2 {font-size:18px; padding:40px 0 10px; line-height:24px; color:#4C63A3; }
#pubMngContents h3 { padding:0 0 0 30px !important; height:35px; line-height:34px !important; color:#fff; background:url(/images_new/common/icoBbsDocW.png) no-repeat 10px 10px; background-color:#4B86B9; font-size:15px; }

#pubMngContents .formTable { padding:0px 10px 70px 10px; height:400px; }
#pubMngContents .pubMngTableInfo p { padding-left:10px; }
#pubMngContents .formTable .tdCheck{ background:url(/images_new/common/ico_checkRed.png) no-repeat 10px 47%; padding-left:25px; }
#pubMngContents .formTable table { clear:both; width:100%; border-top:#565d65 solid 2px; border-bottom:#565d65 solid 1px; background-color:#f9f9f9; border-right:#fff solid 2px; margin-bottom:0px; }
#pubMngContents .formTable th { min-width:60px; text-align:center; border-bottom:#ddd solid 1px; padding:10px; vertical-align:middle;}
#pubMngContents .formTable td { background-color:#fff; font-weight:normal;  border-bottom:#ddd solid 1px; padding:2px 7px 9px; vertical-align:middle; }
#pubMngContents .formTable td input ,#contents .formTable td select {margin:7px 0px 0px 3px;}
#pubMngContents .formTable td img {margin:7px 0px 0px 3px;}
#pubMngContents .formTable td input[type="radio"], #contents .formTable td input[type="checkbox"] {height:15px !important; width:25px !important;  border:#ddd solid 1px !important; line-height:20px; }

#pubMngContents .formTable textarea{ height:200px; margin:7px 0px 0px 3px; }
#pubMngContents .formTable .txCmt { display:inline-block;padding-top:5px;}

#pubMngContents .btnWrap .btnL {margin-right: 10px;}
.pubMngTableInfo {width:870px; border-top-style: none; padding-bottom: 5px;}


/* 게시판 페이지 네비게이션 */
.paginate_simple { width:100%; padding:20px 0 50px; text-align:center; color:#ffffff; }
.paginate_simple a, #contents .paginate_simple a:link,#contents .paginate_simple a:visited,#contents .paginate_simple a:active { cursor:pointer; }
.paginate_simple a { margin:0; padding:0; height:35px; line-height:35px; width:35px; display: inline-block; border:1px solid #ddd; background:#fff; margin-bottom:5px;}
.paginate_simple a:hover { color:#4C63A3; border:1px solid #4C63A3;  }
.paginate_simple strong { color:#fff;  height:35px; line-height:35px; width:35px;  display: inline-block; border:1px solid #4C63A3; background:#4C63A3; margin-top:-5px; }
.paginate_simple ._on  { color:#fff;  height:35px; line-height:35px; width:35px;  display: inline-block; border:1px solid #4C63A3; background:#4C63A3; margin-top:-5px; }


/* 탭 */
#contents .tab li { font-size:14px; line-height:40px; height:40px; text-align:center; display: inline; float:left; font-family: 'notokr-regular', "Malgun Gothic", "Dotum", Sans-serif;}
#contents .tab ._on { color:#fff; background-color:#4C63A3; border:#4C63A3 solid 1px; }
#contents .tab ._on a { color:#fff; }
#contents .tab li span{ display:block; color:#888896; background:#fff; margin-top:-10px;border:#ddd solid 1px;
    white-space:normal;
    word-break: break-all;
}
#contents .tab li span:hover a { color:#4C63A3; }
.tab-12 {width:100% !important; }
.tab-11 {width:20% !important; }
.tab-10 {width:14.2% !important; }
.tab-9_5 {width:22.2% !important; }
.tab-9 {width:11.1% !important; }
.tab-7 {width:16.6% !important; }
.tab-6 {width:16.6% !important; }
.tab-5 {width:19.97% !important; }
.tab-4 {width:25% !important; }
.tab-3 {width:50% !important; }
.tab-2 {width:25% !important; }
.tab-1 {width:33.33% !important; }

.ally-hidden {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0);}

/* 서브탭 */
#contents .subTab { margin:40px 0 10px 0px; }
#contents .subTab li { font-size:13px; line-height:40px; height:40px; display: inline; float:left;  font-family: 'notokr-regular';}
#contents .subTab ._on { color:#fff; font-weight:bold; background:#5e616a; border:1px solid #5e616a;}
#contents .subTab li span{ display:inline-block; ;color:#5e616a;  padding:0 18px;margin-right:3px; border:1px solid #ddd;}
#contents .subTab li span:hover {border:1px solid #888896; }
#contents .subTab li .startSpan {margin-left:-0px;}


 /* FAQ */
#contents .listFAQ { width:100%; border-top:2px solid #565d65; }
#contents .listFAQ h2 { font-size:16px; margin:40px 0 0px; border-bottom:2px solid #e7eded; }
#contents .listFAQ dl { }
#contents .listFAQ dt { padding:30px 30px 30px 50px; border-bottom:1px solid #ddd; cursor:pointer;}
#contents .listFAQ dd { padding:30px 30px 30px 70px; border-bottom:1px dotted #ddd; background-color:#f9f9f9 !important;line-height: 40px;}


 /* 하단 스크롤 */
.scrollDiv {
	background:url(/images_new/main/bgBtmScroll.png) repeat-x;
	height:32px;
	text-align:center;
	margin-top:-30px;
	margin-bottom:-30px;
	position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -62px;
}

/** 서브화면 이미지
-------------------------------------------*/
.subBG01 {background:url(/images_new/main/subBg01.jpg) top center ;}
.subBG02 {background:url(/images_new/main/subBg02.jpg) top center ;}
.subBG03 {background:url(/images_new/main/subBg03.jpg) top center ;}
.subBG04 {background:url(/images_new/main/subBg04.jpg) top center ;}
.subBG05 {background:url(/images_new/main/subBg05.jpg) top center ;}/*한번에 찾기*/
.subBG06 {background:url(/images_new/main/subBg06.jpg) top center ;}
.subBG07 {background:url(/images_new/main/subBg07.jpg) top center ;}
.subBG08 {background:url(/images_new/main/subBg08.jpg) top center ;}
.subBG09 {background:url(/images_new/main/subBg09.jpg) top center ;}
.subBG10 {background:url(/images_new/main/subBg10.jpg) top center ;}/*회원가입*/
.subBG11 {background:url(/images_new/main/subBg11.jpg) top center ;}

/** 메인화면 이미지
-------------------------------------------*/
.mainBG01 {background:url(/images_new/main/mainBg01.jpg)no-repeat ;
			background-size: cover;
}
.mainBG02 {background:url(/images_new/main/mainBg02.jpg)no-repeat ;
			background-size: cover;
}
.mainBG03 {background:url(/images_new/main/mainBg03.jpg)no-repeat ;
			background-size: cover;
}
/** 표시안함-------------------------------------------*/
#sitemapDivBG {display:none;}
#sitemapDiv {display:none;}
.flex-control-paging {display:none;}

/** 공시비교 -------------------------------------------*/
#schCBox { width:100%; margin:0px auto 0; overflow:hidden; margin-bottom:30px; }
#schCBox .col-1 { width:250px; margin:0; float:left; overflow:hidden;background:#eff8fe;  border:1px solid #ddd; }
#schCBox .col-2 { width:887px; margin:0; float:left; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }

#schCBox h3 {height:35px; padding:0 !important; color:#fff; line-height:16px !important;}
#schCBox h4 {height:25px; padding-left:5px; background:url(/images_new/common/an_leftNavOver_gray.png) no-repeat 5px 7px;  padding-left:17px;}

#schCBox .col-1 h3 { background:#1372BA; line-height:30px; }
#schCBox .col-2 h3 { background:#3DB39E; line-height:32px; }

#schCBox input[type="text"] {height:30px; width:195px; border:1px solid #696969; }
#schCBox input[type="checkbox"] {margin-top:-2px;}

#schCBox dl { margin:0; float:left; width:221px; border-right:1px solid #ddd;}
#schCBox dt{ height:30px; border-bottom:1px solid #ddd; padding: 10px 6px; color:#339786; font-weight:bold; font-size:14px;}
#schCBox  dd {height:250px; overflow-y:scroll; padding:10px 5px;}
#schOrgBox dl { width:100% !important; }
#schCBox dl:nth-child(5){border-right:none;}

#schCBox  dd li:hover { background:#f4f4f4; cursor:default; }
.schItemList ul {border-bottom:1px dotted #333; padding-bottom: 10px; margin-bottom:10px; }
#schCBox  .btnWrap { margin:0; padding:0; padding:10px 0 20px 0;}

 /* 공시비교 테이블 */
#contents .cTable table { text-align:center; border-right:2px solid #fff;}
#contents .cTable th { text-align:center; border-right:1px solid #ddd; }
#contents .cTable td { text-align:center; border-right:1px solid #ddd;}
#contents .cTable .tdTitleH { display:inline-block; padding-top:25px; padding-bottom:7px;}


/** 경영공시열람 -------------------------------------------*/
#ceBox { width:100%; margin:0px auto 0; overflow:hidden; margin-bottom:30px; }
#ceBox .col-1 { width:250px; margin:0; float:left; overflow:hidden;background:#eff8fe;  border:1px solid #ddd; border-right:0px solid #4C63A3; }
#ceBox .col-2 { width:887px; margin:0; float:left; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#ceBox .col-3 { width:247px; margin:0; float:left; overflow:hidden; background:#eff8fe;  border:1px solid #ddd; border-right:1px solid #4C63A3;  height: 35vh;}
#ceBox .col-4 { width:247px; margin:0; float:left; overflow:hidden; background:#eff8fe;  border:1px solid #ddd; border-right:1px solid #4C63A3;  height: 43vh;}
#ceBox .colbox-1 { width:250px; margin:0; padding : 1px; float:left; background:#eff8fe;}

#frameLeft { height:735px;  overflow:hidden; }
#frameSelector { height:735px;  overflow:hidden; }
#frameContents { width:887px; height:735px; }
#frameTop { width:100%; height:140px;}

#ceBoxLeft {width:320px;}
#ceBoxLeft h3 {height:35px; padding-left:10px; color:#fff; line-height:34px; background:url(/images_new/common/icoHomeW.png) no-repeat 10px 11px; background-color:#4C63A3; font-size:15px; padding-left:30px; }
#groupBox {margin: 0px; padding: 0px; height: 100vh;}
#groupBox h3 {height:35px; padding-left:10px; color:#fff; line-height:34px; background:url(/images_new/common/icoHomeW.png) no-repeat 10px 11px; background-color:#4C63A3; font-size:15px; padding-left:30px; }
#ceBoxSelector {width:250px;}
#ceBoxSelector h3 {height:35px; padding-left:10px; color:#fff; line-height:34px; background:url(/images_new/common/icoHomeW.png) no-repeat 10px 11px; background-color:#4C63A3; font-size:15px; padding-left:30px; }

#ceBoxContents { width:887px;}
#ceBoxContents  h3 { padding:0 0 0 30px !important; height:35px; line-height:34px !important; color:#fff; background:url(/images_new/common/icoBbsDocW.png) no-repeat 10px 10px; background-color:#4B86B9; font-size:15px; }
#ceBoxContents  h4 { margin:30px 0 20px; font-size:24px; }
#ceBoxContents  h5 { margin:20px 0; font-size:20px; }

#gongsiBody { overflow:hidden; }
textarea { resize:none;width:98%;margin-left: 5px; }
#ceIndex {
	padding-bottom:10px; padding-right:10px; padding-left: 3px;
	height:700px;
	width:310px;
}
#comIndex {width: 100%; padding-top:42px;
	padding-bottom:10px; padding-right:0px;
	height:400px;
}
#ceContents { padding:10px 10px 70px 10px; height:620px; overflow-y:scroll; }
#ceContents img {max-width:850px; height:auto;}
#ceContents .imageCi {max-width:300px; height:auto; }

 /* 경영공시열람 테이블 */
#ceBoxContents  table { width:99.8%; border-left:1px solid #dee2f1; padding-left:0.1%;}
#ceBoxContents thead td, #ceBoxContents th { text-align:center !important; border-right:1px solid #dee2f1; background:#f6f6f6; font-weight:bold;}
#ceBoxContents td { text-align:center; border-right:1px solid #dee2f1 !important;}
#ceBoxContents .ceTxBox { line-height:25px; border:1px solid #dee2f1; padding:10px;  }

#ceBoxContents  .defaultTable table { border-top:1px solid #dee2f1; border-left:1px solid #dee2f1; }
#ceBoxContents .ceToolBox img {padding: 4px 10px 0 5px !important; display:none;}

#ceBoxContents .ceFileBox {background:#f6f6f6; padding:10px 13px; border-bottom:1px solid #ddd; }
#ceBoxContents .ceFileBox label {display:inline-block; width:10%; background:url(/images_new/icon/ico_doc.png) no-repeat 0px 4px;  padding-left:20px; font-weight:bold; }
#ceBoxContents .ceFileBox  select { width:45%;  }
#ceBoxContents .ceFileBox { display:none; }

#contents .section { padding:30px 0; }
#contents .section h2 {margin:0; padding:0; margin-bottom:20px; font-size:24px; color:#30787d;}

/** 이메일수집거부 -------------------------------------------*/
#noMailPopup{width: 400px;height: 400px;margin:0 auto;}
#noMailPopup img{width: 400px;height: 400px; }
#noMailPopup #closed:hover{cursor: pointer;}
#noMailPopup #closed span{}

/**sbChart 기준선 -------------------------------------------*/
.chartToolBox {margin-right:1px;}
.chartToolBox select {width:120px;}
.chartToolBox .txStrongColor {display:inline-block; margin:5px 10px 0 0; }

.tab-content table {width:1100px;}

/** 용어사전 -------------------------------------------*/
#helpDiv { padding:30px; min-width:690px; position:relative;}
#helpDiv h1 { margin-bottom:10px; font-size:24px; padding-bottom:10px;  border-bottom:2px solid #565d65; }
#helpDiv h2 { margin-bottom:15px; font-size:18px; font-weight:normal; border-bottom:1px solid #ddd; width:160px; padding-bottom:15px; }
#helpDiv .paginate_simple {margin:0; padding:10px; }

#schHelpBox { position:absolute; margin:-50px 0 0 120px;}
.abposition{position:absolute; top:30px; right:30px;}

 /* 용어사전 */
#helpContents { width:100%; margin:0px auto 0; overflow:hidden; border:1px solid #ddd; border-top:2px solid #4C63A3; height:380px; }
#helpContents .col-1 { width:20%; max-width:180px; height:100%; margin:0; float:left; overflow:auto; padding:0; background:#f4f9fd; border-right:1px solid #dee2f1; }
#helpContents .col-2 { width:74%; margin:0; float:left; overflow:auto; padding:10px; }
#helpContents li {padding:0 10px; cursor:pointer; }
#helpContents li:hover { background:#4C63A3; color:#fff;}
#helpContents li:hover a{ color:#fff; }

#helpContents ._on { background:#4C63A3; color:#fff; }
#helpContents ._on a{ color:#fff; }

/** 슬라이드 공통 -------------------------------------------*/
.slides > li {
 transition: opacity 1.5s ease;
}
.slides a:focus-visible {
outline:3px solid #f90808;
}
#main01 .mainVisual li >span {text-indent: -9999px;}


#schBox select {width:135px;}
#schBox .sbux-inb-input {width:178px !important;}

/*셀렛트 레이블 감추기*/
#schBox label, .mainSchBox label, .tableInfo label, .formTable label, #ceContents label{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}
.mainSchBox .labelH{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}
#schBox #gongsiCompareForm label, .label_view{
	position: relative !important;
	text-indent:0 !important;
	width:auto !important;	
    height: auto !important;
}



 /* 텍스트 길이 조정 추가 */
.txOverflow {display:inline-block; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
.w200px {width:200px;}  /* 메인화면 최근글보기 폭 */
.w485px  {width:485px;}  /* 주요수시공시 목록보기 타이틀 폭 */
.wPC {width:1140px;} /* 모바일 PC화면 보기 */

#loading { position: absolute; top: 45%; left: 50%; z-index: 999; background:url(Spinner.gif) no-repeat; width:72px; height:72px;}

/* 20180312 hj : portal 작성기준 */
#ceContents h6 {font-size:17px; color:gray;}

@media screen and (max-width: 1024px) {
#locationDiv{min-width:1024px;}
.wPC {width: 1024px;}
.tab-6 {width: 16.65% !important;}
.tab-7 {width: 16.65% !important;}
#ceBox .col-2{width:770px;}
#frameContents {width: 770px;}
}

@media screen and (max-width: 800px) {
#locationDiv{min-width:800px;}
.wPC {width: 800px;}
#contents .tab li span{    
	/*height: 55px;
    line-height: 1.5;
    padding-top: 13px;*/
    }
#pt5{padding-top: 5px !important;}
}

@media screen and (max-width: 770px) {
#ceBoxContents {width: 770px;}
}

@media screen and (max-width: 768px) {
#locationDiv{min-width:768px;}
.wPC {width: 768px;}
#ceBox .col-2{width:516px;}
#frameContents {width: 518px;}
#ceBoxContents {width: 518px;}
}

@media screen and (max-width: 550px) {
	#ceBoxContents {width: 550px;}
}

.searchWrdInput { width:170px;margin-right: 6px; }