/*공통*/
.conbox h2{font-size: 30px; font-weight: 400; text-align: center;line-height: 1.5; word-break: keep-all;}
.conbox h2 span{font-weight: 600;color: #ec5d0a;}
.conbox h3{font-size: 24px; font-weight: 600; line-height: 1.5; word-break: keep-all; color: #333;}
.conbox p{font-size: 20px; font-weight: 300; line-height: 1.5; word-break: keep-all; color: #666;}

@media screen and (max-width:960px){
	.conbox h2{font-size: 20px;}
	.conbox h3{font-size: 18px;}
	.conbox p{font-size: 16px;}
}
/*공통*/

/*a1*/
/* 컬러 지정 */
  :root {--main-color:#2D426E; --text-color:#4F4F5D; --gray-color:#888888;}

/* 폰트 */
@font-face {font-family: 'BookkMyungjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2'); font-weight: 700; font-display: swap; }

#a1 section > .history{ width: 100%; margin: 3rem auto; display: flex; gap: 3rem; justify-content: center; padding: 2rem 0;}
#a1{max-width: 1440px;margin:0 auto;}
#a1 .history > img{ width: 50%; object-fit: cover;}

#a1 .history > .history-right{ width: 50%; height: auto;}
#a1 .history > .history-right > hr{display: block; margin:0;}
#a1 .history > .history-right > p{ width: 100%; font-size: 1.5rem; background-color: var(--main-color); color: #ffffff; padding: 0.5rem 1rem; margin-bottom:0.6rem; font-weight: 400; display: flex;}
#a1 .history > .history-right > dl{ display: flex; align-items: center; font-size: 1.2rem; margin: 0; width: 100%; padding: 0.62rem; gap:10px}
#a1 .history > .history-right > dl > dt{ color: var(--main-color); font-weight: 600; font-size: 18px; padding: 0.5rem; white-space: nowrap; width: 30%; text-align: center; background-color: #f9f9f9; border-radius: 2dvb;}
#a1 .history > .history-right > dl > dd{ width: 70%; word-break: keep-all; text-align: left;}

#a1 section .img-bar{width: 100px%; margin: 3rem auto; margin-top: 5rem; position: relative; }
#a1 section .img-bar>img{width: 100%; height: 200px; object-fit: cover; border-radius: 1rem; margin-bottom:2rem; }
#a1 section .img-bar>p{position: absolute; top: 40%; left: 50%; transform: translate(-50%,-40%); font-size: 4rem; color:#ffffff;}

#a1 section .year-1{ text-align: center; font-size: 3rem; color: #ebebeb; margin-bottom: 2rem; font-family: 'BookkMyungjo';}
#a1 section .img-bar .year {font-family: 'BookkMyungjo';}

#a1 section .timeline-wrap {width:90%; margin:0 auto; position:relative;}
#a1 section .timeline {position:relative; display:flex; flex-direction:column; gap:3rem; padding-left:0; padding-top: 2rem;}
#a1 section .timeline::before {left:50%;}
#a1 section .timeline::before {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:1px; height:100%; background:var(--text-color);}
#a1 section .timeline::after {content:''; position:absolute; left:50%; top:-1%; transform: translate(-50%); width:1.3rem; height:1.3rem; border-radius: 50%; background:var(--main-color); z-index: 1;}

#a1 section .timeline-item { position:relative; width: 45%; padding: 0.3rem;}
#a1 section .timeline-item::before {left:auto; right:-0.65rem;}
#a1 section .timeline-item .year { font-size:34px; font-weight: 600;  color:var(--main-color); margin-bottom:0.5rem;}
#a1 section .timeline-item ul { list-style:none; padding:0; margin:0;}
#a1 section .timeline-item li { font-size:18px; font-weight: 500; color:var(--text-color); line-height:2; word-break: keep-all; padding-top: 0.5rem;}
#a1 section .timeline-item li span { font-size:16px; color:var(--text-color); }
#a1 section .timeline-item:nth-child(even) {margin-right:53%; left:-0.65rem; right:auto; text-align: right; }
#a1 section .timeline-item:nth-child(odd) { text-align:left; margin-left: 55%; }


/*  태블릿 반응형 */
@media screen and (max-width:1024px) and (min-width:768px) {

#a1 > section > .history{width: 100%; flex-direction: column;}
#a1 .history > img {width: 100%;}
#a1 > section > .history .history-right{width: 100%; font-size: 0.9rem;}

#a1 section .img-bar{width: 100%;}
#a1 section .img-bar>img{height: 150px;}
#a1 section .img-bar>p{font-size:3rem ;}

}

/* 모바일 반응형 */
@media screen and (max-width:767px) {

#a1 > section > .history{width: 100%; flex-direction: column; padding: 0; }
#a1 .history > img {width: 100%;}
#a1 > section > .history .history-right{width: 100%; font-size: 0.9rem;}
#a1 section .history>.history-right>dl>dt{width: 30%;    font-size: 16px;}
#a1 section .history>.history-right>dl>dt>dd{width: 70%;}
#a1 section .img-bar>img{height: 100px;}
#a1 section .img-bar{width: 100%; margin-top:2rem; margin-bottom:2rem;}
#a1 section .img-bar>p{font-size:2.5rem ; top:40%; left: 50%; transform: translate(-50%, -50%);}
#a1 .history > .history-right > dl > dd{font-size: 16px;}

#a1 section .timeline{gap:0;}
#a1 section .timeline::before{left: 7px;}
#a1 section .timeline::after{left: 7px; top: 0%;}

#a1 section .timeline-item { position:relative; width: 100%; padding: 1.5rem 2rem;}
#a1 section .timeline-item ul{width: 100%;}
#a1 section .timeline-item li{width: 100%;}
#a1 section .timeline-item:nth-child(even) {text-align: left; margin: 0; left: 0; width: 100%;}
#a1 section .timeline-item:nth-child(odd) { text-align: left; margin: 0; left: 0; width: 100%;}

}
/*a1*/




/*회사연혁*/
#a2 {width: 100%; overflow: hidden; margin-bottom: 120px;}
#a2 .con {position: relative;}
#a2 .con::after {position: absolute; content: ''; width: 1px; height: 100%; background-color: #ddd; left: 50%; top: 0;z-index: -1;}
#a2 .con .box {width: 50%;}
#a2 .con .box:nth-child(2n-1) {margin: 0 0 150px auto; padding-left: 50px;}
#a2 .con .box:nth-child(2n) {margin: 0 auto 150px 0; text-align: right; padding-right: 50px;}
#a2 .con .box:last-child {margin-bottom: 0;}
#a2 .con .box h2 {font-size: 36px; margin-bottom: 20px; position: relative; transition-duration: 0.3s; color: #ddd;}
#a2 .con .box:nth-child(2n-1) h2::after {position: absolute; content: ''; width: 15px; height: 15px; left: -57px; top: 50%; transform: translateY(-50%); background-color: #ddd; border: 3px solid #fff; border-radius: 50%; z-index: 1; transition-duration: 0.3s;}
#a2 .con .box:nth-child(2n) h2::after {position: absolute; content: ''; width: 15px; height: 15px; right: -57px; top: 50%; transform: translateY(-50%); background-color: #ddd; border: 3px solid #fff; border-radius: 50%; z-index: 1; transition-duration: 0.3s;}
#a2 .con .box ul li {font-size: 18px; line-height: 28px; color: #666; margin-bottom: 20px;}
#a2 .con .box ul li:last-child {margin-bottom: 0;}
#a2 .con .box ul li span {font-weight: 600; color: #121212; min-width: 60px; display: inline-block;}
#a2 .con .box:nth-child(even) ul li {display: flex; justify-content: flex-end;}
#a2 .con .box:nth-child(even) ul li span {order: 2;}

/* 이벤트 */
#a2 .con .box.on h2 {color: #2b436a;}
#a2 .con .box:nth-child(2n-1).on h2::after {background-color: #2b436a;}
#a2 .con .box:nth-child(2n).on h2::after {background-color: #2b436a;}


@media (max-width: 960px){
	#a2 .con .box:nth-child(2n-1) {margin: 0 0 120px auto;}
	#a2 .con .box:nth-child(2n) {margin: 0 auto 120px 0;}
	#a2 .con .box h2 {font-size: 30px;}
	#a2 .con .box ul li {font-size: 16px; line-height: 26px;}
}


@media (max-width: 640px){
	#a2 .con::after {left: 10%;}
	#a2 .con .box {width: 90%;}
	#a2 .con .box:nth-child(2n-1) {margin: 0 0 100px auto;}
	#a2 .con .box:nth-child(2n) {margin: 0 0 100px auto; text-align: left; padding-right: 0; padding-left: 50px;}
	#a2 .con .box:nth-child(2n) h2::after {left: -57px;}
	#a2 .con .box:nth-child(even) ul li {display: block;}
	#a2 .con .box h2 {font-size: 26px;}
	#a2 .con .box ul li {font-size: 14px; line-height: 24px;}
	#a2 .con .box ul li span {min-width: 30px;}

}
/*회사연혁*/


/*a3*/
#a3 .inner{max-width:1000px;margin:0 auto;padding:00px 10px;text-align:center}
#a3 .section{ position:relative;overflow:hidden; padding: 70px;}
#a3 .en-sub{font-size: 38px; color: #333; margin-bottom: 10px;  font-weight: 300;  line-height: 1.5;}
#a3 h2{font-size:58px;font-weight:500;margin-bottom:10px; color: #212121;line-height: 1.5;}
#a3 h2 strong{color: #000;}
#a3 .title{font-size: 28px; font-weight: 500; color: #fff; background:linear-gradient(321deg, #ec5d0a, #ff8a3d); padding: 10px 20px; width: fit-content; margin:30px auto 50px;}
#a3 .img img{width:100%; margin-bottom:30px}
#a3 .label{display:inline;position:relative; color:#e97132;font-size:20px;font-weight:500;padding:6px 22px;border-radius:10px 0 10px 0;z-index:1;line-height: 4.8;}
#a3 .label::after{content: ""; position: absolute;left: 50%; bottom: -10px; width: 50px; height: 2px; background: #ec5d31; z-index: -1; transform: translateX(-50%);}
#a3 h3{font-size:48px;font-weight:300;color:#2b436a;line-height:1.5;margin-bottom:24px}
#a3 h3 strong{font-weight: 600;}

#a3 .add{display: flex; gap: 30px; background: #f8f8f8; padding: 50px;margin-top: 50px;}
#a3 .add img{max-width: 100%; width: 45%;}
#a3 .add p{width: 55%;}

#a3 .txt{font-size:20px;color:#666;line-height:1.8;text-align: left;}
#a3 .img-bottom img{width:400px;margin:50px auto 0;display:block}

@media(max-width:960px){
#a3 .add{flex-direction: column;padding: 20px;margin-top: 30px;}
#a3 .add img{width: 100%;}
#a3 .add p{width: 100%;}
}
@media(max-width:768px){
#a3 .inner{padding:0;}
#a3 .section{padding:30px 0px;}
#a3 h2{font-size:28px}
#a3 h3{font-size:20px}
#a3 .txt{font-size:16px}
#a3 .txt br{display: none;}
#a3 .img-bottom img{width:80%}
#a3 .en-sub{font-size: 20px;}
#a3 .label{font-size: 16px;}
#a3 h3 strong{background: none;}

#a3 .title{font-size: 16px;margin: 10px auto;}
}
/*a3*/

/*a4*/
#a4 {margin:0 auto 70px;max-width: 1440px;}
#a4 .con {margin-bottom: 80px;}
#a4 .con:last-child {margin-bottom: 0;}
#a4 .con .text_box {margin-bottom: 30px;}
#a4 .con .text_box h2 {font-size: 30px; font-weight: 400; text-align: center;line-height: 1.5;}
#a4 .con .text_box h2 span {font-weight: 600;color: #ec5d0a;}
#a4 .con .root_daum_roughmap_landing {border: 1px solid #eee; margin-bottom: 20px;}
#a4 .con .root_daum_roughmap .wrap_controllers {display: none;}
#a4 .con .root_daum_roughmap .map_border {display: none;}
#a4 .con .root_daum_roughmap .wrap_btn_zoom {z-index: 9;}
#a4 .con .mapinfo {display: flex; border: 1px solid #eee;}
#a4 .con .mapinfo h2 {width: 15%; text-align: center; background: #2b436a; color: #fff; font-size: 20px; padding: 20px 0;}
#a4 .con .mapinfo ul {display: flex; width: 85%; padding: 20px;}
#a4 .con .mapinfo ul li {display: flex; align-items: center; margin-right: 50px;}
#a4 .con .mapinfo ul li:last-child {margin-right: 0;}
#a4 .con .mapinfo ul li span {margin-right: 10px;}
#a4 .con .mapinfo ul li span img {height: 20px;}
#a4 .con .mapinfo ul li p {font-size: 18px; color: #666; font-weight: 500;}
.root_daum_roughmap .cont .section.lst {display: none;}

@media (max-width: 960px){
	#a4 .con {margin-bottom: 60px;}
	#a4 .con .text_box h2 {font-size: 25px;}
	#a4 .con .mapinfo {flex-direction: column;}
	#a4 .con .mapinfo h2 {width: 100%; padding: 0; line-height: 50px; font-size: 18px;}
	#a4 .con .mapinfo ul {width: 100%;}
	#a4 .con .mapinfo ul li p {font-size: 16px;}
}

@media (max-width: 640px){
	#a4 .con {margin-bottom: 50px;}
	#a4 .con .text_box h2 {font-size: 20px;}
	#a4 .con .mapinfo h2 {font-size: 16px;}
	#a4 .con .mapinfo ul {flex-direction: column; align-items: flex-start;}
	#a4 .con .mapinfo ul li {margin-right: 0; margin-bottom: 5px;}
	#a4 .con .mapinfo ul li:last-child {margin-bottom: 0;}
	#a4 .con .mapinfo ul li span img {height: 18px;}
	#a4 .con .mapinfo ul li p {font-size: 14px; line-height: 24px;}
}

@media (max-width: 440px){
	#a4 .con .text_box h2 br {display: none;}
}
/*a4*/

/*b01*/
#b01 .con1{padding: 50px 10px 120px;}
@media (max-width:960px){

}
/*b01*/

/*b8*/
#b8{width:100%; margin:0 auto; font-family:inherit; max-width: 1440px;}
#b8 .b8_section{margin-bottom:50px}
#b8 h2{font-size:42px;font-weight:700;margin-bottom:20px}
#b8 h3{font-size: 28px;font-weight: 700; margin-bottom: 50px; background: #2b436a; padding: 15px; border-radius: 100px; color: #fff; text-align: center;}
#b8 h4{font-size:24px;font-weight:600;margin-bottom:10px}
#b8 h4 span{color: #2b436a; font-size: 28px; font-weight: 700;}
#b8 img{max-width: 100%;}

#b8 .b8_intro{text-align:center}

#b8 .b8_table{display: flex; gap: 20px;}
#b8 .b8_table img{width: 50%;}
#b8 .b8_table table{width: 50%;}

#b8 .b8_principle {text-align: center;}
#b8 .b8_principle img{max-width: 70%;}
#b8 .b8_principle .b8_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#b8 .b8_box{border:1px solid #e5e5e5;border-radius:12px;padding:30px;background:#fafafa}

#b8 .b8_principle>div{display: flex; gap: 100px; align-items: center;}
#b8 .b8_principle>div table{flex: 2;}
#b8 .b8_principle>div img{flex: 1;}
#b8 .b8_principle .tbl-stat tbody th{padding: 10px;}
#b8 .b8_principle .tbl-stat thead th{padding: 10px;}
#b8 .b8_principle .tbl-stat tbody td{padding: 10px;}
#b8 .b8_flow_list{display:flex;gap:20px;flex-wrap:wrap}
#b8 .b8_flow_list div{flex:1;min-width:180px;text-align:center;padding:20px;border-radius:40px;background:#f2f6fb;font-weight:500}
#b8 .b8_principle .td-num{    font-size: 24px; font-weight: 300; text-align: center; color: #444;}
#b8 .b8_video_wrap{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000}
#b8 .b8_video_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

#b8 .b8_spec table{width:100%;border-collapse:collapse}
#b8 .b8_spec th,#b8 .b8_spec td{padding:14px 16px;border-bottom:1px solid #ddd;text-align:left}
#b8 .b8_spec th{width:220px;background:#f8f8f8;font-weight:600}

#b8 .b8_video_slider{position:relative;overflow:hidden;border-radius:16px;background:#000}
#b8 .b8_video_track{display:flex;transition:transform .5s ease}
#b8 .b8_video_item{min-width:100%;position:relative;padding-top:56.25%}
#b8 .b8_video_item iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

#b8 .b8_video_btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgb(43 67 106);color:#fff;font-size:28px;cursor:pointer}
#b8 .b8_video_btn.prev{left:20px}
#b8 .b8_video_btn.next{right:20px}

#b8 .video-guide{
font-size:18px;
font-weight:500;
color:#2b436a;
text-align:left;
line-height:1.6;
margin:16px 0 12px;
padding-left:18px;
border-left:4px solid #2b436a;
}
#b8 .video-guide span{
display:block;
margin-top:4px;
font-size:16px;
color:#555;
}


@media(max-width:1200px){
#b8 .b8_principle>div{flex-direction: column; gap:20px;}
}
@media(max-width:960px){
#b8 .b8_principle .b8_grid{grid-template-columns:1fr}
#b8 h2{font-size:32px}
#b8 h3{font-size:20px;padding: 7px;margin-bottom: 20px;}
#b8 .b8_section{margin-bottom: 20px;}
#b8 .b8_table{flex-direction: column;gap: 10px;}
#b8 .b8_table img{width: 100%;}
#b8 .b8_table table{width: 100%;}
#b8 .b8_principle img{max-width: 100%;}
}
/*b8*/

/*b1*/
#b1 .inner{max-width:1000px;margin:0 auto;padding:00px 10px;text-align:center}
#b1 .section{ position:relative;overflow:hidden; padding: 70px 70px 0;}
#b1 .en-sub{font-size: 38px; color: #333; margin-bottom: 10px;  font-weight: 300;  line-height: 1.5;}
#b1 h2{font-size:58px;font-weight:500;margin-bottom:10px; color: #212121;line-height: 1.5;}
#b1 h2 strong{color: #000;}
#b1 .title{font-size: 28px; font-weight: 500; color: #fff; background:linear-gradient(321deg, #ec5d0a, #ff8b1d); padding: 10px 20px; width: fit-content; margin:30px auto 50px;}
#b1 .img img{width:100%;}
#b1 .label{display:inline;position:relative; color:#e97132;font-size:20px;font-weight:500;padding:6px 22px;border-radius:10px 0 10px 0;z-index:1;line-height: 4.8;}
#b1 .label::after{content: ""; position: absolute;left: 50%; bottom: -10px; width: 50px; height: 2px; background: #ec5d31; z-index: -1; transform: translateX(-50%);}
#b1 h3{font-size:48px;font-weight:300;color:#2b436a;line-height:1.5;margin-bottom:24px}
#b1 h3 strong{font-weight: 600;}

#b1 .add{display: flex;gap: 20px; padding: 50px 0px;}
#b1 .add .info-row{width:50%;padding: 20px; border-radius: 20px; box-shadow: 1px 1px 5px #ddd;    display: flex; flex-direction: column;  gap: 20px;}
#b1 .add .info-row img{width:25%;}

#b1 .add .row2{width: 100%; box-shadow: none; padding: 0;}
#b1 .add .row2 h3{color: #000000;margin-bottom: 0;}
#b1 .add .row2 .en-sub{font-size: 28px;}
#b1 .add .row2 ul{display: flex; gap: 20px;}
#b1 .add .row2 ul li{width: 25%; text-align: center; border-radius: 20px; box-shadow: 1px 1px 5px #ddd; padding: 20px 10px;}
#b1 .add .row2 ul li p{text-align: center;font-size: 18px;}
#b1 .add .row2 img{width: 50%;    margin-bottom: 10px;}

#b1 .add .row3{width: 100%; box-shadow: none; padding: 0;}
#b1 .add .row3 h3{color: #000000;margin-bottom: 0;}
#b1 .add .row3 .en-sub{font-size: 28px;}
#b1 .add .row3 ul{display: flex; gap: 20px;}
#b1 .add .row3 ul li{width: 33.3%; text-align: center; border-radius: 20px; box-shadow: 1px 1px 5px #ddd; padding: 20px 10px;}
#b1 .add .row3 ul li p{text-align: center;font-size: 18px;}
#b1 .add .row3 img{width: 37%;    margin-bottom: 10px;}
#b1 .add .row3 img{width: 37%;    margin-bottom: 10px;}

#b1 .closing{font-size: 48px; font-weight: 300; color: #000; line-height: 1.5; margin: 50px 0; ;}
#b1 .closing strong{color: #ed5d0a;font-weight: 600;}

#b1 .txt{font-size:20px;color:#666;line-height:1.8;text-align: left;}
#b1 .img-bottom img{width:400px;margin:50px auto 0;display:block}

@media(max-width:960px){
#b1 .add{flex-direction: column;padding: 20px;margin-top: 30px;}
#b1 .add img{width: 100%;}
#b1 .add p{width: 100%;}
#b1 .add .info-row{width: 100%;}
#b1 .add .row2 ul{flex-direction: column;}
#b1 .add .row2 ul li{width: 100%;}
#b1 .add .row2 img{width: 30%;}
#b1 .add .row3 ul{flex-direction: column;}
#b1 .add .row3 ul li{width: 100%;}
#b1 .add .row3 img{width: 30%;}
#b1 .closing{font-size: 24px;}
#b1 .add .row2 .en-sub{font-size: 18px;}
#b1 .add .row3 .en-sub{font-size: 18px;}
}
@media(max-width:768px){
#b1 .inner{padding:0;}
#b1 .section{padding:30px 0px;}
#b1 h2{font-size:28px}
#b1 h3{font-size:20px}
#b1 .txt{font-size:16px}
#b1 .txt br{display: none;}
#b1 .img-bottom img{width:80%}
#b1 .en-sub{font-size: 20px;}
#b1 .label{font-size: 16px;}
#b1 h3 strong{background: none;}

#b1 .title{font-size: 16px;margin: 10px auto;}
}
/*b1*/



/*b2*/
#b2 .inner{max-width:1000px;margin:0 auto;padding:00px 10px;text-align:center}
#b2 .section{ position:relative;overflow:hidden; padding: 70px;}
#b2 .en-sub{font-size: 38px; color: #333; margin-bottom: 10px;  font-weight: 300;  line-height: 1.5;}
#b2 h2{font-size:58px;font-weight:500;margin-bottom:10px; color: #212121;line-height: 1.5;}
#b2 h2 strong{color: #000;}
#b2 .title{font-size: 28px; font-weight: 500; color: #fff; background:linear-gradient(321deg, #ec5d0a, #ff8a3d); padding: 10px 20px; width: fit-content; margin:30px auto 50px;}
#b2 .img img{width:100%; margin-bottom:30px}
#b2 .label{display:inline;position:relative; color:#e97132;font-size:20px;font-weight:500;padding:6px 22px;border-radius:10px 0 10px 0;z-index:1;line-height: 4.8;}
#b2 .label::after{content: ""; position: absolute;left: 50%; bottom: -10px; width: 50px; height: 2px; background: #ec5d31; z-index: -1; transform: translateX(-50%);}
#b2 h3{font-size:28px;font-weight:300;color:#000;line-height:1.5;margin-bottom:24px}
#b2 h3 strong{font-weight: 600;}

#b2 .add{display: flex; gap: 30px; background: #e97132; padding: 50px;margin-top: 50px;}
#b2 .add img{max-width: 100%; width: 45%;}
#b2 .add p{font-size: 20px; color: #eee; line-height: 1.8; font-weight: 300;}

#b2 .add ul li{display: flex;gap: 30px;    margin-bottom: 50px;}
#b2 .add ul li h3{    font-size: 32px; font-weight: 600; color: #fff; margin-bottom: 10px;}
#b2 .add ul li h4{font-size: 16px; font-weight: 300; color: #eee; line-height: 1.8;}
#b2 .add ul li:nth-of-type(even){flex-direction: row-reverse;}
#b2 .add ul li:nth-of-type(even)>div{text-align: right;}
#b2 .add ul li:nth-of-type(odd)>div{text-align: left;}
#b2 .add ul li

#b2 .txt{font-size:20px;color:#666;line-height:1.8;text-align: left;}
#b2 .img-bottom img{width:40%;margin:50px auto 0;display:block}
#b2 .img-bottom {display: flex; align-items: center;;}
#b2 .img-bottom h3{font-size: 32px;}
#b2 .img-bottom h3 strong{color: #e97132; font-weight: 600;}

@media(max-width:960px){
#b2 .add{flex-direction: column;padding: 20px;margin-top: 30px;}
#b2 .add img{width: 100%;}
#b2 .add p{width: 100%;}
#b2 .add ul li{flex-direction: column;}
#b2 .add ul li:nth-of-type(even){flex-direction: column;}
#b2 .add ul li:nth-of-type(even)>div{text-align: left;}
}
@media(max-width:768px){
#b2 .inner{padding:0;}
#b2 .section{padding:30px 0px;}
#b2 h2{font-size:28px}
#b2 h3{font-size:20px}
#b2 .txt{font-size:16px}
#b2 .txt br{display: none;}
#b2 .img-bottom img{width:80%}
#b2 .en-sub{font-size: 20px;}
#b2 .label{font-size: 16px;}
#b2 h3 strong{background: none;}

#b2 .title{font-size: 16px;margin: 10px auto;}

#b2 .img-bottom{flex-direction: column;}
#b2 .img-bottom h3{font-size: 20px;}
}
/*b2*/





/*R&D연구개발*/
#b3 .con {position: relative; margin-bottom: 100px;}
#b3 .con .imgwrap img {width: 100%; max-width: 960px;}
#b3 .con p {background-color: #f9feff; padding: 30px; position: absolute; bottom: -60px; right: 0; font-size: 18px; line-height: 28px; color: #333; font-weight: 500;}
#b3 .con p b {color: #2b436a; font-weight: 700;}

@media screen and (max-width: 960px) {
	#b3 .con {margin-bottom: 0;}
	#b3 .con p {position: initial; font-size: 16px; line-height: 26px;}
}
@media screen and (max-width: 640px) {
	#b3 .con p {padding: 20px; font-size: 14px; line-height: 24px;}

}
/*R&D연구개발*/





/* content03 */
.content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px;  float:left; text-align:justify;}
.content03 .icon li:nth-child(3n+3){margin-right:0}
.content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 .icon li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 .icon li p { text-align:center; word-break:keep-all}
.content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;}
@media screen and (max-width: 960px) {
	.content03 .icon li { width:50%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}

@media screen and (max-width: 640px) {
	.content03 .icon li { width:100%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}
/* content03 */




/* content_area04 */
.content04 .point { padding:0 20px 0 0}
.content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;}
.content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .content_txt_box { width:100%; padding-top:50px; clear:both}
.content04 .title_text{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .sub_txt {float:right; width:75%;}
.content04 .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }
@media screen and (max-width: 960px) {
	.content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.content04 .colum .right { width:100%; padding:20px 0 0  }
	.content04 .title_text { width:100%; margin-bottom:20px; clear:both}
	.content04 .sub_txt { float:left; width:100%}
}

@media screen and (max-width: 640px) {

}
/* content_area04 */







/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:20px; word-break:keep-all}
@media screen and (max-width: 960px) {
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; padding-top:0; font-weight:bold}
}
/* content_area05 */






/* content_area06 */
.content06 .thumb_box  {width:31.3333%; margin-right:3%; display:block; float:left; }
@media screen and (min-width: 961px) {
    .content06 .thumb_box:nth-child(3n+3) { margin-right:0}
}
.content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold}
.content06 .thumb_box .txt p { padding:20px 0px; text-align:center; }
@media screen and (max-width: 960px) {
    .content06 .thumb_box { width:49%; margin-right:2% }
	.content06 .thumb_box:nth-child(2n+2) { margin-right:0} 
}

@media screen and (max-width: 640px) {
    .content06 .thumb_box { width:100%; margin:0; clear:both; float:none}
}
/* content_area06 */

#bo_list{max-width: 1440px;margin:0 auto; }
#bo_w{max-width: 1440px;margin:0 auto; }
#bo_v{max-width: 1440px;margin:0 auto; }
#bo_gall{max-width: 1440px;margin:0 auto; }