@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}
body {min-width:1200px;}

#header {width:100%; height:120px; z-index:1000;position:absolute;top:0;left:0;}
#header_content {*zoom:1; width:1200px; margin:0 auto; position:relative; height:100%;}
#header_content .logo {position:absolute; top:65px; left:0; z-index:1001;}
#header_content .logo a {display:block; }

#header #home_menu {position:absolute; top:10px; left:0; width:100%; height:30px; z-index:1001;}
#header #home_menu ul {width:1200px; margin:0 auto;text-align:right;}
#header #home_menu ul:after {content:" "; display:block; clear:both;}
#header #home_menu ul li {display:inline-block; padding:0 12px;  background:url('../images/main/top_var.png') 0 center no-repeat;}
#header #home_menu ul li:first-child {background:none;}
#header #home_menu ul li:last-child {padding:0 0 0 12px;}
#header #home_menu ul li a {display:block; font-size:12px; font-weight:500; color:#ffffff; line-height:30px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header #home_menu ul li a:hover {color:#bfeef6;}


/* gnb */
#gnb {width:100%;position:absolute;z-index:1000;top:40px;left:0;height:80px;}
#gnb  > ul {*zoom:1;width:1200px;margin:0 auto;box-sizing:border-box;text-align: right;}
#gnb  > ul:after {content:" "; display:block; clear:both;}
#gnb  > ul > li {text-align: center;  width:auto; margin-left:60px;text-align:right; display:inline-block; z-index:900;box-sizing:border-box;position:relative;}
#gnb  > ul > li:first-child {margin:0;}
#gnb > ul > li > a {display:block;font-size:18px;height:80px; line-height:80px;font-weight:600; color:#fff;letter-spacing: -0.03em;} 
#gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li.active > a {color:#bfeef6;}


#gnb div.submenu {display:none; position:absolute; top:80px;  z-index:999; min-height:160px; width:210px;background:url('../images/main/gnb_arrow.png') center 0 no-repeat;padding:9px 0 0 0;}

#gnb  > ul > li.m1 div.submenu  { left:-60px; }
#gnb  > ul > li.m2 div.submenu  { left:-70px; }
#gnb  > ul > li.m3 div.submenu  { left:-55px; }
#gnb  > ul > li.m4 div.submenu  { left:-60px; }
#gnb  > ul > li.m5 div.submenu  { left:-70px; }

#gnb div.submenu ul {margin:0 ; height:auto; padding:20px 0; width:auto; background:url('../images/main/submenu_bg.png') 0 0 repeat;}
#gnb div.submenu ul li {float:none; font-size:16px; padding:0; height:auto; line-height:37px; letter-spacing:-0.03em; font-weight:600; text-align:center; margin:0;}

#gnb div.submenu ul li a {height:auto; display:block; color:#092a3e;}
#gnb div.submenu ul li a:hover, #gnb div.submenu ul li a:focus {text-decoration:underline;}


/* mobile gnb */
.tops {display:none;}
.allmenu_bt {display:none;}
#nav {display:none;}

#container {width:100%; clear:both;}


#mainvisual {width:100%; min-width:1200px; height:729px; overflow:hidden; position:relative;}

#mainvisual .main_txt{position:absolute;width:1200px; left:50%;margin-left:-600px;z-index:999;padding:210px 0 0 0 ;}
#mainvisual .main_txt h3 {font-size:45px; font-weight:900;color: #ffffff; letter-spacing: -0.04em;line-height:55px;}
#mainvisual .main_txt h3  span{font-size:31px;display:block;}
#mainvisual .main_txt h3:after{content:"";display:block; width:530px; height:1px; background-color:#637573; margin:30px 0;}
#mainvisual .main_txt p{font-size:22px; line-height:33px; color:#b3ddf2; letter-spacing:0.03em;}

#mainvisual .slideshow {position:absolute; width:2000px; height:100%; top:0; left:50%; margin-left:-1000px;}
#mainvisual .slideshow div {height:100%; background-repeat:no-repeat; background-position:50% center; background-size:cover;}
.visual_bg1 {background-image:url('../images/main/mainvisual_01.jpg');}
.visual_bg2 {background-image:url('../images/main/mainvisual_02.jpg');}


#mainvisual  .notice {position:absolute;bottom:0;left:0;z-index:999;width:100%; height:150px; box-sizing:border-box; padding:30px 0; background:url('../images/main/notice_bg.png') 0 0 repeat;}
#mainvisual  .notice_in {width:1200px; margin:0 auto;}
#mainvisual  .notice_in:after{content:"";display:block; clear:both;}
#mainvisual  .notice_in h3{float:left;width:270px;font-size:30px;font-weight:900;color:#fff;margin:10px 0 ;}
#mainvisual  .notice_in h3 span{font-size:15px;color:#989fa1;font-weight:600;}

#mainvisual  .notice_in ul{float:left;width:930px;}
#mainvisual  .notice_in ul:after{content:"";display:block;clear:both;}
#mainvisual  .notice_in ul li{float:left; width:310px;height:85px}
#mainvisual  .notice_in ul li a{display:block; width:100%; height:100%; box-sizing:border-box; padding:0 20px; border-left:1px solid #4d5155;}
#mainvisual  .notice_in ul li:first-child a {border-left:none;}
#mainvisual  .notice_in ul li a .date {display:inline-block;padding:4px 20px; font-size:13px; line-height:13px; color:#727c7e; font-weight:600; background-color:#e6f3f6; border-radius:50px;margin:18px 0 10px;}
#mainvisual  .notice_in ul li a .title {font-size:16px;font-weight:600;color:#fff;letter-spacing:-0.03em;width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainvisual  .notice_in ul li a:hover .date, #mainvisual  .notice_in ul li a:focus .date{background-color:#bfeef6;}
#mainvisual  .notice_in ul li a:hover .title, #mainvisual  .notice_in ul li a:focus .title{color:#bfeef6;}



/* section1  */
.section1{width:100%;background:url('../images/main/section1_bg.png') 80% center no-repeat;padding:80px 0;}
.section1 .greet{width:1200px; margin:0 auto; }
.section1 .greet:after{content: "";display: block;clear: both;}

.section1 .greet h3{float:left;width:270px;font-size:30px;font-weight:600;color:#111;letter-spacing:-0.03em;}
.section1 .greet h3 span{font-size:15px;color:#8aa6b8;line-height:22px;display:inline-block;margin:20px 0 0 0;}

.section1 .greet .txtbox {float:left; width:930px;}
.section1 .greet .txtbox  h4{font-size:22px; line-height:32px; letter-spacing:-0.02em; color:#111111;font-weight:600;}
.section1 .greet .txtbox p{font-size:16px; line-height:30px; letter-spacing:-0.03em; color:#333;text-align:justify; margin:30px 0 0 0;letter-spacing:-0.03em;}


/* section2  */
.section2{width:100%;background-color:#ecf4f8;padding:30px 0;}
.section2 .quickbox {width:1200px; margin:0 auto; }
.section2 .quickbox:after{content: "";display: block;clear: both;}
.section2 .quickbox li{float:left;width:200px;height:120px;}
.section2 .quickbox li a{display:block; width:100%; height:100%;text-align:center;color:#20426b; font-size:18px; font-weight:900;letter-spacing:-0.03em;}
.section2 .quickbox li a span{display:block;margin:0 0 18px 0; }
.section2 .quickbox li a span img{
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
.section2 .quickbox li a:hover img, .section2 .quickbox li a:focus img {transform:rotate(15deg);}



/* banner-slider */
.banner_max {border-top:1px solid #ddd;}
.banner_slide_wrap {width:1150px; margin:0 auto; padding:15px 0;}
.banner_slider {position:relative;}
.banner_slider ul li {width:100%;height:100px; text-align:center;display:table;}
.banner_slider ul li a {display:table-cell; vertical-align:middle;}
.banner_slider ul li a  img{width:80%;}








/*Quick Menu */
#quick_menu {position:fixed; bottom:500px; margin:0 0 0 650px; width:65px; left:50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}

#quick_menu a {display:block;}



 /* sub */
#subvisual 
{height:270px; 
	background-image:url('../images/sub/subvisual.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
}
#subvisual .sub_txt {width:1200px; margin:0 auto; text-align:RIGHT;}
#subvisual .sub_txt  h2{font-size:17px; letter-spacing:0.03em;font-weight:600;line-height:25px; color:#8aa3b4;padding:190px 60px 0 0; }

#content {*zoom:1; width:1200px; margin:0 auto;}
#content:after {content:" "; display:block; clear:both;}
#cont {width:925px; float:left; margin:0 0 0 55px;}
#con_area {width:100%;padding:0 0 100px 0; min-height:320px; clear:both;}
#con_area h3.c_tit{font-size:22px;font-weight: 900;color:#111111;padding:0 0 0 37px; background:url('../images/sub/c_tit.png') 0 5px no-repeat; margin:70px 0 20px 0;letter-spacing: -0.03em;}

#leftmenu {float:left; width:220px;margin-top:-70px;}
.tit_box {height:130px;text-align:Center; background:url('../images/sub/tit_bg.jpg') 0 0 repeat;}
.tit_box h3 {font-size:28px;line-height:130px; font-weight:900; color:#fff;  letter-spacing:-0.03em;}

#lnb ul li a {display:block; height:49px; line-height:49px; font-size:16px; font-weight:600; color:#555555; padding:0 25px; letter-spacing:-0.03em;
	border-bottom:1px solid #ddd;
}

#lnb ul > li > a:hover , #lnb ul > li.on > a {
	color:#fff;
	border-color:#094566;
	background-color:#094566;
}


/**/
#subtitle {
	*zoom:1;
	margin:0 0 50px 0;
	padding:45px 0 10px;
	border-bottom:1px solid #666;
}
#subtitle:after {content:" "; display:block; clear:both;}
#subtitle h4 {display:inline-block; font-size:32px; font-weight:900; color:#111; letter-spacing:-0.03em;}
#subtitle .path {float:right;display:inline-block; font-size:13px; font-weight:600; color:#333333; letter-spacing:-0.03em; line-height:13px;margin:30px 0 0;}


.pub {}
.pub .pub_box {margin:0 0 60px 0;}
.pub .pub_box:last-child {margin:0;}
.pub .pub_box h5 {background:#051e44; color:#fff; padding:5px 15px; text-align:left; font-size:17px;}
.pub dl {border-bottom:1px solid #ddd; padding:8px 0;}
.pub dl dt {font-size:16px; color:#333; padding:6px 15px; font-weight:600; text-align:left;}
.pub dl dd {font-size:16px; color:#555; padding:6px 15px; font-weight:500;}
.pub dl span.year:before {content:", "}
.pub dl span.year {color:#333;}




/*footer*/
#footer {clear:both; padding:50px 0; background:#666f7b;}
#footer_content {width:1200px; margin:0 auto; position:relative;}
#footer_content:after{content: "";display: block;clear: both;}
#footer_content  .f_logo{float:left; margin:0 100px 0 0;}
#footer_content address {float:left;font-size:14px; font-weight:400; color:#aaaeb8; line-height:22px; letter-spacing:-0.03em;}
#footer_content address strong {display: block; font-weight:600;color:#fff; font-size:15px;padding:0 0 10px 0;}
#footer_content address span {display:block;color:#c2c4ca;margin:5px 0 0 0;}
#footer_content address span  a{color:#c2c4ca;}





/* 01_01 */
.intro .box1 h4{font-size:22px;font-weight: 500;color: #333333;letter-spacing: -0.03em;line-height: 35px;text-align: center;margin:0 0 20px 0;}
.intro .box1 h4 strong{font-weight: 900;color: #014566;}
.intro .box1  p{text-align: center;font-size: 16px;letter-spacing: -0.02em;color: #333; line-height: 32px;padding: 40px 0;
background:url('../images/sub/introtop_bg.jpg') center center no-repeat;}
.intro .box1 ul {width:690px; margin:0 auto;}
.intro .box1 ul:after{content:"";display: block;clear:both;}
.intro .box1 ul li{float: left;width: 230px;text-align: center;color: #111;font-size: 16px; font-weight: 900;letter-spacing: -0
    .03em;}
.intro .box1 ul li img {margin:0 0 20px 0;}

.intro .box2 > div {padding:40px; background:url('../images/sub/intro_bg.jpg') 0 100% no-repeat;}
.intro .box2 > div p{font-size: 16px;letter-spacing: -0.03em;line-height: 30px;color: #333; text-align: justify;margin:0 0 25px 0;}
.intro .box2 > div h5{font-size: 19px;line-height: 30px;letter-spacing: -0.03em;color: #263f88;font-weight: 600;text-align: left;}

.intro .box2 > div h5:before{content:"";display:block; width:28px;height:21px; background:url('../images/sub/tta1.png') 0 0 no-repeat;margin:0 0 20px 0;}
.intro .box2 > div h5:after{content:"";display:block; width:28px;height:21px; background:url('../images/sub/tta2.png') 0 0 no-repeat;margin:20px 0 0 0;}

.intro .box2 > div .sign{width:290px;padding:70px 0 20px 290px; font-size: 16px;color: #111;letter-spacing: -0.02em; line-height: 60px;text-align: right;}
.intro .box2 > div .sign b{font-weight: 900;font-size: 21px;}

.intro .box3 p {font-size: 16px;font-weight: 900;color: #111;letter-spacing: -0.03em;margin:0 0 40px 0;}
.intro .box3 p span{display: inline-block;padding:8px 45px; color:#fff; line-height:16px;border-radius:50px;background-color:#0f74bb; vertical-align: middle; margin:0 20px 0 0;}
.intro .box3  .img{border:1px solid #ddd; text-align:center; padding:50px 0;}
.intro .box3  .img img{max-width:100%;}





/* 01_02 */
.history .top {}
.history .boxing .normal {font-size:16px; line-height: 30px; letter-spacing: -0.02em;color: #333;text-align: justify;margin:0 0 100px  0;} 

.history .histop {padding:0 0 0 207px; box-sizing:Border-box;height:196px; background:url('../images/sub/his_bg.jpg') 0 0 no-repeat;margin:0 0 40px 0;}
.history .histop h4{padding:70px 0 0 0; font-size: 40px;font-weight: 900; color: #0882ea; }
.history .histop p{ font-size: 17px; color:#9fa5a9; font-weight: 600;letter-spacing: -0.03em;}
.history dl:after{content:"";display:block;clear:both;}
.history dl dt{float:left;width: 200px;margin:0 20px 0 0;padding:20px 0;border-top:1px solid #0882ea;
     font-weight: 900; color: #0882ea;  font-size: 20px;}
.history dl dd{float:left;width:705px;padding:20px 0;border-top:1px solid #ddd;}
.history dl dd p {margin:10px 0; font-size: 15px; color: #444; letter-spacing: -0.05em; line-height: 23px;}
.history dl dd p  span {display: inline-block; margin:0 30px 0 0; font-weight: 600; color: #111;}



/*01_03*/
.busi .boxing .img{border:1px solid #ddd; padding:30px 0;text-align: center;}
.busi .boxing .img img{width: 90%;}
.busi .boxing  ul:after {content:"";display: block;clear: both;}
.busi .boxing  ul li{float: left;width:33%; }
.busi .boxing  ul li .bd{padding:10px; border-left:1px solid #ddd;}
.busi .boxing  ul li .dot{font-size:15px; line-height:22px; letter-spacing: -0.03em; color: #333; text-align: justify; padding:0 0 0 12px; font-weight:600;background:url('../images/sub/mint_dot.png') 0 7px no-repeat;margin:10px 0;}

.busi .boxing  ul li:first-child  .bd{border:none;}

.busi .boxing  ul.step  {margin:30px 0 0 0;}
.busi .boxing  ul.step li{float: left;width:33%; border-left: 1px solid #ddd; padding:10px 20px; box-sizing:border-box;}
.busi .boxing  ul.step li:first-child  {border:none;}


/*01_04*/
.people ul:after {content:"";display: block;clear: both;}
.people ul li{float:left; width:455px;height:255px;box-sizing: border-box;border:1px solid #ddd; 
    border-top:1px solid #111; padding:20px; margin:0 0 20px 15px;background:url('../images/sub/peo_bg.jpg') 80% 80% no-repeat;}
.people ul li:first-child ,.people ul li:nth-child(2n+1) {margin:0 0 20px 0;}

.people ul li:after {content:"";display: block;clear: both;}
.people ul li .pic {float: left;margin:0 20px 0 0;}
.people ul li .info {float: left;}
.people ul li .info .name{font-size: 22px;letter-spacing: -0.03em;color: #111;font-weight: 900;padding:30px 0 ;}
.people ul li .info  .desc{font-size: 14px; color: #222; line-height: 25px; letter-spacing: -0.03em;}


/*01_05*/
.rule h4{font-size: 19px; font-weight: 600;color: #00b0b6; padding:0  0 7px 15px; border-left:4px solid #00b0b6; border-bottom:1px solid #00b0b6;margin:50px 0 0 0;}
.rule dl dt {margin:30px 0 15px 0; font-size: 15px; font-weight: 900; color: #111;}
.rule dl dd {font-size: 15px; color: #333; letter-spacing: -0.03em;line-height: 26px; text-align: justify;}



/* 01_06 */
.plan h4{font-size: 20px;font-weight: 600;color: #00b0b5;margin:0 0 5px 0;}
.plan h5 {font-size: 17px;font-weight: 600;color: #3c3f3f;}

.plan  .peo:after {content:"";display: block;clear: both;}
.plan  .peo li {float:left; width:455px;height:255px;box-sizing: border-box;border:1px solid #ddd; 
    border-top:1px solid #111; padding:20px; margin:0 0 20px 15px;background:url('../images/sub/peo_bg.jpg') 80% 80% no-repeat;}
.plan  .peo li:first-child  {margin:0 0 20px 0;}
.plan  .peo li:after {content:"";display: block;clear: both;}
.plan  .peo li .pic {float: left;margin:0 20px 0 0;}
.plan  .peo  li .info {float: left;}
.plan  .peo  li .info .name{font-size: 22px;letter-spacing: -0.03em;color: #111;font-weight: 900;padding:30px 0 ;}
.plan  .peo  li .info  .desc{font-size: 14px; color: #222; line-height: 25px; letter-spacing: -0.03em;}

.plan table.tb01 thead tr th{font-size: 22px; color: #fff; font-weight: 600; padding:15px 0;}
.plan table.tb01 thead tr th.blue{background-color: #3e9fe2;}
.plan table.tb01 thead tr th.green{background-color: #94c57c;}
.plan table.tb01 thead tr th.pink{background-color: #e1637e;}
.plan table.tb01 tbody tr th{background-color: #7695b3; color: #fff; font-size: 15px; font-weight: 600; line-height: 23px; letter-spacing: -0.03em; text-align: center; padding:30px 10px;border-bottom: 1px solid #ddd;}
.plan table.tb01 tbody tr th strong{display: block;font-size:17px;}
.plan table.tb01 tbody tr td {padding:15px; border:1px solid #ddd;vertical-align: text-top;}
.plan table.tb01 tbody tr td p{font-size: 14px; letter-spacing: -0.05em; color: #111; line-height: 20px;padding:0 0 0 7px;margin:5px 0;font-weight: 600;}
.plan table.tb01 tbody tr td p.dot {background:url('../images/sub/dot_blue.png') 0 7px no-repeat;}
.plan table.tb01 tbody tr td p.dot2 {background:url('../images/sub/dot_green.png') 0 7px no-repeat;}
.plan table.tb01 tbody tr td p.dot3 {background:url('../images/sub/dot_pink.png') 0 7px no-repeat;}

.plan ul.color {margin:15px 0 30px 0;}
.plan ul.color:after {content:"";display: block;clear: both;}
.plan ul.color li{width:33.3%; float: left; box-sizing: border-box; padding:15px;}
.plan ul.color li.b1 {background-color: #ebf4f5;}
.plan ul.color li.b2 {background-color: #eaf7f3;}
.plan ul.color li.b3 {background-color: #dff5f9;}
.plan ul.color li p.dot {font-size: 15px; letter-spacing: -0.03em; padding:0 0 0 10px; margin:5px 0; background:url('../images/sub/dot_blue.png') 0  7px no-repeat; color: #111;font-weight: 600;}


.plan table.tb02 {margin:0 0 70px 0;}
.plan table.tb02 tbody tr th {background-color: #f3f3f3; color: #00b0b5; font-weight: 600;font-size: 16px;padding:10px;border-bottom:1px solid #ddd;border-top: 1px solid #ddd;}
.plan table.tb02 tbody tr th strong{font-weight: 900;display: block;}

.plan table.tb02 tbody tr td {border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:20px;}
.plan table.tb02 tbody tr td .dot {font-size: 15px; letter-spacing: -0.03em; padding:0 0 0 10px; margin:3px 0; background:url('../images/sub/dot_blue.png') 0  7px no-repeat; color: #111;font-weight: 600;}


.plan table.tb03  {margin:10px 0 0 0;}
.plan table.tb03 thead tr th{color: #fff; font-weight: 600; background-color: #6fafb1; font-size: 16px;color: #fff;line-height: 22px; letter-spacing: -0.03em;border:1px solid #ddd;padding:10px;}

.plan table.tb03 thead tr.bar th{margin:0 0 70px 0;font-size: 15px;font-weight: 600;padding:10px;color: #111;}
.plan table.tb03 thead tr.bar th.color1{background-color: #53c0c4;color: #fff;}
.plan table.tb03 thead tr.bar th.color2{background-color: #bdedef;}
.plan table.tb03 thead tr.bar th.color3{background-color: #92eef1;}
.plan table.tb03 thead tr.bar th.color4{background-color: #6ef8fd;}
.plan table.tb03 tbody tr th {background-color: #f4f4f4; font-size: 15px;font-weight: 600;color: #111; text-align: center;letter-spacing: -0.03em; padding:10px; border-bottom:1px solid #ddd;}
.plan table.tb03 tbody tr td {font-size:15px;color: #111;font-weight: 600;text-align: center;padding:20px 10px; border-left: 1px solid #ddd; border-bottom:1px solid #ddd;letter-spacing: -0.04em;}




/* 01_07 */

.facility dl {margin:0 0 30px 0;}
.facility dl dt  {font-size: 18px;font-weight: 900;color:#fff; padding:7px 20px; line-height: 18px;margin:0 0 20px 0;}
.facility dl.gr dt {background:url('../images/sub/green_tit.png') 0 0 no-repeat;}
.facility dl.bl dt {background:url('../images/sub/blue_tit.png') 0 0 no-repeat;}


.facility dl dd:after {content:"";display: block;clear:both;}
.facility dl dd .img {float:left;margin:0 20px 0 0;}
.facility dl dd ul{float:left;width:613px;}
.facility dl dd ul:after{content:"";display: block;clear: both;}
.facility dl dd ul li{float:left;width:50%;font-size: 14px; color: #666; line-height: 25px; letter-spacing: -0.03em;}
.facility dl dd ul li strong{font-size: 16px;font-weight: 900;display: block;padding:20px 0 10px 0;}

.facility dl.gr dd ul li strong {color: #00b0b5;}
.facility dl.bl dd ul li strong{color: #2b93db;}


.facility .boxing h4{background-color: #00b0b5; font-size: 17px; font-weight: 600; color: #fff; text-align: center; line-height: 17px; padding:12px 0; margin:60px 0 10px 0;}
.facility .boxing table{border-top: 1px solid #00b0b5;}

.facility .boxing table thead tr th{border-bottom:1px solid #ddd; background-color: #f5fcfc;color: #00b0b5; padding:5px; font-size:15px; font-weight: 600;border-left:1px solid #ddd;}
.facility .boxing table thead tr th:first-child {border-left:none;}


.facility .boxing table tbody tr th{border-bottom:1px solid #ddd; background-color: #f5fcfc;color: #00b0b5; padding:10px; font-size:15px; font-weight: 600;}


.facility .boxing table tbody tr td{border-bottom:1px solid #ddd; border-left:1px solid #ddd;color: #333; padding:10px 20px; font-size:15px;letter-spacing: -0.04em;}

.facility .boxing table.tb_center tr td{text-align:center;padding:10px;font-size: 14px;}
.facility .boxing table.tb_center2 tr td{text-align:center;padding:5px;font-size: 14px;}
.facility .boxing table.tb_center2 tr td:first-child{border-left: none;}

.facility .boxing  ul.dotul {padding:40px 20px; border-top:1px solid #00b0b5; border-bottom:1px solid #ddd;background:url('../images/sub/fac_img012.jpg') 90% center no-repeat;}
.facility .boxing  ul.dotul:after{content:"";display: block;clear: both;}
.facility .boxing  ul.dotul li {box-sizing:border-box;padding:0 0 0 10px; background:url('../images/sub/mint_dot.png') 0 7px no-repeat;font-size:15px; color: #333; letter-spacing: -0.004em;margin:3px 0;}

.facility .boxing .img {text-align:center;}













/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {
	body {min-width:320px; width:100%; height:100%;
		max-width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header {height:70px;}
	#header_content {width:100%; }
	#header_content .logo {top:28px; left:15px;}
	#header_content .logo img{height:15px;}


	#gnb {display:none;}
	#home_menu {display:none;}
	.mob_none {display:none;}



	/* nav */
	#top_right {float:right; margin:26px 15px 0 0;}
	.allmenu {/*position:absolute; top:35px; right:15px; z-index:1000; display:block; cursor:pointer;*/ position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #fff;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:70px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;}
	#nav li {position:relative; border-top:1px solid #edebe9; background-color:#fff;}
	#nav li a {position:relative; color:#000; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul {}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #3883b3;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:13px; background:#4a96c7; font-weight:500; line-height:130%;}
	#nav > li > ul > li > ul > li {border:none;}
	#nav > li > ul > li > ul {padding:10px 0;background:#35803b; }
	#nav > li > ul > li > ul > li a {color:#fff; font-size:13px; background:#35803b; font-weight:500; line-height:100%;padding:10px 20px 10px 40px;}


	#mainvisual { min-width:auto; height:500px;}

	#mainvisual .main_txt{width:auto; left:0;margin-left:0;padding:100px 20px 0 ;}
	#mainvisual .main_txt h3 {font-size:22px;line-height:30px;}
	#mainvisual .main_txt h3  span{font-size:18px;}
	#mainvisual .main_txt h3:after{width:250px;  margin:15px 0;background-color:#fff;}
	#mainvisual .main_txt p{font-size:15px; line-height:20px; }

	#mainvisual .slideshow { width:100%; left:0; margin-left:0;}
	#mainvisual .slideshow div {}

	#mainvisual  .notice {height:auto; padding:20px 15px;}
	#mainvisual  .notice_in {width:auto; }
	#mainvisual  .notice_in h3{float:none;width:auto;font-size:20px;margin:0 0 10px 0 ;}
	#mainvisual  .notice_in h3 span{font-size:13px;}

	#mainvisual  .notice_in ul{float:none;width:auto;}
	#mainvisual  .notice_in ul li{float:none; width:auto;height:auto;}
	#mainvisual  .notice_in ul li a{padding:5px 0 0;border:none;overflow:hidden;}
	#mainvisual  .notice_in ul li a .date {float:left;padding:3px 10px;font-size:11px; line-height:11px;margin:0 10px 10px 0 ;}
	#mainvisual  .notice_in ul li a .title {float:left;font-size:14px;width:60%;}



	/* section1  */
	.section1{width:auto;background:url('../images/main/section1_bg.png') 80% 10% no-repeat; background-size:150px;padding:40px 15px;}
	.section1 .greet{width:auto;}

	.section1 .greet h3{float:none;width:auto;font-size:20px;margin:0 0 30px 0;}
	.section1 .greet h3 span{font-size:13px;line-height:18px;margin:10px 0 0 0;}

	.section1 .greet .txtbox {float:none; width:auto;}
	.section1 .greet .txtbox  h4{font-size:16px; line-height:26px;text-align:justify;}
	.section1 .greet .txtbox  h4 br{display:none;}
	.section1 .greet .txtbox p{font-size:14px; line-height:26px;}


	/* section2  */
	.section2 .quickbox {width:auto; }
	.section2 .quickbox li{width:33.3%;height:auto;}
	.section2 .quickbox li a{font-size:13px;padding:10px 0;}
	.section2 .quickbox li a span{margin:0 0 10px 0; }
	.section2 .quickbox li a span img{width:50px;}
	.section2 .quickbox li a:hover img, .section2 .quickbox li a:focus img {transform:rotate(15deg);}




	/* banner-slider */
	.banner_slide_wrap {width:auto; }
	.banner_slider ul li a img {
		width: 60%;
	}



	 /* sub */
	#subvisual { background-size:cover;height:190px;background-position:80% center;}

	#subvisual .sub_txt {width:auto; text-align:left;}
	#subvisual .sub_txt  h2{font-size:13px;line-height:22px;padding:120px 0 0 20px; }

	#content {width:auto; margin:0 15px;}

	#cont {width:100%; float:none; margin:0;}
	#con_area > p > img {width:100%;}
    #con_area h3.c_tit{font-size:18px;line-height:26px;word-break: keep-all;    padding:4px 0 4px 37px;background-position:0 4px;}


	#leftmenu {display:none;}

	#subtitle {	position:relative;margin:0 0 30px 0;padding:15px 0 10px;}
	#subtitle h4 {font-size:22px; padding:30px 0 0;}
	#subtitle .path {position:absolute;top:15px;right:0;font-size:12px;line-height:12px;margin:0;}


	/*footer*/
	#footer_content {width:auto; padding:0 15px;}
	#footer_content  .f_logo{float:none; margin:0 0 20px 0;text-align:center;}
	#footer_content  .f_logo img{height:40px;}
	#footer_content address {float:none;font-size:12px;text-align:center;word-break:keep-all;}
	#footer_content address strong {font-size:12px;}


    
    
    /* 01_01 */
    .intro .box1 h4{font-size:17px;line-height: 30px;word-break:keep-all;}
    .intro .box1 h4   br{display: none;}
    .intro .box1  p{font-size: 14px;line-height: 28px;padding: 20px 0;}
    .intro .box1  p   br{display:none;}
    .intro .box1 ul {width:auto;}
    .intro .box1 ul li{width:33.3%;font-size: 13px; }
    .intro .box1 ul li img {width:60%;}

    .intro .box2 > div {padding:20px; background:url('../images/sub/intro_bg.jpg') 100% 100% no-repeat #ebf0f9;}
    .intro .box2 > div p{font-size: 14px;line-height: 28px;}
    .intro .box2 > div h5{font-size: 16px;line-height: 28px;}
    .intro .box2 > div h5 br   {display: none;}

    .intro .box2 > div .sign{width:auto;padding:180px 0 20px 0; font-size: 13px;}
    .intro .box2 > div .sign b{font-size: 16px;}
    .intro .box2 > div .sign  img     {width:200px;}

    .intro .box3 p {font-size: 14px;margin:0 0 20px 0;}
    .intro .box3 p span{display: block;padding:5px 0;width:120px;margin:0 0 10px 0;text-align:center;}
    .intro .box3  .img{border:1px solid #ddd; text-align:center; padding:50px 0;}
    .intro .box3  .img img{max-width:90%;}

    
    /* 01_02 */
    .history .top img{width:100%;}
    .history .boxing .normal {font-size:14px; line-height: 25px; margin: 0 0 50px 0;} 

    .history .histop {padding:0 0 0 20px;  height:100px;background:url('../images/sub/his_bg.jpg') 100% 0 no-repeat;}
    .history .histop h4{padding:30px 0 0 0; font-size: 20px;}
    .history .histop p{ font-size: 14px}

    .history dl dt{float:none;width: 100px;margin:0 0 0 0;}
    .history dl dd{float:none;width:auto;}
    .history dl dd p { font-size: 14px; line-height: 23px;}
    .history dl dd p  span {display: block; margin:0 0 0 0; }

    
    /*01_03*/
    .busi .boxing  ul li{float: none;width:auto; }
    .busi .boxing  ul li .bd{padding:10px; border:none;}
    .busi .boxing  ul li .dot{font-size:14px;text-align: left;}
    .busi .boxing  ul li img{max-width:90%;}

    .busi .boxing  ul.step  {margin:30px 0 0 0;}
    .busi .boxing  ul.step li{float: none;width:auto; border-left: none; border-bottom:1px solid #ddd; padding:10px ;}
    .busi .boxing  ul.step li:first-child  { border-bottom:1px solid #ddd;}
    .busi .boxing p img{max-width:100%;}


    /*01_04*/

    .people ul li{ width:48%;height:auto;margin:0 0 20px 4%;}
    .people ul li .pic {float: none;margin:0 0 10px 0;text-align: center;}
    .people ul li .pic img     {width:70%;}
    .people ul li .info {float: none;text-align: center;}
    .people ul li .info .name{font-size: 16px;padding:0  0 10px 0 ;}
    .people ul li .info  .desc{font-size: 13px; line-height: 22px;}



    /*01_05*/
    .rule h4{font-size: 16px; }
    .rule dl dt {font-size: 13px; }
    .rule dl dd {font-size: 13px;word-break: break-all;}

    

    /* 01_06 */
    .plan h4{font-size: 18px;}
    .plan h5 {font-size: 15px;}

    .plan  .peo li {width:48%;height:auto; margin:0 0 20px 4%;}
    .plan  .peo li .pic {float: none;margin:0 0 10px 0;text-align: center;}
    .plan  .peo li .pic img     {width:60%;}
    .plan  .peo  li .info {float:none;text-align: center;}
    .plan  .peo  li .info .name{font-size: 15px;padding:10px 0 ;}
    .plan  .peo  li .info  .desc{font-size: 13px; line-height: 22px;}

    
    .plan  .img img{max-width:100%;}
    
    .plan table.tb01 thead tr th{font-size: 15px;padding:15px 5px;}

    .plan table.tb01 tbody tr th{ font-size: 13px;line-height: 16px; letter-spacing: -0.05em; padding:20px 5px;}
    .plan table.tb01 tbody tr th strong{font-size:13px;}
    .plan table.tb01 tbody tr td {padding:10px 5px; }
    .plan table.tb01 tbody tr td p{font-size: 12px;line-height: 16px;}


    .plan ul.color li{width:auto; float: none;}
    .plan ul.color li p.dot {font-size: 13px; letter-spacing: -0.05em;}

    .plan table.tb02 tbody tr th {font-size: 13px;padding:10px 5px;}
    .plan table.tb02 tbody tr td {padding:10px 5px;}
    .plan table.tb02 tbody tr td .dot {font-size: 13px;}

    .plan table.tb03 thead tr th{font-size: 13px;line-height: 20px;padding:10px 5px;}

    .plan table.tb03 thead tr.bar th{font-size: 13px;padding:10px 5px;}
    .plan table.tb03 tbody tr th {font-size: 13px;padding:10px 5px; }
    .plan table.tb03 tbody tr td {font-size:13px;padding:10px 5px;}

    
    /* 01_07 */

    .facility dl dt  {font-size: 15px;padding:10px 20px; line-height: 15px;}
    .facility dl dd .img {float:none;margin:0 0 10px 0;text-align: center;}
    .facility dl dd .img img     {max-width:auto;}
    .facility dl dd ul{float:none;width:auto;}
    .facility dl dd ul li{float:none;width:auto;font-size: 13px;  line-height: 22px;}
    .facility dl dd ul li strong{font-size: 14px;padding:5px 0;}

    .facility .boxing h4{font-size: 15px; line-height: 15px; padding:10px 0; margin:30px 0 10px 0;}
    .facility .boxing table thead tr th{font-size:13px;}
    .facility .boxing table tbody tr th{padding:5px; font-size:13px;}
    .facility .boxing table tbody tr td{padding:5px; font-size:13px;}
    .facility .boxing table.tb_center tr td{padding:5px;font-size: 13px;word-break: break-all;}
    .facility .boxing table.tb_center2 tr td{padding:5px;font-size: 12px;word-break: break-all;}

    .facility .boxing  ul.dotul {padding:10px 10px 180px 10px; margin:0 0 20px 0;background-position:95% 100%;background-size: 200px;}

    .facility .boxing  ul.dotul li {float: none; width:auto;font-size:13px;}

    .facility .boxing .img {text-align:center;}
    .facility .boxing .img img {max-width:100%;}

    .facility .boxing table.tb_img tr td img {width:100%;}
    
}

@media screen and (max-width:375px) { 


}
@media screen and (max-width:320px) { 
    
    #subvisual .sub_txt h2 {
        font-size: 12px;
        
    }

}

