@charset "utf-8";
/*메뉴*/
#hd .hd-wr .hd-nav ul > li > a {color:#fff !important;}
#hd.scrolled .hd-wr .hd-nav ul > li > a,
#hd.open .hd-wr .hd-nav ul > li > a {color:#000 !important;}

.colorA {color:#00448F;}
.colorB {color:#009389;}

.blend-multiply{ mix-blend-mode: multiply;}

/*공통*/
.sub-hd {position:relative;height:655px;}
.sub-hd .sub-hd_tit {display:flex; width:100%;height:calc(100% - 96px);flex-flow: column;align-items: center;justify-content: center;}
.sub-hd .sub-hd_tit span {font-family:Roboto-Ragular;font-size:18px;color:#fff;}
.sub-hd .sub-hd_tit h1 {font-family:Roboto-Bold;font-size:48px;color:#fff;margin-top:20px;}

.sub-hd .sub-nav {width:100%;height:97px;border-top: 1px solid #E1E1E1;text-align: center;}
.sub-hd .sub-nav ul {display:block;height:100%;}
.sub-hd .sub-nav ul li {display:inline-block;width:267px;height:100%;border-right:1px solid #E1E1E1;margin-left:-2px;}
.sub-hd .sub-nav ul li a {height:100%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:24px;color:#fff;;}
.sub-hd .sub-nav ul li:first-of-type {border-left: 1px solid #E1E1E1;margin-left:0;}
.sub-hd .sub-nav ul li.on {background:#00448F;}

.sub-top {padding:100px 0 50px;border-bottom:1px solid #E1E1E1;}
.sub-top .sub-title {text-align: center;}
.sub-top .sub-title h2 {font-family: NanumSquareEB;font-size:48px;color:#000;}

.sub-wr {overflow: hidden;}

@media (max-width:1280px) {
    .sub-hd {height:500px;}
    .sub-hd .sub-nav {height:76px;}
    .sub-hd .sub-hd_tit {height:calc(100% - 76px);}
    .sub-hd .sub-hd_tit span {margin-top: 30px;}
    .sub-hd .sub-nav ul li {width:200px;height:76px;}
    .sub-hd .sub-nav ul li a {}
    .sub-hd .sub-nav ul li.on {height:75px;}

    .sub-top {padding: 100px 0 80px;}
    .sub-top .sub-title h2 {font-size:36px;}
}

@media (max-width:768px) {
    .sub-hd {height:250px;}
    .sub-hd .sub-hd_tit {height:calc(100% - 50px);}
    .sub-hd .sub-hd_tit span {font-size:12px;}
    .sub-hd .sub-hd_tit h1 {font-size:32px;margin-top:10px;}

    .sub-hd {}
    .sub-hd .sub-nav {height:50px;}
    .sub-hd .sub-nav ul li {width:100px;height:50px;}
    .sub-hd .sub-nav ul li a {font-size:11px;}
    .sub-hd .sub-nav ul li.on {height:49px;}

    .sub-top {padding:50px 0 30px;}
    .sub-top .sub-title h2 {font-size:24px;}
}

/*menu10*/
.sub40-summary {max-width:1300px;padding:90px 50px 80px;margin: 0 auto;}
.sub40-summary .summary-tit {display:inline-block;margin-right:80px;vertical-align: middle;}
.sub40-summary .summary-tit h1 {position:relative;font-family:Roboto-Bold;font-size:93px;}
.sub40-summary .summary-tit h1:before {content:'';position: absolute;width:15px;height:15px;top:-3px;left:-18px;border-radius: 50%;background: #00448F;}

.sub40-summary .summary-text {display: inline-block;vertical-align: middle;}
.sub40-summary .summary-text p {font-size:18px;line-height:1.7;color:#000;}

.sub40-summary .summary-text p.invisible-mobile {display:block;}
.sub40-summary .summary-text p.visible-mobile {display:none;}

.sub40-history {border-top:1px solid #E1E1E1;}
.sub40-history .history-wr {max-width:1300px;padding:100px 0 150px;margin:0 auto;}
.sub40-history .history-wr ul {}
.sub40-history .history-wr ul li {}
.sub40-history .history-wr ul li .history-date {display:inline-block;width:115px;font-family: Roboto-Medium;font-size: 24px;color:#000;vertical-align: top;margin-top:-5px;}
.sub40-history .history-wr ul li .history-con {position:relative;display:inline-block;width:calc(100% - 173px);padding: 0 0 90px 55px;border-left:1px solid #999;margin-left:55px;}
.sub40-history .history-wr ul li .history-con:before {content:'';position:absolute;width:10px;height:10px;top:0;left:-5px;border-radius:50%;background:#00448F;z-index: 100;}
.sub40-history .history-wr ul li .history-con .history-subject {font-weight: bold;font-size: 18px;color:#000;margin-top:-5px;text-align: left;}
.sub40-history .history-wr ul li .history-con .history-subject span {position:relative;margin-left:20px;}
.sub40-history .history-wr ul li .history-con .history-subject span:before {content:'';position:absolute;width:2px;height:17px;background:#999;left:-11px;top:6px;}
.sub40-history .history-wr ul li:last-of-type .history-con {border-left:0;}
.sub40-history .history-wr ul li .history-con .picture-wr {margin-top:25px;}
.sub40-history .history-wr ul li .history-con .picture-wr li {position:relative;display:inline-block;max-width:300px;width:100%;height:250px;margin-right:20px;}
.sub40-history .history-wr ul li .history-con .picture-wr li:last-of-type {margin-right:0;}
.sub40-history .history-wr ul li .history-con .picture-wr li img {position:absolute;width:100%;top:0;left:50%;transform: translateX(-50%);cursor:pointer;}
.sub40-history .history-wr ul li .history-con .four-pics li {width:250px;height:210px;margin-right:10px;}
.sub40-history .history-wr ul li .history-con .four-pics li:last-of-type {margin-right:0;}
.sub40-history .history-wr ul li .history-con .four-pics li img {width:100%;height:100%;}

.sub40-history .history-wr ul li .history-date.invisible-mobile {display:inline-block;}
.sub40-history .history-wr ul li .history-date.visible-mobile {display:none;}

@media (max-width:1280px) {
    .sub40-summary {text-align: center;}
    .sub40-summary .summary-tit {margin-right:0;}
    .sub40-summary .summary-text {display:block;margin-top:50px;}

    .sub40-summary .summary-text p.invisible-mobile {display:block;}
    .sub40-summary .summary-text p.visible-mobile {display:none;}

    .sub40-history .history-wr {padding: 100px 20px 150px;text-align: center;}
    .sub40-history .history-wr ul li .history-con {width:580px;padding: 0 0 40px 37px;margin-left:10px;}
    .sub40-history .history-wr ul li .history-con .history-subject {font-size:17px;}
    .sub40-history .history-wr ul li .history-con .history-subject span:before {height:15px;top:7px;}

    .sub40-history .history-wr ul li .history-con .picture-wr {margin-top:25px;}
    .sub40-history .history-wr ul li .history-con .picture-wr li {width:260px;height:215px;margin-right:10px;margin-bottom:10px;}
    .sub40-history .history-wr ul li .history-con .picture-wr li:nth-of-type(2n) {margin-right:0;}
    .sub40-history .history-wr ul li .history-con .four-pics li {width:260px;height:215px;margin-right:10px;margin-bottom:10px;}
    .sub40-history .history-wr ul li .history-date.invisible-mobile {display:inline-block;}
    .sub40-history .history-wr ul li .history-date.visible-mobile {display:none;}
}

@media (max-width:768px) {
    .sub40-summary {padding:40px 15px 50px;}
    .sub40-summary .summary-tit h1 {font-size:50px;}
    .sub40-summary .summary-tit h1:before {width:10px;height:10px;top: -4px;left: -12px;}
    .sub40-summary .summary-text {margin-top:20px;}
    .sub40-summary .summary-text p {font-size:14px;}

    .sub40-summary .summary-text p.invisible-mobile {display:none;}
    .sub40-summary .summary-text p.visible-mobile {display:block;}

    .sub40-history .history-wr {padding:50px 15px;}
    .sub40-history .history-wr ul li {position:relative;width:290px;margin: 0 auto;}
    .sub40-history .history-wr ul li .history-date {position:absolute;display:block;width:auto;font-size:15px;left:15px;top:-15px;}
    .sub40-history .history-wr ul li .history-date.invisible-mobile {display:none;}
    .sub40-history .history-wr ul li .history-date.visible-mobile {display:block;}
    .sub40-history .history-wr ul li .history-con {width:100%;padding:0 0 40px 15px;margin-left:0;}
    .sub40-history .history-wr ul li .history-con .history-subject {font-size:13px;line-height:1.2;word-break: keep-all;}
    .sub40-history .history-wr ul li .history-con .history-subject span{display: block;margin-left:7px;margin-top:5px;}
    .sub40-history .history-wr ul li .history-con .history-subject span:before {height:13px;left:-7px;top:2px;}

    .sub40-history .history-wr ul li .history-con .picture-wr li {width:125px;height:120px;margin-right:5px;}
    .sub40-history .history-wr ul li .history-con .four-pics li {width:125px;height:120px;}
    .sub40-history .history-wr ul li .history-con .history-subject {margin-top:0;}
}