@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');
@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; }

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);





* { margin: 0; padding: 0;}
html,body { width: 100%; height: 100%; }
ul,li {list-style: none;}
a {text-decoration: none; color: inherit;}
p, span, h1, h2, h3, h4, h5, h6, a, li { font-family: 'Noto Serif KR', serif;}
.mob {display: none;}
.pc {display: block;}



/*

font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Serif KR', serif;
font-family: 'Arita-buri-SemiBold';
font-family: 'NanumSquare', sans-serif;

*/

/* 초기화 영역 끝 */

/*header*/
#wrap {width: 100%;}
#header {width: 100%; height: 90px; margin-top: 5px; z-index: 100; position: relative;}
#header_inner {width: 100%; max-width:1300px; margin: 0px auto; display: block; font-size: 0px;}
#header_logo {width: 55%; display: inline-block; vertical-align: top; padding-top: 15px;}
#header_logo img {width: 100%; max-width:140px; }
#nav { width: 45%; display: inline-block; vertical-align: top; padding-top: 30px; }
#nav > li { width: 25%; display: inline-block; vertical-align: top; font-weight : bold; font-size : 18px; letter-spacing : -0.45px; color : #231815; transition: all 0.4s; text-align: center; position: relative; padding-bottom: 150px; cursor: pointer;}
#nav > li::after {content: ""; position: absolute; right: 0px; top: 5px; background-color:#727171; width: 1px; height:18px; }
#nav > li:last-child::after {display: none;}

#nav > li:hover {color: #89131A;}
#nav > li.on {color: #89131A;}

.nav_ul {width: 100%; border-top: 3px solid #89131a; background-color: rgba(255,255,255,0.65); padding: 10px 5px; display: none; position: absolute; top: 60px; left: 0px;}
.nav_ul li { font-size : 14px; line-height : 33.55px; color : #231815;}

.nav_ul li:hover {color: #89131A;}
.nav_ul li.on  {color: #89131A;}

#nav > li:hover .nav_ul {display: block;}
#nav > li.on .nav_ul {display: block;}



/*footer*/
#footer {width: 100%; background-color: #231815;position: relative}
#f_inner {width: 100%; max-width: 1100px; margin: 0px auto; display: block; padding:30px 0px 35px; font-size: 0px;}
#f_inner li:nth-child(1) {width: 20%; display: inline-block; vertical-align: top;}
#f_inner li:nth-child(1) img {width: 100%; max-width: 140px;}
#f_inner li:nth-child(2) {width: 80%; display: inline-block; vertical-align: top;}
#f_inner li:nth-child(2) p {font-family: 'NanumSquare', sans-serif;  font-size : 14px;
  line-height : 22px; color : #FFFFFF; transform: skewX(-0.3deg)}
#f_inner li:nth-child(2) p.copy {  font-size : 12px; color : #BDBEBE; }


/*main*/

.shadow {box-shadow: 0px -10px 15px #ddd;}
.ms1 {width: 100%; height:700px !important; background-size: cover; background-position: center; background-repeat: no-repeat;}
#ms1_1 { background-image: url(../image/ms1_img1.jpg);}
#ms1_2 { background-image: url(../image/ms1_img2.jpg);}

.ms1_txtbox {position: absolute; left: 17%; top: 45%; transform: translateY(-50%);}
.ms1_txtbox img:nth-child(1) {width: 100%; max-width:70px;display: block;}
.ms1_txtbox img:nth-child(2) {width: 100%; max-width:285px; margin-top: 22px; display: block;}
.ms1_txtbox.a2 img:nth-child(2) {width: 100%; max-width:330px; margin-top: 22px; display: block;}
.ms1_txtbox p:nth-child(3) { font-size : 20px; letter-spacing : -0.58px; color : #231815; margin-top: 25px;}
.more_btn {padding: 3px 15px; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-size : 15px; line-height : 20.78px; letter-spacing : -0.37px; color : #231815; margin-top: 20px; border: 1px solid #231815; display: inline-block;}

/*swiper*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 7% !important;  right: auto; 
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 7% !important;  left: auto;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10% !important;
}

.swiper-pagination-bullet {
    width: 20px !important;
    height: 4px !important;
    border-radius: 5px !important;
    opacity: 0.5 !important;
    background: #fff !important;
}

.swiper-pagination-bullet-active {
     opacity: 1 !important;
     width: 35px !important;
    background: #89131A !important;
}


.ms2 {width: 100%; height: 575px; background-image: url(../image/ms2_bg.png); background-size: cover; background-position: left center; background-repeat: no-repeat; position: relative;}
.ms2_c_box {  background-image: url(../image/ms2_txtbg.png); position: absolute; top: 0px; right: 0%; width: 45%; height: 100%; padding: 75px 65px 0px; box-sizing: border-box;}
.ms2_c_box > img:nth-child(1) {width: 100%; max-width:40px; }
.ms2_c_box > p:nth-child(2) { font-family: 'Noto Serif KR', serif; font-size : 45px; line-height : 55.96px;letter-spacing : -0.5px; text-transform : uppercase; color : #FFFFFF; position: relative; font-weight: 300;}
.ms2_c_box > p:nth-child(2) span {font-weight: bold;}
.ms2_c_box > p:nth-child(2)::after {content: ""; display: block; width: 1px; height: 55px; background-color: #fff;    margin: 15px 0px;}
.ms2_c_box > p:nth-child(3) { font-family: 'Arita-buri-SemiBold'; font-size : 17px; line-height : 20.3px; letter-spacing : -0.45px; color : #FFFFFF; transform: skewX(-0.3deg)}
.ms2_c_box > p:nth-child(4) {  font-size : 13px; line-height : 18.3px; letter-spacing : -0.37px; color : #FFFFFF; font-family: 'Noto Serif KR', serif; padding-top: 12px; font-weight: 300;}
.ms2_c_box .more_btn2 {margin-top: 70px;}
.more_btn2  {padding: 3px 15px; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-size : 15px; line-height : 20.78px; letter-spacing : -0.37px; color : #fff;  border: 1px solid #fff; display: inline-block;}
.more_btn2 > img { display: inline-block;  width: 100%; max-width: 9px; vertical-align: top; padding-top: 3px; padding-left: 15px;}



.ms3 {width: 100%;  margin: 150px 0px 50px; padding-bottom: 150px; background-image: url(../image/ms3_bg.png); background-size: cover; background-position: center bottom; background-repeat: no-repeat; }
.ms_inner {width: 100%; height: 945px; max-width: 1280px; margin: 0px auto; display: block; position: relative;}
.ms3_ul {width: 100%; font-size: 0px; }
.ms3_ul li:nth-child(1) {width: 45%; display: inline-block; vertical-align: top;}
#ms3_ul_txt {margin-top: 100px;}
#ms3_ul_txt p:nth-child(1) {padding-bottom: 15px; font-family: 'Arita-buri-SemiBold'; font-size : 19px;letter-spacing : -1.42px;color : #231815;}
#ms3_ul_txt img:nth-child(2) {width: 100%; max-width: 300px; padding-bottom: 40px;}
#ms3_ul_txt p:nth-child(3) { position: relative; font-size : 18px; line-height : 20.3px; letter-spacing : -0.45px; color : #4C4948; position: relative; padding-left: 10px; box-sizing: border-box; font-weight: bold;}
#ms3_ul_txt p:nth-child(3)::before {content: ""; width:2px; height: 18px; position: absolute; left: 0px; top: 1px; background-color: #97181e;}
#ms3_ul_txt p:nth-child(4) { padding-top: 20px; font-size : 15px; line-height : 22.3px; letter-spacing : -0.37px;  color : #7D7D7D; padding-left: 10px; box-sizing: border-box;}
#ms3_ul_txt .more_btn2 {margin-top: 50px; }
.more_btn2.bl {border: 1px solid #717071; color: #717071;}
.ms3_ul li:nth-child(1) > img {width: 90%; max-width: 520px; display: block; position:absolute; left: 0px; bottom: 0px;}

.ms3_ul li:nth-child(2) {width: 55%; display: inline-block; vertical-align: top;}
.ms3_ul li:nth-child(2) img {width: 90%; max-width: 720px; margin: 0px auto; display: block;}


.ms4 {width: 100%; overflow: hidden; background-image: url(../image/ms4_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 50px; }
.ms4_c_box {background-color: #fff; width: 100%; max-width: 1280px; margin: 100px auto; display: block;  box-shadow:3px 3px 1px rgba(0,0,0,0.30);  padding: 40px 0px;}
.ms4_c_box > img:nth-child(1) {width: 90%; margin: 0px auto; max-width: 30px; display: block;}
.ms4_c_box > img:nth-child(2) {width: 90%;     margin: 15px auto; max-width: 545px; display: block;}
.ms4_ul {width: 90%; margin: 40px auto; display:block; font-size: 0px; max-width:760px }
.ms4_ul li {width: 25%; display: inline-block; vertical-align: top; border-right:1px solid rgba(151,24,30,0.3); box-sizing: border-box;}
.ms4_ul li:last-child {border: none;}
.ms4_ul li img {width: 80%; max-width:89px; margin: 0px auto; display: block;}
.ms4_ul li p {padding-top: 15px; width: 90%; margin: 0px auto; display: block; font-weight : bold; font-size : 16px; line-height : 19.64px; letter-spacing : -0.16px; color : #3E3A39; font-family: 'Arita-buri-SemiBold'; text-align: center;}
.ms4_c_box p:nth-child(4) {width: 90%; margin: 0px auto;  font-size : 18px; text-align: center; line-height : 22.4px; color : #595757; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 30px;}
.more_btn2.bl.cen{margin: 0px auto; width: 100%;  max-width: 90px;  display: block;}



.ms5 {width: 100%;  }
.swiper-container2 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden;  list-style: none; padding: 0; z-index: 1;}
.ms5_ul {width: 100%; font-size: 0px;  position: relative; padding: 100px 0px; box-sizing: border-box;background-image: url(../image/ms5_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.ms5_ul_inner {width: 100%; max-width: 1280px; margin:0px auto;}
.ms5_ul li {width: 50%; vertical-align: top; display: inline-block; }
.ms5_ul li:nth-child(1) > img:nth-child(1) {width: 100%; max-width: 45px; padding-left: 15px; box-sizing: border-box;display: block;}
.ms5_ul li:nth-child(1) > img:nth-child(2){width: 100%; max-width: 280px;  box-sizing: border-box;}
.ms5_pro_box {width: 90%; padding-left: 15px; box-sizing: border-box; margin-top: 20px; display: block;}
.ms5_pro_box p {border-bottom: 1px solid #818282; box-sizing: border-box; padding:20px 0px;}
.ms5_pro_box p:nth-child(1) {font-family: 'Noto Sans KR', sans-serif; font-size : 16px; line-height : 22.4px; color : #000000; }
.ms5_pro_box p.ms5_p_txt span{ font-family: 'Arita-buri-SemiBold'; font-size : 18px; line-height : 30.14px; letter-spacing : -0.2px; color : #3E3A39; position: absolute; left: 0px;}
.ms5_pro_box p.ms5_p_txt { font-family: 'Noto Sans KR', sans-serif; font-size : 15px; line-height : 22.4px; color : #595757; padding-left: 150px; box-sizing: border-box; position: relative;}

.ms5_ul li:nth-child(2)#ms5_ul_img1 img {width: 85%; max-width:329px; margin: 0px auto; display: block;} 
.ms5_ul li:nth-child(2)#ms5_ul_img2 img {width: 85%; max-width:660px; margin: 0px auto; display: block;} 

.more_btn2.bl.a2 {margin-left: 15px; box-sizing: border-box; margin-top:65px;}

.ms6 {width: 100%; background-image:url(../image/ms6_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 100px 0px ; box-sizing: border-box;}
.ms6 img {width: 90%; max-width: 670px; margin: 0px auto; display: block;}