@charset "utf-8";
/* Common */
/* Department */
.section1 {overflow:hidden; background: #f1f1f1; padding:100px 0;}
.section1::after {content:''; width:418px; height: 385px; background:url('../../images/main/sec2-o2.png') no-repeat left bottom; position: absolute; right: 0; top:0; z-index: 0;}
.section1::before {content:''; width:541px; height: 209px; background:url('../../images/main/sec2-o3.png') no-repeat right center; position: absolute; left: 0; bottom:0; z-index: 0;}
.section1 > div {max-width:1720px; margin:0; margin-left:auto;}
.section1 > div::before {content:''; width:481px; height:481px; background:url('../../images/main/sec2-o1.png') no-repeat center; position: absolute; left:25%; top:10%;}
.section1 ._obj {overflow:visible;}
/* Notice */
.section2 {padding:100px 0;}
.section2 > div > div:first-child {max-width:1720px; width:100% !important; margin:0 auto !important;}
/* Photo Gallery */
/*.section4 {padding:100px 0;}*/
.section4 > div > div:first-child  {z-index: 101;}

@media screen and (max-width:1800px) {
}
@media screen and (max-width:1200px) {
    .section1 {padding: 80px 0;} /* Department */
    .section1 > div::before {left:41%;}
    .section2 {padding: 80px 0;} /* Notice */
    .section4 {padding: 80px 0;} /* photo gallery */
}
@media screen and (max-width:768px) {
    .section1 {padding:37px 0 50px;}
    .section1::after {transform-origin:right top; transform:scale(0.4); height: 455px;}
    .section1::before {transform-origin:left bottom; transform:scale(0.3); height: 250px;}
    .section1 > div::before {left:20%; top:27%; width: 350px; height: 350px; background-size:cover;}
    .section2 {padding:37px 0 50px;}
    .section4 {padding:37px 0 37px;}
}



.section-title {position: relative; width:380px; flex-shrink: 0; z-index: 1;}
.section-title h1 {font-size: 50px; font-family: 'SUITE ExtraBold'; color:#111; letter-spacing: -.01em; position: relative; line-height: 40px; margin-bottom:22px;}
.section-title h1 span {position: relative; padding-right: 25px;}
.section-title h1 span::after {content:''; width: 10px; height: 10px; border-radius:50%; background:#1174FF; position: absolute; right:0px; bottom:10px;}
.section-title strong {display: block; color:#005BAC; font-size: 30px; font-family: 'SUITE Bold'; margin-top: 65px;}
.section-title p {font-size: 16px; line-height: 28px; color:#666; font-family: 'HG Regular'; margin-top: 10px;}
.section-title.dept {margin-bottom:0;}
body:not(.edit) .section-title.notice {margin-bottom:-100px; z-index: 1;}
body:not(.edit) .section-title.gallery {width:auto; margin-bottom: -65px; z-index: 0;}
.section-title.gallery .inner {display: flex;}
.section-title.gallery p {align-self: end; margin-bottom: 15px; margin-left: 20px;}
@media screen and (max-width:1800px) {
    .section-title {margin-left:20px;}
}
@media screen and (max-width:1200px) {
    .section-title {margin-left:40px; width:320px;}
    .section-title h1 span {font-size: 40px;}
    .section-title strong {font-size: 28px; margin-top: 25px;}
    .section-title.dept {margin-bottom:-150px;}
    body:not(.edit) .section-title.gallery {width:50%; margin-bottom:-100px;}
    .section-title.gallery .inner {flex-direction: column;}
    .section-title.gallery p {align-self: start; margin: 0;}
}
@media screen and (max-width:980px) {
    .section-title.dept {margin-bottom:0;}
}
@media screen and (max-width:768px) {
    .section-title {margin-left:20px; width:auto;}
    .section-title h1 {margin-bottom: 10px;}
    .section-title h1 span {font-size: 34px;}
    .section-title strong {font-size: 24px; margin-top: 24px;}
    .section-title p {font-size: 15px; line-height: 24px;}
    .section-title p br {display: none;}
    body:not(.edit) .section-title.notice {margin-bottom:0;}
    body:not(.edit) .section-title.gallery {margin-bottom: 0px; width:auto;}
}


/* Tween */
body:not(.edit) header { top: -150px; }

/* visual */
body:not(.edit) .wrap-visual .control { opacity: 0; }

/* slogan */
body:not(.edit) .slogan { opacity: 0; left: 50px; position: relative; }

/* department */
body:not(.edit) .section-title.dept { opacity: 0; left: -50px; }
body:not(.edit) .wrap-depart .main-slider { opacity: 0; top: 50px; }
body:not(.edit) .wrap-depart .sub-slider { opacity: 0; top: 50px; }

/* notice */
body:not(.edit) .section-title.notice { opacity: 0; left: -50px; }
body:not(.edit) .wrap-notice .btn-list { opacity: 0; left: -50px; }
body:not(.edit) .wrap-notice .list { opacity: 0; top: 50px; }

/* schedule */
body:not(.edit) .section-title.schd { opacity: 0; left: -50px; }
body:not(.edit) .wrap-schedule .scheduleMain { opacity: 0; top: 50px; }

/* gallery */
body:not(.edit) .section-title.gallery { opacity: 0; top: 50px; }
body:not(.edit) .wrap-photo .list { opacity: 0; top: 50px; }
body:not(.edit) .wrap-photo .control { opacity: 0; top: 50px; }

/* smart link */
body:not(.edit) .section-title.link { opacity: 0; left: -50px; }
body:not(.edit) .smart-link .list { opacity: 0; top: 50px; }