@charset "utf-8";

/* LAYOUT - basic */
/***** sub_cont *****/
.sub-header {
	height: 300px;
	display: grid;
	align-items: center;
	text-align: center;	
	background: url(../../images/main/bg_subheader.jpg) no-repeat center center;
	background-size: cover;
}

.subcont_wrap {
	background-color: #f9f9f9;
	height: auto;
	width: 100%;
	padding: 20px 0 50px;
}
.sub_cont {
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
	width: 97%;
	max-width: 1400px;
	display: grid;
	grid-template-columns: 20% 80%;
}
.cont_right {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-left: 16px;
	min-height: 500px;
	position: relative;
}
.cont_right .title_box {
	display: none;
}
#shortcut { display: none; position:fixed; top:230px; right:40px; z-index:1000;}
#shortcut ul li{width:98px; height:98px; border:1px solid #ccc; border-radius:5px; background-size:100%; margin-bottom:5px;}
#shortcut ul li a{width:98px; height:25px; padding-top:70px; display:inline-block; font-size:1em; font-weight:400; text-align:center;}
#shortcut ul li:hover{background-size:100%;}
.short1{background:#feece1 url(../../images/main/info_01.png) no-repeat 0 0;} 
.short2{background:#fbf7d2 url(../../images/main/info_02.png) no-repeat 0 0;}
.short3{background:#f2f7d7 url(../../images/main/info_03.png) no-repeat 0 0;}
.short4{background:#eaf6fa url(../../images/main/info_04.png) no-repeat 0 0;}
.short1:hover{background:#fcd9c4 url(../../images/main/info_01.png) no-repeat 0 0;} 
.short2:hover{background:#f8eea4 url(../../images/main/info_02.png) no-repeat 0 0;}
.short3:hover{background:#e6efb0 url(../../images/main/info_03.png) no-repeat 0 0;}
.short4:hover{background:#d5edf5 url(../../images/main/info_04.png) no-repeat 0 0;}
.topbtn{text-align:center; text-shadow:0 0 3px #fff;}
.topbtn a{color:#333; font-weight:bold;}

/*** left_gnb */
#left_gnb h2{
	width:100%;
	height:80px;
	line-height:80px;
	background: url(../../images/main/bg_sub.jpg) no-repeat;
	text-align:center;
	color:#fff;
	font-size: 1.6rem;
	font-weight:400;
	background-color: #5dbec5;
	background-size: initial;
}
#left_gnb nav{border-right:1px solid #ccc; border-left:1px solid #ccc;}
#left_gnb nav ul{width:100%; height:auto;}
#left_gnb nav ul li a {
	display:block;
	padding-left:19px;
	height:50px;
	line-height:50px;
	box-sizing: border-box;
	border-bottom:1px solid #ccc;
	font-size:1em;
	background:#fff;
	color:#37474f;
}
#left_gnb nav ul li a:hover, #left_gnb nav ul li a.leftgnb_act {
	color:#0d6fb3; border-left:4px solid #0d6fb3; padding-left:15px; background:#fff url(../../images/main/leftgnb2_bul.png
) no-repeat 93% 50%;}
#left_gnb nav ul li ul{padding:10px 0; background:#f7f7f7; border-bottom:1px solid #ccc;}
#left_gnb nav ul li ul li a
{display:block; font-size:0.9em; background:#f7f7f7 url(../../images/main/leftgnb3_bul.gif) no-repeat 0 center; border-bottom:0; padding-left:15px; margin-left:15px; height:30px; line-height:30px;}
#left_gnb nav ul>li>ul>li a:hover, #left_gnb nav ul>li>ul>li a.leftsuvgnb_act
{border-left:0; font-weight:normal; text-decoration:underline; color:#d94f4f; padding-left:15px; background:#f7f7f7 url(../../images/main/leftgnb3_bul.gif) no-repeat 0 center;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3{padding:5px 0 0 0; border:0;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a
{display:block; font-size:0.85em; background:#f7f7f7 url(../../images/main/m_pt.png) no-repeat 0 center; border-bottom:0; padding-left:20px; margin-left:18px; height:25px; line-height:25px;}
#left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a:hover, #left_gnb nav ul>li>ul>li>ul.l_nav_deaph3 li a.leftdeaph3_act{text-decoration:none; color:#d94f4f;}

/*** contents */
.title_box {
	height:auto;
	color: #ffffff;
	position: relative;
	/* padding-top: 55px; */
}
.title_box:after{clear:both; display:block; content:"";}
.title_box h3 {
	font-size:2.5rem;
	font-weight:500;
	display:inline-block;
}
.location {
	font-size: 0.6rem;
	color: #1a1a1a;
	word-break:keep-all;
	display:inline-block;
	position: absolute;
	right: 0;
	bottom: -120px;
	background: #ffffff;
	padding: 5px 15px 5px 15px;
}
.location a{display:inline-block;margin-bottom:5px;}
.location a, .location span {
    font-size: 0.8rem;
}
.location a:hover{text-decoration:underline;}
.location a.titlehome{background:url(../../images/main/location.png) no-repeat left 5px;padding:5px 0 0 18px;}
.location span.currpage{
	color: #0d6fb3;
	font-weight:500;
}
.bstxt07{font-size:0.7em;}
.bstxt09{font-size:0.9em;}

/*** cont_box */
.cont_box{padding:30px; font-size:1.3em; line-height:1.5;}
/*** 사이트맵 */
.sitemap > li{padding:20px; border:1px solid #ddd; margin-top:20px;}
.sitemap > li:first-child{margin-top:0;}
.sitemap > li h4{font-size:0.9em;}
.sitemap > li h4 a{ display:block; padding:5px 10px; background:#2796c2; color:#fff; }
.s_depth2{padding:15px 0;}
.s_depth2 > li{float:left; width:18.5%; font-size:0.65em; margin-right:15px; margin-bottom:15px; }
.s_depth2 > li:nth-child(5){margin-right:0;}
.s_depth2 > li a{padding:3%; background:#e6edf0; display:block; color:#0072a5;}
.s_depth2 > li a:hover{text-decoration:underline; background:#dae1e4;}
.s_depth2:after{content:""; display: block; clear:both;}
.s_depth3{padding-top:10px; font-size:0.95em;}
.s_depth3 > li a{background:#fff;}
.s_depth3 > li a:hover{background:#fff;}

/* introduce */
.introduce{padding: 0 20px; font-size:0.7em; text-align:justify;}
.introduce .text-box{padding: 10px;}
.introduce .text-box div.center{text-align:center; font-size:0.9em; margin-top:30px;}
.introduce .text-box div.center>p {color:#777;}
/* history */
dl.history_box{overflow:hidden; border-top:2px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px; background: url(../../images/main/squared_metal.gif) repeat 0 0; font-size:1em;}
.history_box:last-child{margin-bottom:0;}
.history_box dt{width:15%; padding-left:4%; /*padding-top:20px;*/ float:left; font-weight:400; font-size:1.2em; color:#0288d1; }
.history_box dd{width:79%; float:left; font-weight:400; font-size:0.7em;}
.history_box dd ul {
	background: #fff;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}
.history_box dd ul li {
	border-bottom: 1px dotted #ddd;
	clear: both;
	display: inline-block; /*li 내용에 따라 height가 변한다.*/
	height: 100%;
	padding: 5px 0;
	width: 100%;
}
.history_box dd ul li:last-child{border-bottom:0;}
.history_box dd ul li.last_line{border-bottom:1px solid #ddd;}
.history_box dd ul li > span:first-child {
	color: #0288d1;
	display: inline-block;
	float: left;
	font-size: 1em;
	font-weight: 500;
	margin-right: 8px;
	padding: 0;
	padding-left: 10px;
	text-align: right;
	width: 108px;
}
.history_box dd ul li > span:last-child { 
	display: inline-block;
	float: left;
	width: 432px;
}

/* regulation tab */
.regulation { }
.regulation table { width: 100%; }
.regtabs{overflow:hidden; margin-bottom:5px;}
.regtabs li{font-family:'Noto Sans Korean',sans-serif; font-weight:400; float:left; width:19.5%;  margin-right:0.5%;}
.regtabs li:last-child{margin-right:0; width:20%;}
.regtabs li a{display:inline-block; width:90%; height:30px; padding:5%; text-align:left; line-height:1; font-size:0.85em; background:#e7e7e7; color:#4d4d4d; letter-spacing:-1px;}
.regtabs li a.active{background:#0288d1; color:#fff;}
#tab1, #tab2, #tab3, #tab4, #tab5{padding:20px; background:#fff; border:1px solid #ccc;}
.h5_decimal{font-family:'Noto Sans Korean',sans-serif; font-weight:400; width:100%; background:#fff; border-top:2px solid #ccc;}
.h5_decimal li{font-size:0.8em; list-style-type:decimal; list-style-position:inside; padding:8px 15px; border-bottom:1px solid #ccc;}
.h5_decimal li:nth-child(odd){background:#f5f5f5;}
.h5_decimal li:last-child{border-bottom:2px solid #ccc;}
a.regbtn{display:inline-block; padding:2px 10px; background:#0288d1; color:#fff; font-size:13px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; float:right; margin-top:3px;}
a.regbtn:hover{background:#303747;}
/* road */
#map_view{width:100%; height:380px;}
.tourbox{font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:0.8em; margin-top:5px; text-align:right;}
.tourbox a{display:inline-block; color:#fff;}
.apibtn{background:#04adbf url(../../images/main/apiicon.png) no-repeat 10px center; padding:5px 15px 5px 30px;}
.tourbtn{background:#db4e4e; color:#fff; padding:5px 12px;}
.tourbox a:hover{text-decoration:underline;}

/* basic explain box */
.explain {
	font-size:0.7em;
	overflow: hidden;
}
.explain p {
	font-size:1rem;
}
.explain p.intro_sign{text-align:right; font-size:1.2em; padding-top:10px;}
.explain ul li img{display:block; margin-top:3px;}
.explain table {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 20px;
}
.explain th, .explain td {
	border: 1px solid #ccc;
	font-size:0.85rem;
}
.explain th {
	padding: 5px 0;
	background-color: #e1ebf5;
	font-weight: 500;
}

.explain td {
	padding: 5px;
	line-height: 2;
}

/* decimal list */
.decimal-out li{font-size:1em; list-style-type:decimal; list-style-position:outside;}
.decimal-out li a{color:#2196f3;}
/* disk list */
.disk-out li{list-style-type:disc; list-style-position:outside;}
/* bullet list */
.bul_r_sky li{padding-left:15px; background:url(../../images/main/bul_r_sky.gif) no-repeat 0 10px;}
.bul_r_gray li{padding-left:15px; background:url(../../images/main/bul_r_gray.gif) no-repeat 0 10px;}
/* application arrow */
.appli01{padding:0; list-style:none; overflow:hidden; font-size:0.9em;}
.appli01 li:first-child{background:none; padding-left:0 !important;}
.appli01 li{float:left; padding-left:25px; margin-right:5px; background:url(../../images/main/arw_red.png) no-repeat 0 center;}
.roundtopbox ul.appli02{padding:0; list-style:none; overflow:hidden;}
.roundtopbox ul.appli02 li:first-child{background:none; padding-left:0 !important; margin-left:5px;}
.roundtopbox ul.appli02 li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_gray.png) no-repeat 0 center;}
/* arrow */
ul.arw_red, ul.arw_gray, ul.arw_sky{padding:0; list-style:none; overflow:hidden; }
ul.arw_red li, ul.arw_gray li, ul.arw_sky li{line-height:1.2; margin-bottom:5px;}
ul.arw_red li:first-child, ul.arw_gray li:first-child, ul.arw_sky li:first-child{background:none; padding-left:0 !important;}
ul.arw_red li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_red2.png) no-repeat 0 center;}
ul.arw_gray li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_gray.png) no-repeat 0 center;}
ul.arw_sky li{float:left; padding-left:20px; margin-right:5px; background:url(../../images/main/arw_sky.png) no-repeat 0 center;}
/* 무선랜사용방법 */
.lanimgbox{width:80%; overflow:hidden; margin:auto;}
.lanimgbox > p{float:left;}
.lanimgbox > ul{float:right; width:38%; margin-top:80px;}
/* guest */
ul.guest{width:50%; margin:auto;}
.guest li{width:100%; overflow:hidden;}
.guest li:first-child{margin-bottom:5px;}
.guest label{float:left; width:20%;}
.guest input[type=text]{float:left; width:70% !important;}
.guestbtn input[type=button]{
	font-family:'나눔고딕', 'Nanum Gothic', sans-serif; cursor:pointer;
	background:url(../../images/main/btn_link_off.gif) no-repeat right center; color:#fff !important; padding:7px 13px 7px 13px; margin-left:5px; margin-bottom:3px; font-size:14px;}
.guestbtn input[type=button]:hover{background:url(../../images/main/btn_link_on.gif) no-repeat right center;}

/*** 정보교육센터 */
.h3_box{padding-bottom:5px;}
.h3_box h3{padding-left:25px; background:url(../../images/main/h3_tit1.png) no-repeat 0 5px; font-size:0.9em; line-height:1.2;}
.h4_box{padding:15px 25px 5px;}
.h4_box h4{padding-left:18px; background:url(../../images/main/h4_tit1.png) no-repeat 0 5px; font-size:0.8em; line-height:1.2;}
.h4_box > p{font-size:0.7em; line-height:1.2;}
.reg_h4 h4{padding-left:25px; background:url(../../images/main/h3_tit1.png) no-repeat 0 center; font-size:1em;}
.h5_box {display: none;}
.h5_box h5{font-size:18px; font-weight:400; color:#0089ff; letter-spacing:-1.2px;}
.addtxt{padding-top:10px; padding-left:25px;}
.addtxt p{font-size:0.65em; line-height:1.4;}
.spanaddtxt{display:inline-block; line-height:1.2; padding-top:5px; padding-left:0;}
/* 관련기관 */
.roundlist{width:90%; margin:auto; overflow:hidden;}
.roundlist li{width:49%; padding:30px 0; text-align:center; border-radius:10px; background:#f5f5f5; border:1px solid #ddd; margin-top:10px; line-height:1;}
.roundlist li strong{font-size:1.4em;}
.roundlist li span{font-size:0.8em; position:relative; top:-4px; margin-left:8px;}
.roundlist li:nth-child(odd){float:left;}
.roundlist li:nth-child(even){float:right;}
.roundlist li a{display:block; width:100%; padding:15px 0 15px 40px; text-align:center; font-size:1em;}
#logo3_4_1{background:url(../../images/main/site_img1.gif) no-repeat 0 0; background-size:33% 100%;}
#logo3_4_2{background:url(../../images/main/site_img2.gif) no-repeat 0 0; background-size:33% 100%;}
#logo3_4_3{background:url(../../images/main/site_img3.gif) no-repeat 0 0; background-size:33% 100%;}
#logo3_4_4{background:url(../../images/main/site_img4.gif) no-repeat 0 0; background-size:33% 100%;}

/*** 자료실 */
.searchbox{font-size:1em; margin-bottom:7px; overflow:hidden;}
.pagenum{float:left; font-size:0.7em; overflow:hidden;}
.pagenum li{float:left;}
.searchbox fieldset{float:right;}
select{height:24px; padding:0 5px; border:1px solid #ddd; font-size:13px;}
input[type=text], input[type=password]{height:18px; padding:2px; border:1px solid #ddd; font-size:13px;}
a.searchbtn, a.inputbtn{display:inline-block; padding:0 10px; height:24px; line-height:24px; background:#0288d1; color:#fff; position:relative; top:-1px; font-size:13px;}
a.searchbtn:hover, a.inputbtn:hover{background:#303747;}

.roundtopbox.port{margin-bottom:10px;}

/* board */
.board{width:100%;}
.board_view{font-size:0.9em;}
.board_view > table{width:100%; border-left:1px solid #ddd;}
.topline{border-top:2px solid #757c86;}
.board_view > table th{padding:5px 10px; height:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f5f5f5;}
.board_view > table td{padding:5px 10px; height:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left;}
.board_view > table td input[type=file]{background:#f5f5f5; border:0; font-size:13px;}
/* add_file_icon > table */
#file_upload_posbl > table td, #file_upload_imposbl > table td{padding:0 0; height:10px; border-bottom:0; border-right:0; font-size:1em;}
td.add_file_icon > table td{padding:0 0; height:10px; border-bottom:0; border-right:0; font-size:1em;}
/* td.add_file_icon a{display:block; padding-left:17px; background:url(../../images/main/add_file_icon.gif) no-repeat left 50%; font-size:1em;} */
td.add_file_icon a:hover{text-decoration:underline;}
/* addfilebox > div#egovComFileList #file_upload_imposbl */
#egovComFileList div input[type=button]{padding:1px 5px; border:1px solid #999; border-radius:3px; margin-left:3px; cursor:pointer; background:#999; color:#fff; font-size:12px;}
td.addfilebox{font-size:1em;}
td.addfilebox input[type=button]{padding:1px 5px; border:1px solid #999; border-radius:3px; margin-left:3px; cursor:pointer; background:#999; color:#fff; font-size:12px;}
/* table.add_file_icon */
table.add_file_icon td{padding:0 0; height:10px; border-bottom:0; border-right:0;}
/* add_file_del */
table.add_file_del td{padding:0 0; height:10px; border-bottom:0; border-right:0;}
table.add_file_del .em100{font-size:1em;}
table.add_file_del td img{cursor:pointer;}

/* 공지사항글쓰기 */
td textarea.etbox{width:98%; height:50%;}
td textarea.etbox iframe{width:100%;}

/* mospop */
.moswrap{width:100%;}
.mospop{width:35%; padding:2% 3% 1.5%; margin:10% auto 0; background:#abdceb; }
.mospop p{font-size:1.2em; color:#333; line-height:1.5; margin-bottom:30px;}
.mospop a{display:block; width:30%; height:5%; margin:0 auto; text-align:center; padding:2%; background:#37464f; color:#fff; font-size:1.2em; border-radius:5px;}
.mospop a:hover{background:#333;}

/* dns */
.bstable.left_td.dnstb input[type=text]{width:98%;}

/*** bstable */
th, td{line-height:1.3; word-break:break-all; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
th{font-weight:400; }
td{font-weight:400; letter-spacing:-0.5px;text-align: justify;}
td img{vertical-align:middle;}
.tablebox{width:636px; padding:10px 20px;}
.bstable {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
}
.bstable thead th{background:#fbfbfb; height:20px; padding:5px 10px; vertical-align:middle; border-top:2px solid #757c86; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:0.7em;}
.bstable tbody th, .bstable tfoot th
{background:#fbfbfb; height:20px; padding: 10px 12px; vertical-align:middle; text-align:center; border-top:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:0.9em;}
.bstable td{background:#fff;  padding:5px 10px; vertical-align:middle; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:0.9em; line-height:155%;}
.bstable td.left_td, .bstable th.left_td, table.left_td td{text-align:left; padding:10px 12px;text-align:justify;}
.tb_topline, td.topline, tbody th.topline{border-top:2px solid #757c86;}
.bstable td.td_bg{background:#fbfbfb;}
/* left align */
table.left_td td.center_td{text-align:center;}
/* tr hover */
table.hovertd tr:hover td{cursor:pointer; background:#fbfbfb;}
/* td abbreviation */
.bstable td.abbre{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bstable tbody.bd-bot-line{border-bottom:2px solid #ddd;}
th.listTitle{font-family:'Noto Sans Korean',sans-serif; font-weight:400; font-size:0.8em;}
/* table pd */
table.pd5 td, table.pd5 th, table.pd5 td.left_td{padding:5px;}
#bbs_cn td, #bbs_cn p, #bbs_cn td p, #bbs_cn th, #bbs_cn strong, #bbs_cn em, #bbs_cn h1, #bbs_cn h2, #bbs_cn h5{font-size:14px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif}


/*** btn */
a.graybtn{display:inline-block; padding:3px 10px 2px; background:#5a5a5a; color:#fff; font-size:13px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
a.graybtn:hover{background:#303747;}
a.bluebtn{display:inline-block; padding:3px 10px 2px; background:#0288d1; color:#fff; font-size:13px; font-family:'나눔고딕', 'Nanum Gothic', sans-serif;}
a.bluebtn:hover{background:#303747;}
.down_btn{
	font-family:'나눔고딕', 'Nanum Gothic', sans-serif;
	display:inline-block; background:url(../../images/main/btn_down_off.gif) no-repeat right center; color:#fff !important; padding:7px 39px 7px 13px; margin-left:5px; margin-bottom:3px; font-size:14px;}
.down_btn:hover{background:url(../../images/main/btn_down_on.gif) no-repeat right center;}
.link_btn{
	font-family:'나눔고딕', 'Nanum Gothic', sans-serif;
	display:inline-block; background:url(../../images/main/btn_link_off.gif) no-repeat right center; color:#fff !important; padding:7px 13px 7px 13px; margin-left:5px; margin-bottom:3px; font-size:14px;}
.link_btn:hover{background:url(../../images/main/btn_link_on.gif) no-repeat right center;}

/* peagent */
.peagent{padding:10px; border-radius:10px; border:1px solid #ddd; box-shadow:5px 5px 10px #ccc;}

/* 넘박스 */
.paginate_regular {padding:15px 0;	text-align:center;	line-height:normal; font-size:0.65em;}
.paginate_regular a, .paginate_regular strong {margin: 0 -2px; padding: 2px 8px; display:inline-block; position:relative; font-weight:400; color:#333; text-decoration:none; vertical-align:middle;}
.paginate_regular a:hover, .paginate_regular a:active, .paginate_regular a:focus {background:#f5f5f5}
.paginate_regular strong{color:#C60; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; font-weight:700;}
.paginate_regular .direction {font-weight: normal; color: #767676; white-space: nowrap;}
.paginate_regular .direction span {font-weight: bold; font-size: 14px}
.paginate_regular .direction:hover, .paginate_regular .direction:active, .paginate_regular .direction:focus {background:#fff; color:#333;  font-weight:700;}


/* 연혁 (25.01.10 추가) */ 
.history {
	margin-top: 1rem;
}
.history li.last {
	padding-bottom: 1rem;
}
.history li.line {
  margin-top: 5rem;
  padding-top: 5rem;
  border-top: 1px dashed #ddd;
}
.history li.line .history_row {
  margin-top: 0;
}
.history .def_txt {
  display: block;
  margin-top: 1rem;
  font-size: 1.7rem;
  font-weight: normal;
}
.history .history_row {
  display: flex;
  /* margin-top: 3rem; */
}
.history .history_row li + li {
	margin-top: 1rem;
}
.history .history_row .col_l {
  flex: 0 0 16rem;
  /* padding-left: 0.5rem; */
}
.history .history_row .col_r {
  position: relative;
  padding-left: 2.5rem;
}
.history .history_row .col_r:before {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 1.6rem;
  height: 100%;
  border-left: 1px solid #ddd;
  transition: height 0.8s 1s;
}
.history .history_row .col_r:after {
  content: "";
  opacity: 1;
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  background: #c5c5c5;
  border-radius: 50%;
  transition: opacity 0.8s 0.6s;
}
.history .history_row .date {
  color: #010101;
  font-weight: 800;
  font-size: 2.7rem;
  line-height: 1.4;
  letter-spacing: -0.1rem;
}
.history .history_row .col_tit {
  display: block;
  margin-bottom: 1rem;
  color: #0770b4;
  font-weight: 700;
  font-size: 2.5rem;
}
.history .history_list li {
  position: relative;
  color: #555;
}
.history .history_list li li + li {
  margin-top: 1.3rem;
}
.history .history_list>li:last-child {
  padding-bottom: 1rem;
}
.history>li:last-child .history_list>li:last-child {
  padding-bottom: 0;
}
.history .history_detail {
  position: relative;
  padding-left: 5rem;
}
.history .history_detail .history_year {
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
}