/*
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: 340px;  position: relative; margin-top: 90px;}
.subtop_con {position: absolute; left: 50%; top:75%; transform: translate(-50%,-50%); }
.subtop_con > p:nth-child(1) {  font-weight : bold;font-size : 40px; 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_bottom {width: 100%; max-width: 1100px; margin: 15px auto; display: block}
.subtop_bottom  p {text-align: right; font-size : 16px; line-height : 28px; color : #4d4d4d; transform: skewX(0.3deg);}


.sub_nav {width: 95%; font-size: 0px; margin: 150px auto 120px; max-width: 1200px; border-bottom: 1px solid #ddd;}
.sub_nav li {display: inline-block; vertical-align: top; text-align: center; font-size : 20px; color : #4d4d4d; position: relative; font-weight: bold;}
.sub_nav li.on {color: #167bbf;}
.sub_nav li.on::after {content: ""; position:absolute; left: 0px; border: 0px; background-color: #167bbf; width: 100%; height: 4px; }
.sub_nav li a { display: block;  width: 100%;  height: 100%;  position: relative;  padding: 20px 0px;}

.sub_nav.width01 li {width: 100%;}
.sub_nav.width03 li {width: 33.333%;}
.sub_nav.width04 li {width: 25%;}
.sub_nav.width05 li {width: 20%;}
.sub_nav.width06 li {width: 16.666%;}


.sub_section {width: 100%; position: relative;}
.sub_inner {width: 95%; max-width: 1200px; margin: 0px auto; display: block;}




/*sub 1-1*/


.s11_ul {font-size: 0px; width: 100%;}
.s11_ul li {display: inline-block; vertical-align: bottom; position: relative;}
.s11_ul li:nth-child(1) {width: 70%; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../image/s1/s11_bg.png); height: 500px; margin-bottom: 150px;}

.s11_ul li:nth-child(2) {width:50%; margin-left: -20%; background-color: #fff; padding: 30px 25px; box-sizing: border-box; box-shadow: 7px 7px 7px rgba(0,0,0,0.4);}
.s11_ul li:nth-child(2)::before {content: ""; display: block; margin-bottom: 20px; width:210px; height: 3px; background-color: #167bbf }
.s11_ul li:nth-child(2) p { font-size: 17px;  line-height: 29px;  color: #4d4d4d;  margin-bottom: 14px;  transform: skewX(-0.3deg);}
.s11_ul li:nth-child(2) p span.bold {font-weight: 800;}
.s11_ul li:nth-child(2) p span.color {color:#167bbf; }


.s11.a2 {margin: 150px 0px;}
.sub_txt1 {  text-align: center;  font-weight: bold;  font-size: 29px;  line-height: 38.83px;  color: #333333;}

.s11_ul2 {  width: 100%;  font-size: 0px;  margin: 65px 0px 185px;  position: relative;}
.s11_ul2::before {  content: "";  height: 1px;  width: 90%;  z-index: -1;  position: absolute;  background-color: #808080;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);}
.s11_ul2 li { width: 29%; margin-right: 6.5%;  display: inline-block;  vertical-align: top;  border-radius: 100%;  border: 6px solid rgba(204,204,204,0.4);  box-sizing: border-box;  padding: 12px;  transition: all 0.4s;  position: relative;  background-color: #fff;}
.s11_ul2 li:last-child {margin-right: 0px;}
.s11_ul2 li:hover {  border: 6px solid rgba(22,123,191,0.3); }
.s11_ul2 li::before { position: absolute;  content: "";  right: -7px; top: 50%;  transform: translateY(-50%);  background-color: #cccccc;  width: 7px;  height: 7px;  border-radius: 100%;  z-index: 99;  transition: all 0.4s; }
.s11_ul2 li:nth-child(2)::after { position: absolute;  content: "";  left: -7px; top: 50%;  transform: translateY(-50%);  background-color: #cccccc;  width: 7px;  height: 7px;  border-radius: 100%;  z-index: 99;  transition: all 0.4s; }
.s11_ul2 li:nth-child(3)::before { left: -7px;}
.s11_ul2 li:hover::before { background-color: #167bbf;}
.s11_ul2 li:hover::after { background-color: #167bbf;}
.s11_circle { border-radius: 100%;  border: 1px solid #808080; transition: all 0.4s;  height: 100%;  width: 100%;  padding: 60px 40px;  box-sizing: border-box;}
.s11_ul2 li:hover .s11_circle {  border: 1px solid #167bbf;}
.s11_circle > p:nth-child(1) {  text-align: center;    font-weight : bold;font-size : 30px;color : #167BBF;}
.s11_circle > p:nth-child(2) { text-align: center;font-weight : bold;font-size : 18px;line-height : 35px;  color : #4d4d4d;}

.s11_hover {margin-top: 15px; min-height: 105px;}

.s11_hover_cont img { width: 95%;  max-width: 90px;  display: block; margin: auto; }
.s11_hover_cont.txt {display: none;}
.s11_hover_cont.txt p {  font-size : 18px; line-height : 35px; color : #4d4d4d; text-align: center; cursor: default;}

.s11_ul2 li:hover .s11_hover_cont.txt {display: block;}
.s11_ul2 li:hover .s11_hover_cont.img {display: none;}



.s11.a3 { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../image/s1/s11_bg2.png); height: 500px;  margin: 120px 0px 0px;}
.s11.a3 .m3_txtbox {max-width: 1200px; left: 50%;transform: translate(-50%,-50%)}
.s11.a3 .m3_txtbox .border { position: absolute; top: 0px; width: 100%; max-width: 27px; height: 100%;}
.s11.a3 .m3_txtbox .border.left {left: 0px;}
.s11.a3 .m3_txtbox .border.right {right: 0px;}
.s11.a3 .m3_txtbox p:nth-child(1) {  font-size: 38px;  line-height: 45px;  color: #FFFFFF; text-align: center; position: relative; font-weight: bold;}
.s11.a3 .m3_txtbox p:nth-child(1)::after {content: ""; display: block; margin: 50px auto; background-color: #fff; width: 200px; height: 2px;}
.s11.a3 .sub_inner {width: 100%; height: 100%;}



/*sub 1-2*/


.s12.a1 {margin-bottom: 150px;}

.sub_top_img {width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; height: 310px;}
.sub_top_img.s12 {background-image: url(../image/sub_top_img12.png)} 
.sub_top_img.s13 {background-image: url(../image/sub_top_img13.png)} 

.sub_top_img.s21 {background-image: url(../image/sub_top_img21.png)} 


.sub_top_img.s41 {background-image: url(../image/sub_top_img41.png)} 


.sub_top_img.s51 {background-image: url(../image/sub_top_img51.png)} 
.sub_top_img.s52 {background-image: url(../image/sub_top_img52.png)} 
.sub_top_img.s53 {background-image: url(../image/sub_top_img53.png)} 

.sub_top_txt {width:100%; max-width: 900px; margin: -80px auto 120px; background-color: #fff; padding: 30px 0px; text-align: center; }
.sub_txt2 { font-size: 19px;  line-height: 29px;  color: #4d4d4d;  margin-top: 25px;}
.sub_txt2 span.bold {font-weight: bold;}
.sub_txt2 span.color {color: #143cc5;}


.s12_img {width: 100%; max-width: 800px; margin: auto; display: block;}

.s12_ul {width: 100%; font-size: 0px; }
.s12_ul li {width: 25%; vertical-align: top; display: inline-block; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px 20px; box-sizing: border-box; text-align: center; transition: all 0.4s;position: relative; }
.s12_ul li:nth-child(1) {background-image: url(../image/s1/s12_li_bg1.png)}
.s12_ul li:nth-child(2) {background-image: url(../image/s1/s12_li_bg2.png)}
.s12_ul li:nth-child(3) {background-image: url(../image/s1/s12_li_bg4.png)}
.s12_ul li:nth-child(4) {background-image: url(../image/s1/s12_li_bg3.png)}

.s12_ul li img {width: 100%; max-width: 95px; margin: auto; display: block; }
.s12_ul li p {cursor: default;}
.s12_ul li p:nth-child(2) {font-weight : bold; font-size : 30px; color : #FFFFFF; margin-top: 15px; transition: all 0.4s;}
.s12_ul li p:nth-child(3) { font-size : 20px;
  color : #FFFFFF; transition: all 0.4s;}
.s12_ul li p:nth-child(4) { font-size: 16px;  line-height: 30.05px;  color: #FFFFFF;  margin-top: 50px;  margin-bottom: 30px;  height: 90px;  transition: all 0.4s;  opacity: 0;  word-break: keep-all;  width: 90%;  margin: 50px auto 0px;}
.s12_ul li .s12_li_bg {width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0px; top:0px; opacity: 0; z-index: -1; transition: all 0.4s;}

.s12_ul li:hover {transform: scale(1.1); z-index: 10;}
.s12_ul li:hover .s12_li_bg {opacity: 1}

.s12_ul li:nth-child(2) p {color:#b2b2b2;}
.s12_ul li:nth-child(2):hover p {color:#fff;}
.s12_ul li:hover p:nth-child(4) {opacity: 1;}


/*sub 1-3*/


.center {text-align: center;}

.s13_cont {border-top: 1px solid #ddd; padding-top: 30px; width: 100%;}

.container {  width: 100%; max-width:900px; margin:50px  auto 150px; box-sizing: border-box; }

.width50 {width: 45%; display: inline-block; margin-bottom: 35px;}
#cusubject_1 { margin-bottom: 35px;} 
.width50.L {margin-right: 5%;}
.width50.R {margin-left: 5%}
.mail_title {  font-weight : bold; font-size : 20px;line-height : 38.83px; color : #333333; margin-bottom: 10px;}

.mail_cont { width: 100%;}                    
.mail_cont input {background-color: #f2f2f2;  border: 0px; padding: 10px;  box-sizing: border-box;   width: 100%; font-size: 14px;  line-height: 20px;  color: #b2b2b2;}
.mail_cont2 input  {background-color: #f2f2f2;  border: 0px; padding: 10px;  box-sizing: border-box;   width: 100%; font-size: 14px;  line-height: 20px;  color: #b2b2b2;}
.mail_cont2 textarea  {background-color: #f2f2f2;  border: 0px; padding: 10px;  box-sizing: border-box;   width: 100%; font-size: 14px;  line-height: 20px;  color: #b2b2b2; min-height: 310px;}

.s13_cont .more_btn {background-color: #fff;  border: 1px solid #167bbf; color: #4d4d4d; margin: 50px auto 0px;}      
.s13_cont .more_btn:hover {color: #fff; background-color: #167bbf; cursor: pointer;}

.mail_to_c {display: none;}

/*sub 1-4*/

.s14.a1 {margin-bottom: 150px;}
.s14_map { width: 90%;  height: 630px;  margin: 0px auto 65px; }
.s14_ul { width: 90%;  margin: auto;  font-size: 0px;}
.s14_ul li {width: 50%; display: inline-block; vertical-align: top;}
.s14_ul li:nth-child(1) > img {width: 100%; max-width: 270px; margin-bottom: 60px;}
.s14_ul li p { box-sizing: border-box;  position: relative;  font-size: 17px;  line-height: 30px;  color: #4d4d4d;  margin-bottom: 20px; }
.s14_ul li p.a1 { padding-left: 100px;  text-indent: -100px; word-break: keep-all;}
.s14_ul li p.a2 { padding-left: 80px;  text-indent: -80px;}
.s14_ul li p span.title { font-weight: bold;  color: #167BBF; border-right: 2px solid #167BBF;  padding-right: 10px; margin-right: 10px; font-size: 20px;}
.s14_ul li p img { width: 100%;  max-width: 160px;  display: block;  margin-top: 10px; }


/*
sub 2-1 & sub 2-2

.s21.a1 {margin-bottom: 150px;}
.s21_ul { width: 90%;  margin: 0px auto 70px;  font-size: 0px;}
.s21_ul > li {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; }
.s21_ul > li:nth-child(1).left {width: 35%; position: relative; padding-right: 20%; min-height: 180px;}
.s21_ul > li:nth-child(1).left::before { content: "";  width: 100%;  max-width: 180px;  height: 8px;  top: 50%;  transform: translateY(-50%);  right: 0px;  background-image: url(../image/s2/s21_img.png);  background-size: contain;  background-repeat: no-repeat;  position: absolute;} 
.left_txt {width: 100%;}
.left_txt > p:nth-child(1) { text-align: center; font-weight : bold;font-size : 20px; color : #167BB9;}
.left_txt > p:nth-child(1) span {font-weight: bold; font-size : 25px; display: block; margin-bottom: 10px;}
.left_txt > img:nth-child(2) { width: 100%;  max-width:85px; margin: 25px auto 0px;  display: block;}

.s21_ul > li:nth-child(2).right {width: 65%; border: 2px solid #167bb9; } 
.s21_ul_ul {width: 100%;}
.s21_ul_ul > li {display: inline-block; vertical-align: middle;}
.s21_ul_ul > li:nth-child(1) {width: 40%; padding-left:40px; box-sizing:border-box;}
.s21_ul_ul > li:nth-child(1) p { font-size: 17px;  line-height: 25px;  color: #4d4d4d;  margin-bottom: 20px;  padding-left: 25px;  position: relative;  box-sizing: border-box; word-break:keep-all;}
.s21_ul_ul > li:nth-child(1) p:last-child {margin-bottom: 0px; }
.s21_ul_ul > li:nth-child(1) p::before {  content: "";  width: 4px;  height: 4px;  top: 10px;  border-radius: 100%;  background-color: #167bb9;  position: absolute;  left: 10px;}

.s21_ul_ul > li:nth-child(2) {width: 55%; margin-left:5%; background-size:cover; background-repeat:no-repeat; background-position:center; height:235px;}
.s21_ul_ul > li:nth-child(2).bg1 {background-image:url(../image/s2/s21_img1.png);}
.s21_ul_ul > li:nth-child(2).bg2 {background-image:url(../image/s2/s21_img2.png);}
.s21_ul_ul > li:nth-child(2).bg3 {background-image:url(../image/s2/s21_img3.png);}
.s21_ul_ul > li:nth-child(2).bg4 {background-image:url(../image/s2/s21_img4.png);}
.s21_ul_ul > li:nth-child(2).bg5 {background-image:url(../image/s2/s21_img5.png);}
.s21_ul_ul > li:nth-child(2).bg6 {background-image:url(../image/s2/s21_img6.png);}
.s21_ul_ul > li:nth-child(2).bg7 {background-image:url(../image/s2/s21_img7.png);}
.s21_ul_ul > li:nth-child(2).bg8 {background-image:url(../image/s2/s21_img8.png);}


.s21_ul_ul > li:nth-child(2) p { display:none; font-size: 15px;  line-height: 25px;  color: #4d4d4d;  margin-bottom: 20px;  padding-left: 25px;  position: relative;  box-sizing: border-box; transform: skewX(-0.3deg);}
.s21_ul_ul > li:nth-child(2) p:last-child {margin-bottom: 0px;}
.s21_ul_ul > li:nth-child(2) p::before { content: "";  width: 5px;  height: 2px;  top: 12px;  background-color: #167bb9;  position: absolute;  left: 10px;}
*/




/* new sub 2-1 & sub 2-2*/

.s21.a1 {margin-bottom: 180px;}
.s21_tab_ul { width: 100%;  margin: 0px auto 70px;  font-size: 0px;}
.s21_tab_ul > li {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: calc( (100% - 70px) / 8 ); margin-right: 10px; transition: all 0.4s; cursor: pointer;}
.s21_tab_ul.ver2 > li {width: calc( (100% - 352.5px) / 6 ); margin-right: 70.5px;}
.s21_tab_ul > li:hover { box-shadow: 3px 3px 8px 3px rgb(0 0 0 / 15%);}
.s21_tab_ul > li:last-child {margin-right: 0px;}

.s21_tab_ul > li > p:nth-child(1) { text-align: center; font-weight : 800; font-size : 18px; color : #4d4d4d; transition: all 0.4s}
.s21_tab_ul > li:hover > p:nth-child(1) { color: #167bb8; }

.s21_tab_ul > li > p:nth-child(1) span { font-weight: bold; font-size: 20px;  margin-bottom: 10px;  display: block;  color: #fff;  padding: 5px 0px; transition: all 0.4s; background-color: #cccccc;}
.s21_tab_ul > li:hover > p:nth-child(1) span { background-color: #167bb8; }

.s21_tab_ul > li > img:nth-child(2) { width: 100%;  max-width:85px; margin: 25px auto;  display: block;}



.s21_cont_wrap {width: 100%; position: relative; margin-bottom: 150px; background-color: #f7f7f7; min-height: 445px;}
.s21_cont { width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.4s}
.s21_cont.on {opacity: 1;}

.s21_cont_ul {font-size: 0px; width: 85%; margin-left: 15%;  }
.s21_cont_ul li { display: inline-block;  vertical-align: top;  position: relative;}
.s21_cont_ul li.txt { width: 45%;  box-sizing: border-box;  margin-top: 70px;  padding-left: 12%;}
.s21_cont_ul li.txt > p:nth-child(1) { font-weight: 800;  font-size: 27px;  color: #4d4d4d;  border-bottom: 1px solid #cccccc;  position: relative;  padding-bottom: 8px;  margin-bottom: 8px;}
.s21_cont_ul li.txt > p:nth-child(1)::after {content: ""; position: absolute; left: 0px;; bottom: 0px; width: 90px; height: 3px; background-color:  #167bb8; }
.s21_cont_ul li.txt > p:nth-child(2) {font-weight : bold; font-size : 22px; color : #4d4d4d;}
.s21_cont_txt {margin-top: 70px; width: 100%; }
.s21_cont_txt p { padding-left: 15px;  box-sizing: border-box; font-size: 17px;  color: #4D4D4C;  position: relative;  line-height: 25px;  margin-bottom: 20px;}
.s21_cont_txt p::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background-color: #167bb8; position: absolute; left: 0px; top: 10px; }


.s21_cont_ul > li.img { width: 55%;  background-size: cover;  background-repeat: no-repeat;  background-position: center;  height: 420px;  margin-top: -70px;  margin-bottom: 95px;}
.s21_cont_ul > li.img.img1 {background-image:url(../image/s2/s21_img1.png);}
.s21_cont_ul > li.img.img2 {background-image:url(../image/s2/s21_img2.png);}
.s21_cont_ul > li.img.img3 {background-image:url(../image/s2/s21_img3.png);}
.s21_cont_ul > li.img.img4 {background-image:url(../image/s2/s21_img4.png);}
.s21_cont_ul > li.img.img5 {background-image:url(../image/s2/s21_img5.png);}
.s21_cont_ul > li.img.img6 {background-image:url(../image/s2/s21_img6.png);}
.s21_cont_ul > li.img.img7 {background-image:url(../image/s2/s21_img7.png);}
.s21_cont_ul > li.img.img8 {background-image:url(../image/s2/s21_img8.png);}





/*sub 2-3*/

.sub_txt1.a1 {margin-bottom: 50px;}

.s23_ul {width: 100%; border-top: 1px solid #167bb9; border-bottom: 1px solid #167bb9; padding: 30px 10px; box-sizing: border-box; font-size: 0px;}
.s23_ul li {display: inline-block; vertical-align: top;border-top: 1px solid #ddd; padding-top: 20px;}
.s23_ul li:nth-child(1) {border-top: 0px; padding-top: 0px; padding-bottom: 20px}
.s23_ul li:nth-child(2) {border-top: 0px; padding-top: 0px; padding-bottom: 20px}
.s23_ul li.year {width: 20%;  font-weight : 800; font-size : 40px; line-height : 35px;  color : #333333;}
.s23_ul li.contents {width: 80%; }
.s23_ul li.contents p {  font-size : 17px; line-height : 30px; color : #4d4d4d; margin-bottom: 15px; padding-left: 80px; box-sizing: border-box; position: relative; }
.s23_ul li.contents p.one {margin-bottom: 0px;}
.s23_ul li.contents p span { display:none;  font-weight : bold; font-size : 26px; color : #333333; position: absolute; left: 0px; top: 0px;}

.s23_ul2 { font-size: 0px;  width: 100%; margin: 130px 0px;}
.s23_ul2 li { display: inline-block; vertical-align: top;   position: relative; height: 490px;}
.s23_ul2 li:nth-child(1) {  width: 57%; background-size: cover;  background-repeat: no-repeat;  background-position: center;  background-image: url(../image/s2/s23_bg.png); z-index: 2}
.s23_ul2 li:nth-child(2) { width: 53%;  margin-left: -10%;  padding: 50px 15% 50px 12%;  box-sizing: border-box; background-color: #f2f2f2; margin-top: 5%; height: 460px;}
.s23_ul2 li:nth-child(2) p { font-size: 17px;  line-height: 29px; color: #4d4d4d;  margin-bottom: 14px;  transform: skewX(-0.3deg);}
.s23_ul2 li:nth-child(2)::before { content: "";  display: block;  margin-bottom: 20px;  width: 210px;  height: 3px;    background-color: #167bbf;}


.s23.a5 {margin-top: 100px; width: 100%; background-color: #f2f2f2; padding: 60px 0px; }

.sub_txt1.a2 {position: relative;}
.sub_txt1.a2::after { content: "";  width: 100%;  max-width: 40px;  height: 2px;  display: block;  margin: 30px auto 45px;  transform: rotate(-45deg);  background-color: #167bb9;}

.s23_ul3 {width: 90%; font-size: 0px; margin: auto; }
.s23_ul3 li {display: inline-block; vertical-align: top; width: 18%; margin: 0px 1%; transition: all 0.4s; }
.s23_ul3 li img {width: 100%;}

.swiper-button-prev i, .swiper-button-next i {font-size: 35px; color: #808080;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: none;}

/*sub 3-1*/

.s31.a1 {margin-bottom: 150px;}
.s31_ul1 {width: 100%; font-size: 0px;}
.s31_ul1 li {width: 25%; border-top:1px solid #ddd; border-left: 1px solid #ddd;  vertical-align: top; min-height: 345px; box-sizing: border-box; position: relative;  display: inline-block;}
.s31_ul1 li.bottom {border-bottom: 1px solid #ddd}
.s31_ul1 li.right {border-right: 1px solid #ddd;}

.s31_ul1 li > img {width: 90%; margin: auto; display: block;  max-width: 250px;}
.s31_ul1 li > p:nth-child(2) {  font-size : 17px; line-height : 30px; color : #4d4d4d; margin-top: 10px; text-align: center;}

.s31_ul1 li .hover { position: absolute;  left: 0px;  top: 0px;  background-color: #fff;  box-shadow: 7px 7px 7px rgba(0,0,0,0.3); padding: 30px;  box-sizing: border-box;  width: 100%;  height: 100%;  text-align: center;  opacity: 0;  transition: all 0.4s;  display: block; z-index: 10;}
.s31_ul1 li:hover .hover {opacity: 1;}
.s31_ul1 li:hover .hover.none {opacity: 0; pointer-events: none;}
.s31_ul1 li .hover p:nth-child(1) { font-weight: 800;  font-size: 20px;  line-height: 30px;  color: #167BB9;  margin-top: 15px;}
.s31_ul1 li .hover p:nth-child(2) { font-weight: bold;  font-size: 14px;  line-height: 30px;  color: #4d4d4d;  transform: skewX(-0.3deg);  margin-top: 12px;}
.s31_ul1 li .hover .more { width: 100%;  max-width: 100px;  border: 1px solid #167BB9;  border-radius: 12px;  border-top-right-radius: 0px;  padding: 5px 0px;  text-align: center;  margin: 25px auto 0px;  font-weight: bold;  font-size: 15px;  line-height: 25px;  color: #4d4d4d;  transform: skewX(-0.3deg); }


/*sub 3-1 pop*/

.pro.a1 {margin-bottom: 150px;}

.pro_ul1 {width: 100%; font-size: 0px; margin-bottom: 100px;}
.pro_ul1 li {display: inline-block; vertical-align: top;}


.pro_ul1 li:nth-child(1) {width: 40%; margin-right: 10%;}
.pro_ul1 li:nth-child(1) img { width: 90%; margin: auto; display: block; max-width: 430px;}


.pro_ul1 li:nth-child(2) { width: 50%;  min-height: 400px;  position: relative;  margin-bottom: 30px;  padding-bottom: 50px;}
.pro_ul1 li:nth-child(2) p.title {  font-weight : 800;  font-size : 32px; line-height: 42px;  color : #167BB9; padding-bottom: 20px; border-bottom: 1px solid #167bb9; margin-bottom: 20px;}
.pro_ul1 li:nth-child(2) p {  font-size : 18px; line-height : 35px; color: #4d4d4d; width: 100%;  padding-right: 20%;  word-break: keep-all; box-sizing: border-box;;}
.pro_ul1 li:nth-child(2) .catalog { position: absolute;  right: 0px;  bottom: -30px;  font-size: 0px;  display: block;}
.pro_ul1 li:nth-child(2) .catalog a { display: inline-block;  background-color: #167bb9; height: 30px;   line-height: 30px;  color: #fff;  font-weight: bold;  font-size: 17px;  text-align: center;  width: auto;  margin-left: 15px;  padding: 0px 10px;}
.pro_ul1 li:nth-child(2) .catalog a.color {background-color: #e6822d;}


.pro_ul1.width100 li {width: 100%;}

.pro_ul1.width100 li:nth-child(1) {margin-bottom: 70px;}
.pro_ul1.width100 li:nth-child(1) img {max-width: 800px}

.pro_ul1.width100 li:nth-child(2) { min-height: 250px;}


.pro_ul1.width100 li:nth-child(2) p {padding-right: 0px;}

.pro_title {  font-weight : 800;  font-size : 25px; line-height: 35px;  color : #167BB9; margin-bottom: 20px;}

.pro_ul2 { width: 100%;  border-top: 2px solid #167bb9; border-bottom: 1px solid #ddd; font-size: 0px; position: relative;}
.pro_ul2::after {width: 1px; height: 100%; position: absolute; left: 50%; top: 0px;  background-color: #ddd; content: "";  transform: translateX(-50%); }
.pro_ul2.single::after {display: none;}

.pro_ul2 li {width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box;}
.pro_ul2 li p.title { font-weight: bold;  font-size: 20px;  height: 50px;  line-height: 50px;  color: #333333;  background-color: #f2f2f2;  padding: 0px 15px; box-sizing: border-box; text-align: center;}
.pro_ul2 li .cont_box {width: 100%; padding: 25px 15px; box-sizing: border-box; }
.pro_ul2 li .cont_box.border {border-bottom: 1px solid #ddd;}
.pro_ul2 li .cont_box p.sub_title {font-size: 17px;  box-sizing: border-box; color: #333333;margin-bottom: 10px; font-weight: bold;}
.pro_ul2 li .cont_box p.cont {  transform: skewX(-0.3deg); font-size: 15px;  line-height: 25px;  color: #4d4d4d;  margin-bottom: 10px;  padding-left: 25px;  position: relative;  box-sizing: border-box;}
.pro_ul2 li p.cont::before {  content: "";  width: 4px;  height: 4px;  top: 10px;  border-radius: 100%;  background-color: #167bb9;  position: absolute;  left: 10px;}


.pro_ul3 {width: 100%; font-size: 0px; }
.pro_ul3 li {display: inline-block; vertical-align: top; margin-bottom: 100px;}
.pro_ul3 li.img {width: 43%; margin-top: 65px; }
.pro_ul3 li.img img {width: 90%; margin: auto; display: block;}
.pro_ul3 li.txt {width: 57%;}
.pro_ul3 li.txt p.title {  font-weight : bold; font-size : 22px; line-height : 35px; color : #333333; position: relative;}
.pro_ul3 li.txt.left p.title::after {content: ""; display: block; margin: 20px 0px; width: 100%; max-width: 600px; height: 1px; background-color: #167bb9;}
.pro_ul3 li.txt p { font-size: 16px;  line-height: 32px;  color: #4d4d4d; transform: skewX(-0.3deg);  word-break: keep-all;}
.pro_ul3 li.txt.right {text-align: right;}
.pro_ul3 li.txt.right p.title::after {content: ""; display: block; margin: 20px 0px; width: 100%; max-width: 600px; height: 1px; background-color: #167bb9; float: right; position: relative;}
.clear {clear: both; display: block; content: "";}

.add_cont {  width: 100%;  max-width: 240px;  background-color: #f2f2f2;  padding: 24px 15px;  border-radius: 30px;  box-sizing: border-box;  border-top-left-radius: 0px; margin-top: 10px;}
.add_cont p.title2 {  font-weight : bold; font-size : 22px; line-height : 35px; color: #333333; }

.add_cont p.txt { margin-bottom: 1px;  padding-left: 25px;  position: relative;  box-sizing: border-box;  transform: skewX(-0.3deg);}
.add_cont p.txt::before { content: "";  width: 5px;  height: 2px;  top: 12px;  background-color: #167bb9;  position: absolute;  left: 10px;}



.s323_img {width: 90%; margin-bottom: 30px; }
.pro_ul2 li.width100 {width: 100%;  text-align: center;}
.pro_ul2 li.width100 p.cont::before {display: none;}
.pro_ul2.ver2::after {display: none}


.s36_txt {margin-bottom: 35px;}
.s36_txt:last-child {margin-bottom: 0px;}
.s36_txt span.tit {font-weight: 800; display: block; margin-bottom: 10px;}
.s36_txt span.cont { padding-left: 25px;  position: relative;  box-sizing: border-box; display: block;}
.s36_txt span.cont::before {  content: "";  width: 4px;  height: 4px;  top: 10px;  border-radius: 100%;  background-color: #167bb9;  position: absolute;  left: 10px;}

.pro_ul4 { width: 100%;  font-size: 0px; position: relative;}
.pro_ul4 li {display: inline-block; vertical-align: top; width: 23.5%; margin-right: 2%;}
.pro_ul4 li:nth-child(4n) {margin-right: 0px;}
.pro_ul4 li img {width: 100%;}


/*sub 4-1*/

.s41.a1 {margin-bottom: 150px;}

.s41_cont {width: 100%; margin: 100px auto 0px;  text-align: center; max-width: 900px;}
.s41_txt1 { font-family: 'Arita-buri-SemiBold'; font-weight : bold; font-size : 35px; line-height : 51.97px; color : #167BBA; margin-bottom: 50px;}
.s41_txt2 {  font-size : 18px; line-height : 35px; color : #4d4d4d;}
.s41_txt2 span {color: #167bb9; font-weight: bold;}


/*sub 4-2*/

.s42.a1 {margin-bottom: 150px;}

.s42_img {width: 100%; max-width: 650px; margin: auto; display: block;}
.s42_ul {width: 100%; margin-top: 100px; border-top: 1px solid #ddd; padding-top: 100px; font-size: 0px;}
.s42_ul li { width: 18%;  margin-right: 2.5%;  background-color: #fff;  border-radius: 100%;  padding: 60px 30px;  box-sizing: border-box;  box-shadow: 7px 7px 7px rgba(0,0,0,0.3);  text-align: center;  display: inline-block;  min-height: 216px;}
.s42_ul li:last-child {margin-right: 0px;}
.s42_ul li p:nth-child(1) {  font-weight : bold; font-size : 20px; line-height : 35px; color : #4d4d4d;}
.s42_ul li p:nth-child(2) {  transform: skewX(-0.3deg);  font-size: 16px;  color: #4d4d4d;  line-height: 22px;  margin-top: 15px;}


/*sub 4-3*/

.s43.a1 {margin-bottom: 150px;}
.s43_cont {width: 90%; position: relative; background-color: #fff; margin: auto; opacity: 0; transition: all 0.4s;}
.swiper-slide-active .s43_cont {opacity: 1;}
.s43_img {background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 450px; position: relative;}
.s43_img p {color: #fff; font-weight : bold; font-size : 70px; position: absolute; right: 15px; bottom: 15px;}
.s43_img.a1 {background-image: url(../image/s4/s43_img1.png);}
.s43_img.a2 {background-image: url(../image/s4/s43_img2.png);}
.s43_img.a3 {background-image: url(../image/s4/s43_img3.png);}
.s43_img.a4 {background-image: url(../image/s4/s43_img4.png);}
.s43_img.a5 {background-image: url(../image/s4/s43_img5.png);}

.s43_ul {font-size: 0px; width: 100%; position: relative; margin: 70px auto 0px; text-align: center; min-height: 345px; }
.s43_ul::before {width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0px; top: 0px; content: ""; }
.s43_ul li {width: 23%; margin: 0px 1%; display: inline-block; vertical-align: top; }

.s43_ul li p.year { margin-bottom: 20px;  font-weight : 800; font-size : 30px; color : #167BB9; position: relative; padding-top: 25px;}
.s43_ul li p.year::before {content: ""; position: absolute; left: 50%; top: -7px; background-color: #fff; width: 7px; height: 7px; border-radius: 100%; border:3px solid #167bb9; transform: translateX(-50%);}

.s43_ul li p.contents { transform: skewX(-0.3deg);  position: relative;  font-size: 15px;  line-height: 25px;  color: #4d4d4d;  padding-left: 55px; box-sizing: border-box;  text-align: left;  margin-bottom: 18px; word-break: keep-all}
.s43_ul li p.contents span.month {position: absolute; left: 0px; top: 0px; font-weight : bold; font-size : 20px;}


/*sub 4-4*/

.s44.a1 {margin-bottom: 150px;}
.s44_ul {width: 100%; border-top: 2px solid #167bb9; font-size: 0px; }
.s44_ul li {display: inline-block; vertical-align: top;border-bottom: 1px solid #ddd; box-sizing: border-box; height: 250px;}
.s44_ul li.left {width: 30%; position: relative; border-right: 1px solid #ddd;}
.s44_ul li.left img {width: 100%; max-width: 180px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.s44_ul li.left i {  position: absolute;  right: 15px;   bottom: 15px; font-size: 25px;  color: #999999;}

.s44_ul li.right {width: 70%; padding: 45px 30px;}
.s44_ul li.right p:nth-child(1) { font-weight: bold;  font-size: 25px;  color: #167BBF;  margin-bottom: 15px;}
.s44_ul li.right p:nth-child(2) {font-size : 18px; line-height : 35px; color : #4d4d4d;}



/*sub 4-5*/

.s45.a1 {margin-bottom: 150px;}



/*sub 5-1*/


.s51.a1 {margin-bottom: 150px;}
.s51_ul {width: 100%; font-size: 0px;}
.s51_ul li {display: inline-block; width: 30%; margin-right: 5%; vertical-align: top; border: 1px solid #ddd; text-align: center; padding: 40px; box-sizing: border-box; transition: all 0.4s; border-radius: 20px; min-height: 455px;}
.s51_ul li:last-child {margin-right: 0px;}
.s51_ul li .s51_imgbox {  width: 100%;  max-width: 180px;  margin: auto;  margin-bottom: 35px;  position: relative;   min-height: 150px;}
.s51_ul li .s51_imgbox img { width: 100%;  transition: all 0.4s;  position: absolute;  left: 0px;  top: 0px;}
.s51_ul li .s51_imgbox img:nth-child(2) {opacity: 0;}

.s51_ul li p:nth-child(2) {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  font-weight : bold; font-size : 22px; color : #4d4d4d; transition: all 0.4s; cursor: default; padding: 10px 0px;}
.s51_ul li p:nth-child(3) { margin-top: 20px;   font-size : 18px; line-height : 30px; color : #4d4d4d; cursor: default;}

.s51_ul li:hover {border: 1px solid #167bb9;}
.s51_ul li:hover .s51_imgbox img:nth-child(2) {opacity: 0;}
.s51_ul li:hover .s51_imgbox img:nth-child(2) {opacity: 1;}
.s51_ul li:hover p:nth-child(2) {color:#167bb9; border-top: 1px solid #167bb9; border-bottom: 1px solid #167bb9; }




/*sub 5-2*/

.s52.a1 {margin-bottom: 150px;}


/*sub 5-3*/

.s53.a1 {margin-bottom: 150px;}
.s53_ul {width: 100%; font-size: 0px; max-width: 1100px; margin: auto; }
.s53_ul li {display: inline-block; width: 30%; margin:0px 1.5%; vertical-align: top;}
.s53_ul li img {width: 100%; margin-bottom: 25px;}
.s53_ul li p { font-size: 19px;  line-height: 25px;  color: #4d4d4d;  margin-bottom: 20px;  padding-left: 25px;  position: relative;  box-sizing: border-box; word-break: keep-all;}
.s53_ul li p::before {  content: "";  width: 4px;  height: 4px;  top: 10px;  border-radius: 100%;  background-color: #167bb9;  position: absolute;  left: 10px;}




/* 사이트맵 */
.s61.a1 {margin-bottom: 150px;}
#site_nav { width: 90%; margin: 30px auto;  font-size: 0px;}
#site_nav > li { width: auto; display: block; padding-bottom: 50px; }
#site_nav > li > a { font-size: 25px;  font-weight: bold;  color: #000000; text-transform: uppercase;  border-bottom: 2px solid #167bb9; padding-bottom: 20px; }
.site_sub_menu {  width: 100%;}
.site_sub_menu > li { width: auto;  display: inline-block;  vertical-align: top;  margin: 50px 0 0; }

.site_sub_menu > li > a { font-size: 18px;  font-weight: bold;  color: #000000; border-right: 1px solid #666666;  margin: 20px 0; padding: 0 30px}
.site_sub_menu > li:last-child > a {border: none;}


a.btn_admin, .btn_admin {  color: #167bbf; !important}