@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 




* {margin:0; padding:0; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
}

html,body {
	width: 100%;
	height:100%;
	background: white;
	font-family:'Noto Sans KR','sans-serif';
	color:#636363; 
	font-weight:300; 
	font-size: 16px;
	letter-spacing:-0.02em;
}
ol, ul, li {list-style: none;}
a {text-decoration:none !important; border:none;}
input,select,button,label {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0}
h1{line-height:0;}
img,hr,button {border:0;}

#header {width: 100%; height: 71px; background: url(/images/info21c/information/hd_bg.png) repeat-x; position: absolute; top: 0; z-index: 10;}
.wrap {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
#header h1 {
    position: absolute;
    top: 20px;
}

#header .nav {position: absolute; right: 0;}
#header .nav a {color: #fff;}
#header .nav li {float: left;color: #fff;}
#header .nav .gnb {float: right; margin-top: 25px; font-size: 15px; font-weight: 400;}
#header .nav .gnb li {padding-left: 20px;}
#header .nav .gnb li > span {font:15px Roboto;font-weight:500;}

#container {
    clear: both;
    width: 100%;
	min-height:500vh;
}
#main_visual {width: 100%; height: 726px; min-height: 726px; background: #ccc; position: relative; overflow: hidden;text-align:center;}
#main_visual .txt_box .mySlides .txt1 {font-size: 55px; font-weight: 500;}
#main_visual .txt_box .mySlides .txt2 {font-size: 22px; font-weight: 100; margin-bottom:80px;}
#main_visual .txt_box .mySlides .txt3 {width:88px;margin: auto;font-size: 18px; font-weight: 100;height:40px;border-bottom:1px solid #aeb6bd;}
#main_visual .txt_box .mySlides .txt3 > a{color:#fff;}
#main_visual .txt_box .mySlides .visual_01 {height:726px; background: url('/images/info21c/information/vi_back01.jpg') no-repeat center; background-size: cover; }
#main_visual .txt_box .mySlides .visual_02 {height:726px; background: url('/images/info21c/information/vi_back02.jpg') no-repeat center; background-size: cover; }


#main_visual .txt {width: 979px; margin: auto; padding-top: 225px; color: #fff;}
#main_visual .slide_nav {width: 50px; height:11px; position: absolute; top: 500px; left:50%; margin-left:-20px;  line-height: 11px;}
#main_visual .slide_nav .dot {
	width: 11px; 
	height: 11px; 
	margin-right:11px; 
	background: url(/images/info21c/information/slide_off.png) no-repeat ;
	display: inline-block;
	vertical-align: middle;
	}
#main_visual .slide_nav .active {width: 11px; height: 11px; background: url(/images/info21c/information/slide_on.png) no-repeat;}


/* Fading animation */
.fade {
/*
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 3.5s;
*/
/*
opacity: 1;

transition-property: opacity;

transition-duration: 3.5s;

transition-delay: 3.5s;

transition-timing-function: linear;
*/
  animation: inherit;
  zoom: 1;
  opacity: 10;
  filter: alpha(opacity = 100);
}

/*
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
*/

#container .section01,#container .section02,#container .section04,#container .section06{
    width: 100%;
    text-align:center;
}
#container .section01 p,#container .section03 p, #container .section04 p, #container .section06 p {text-align:center;padding-bottom:15px;}
#container .section01 h2, #container .section03 h2, #container .section04 h2, #container .section06 h2 {
	font-size:25px;
	font-weight:600;
	color:#222;
	letter-spacing:-0.05em;
}
#container .section01 h3, #container .section03 h3 {
	font-size:17px;
	color:#959999;
	margin-top:5px;
	line-height:26px;
}
/*#container .section01 {margin-top:100px;}*/
#container .section01 .graph {width:979px;height:407px;margin:0 auto;position: relative;margin-top:80px;}
#container .section01 .graph li {width:478px; float: left; text-align: center;}
#container .section01 .graph p {font-size:18px;font-weight:500;color:#222;text-align:left;padding-left:10px;}
#container .section01 .graph span {float:right;border-radius:10px;background:#aba9a9;padding:2px 10px 3px 10px;font-size:11px;color:#fff;font-weight:200;letter-spacing:0;}

#container .section01 .rbox{position:absolute;z-index:10;margin:52px 0 0 655px;}
#container .section01 .svtable {
	width: 979px;
	margin:auto;
	margin-top:72px;
    border-top: 2px solid #2b2b2b;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#container .section01 .svtable tr {
    border-bottom: 1px solid #e0e0e0;
}

#container .section01 .svtable th {
    padding:15px 0;
	background:#f1f0f0;
    text-align: center;
    border-right: 0;
	font-size:16px;
	font-weight:500;
	color:#222;
}
#container .section01 .svtable td {
    text-align: center;
    border-right: 0;
	padding:12px 0;
	font-size:14px;
	color:#888;
	font-weight:400;
	letter-spacing:-0.05em;
	vertical-align:middle;
}
#container .section01 .svtable td .ic_free, #container .section06 .svtable td .ic_free { 
	border:1px solid #6e6bd3;
	border-radius:15px;
	font-size:12px;
	color:#6e6bd3;
	padding:2px 10px;
	margin-right:5px;
	font-weight:400;
}
#container .section01 .svtable td .txt1{
	font-size:26px;
	color:#6f7dbe;
	font-weight:700;
	line-height:20px;
}

#container .section01 .svtable td .txt2{
	font-size:14px;
	color:#888;
	line-height:24px;
}

#container .section02 h2 {
	font-size:25px;
	font-weight:600;
	color:#6f7dbe;
	letter-spacing:-0.05em;
}

#container .section01 .svtable .ic_sample {
	border:1px solid #6e6bd3;
	background:#f9f2f2;
	border-radius:15px;
	font-size:12px;
	color:#6e6bd3;
	padding:2px 10px 4px;
	margin-left:5px;
	font-weight:400;
	cursor:pointer;
}


#container .section02 {margin-top:75px;}
#container .section02 .freemu{width:979px;margin:0 auto;background:#eef0f7;height:220px;margin-top:25px;}
#container .section02 .freecon li { float:left;border-right:1px solid #c9cee1;margin-top:35px;padding:0 32px;}
#container .section02 .freecon li:last-child {border:0;}
#container .section02 .freemu h3 {
	font-size:18px;
	font-weight:500;
	color:#222;
	margin-top:10px;
}
#container .section02 .freemu h4 {
	font-size:15px;
	font-weight:400;
	color:#888;
	margin-top:3px;
}


#container .section03 {
	margin-top:150px;
	width:100%;
	height:770px;
	background:#f1f2f6;
	text-align:center;
	padding-top:70px;
}
#container .section03 .promu{width:979px;margin:0 auto;margin-top:70px;}
#container .section03 .procon li { float:left;padding: 0 24px;}
#container .section03 .procon h3 {
	font-size:18px;
	font-weight:400;
	color:#888;
	margin-top:20px;
}
#container .section03 .procon h4 {
	font-size:22px;
	font-weight:400;
	color:#5363ab;
	letter-spacing:-0.05em;
}
#container .section03 .procon p {
	font-size:14px;
	font-weight:300;
	color:#888;
	letter-spacing:-0.05em;
	text-align:left;
	margin-top:10px;
	line-height:26px;
}

#container .section04 p {margin-top:70px;}
#container .section04 button {
	border-radius:40px;
	background:#8486ae;
	font-size:19px;
	font-weight:500;
	letter-spacing:-0.05em;
	color:#fff;
	padding:15px 50px 20px;
	cursor:pointer;
}

.tech_table tr,tech_table td {
    border-bottom: 1px solid #e0e0e0;
}

.tech_table	{
	width:979px;
	margin:0 auto;
	margin-top:60px;
}
.tech_table th {
    padding:10px 0;
	background:#b3b8c7;
    text-align: center;
    border-right: 1px solid #e0e3e4;
	border-right:last-child {border:0;}
	font-size:15px;
	font-weight:500;
	color:#fff;
}
.tech_table td {
    text-align: center;
    border-right: 1px solid #e0e3e4;
	padding:10px 0;
	font-size:14px;
	color:#888;
	font-weight:300;
	letter-spacing:-0.05em;
}

.tech_table td:last-child {border:0;}
.tech_table tr.back {background:#f2f3f3}
.tech_table td.enum {font-family:'Roboto';}


#container .section05 {height:242px;}
#container .section05 ul{width:979px;margin:0 auto;margin-top:70px;}
#container .section05 ul li {float:left;}


.img{overflow:hidden;display:block;font-size:0;line-height:0;margin-left:37px;}
.img span{display:block;transform:scale(1);-wekit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transition: all 0.3s ease-in-out;cursor:default;}
.img span:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
.item .img{width:191px;height:191px;}

#container .section06 .wrap{width:979px;margin:0 auto;border:3px solid #a9b0d1;border-radius:8px;padding:50px;background:#f4f5f9;}
#container .section06 h3 {
	font-size:17px;
	color:#797d7d;
	margin-top:10px;
	line-height:26px;

}
#container .section06 .svtable {
	width: 100%;
	margin:auto;
	margin-top:72px;
    border-top: 2px solid #2b2b2b;
}
#container .section06 .svtable tr {
    border-bottom: 1px solid #b4bad3;
}

#container .section06 .svtable th {
    padding:15px 0;
	background:#dfe1ed;
    text-align: center;
    border-right: 0;
	font-size:16px;
	font-weight:500;
	color:#222;
}
#container .section06 .svtable td {
    text-align: center;
    border-right: 0;
	padding:12px 0;
	font-size:14px;
	color:#888;
	font-weight:400;
	letter-spacing:-0.05em;
	vertical-align:middle;
	background:#fff;
}

#container .section06 .svtable td .ic_dc { 
	border:1px solid #e91c1c;
	border-radius:15px;
	font-size:12px;
	color:#e91c1c;
	padding:2px 10px 4px;
	margin-right:5px;
	font-weight:400;
	
}


/*#footer {clear:both; width:100%; background: #f9f9f9; border-top: 1px solid #ddd; padding: 42px 0; font-size: 13px; color: #898989; line-height: 20px;margin-top:100px;}
#footer .wrap {width:979px;height:70px;}
#footer .wrap div{float:left}
#footer .wrap .clogo {width:250px;}
#footer .info {width: 65%;}
#footer .info li {float: left; padding-right: 16px;font-size:12px;color:#888; font-weight: 300;}
#footer .info p {font-family:Roboto;font-size:11px;clear:both; color: #888; letter-spacing: 0.3px; font-weight: 300;}
*/

.page {height: 100vh;}
.font_rb{font-family:roboto;}
.font_b{font-weight:600;color:#000;letter-spacing:0;}






/*kepco css*/
#k_header {width: 100%; height: 71px; background: url('/images/info21c/kepco/top_mback_1.gif') no-repeat;background-size: cover; position: fixed; left:0; top: 0; z-index: 10;border-bottom:1px solid #c5bbca;}
#k_header h1 {
    position: absolute;
    top: 20px;
	margin: 0px;
	font-size: 26px;
	background-color: #0a0a0a;
}

#k_header .nav {position: absolute; right: 0;}
#k_header .nav a {color: #fff;}
#k_header .nav a:hover {color:#f29113;}
#k_header .nav li {float: left;color: #fff;}
#k_header .nav .gnb {float: right; margin-top: 25px; font-size: 17px; font-weight: 500;}
#k_header .nav .gnb li {padding-left: 60px;}

.wrap {height:71px;}
.wrap h1 a img {vertical-align:middle;}
.wrap h1 a span {color:#f2b613;font-size:14px;font-weight:600;margin-left:5px;}

#visual_wrap {width: 100%; height: 656px; min-height: 656px; background: #ccc; position: relative; overflow: hidden;text-align:center;margin-top:71px;*margin-top:47px;}
#visual_wrap .txt1 {font-size: 20px; font-weight: 400;color:#c7c7c7;}
#visual_wrap .txt2 {font-size: 45px; font-weight: 500;  color:#fff;margin-top:10px;letter-spacing:-0.05em;}
#visual_wrap .txt2 span {color:#f29113;}
#visual_wrap .txt3 {font-size: 18px; font-weight: 400;color:#ffda80;}
#visual_wrap .txt4 {font-size: 18px; font-weight: 400;color:#c7c7c7;}
#visual_wrap  {height:656px; background: url('/images/info21c/kepco/vi_back02.gif') no-repeat center; background-size: cover; }
#visual_wrap .txt {width: 979px; margin: auto; padding-top: 120px;}
#visual_wrap .txt3_bg{width:541px;height:34px;border:2px solid #c7c7c7;background-color: transparent;border-radius: 50px;margin:0 auto;}

#con_wrap{position:absolute;top:440px;z-index:1;width:1075px;left:50%;margin-left:-537px;}

.kepco_date {
	width: 100%;
}
.kepco_date tr {
    border-bottom: 1px solid #eaecf0;
}


.kepco_date th {
    padding:15px 0;
	background:#dcdee4;
    text-align: center;
    border-right: 1px solid #eaecf0;
	font-size:15px;
	font-weight:500;
	color:#555;
	}
.kepco_date td {
    text-align: center;
    border-right: 1px solid #eaecf0;
	padding:10px 0;
	font-size:14px;
	color:#888;
	font-weight:400;
	vertical-align:middle;
	background:#fff;
	}

.kepco_date th, 	.kepco_date td:last-child {border:0;}
.kepco_date .font_rb {text-align:left; padding-left:15px;}

#section01 {position:relative;margin-top:260px;padding-top:71px;}
.M01_wrap,.M03_wrap{width:100%;height:700px;background:#eef0f7;}
.M01,.M02,.M03,.M04,.M06 {width:1075px;margin:0 auto;}
 .M01 ul li , .M02 ul li , .M03 ul li, .M04 ul li, .M06 ul li  {float:left;}
.infowp {width:391px;padding-top:58px;}
.infowp img{margin-bottom:5px;}
.slider { width:684px;height:700px;;background:#e1e4f0; }
.slider ui { width:543px; }

 .txt01 {font-size:38px;font-weight:600;color:#222;letter-spacing:-0.05em;line-height:48px;}
 .txt02 {font-size:30px;font-weight:400;color:#959999;letter-spacing:-0.05em;line-height:40px;}
 .txt03 {font-size:17px;color:#555;font-weight:400;letter-spacing:-0.05em;margin-top:20px;}

.micon {margin-top:50px;height:70px;}
.micon li {margin-right:40px;text-align:center;cursor:pointer;}
.micon li:last-child {margin-right:0;}
.micon li span {font-size:13px;font-weight:400;color:#8d8b8b;}
.micon li span.mf_over {font-size:13px;font-weight:500;color:#5670c5;}

.exp {border:1px solid #cad2dc;background:#fff;padding:30px 24px;width:90%;font-size:15px;font-weight:400;color:#8d8b8b;letter-spacing:-0.05em;line-height:24px;margin-top:40px;}
.exp p {font-size:18px;color:#393838;font-weight:500;letter-spacing:-0.05em;margin-bottom:10px;}
.exp span {color:#617ede;}
.exp button {background:#617ede;border-radius:30px;font-size:15px;color:#fff;padding:5px 20px 8px;margin-top:10px;letter-spacing:-0.05em;}

.exp .bg1{background:#ffeff5;padding:10px;margin-top:10px;}
.exp .bg1 .txt1{background:#cd7194;border:1px solid #c26589;color:#fff;font-family:dotum;font-size:12px;;letter-spacing:-0.08em;margin-top:8px;padding:0 2px;}
.exp .bg1 .txt2{font-size:14px;color:#8d8b8b;letter-spacing:-0.05em;line-height:18px;}

.pg_arrow {width:80px;height:700px;text-align:center;line-height:670px;*padding-top:290px;}
.slider ul li p.tt {font-size:30px;font-weight:600;color:#222;text-align:center;margin-top:35px;letter-spacing:-0.05em;}
.contt {font-size:16px;font-weight:500;color:#393838;}
.txt04  {font-size:14px; color:#8d8b8b;font-weight:400;letter-spacing:-0.05em;}
.txt05 {font-size:14px; color:#d9475f;font-weight:400;letter-spacing:-0.05em;}
.txt06 {font-size:14px; color:#617ede;font-weight:400;letter-spacing:-0.05em;}
.txt07  {font-size:12px; color:#8d8b8b;letter-spacing:-0.05em;}
.txt_center {text-align:center;}
.txt_left {text-align:left;}

.txt06 a{font-size:14px; color:#617ede;font-weight:400;letter-spacing:-0.05em;}
.txt06 a:hover, a:active, a:selected{font-size:14px; color:#617ede;font-weight:400;letter-spacing:-0.05em;}

.sec01_tb {width: 100%;border:1px solid #b8bdd0;margin-top:10px;}
.sec01_tb tr th,.sec01_tb tr td {border:1px solid #b8bdd0;}
.sec01_tb tr th {
	background:#dadeeb;
	font-size:14px;
	color:#393838;
	font-weight:500;
	text-align:center;
	padding:8px 0;
	vertical-align:middle;
}
.sec01_tb tr td {
	background:#f4f5fa;
	font-size:13px;
	color:#8d8b8b;
	font-weight:400;
	padding:5px 8px;
	line-height:20px;
	vertical-align:middle;
}

.sec03_tb tr td {text-align:center;padding:13px 0 !important;}




#section02,#section03,#section04{position:relative;padding-top:71px;}
.M02_wrap,.M04_wrap{width:100%;height:700px;background:#eef0f7;}
.M02 ul li.slider,.M04 ul li.slider {width:684px;height:700px;;background:#e0e9f1;}

.kon {height:160px;}
.kon li  {font-size:14px;line-height:20px;}
.kon li p {font-size:16px;}

#section03 .txt05 {font-size:14px; color:#d9475f;font-weight:400;letter-spacing:-0.08em;}
#section03 .txt06 {font-size:14px; color:#617ede;font-weight:400;letter-spacing:-0.05em;}

#section05{position:relative;padding-top:150px;text-align:center;}
#section05 .txt01 {font-size:30px;color:#555;font-weight:400;}
#section05 .txt02 {font-size:40px;color:#000;font-weight:600;}
#section05 img {margin-top:60px;}

#section06{position:relative;margin-top:120px;padding-top:71px;text-align:center;}
.M06_wrap{width:100%;height:200px;background:#3b4457;}
.banner {width:535px;text-align:center;padding-top:50px;height:200px; *height:150px;}





#footer {clear:both; width:100%; background: #f9f9f9; border-top: 1px solid #ddd; padding: 42px 0; font-size: 13px; color: #898989; line-height: 20px;}
#footer .wrap {width:1075px;height:70px;}
#footer .wrap div{float:left}
#footer .wrap .clogo {width:250px;}
#footer .info {width: 65%;}
#footer .info li {float: left; padding-right: 16px;font-size:12px;color:#888; font-weight: 300;}
#footer .info p {font-family:Roboto;font-size:11px;clear:both; color: #888; letter-spacing: 0.3px; font-weight: 300;}