@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400,500,600,700&display=swap&subset=korean');

@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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



* { margin: 0; padding: 0; outline: none;}
html,body { width: 100%; height: 100%; min-width: 1180px;}
ul,li {list-style: none;}
a {text-decoration: none; color: inherit;}
p, span, h1, h2, h3, h4, h5, h6, a, li { font-family : 'NanumSquare', sans-serif; }
.mob {display: none;}
.pc {display: block;}
#header {min-width: 1180px;}
.hidden {overflow-y: hidden;}

/* 초기화 영역 끝 */


/*header*/


#wrap {width: 100%;}
#header { height: 90px; width: 100%; position: absolute; left: 0; top: 0; margin: 0px auto; z-index: 10; }
#header:hover {height: 290px;}

#header_inner { width: 90%;  max-width: 1200px;  margin: 15px auto 0px;  font-size: 0px;  position: relative; font-size: 0px;}
#header_logo { width: 18%;  display: inline-block;  vertical-align: top; margin-top: 30px;}
#header_logo img {width: 100%;}
#header_logo img:nth-child(1) {max-width: 135px;}
#header_logo img:nth-child(2) { display: none; max-width: 105px; margin-top: 5px}

#nav { width: 82%;  margin: 40px auto 0px;  display: inline-block;  font-size: 0px; box-sizing: border-box; vertical-align: top}
#nav > li {cursor: pointer; display: inline-block; width: 18%;  padding: 0px 1%;  font-size: 18px;  color: #4d4d4d;  vertical-align: top;  font-weight: 800;  position: relative;  transform: skewX(-0.3deg); box-sizing: content-box;}
#nav > li i {vertical-align: middle; font-size: 20px;}

.nav_ul { position: absolute;  left: 0px;  top: 35px;  padding-top: 20px; width: 100%; display: none; border-left: 1px solid rgba(255,255,255,0.3); min-height: 275px;  box-sizing: border-box;}
#nav > li:last-child .nav_ul {border-right: 0px;}
.nav_ul li { font-size: 15px;  line-height: 18.55px;  margin-bottom: 25px;  transform: skewX(-0.3deg); padding: 0px 6%;  box-sizing: border-box; color: #fff; font-weight: normal;}

#header:hover .nav_ul { display: block;}

.header_bg {opacity: 0; transition: all 0.4s; width: 100%; background-color: rgba(0,0,0,0.35); height: 275px; position: absolute; left: 0px; top: 90px;}
#header:hover .header_bg {opacity: 1;}

#lang2 { width: auto;  height: auto;  position: fixed;  top: 10px;  right: 30px;  font-size: 0px;  border: 0px; text-align: right;  cursor: pointer;  padding-right: 5px;  overflow: initial; z-index: 999;  padding-right: 0px;}
#lang2 li { font-size: 14px;  display: inline-block;  padding: 0px 10px;  vertical-align: top;  color: #4d4d4d;  border-right: 1px solid #4d4d4d;  transform: skewX(-0.3deg)}
#lang2 a:last-child li {border-right: 0px;}

/*footer*/



#footer {width: 100%; background-color: #4d4d4d; z-index: 10; position: relative;}
.f_inner { width: 100%;  max-width: 1200px;  margin: 0px auto; position: relative;}

.f_top_nav { z-index: 99; font-size: 0px; width: 70%; position: absolute;  left: 0px;  top: 0px; height: 55px;  padding-top: 10px;}
.f_top_nav a {width: auto; display: inline-block; padding: 0px 30px; box-sizing: border-box; font-size: 14px; transform: skewX(-0.3deg); line-height: 23px; vertical-align: top; color: #fff; transition: all 0.4s; cursor: pointer;}
.f_top_nav a:last-child {border-right: 0px;}

.f_nav {font-size: 0px;}
.f_nav li {display: inline-block; vertical-align: top; position: relative;}
.f_nav li:nth-child(1) {width: 17%; margin-right: 5%; padding-top: 85px;}
.f_nav li:nth-child(1) img {width: 100%;  max-width: 180px; }
.f_nav li:nth-child(2) {width: 48%; padding-top: 55px;}
.f_nav li:nth-child(3) {width: 30%;}

.f_txt1 { font-size: 14px;  line-height: 22px;  transform: skewX(-0.3deg);  color: #fff; margin-top: 20px;}
.copy { font-size: 13px;  letter-spacing: -0.3px;  line-height: 18px;  color: #fff;  margin-top: 50px;  padding-bottom: 20px; transform: skewX(-0.3deg);}    
    
.f_map {width: 100%; height: 290px; }


    
    
/* main1 */



.main_section {width: 100%; position: relative;}
.main_inner {width: 100%; max-width: 1200px; margin: auto; display: block; position: relative;}
.ms1 {width: 100%; position: relative; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center;}
.ms1.a1 {background-image: url(../image/m1_bg1.png)}
.ms1.a2 {background-image: url(../image/m1_bg2.png)}
.ms1.a3 {background-image: url(../image/m1_bg3.png)}


.ms1_txtbox { position: absolute; left: 18%;  top: 55%;  transform: translateY(-50%);}
.ms1_txtbox p {  font-weight : bold; font-size : 70px; line-height : 80px; color : #FFFFFF;}
.ms1_txtbox2 { position: absolute; right: 18%; bottom: 20%; text-align: right;}
.ms1_txtbox2 p {font-size : 17px;line-height : 34px; color : #FFFFFF; font-family : 'Noto Serif KR', serif;}

.ms1_bullet {  bottom: 8% !important; }
    
.ms1_bullet .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #e5e5e5; opacity: 1; transition: all 0.4s; border-radius: 15px; margin: 0px 20px !important;}
.ms1_bullet .swiper-pagination-bullet-active {background-color: #167bbf;  width: 65px; border: 2px solid #ffffff; box-sizing: border-box;}




/* main2 */




#m2 {margin: 150px 0px;}
.m2_ul { width: 95%; font-size: 0px;  float: right;  max-width: 1650px; margin-bottom: -120px;}
.clear {clear: both; content: ""; display: block;}
.m2_ul > li { display: inline-block; vertical-align: top; }

.m2_ul > li:nth-child(1) {padding-right: 50px; box-sizing: border-box; width: 35%; }
.m2_ul > li:nth-child(1) p:nth-child(1) {  font-weight : bold; font-size : 32px; line-height : 50px; color : #333333;}
.m2_ul > li:nth-child(1) p:nth-child(2) { margin-top: 40px; font-size : 18px;line-height : 35px; color : #4d4d4d; word-break: keep-all;}
.m2_ul > li:nth-child(1) p:nth-child(2) span.color {color: #167bbf; font-weight: bold;}

.more_btn { width: 100%;  max-width: 150px;  text-align: center;  border: 1px solid #4d4d4d; box-sizing: border-box;  padding: 6px 0px;font-weight: bold; font-size: 18px;  line-height: 25px;  color: #167BBF;  display: block;  margin-top: 50px; transition: all 0.4s;}
.m2_ul > li:nth-child(1) .more_btn {margin-top: 70px;}
.m2_ul > li:nth-child(1) .more_btn:hover {background-color: #167BBF; border: 1px solid #167BBF; color: #fff;}

.m2_ul > li:nth-child(2) { width: 65%;  background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../image/m2_img1.png); height: 680px;}

.m2_ul2 { width: 100%;  font-size: 0px;  padding: 30px 0px; position: relative;  background-color: #fff;}
.m2_ul2 li { width: 20%;  border-right: 1px solid #4d4d4d;  display: inline-block;  text-align: center;  box-sizing: border-box;  padding: 50px 0px;  vertical-align: top;}
.m2_ul2 li:last-child {border-right: 0px;}
.m2_ul2 li p:nth-child(1) {  font-weight : bold; font-size : 22px; line-height : 35px; color : #000000;}
.m2_ul2 li p:nth-child(2) {margin-top: 20px;   font-size : 20px; line-height : 30px; color : #4d4d4d;}




/* main3 */



#m3 { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../image/m3_bg.png); height: 300px;  margin: 120px 0px;}
#m3 .main_inner {width: 100%; height: 100%;}
.m3_txtbox {width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); text-align: center; }
.m3_txt1 { font-size: 38px; line-height: 45px;  color: #FFFFFF;  border-bottom: 1px solid #fff;  max-width: 700px;  margin: auto; padding-bottom: 17px;}
.m3_txt2 { font-size : 22px; line-height : 35px; color : #FFFFFF; margin-top: 30px;}



/* main4 */




#m4 { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../image/m4_bg.png); height: 800px;  margin: 120px 0px;}
#m4 .main_inner {width: 100%; height: 100%;}
.m4_txtbox {width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); text-align: center; }
.m4_ul {width: 100%; font-size: 0px; width: 100%; margin: 150px auto}
.m4_ul li {width: 12.5%; display: inline-block; vertical-align: top; text-align: center; font-weight : bold; font-size : 20px; line-height : 30px; color : #FFFFFF;}

.more_btn.a2 { max-width: 120px;}
#m4 .more_btn { position: absolute; right: 0px; bottom: 0px; color: #fff; border: 1px solid #167bbf;}
#m4 .more_btn:hover {background-color: #167bbf;}




/* main5 */




#m5 { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../image/m5_bg.png); height: 300px;  margin: 120px 0px;}
#m5 .main_inner {width: 100%; height: 100%;}




/* main6 */

#m6 .main_inner {padding-bottom: 65px}
.m6_ul {width: 100%; font-size: 0px; }
.m6_ul li {vertical-align: bottom; display: inline-block; }
.m6_ul li:nth-child(1) {width:35%; }
.m6_bg {width: 100%; background-color: #167bbf; height: 180px;}
.m6_ul li:nth-child(2) { background-image: url(../image/m6_img1.png); height: 470px; width: 65%; background-repeat: no-repeat; background-size: cover; background-position: center;}

.m6_txtbox { width: 100%;  position: absolute;  left: 0px;  bottom: 0px;  background-color: #fff; padding: 30px 45px;  max-width: 600px;  box-sizing: border-box;  box-shadow: 10px 10px 15px rgba(0,0,0,0.5);}
.m6_txtbox p:nth-child(1) {  font-weight : bold; font-size :30px; line-height : 38.83px; color : #333333;}
.m6_line {width: 2px; height: 50px; transform: rotate(45deg); background-color:#167bbf; margin: 10px 0px 10px 40px; }
.m6_txtbox p:nth-child(3) { font-size : 19px; line-height : 32px; color : #4d4d4d; }
#m6 .more_btn { float: right;  margin: 30px 0px;  color: #4d4d4d;  border: 1px solid #167BBF;}
#m6 .more_btn:hover {background-color: #167BBF; color: #fff;}


/* main7 */

#m7 {margin: 150px 0px;}
.m7_ul {width: 100%; font-size: 0px;}
.m7_ul > li {display: inline-block; width: 47.5%; border-top: 5px solid #adadad; position: relative; padding-top: 15px; vertical-align: top;}
.m7_ul > li::before {content: ""; position: absolute; left: 0px; top: -5px; background-color: #167bbf; width: 120px; height: 5px; }
.m7_ul > li:nth-child(2)::before {width: 180px;}
.m7_ul > li:nth-child(1) {margin-right: 2.5%;}
.m7_ul > li:nth-child(2) {margin-left: 2.5%;}

.m7_cont {width: 100%; position:relative; margin-bottom: 60px;}
.m7_txt1 { font-weight: 800;  font-size: 23px;  line-height: 33.83px;  color: #333333;}
.m7_txt1  i {color: #167bbf; font-size: 35px;  vertical-align: middle;}
.m7_txt2 { font-size: 18px;  line-height: 25px; color: #4d4d4d;  padding-left: 20px;  margin-top: 20px;  box-sizing: border-box;}
.m7_txt3 {  font-size : 20px; line-height : 26px; color : #4d4d4d; padding-left: 20px;  margin-top: 20px;  box-sizing: border-box;}
.m7_txt3 span.color {color:#167bbf;}
.m7_txt3 span.bold {font-weight: bold;}
.m7_btn:hover {background-color: #167bbf; color: #fff; border: 1px solid #167bbf}
.m7_btn.a1 {margin-left: 20px; margin-top: 35px;}
.m7_btn.a2 {float: right; }

m7_board .m7_cont {margin-bottom: 35px;}
.m7_board_cont {font-size: 17px;}


/* main8 */

#m8 { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../image/m8_bg.png); height: 500px;  margin: 120px 0px 0px;}
#m8 .m6_line { margin: 10px auto; background-color: #fff; }
#m8 .m8_img {width: 100%; max-width: 105px; margin: auto; display: block; }
#m8 .main_inner {width: 100%; height: 100%;}



/*수정*/

#header_logo {  margin-top: 20px;}