@charset "utf-8";

table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0; }

table {border-collapse: collapse; border-spacing: 0; }
caption, legend {width:0;height:0;font-size:0;color:transparent;line-height:0;}
fieldset { margin:0; padding:0; border:none;}



/*공백*/
.gap5 {height:5px;clear:both;overflow:hidden;}
.gap10 {height:10px;clear:both;overflow:hidden;}
.gap15 {height:15px;clear:both;overflow:hidden;}
.gap20 {height:20px;clear:both;overflow:hidden;}
.gap25 {height:25px;clear:both;overflow:hidden;}
.gap30 {height:30px;clear:both;overflow:hidden;}
.gap35 {height:35px;clear:both;overflow:hidden;}
.gap40 {height:40px;clear:both;overflow:hidden;}
.gap50 {height:50px;clear:both;overflow:hidden;}
.gap60 {height:60px;clear:both;overflow:hidden;}
.gap70 {height:70px;clear:both;overflow:hidden;}

/* 법인소개 0602 */
.comp-about-list { clear:both; margin-top:70px;}
.comp-about-list dl { margin-bottom:10px; display: flex; justify-content: flex-start; align-items:center; border:1px solid #c5c5c5;}
.comp-about-list dt { float:left; width:215px; height:55px; background:#61b8cf; color:#fff; display: flex; justify-content: center; align-items:center; font-weight:500;}
.comp-about-list dd { width:auto; padding-left:20px; box-sizing:border-box;}
.comp-about-list dd span { position:relative; padding-right:10px;}
.comp-about-list dd span:before { content:'ㆍ'; font-weight:600; font-size:18px; display:inline-block;}


.h4-title { font-size:24px; color:#000; position:relative; padding-left:25px; line-height:200%;}
.h4-title:before { content:''; position:absolute; left:0; top:50%; margin-top:-11px; background:url(../../images/mtl01r-21-0083/sub/sub_bullet.jpg) left center no-repeat; width:14px; height:22px;}


/* 테이블 A 타입 롤hover */
.tbl-wrap { border-top:2px solid #2b3373; overflow-x: auto;}
table.tbl-A { width:100%; box-sizing:border-box; }
table.tbl-A thead th { padding:5px 10px; background:#eff7fb; height:45px; color:#000; font-weight:500; font-size:15px; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
table.tbl-A tbody th {padding:0 10px; background:#f2f4f8; color:#333; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; }
table.tbl-A tbody td { padding:0 10px; color:#333; font-weight:300; height:50px; border-right:1px solid #b2b2b2;  border-bottom:1px solid #b2b2b2;}
.nonlie { border-right:none !important;}
.noline { border-right:none !important;}
.rightline { border-right:1px solid #b2b2b2;}
.tbl-tcenter th, .tbl-tcenter td { text-align:center;}
table.tbl-A tfoot {padding:5px 10px; background:#eff7fb; height:45px; color:#000;border-bottom:1px solid #b2b2b2; }
table.tbl-A tfoot th, table.tbl-A tfoot td { font-weight:600; }

.txt-blank { padding-bottom:20px;}
.icon-dot-round { font-size:30px; font-weight:700; display:inline-block; line-height:100%;}
.icon-dot-triangle { font-size:20px; font-weight:700; display:inline-block; line-height:100%;}

.tc-red { color:#dc0000;}

/* 블릿 */
.bullet-A { }
.bullet-A li { position:relative; padding-left:20px; color:#000; font-size:15px; line-height:160%; margin-bottom:10px;}
.bullet-A li:before { content:''; position:absolute; left:0; top:3px;color:#000;}
.bullet-A li span { display:inline-block; width:15px;  position:absolute; left:0; top:4px;color:#000;}

.bullet-B { }
.bullet-B li { position:relative; padding-left:20px; color:#000; font-size:15px; line-height:160%; margin-bottom:10px;}
.bullet-B li:before { content:'ㆍ'; position:absolute; left:0; top:3px;color:#000;}
.bullet-B li span { display:inline-block; width:15px;  position:absolute; left:0; top:4px;color:#000;}

.bullet-C { }
.bullet-C li { position:relative; padding-left:15px; color:#000; font-size:15px; line-height:160%; margin-bottom:10px;}
.bullet-C li:before { content:''; position:absolute; left:0; top:3px;color:#000;}
.bullet-C li span { display:inline-block; width:15px;  position:absolute; left:0; top:4px;color:#000;}

.bullet-C li .bullet-C-2 { padding-left:20px; padding-top:5px;}
.bullet-C li .bullet-C-2 li { padding-left:0; margin-bottom:0;}
.bullet-C li .bullet-C-3 { padding-left:20px;}


.cr { clear:both;}
.fl { float:left;}
.fr { float:right;}


/* 직무고시 현황*/
.sub2-2conts { clear:both;}
.sub2-2conts ul {display: flex; flex-wrap: wrap;}
.sub2-2conts ul li { float:left; flex: 0 0 calc(33.333333% - 15px); margin-right:20px;}
.sub2-2conts ul li:nth-child(3n+3) { margin-right:0;}
.sub2-2conts ul li span { display:block; text-align:center;}
.sub2-2conts ul li span:nth-child(1) { border:1px solid #cdcdcd; padding:40px 0; margin-top:25px;}
.sub2-2conts ul li span:nth-child(2) { padding:10px 0;}


/* 전기정보 > 직무고시 */
.sub3-titleback-1 { clear:both; min-height:165px; text-align:center; background:url(../../images/mtl01r-21-0083/sub/sub3-1-background1.jpg) center no-repeat; background-size:cover; margin-bottom:50px;     padding-top: 3%;}
.sub3-titleback-1 span { display:block; line-height:150%;}
.sub3-titleback-1 span:nth-child(1) { font-size:30px; color:#2b3373; font-weight:600;}
.sub3-titleback-1 span:nth-child(2) { font-size:22px; color:#333; font-weight:400;}

.sub-downloadbtn2 { float:right; background:#222b6e; border-radius:30px; min-height:50px; padding:0 30px; color:#fff; display:table;}
.sub-downloadbtn2 a { display:table-cell; vertical-align:middle; font-size:14px;}

.sub3-1conts { clear:both; padding-top:20px;}
.sub3-1conts dl { margin-bottom:30px;}
.sub3-1conts dl dt { font-size:20px; color:#000; font-weight:600;}
.sub3-1conts dl dd { font-size:16px; color:#333; font-weight:400; line-height:180%;}

.sub3-1conts .bullet-B { padding-top:10px;}
.sub3-1conts .bullet-B li { font-size:16px; }
.sub3-1conts .bullet-B li p { line-height:170%;}

.boxcolor-A { background:#f5f5f5; padding:30px 40px;}
.sub3-1conts .boxcolor-A dl { margin-bottom:0;}

.sub3-4conts { background:#f5f5f5; padding:30px 20px; text-align:left; line-height:150%;}




@media only screen and (max-width:768px) {

/* 법인소개 0602 */
.comp-about-list { clear:both; margin-top:70px;}
.comp-about-list dl { margin-bottom:10px; display: block; justify-content: flex-start; align-items:center; border:1px solid #c5c5c5;}
.comp-about-list dt { float:left; width:100%; height:55px; background:#61b8cf; color:#fff; display: inline-flex; justify-content: center; align-items:center; font-weight:500;}
.comp-about-list dd { width:100%; padding:20px; box-sizing:border-box; clear:both;}

.sub2-2conts ul li { flex: 0 0 calc(50% - 10px);}
.sub2-2conts ul li:nth-child(3n+3) { margin-right:20px;}
.sub2-2conts ul li:nth-child(2n+2) { margin-right:0;}

.sub3-titleback-1 { margin-bottom:0; background-size: contain;}
.h4-title { font-size:20px; line-height:130%;}


}