@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight: 900; font-style: normal; }



.sub_container {width:100%;padding:110px 0px;   word-break:keep-all; word-warp:break-word;}
.sub_inner{width:1300px; margin:0 auto;  border:0px solid red; overflow:hidden; text-align:center; word-break:keep-all; word-warp:break-word;}

.subbg01{background:url('/theme/rsp01/img/subbg01.jpg')top; background-position:cover;}
.subbg02{background:url('/theme/rsp01/img/subbg02.jpg')top; background-position:cover;}
.subbg03{background:url('/theme/rsp01/img/subbg03.jpg')top; background-position:cover;}
.subbg04{background:url('/theme/rsp01/img/subbg04.jpg')top; background-position:cover;}
.subbg05{background:url('/theme/rsp01/img/subbg05.jpg')top; background-position:cover;}

.subtt{font-sizE:40px; font-weight:600; color:#000;}
.subtt1{font-sizE:20px; font-weight:400;}



@media all and (max-width:1299px) {
.sub_container {padding:50px 10px; box-sizing:border-box;}
.sub_inner{width:100%;  border:0px solid red;}
}

@media all and (max-width:1099px) {
.subtt{font-sizE:30px; font-weight:600; color:#000;}
.subtt1{width:100%; margin:0 auto; font-sizE:17px; font-weight:400; line-height:25px; margin-top:10px;}
.subbg03{background:url('/theme/rsp01/img/subbg03_1.jpg')top; background-position:cover;}
}

/***기업소개***/
.cominfo1{width:100%; float:left; position:relative; margin-top:105px;}
.cominfo1 ul li{display:inline-block; float:left;}
.cominfo1 ul li:first-child{width:45%; float:left;}
.cominfo1 ul li:last-child{width:55%; float:left; text-align:left; }

.cominfott{font-family: 'Noto Serif KR', serif; font-size:27px;   font-weight:600;  color:#000; line-height:55px;}
.cominfott span{color:#a40005;}
.cominfott1{font-size:17.5px; line-height:30px; font-weight:400; }
.mobilenone{display:block;}


@media all and (max-width:1099px) {
.cominfo1{margin-top:55px;}
.cominfott{font-size:20px; line-height:30px; }
.cominfott1{font-size:15.5px;  line-height:27px; }
.mobilenone{display:none;}
}


@media all and (max-width:899px) {
.cominfo1 ul li:first-child{width:100%; float:left;}
.cominfo1 ul li:first-child img{width:100%;}
.cominfo1 ul li:last-child{width:100%; float:left;}
}


.cominfo2{width:100%; float:left; position:relative; margin-top:105px; padding:130px 0px;
background:url('/theme/rsp01/img/combg01.jpg')top; background-position:cover;}

.cominfo2 div{width:1260px; margin:0 auto;  position:relative;}
.cominfo2 div ul{width:50%; float:left; margin-top:35px;}
.cominfo2 div ul li{padding:10px 0px; border-top:1px solid rgba(250,250,250,0.3); overflow:hidden;}
.cominfo2 div ul li:last-child{border-bottom:1px solid rgba(250,250,250,0.3);}
.cominfo2 div ul li dl{width:100%; float:left;}
.cominfo2 div ul li dl dt{width:20%; float:left; padding:10px 0px; font-size:17px;   font-weight:400;  color:rgba(250,250,250,0.7);}
.cominfo2 div ul li dl dt span{color:#000;}
.cominfo2 div ul li dl dd{width:80%; float:left; padding:10px 0px; font-size:19px;   font-weight:400;  color:#fff;}
.cominfott2{font-family: 'Noto Serif KR', serif; font-size:25px;   font-weight:400;  color:#fff; }
.cominfott2 span{font-size:20px !important;}



@media all and (max-width:1259px) {
.cominfo2 div{width:90%;}
}

@media all and (max-width:1099px) {
.cominfo2{ margin-top:55px; padding:50px 0px;}
.cominfo2 div ul{width:100%;}
.cominfo2 div ul li{padding:5px 0px;}
.cominfo2 div ul li dl dt{font-size:15px;}
.cominfo2 div ul li dl dd{font-size:15px;}
}


@media all and (max-width:599px) {
.cominfo2 div ul li dl dt{width:27%;}
.cominfo2 div ul li dl dd{width:73%;}
.cominfott2 span{display:none;}
}

/***인사말***/
.greeting{width:100%; float:left; position:relative; margin-top:105px;}
.greetbg{padding:55px 0px; width:100%; background:url('/theme/rsp01/img/greetbg01.jpg'); background-size:cover;}

.greett{font-family: 'Noto Serif KR', serif; font-size:27px;   font-weight:600;  color:#fff; line-height:55px;}
.greett1{font-size:17.5px; line-height:30px; font-weight:400; color:#fff;}
.greett2{font-family: 'Noto Serif KR', serif; font-size:24px;   font-weight:600;  color:#000; margin-bottom:35px;}
.greett3{float:right; font-size:22px; font-weight:600;  color:#000;}

.greeting ul{width:100%; float:left; margin-top:70px;}
.greeting ul li{display:inline-block; width:50%; floaT:left; text-align:left; font-size:17px; line-height:29px; font-weight:500;}
.greeting ul li:first-child{padding-right:55px; box-sizing:border-box; }
.greeting ul li:last-child{padding-top:62px; box-sizing:border-box;}

.mobileshow1{display:none;}


@media all and (max-width:1099px) {
.greeting{margin-top:55px;}
.greetbg{padding:55px 20px; box-sizing:border-box;}
.greett{font-size:20px; line-height:30px;}
.greett1{font-size:14.5px; line-height:25px; margin-top:10px; }
.mobileshow1{display:block !important;}
.greett3{font-size:17px;}
}



@media all and (max-width:899px) {
.greeting ul{ margin-top:40px;}
.greeting ul li{display:inline-block; width:100%; floaT:left; text-align:left; font-size:15.5px; line-height:26px; font-weight:500;}
.greeting ul li:first-child{padding-right:0px; box-sizing:border-box; }
.greeting ul li:last-child{padding-top:0px; box-sizing:border-box;}
}


/***연혁***/
.history{width:100%; float:left; position:relative; margin-top:105px; max-width:1300px;
background:url('/theme/rsp01/img/hisbg01.jpg')top;}
.history ul{width:100%; float:left; position:relative;}
.history ul li{display:inline-block; width:50%; floaT:left; text-align:left;}
.history ul li dl{width:100%; float:left;}
.history ul li dl dt{margin-bottom:25px;  box-sizing:border-box; font-size:17px; font-weight:600; color:#000; width:20%; float:left;font-family: 'Pretendard';  }
.history ul li dl dt.right{text-align:right; padding-right:25px;  line-height:35px;}

.history ul li dl dd{margin-bottom:25px;  font-size:17px; color:#000; width:80%; float:left; font-family: 'Pretendard';  line-height:35px;}

.history ul li:nth-child(2){text-align:right;}
.history ul li:nth-child(3){text-align:left; padding-top:150px;}
.history ul li:nth-child(4){text-align:left; padding-top:150px; padding-left:55px;  box-sizing:border-box;}


.historytt{font-size:30px; font-weight:600; color:#990000; font-family: 'Pretendard';}
.mt55{margin-top:55px;}
.mt150{margin-top:150px;}
.ml35{margin-left:35px;}
.history1{display:none;}


@media all and (max-width:1099px) {
.history{background:none;}
}


@media all and (max-width:899px) {
.history{display:none;}
.history1{display:block; padding-top:55px;}
}


@media all and (max-width:569px) {
.history1 img{{width:100%;}
}