.subtop {width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; height: 312px; position: relative; }

#subtop1 {background-image: url(../image/subtop1.png);}
#subtop2 {background-image: url(../image/subtop2.png);}
#subtop3_1 {background-image: url(../image/subtop3_1.png);}
#subtop3_2 {background-image: url(../image/subtop3_2.png);}
#subtop3_3 {background-image: url(../image/subtop3_3.png);}
#subtop4 {background-image: url(../image/subtop4.png);}
#subtop5 {background-image: url(../image/subtop5.png);}
#subtop6 {background-image: url(../image/subtop6.png);}


.subtop_p {  width: 100%;  position: absolute;  left: 0px;  text-align: center;  top: 60%;  transform: translateY(-50%);  font-weight: bold; font-size: 1.8rem;  line-height: 1.3;  color: #FFFFFF;}

.subtop_nav { width: 100%;  max-width: 1200px;  margin: -10px auto 0px;  font-size: 0px;   z-index: 99; background-color: #fff; box-shadow: 2px 2px 6px 2px rgb(0 0 0 / 10%); position: relative;}
.subtop_nav > li:nth-child(1) {width: 6%; text-align: center; padding: 0px;}
.subtop_nav > li:nth-child(1) a {display: block; width: 100%; height: 100%;}
.subtop_nav > li:nth-child(1) a img {display: inline-block; vertical-align: middle;}
.subtop_nav > li {cursor: pointer; display: inline-block;  vertical-align: top;  background-color: #fff; color: #1A1A1A; font-size: 15px; font-weight: bold;line-height: 45px;  transform: skewX(-0.3deg); letter-spacing: -0.9px;  width: 23.5%;  position: relative;   border-right: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;  padding: 0px 50px; }
.subtop_nav > li p {font-family : 'Noto Sans KR', sans-serif; font-weight: 500; color:#666}
.subtop_nav > li .subtop_btn { position: absolute;  right: 8%;  top: 50%;  transform: translateY(-50%); width: 15px; height: 15px;}
.bar1 {width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.bar2 { max-width: 1px;  height: 100%;  background-color: #ddd;  width: 100%;  margin: auto;  transition: all 0.4s;}
.subtop_nav > li:hover .bar2 {transform: rotate(90deg);}
.subtop_nav > li:hover .subtop_ul {display: block;}
.subtop_ul {  position: absolute; top: 45px;  left: 0px; width: 100%;  background-color: rgba(0,38,97,0.7); display: none;  padding: 10px 50px;  box-sizing: border-box; }
.subtop_ul > li {color: #cccccc; transition: all 0.4s; line-height: 23px; padding: 5px 0px;}
.subtop_ul > li a { display: block;  width: 100%;  height: 100%;  font-family: 'Noto Sans KR', sans-serif;   font-weight: normal;}
.subtop_ul > li:hover {color: #fff;}




.sub_title {width: 100%; margin: 115px 0px 100px;  }
.sub_p1 { line-height: 1.3;  margin-bottom: 10px;  font-weight: 800;  font-size: 2.2rem;  color: #29549A; padding-left: 18px; padding-top: 20px;  box-sizing: border-box;}
.sub_p1::before { content: "";  position: absolute;  left: 0px;  top: 0px;  background-image: url(../image/sub_tit_img.png); width: 30px; height: 20px;  background-size: 30px 20px;}
.sub_p2 { line-height: 1.2;  font-size: 1rem; font-weight: bold;  letter-spacing: 1.92px;  text-transform: uppercase;    color: #B2B2B2; transform: skewX(-0.3deg); padding-left: 18px;  box-sizing: border-box;}
.sub_p2.padding-no {padding-left: 0px;}
.sub_p3 { line-height: 1.3;  margin-top: 10px;  font-weight: 800;  font-size: 25px;  color: #29549A; }

.sub {width: 100%; position: relative;}
.sub_board {margin: 100px 0px 180px;}
.sub_inner {width: 90%; max-width: 1200px !important; margin: auto; position: relative;}


.color1 {color:#2954A0}
.bold {font-weight: bold;}
.bold2 {font-weight: 800;}


/*sub1-1*/

.s111 {margin: 120px 0px 0px; z-index: 1;}

.s111_cont {width: 85%; font-size: 0px; margin-right: 15%}
.s111_cont li {display: inline-block; vertical-align: middle;}
.s111_img {width: 55%; background-image: url(../image/s1/s111_img.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 450px;}
.s111_txt {width: 45%; padding: 0px 45px; box-sizing: border-box; position: relative; max-width: 655px;}
.s111_txt::before { content: "";  width: 40%;  height: 1px;  position: absolute;  left: 45px;  top: -55px;background-color: #2954a0;}
.s11_txtimg {  position: absolute;   right: 45px;   top: -40px;   width: 100%;   max-width: 80px;}
.s111_txt p:nth-child(2) { line-height: 1.3;  letter-spacing: -1.12px;   color: #262626;   font-weight: 300; font-size: 2.6rem; word-break:keep-all;}
.s111_txt p:nth-child(3) {font-size: 1rem; line-height: 1.3;  letter-spacing: -0.72px;  color: #3E3A39;    transform: skewX(-0.3deg);  margin-top: 80px;}


.s112 { background: url(../image/s1/s112_img.png) no-repeat center center / cover;  width: 100%;   padding-top: 400px;   margin-top: -250px;   position: relative;   z-index: 0; margin-bottom: 180px;}
.s112_ul { font-size: 0px;  width: 100%;  margin-top: 70px;}
.s112_ul li { display: inline-block;  vertical-align: top;  width: 33.3333%;  border: 1px solid #ddd;  box-sizing: border-box;  border-bottom: 0px;  padding: 45px;  transition: all 0.4s;  cursor: pointer;position: relative;border-right: 0px; backdrop-filter: blur(10px);}
.s112_ul li:nth-child(3n) {border-right: 1px solid #ddd;}
.s112_ul li.b_bottom {border-bottom: 1px solid #ddd; }
.s112_ul li p:nth-child(1) { font-weight: bold;  font-size: 1.4rem;  line-height: 1.3;  color: #3E3A39;  margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #ddd;}
.s112_ul li p:nth-child(2) {  font-size: 0.85rem;  line-height: 1.5;  min-height: 90px;  letter-spacing: -0.9px;  color: #666666;  transform: skewX(-0.3deg);  transition: all 0.4s;}
.s112_ul li img { position: absolute;  right:10px;  bottom: 0px;  width: 100%;  max-width: 120px;}

.s112_ul li:hover {background-color: #2954A0; border-color: #2954A0;}
.s112_ul li:hover p:nth-child(1) { color:#fff; border-bottom: 1px solid #fff;}
.s112_ul li:hover p:nth-child(2) {color: #fff;}


.s113 { width: 100%;}
.s113_map {width: 100%; height: 55vh;}

.s113_ul { padding: 50px 0px;  font-size: 0px;  width: 100%;}
.s113_ul li {display: inline-block; vertical-align: top;}

.s113_ul li.tit { width: 20%;}
.s113_ul li.cont { width: 50%; border-left: 2px solid #ddd;  box-sizing: border-box;  padding-left: 20px;}
.s113_p1 { font-weight: 800;  font-size: 1rem;  line-height: 1.3;  letter-spacing: -0.72px; text-transform: uppercase; color: #3E3A39; transform: skewX(-0.3deg); margin-bottom: 5px;}
.s113_p2 { font-size: 1rem;  line-height: 1.3;  letter-spacing: -0.72px;  color: #3E3A39;  transform: skewX(-0.3deg);}
.s113_p2.m_bottom {margin-bottom: 15px;}
.s113_p2 .number { display: inline-block; vertical-align: middle;  font-size: 0.9rem;   margin-right: 22px;}
.s113_p2 .number img { display: inline-block;  width: 100%;  max-width: 22px;  vertical-align: middle;}

.s113_ul li.link {text-align: right; width: 30%;}
.s113_ul li.link .map_btn { font-size: 16px;  line-height: 1; text-transform: uppercase;  color: #3E3A39;border: 1px solid #ddd; display: inline-block;   padding: 5px 3px;  box-sizing: border-box;width: 100%;  max-width: 145px;  text-align: center;  vertical-align: middle;  margin-right: 20px;   border-radius: 20px; transform: skewX(-0.3deg);}



/*sub1-2*/


.s121 {margin: 120px 0px 180px;}
.s121_cont {width: 85%; font-size: 0px; margin-left: 15%; position: relative;}
.s121_cont li { display: inline-block;  vertical-align: top;}

.s121_cont li.img { background-size: cover;  background-repeat: no-repeat;  background-position: center; height: 100%;  position: absolute; top: 0px; box-shadow: 3px 3px 12px 3px rgb(0 0 0 / 10%);}
.s121_cont li.img.img1 { background-image: url(../image/s1/s121_img1.png);}
.s121_cont li.img.img2 { background-image: url(../image/s1/s121_img2.png);}
.s121_cont li.img.img3 { background-image: url(../image/s1/s121_img3.png);}

.s121_cont li.img.left {width: 35%; left: 0px;}
.s121_cont li.img.right { width: 65%;  right: 0px; }

.s121_cont li.img img:nth-child(1) { position: absolute;}
.s121_deco_img1 { max-width: 195px;  left: 15px;  top: 35px;}
.s121_deco_img2 { max-width: 400px;  left: 25px;  bottom: 25px;}
.s121_deco_img3 { max-width: 580px;  top: 30px;  left: 35px;}

.s121_cont li.img img:nth-child(2) { position: absolute;  bottom: -30px; max-width: 140px;}
.s121_cont li.img img:nth-child(2).ver2 {max-width: 285px;}
.s121_cont li.img.right img:nth-child(2) {left: 30px;}
.s121_cont li.img.left img:nth-child(2) {right: 30px}


.s121_cont li.txt { padding: 60px 40px;  box-sizing: border-box; min-height: 330px;}
.s121_cont li.txt.left { width: 35%; text-align: right; margin-right: 65%;}
.s121_cont li.txt.right { width: 65%; margin-left: 35%;}

.s121_cont li.txt .year { font-size: 2.7rem;  line-height: 1.3;  font-weight: 300;  text-transform: uppercase; color: #2954A0;  margin-bottom: 15px;}
.s121_cont li.txt .list { font-size: 0.9rem;  line-height: 1.3;  letter-spacing: -0.68px;  margin-bottom: 8px;  color: #3E3A39;  transform: skewX(-0.3deg); position: relative;}
.s121_cont li.txt .list:last-child {margin-bottom: 0px;}
.s121_cont li.txt.left .list { padding-right: 35px;}
.s121_cont li.txt.right .list {padding-left: 35px;}
.s121_cont li.txt .list .month { position: absolute;  font-weight: 800;  top: 0px;}
.s121_cont li.txt.left .list .month {right:0px}
.s121_cont li.txt.right .list .month {left:0px}





/*sub1-3*/


.s131 { margin: -50px 0px 250px;}
.s131_ul { font-size: 0px;  width: 100%;  border-top: 1px solid #ddd;  padding-top: 70px;}
.s131_ul li { display: inline-block;  vertical-align: top;  width: 18%;  margin-right: 2.5%; cursor: pointer; transition: all 0.4s;}
.s131_ul li:nth-child(5n) {margin-right: 0px;}
.s131_ul li img { width: 100%;}
.s131_ul li p {font-size : 1rem; line-height : 1.3;  letter-spacing : -0.43px;  color : #333333; text-align: center; margin-top: 15px;}

.s131_ul li:hover {transform: scale(1.1);}




/*sub1-4*/


.s141 {margin: -50px 0px 180px; font-size: 0px;}

.s141_ul {width: 100%;font-size: 0px; border-top: 1px solid #D7D7D7; margin-bottom: 120px;}
.s141_ul li {display: inline-block; vertical-align: top; width: 33.3333%;box-sizing: border-box; border-top: 0px; padding: 15px 0px; border-right: 0px; transition: all 0.4s; cursor: pointer;}
.s141_ul li:hover {background-color: #f5f5f5;}
.s141_ul li img {width: 90%; max-width: 230px; transition: all 0.4s; display: block; margin:auto;transition: all 0.4s;}
.s141_ul li:hover img {transform: scale(1.1);}





/*sub1-5*/

.s151 {margin: -50px 0px 180px; font-size: 0px;}
.s151 .sub_inner {border-top: 1px solid #ddd; padding-top: 70px;}
.s151_ul {font-size: 0px; width: 100%; max-width: 1000px; margin: auto; min-height: 615px;}
.s151_ul li {display: inline-block; vertical-align: top; width: 48%; position: relative; box-sizing: border-box; border: 1px solid #ddd; overflow: hidden;}
.s151_ul li:nth-child(2n-1) {margin-right: 2%;}
.s151_ul li:nth-child(2n) {margin-left: 2%}
.s151_ul li > a {display: block; width: 100%; height: 100%;}

.s151_ul li > a > .s151_img { width: 100%;  height: 525px;  background-position: top;  background-repeat: no-repeat; background-size: 480px 525px;  transition: all 0.4s;  padding-bottom: 76px; background-image: url(../image/s1/s151_img1.png);}



.s151_hover {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; transition: all 0.4s; background-color: rgba(0,0,0,0.5);}
.s151_txtbox {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center; z-index: 3}
.s151_txtbox p { font-weight: bold;  font-size: 1.2rem;  line-height: 1.3;  text-transform: uppercase;    color: #fff;}
.s151_txtbox i { width: 32px;  height: 30px;  border-radius: 100%;  margin: 20px auto 0px;  font-size: 23px;  line-height: 30px;}


.s151_ul li > a > p { font-size: 1.1rem;  line-height: 1.3;  font-weight: bold;  text-transform: uppercase;  color: #333333;  background-color: #fff;  padding: 25px;  letter-spacing: -0.5px;  transition: all 0.4s;box-sizing: border-box;  height: 76px;  position: absolute;  left: 0px;  bottom: 0px;  width: 100%;    border-top: 1px solid #ddd;}
.s151_ul li > a > p > i { font-size: 1.5rem;  line-height: 25px;  position: absolute; right: 25px;  top: 25px;}

.s151_ul li:hover > a > .s151_img { height: 610px;  background-size: 480px 610px; padding-bottom: 0px; }
.s151_ul li:hover > a > .s151_img .s151_hover {opacity: 1;}
.s151_ul li:hover > a > p {bottom: -76px;}



/*sub2-1*/

.cont_tit {
    font-size: 2.2rem;
    color: #2954a0;
    font-weight: 800;
    margin-bottom: 15px;
}

.capital_g {
    text-transform: uppercase;
    display: block;
    font-size: 10px;
    color: #b2b2b2;
}





.s211 {margin: -50px 0px 180px;}
.s211 .sub_inner {
    border-top: 1px solid #d7d7d7;
    padding-top: 10px;
}
.s211_ul  {
    width: 100%;
    font-size: 0;
    margin-top: 60px;
}
.s211_ul > li {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}
.s211_img img {
    width: 100%;
}
.s211_txt {
    position: relative;
    font-size: 1rem;
    padding: 30px;
    box-sizing: border-box;
    transform: skew(-0.3deg);
    word-break: keep-all;
}
.s211_txt .num {
    position: absolute;
    font-size: 8rem;
    color: #e5e5e5;
    text-align: center;
    z-index: -1;
    font-weight: 700;
    letter-spacing: -13px;
    top: -28%;
    left: 20%;
}
.s211_ul.R .s211_txt .num {
    left: auto;
    right: 24%;
}
.s211_txt p:nth-child(4) {
    margin-top: 20px;
}
.s211_txt p:nth-child(4) a {
    width: 115px;
    text-align: center;
    font-size: 12px;
    color: #2954a0;
    line-height: 25px;
    border: 1px solid #2954a0;
    display: inline-block;
    vertical-align: top;
    transform: skew(-0.3deg);
    font-weight: 600;
    margin-right: 7px;
}
.s211_ul.R .s211_txt{
    text-align: right;
}

.modal_pop {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}
.modal_content {
    position: relative;
    width: 100%;
    height: 100%;
}
.modal_bg {
    background-color: #fff;
    width: 100%;
    max-width: 600px;
    min-width: 50%;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.close {
    width: 30px;
    height: 30px;
    text-align: center;
    color: #2954a0;
    border: 1px solid #2954a0;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}
.popup_img {
    width: 100%;
}
.popup_img img {
    display: block;
}
.pop_txt {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
}
.pop_txt p:nth-child(1) {
    font-weight: 800;
    font-size: 2.0rem;
    margin-bottom: 10px;
    color: #2954a0;
}
.pop_txt P:nth-child(2) {
    line-height: 1.3;
    margin-bottom: 50px;
}



/* sub2-2 */
.s221 {margin: -50px 0px 180px;}
.s221 .sub_inner {
    border-top: 1px solid #d7d7d7;
    padding-top: 70px;
}
.s221_ul {
    width: 100%;
    font-size: 0;
}
.s221_ul > li {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 17%;
    margin-right: 2%;
}
.s221_ul > li::before {
    display: block;
    content: '';
    width: 20px;
    height: 100%;
    background: url(../image/arrow.png) center center / contain no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}
.s221_ul > li:nth-child(2) ~ li::before {
    display: none;
}
.s221_ul .num {
    font-size: 8rem;
    font-weight: 800;
    color: #dfe0e0;
    z-index: -1;
    letter-spacing: -10px;
}
.s221_ul .cont_tit {
    position: absolute;
    right: 22%;
    bottom: 0;
}
.s221_ul > li:nth-child(3) .cont_tit {
    right: -10%;
}
.s221_ul .last {
    font-size: 1rem;
    width: 43%;
    margin-right: 0;
    text-align: right;
}
.s221_ul .last p {
    display: inline-block;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 20px;
}
.s221_ul .last .bold {
    font-size: 1rem;
    font-weight: 600;
}

.s222 {margin: 0px 0px 180px;}
.s222_cir {
    width: 890px;
    margin: auto;
    position: relative;
    padding: 200px 0;
    box-sizing: border-box;
}
.s222_cir > img {
    width: 685px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.s222_ul1 {
    font-size: 0;
}
.s222_ul1 > li {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #2954a0;
    box-sizing: border-box;
    transition: 0.4s;
    padding: 6% 0;
    cursor: pointer;
}
.s222_ul1 > li.on {
    background-color: #2954a0;
}
.s222_ul1 > li:nth-child(1) {
    top: 8%;
    left: 20%;
}
.s222_ul1 > li:nth-child(2) {
    top: 8%;
    right: 20%;
}
.s222_ul1 > li:nth-child(3) {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.s222_ul1 > li:nth-child(4) {
    bottom: 8%;
    right: 20%;
}
.s222_ul1 > li:nth-child(5) {
    bottom: 8%;
    left: 20%;
}
.s222_ul1 > li:nth-child(6) {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.s222_ul1 .cont_tit {
    text-align: center;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.8rem;
}
.s222_ul1 .cont_tit .capital_g {
    font-size: 13px;
    margin-bottom: 5px;
    transform: skew(-0.3deg);
    letter-spacing: 1px;
}
.s222_ul1 > li.on .cont_tit {color: #fff;}
.s222_ul1 > li.on .cont_tit span{color: #fff;}
.s222_ul2 {
    width: 485px;
    height: 485px;
    border-radius: 50%;
    background-color: #2954a0;
    margin: auto;
    position: relative;
}
.s222_ul2 > li {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
    opacity: 0;
}
.s222_ul2 > li.on {
    opacity: 1;
}
.s222_ul2 > li > img {
    width: 40%;
    margin-top: 20%;
}
.s222_ul2 > li:nth-child(4) > img {
    width: 30%;
}
.s222_txt .cont_tit {
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
}
.s222_txt .cont_tit .capital_g {
    color: #fff;
    font-size: 13px;
    margin-bottom: 4px;
    letter-spacing: 1px;
    transform: skew(-0.3deg);
}
.s222_txt p:nth-child(2) {
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.3;
    font-weight: 300;
    transform: skew(-0.3deg);
}
.s222_txt {
    width: 90%;
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
}




/* sub2-3 */
.s231 {margin: 120px 0px 180px;}
.s231 .sub_title {
    margin: 0;
}
.s231_ul {
    font-size: 0;
}
.s231_ul > li {
    display: inline-block;
    vertical-align: top;
}
.s231_ul > li:nth-child(1) {
    width: 22%;
}
.s231_ul > li:nth-child(2) {
    width: 78%;
    font-size: 1rem;
}
.s231_ul > li:nth-child(2) p {
    transform: skew(-0.3deg);
    margin: 30px 0;
}

.s231_table {
    width: 100%;
    border-collapse: collapse;
    background-color: #f2f2f2;
    text-transform: uppercase;
}
.s231_table thead {
    background-color: #fff;
    border-top: 1px solid #29549a;
    border-bottom: 1px solid #29549a;
    font-size: 1.2rem;
    color: #29549a;
    font-weight: 700;
}
.s231_table thead tr th {
    padding: 10px 0;
    padding-left: 40px;
    font-weight: 800;
}
.s231_table tbody tr {
    border-bottom: 1px solid #adaeae;
}
.s231_table tbody tr td {
    padding: 7px 0;
    padding-left: 40px;
}
.s231_table tbody tr td:nth-child(3) {
    padding-left: 55px;
}


.s232 {
    margin: 0px 0px 180px;
}
.s232_ul {
    font-size: 0;
}
.s232_ul > li {
    display: inline-block;
    vertical-align: top;
}
.s232_ul > li:nth-child(1) {
    width: 22%;
}
.s232_ul > li:nth-child(2) {
    width: 78%;
}
.s232_ul .cont_tit {
    padding-top: 20px;
    position: relative;
    font-size: 1.5rem;
}
.s232_ul .cont_tit::before {
    width: 43px;
    height: 9px;
    display: block;
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    background: url(../image/cont_tit_img.png) center center / contain no-;
}
.s232_ul .cont_tit .capital_g {
    margin-top: 8px;
    letter-spacing: 1px;
    font-size: 0.8rem;
    font-weight: 400;
    transform: skew(-0.3deg);
}
.s232_ul2 {
    width: 100%;
    font-size: 0;
}
.s232_ul2 > li {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    border: 1px solid #999;
    border-top: 3px solid #000;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    min-height: 348px;
    position: relative;
}
.s232_ul2 > li.last {
    margin-right: 0;
}
.s232_ul2 > li .s232_in {
    width: 75%;
    margin: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.s232_in img {
    width: 85%;
}
.s232_in p:nth-of-type(1) {
    font-size: 1.2rem;
    font-weight: 500;
    color: #4d4d4d;
    margin: 20px auto 5px;
}
.s232_ul2 > li:nth-child(1) .s232_in p:nth-of-type(1) {
    margin-top: 30px;
}
.s232_ul2 > li:nth-child(2) .s232_in p:nth-of-type(1) {
    margin-top: 70px;
}
.s232_in p:nth-of-type(2) {
    font-size: 0.9rem;
    color: #808080;
    transform: skew(-0.3deg);
    letter-spacing: -1px;
}

.s233 {
    width: 100%;
    height: 310px;
    background: url(../image/s2/s23_bottom.png) center center / cover no-repeat;
    padding: 100px 0;
    box-sizing: border-box;
}
.s233 .sub_inner p:nth-child(1) {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
}
.s233 .sub_inner p:nth-child(1) .bold {
    font-weight: 800;
}
.s233 .sub_inner p:nth-child(2) {
    font-size: 0.9rem;
    transform: skew(-0.3deg);
    letter-spacing: 1px;
    color: #fff;
}



/* sub3 */

.s3{
    margin: -50px 0px 90px;
}
.s3 .sub_inner img {
    width: 100%;
}
.s3 .sub_inner > p {
    margin: 20px 0;
    width: 83%;
    word-break: keep-all;
    font-size: 1.0rem;
    line-height: 1.3;
    transform: skew(-0.3deg);
}
.sub3_1 {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 180px;
}
.sub3_2 {
    margin-top: 30px; 
    margin-bottom: 0;
    padding-bottom: 180px;
}
.sub3_3 {
    margin-top: 30px; 
    margin-bottom: 0;
    padding-bottom: 180px;
}
      

/*sub3-1*/
/* 
.s311 {margin: 120px 0px 180px;}
.s311_ul {font-size: 0px; width: 100%; text-align: center;}
.s311_ul li {display: inline-block; vertical-align: top; width: 275px; margin-right: 90px; text-align: left;}
.s311_ul li:last-child {margin-right: 0px;}
.s311_ul li > img {width: 100%; transition: all 0.4s;}
.s311_ul li:hover img {transform: scale(1.1);}
.s311_ul li .txtbox1 {border-bottom: 1px solid #E5E5E5; padding: 40px 0px 20px; box-sizing: border-box;}
.s311_ul li .txtbox1 p:nth-child(1) { font-weight: 800;  font-size: 1.2rem;  line-height: 1.4;  letter-spacing: -0.8px;  color: #000000;}
.s311_ul li .txtbox1 p:nth-child(2) { font-size: 0.85rem;  line-height: 1.5;  letter-spacing: -0.56px;  color: #636363;  transform: skewX(-0.3deg); margin-top: 20px;  min-height: 45px;}
.s311_ul li .txtbox2 { margin-top: 15px;}
.s311_ul li .txtbox2 p { font-size: 0.85rem;  line-height: 1.3;  letter-spacing: -0.56px;  color: #636363;margin-bottom: 5px; padding-left: 65px;  box-sizing: border-box;  position: relative;  transform: skewX(-0.3deg);}
.s311_ul li .txtbox2 p.ver2 {padding-left: 90px;}
.s311_ul li .txtbox2 p span { position: absolute;  left: 0px;  top: 0px;  font-weight: 800; color: #29529d;}
 */



/*sub3-2*/

/* .s321 {margin: 120px 0px 180px;}

.s32_tit_img {margin: auto; width: 100%; max-width: 160px; display: block;}

.s32_txtbox { background-color: #29529F; padding: 50px 0px;  margin-top: 50px;}
.s32_txtbox p {font-size : 1.3rem; line-height : 1.6;  letter-spacing : -1px;   color : #FFFFFF; font-weight: 300;}
.s32_txtbox p .bold {font-weight: bold;}

.s13_tab.wid25 > li { width: 25%; }

.inq_cont {display: none; position:relative; visibility: hidden !important;  animation-name: none !important; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.inq_cont.on {display: block; visibility: visible !important; animation-name: fadeInUp !important;}

.inq_top {width: 100%; font-size: 0px; position: relative; margin-bottom: 100px;}
.inq_top li {display: inline-block; vertical-align: middle;}
.inq_top li:nth-child(1) {width: 30%;}
.inq_top li:nth-child(2) {width: 70%; text-align: right; margin-top: 20px;}
.inq_top li:nth-child(2) p {font-size: 0.95rem; line-height: 1.3; margin-bottom: 5px; color: #636363; transform: skewX(-0.3deg);}
.inq_top li:nth-child(2) p .bold {font-weight: bold;}
.inq_top li:nth-child(2) p:last-child {margin-bottom: 0px;}
.inq_top::after { content: "";  display: block;  width: 100%;  height: 1px;  background-image: linear-gradient(to right, #B2B2B2 0%, #B2B2B2 50%, transparent 50%);  background-size: 6px 1px;  background-repeat: repeat-x; margin-top: 20px;}
 */

/*sub4-1*/

.s411 {margin: 120px 0px 90px; }


.s4_ul1 {
    font-size: 0;
    position: relative;
}
.s4_ul1 > li {
    display: inline-block;
    vertical-align: top;
}
.s4_ul1 > li:nth-child(1) {
    width: 40%;
}
.s4_ul1 > li:nth-child(2) {
    width: 60%;
}
.s4_ul1 .sub_title {
    margin: 0px 0px 30px;
}
.s4_ul1 .s4_txt1 {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-bottom: 180px;
    text-align: right;
    padding-left: 18px;
    box-sizing: border-box;
    word-break: keep-all;
}
.s4_ul1 .s4_txt1 p {
    text-align: left;
}
.s4_ul1 .s4_txt1 .bold {
    font-weight: 700;
}
.s4_ul1 .s4_txt1 a {
    width: 115px;
    text-align: center;
    font-size: 12px;
    color: #2954a0;
    line-height: 25px;
    border: 1px solid #2954a0;
    transform: skew(-0.3deg);
    font-weight: 600;
    display: inline-block;
    margin-top: 50px;
}
.s4_ul1 > li:nth-child(2) img {
    width: 50%;
    position: absolute;
    right: 0;
    z-index: 1;
    padding-top: 10%;
}
.s4_bottom {
    width: 100%;
    height: 320px;
    background: url(../image/s4/s411_bg1.png) center center / cover fixed;
    position: relative;
}
.s4_bottom::before {
    display: block;
    content: '';
    width: 100%;
    height: 320px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}
.s4_ul2 {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    font-size: 0;
    position: relative;
    z-index: 1;
    padding-top: 130px;
    box-sizing: border-box;
}
.s4_ul2 > li {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
}
.s4_ul2 > li:nth-child(1) {
    text-align: right;
}
.s4_ul2 > li:nth-child(1) img {
    width: 100%;
    display: inline-block;
}
.s4_ul2 > li:nth-child(2) {
    color: #fff;
    font-size: 1.0rem;
    line-height: 1.3;
    padding-left: 30px;
    box-sizing: border-box;
    word-break: keep-all;
}
.s4_ul2 > li:nth-child(2) .bold {
    font-weight: 800;
}

.s412 {margin: 0px 0px 180px; }
.s4 .sub_inner > img {
    width: 100%;
}
.s4_txt2 {
    margin-top: 45px;
    text-align: center;
    color: #595959;
    line-height: 1.5;
}
.s4_txt2 .bold {
    font-size: 1.5rem;
    font-weight: 800;
    color: #595959;
    line-height: 1.3;
    margin-bottom: 30px;
}
.s4_txt2 .bold .color {
    color: #29549a;
}

.s413 {
    margin: 0px 0px; 
    padding-bottom: 180px;
    background: url(../image/s4/s413_bg.png) center bottom / cover no-repeat;
}
.s413_ul1 {
    font-size: 0;
}
.s413_ul1 > li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-bottom: 60px;
}
.s413_ul1 > li > img {
    width: 100%;
}
.s413_ul1 > li:nth-child(2n) {
    margin-left: 2%;
}
.s413_txt {
    font-size: 1rem;
    word-break: keep-all;
    margin-top: 20px;
    transform: skew(-0.3deg);
    letter-spacing: -0.5px;
    text-align: justify;
}
.s413_txt .bold {
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 18px;
    color: #3e3a39;
}



.s421 {margin: 120px 0px 90px; }
.s422 {
    margin-bottom: 180px;
}
.s423 {
    margin-bottom: 200px;
}
.s423_in {
    width: 100%;
}
.s4_pag {
    width: 100%;
    position: relative;
}
.s4_pag::before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #29549a;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.s4_pag .swiper-pagination-bullet {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #29549a;
    box-sizing: border-box;
    margin: 0 40px;
    position: relative;
    opacity: 1;
}
.s4_pag .swiper-pagination-bullet-active {
    background: #29549a;
}
.s4_pag .swiper-pagination-bullet::before {
    display: block;
    position: absolute;
    bottom: -80%;
    font-size: 12px;
    left: 50%;
    width: 280%;
    transform: translateX(-50%) skew(-0.3deg);
}
.s4_pag .swiper-pagination-bullet:nth-child(1)::before {
    content: '공정 개선';
}
.s4_pag .swiper-pagination-bullet:nth-child(2)::before {
    content: '생산품';
}
.s4_pag .swiper-pagination-bullet:nth-child(3)::before {
    content: '생산조립 및 가공';
}
.s4_pag .swiper-pagination-bullet:nth-child(4)::before {
    content: '검사 및 측정';
}
.s4_slide {
    /* padding-left: 12.6%; */
    padding-top: 7%;
}
/* 
.s4_slide .swiper-wrapper {
    margin-left: 4.4%;
} */
.s4_slide .swiper-slide {
    width: 100%;
    max-width: 800px;
    opacity: 0.5;
    margin: auto;
}
.s4_slide .swiper-slide-active {
    opacity: 1;
}
.s4_slide .swiper-slide .slide_img {
    width: 100%;
    position: relative;
}
.slide_img img {
    width: 100%;
    display: block;
}

.s423_txt1 {
    width: 40%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0%;
    color: #fff;
    font-size: 1rem;
    background-color: rgba(41, 84, 154, 0.9); 
    padding-left: 30px;
    box-sizing: border-box;
}
.s423_txt1 > div {
    position: absolute;
    bottom: 30px;
}
.s423_tit {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 20px;
}
.s423_tit .bold {
    font-weight: 800;
}
.slide_txt {
    width: 95%;
    margin:  auto;
    margin-top: 50px;
    font-size: 0;
}
.slide_txt > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.slide_txt > li p {
    font-size: 0.95rem;
    line-height: 1.5;
    position: relative;
    padding-left: 8px;
    transform: skew(-0.3deg);
    min-height: 30px;
    letter-spacing: -1px;
}
.slide_txt > li p::before {
    width: 4px;
    height: 4px;
    background: #29549a;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}
.slide_txt > li p.last::before {
    display: none;
}
.s4_prev, .s4_next {
    font-size: 3rem;
    color: #29549a;
}
.s4_prev {
    left: 32.5%;
}
.s4_next {
    right: 32.5%;
}






/*sub5-1*/

.s511 {margin: 120px 0px 180px;}


.border-B {padding: 100px 0px 150px; border-bottom: 1px solid #EBEBEB;}

.s511_ul1 {width: 100%; font-size: 0px; margin: 70px auto 0px;}
.s511_ul1 li {width: 50%; box-sizing: border-box; display: inline-block; vertical-align: top; text-align: center; border-bottom: 1px solid #EBEBEB;}
.s511_ul1 li p:nth-child(1) { background-color: #29529F; color: #fff; font-size: 1.3rem; font-weight: bold; line-height: 1.3; letter-spacing: -0.9px; padding:10px 0px; box-sizing: border-box;}
.s511_ul1 li:nth-child(1) p:nth-child(1) {border-right: 1px solid #fff;}
.s511_ul1 li p:nth-child(2) { padding: 20px 0px; box-sizing: border-box;}
.s511_ul1 li:nth-child(1) p:nth-child(2) {border-right: 1px solid #EBEBEB;}


.s511_img1 {width: 100%; max-width: 660px; margin: 70px auto 0px; display: block;}


.s121_txt1 .sub { margin-left: 10px;  font-weight: bold;  vertical-align: middle;}
.s511_ul2 {width: 100%; font-size: 0px; text-align: center; margin: 70px auto 0px;}
.s511_ul2 li {width: auto; display: inline-block; vertical-align: top; text-align: left; box-sizing: border-box; padding-left: 120px; position: relative; }
.s511_ul2 li:nth-child(1) {margin-right: 80px;}
.s511_ul2 li > img {width: 100%; max-width: 95px; position: absolute; left: 0px; top: 0px;}
.s511_ul2 li .txtbox {width: 100%;}
.s511_ul2 li .txtbox p {padding-left: 30px; box-sizing: border-box; position: relative; margin-bottom: 10px;}
.s511_ul2 li .txtbox p .num {color: #29529f; position: absolute; left: 0px; top: 0px; font-weight: 800;}


.s511_ul3 {width: 100%; font-size: 0px; text-align: center; margin: 70px auto 0px; max-width: 900px;}
.s511_ul3 li {  width: 33.333%;  display: inline-block;  vertical-align: top;  padding: 20px 0px;  box-sizing: border-box;  border-right: 1px solid #EBEBEB;}
.s511_ul3 li:last-child {border-right: 0px;}
.s511_ul3 li > img {width: 100%; max-width: 115px; margin:0px auto 20px; display: block;}
.s511_ul3 li:nth-child(1) > img {padding-left: 15px;}
.s511_ul3 li > p img {display: inline-block; vertical-align: middle; width: 100%; max-width: 9px; margin-right: 3px;}



/*sub5-2*/


.s521 {margin: 0px 0px 180px;}

.s121_ul1.ver2 {text-align: center; max-width: 850px; margin: auto;}
.s121_ul1.ver2 li {height: 145px; border-radius: 100%;}
.s121_ul1.ver2 li.bg1 {background-color: #BAD6E9;}
.s121_ul1.ver2 li.bg2 {background-color: #2387C0;}
.s121_ul1.ver2 li.bg3 {background-color: #046098;}
.s121_ul1.ver2 li.bg4 {background-color: #29529F;}
.s121_ul1.ver2 li.bg5 {background-color: #3C63DA;}
.s121_ul1.ver2 li.arrow {height: auto; border-radius: 0px;}
.s121_ul1.ver2 li p {font-size: 1.4rem;}

.s521_txtbox1 {width: 100%; max-width: 850px; margin: 50px auto 0px;}
.s521_txtbox1 p {position: relative; padding-left:85px; box-sizing: border-box; margin-bottom: 10px;}
.s521_txtbox1 p img {width: 100%; max-width: 9px; position: absolute; left: 0px; top: 6px;}
.s521_txtbox1 p .sub  {color: #29529f; position: absolute; left: 15px; top: 0px; font-weight: 800;;}
.s521_txtbox1 p .bold {font-weight: bold;}


.s521_ul2 {width: 100%; font-size: 0px; text-align: center; margin: 70px auto 0px; max-width: 900px;}
.s521_ul2 li {  width: 33.333%;  display: inline-block;  vertical-align: top;  padding: 20px 0px;  box-sizing: border-box; }
.s521_ul2 li:nth-child(2) {border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB;}
.s521_ul2 li > img {width: 100%; max-width: 115px; margin:0px auto 20px; display: block;}
.s521_ul2 li > p:nth-child(2) { font-weight: 800;  font-size: 1.7rem;  margin-top: 40px; margin-bottom: 20px;}



/*sub5-3*/


.s531 {margin: 120px 0px 180px;}
.s53_cont {width: 85%; margin-left: 15%; }
.s53_bg {background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 300px;}
.s53_bg.bg1 {background-image: url(../image/s5/s531_bg.png);} 
.s53_bg.bg2 {background-image: url(../image/s5/s532_bg.png);} 

.s53_ul {width: 100%; font-size: 0px; margin: 100px 0px 150px;} 
.s53_ul > li {display: inline-block; vertical-align: top; width: 50%; margin-bottom: 100px;}
.s53_ul_ul {width: 100%;}
.s53_ul_ul > li {display: inline-block; vertical-align: middle;}
.s53_ul_ul > li.img {position: relative; width: 165px; height: 165px; border-radius: 100%; background-color: #BAD6E9; border: 1px solid #BAD6E9; transition: all 0.4s; margin-right: 35px; box-sizing: border-box;}
.s53_ul_ul > li.img .align_center {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%;}
.s53_ul_ul > li.img .align_center .imgbox { position: relative;  width: 100%;  max-width: 65px;  height: 65px;  margin: auto;  margin-bottom: 10px;}
.s53_ul_ul > li.img .align_center .imgbox img {position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.4s; width: 100%;}
.s53_ul_ul > li.img .align_center .imgbox img:nth-child(1) {opacity: 1;}

.s53_ul_ul > li.img .align_center > p {text-align:center; font-size: 1.2rem; color: #fff; transition: all 0.4s; font-weight: bold;}

.s53_ul > li:hover .s53_ul_ul > li.img {background-color: #fff;}
.s53_ul > li:hover .s53_ul_ul > li.img .align_center .imgbox img:nth-child(1) {opacity: 0;}
.s53_ul > li:hover .s53_ul_ul > li.img .align_center .imgbox img:nth-child(2) {opacity: 1;}
.s53_ul > li:hover .s53_ul_ul > li.img .align_center > p {color: #BAD6E9;}

.s53_ul_ul > li.txt {width: calc(100% - 200px); }
.s53_ul_ul > li.txt p {padding-left: 15px; position: relative; box-sizing: border-box; margin-bottom: 25px;}
.s53_ul_ul > li.txt p:last-child {margin-bottom: 0px;}
.s53_ul_ul > li.txt p::before {content: ""; position: absolute; left: 0px; top: 0.35em; width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #E5E5E5; border-right: 4px solid transparent;}
.s53_ul_ul > li.txt p .tit {font-weight: bold; display: block; margin-bottom: 5px;}




/*sub5-4*/


.s541 {margin: 120px 0px;}
.s541_ul {width: 100%; font-size: 0px; text-align: center; margin: 70px auto 0px;}
.s541_ul li {  width: 33.333%;  display: inline-block;  vertical-align: top;  padding: 20px 0px;  box-sizing: border-box; margin-bottom: 150px; }
.s541_ul li:nth-child(2) {border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB;}
.s541_ul li:nth-child(5) {border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB;}
.s541_ul li > img {width: 100%; max-width: 115px; margin:0px auto 20px; display: block;}
.s541_ul li > p:nth-child(2) { font-size: 1.7rem;  margin-top: 40px; margin-bottom: 20px;}




/*board*/

#bo_v {  border-top: 0 !important;  padding-top: 15px;}
.cmt_btn span.total { color: #29529F !important;}
.bo_v_nb li,.cmt_btn, .btn_confirm, #bo_vc_empty {transform: skewX(-0.3deg);}





/*sub6-1*/ /*sub6-2*/

.sub611 { margin: 120px 0px;}
.sub611.first {margin-top: 150px}
.sub611.last {margin-bottom: 180px;}

.s611_wrap {width: 100%;  border-top: 3px solid #eee; padding: 30px; box-sizing: border-box;}
.s611_wrap::before {content: ""; position: absolute; left: 0px; top: 0px; width: 180px; height: 3px; background-color:#0046aa; }
.s611_p1 { font-size: 1.4rem; line-height: 1.4;  letter-spacing: -1.25px;  color: #000000;  margin-bottom: 10px;  font-weight: 800; transform: skewX(-0.3deg);}
.s611_p1.padding {padding-bottom: 10px;}
.s611_p2 { font-size: 0.95rem;  line-height: 1.4;  color: #666666;  margin-bottom: 40px; word-break: keep-all; transform: skewX(-0.3deg);}
.s611_cont {width: 100%; margin-bottom: 30px;}
.s611_cont p { padding-left: 30px;  box-sizing: border-box;  font-size: 0.9rem;  line-height: 25px;  letter-spacing: -0.5px;  color: #666666;  position: relative; word-break: keep-all; transform: skewX(-0.3deg);}
.s611_cont p span.sub_title {font-weight: 800;}
.s611_cont p span.num { position: absolute;  left: 0px;  top: 0px;  width: 22px;  height: 22px;  font-size: 1rem;  line-height: 24px;  border-radius: 100%;  color: #0046aa;  text-align: center;  font-weight: bold;}




/*sub6-3*/

.s631 {margin-bottom: 180px;}

#sitemap_nav { width: 100%;  margin: 0 auto;  font-size: 0px;  border-top: 5px solid #29529F;  border-bottom: 5px solid #29529F;  padding: 70px 0px;}
#sitemap_nav > li { width: 100%;  vertical-align: top;  display: inline-block;  padding: 0px 50px 50px;  box-sizing: border-box;  border-bottom: 1px solid #ddd; margin-bottom: 50px}
#sitemap_nav > li:last-child {padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px;}
#sitemap_nav > li > a { font-size: 1.5rem;  color: #666666;  text-transform: capitalize; }
.site_sub_menu { width: 100%;  margin-top: 5px; padding-left: 30px;  box-sizing: border-box;}
.site_sub_menu > li {  width: 50%;  display: inline-block;  vertical-align: top;  margin: 15px 0 0;}
.site_sub_menu.wid3 > li {width: 33.333%; }
.site_sub_menu.wid4 > li {width: 25%; }
.site_sub_menu > li > a { font-size: 1rem;  color: #333333;  font-weight: 600;  text-transform: capitalize;  display: inline-block;  margin-bottom: 10px;  border-bottom: 1px solid transparent;  transition: all 0.4s;  position: relative;  }
.site_sub_menu > li > a::before {content: ""; position: absolute; left: -20px; top: 8px; width: 5px; height: 5px; background-color: #92aebb;  border-radius: 100%;}
.site_sub_menu > li > a:hover {border-bottom: 1px solid #333333}
.sub_site_sub_menu { width: 95%;  margin-left: 5%;  border-left: 1px solid #29529F;}
.sub_site_sub_menu > li {margin-bottom: 15px; transform: skewX(-0.3deg); }
.sub_site_sub_menu > li > a {  font-size: 0.65rem;  color: #666666;  margin-left: 20px;  line-height: 1.3;  border-bottom: 1px solid transparent;  transition: all 0.4s; font-weight: 600; text-transform: capitalize; }
.sub_site_sub_menu > li > a:hover {border-bottom: 1px solid #666666}
.sub_sub_site_sub_menu {  width: 100%;  margin-left:30px; margin-bottom: 20px;}
.sub_sub_site_sub_menu li { width: 25%;  padding: 6px 0px;  display: inline-block;  transform: skewX(-0.3deg);  vertical-align: top;}
.sub_sub_site_sub_menu li a { font-size: 0.8rem;  line-height: 1.3;  color: #666666;  transition: all 0.4s;  border-bottom: 1px solid transparent;}
.sub_sub_site_sub_menu li a:hover {color:#0079c3; border-bottom: 1px solid #0079c3;}
.sub_sub_site_sub_menu li a.none {pointer-events: none; opacity: 0.5;}
.sub_sub_site_sub_menu li a.none:hover {color: #666666; font-weight: normal;}