/*
font-family : 'Noto Serif KR', serif;
font-family : 'Noto Sans KR', sans-serif;
font-family : 'NanumSquare', sans-serif;
font-family : 'GmarketSansLight', sans-serif;
font-family : 'GmarketSansMedium', sans-serif;
font-family : 'GmarketSansBold', sans-serif;
*/




/* sub 공통 */

 #menu {display: none;}
.scroll_fix{display: none;}

.subtop {width: 100%;  background-size: cover; background-position: center; background-repeat: no-repeat; height:432px ; position: relative; margin-bottom: 120px;}
.subtop_con {position: absolute; left: 50%; top:65%; transform: translate(-50%,-50%); width: 90%; }
.subtop_con p:nth-child(1) {  font-weight : bold;font-size: 50px; line-height: 55px;  text-transform : uppercase; color : #FFFFFF; text-align: center;}


.subtop.sub1 {background-image: url(../image/sub_top1.png)}
.subtop.sub2 {background-image: url(../image/sub_top2.png)}
.subtop.sub3 {background-image: url(../image/sub_top3.png)}
.subtop.sub4 {background-image: url(../image/sub_top4.png)}
.subtop.sub5 {background-image: url(../image/sub_top5.png)}
.subtop.sub6 {background-image: url(../image/sub_top6.png)}





/*sub 1-1*/

.sub_section {width: 100%; position: relative;}
.s11 {margin-bottom: 150px;}
.sub_inner {width: 90%; max-width: 1200px; margin: 0px auto; display: block;}
.sub_tab {width: 100%; margin: 30px auto 100px; max-width: 1200px;     border-bottom: 1px solid #727171; display: none;}
.tab_ul {font-size: 0px; width: 100%; text-align: center;}
.tab_ul li {width: 133px; display: inline-block;   font-size : 16px; line-height: 19px; text-transform : uppercase;  color : #9FA0A0; vertical-align: bottom; margin-right: 60px;}

.tab_ul.sub2 li {  width: 150px; }
.tab_ul.sub3 li {  width: auto; }
.tab_ul li.on { color : #213161;}
.tab_ul li:last-child {margin-right: 0px;}
.tab_ul li a {display: block; width: 100%; height: 100%; position: relative;padding-bottom: 15px;}
.tab_ul li a::after {position: absolute; content: ""; left: 0px; width: 100%; height: 5px; bottom: -5px; background-color:#9fa0a0; }
.tab_ul li.on a::after {background-color: #213161; }
.sub1_title { font-size: 35px;  text-transform: uppercase;  color: #34373A;  border-bottom: 4px solid #34373a;  padding-bottom: 10px;  font-weight: 500; margin-bottom: 70px}

.s11_ul { width: 100%; font-size: 0px; }
.s11_ul li {display: inline-block; vertical-align: top; width: 50%;}
.s11_cont1 {width: 90%; margin-bottom: 120px}
.s11_cont1 p { font-size: 16px;  color: #231815;  line-height: 38px;  padding-left: 120px;  box-sizing: border-box;  position: relative; }
.s11_cont1 p span { position: absolute;  left: 0px;  top: 0px;  background-color: #213161;  color: #fff;  width: 100px;  padding-left: 10px;  box-sizing: border-box; }
.s11_cont1 p sup {font-size: 10px;}

.s11_cont2 {width: 80%; margin-bottom: 100px;}
.s11_txt1 {border-bottom: 1px solid #686d71; padding-bottom: 10px;}
.s11_txt1 span {  font-weight : 500;font-size : 20px;line-height : 30.35px;text-transform : uppercase; color : #FFFFFF; background-color: #213161; padding: 0px 5px;}
.s11_txt2 { font-weight : bold; font-size : 18px; line-height : 38.13px; text-transform : uppercase; color : #686D71;}
.s11_txt3 { font-size : 16px; line-height : 25.58px; color : #686D71; padding-left: 50px; box-sizing: border-box; position: relative;}
.s11_txt3 span {position: absolute; left: 0px; top: 0px; }

.s11_ul li:nth-child(2) img {width: 100%;}
#s11_img2 { max-width: 310px;  margin: 25px 0px 35px;  display: block; }


/* sub 1-2 */

.s12 {margin-bottom: 180px;}
.s21_img {width: 90%; max-width: 1300px; margin: auto}
.s21_img img {width: 100%}


/* sub 1-3 */

.s13_tab {width: 100%; max-width: 700px; margin: auto; font-size: 0px;}
.s13_tab li {width: 33.333%; display: inline-block; vertical-align: top;  font-size : 20px; text-transform : uppercase;   color : #FFFFFF; background-color: #b5b5b6;  padding: 8px 0px; text-align: center; cursor: pointer;}
.s13_tab li.on {background-color: #213161;}

.s13_contbox {width: 90%; max-width: 900px; margin: 100px auto 50px;}
.s13_contbox img { width: 100%;}


/* sub 1-4 */

.s14_ul {width: 100%; font-size: 0px;}
.s14_ul li { width: 22%;  margin: 0px 1.5%; display: inline-block; vertical-align: top; margin-bottom: 50px; transition: all 0.4s;}
.s14_ul li.li2 {width: 47%;} 
.s14_ul li:hover {transform:scale(1.1)}
.s14_ul li img {width: 100%; }
.s14_ul li.li2 img:nth-child(1) {display: inline-block; width: 47%; margin-right:3%; max-width: 264px;}
.s14_ul li.li2 img:nth-child(2) {display: inline-block; width: 47%; margin-left: 3%; max-width: 264px;}
.s14_ul li.li22 {width: 47%;}
.s14_ul li p {  font-size: 16px;  line-height: 20.02px;  text-transform: uppercase;  color: #898989;  text-align: center;  margin-top: 15px;}

/* sub 1-5 */
.s15_div {width: 100%; position: relative; margin-bottom: 200px; padding-top: 80px;}
.s15_bg {width: 100%; background-color: #f9fafb; height: 450px; position: absolute; left: 0px; top: 0px; z-index: -1;}
.s15_ul {width: 90%; max-width: 1300px; font-size: 0px; margin: auto;}
.s15_ul li {display: inline-block; vertical-align: top}
.s15_ul li:nth-child(1) {width: 30%;}
.s15_div .s11_txt1 {  font-weight : bold; font-size : 35px; line-height : 45.35px; text-transform : uppercase; color : #686D71;}
.s15_ul li:nth-child(2) {width: 66%; margin-left: 4%}
.s15_map {width: 100%; height:500px;  }


/* sub 2-1 */

.s21 {margin: 150px 0px 180px;}
.s21_ul {width: 100%; font-size: 0px;}
.s21_ul li {display: inline-block; vertical-align: top; width: 30%; margin-right: 5%; margin-bottom:80px; cursor: pointer; }
.s21_ul li:nth-child(3n) {margin-right: 0px;}
.s21_ul li img {width: 100%;}
.s21_ul li p {text-align: center; margin-top: 10px; background-color: #686d71; color: #fff; padding: 8px 0px; font-size :17px;
  letter-spacing : 0.4px;  text-transform: capitalize;}

.pro_pop_bg {display: none; position: absolute; left: 0px; top: 432px; z-index: 1; width: 100%; height: 110%; background-color: rgba(185,195,201,0.5);}
.pro_pop_div {display: none; width: 100%; background-color: rgba(185,195,201,0.5); margin-bottom: 100px; z-index: 2; position: relative;}
.pro_pop_div.a2 {display: block;}
.pro_pop_wrap { background-color: #f9fafb;  width: 100%;}
.pro_pop_inner { width: 95%;  max-width: 1200px;  margin: auto;  padding: 60px 0px; box-sizing: border-box; position: relative;}
.pro_pop_ul {width: 100%; margin: auto; font-size: 0px; height: 100%;}
.pro_pop_ul li {display: inline-block; vertical-align: top; }
.pro_pop_div.a2  .pro_pop_inner {padding-bottom: 180px;}
.pro_pop_ul li:nth-child(1) {width: 40%; margin-right: 5%;}
.pro_pop_ul li:nth-child(1) img {width: 100%;}
.pro_pop_ul li:nth-child(2) {width: 52%; margin-right: 3%;}
.pro_pop_ul li:nth-child(3) {width: 40%; margin-right: 5%; margin-top: 120px;}
.pro_pop_ul li:nth-child(3) img {width: 100%;}
.pro_pop_ul li:nth-child(4) {width: 52%; margin-right: 3%; margin-top: 120px;}

#pro_pop_txt1 { font-weight : bold; font-size : 23px; line-height : 33.35px; color : #102640; }
#pro_pop_txt2 { font-weight: bold; font-size: 45px;  line-height: 55px; letter-spacing: -2.96px;  color: #C30D23;  margin-top: 10px;  padding-bottom: 8px;  border-bottom: 1px solid #666666; }
#pro_pop_txt2-2 {font-weight: bold; font-size: 50px;  line-height: 60px; letter-spacing: -2.96px;  color: #C30D23;  margin-top: 80px;  padding-bottom: 8px;  border-bottom: 1px solid #666666; }
.pro_pop_infoimg {width: 100%; margin-top: 65px; max-width: 620px;}
.pop_close {cursor: pointer; position: absolute; top: -55px; max-width: 55px; right: 0px; transition: all 0.4s;}
.pop_close img {width: 100%;}
.pop_close:hover {transform: rotate(180deg)}

.pro_pop_ul::-webkit-scrollbar { width: 10px; }
.pro_pop_ul::-webkit-scrollbar-thumb { background-color: #2f3542;  border-radius: 10px;  background-clip: padding-box;  border: 2px solid transparent; }
.pro_pop_ul::-webkit-scrollbar-track {  background-color: grey;  border-radius: 10px; box-shadow: inset 0px 0px 5px white; }

#pro_pop_txt3 {margin-top: 65px; font-size : 16px; line-height : 22px; color : #231815; }
#pro_pop_txt3 span {  font-weight : bold; font-size : 18px; color : #595757; display: block; padding-bottom: 5px;}
.pro_pop_ul4.a2 {margin-top: 35px;}
.pro_pop_ul4.a3 {margin-bottom: 100px}
.pro_pop_box #pro_pop_txt2 {width: 100%; max-width: 500px;}
.pro_pop_box #pro_pop_txt3  {width: 100%; max-width: 800px;}
.pro_pop_box #pro_pop_img2 { margin-top: 65px; width: 100%; max-width: 800px; }
#pro_pop_img.a1 {margin-bottom: 35px;}

.pro_pop_ul2 {font-size: 0px; margin-top: 30px; width: 100%;}
.pro_pop_ul2 li {width: 48%; margin-right: 2%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
.pro_pop_ul2 li:nth-child(2n) {margin-right: 0px; margin-left: 2%;}
.pro_pop_ul2 li p:nth-child(1) {background-color: #d3d3d3;   font-weight : bold; font-size : 18px; line-height: 28px; color : #272828; box-sizing: border-box; padding-left: 30px; position: relative;}
.pro_pop_ul2 li p:nth-child(1)::before {content: ""; width: 8px; height: 8px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background-color: #fff; border-radius: 100%;}
.pro_pop_ul2 li p:nth-child(2) { font-size: 16px; line-height: 22.98px; padding: 15px 0px 25px;  color: #231815;}
.pro_pop_ul2 li img {width: 100%;}

.pro_pop_bg2 {position: absolute; right: 0px; top: 100px; width: 100%; max-width: 850px;}

.pro_pop_ul3 {font-size: 0px; margin-top: 30px; width: 100%;}
.pro_pop_ul3 li {width: 48%; margin-right: 2%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
.pro_pop_ul3 li:nth-child(2n) {margin-right: 0px; margin-left: 2%;}
.pro_pop_ul3 li p.ul3_txt1 {  font-weight : bold; font-size : 22px; color : #C30D23;}
.pro_pop_ul3 li p.ul3_txt2 {  font-size : 16px; line-height : 22px; color : #231815; margin-bottom: 50px;}
.pro_pop_ul3 li img {width: 100%; margin-bottom: 50px; margin-top: 10px;}


#pro_pop_txt2.b_none {border-bottom: 0px; width: 100%; max-width: none;}
.pro_pop_ul4 {width: 100%; font-size: 0px; margin-top: 65px; margin-bottom: 70px;}
.pro_pop_ul4 > li {display: inline-block; vertical-align: top;}
.pro_pop_ul4 > li:nth-child(1) {width: 75%;}
.pro_pop_ul4 > li:nth-child(1) > p:nth-child(1) {  font-weight : bold;
  font-size : 20px;  color : #369749; padding-bottom: 20px;}
.pro_pop_ul_ul {border-top:3px solid #369749; position: relative;}
.pro_pop_ul_ul::before {content: ""; left: 0px; top: 0px; position: absolute; width: 3px; height: 80px; background-color: #369749;}
.pro_pop_ul_ul > li {display: inline-block; vertical-align: top;}
.pro_pop_ul_ul > li:nth-child(1) {width: 30%;}
.pro_pop_ul_ul > li:nth-child(1) img {width: 100%;}
.pro_pop_ul_ul > li:nth-child(2) {width: 70%;}
.pro_pop_ul_ul > li:nth-child(2) p { font-size: 18px;  line-height: 26px; padding-top: 25px;  color: #231815;}
.pro_pop_ul4 > li:nth-child(2) { width: 23%;  margin-top: 15px; margin-left: 2%; }
.pro_pop_ul_u2 {width: 100%; font-size: 0px;}
.pro_pop_ul_u2 li {width: 23%; margin: 0px 1%; display: inline-block; vertical-align: top;}
.pro_pop_ul_u2 li img {width: 100%;}
.pro_pop_ul4 > li:nth-child(2) > img {width: 100%; margin-top: 20px; }


.s51_ul {width: 100%; font-size: 0px; border-top:1px solid #ddd;}
.s51_ul.first {margin-top: 120px}
.s51_ul > li { display: inline-block; vertical-align: top; padding-top: 15px; margin-bottom: 80px;}
.s51_ul > li:nth-child(1) {width: 22%; position: relative; border-top: 4px solid #c30d23;   margin-top: -2px;}
.s51_ul > li:nth-child(1) p {  font-weight : bold; font-size : 22px; text-transform : uppercase; color : #C30D23; line-height: 32px; }
.s51_ul > li:nth-child(1) p span {  font-size : 16px; line-height : 22px; color : #595757; display: block; margin-top: 10px;}
.s51_ul > li:nth-child(2) {width: 68%; margin-left: 10%;}
.s51_ul > li:nth-child(2) img {width: 100%; margin-top: 40px;}
.s51_ul > li:nth-child(2) img.aa { margin-bottom: 150px;} 
.s51_ul > li:nth-child(2).aa p {padding-left: 250px;  margin-left: 50px; box-sizing: border-box;   font-size : 20px; line-height : 30px; color : #595757; position: relative;}
.s51_ul > li:nth-child(2).aa p span {position: absolute; left: 30px; font-weight: bold;}
.s51_ul > li:nth-child(2).aa p::before {content: ""; width: 5px; height: 5px; border-radius: 100%; left: 10px; top: 16px; position: absolute; background-color:#c30d23; }

.s51_ul > li:nth-child(1) img.s5_img.no1 {width: 90%; margin-top: 35px }
.s51_ul > li:nth-child(2) p { font-size : 20px; line-height : 30px; color : #231815;}
.s51_ul > li:nth-child(2) img.s5_img.no2 {width: 90%;  max-width:570px; display: block; margin: 40px auto 0px;}

.s51_ul.bo_none > li {margin-bottom: 40px;}
.s51_ul.bo_none > li:nth-child(1) {border-top: 0px; }

.s51_ul.ul1 > li:nth-child(1) {width: 25%;}
.s51_ul.ul1 > li:nth-child(2) {width: 68%; margin-left: 7%;}

.s51_ul.ul2 > li {margin-bottom: 50px;}
.s51_ul.ul2 > li:nth-child(1) {width: 27%;}
.s51_ul.ul2 > li:nth-child(2) {width: 68%; margin-left: 5%;}
.s51_ul.ul2 > li:nth-child(2) img {margin-top: 20px;}

.s51_ul2 {width: 100%; font-size: 0px;}
.s51_ul2 li {width: 32%; margin-right: 2%; margin-bottom: 80px; display: inline-block; vertical-align: top;}
.s51_ul2 li img {width: 100%}
.s51_ul2 li.w2 {width: 66%;}
.s51_ul2 li p {margin-top: 15px; text-align: center;  font-size : 18px;
  line-height : 25px; color : #231815;}

.s51_ul2 li.m-no {margin-right: 0px;}



/*sub7-1*/

.s71 { margin: 150px 0px 180px;}
#cuname21 {display: none;}