@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url('https://fonts.googleapis.com/css?family=Roboto:700i');

@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;
	
}


.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/information/top_mback.png) no-repeat;background-size: cover; position: fixed; left:0; top: 0; z-index: 10;border-bottom:1px solid #29343f;}
#k_header h1 {
    position: absolute;
    top: 20px;
	margin: 0px;
	font-size: 26px;
}

#k_header .nav {position: absolute; right: 0;}
#k_header .nav a {color: #d1d1d1;}
#k_header .nav a:hover {color:#f29113;}
#k_header .nav li {float: left;color: #d1d1d1;}
#k_header .nav .gnb {float: right; margin-top: 25px; font-size: 17px; font-weight: 500;}
#k_header .nav .gnb li {padding-left: 60px;}
#k_header .point{font-size: 17px; font-weight: 500;color:#ffcd1d !important;}

.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: 24px; font-weight: 400;color:#fff;letter-spacing:-0.05em;}
#visual_wrap .txt2 {font-size: 64px; font-weight: 500;  color:#ffcd1e;letter-spacing:-0.05em;}
#visual_wrap .txt3 {font-size: 30px; font-weight: 500;  color:#fff;letter-spacing:-0.05em;}
#visual_wrap .txt4 {font-size: 72px;font-family:Roboto; font-weight: 700;font-style:italic; color:#ffcd1e;letter-spacing:0.01em;}
#visual_wrap .txt5 {font-size: 86px;font-family:Roboto; font-weight: 700;font-style:italic; color:#fff600;letter-spacing:0.01em;}
#visual_wrap .txt6 {font-size: 80px; font-weight: 500;  color:#fff600;letter-spacing:-0.05em;}
#visual_wrap  {height:656px; background: url('/images/info21c/information/vi_back01.png?ver=1') no-repeat center; background-size: cover; }
#visual_wrap .txt {width: 979px; margin: auto; padding-top: 100px;}

.btn_betaver{display: inline-block;background:#e93b3e;font-size:40px;font-weight:400;color:#fff !important;text-align:center;border-radius:4px;cursor:pointer;width:600px;height:100px;}
.btn_betaver span{display: block;background: url('/images/info21c/information/G_renewal_Ldot3.png') no-repeat 88% 50%;margin-top:20px;color:#fff !important;}
.btn_betaver:hover, .btn_betaver:focus, .btn_betaver:active, .btn_betaver:visited {color:#fff !important; text-decoration:none;}

.btn_bid{display: inline-block;background:#456cb7;font-size:40px;font-weight:400;color:#fff !important;text-align:center;border-radius:4px;cursor:pointer;width:260px;height:100px;}
.btn_bid span{display: block;background: url('/images/info21c/information/G_renewal_Ldot3.png') no-repeat 72% 50%;margin:20px 17px 0 0;color:#fff !important;}
.btn_bid:hover, .btn_bid:focus, .btn_bid:active, .btn_bid:visited {color:#fff !important; text-decoration:none;}

.btn_suc{display: inline-block;background:#284780;font-size:40px;font-weight:400;color:#fff !important;text-align:center;border-radius:4px;cursor:pointer;width:260px;height:100px;margin-left:50px;}
.btn_suc span{display: block;background: url('/images/info21c/information/G_renewal_Ldot3.png') no-repeat 72% 50%;margin:20px 17px 0 0;color:#fff !important;}
.btn_suc:hover, .btn_suc:focus, .btn_suc:active, .btn_suc:visited {color:#fff !important; text-decoration:none;}

.btn_pur{display: inline-block;background:#5148a9;font-size:40px;font-weight:400;color:#fff !important;text-align:center;border-radius:4px;cursor:pointer;width:260px;height:100px;margin-left:50px;}
.btn_pur span{display: block;background: url('/images/info21c/information/G_renewal_Ldot3.png') no-repeat 72% 50%;margin:20px 17px 0 0;color:#fff !important;}
.btn_pur:hover, .btn_pur:focus, .btn_pur:active, .btn_pur:visited {color:#fff !important; text-decoration:none;}

#con_wrap{position:absolute;top:440px;z-index:1;width:1179px;left:50%;margin-left:-590px;}
#con_wrap .txt01 {font-size:30px;font-weight:400;color:#333;letter-spacing:-0.02em;line-height:60px;text-align:center;}
#con_wrap .txt02 {font-size:50px;font-weight:400;color:#191919;letter-spacing:-0.02em;line-height:75px;text-align:center;}
#con_wrap .txt02:before{position:absolute;bottom:-40px;left:50%;width:64px;height:4px;content:'';-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:url(/images/info21c/information/G_renewal_bar01.png);}
#con_wrap .txt03 {font-size:50px;font-weight:400;color:#e93b3e;letter-spacing:-0.02em;line-height:75px;text-align:center;}

#section07 .txt01{font-size:20px;font-weight:300;color:#555;letter-spacing:-0.02em;line-height:30px;text-align:center;}
#section07 .txt02{font-size:40px;font-weight:500;color:#1d1d1d;letter-spacing:-0.02em;line-height:30px;text-align:center;}
#section07 .txt03{font-size:40px;font-weight:400;color:#666;letter-spacing:-0.02em;line-height:30px;text-align:center;}


#section01 {position:relative;margin-top:80px;padding-top:71px;}
.M01_wrap,.M03_wrap{width:100%;height:770px;background:#f9f9f9;}
.M01,.M02,.M03,.M04,.M06 {width:1179px;margin:0 auto;}
 .M01 ul li , .M02 ul li , .M03 ul li, .M04 ul li, .M06 ul li  {float:left;}
.infowp {width:495px;padding-top:58px;}
.infowp img{margin-bottom:5px;}
.slider { width:684px;height:770px;;background:#f2f2f2; }
.slider ui { width:543px; }

 .txt01 {font-size:40px;font-weight:500;color:#222;letter-spacing:-0.07em;line-height:48px;}
 .txt02 {font-size:26px;font-weight:300;color:#959999;letter-spacing:-0.05em;line-height:40px;}
 .txt03 {font-size:17px;color:#555;font-weight:200;letter-spacing:-0.05em;margin-top:20px;}

.micon {margin-top:40px;height:80px;}
.micon li {margin-right:30px;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:400;color:#e85c5e;}

.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:#e93b3e;font-weight:400;letter-spacing:-0.07em;margin-bottom:10px;}
.exp span {color:#e85c5e;}
.exp button {background:#617ede;border-radius:30px;font-size:15px;color:#fff;padding:5px 20px 8px;margin-top:10px;letter-spacing:-0.05em;}
.exp .baro{margin-top:10px;background:url('/images/info21c/information/G_renewal_Ldot1.png') no-repeat 0 8%;padding:0 0 0 15px;}
.exp .baro p{font-size:18px;font-weight:300;color:#1598dc;}
.exp .baro button{border-radius:4px; background:#1598dc; border:1px solid #; font-size:12px; letter-spacing:-0.05em; color:#fff; width:84px; height:26px; cursor:pointer;}

.btn_baro{display: inline-block;border:1px solid #1388c4;background:#1598dc;font-size:12px;font-family:dotum;color:#f5fcff !important;height:26x;width:84px;text-align:center;border-radius:4px;cursor:pointer;margin-right:12px;}
.btn_baro span{display: block;padding-right:25px;background: url('/themes/ansbid/images/nimg/Nmain/icn_go_small.png') no-repeat 80% 50%;}
.btn_baro:hover, .btn_baro:focus, .btn_baro:active, .btn_baro:visited {color:#f5fcff; text-decoration:none;}

.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;}
.txt05 {font-size:14px; color:#d9475f;font-weight:400;}
.txt_center {text-align:center;}

.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:22px;
	vertical-align:middle;
}

.sec03_tb tr td {text-align:center;padding:15px 0 !important;}


#section02,#section03,#section04{position:relative;padding-top:71px;}
.M02_wrap,.M04_wrap{width:100%;height:770px;background:#f9f9f9;}
.M02 ul li.slider,.M04 ul li.slider {width:684px;height:770px;;background:#f2f2f2;}

.kon {height:160px;}
.kon li  {font-size:14px;line-height:20px;}
.kon li p {font-size:16px;}

#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;}

#section08{position:relative;margin-top:120px;padding:100px 0 100px 0;text-align:center;background:#c7e3f2;}
#section08 .txt01{font-size:32px;font-weight:300;color:#555;letter-spacing:-0.02em;}
#section08 .txt02{font-size:50px;font-weight:500;color:#222;letter-spacing:-0.07em;line-height:80px;}
#section08 .txt03{font-size:16px;font-weight:300;color:#fff;letter-spacing:-0.02em;background:#005baf;padding:6px 20px;border-radius:40px;}
#section08 .txt04{font-size:17px;font-weight:400;color:#555;letter-spacing:-0.01em;}
#section08 ul{list-style:none;}
#section08 ul li{position:relative;display:inline-block;margin:100px 0 0 0;height:253px;}
#section08 ul li span{font-size:20px;color:#555;font-weight:400;}

.btn_accept{display: inline-block;background:#0368c3;font-size:40px;font-weight:400;color:#fff !important;text-align:center;border-radius:4px;width:580px;height:100px;}
.btn_accept span{display: block;background: url('/images/info21c/information/G_renewal_Ldot3.png') no-repeat 67% 50%;margin:20px 38px 0 0;color:#fff !important;}
.btn_accept:hover, .btn_accept:focus, .btn_accept:active, .btn_accept:visited {color:#fff !important; text-decoration:none;}

#section09{position:relative;background:#f9f9f9;text-align:center;padding:100px 0;}
#section09 .txt01{font-size:50px;font-weight:400;color:#222;margin:0 auto;background:url('/images/info21c/information/G_renewal_bg01.gif') 0 100% repeat-x;display:inline-block;width: 669px;}
/*#section09 .txt01:after {height: 20px;display: block;content: "";position:relative;display: block;background-color: #e3e3e3;opacity: 0.5;bottom: 10px;margin:0 auto;}*/

#section10{position:relative;background:#f2f3f7;padding:50px 0 50px 0;text-align:center;height:240px;}
#section10 .txt01{font-size:20px;font-weight:400;color:#e85c5e; width:180px;}
#section10 ul{}
#section10 ul li{background:url('/images/info21c/information/G_renewal_Ldot4.gif') no-repeat 0 50%;padding-left:8px;}
#section10 .txt02{font-size:14px;font-weight:300;color:#8d8b8b;text-align:left;line-height:25px; letter-spacing:-0.02em;}

#footer {clear:both; width:100%; background: #5e5e5e;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:#bababa; font-weight: 300;}
#footer .info p {font-family:Roboto;font-size:11px;clear:both; color: #bababa; letter-spacing: 0.3px; font-weight: 300;}

