@charset "utf-8";
/*메뉴*/
#hd .hd-wr .hd-nav ul li.special-menu a {color:#009389 !important;}
#hd .hd-wr .hd-nav ul li.special-menu:before {background:#fff !important;}

#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:#009389;}

.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 {padding: 70px 0;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*/
.sub-con {max-width:1300px;padding-bottom:100px;margin: 0 auto;}
.sub-con:after {content:'';display:block;clear:both;}
.sub-con .con-half {float:left;width:50%;vertical-align: top;}

.sub-con .menu10-text {}
.sub-con .menu10-text .m10-text_tit {font-family: Roboto-Medium;font-size:48px;color:#000;}
/*.sub-con .menu10-text .m10-text_tit:before {content:'';position:absolute;width:10px;height:10px;left:-5px;top:-2px;background:#00448F;border-radius:50%;}*/
.sub-con .menu10-text h1 {font-family:Roboto-Bold;font-size:93px;color:#121212;margin-top:10px;}
.sub-con .menu10-text p {font-size:18px;line-height:1.7;color:#000;margin-top:20px;}

.invisible-mobile {display:block;}
.visible-mobile {display:none;}

.sub-con .menu10-logo {text-align: center;}
.sub-con .menu10-logo img {max-width:441px;margin-top:60px;}

.menu10-img {position:relative;padding:0 0 100px;border-top:1px solid #e1e1e1;}
.menu10-img img {position:relative;width:105%;left:50%;margin-top:-50px;transform: translateX(-50%);}

@media (max-width:1280px) {
    .sub-con {position:relative;}
    .sub-con .con-half {float:none;width:100%;text-align: center;}
    .sub-con .menu10-logo {position:absolute;width:100%;left:0;top:0;text-align: center;}
    .sub-con .menu10-logo img {max-width:316px;}
    .sub-con .menu10-text {padding-top:322px;}
    .menu10-intro {padding: 80px 20px 100px;}

    .invisible-mobile {display:block;}
    .visible-mobile {display:none;}

    .menu10-img {padding: 0 0 50px;}
    .menu10-img img {width: 125%;margin-top:50px;}
}

@media (max-width:768px) {
    .sub-wr {padding: 50px 15px;}
    .sub-con {padding-bottom:50px;}
    .sub-con .menu10-logo img {max-width:220px;margin-top:0;}
    .sub-con .menu10-text {padding-top:180px;}
    .sub-con .menu10-text .m10-text_tit {font-size:24px;}
    .sub-con .menu10-text h1 {font-size:45px;}
    .sub-con .menu10-text p {font-size:14px;}

    .invisible-mobile {display:none;}
    .visible-mobile {display:block;}

    .menu10-img {padding: 0 0 20px;}
}