@import url( https://fonts.googleapis.com/css?family=Rajdhani:700 );
.rajdhani {
	font-family: "Rajdhani", sans-serif;
}
.bgGary {
	background: rgb(237, 239, 239) !important;
}
#mainvisual {
	margin: 0px auto; width: 100%; position: relative;
}
#mainvisual .visual {
	margin: 0px auto; width: 100%; position: relative;

}
#mainvisual .visual li {
	width: 100%; position: relative; min-height: 1100px;
	
}
#mainvisual .visual li.img01 {
	background: url("../image/main_visual01.jpg") no-repeat center / cover;
}
#mainvisual .visual li.img01 p.ani_01 {
	left: 50%; top: 50%; width: 1000px; text-align: left; color: rgb(255, 255, 255); letter-spacing: -2px; font-size: 30px; font-weight: 300; margin-top: -200px; margin-left: -560px; position: absolute; opacity: 0; text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img01 p.ani_01 span {
	color: rgb(255, 255, 255);
	line-height: 100%;
	letter-spacing: -5px;
	padding-bottom: 30px;
	font-size: 80px;
	font-style: italic;
	font-weight: 700;
	display: block;
	text-shadow: 2px 1px 1px rgba(0,0,0,0.7);
}
#mainvisual .visual li.img02 {
	background: url("../image/main_visual02.jpg") no-repeat center / cover;
}
#mainvisual .visual li.img02 p.ani_01 {
	left: 50%; top: 50%; width: 1000px; text-align: right; color: rgb(255, 255, 255); letter-spacing: -2px; font-size: 30px; font-weight: 300; margin-top: -200px; margin-left: -360px; position: absolute; opacity: 0; text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img02 p.ani_01 span {
	color: rgb(255, 255, 255);
	line-height: 100%;
	letter-spacing: -5px;
	padding-bottom: 30px;
	font-size: 60px;
	font-style: italic;
	font-weight: 700;
	display: block;
	text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 {
	background: url("../image/main_visual03.jpg") no-repeat center / cover;
}
#mainvisual .visual li.img03 p.ani_01 {
	left: 50%; top: 50%; width: 1000px; text-align: center; color: rgb(255, 255, 255); letter-spacing: -2px; font-size: 30px; font-weight: 300; margin-top: -200px; margin-left: -500px; position: absolute; opacity: 0; text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -5px; padding-bottom: 20px; font-size: 66px; font-style: italic; font-weight: 900; display: block; text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual a {
	display: block; position: absolute;
}
#mainvisual .visual a.prev {
	color: rgba(255, 255, 255, 0.7); border-radius: 30px; left: 10px; top: 50%; width: 60px; height: 60px; text-align: center; line-height: 50px; margin-top: -30px;
	text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual a.next {
	color: rgba(255, 255, 255, 0.7); border-radius: 30px; top: 50%; width: 60px; height: 60px; text-align: center; right: 10px; line-height: 50px; margin-top: -30px;
	text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual a.prev:hover {
	color: rgba(255, 255, 255, 1.0); text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual a.next:hover {
	color: rgba(255, 255, 255, 1.0); text-shadow: 2px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual a.scroll {
	left: 50%; bottom: 20px; margin-left: 660px;
	color: #ffffff;
}
.main .notice {
	background: rgb(255, 255, 255); left: 50%; top: -180px; width: 100%; margin-left: -640px !important; position: absolute; z-index: 10; max-width: 1280px;
}
.main .notice h2 {
	margin: 0px 0px 0px 3%; padding: 40px 0px; width: 8.5%; float: left; position: relative;
}
.main .notice h2::before {
	background: rgb(204, 0, 0); left: 0px; top: 0px; width: 90px; height: 4px; position: absolute; content: "";
}
.main .notice h2 a {
	background: url("../image/btn_more_ico.png") no-repeat 64px; padding: 0px 10px; border: 3px solid rgb(218, 218, 220); border-image: none; width: 90px; color: rgb(187, 187, 188); letter-spacing: 0px; font-size: 13px; margin-top: 5px; display: block;
}
.main .notice dl {
	margin: 0px 2.5%; padding: 40px 0px; width: 24.5%; float: left; position: relative;
}
.main .notice dl::before {
	background: rgb(221, 221, 221); left: -25px; top: 40px; width: 1px; height: 66px; position: absolute; content: "";
}
.main .notice dl dt {
	color: rgb(23, 27, 40); letter-spacing: -1px; overflow: hidden; font-size: 19px; font-weight: 600; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.main .notice dl dt span {
	color: rgb(187, 187, 188); letter-spacing: 0px; font-size: 16px; font-weight: 300; margin-top: 5px; display: block;
}
.main .notice dl dd {
	font-size: 16px; margin-top: 40px;
}
.main h2 {
	color: rgb(23, 27, 40); line-height: 100%; letter-spacing: -1px; font-size: 30px; font-weight: 400;
}
.main h2 span {
	color: rgb(116, 118, 123); font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 300; display: block;
}
.main .service {
	background: rgb(229, 235, 241); overflow: hidden; margin-top: 200px !important; position: relative;
}
.main .service .menu {
	padding: 50px 0px; width: 14%; float: left;
}
.main .service .menu h2 {
	padding-left: 20%; margin-bottom: 30px;
}
.main .service .menu dl {
	padding: 30px 0px 30px 20%;
}
.main .service .menu dl.on {
	background: url("../image/main_service_on.png") no-repeat left top rgb(61, 98, 154); color: rgb(255, 255, 255);
}
.main .service .menu dd.on {
	color: rgb(255, 0, 0);
}
.main .service .menu dt {
	font-size: 18px; font-weight: 600;
}
.main .service .menu dd {
	font-size: 14px; cursor: pointer;
}
.main .service .route {
	background: url("../image/main_service_route01.jpg") no-repeat center / cover rgb(41, 74, 123); padding: 0px; width: 86%; height: auto; color: rgb(255, 255, 255); float: right;
}
.main .service .route img {
	max-width: 100%;
}
.main .service .route p {
	left: 3%; top: 50px; line-height: 220%; font-size: 16px; position: absolute;
}
.main .service .route p span {
	font-size: 40px; font-weight: 200; display: block;
}
.main .service .route p span.showPc {
	font-size: 16px;
}
.main .service .route p br {
	display: none;
}
.main .about {
	overflow: hidden; position: relative;
}
.main .about h2 {
	text-align: center; margin-bottom: 40px;
}
.main .about .intro {
	width: 100%; float: left;
}
.main .about .intro li {
	width: 25%; height: auto; text-align: center; color: rgb(255, 255, 255); font-size: 16px; float: left; position: relative;
}
.main .about .intro li a {
	font-size: 1.5rem;
	font-weight: 400;
	left: 0px; top: 50%;
	width: 100%; height: 100%;
	margin-top: -30px;
	display: block; position: absolute;
}
.main .about .intro li img {
	max-width: 100%;
}
.main .about .intro li strong {
	font-size: 24px; display: block;
}
.main .about .intro li.intro01 {
	background: rgb(32, 75, 146);
	
	
}
.main .about .intro li.intro02 {
	background: url("../image/about_1.jpg") no-repeat center / cover;
}
.main .about .intro li.intro03 {
	background: rgb(229, 235, 241); color: rgb(23, 27, 40);
}
.main .about .intro li.intro04 {
	background: url("../image/about_2.jpg") no-repeat center / cover;
}

.main .billboard {
	position: absolute; bottom:150px; max-width: 1280px; margin-left: -640px; left: 50%; border: 0px solid #fff; z-index: 9;
	font-size: 0px;
	text-align: right;
}
.main .billboard1 {
	margin: 0; vertical-align: middle; line-height: 100px; font-size: 18px; font-weight: 400; text-align: center; display: inline-block; width: 25%; height: 100px; color: #fff; background-color: rgba(32, 75, 146, .95); border: 1px solid #fff;
}
.main .billboard2 {
	margin: 0; vertical-align: middle; line-height: 100px; font-size: 18px; font-weight: 400; text-align: center; display: inline-block; width: 25%; height: 100px; color: #000; background-color: rgba(229, 235, 241, .95); border: 1px solid #fff;
}

/* .main .about .network {
	background: url("../image/about_3.jpg") no-repeat center / cover; width: 50%; height: auto; text-align: center; float: right; position: relative;
}
.main .about .network img {
	max-width: 100%;
}
.main .about .network p {
	left: 0px; top: 30%; width: 100%; text-align: center; color: rgb(204, 0, 0); line-height: 100%; font-size: 50px; font-weight: 400; position: absolute;
}
.main .about .network p span {
	color: rgb(255, 255, 255); font-weight: 600; display: block;
}
.main .about .network ul {
	left: 50%; top: 50%; width: 100%; margin-left: -127px; position: absolute;
}
.main .about .network li {
	margin: 0px 1px; width: 125px; float: left;
}
.main .about .network li a {
	background: url("../image/main_about_network_ico.png") no-repeat 94px rgb(255, 255, 255); padding: 5px 20px; text-align: left; color: rgb(27, 31, 58); font-size: 18px; display: block;
} */
.main .blog {
	padding: 50px 0px;
}
.main .blog h2 {
	text-align: center; margin-bottom: 40px;
}
.main .blog ul {
	overflow: hidden; position: relative;
}
.main .blog li {
	background: rgb(255, 255, 255); width: 22%; margin-right: 4%; float: left; padding-botton: 30px;
}
.main .blog li:last-child {
	margin-right: 0px;
}
.main .blog dl {
	width: 100%;
}
.main .blog dl dt {
	width: 100%; overflow: hidden; position: relative;
}
.main .blog dl dt img {
	width: 100%;
}
.main .blog dl dt::after {
	background: url("../image/main_blog_imgBottom.png") no-repeat bottom / 100%; left: 0px; width: 100%; height: 15px; bottom: 0px; position: absolute; z-index: 10; content: "";
}
.main .blog dl dd {
	background: rgb(255, 255, 255); padding: 8% 8% 20px; color: rgb(116, 118, 123); font-size: 16px;
}
.main .blog dl dd.title {
	padding: 5% 8% 0px; color: rgb(23, 27, 40); line-height: 120%; letter-spacing: -1px; overflow: hidden; font-size: 19px; font-weight: 600; -ms-text-overflow: ellipsis; min-height: 60px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.main .blog dl dd.date {
	padding: 0px 8%; color: rgb(187, 187, 188); letter-spacing: 0px; font-size: 16px; font-weight: 300;
}
.main .blog dl dd.cont {
	height: 140px; overflow: hidden; margin-bottom: 20px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;
}
.main .blog p a {
	background: url("../image/btn_more_ico.png") no-repeat 80px; margin: 0px auto; padding: 2px 20px 4px; border: 3px solid rgb(136, 140, 145); border-image: none; width: 110px; color: rgb(36, 42, 51); letter-spacing: 0px; font-size: 15px; display: block;
}
.main .blog > div > a {
	display: block; position: absolute; z-index: 11;
}
.main .blog > div > a.prev {
	background: rgba(12, 29, 51, 0); left: 0px; top: 50%; width: 60px; height: 60px; text-align: center; line-height: 50px; margin-top: -30px;
}
.main .blog > div > a.next {
	background: rgba(12, 29, 51, 0); top: 50%; width: 60px; height: 60px; text-align: center; right: 0px; line-height: 50px; margin-top: -30px;
}
.main .blog > div > a.prev:hover {
	background: rgba(12, 29, 51, 0);
}
.main .blog > div > a.next:hover {
	background: rgba(12, 29, 51, 0);
}
@media screen and (max-width:1440px)
{
.main .notice {
	margin: 0px 5% !important; left: 0px; width: 90%;
}
.main .notice h2 {
	margin: 0px 0px 0px 2%; width: 14%;
}
.main .notice dl {
	margin: 0px 2%; width: 38%;
}
.main .notice dl.last {
	display: none;
}
#mainvisual .visual li.img01 p.ani_01 {
	left: 50%; top: 50%; width: 1000px; text-align: left; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-top: -180px; margin-left: -500px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img01 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -4px; padding-bottom: 20px; font-size: 70px; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img02 p.ani_01 {
	left: 50%; top: 50%; width: 1000px; text-align: left; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-top: -240px; margin-left: -500px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img02 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -4px; padding-bottom: 20px; font-size: 70px; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 {
	left: 50%; top: 50%; width: 1000px; text-align: center; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-top: -220px; margin-left: -500px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -4px; padding-bottom: 20px; font-size: 46px; font-style: italic; font-weight: 900; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.main .service .menu h2 {
	font-size: 24px;
}
.main .service .route p span {
	font-size: 30px;
}
.main .blog li {
	width: 23.5%; margin-right: 2%; float: left;
}
.main .blog dl dd.cont {
	height: 140px;
}
}
@media screen and (max-width:1280px)
{
#mainvisual .visual li.img01 p.ani_01 {
	left: 10%; top: 30%; width: 90%; text-align: left; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img01 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -4px; padding-bottom: 20px; font-size: 70px; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img02 p.ani_01 {
	left: 10%; top: 20%; width: 90%; text-align: left; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img02 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -4px; padding-bottom: 20px; font-size: 70px; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 {
	left: 10%; top: 25%; width: 80%; text-align: center; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -4px; padding-bottom: 20px; font-size: 46px; font-style: italic; font-weight: 900; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.main .blog dl dd.title {
	font-size: 18px;
}
.main .blog dl dd.date {
	font-size: 14px;
}
.main .blog dl dd {
	font-size: 14px;
}
}
@media screen and (max-width:1024px)
{
.main .notice {
	top: -100px;
}
.main .notice dl dt {
	font-size: 16px; font-weight: 500;
}
.main .notice .notice_list {
	width: 100%; height: 160px; overflow: hidden; clear: both; position: relative;
}
.main .notice h2 {
	margin: 0px 3%; padding: 20px 0px 0px; width: 94%; font-size: 20px;
}
.main .notice h2::before {
	background: rgb(204, 0, 0); left: 0px; top: 0px; width: 60px; height: 2px; position: absolute; content: "";
}
.main .notice h2 a {
	display: none;
}
.main .notice dl {
	margin: 0px 3%; padding: 10px 0px; width: 94%;
}
.main .notice dl::before {
	background: none;
}
.main .notice dl dd {
	margin-top: 10px; min-height: 85px;
}
.main .notice dl dt span {
	font-size: 14px; margin-top: 0px;
}
.main .notice .mo_btn {
	margin: 2px 3%; width: 94%; overflow: hidden; position: relative;
}
.main .notice .mo_btn a.prev {
	background: url("../image/mo_prev.png") no-repeat center / 10px auto; border: 1px solid rgb(218, 218, 220); border-image: none; width: 40px; height: 40px; text-indent: -9999px; display: inline-block;
}
.main .notice .mo_btn a.next {
	background: url("../image/mo_next.png") no-repeat center / 10px auto; border: 1px solid rgb(218, 218, 220); border-image: none; width: 40px; height: 40px; text-indent: -9999px; display: inline-block;
}
.main .notice .mo_btn a.more {
	text-align: center;
	background: rgb(204, 0, 0); top: 0px; width: 100px; height: 40px; right: 0px; color: rgb(255, 255, 255); line-height: 34px; display: block; position: absolute;
}
#mainvisual .visual a.prev {
	background: rgba(12, 29, 51, 0); left: 0px; top: 50%; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-top: -20px;
}
#mainvisual .visual a.next {
	background: rgba(12, 29, 51, 0); top: 50%; width: 40px; height: 40px; text-align: center; right: 0px; line-height: 40px; margin-top: -20px;
}
#mainvisual .visual a img {
	width: 20px;
}
#mainvisual .visual li.img01 p.ani_01 {
	left: 10%; top: 30%; width: 90%; text-align: left; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 2.5vw; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img01 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -1px; padding-bottom: 20px; font-size: 8vw; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img02 p.ani_01 {
	left: 10%; top: 20%; width: 90%; text-align: left; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 2.5vw; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img02 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -1px; padding-bottom: 20px; font-size: 8vw; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 {
	left: 10%; top: 20%; width: 80%; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 2.5vw; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -1px; padding-bottom: 20px; font-size: 6vw; font-style: italic; font-weight: 900; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.contents > div.service {
	margin: 30px 0px; width: 100%;
}
.main .service .menu {
	background: rgb(29, 53, 88); padding: 20px 0px 50px; width: 100%; float: none; position: relative;
}
.main .service .menu h2 {
	color: rgb(255, 255, 255); padding-left: 3%; font-size: 20px; margin-bottom: 10px;
}
.main .service .menu h2 br {
	display: none;
}
.main .service .menu dl {
	padding: 0px;
}
.main .service .menu dl.bluk {
	background: url("../image/lnb_arrow_off.png") no-repeat 90% 12px / 12px rgb(255, 255, 255); left: 3%; top: 60px; width: 46.5%; height: 30px; color: rgb(29, 53, 88); overflow: hidden; padding-left: 20px; font-size: 14px; position: absolute; z-index: 10;
}
.main .service .menu dl.container {
	background: url("../image/lnb_arrow_off.png") no-repeat 90% 12px / 12px rgb(255, 255, 255); top: 60px; width: 46.5%; height: 30px; right: 3%; color: rgb(29, 53, 88); overflow: hidden; padding-left: 20px; font-size: 14px; position: absolute; z-index: 10;
}
.main .service .menu dl.on {
	background: url("../image/lnb_arrow_off.png") no-repeat 90% 12px / 12px rgb(255, 255, 255); color: rgb(29, 53, 88);
}
.main .service .menu dd.on {
	color: rgb(255, 0, 0);
}
.main .service .menu dt {
	line-height: 30px; font-size: 14px; font-weight: 600;
}
.main .service .menu dt a {
	display: block;
}
.main .service .menu dd {
	height: 30px; line-height: 30px; font-size: 13px; cursor: pointer;
}
.main .service .route {
	background: url("../image/main_service_route01.jpg") no-repeat center / cover rgb(41, 74, 123); padding: 0px; width: 100%; height: auto; color: rgb(255, 255, 255); clear: both; float: none;
}
.main .service .route img {
	max-width: 100%;
}
.main .service .route p {
	left: 3%; top: 20px; line-height: 220%; font-size: 12px; position: absolute;
}
.main .service .route p span {
	font-size: 24px; font-weight: 200; display: block;
}
.main .service .route p span.showPc {
	display: none;
}
.main .about h2 {
	margin-bottom: 20px;
}
.main h2 {
	font-size: 24px;
}
.main h2 span {
	font-size: 12px;
}
.main .blog {
	padding: 30px 0px;
}
.main .blog h2 {
	text-align: center; margin-bottom: 20px;
}
.main .blog li {
	transition:1s ease-in-out; width: 48%; margin-right: 4%; float: left;
}
.main .blog li:nth-child(2) {
	margin-right: 0px;
}
.main .blog > div > a.prev {
	background: rgba(12, 29, 51, 0.2); left: 0px; top: 50%; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-top: -20px;
}
.main .blog > div > a.next {
	background: rgba(12, 29, 51, 0.2); top: 50%; width: 40px; height: 40px; text-align: center; right: 0px; line-height: 40px; margin-top: -20px;
}
.main .blog > div > a img {
	width: 20px;
}
.main .blog dl dd.cont {
	height: 140px;
}
}
@media screen and (max-width:768px)
{
.main .about .intro {
	width: 100%;
}
.main .about .network {
	width: 100%; clear: both; float: none;
}
.main .about .intro li img {
	width: 100%; height: 150px;
}
.main .about .network img {
	width: 100%; height: 240px;
}
.main .about .network p {
	top: 20%; font-size: 30px;
}
.main .about .network p span {
	color: rgb(255, 255, 255); font-weight: 600; display: block;
}
.main .about .network ul {
	left: 50%; top: 60%; width: 100%; margin-left: -92px; position: absolute;
}
.main .about .network li {
	margin: 0px 1px; width: 90px; float: left;
}
.main .about .network li a {
	background: url("../image/main_about_network_ico.png") no-repeat 74px rgb(255, 255, 255); padding: 5px 10px; font-size: 14px;
}
.main .blog dl dd {
	background: rgb(255, 255, 255); padding: 5% 5% 20px; color: rgb(116, 118, 123); font-size: 15px;
}
.main .blog dl dd.title {
	padding: 5% 5% 5px; color: rgb(23, 27, 40); line-height: 120%; letter-spacing: -1px; font-size: 18px; font-weight: 600; min-height: 60px;
}
.main .blog dl dd.date {
	padding: 0px 5%; color: rgb(187, 187, 188); letter-spacing: 0px; font-size: 15px; font-weight: 300;
}
.main .blog dl dd.cont {
	height: 125px;
}
.main .service .route p br {
	display: block;
}
.main .service .route p {
	left: 3%; top: 20px; line-height: 220%; font-size: 12px; position: absolute;
}
.main .service .route p span {
	font-size: 20px; font-weight: 200; display: block;
}
}
@media screen and (max-width:480px){
#mainvisual .visual li.img01 p.ani_01 {
	left: 10%; top: 30%; width: 90%; text-align: left; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 3.3vw; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img01 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -1px; padding-bottom: 20px; font-size: 7vw; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
#mainvisual .visual li.img02 p.ani_01 {
	left: 10%; top: 20%; width: 90%; text-align: left; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 3.3vw; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img02 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -1px; padding-bottom: 20px; font-size: 7vw; font-style: italic; font-weight: 700; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 {
	left: 10%; top: 20%; width: 80%; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 3.3vw; font-weight: 300; margin-top: 0px; margin-left: 0px; position: absolute; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#mainvisual .visual li.img03 p.ani_01 span {
	color: rgb(255, 255, 255); line-height: 100%; letter-spacing: -1px; padding-bottom: 20px; font-size: 6vw; font-style: italic; font-weight: 900; display: block; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.main .blog li {
	width: 100%; margin-right: 0px; float: none;
}
.main .blog li:nth-child(2) {
	margin-right: 0px;
}
.main .about .intro li {
	font-size: 12px;
}
.main .about .intro li a {
	margin-top: -20px;
}
.main .about .intro li strong {
	font-size: 16px;
}
.main .about .intro li img {
	width: 100%; height: auto;
}
.main .about .network img {
	width: 100%; height: 200px;
}
.main .blog dl dd {
	background: rgb(255, 255, 255); padding: 5% 5% 20px; color: rgb(116, 118, 123); font-size: 13px;
}
.main .blog dl dd.title {
	padding: 5% 5% 5px; color: rgb(23, 27, 40); line-height: 120%; letter-spacing: -1px; font-size: 15px; font-weight: 600; min-height: 60px;
}
.main .blog dl dd.date {
	padding: 0px 5%; color: rgb(187, 187, 188); letter-spacing: 0px; font-size: 13px; font-weight: 300;
}
.main .blog dl dd.cont {
	height: 110px;
}
.main .service .route p {
	left: 3%; top: 10px; line-height: 180%; font-size: 12px; position: absolute;
}
.main .service .route p span {
	font-size: 18px; font-weight: 200; display: block;
}

.main .billboard {
	width: 100%;
	margin-left: 0;
	left: 0px;
	text-align: center;
}
.main .billboard1, .main .billboard2 {
	height: 60px;
	line-height: 60px;
	width: 48%;
	margin: 0;
}
/* 메인화면 4각형 4개 */
.main .about .intro li a {
	padding-top: 6px;
	margin-top: -20px;
	font-size: 1rem;
}





}