/*공통 */
.bold {font-weight: 500;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.float-left {float:left;}
.float-right {float:right;}
.color-red {color:#df1f2a;}
.bg-red {background:#df1f2a;}
.bg-blue {background:#004380;}
.color-blue {color:#004380 !important;}
.color-black {color:#333333;}
.font-family2 {font-family: 'pretendard', serif}
.clearboth { clear:both; height:0px; overflow: hidden; font-size: 1px; line-height: 1; }
br { font-family:dotum;}

input, textarea, select { font-family: 'pretendard', sans-serif; font-size:15px; }

span {display: inline-block;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-ms-clear { display:none; }
input::-ms-reveal {display: none;}


.footer_select > ul { width:100%; border:solid 1px #ddd; background:#fff; position: absolute; bottom:40px; left:0px; display:none; z-index: 999; }
.footer_select > ul li { border-bottom:dotted 1px #ddd; text-indent: 15px; }
.footer_select > ul li:last-child { border-bottom:none; }
.footer_select > span { cursor:pointer; display:block; text-indent: 30px; }

select::-ms-expand {
    display: none;
}

.ellipsis_row {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.ellipsis_7row {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.textarea_box {
    border:1px solid #004380;
    padding:10px;
}
.textarea_box textarea { border:none; }
textarea:focus {outline:none;}

body { font-family: 'pretendard', sans-serif; box-sizing: border-box; }

textarea {  font-family: 'pretendard', sans-serif; }

.reset { clear:both; height:0px; overflow: hidden; font-size: 1px; line-height: 1; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.ui-loader { display:none; }

.wrap { min-width:320px; }

#header { height:80px; position:fixed; top:0px; left:0px; width:100%; border-bottom:solid 1px #8fb5f6; z-index:999; min-width:320px; }
#header .inner { max-width:1120px; margin:0 auto; padding:0 20px; }
#header .logo { float:left; margin-top:30px; }
#header .logo img.mobile { display:none; }
#header .tel { float:right; color:#fff; margin-top:25px; line-height: 32px; font-size:29px; font-weight:bold; background:url(icon_phone2.png) no-repeat 5px center; padding-left:40px; }
#header.selected { background:#fff; box-shadow:0px 10px 20px rgba(0,0,0,0.3);  border-bottom:solid 1px #fff; }
#header.selected .logo img { display:none; }
#header.selected .logo img.mobile { display:inline; }
#header.selected .tel { color:#000; background-image:url(icon_phone1.png); }

#footer { min-width:320px; }
#footer .inner { max-width:1120px; margin:0 auto; padding:40px 20px; }
#footer .logo { float:left; margin-right:170px; }
#footer .info { float:left; color:#888888; font-size:14px; line-height:1.6; }
/* #footer .info ul li { background:url(bullet_vline.png) no-repeat right center; padding-right:13px; margin-right:12px; } */
#footer .info ul li:last-child { background:none; padding-right:0px; margin-right:0px; }
#footer .info ul li a.link {color: #2457a7;text-decoration: underline;}
#footer .info ul li a + a::before {content: '';display: inline-block;margin: 0 12px; width:1px;height:10px;background:#888888}
#footer .copyright { clear:both; }

.floating { position:fixed; bottom:20px; right:20px; z-index:999; }


.section { overflow:hidden; word-break: keep-all; }
.section .inner { position: relative; max-width:1120px; margin:0 auto; padding:0 20px; }

.section1 { background:url(section1_bg.png) no-repeat top center; background-size:cover; }
.section1 .inner {  padding-top:100px; min-height:800px;  }
.section1 .txt { position: relative; padding-top:100px; color:#fff; z-index:2; }
.section1 .txt .slo { display:block; font-size:48px; font-weight:bold; margin-bottom:70px; }
.section1 .txt .info { display:block; font-size:32px; font-weight:200; }
.section1 .txt .info span { display:block; font-size:80px; font-weight:bold; margin-top:10px;  }
.section1 .txt .info span.type02 {font-size: 40px;font-weight: 500;}
/*.section1 .img { position: relative; position:absolute; top:0px; left:0px; z-index:1; }*/
.section1 .img { position: relative; position:absolute; top:270px; right:-140px; z-index:1; }

/* 롤링 박스 스타일 */
.section1 .slide_zone {
    position: absolute;
    top: 120px;
    right: 3%;
}
.section1 .rolling-box {
  width: 300px;
  height: 160px;
  overflow: hidden;
  background-color: transparent;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  font-family: 'Noto Sans KR', sans-serif;
  z-index: 10;
}

/* 리스트 스타일 */
.section1 .rolling-list {
  animation: scroll-up 20s linear infinite;
  list-style: none;
  margin: 0;
  padding: 0;
}

.section1 .rolling-list li {
  margin-bottom: 8px;
}


.section2 { background:#fff; }
.section2 .txt { position: relative; font-size:48px; font-weight: 800; color:#2457a7;  margin-top:80px; }
.section2 .txt .sub { font-size:16px; color:#000;font-weight: normal; margin-top:35px; line-height:1.5; }
.section2 .img { text-align:center; margin-bottom:70px; }
.section2 .img img { width:100%; max-width: 935px; height:auto; }
.section2 .img img.mobile { display:none; }



.section3 { background:#f2f7ff; }
.section3 .inner { padding-bottom:100px; }
.section3 .txt { position: relative; font-size:48px; font-weight: 800;   margin-top:80px; }
.section3 .txt .blue { color:#2457a7;  }
.section3 .txt .sub { display:block; font-size:16px; color:#000;font-weight: normal; margin-top:30px; line-height:1.5; }
.section3 .slide { margin-top:75px; position:relative; }
.section3 .slide .conts { position:absolute; padding-top:30px; z-index:99; }
.section3 .slide .page { margin-top:10px; font-size:14px; font-weight:800; color:#000; }
.section3 .slide .page ul {  margin:0 auto; position:relative; }
.section3 .slide .page li.no { position:absolute; top:-6px; }
.section3 .slide .page li:nth-child(3) { right:0px; }
.section3 .slide .page li.bar { display:block; position: relative; width:90%; margin:0 auto; height:3px; background:#fff; }
.section3 .slide .page li.bar span { position: absolute; width:33.33%; background:#000; height:100%; }
.section3 .slide .tabmenu {}
.section3 .slide .tabmenu li { margin-bottom:30px; }
.section3 .slide .tabmenu li a { cursor:default; }
.section3 .slide .tabmenu li a .tit { font-size:16px; -webkit-transition: font 0.4s ease; }
.section3 .slide .tabmenu li a .num { display:none; font-size:15px; font-weight:800; color:#2457a7; margin-bottom:17px; }
.section3 .slide .tabmenu li a.selected { display:block; font-size:29px; font-weight:bold; padding-bottom:10px;}
.section3 .slide .tabmenu li a.selected .tit { display:inline-block; font-size:29px; -webkit-transition: font 0.4s ease; font-weight:bold; border-bottom:solid 3px #000; min-width:300px;  }
.section3 .slide .tabmenu li a.selected .num { display:block; }
.section3 .slide .control { margin-top:160px; }
.section3 .slide .control li { float:left; margin-right:10px; }
.section3 .slide .control .btn_slide_stop.selected { opacity:0.3; }

.section3 .slide .scroll { margin-left:285px;  z-index:3; clip-path: inset( -600vw -600vw -600vw 0 ); }
.section3 .slide .scroll > ul { white-space:nowrap; position:relative; }
.section3 .slide .scroll > ul > li { width:400px; display:inline-block; vertical-align:top; margin-top:35px; margin-right:50px; }
.section3 .slide .scroll > ul > li .box { }
.section3 .slide .scroll > ul > li .menu { display:none; text-align:center; font-size:20px; font-weight:800; margin-bottom:20px; }
.section3 .slide .scroll > ul > li .menu span { border-bottom:solid 2px #000; }
.section3 .slide .scroll > ul > li .img { position: relative; z-index:9; }
.section3 .slide .scroll > ul > li .img img {  width:100%;  height:auto; }
.section3 .slide .scroll > ul > li .desc { opacity: 0; position: relative; margin-top:-50px; margin-left:55px; background:#2457a7; color:#fff; border-radius:20px; font-size:29px; font-weight:bold; height:115px; padding:20px 25px 35px 25px; z-index:10; white-space:normal;  }
.section3 .slide .scroll > ul > li .desc span { display:block; font-size:16px; font-weight:normal; margin-top:10px; }
.section3 .slide .scroll > ul > li .desc span.tip { color:#73a9ff; font-size:12px; }

.section3 .slide .scroll > ul > li.selected { width:480px; margin-top:0px;  }
.section3 .slide .scroll > ul > li.selected .img { box-shadow: 25px 25px 25px rgba(0,0,0,0.2);  }
.section3 .slide .scroll > ul > li.selected .img img {  }
.section3 .slide .scroll > ul > li.selected .desc { opacity: 1; box-shadow: 25px 25px 25px rgba(0,0,0,0.1); -webkit-animation: fadeIn 0.2s; }




.section4 { background:#fff; }
.section4 .txt { float:left; position: relative; font-size:48px; font-weight: 800; margin-top:120px;  margin-bottom:130px;  margin-right:25px; }
.section4 .txt .blue { color:#2457a7;  }
.section4 .txt .sub { display:block; font-size:16px; color:#000;font-weight: normal; margin-top:30px; line-height:1.5; }
.section4 .img { float:left; margin-top:65px; }
.section4 .img img { width:100%; max-width: 348px; height:auto; }


.section5 { background:#2457a7; }
.section5 .txt { position: relative; font-size:39px; font-weight: 800; color:#fff; margin-top:100px; margin-bottom:150px;}
.section5 .txt span { display:inline-block; border-bottom:solid 4px #fff; padding-bottom:5px; }
.section5 .inner > ul { max-width:840px; margin:0 auto; }
.section5 .inner > ul li { position:relative; clear:both; padding-bottom:100px; }
.section5 .inner > ul li .img { float:left; width:50%; text-align:center; }
.section5 .inner > ul li .img img { max-width:389px; width:100%; height:auto; }
.section5 .inner > ul li .info { float:left; width:50%; line-height:1.4 }
.section5 .inner > ul li .info .inset { padding:40px 40px;  }
.section5 .inner > ul li .info .num { display:block; font-size:15px; font-weight:800; color:#73a9ff; margin-bottom:15px; }
.section5 .inner > ul li .info .desc { display:block; font-size:29px; font-weight:bold; color:#fff; }
.section5 .inner > ul li:nth-child(even) .img { float:right;  }
.section5 .inner > ul li:nth-child(even) .info { float:right;  }


.section6 { background:#f2f7ff; }
.section6 .txt { position: relative; font-size:39px; font-weight: 800; margin-top:100px; margin-bottom:150px;1}
.section6 .txt span { display:inline-block; border-bottom:solid 4px #000; padding-bottom:5px; }
.section6 .inner > ul { max-width:840px; margin:0 auto; }
.section6 .inner > ul li { position:relative; clear:both; padding-bottom:100px; }
.section6 .inner > ul li .img { float:left; width:50%; text-align:center; }
.section6 .inner > ul li .img img { max-width:369px; width:100%; height:auto; }
.section6 .inner > ul li .info { float:left; width:50%; line-height:1.4 }
.section6 .inner > ul li .info .inset { padding:40px 40px;  }
.section6 .inner > ul li .info .num { display:block; font-size:15px; font-weight:800; color:#2457a7; margin-bottom:15px; }
.section6 .inner > ul li .info .tit { display:block; font-size:29px; font-weight:800; margin-bottom:20px; }
.section6 .inner > ul li .info .desc { display:block; font-size:23px; font-weight:normal; }
.section6 .inner > ul li:nth-child(even) .img { float:right;  }
.section6 .inner > ul li:nth-child(even) .info { float:right;  }



.section7 { background:#fff; }
.section7 .txt { float:left; position: relative; font-size:48px; font-weight: 800; margin-top:120px;  margin-bottom:110px;  margin-right:25px; }
.section7 .txt .blue { color:#2457a7;  }
.section7 .txt .sub { display:block; font-size:16px; color:#000;font-weight: normal; margin-top:35px; line-height:1.5; }
.section7 .img { float:left; margin-top:65px; }
.section7 .img img { width:100%; max-width: 348px; height:auto; }



.section8 { background:#2457a7; }
.section8 .txt { position: relative; font-size:39px; font-weight: 800; color:#fff; margin-top:100px; margin-bottom:150px;1}
.section8 .txt span { display:inline-block; border-bottom:solid 4px #fff; padding-bottom:5px; }
.section8 .inner > ul { max-width:840px; margin:0 auto; }
.section8 .inner > ul li { position:relative; clear:both; padding-bottom:100px; }
.section8 .inner > ul li .img { float:left; width:50%; text-align:center; }
.section8 .inner > ul li .img img { max-width:369px; width:100%; height:auto; }
.section8 .inner > ul li .info { float:left; width:50%; line-height:1.4 }
.section8 .inner > ul li .info .inset { padding:40px 40px;  }
.section8 .inner > ul li .info .num { display:block; font-size:15px; font-weight:800; color:#73a9ff; margin-bottom:15px; }
.section8 .inner > ul li .info .desc { display:block; font-size:29px; font-weight:bold; color:#fff; }
.section8 .inner > ul li:nth-child(even) .img { float:right;  }
.section8 .inner > ul li:nth-child(even) .info { float:right;  }

.section9 { background:url(section9_bg.png) no-repeat; background-size:cover; color:#fff; }
.section9 .txt { position: relative; font-size:48px; font-weight: 800; margin-top:100px; margin-bottom:75px; }
.section9 .txt .blue { color:#2457a7;  }
.section9 .txt .sub { display:block; font-size:16px; font-weight: normal; margin-top:25px; line-height:1.5; margin-bottom:35px; }
.section9 .txt a { display:block; max-width: 400px; background:#fff; height:50px; line-height:50px; color:#000; text-align:center; border-radius:25px; }
.section9 .txt a span { display:inline-block;vertical-align: bottom; font-size:20px; background:url(bullet_right.png) no-repeat right center; padding-right:25px; }
.section9 .inner > ul.ul { padding-bottom:75px; }
.section9 .inner > ul.ul li { float:left; width:25%; }
.section9 .inner > ul.ul li .box { border:solid 1px #fff; border-radius:15px; position:relative; min-height:185px; margin:0px 20px 40px 0; cursor:pointer; }
.section9 .inner > ul.ul li .tit { margin-top:30px; margin-left:35px; font-size:23px; font-weight:800; display:inline-block; background:url(section9_arrow_off.png) no-repeat right center; padding-right:45px; }
.section9 .inner > ul.ul li .img { position:absolute; right:30px; bottom:30px; }
.section9 .inner > ul.ul li .box:hover { background:#2457a7; border:solid 1px #2457a7; box-shadow:1px 5px 10px #000; }
.section9 .inner > ul.ul li .box:hover .tit { background:url(section9_arrow_on.png) no-repeat right center; }

.section9 .slide_zone {display: none;}


#topBtn {
    position: fixed;
    bottom: 40px;
    right: 59px;
    width: 100px;
    height: 100px;
    border-radius: 99rem;
    font-size: 18px;
    background: red;
    color: white;
    cursor: pointer;
    display: none; /* 기본은 숨김 */
}



/* 애니메이션 */
@keyframes scroll-up {
  0% { transform: translateY(0%); }
  100% { transform: translateY(-100%); }
}

/* 모바일 대응 */
@media (max-width: 1130px) {
    .section1 .slide_zone {
        display:none
    }

}
@media (max-width: 800px) {
  .section9 .slide_zone {display: block;}
  .section9 .rolling-box {
    width: 100%;
    height: 140px;
    overflow: hidden;
    background-color: transparent;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    z-index: 10;
  }

  /* 리스트 스타일 */
  .section9 .rolling-list {
    animation: scroll-up 20s linear infinite;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .section9 .rolling-list li {
    margin-bottom: 8px;
  }
}
.m_bottom {display: none;}


@media all and (max-width:1200px) {
    #header { height:80px; }
    #header .logo { margin-top:28px; }
    #header .tel { margin-top:25px; font-size:27px; background-size:25px; background-position:left center; padding-left:35px; }

    .floating { bottom:0; right:-7px; width:90px}
    .floating img {width: 100%;}

    #topBtn {
        width: 70px;
        height: 70px;
        right: 45px;

    }

    .section1 .inner { padding-top:80px; min-height:800px; }
    .section1 .txt { padding:90px 0 30px; }
    .section1 .txt .slo { margin-bottom:170px; }
    .section1 .txt .info span { font-size:70px; }
    .section1 .img { top:240px; width:1000px; height:auto; right:-50px; }
    .section1 .img img { width:100%; }

    .section2 .txt { font-size:45px; }
    .section3 .txt { font-size:45px; }
    .section4 .txt { font-size:45px; }
    .section5 .txt { font-size:45px; }
    .section6 .txt { font-size:45px; }
    .section7 .txt { font-size:45px; }
    .section8 .txt { font-size:45px; }
    .section9 .txt { font-size:45px; }
}

@media all and (max-width:1000px) {
    #footer .logo { float:none; margin-right:0px; }
    #footer .info { float:none; margin-top:20px; }

    .section3 .slide .tabmenu li a.selected .tit { font-size:24px; min-width:250px; }
    .section3 .slide .scroll > ul > li { width:380px; margin-top:20px; }
    .section3 .slide .scroll > ul > li.selected { width:410px; }
    .section3 .slide .scroll > ul > li .desc { font-size:23px; }
    .section3 .slide .scroll > ul > li .desc span { font-size:14px; }

    .section3 .slide .scroll { margin-left:30%; }
}

@media all and (max-width:880px) {
    #header .logo { margin-top:28px; }
    #header .logo img { width:170px; height:auto; }
}

@media all and (max-width:820px) {

    .section4 .txt { margin-bottom:70px; margin-top:70px; }
    .section4 .img { width:205px; margin-top:50px; }

    .section7 .txt { margin-bottom:70px; margin-top:70px; }
    .section7 .img { width:205px; margin-top:50px; }
}

@media all and (max-width:800px) {
    .section1 .inner { min-height:680px; }
    .section1 .txt .slo { font-size:38px; }
    .section1 .txt .info { font-size:30px; }
    .section1 .txt .info span { font-size:60px; }
    .section1 .img { top:250px; width:100%; }


    .section2 .txt { font-size:36px; }
    .section3 .txt { font-size:36px; }
    .section4 .txt { font-size:36px; }
    .section5 .txt { font-size:36px; }
    .section6 .txt { font-size:36px; }
    .section7 .txt { font-size:36px; }
    .section8 .txt { font-size:36px; }
    .section9 .txt { font-size:36px; }

    .section5 .txt { margin-bottom:100px; }
    .section5 .inner > ul li .info .desc { font-size:26px; }
    .section5 .inner > ul li .info .desc br { display:none; }
    .section5 .inner > ul li { padding-bottom:90px; }

    .section6 .txt { margin-bottom:100px; }
    .section6 .inner > ul li .info .tit { font-size: 30px; }
    .section6 .inner > ul li .info .desc { font-size:26px; }
    .section6 .inner > ul li .info .desc br { display:none; }
    .section6 .inner > ul li { padding-bottom:90px; }

    .section8 .txt { margin-bottom:100px; }
    .section8 .inner > ul li .info .desc { font-size:26px; }
    .section8 .inner > ul li .info .desc br { display:none; }
    .section8 .inner > ul li { padding-bottom:90px; }

    .section9 .txt { margin-bottom:100px; }
    .section9 .inner > ul.ul li .tit { font-size:24px; margin-top:15px; margin-left:20px; background-size:24px auto; padding-right:30px; }
    .section9 .inner > ul.ul li .box { border-radius:10px; margin:0px 10px 10px 0 }
    .section9 .inner > ul.ul li .box:hover .tit { background-size:24px auto; }
    .section9 .inner > ul.ul li .img img { width:80px; height:auto; }

    .m_bottom {position: fixed;bottom: 0;left:0;display: block;width:100%;z-index:1}
    .m_bottom p {width:100%;padding: 0 20px;height: 50px;line-height: 50px; color: #fff;background: #2457a7;font-size: 13px;}
}


@media all and (max-width:600px) {
    #header { height:55px; }
    #header .logo { margin-top:20px; }
    #header .logo img { width:auto; height:16px; }
    #header .tel { margin-top:12px; font-size:22px; background-size:20px; background-position:left center; padding-left:25px; }
    #footer { padding:0 0 40px; }
    #footer .logo img { height:18px; width:auto; }
    #footer .info { font-size:13px; }

    .section1 .inner { padding-top:55px; min-height:0; }
    .section1 .txt { padding-top:35px; }
    .section1 .txt .slo { font-size:26px; margin-bottom:25px; }
    .section1 .txt .slo img { height:16px; }
    .section1 .txt .info { font-size:24px; }
    .section1 .txt .info span { font-size:45px; }
    .section1 .txt .info span.type02 {font-size: 24px;}
    .section1 .img { top:0; right:-20px; width:104%; position:relative; }
    #notice-list {position: relative;top: 0;right: inherit;left: 0;margin-top: 40px;}

    .section2 .txt { font-size:26px; margin-top:50px; }
    .section2 .txt .sub { font-size:16px; margin-top:10px; }
    .section2 .img  { margin-top:40px; }
    .section2 .img img { display:none; }
    .section2 .img img.mobile { display:inline; width:100%; max-width:450px; }

    .section3 .slide { margin-top:40px; }
    .section3 .txt { font-size:26px; margin-top:50px; }
    .section3 .txt .sub { font-size:16px; margin-top:10px; }
    .section3 .slide .conts { display:none; }
    .section3 .slide .scroll { margin-left:0px;  }
    .section3 .slide .scroll > ul > li .menu { display:block; }
    .section3 .slide .scroll > ul {  }
    .section3 .slide .scroll > ul > li { width:100% !important; margin-top: 0px !important; }
    .section3 .slide .scroll > ul > li .desc {  font-size:18px; margin-left:30px; height:auto; min-height:80px; padding:20px 25px 20px 25px }
    .section3 .slide .scroll > ul > li .desc span { font-size:15px; }
    .section3 .slide .scroll > ul > li .desc span.tip { font-size:12px; }
    .section3 .slide .page li.bar { width:82%; }

    .section4 .txt { font-size:26px; margin-top:50px; float:none; margin-bottom:30px; margin-right:0px; }
    .section4 .txt .sub { font-size:16px; margin-top:10px; }
    .section4 .img { clear:both; float:none; margin-top:0px; text-align:center; margin:0 auto; }
    .section4 .img img { width:150px; height:auto; }


    .section5 { margin-top:-20px; }
    .section5 .txt { font-size:26px; margin-top:50px; margin-bottom:50px; }
    .section5 .txt span { border-bottom:solid 3px #fff; }
    .section5 .inner > ul li { padding-bottom:50px; }
    .section5 .inner > ul li .info .inset { padding:0 10px 10px 10px; }
    .section5 .inner > ul li .info .num { font-size:14px; }
    .section5 .inner > ul li .info .desc { font-size:16px; }
    .section5 .inner > ul li .info .desc br { display:none; }


    .section6 { margin-top:-20px; }
    .section6 .txt { font-size:26px; margin-top:50px; margin-bottom:50px; }
    .section6 .txt span { border-bottom:solid 3px #000; }
    .section6 .inner > ul li { padding-bottom:50px; }
    .section6 .inner > ul li .info .inset { padding:0 10px 10px 10px; }
    .section6 .inner > ul li .info .num { font-size:14px; margin-bottom:5px; }
    .section6 .inner > ul li .info .tit { font-size:17px; margin-bottom:5px; }
    .section6 .inner > ul li .info .desc { font-size:16px; }
    .section6 .inner > ul li .info .desc br { display:none; }

    .section7 .txt { font-size:26px; margin-top:50px; float:none; margin-bottom:30px; margin-right:0px; }
    .section7 .txt .sub { font-size:16px; margin-top:10px; }
    .section7 .img { clear:both; float:none; margin-top:0px; text-align:center; margin:0 auto; }
    .section7 .img img { width:150px; height:auto; }


    .section8 { margin-top:-20px; }
    .section8 .txt { font-size:26px; margin-top:50px; margin-bottom:50px; }
    .section8 .txt span { border-bottom:solid 3px #fff; }
    .section8 .inner > ul li { padding-bottom:50px; }
    .section8 .inner > ul li .info .inset { padding:0 10px 10px 10px; }
    .section8 .inner > ul li .info .num { font-size:14px; }
    .section8 .inner > ul li .info .desc { font-size:16px; }
    .section8 .inner > ul li .info .desc br { display:none; }

    .section9 .txt { font-size:26px; margin-top:50px; margin-bottom:50px; }
    .section9 .txt .sub { font-size:16px; margin-top:10px; margin-bottom:20px; }
    .section9 .txt .sub br { display:none; }
    .section9 .txt a { font-size:16px; height:38px; line-height:38px; max-width:300px; }
    .section9 .txt a span { font-size:16px; background-size: 9px auto; padding-right:17px; }
    .section9 .inner > ul.ul { padding-bottom:40px; }
    .section9 .inner > ul.ul li { width:50%; }
    .section9 .inner > ul.ul li .tit { font-size:16px; margin-top:15px; margin-left:20px; background-size:20px auto; padding-right:30px; }
    .section9 .inner > ul.ul li .box { min-height:100px; border-radius:10px; margin:0px 10px 10px 0 }
    .section9 .inner > ul.ul li .box:hover .tit { background-size:20px auto; }
    .section9 .inner > ul.ul li .img { right:15px; bottom:15px; }
    .section9 .inner > ul.ul li .img img { width:40px; height:auto; }

}


@media all and (max-width:420px) {
    #header .logo { margin-top:20px; }
    #header .logo img { height:16px; }
    #header .tel { margin-top:12px; font-size:18px; background-size:15px; padding-left:20px; }

}