@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

.titlest{line-height:150px; font-size:30px; width:100%; text-align:center; font-weight:600;}
.titlest01{font-family: 'Nanum Myeongjo', serif; font-size:27px; font-weight:600; margin-bottom:25px;  color:#cc3333;}
.titlest02{font-family: 'Nanum Myeongjo', serif; font-size:20px; line-height:40px;  font-weight:600;}
.titlest02 span{font-weight:700 !important; color:#cc3333; font-size:25px; font-family: 'Nanum Myeongjo', serif !important;}
.titlest03{font-size:16px; line-height:30px;}
.titlest04{width:100%; background:#efefef url('/images/titlebg.jpg')right no-repeat; padding:22px; font-size:22px; font-weight:600; text-align:center;}
.titlest05{width:100%; background:#efefef; padding:35px; font-size:15px; font-weight:500; line-height:30px;  margin-top:15px;}
.titlest06{width:100%;background:url('/images/dot_01.jpg')left no-repeat;
padding-left:35px; font-size:20px;   height:40px; line-height:40px; }


.mobilenone22{display:show;}
.mobileshow22{display:none;}


@media all and (max-width:1199px){
.mobilenone11{display:block;}
.mobilenone33{display:none;}

.titlest{line-height:80px; padding-top:20px; font-size:25px;}
.paddingtop {padding-top:20px;}
}


@media all and (max-width:649px){
.titlest02{line-height:33px; font-size:18px;}
.titlest03{font-size:14px; line-height:30px;}
.titlest04{font-size:15px; text-align:left;}
.titlest05{padding:15px; font-size:14px;  line-height:27px;}
.titlest06{font-size:15px; line-height:22px; height:auto; padding-top:4px; padding-left:25px;}


.mobilenone22{display:none;}
.mobileshow22{display:block;}
.wd100per1{width:100%;}

}



/****인사말****/

.comleft{float:left; width:50%; position:relative;}
.comright{float:left; width:50%;}

.cominfo{position:absolute; bottom:5%; background: #cc3333; right:10%; width:70%;padding:35px; box-sizing:border-box;}
.cominfo dl{float:left; width:100%;  }
.cominfo dl dt{float:left; width:25%; color:#fff; height:45px; line-height:45px; border-bottom:1px solid rgba(250,250,250, 0.3)}
.cominfo dl dd{float:left; width:75%; color:#fff; height:45px; line-height:45px; border-bottom:1px solid rgba(250,250,250, 0.3)}
.cominfo dl dt.none{border-bottom:1px solid rgba(250,250,250, 0.0);}
.cominfo dl dd.none{border-bottom:1px solid rgba(250,250,250, 0.0);}


@media all and (max-width:1199px){
.comleft{width:100%;}
.comright{width:100%;}

}


@media all and (max-width:649px){

.cominfo{position:absolute; bottom:5%; background: #cc3333; right:0%; width:100%;padding:25px; box-sizing:border-box;}
.pt100{padding-top:55px !important;}
}



/****연혁****/

.hisarea{width:100%; margin: 0 auto;  background:url('/images/line1.jpg')center top; overflow:hidden;}
.hisleft{float:left; width:50%;}
.hisleft dl{float:left; width:100%; margin-bottom:15px;}
.hisleft dl dt{float:left;width:20%; font-size:18px; font-weight:600; font-style:italic;}
.hisleft dl dd{float:left;width:80%; line-height:30px;}

.hisright{float:left; width:50%; border:0px solid red;}
.hisright dl{float:left; width:100%; margin-bottom:15px;}
.hisright dl dt{float:left;width:20%; font-size:18px; font-weight:600; font-style:italic;}
.hisright dl dd{float:left;width:80%; line-height:30px;}


.histt01{font-size:27px; font-weight:600; color:#cc3333;}



@media all and (max-width:1199px){
.hisarea{background:none;}
.hisleft{float:left; width:100%;}
.hisright{float:left; width:100%;}
.pl65{padding-left:0px !important;}
}


@media all and (max-width:649px){
.histt01{font-size:24px;}

}


#m_board { float:left;position:relative;width:100%;position:relative; margin:0 auto;  border:0px solid #ddd;}
#m_board h2 { font-size:18px; line-height:25px; margin-bottom:15px; text-indent:10px}
#m_board .tabs { height:50px; border:2px solid #000; border-radius:25px;}
#m_board .tabs li {  height:48px;  line-height:48px; display:block; float:left; font-size:16px;   width:25%;  border-right:1px solid #000 !important; text-align:center;   color:#000; background:none; }
#m_board .tabs li a:hover { color:#cc3333;box-sizing:border-box; font-size:16px;font-weight:600; }
#m_board .tabs li.rnone{border-right:1px solid #fff !important;}
#m_board .tabs li:last-child{border-right:0px solid #fff !important;}

#m_board .tabs .active a { background:none; color:#cc3333; box-sizing:border-box; font-size:15px;  font-weight:600;}
#m_board .more { position:absolute; right:17px; top:16px; }
#m_board .more a { display:block;padding:5px; border:1px solid #ddd}
#m_board .more a:hover {  border:1px solid #1e83eb}
#m_board .tab_container  { padding:50px 20px 50px 20px;  text-align:left; }
#m_board .tab_content .conarea ul li {display:inline-block; float:left;}
#m_board .tab_content .conarea ul li:first-child{width:40%;}
#m_board .tab_content .conarea ul li:last-child{width:60%;}

#m_board .tab_content .conarea1 ul{margin-top:55px;}
#m_board .tab_content .conarea1 ul li {display:inline-block; float:left; width:33%; border:0px solid red; text-align:center;}
#m_board .tab_content .conarea1 ul li p{font-size:19px; font-weight:600;}
#m_board .tab_content .conarea1 ul li img{width:90%;}

#m_board #tab1 .b_tit { background:#6989bb;}
#m_board #tab2 .b_tit { background:#1e83eb;}
#m_board #tab3 .b_tit { background:#2c3a6b;}


@media all and (max-width:1199px){

#m_board .tab_content .conarea ul li:first-child{display:none;}
#m_board .tab_content .conarea ul li:last-child{width:100%;}
}

@media all and (max-width:649px){
#m_board .tabs {border-radius:0px;  height:100px;}
#m_board .tabs li{width:50%;}
#m_board .tabs li:first-child{ border-bottom:1px solid #000 !important}
#m_board .tabs li:nth-child(2){ border-right:0px solid #000 !important;  border-bottom:1px solid #000 !important;}
#m_board .tab_content .conarea1 ul li {width:50%; margin-bottom:25px;}
}



.map{width:100%; height:500px; }

.map1{width:100%;position:relative; margin-top:35px; }
.map1 ul li{display:inline-block; float:left;}
.map1 ul li:first-child{width:30%; text-align:center; background:#efefef; position:relative; }
.map1 ul li:first-child div{display:block; height:100%; height:220px; padding-top:20%;}
.map1 ul li:last-child{width:65%; margin-left:35px;}

.maptt{background:url('/images/car.jpg')no-repeat;height:55px; border:0px solid red; line-height:55px; font-weight:600; color:#cc3333; font-size:17px; padding-left:50px;}


@media all and (max-width:649px){
.map1 ul li:first-child{width:100%;}
.map1 ul li:first-child div{display:block; height:100%; height:170px; padding-top:10%;}
.map1 ul li:last-child{width:100%; margin-left:10px; padding-top:10px; line-height:25px; margin-bottom:25px;}
}






.paper{color:#fff; font-weight:600; width:100%; padding:75px; box-sizing:border-box;background:#efefef;  border:1px solid #efefef;
background:url('/images/con_26.jpg'); text-align:center; line-height:25px; background-size:cover;

}
.papertt{font-size:22px; line-height:35px; color:#fff; font-weight:600;}
.paperButton {
	background-color:#cc3333;
	border-radius:28px;

	display:inline-block;
	cursor:pointer;
	color:#fff !important;

	font-size:17px;
	padding:16px 31px;

}
.paperButton:hover {
	background-color:#5cbf2a;
}
.paperButton:active {
	position:relative;
	top:1px;
}



.process{width:100%; float:left;}
.process ul li{display:inline-block; float:left;  }
.process ul li:first-child{ width:40%; border:0px solid red; box-sizing:border-box;}
.process ul li:first-child img{width:100%;}
.process ul li:last-child{width:60%; padding-left:35px; padding-top:25px; font-size:16px; border:0px solid red; box-sizing:border-box;}
.process ul li:last-child span{font-weight:600; color:#cc3333; font-size:25px;line-height:45px;}

.ht375{height:375px;}
.pronum01{background:#fff url(/images/process_num01.jpg)no-repeat top right;}
.pronum02{background:#fff url(/images/process_num02.jpg)no-repeat top right;}
.pronum03{background:#fff url(/images/process_num03.jpg)no-repeat top right;}
.pronum04{background:#fff url(/images/process_num04.jpg)no-repeat top right;}
.pronum05{background:#fff url(/images/process_num05.jpg)no-repeat top right;}
.pronum06{background:#fff url(/images/process_num06.jpg)no-repeat top right;}
.pronum07{background:#fff url(/images/process_num07.jpg)no-repeat top right;}
.pronum08{background:#fff url(/images/process_num08.jpg)no-repeat top right;}
.pronum09{background:#fff url(/images/process_num09.jpg)no-repeat top right;}
.pronum10{background:#fff url(/images/process_num10.jpg)no-repeat top right;}
.pronum11{background:#fff url(/images/process_num11.jpg)no-repeat top right;}
.pronum12{background:#fff url(/images/process_num12.jpg)no-repeat top right;}
.pronum13{background:#fff url(/images/process_num13.jpg)no-repeat top right;}

.line01{width:100%; margin:55px 0px; box-sizing:border-box; background:url(/images/line2.jpg); height:59px;}

.process1{width:100%; float:left; }
.process1 ul li{display:inline-block; float:left;  }
.process1 ul li:first-child{width:60%;   padding-top:25px;  font-size:16px;}
.process1 ul li:first-child span{font-weight:600; color:#cc3333; font-size:25px; line-height:45px;}
.process1 ul li:last-child{width:40%; border:0px solid red; box-sizing:border-box;}
.process1 ul li:last-child img{width:100%;}


@media all and (max-width:989px){
.process ul li:first-child{width:100%;}
.process ul li:first-child img{width:100% !important;}
.process ul li:last-child{width:100%; padding-left:5px;}
.ht375{height:auto; padding-bottom:65px;}
.wd100per11{width:100%;}

.process1 ul li:first-child{width:100%; float:right;}
.process1 ul li:last-child{width:100%; float:left;}
.line01{ margin:25px 0px;}
}




.leftarea01{width:40%; float:left;}
.rightarea01{width:60%; float:right; line-height:25px;}
.num01{height:55px; padding-left:80px; font-weight:600;   line-height:55px; background:#efefef url(/images/num01.jpg)no-repeat left;}
.num02{height:55px; padding-left:80px; font-weight:600;   line-height:55px; background:#efefef url(/images/num02.jpg)no-repeat left;}
.num03{height:55px; padding-left:80px; font-weight:600;  line-height:55px; background:#efefef url(/images/num03.jpg)no-repeat left;}
.num04{height:55px; padding-left:80px; font-weight:600;    line-height:55px; background:#efefef url(/images/num04.jpg)no-repeat left;}
.num05{height:55px; padding-left:80px; font-weight:600;    line-height:55px; background:#efefef url(/images/num05.jpg)no-repeat left;}
.num06{height:55px; padding-left:80px; font-weight:600;    line-height:55px; background:#efefef url(/images/num06.jpg)no-repeat left;}
.num07{height:55px; padding-left:80px; font-weight:600;  line-height:55px; background:#efefef url(/images/num07.jpg)no-repeat left;}
.num08{height:55px; padding-left:80px; font-weight:600;   line-height:55px; background:#efefef url(/images/num08.jpg)no-repeat left;}
.num09{height:55px; padding-left:80px; font-weight:600;   line-height:55px; background:#efefef url(/images/num09.jpg)no-repeat left;}
.num10{height:55px; padding-left:80px; font-weight:600;    line-height:55px; background:#efefef url(/images/num10.jpg)no-repeat left;}
.num01 span{font-weight:700; font-size:30px;}


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

@media all and (max-width:989px){
.leftarea01{display:none;}
.rightarea01{width:100%; float:left; line-height:25px;}
}


.imgst{width:100%; padding:35px; box-sizing:boder-box; border:10px solid #efefef; text-align:center;}

.tbstyl01{width:100%; border-top:2px solid #cc3333;}
.tbstyl01 tr th{background:#fef2f6;color:#cc3333; font-weight:600; font-size:17px; padding:15px; text-align:center;  border-bottom:1px solid rgba(0,0,0,0.2);}
.tbstyl01 tr th.rline{border-right:1px solid rgba(0,0,0,0.2);}
.tbstyl01 tr td{font-size:16px; padding:15px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2);}
.tbstyl01 tr td.rnone{border-right:0px solid rgba(0,0,0,0.2);}


.cata{width:100%; padding:75px;  box-sizing:boder-box; background:#f7f6f6; text-align:center; }
.cata ul {width:100%;}
.cata ul li{display:inline-block; float:left;}
.catatt{font-size:18px;}
.catatt1{font-size:15px; line-height:35px; color:#666;}

@media all and (max-width:649px){
.imgst{padding:10px; margin-top:15px;} 
.cata{padding:25px;}
.cata img{width:90%; }
.tbstyl01 tr th{padding:2px;  font-size:13px;}
.tbstyl01 tr td{padding:2px; font-size:13px;}
.pr15{padding-right:3px !important;}
}