@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import "//fonts.googleapis.com/earlyaccess/notosanskr.css";

html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all;/* word-break:break-word; */-webkit-text-size-adjust:none;  }
body{/* font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',Dotum,sans-serif;  */
font-family: 'Montserrat', sans-serif;

font-size:12px;color:#444; line-height:18px;font-weight:normal; padding:0px;margin:0px;}


* {box-sizing:border-box;}








.f_bt{ border:1px solid #ddd; clear:both; width:1200px; position:relative;  height:85px; padding:10px 0; margin:15px auto 30px; font-family:NanumSR !important}
.f_bt > div { float:left; width:260px; padding:20px}
.f_bt > div img { float:left}
.f_bt > div dl { float:left; margin-left:15px; margin-top:3px}
.f_bt > div dl dt { text-decoration:underline; font-size:15px; line-height:20px; margin-bottom:5px; font-weight:bold}
.f_bt > div dl dd { color:#676767}
.f_bt > div .more { float:right; margin-top:15px}
.f_bt > div .more a { border-radius:50%; padding:5px; background:#bebcba; color:#fff; font-weight:bold; font-size:13px; display:block}
.f_bt > div .more a:hover { background:#2a8ed0}

.b_rolling { float:left; width:1200px; border:0px solid #ddd; background:#f6f6f6;  position: relative;}
.b_rolling h2 img { margin-right:5px}
.b_rolling h2 { padding:10px 20px; border-bottom:1px solid #ddd; font-size:16px; line-height:26px; }
.webwidget_slideshow_dot{  padding: 0px;  margin: 0px;  padding:20px 47px}
.webwidget_slideshow_dot .img { width:125px !important; height:175px !important; float:left}
.webwidget_slideshow_dot dl { float:left; margin-left:15px; margin-top:30px; width:355px}
.webwidget_slideshow_dot dl dt { font-size:17px; color:#02a1c6; border-bottom:1px solid #ddd; padding:0 0 10px 10px; width:100%}
.webwidget_slideshow_dot dl dd { padding:15px 10px}
.webwidget_slideshow_dot dl dd li { clear:both; margin-bottom:5px}
.webwidget_slideshow_dot dl dd li span { background:url(/img/main/b_rolling_bg.png) no-repeat; text-align:center; width:77px; height:27px; color:#fff; display:inline-block; line-height:27px; margin-right:10px}
.webwidget_slideshow_dot .slides_box{  padding: 0px;  margin: 0px;  overflow: hidden;  position: absolute;}
.webwidget_slideshow_dot .title_thumb_box{   position: absolute;  top:5px; right:10px}
.webwidget_slideshow_dot .title_thumb_box .title_box{ display:none}
.webwidget_slideshow_dot .title_thumb_box .thumb_box{ top:-25px;text-align: center;  height: 25px;}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{ margin-right:2px}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{cursor: pointer;}
.webwidget_slideshow_dot .title_thumb_box .thumb_num { display:none}
.webwidget_slideshow_dot img{ padding: 0px;  margin: 0px;  border: none;}
.webwidget_slideshow_dot ul{  padding: 0px;  margin: 0px;  position: absolute;   list-style: none;}
.webwidget_slideshow_dot ul li{  padding: 0px;  margin: 0px;  float: left;}
.webwidget_slideshow_dot ul li a{ display: block;}
/*.subject_title {z-index:999; width:1200px; height:150px;  background:transparent url(/images/main/bg_01.png); position: absolute;  top:250px;}
*/.arrow{z-index:1000; float:right; position: absolute;  top:70px; left:1100px;}


.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}



.top_area{position:relative; width:960px; height:75px; margin: 0 auto;}
.top_area2{width:150px; margin: 0 auto;float:left; }
.top_area1{width:700px; margin: 0 auto;text-align:right;float:right;}
.top_area1 ul li{display:inline; line-height:35px; font-size:13px; padding-right:10px;}

.btn_01{background:#760d15; color:#fff; padding:5px; border-radius:3px;}
.new_titlesty{font-size:17px; font-weight:600; color:#760d15;}
.new_titlesty1{background:transparent url(/images/main/title_bg.jpg); color:#fff;  height:35px; font-weight:600;font-size:15px; padding-top:7px;  padding-left:10px; Box-sizing: Border-box;}
.new_titlesty2{background:transparent url(/images/main/title_bg1.jpg); color:#fff;  height:75px; font-weight:600;font-size:15px; padding-top:15px;  padding-left:15px; Box-sizing: Border-box;}
.new_titlesty3{font-size:20px; color:#fff; }
.new_titlesty4{background:transparent url(/images/main/title_bg2.jpg); color:#fff;  height:260px; font-weight:600;padding-top:55px;  padding-left:15px; padding-right:25px; Box-sizing: Border-box; text-align:right;}
.new_titlesty5{font-size:25px; color:#660000; padding-top:25px;  }
.new_titlesty6{font-size:15px; color:#000; padding-top:20px;  }
.new_titlesty7{font-size:17px; color:#fff; padding-top:20px; font-weight:600; }
.new_titlesty8{font-size:20px; color:#5cfe04;  font-weight:600; }
.new_titlesty9{font-size:15px; color:#000;  font-weight:600;line-height:25px; }
.new_titlesty10{background:#760d15; color:#fff; padding:5px; border-radius:3px;font-size:14px; }

.new_titlesty11{background:#efefef;  padding:5px; border-radius:3px;font-size:13px;  border:1px solid #d8d8d8; text-align:left;padding-left:15px; }
.new_titlesty12{background:#760d15; color:#fff; padding:5px; border-radius:3px;font-size:15px;padding-lefT:15px; }
.new_titlesty13{background:transparent url(/images/sub05/title_01.jpg); color:#fff; font-size:20px;  font-weight:600; height:32px; Box-sizing: Border-box; padding-top:5px; padding-left:40px; }


.more_1{float:right;color:#fff; padding-right:5px; }

.more_2{float:right;color:#000; padding-right:5px; }



/*Header*/
.logo { float:left; padding:17px 0 0 10px }
.header{position:relative; width:960px;  margin: 0 auto;}
.menu { float:left; margin: 0 auto;  width:960px; }
.menu > ul > li { float:left;  padding:0;}
#nav { display: block; position:relative;  width:960px;   z-index: 100;}
#nav > li > a { font-size:14px;   font-weight: bold;   height:50px; border-right:1px; padding-top:18px; Box-sizing: Border-box;}
#nav li {  width:192px;  float: left;  position: relative; border-right:1px solid #230d0e;  Box-sizing: Border-box;}
#nav li:first-child {   color: #fff;  margin-left: 0;  border-LEFT:1px solid #230d0e; }
#nav li a {    display: block;  text-align: center;   width:192px; color:#fff; line-height:15px;}
#nav li a:hover {  color: #fff !important;  text-decoration: none; background:#cc0000; line-height:15px;}
#nav li ul { background-color: #363636;  color: #fff; display: none;  left:0px;  position: absolute;  text-align: center; width:100%; border-bottom:0px solid #0072bc}
#nav li ul li {  line-height:35px  !important;  height:35px;   margin: 0;   position: relative;  width: 192px; text-decoration:none; }
#nav li ul li:first-child {border: 0px solid #545454;  line-height:35px !important; }
#nav li ul li a {border-bottom: 1px solid #efefef; background-color: #363636;  width: 192px; color: #fff;  font-size: 13px !important; 
line-height:35px  !important;  height:35px; margin: 0;  padding:0 ; font-weight:normal !important}
#nav li ul li a:hover { border-bottom: 1px solid #efefef; background-color: #990000; color: #fff !important;  width: 192px;  line-height:35px  !important;}
#nav li.current > a {  color: #fff;  background:#0072bc}
#nav li.current > a:hover {   color: #fff; background:#0072bc}
#nav li:hover > a {    color: #fff;  background:#cc0000}
#nav li:hover > ul.child {    display: block;}


.sub_left_area h2{font-size:28px; color:#660000;padding-bottom:25px;padding-top:5px; padding-LEFT:10px;font-family: 'Montserrat', sans-serif;font-weight:700;}
.banner{color:#97482a ! important; font-size:18px; width: 197px; height:82px; background:transparent url(/images/common/banner.jpg);
padding-top:18px;padding-left:13px;Box-sizing: Border-box; }
.banner a{color:#97482a ! important; line-height:20px !important;}

.img01_1{width:343px; height:295px; background:transparent url(/images/sub01/img_bg01.jpg); Box-sizing: Border-box; padding-top:85px;padding-left:85px; color:#fff;}



.overview1{float:left; position:relative;  width:287px; height:137px; background:transparent url(/images/sub02/over_01.jpg);  Box-sizing: Border-box;
padding-top:55px; padding-left:20px; color:#fff; font-size:15px;
}

.overview2{float:right; position:relative;  width:287px; height:137px; background:transparent url(/images/sub02/over_02.jpg);  Box-sizing: Border-box;
padding-top:65px; padding-left:40px; color:#fff; font-size:15px;
}



.overview3{float:left; position:relative;  width:287px; height:137px; background:transparent url(/images/sub02/over_03.jpg);  Box-sizing: Border-box;
padding-top:55px; padding-left:20px; color:#fff; font-size:15px;
}


.myButton1 {

	background-color:#790404;
	
	border-radius:3px;
	border:1px solid #960404;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;

	font-size:14px;
	padding:6px 24px;

}
.myButton1:hover {

	background-color:#650101;
}
.myButton1:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.service{background:transparent url(/images/sub02/service_01.jpg);  width:731px; height:493px; border:1px solid #efefef; }
.service .num{position:relative; top:240px; left:270px; color:#fff; font-size:20px;}
.service .num1{position:relative; top:120px; left:60px;}
.service .num2{position:relative; top:-100px; left:260px;}
.service .num3{position:relative; top:-75px; left:480px;}
.service .num4{position:relative; top:30px; left:440px;}
.service .num5{position:relative; top:-70px; left:95px;}

.contact{background:transparent url(/images/sub02/contact.jpg);  width:730px; height:232px; border:0px solid #efefef;Box-sizing: Border-box;

padding-top:55px; padding-left:220px; 

}


.network {background:transparent url(/images/sub02/map.jpg); width:730px;  height:305px;  border:solid 1px #e8e8e8;  Box-sizing: Border-box; padding:15px;}
 .left{position:relative;display:inline-block; width:150px; float:left;}
  .center{position:relative;display:inline-block;  width:220px;float:left;  padding-left:70px; padding-top:150px; color:#000; font-size:15px; font-weight:800;}
   .right{position:relative; display:inline-block; width:200px; float:right;}


   
.network1 {background:transparent url(/images/sub02/map1.jpg); width:730px;  height:390px;  border:solid 1px #e8e8e8;  Box-sizing: Border-box; }
.network1 .nation1{position:relative; top:93px; left:90px; font-size:12px; color:red; font-weight:700;}
.network1 .nation2{position:relative; top:87px; left:90px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation3{position:relative; top:115px; left:160px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation4{position:relative; top:190px; left:115px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation5{position:relative; top:100px; left:195px; font-size:12px; color:red; font-weight:700;}
.network1 .nation6{position:relative; top:70px; left:205px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation7{position:relative; top:105px; left:250px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation8{position:relative; top:-20px; left:245px; font-size:12px; color:red; font-weight:700;}
.network1 .nation9{position:relative; top:-20px; left:265px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation10{position:relative; top:-60px; left:300px; font-size:12px; color:red; font-weight:700;}
.network1 .nation11{position:relative; top:-80px; left:490px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation12{position:relative; top:-140px; left:550px; font-size:12px; color:#000; font-weight:700;}
.network1 .nation13{position:relative; top:13px; left:610px; font-size:12px; color:red; font-weight:700;}
.network1 .na_title{ font-size:16px; color:#000; font-weight:700;padding-left:55px; }


.network2{padding-left:15px; line-height:25px; font-size:15px;}
.search_btn{ border: 1px solid #efefef; background-color: #990000; color: #fff !important; padding:5px;}
.view_btn{ border:0px solid #efefef; background-color: #990000; color: #fff !important; padding:10px; border-radius:8px;}
.home_btn{ border:0px solid #efefef; background-color: #990000; color: #fff !important; padding:5px; border-radius:8px;}
.com_btn{ border:0px solid #efefef; background-color: #990000; color: #fff !important; padding:5px; border-radius:8px;  font-size:12px ! important; }
.list_btn{ border:0px solid #efefef; background-color:#000; color: #fff !important; padding:10px; font-weight:600; font-size:17px; font-family: 'Montserrat', sans-serif;}
.list1_btn{ border:0px solid #efefef; background-color:#990000; color: #fff !important; padding:10px; font-weight:600; font-size:17px; font-family: 'Montserrat', sans-serif;}




/*==============
new_header
==============*/
.new_header{position:relative; background:#fff; height:100px; border-bottom:solid 3px #ff0000; z-index:11;  }
.new_header1{ margin:0 auto; justify-content: space-between; align-items: center; max-width:1200px;  width:94%; display:flex; flex-wrap:wrap;}
.top_left, .top_right {margin-top:-15px;}

@media (min-width: 1024px) {
		}

@media (max-width: 1023px) {
	}

@media (max-width: 768px) {
.new_header{height:35px; margin-top:17px; }
	.top_center {position:absolute; left:50%; transform:translateX(-50%)}
	.top_center img {width:120px;}

}


/*==============
footer_area_inner
==============*/
.footer_area_inner {position: relative;
  width: 100%; display:flex; flex-wrap:wrap; gap:6px 0px; flex-direction:column; 
padding:20px 20px; justify-content: center;
text-align: center; color: #333;}
.footer_area_inner ul { display:flex; flex-wrap:wrap; gap:6px 30px;  justify-content: center;}
.footer_area_inner ul li {font-size:13px; line-height:1.3;}
.footer_area_inner  p {padding-top:10px; opacity:0.7;}

@media (max-width: 768px) {
 .footer_area_inner  h3 img{width:100px;}
}










/*==============
visual
==============*/

#visual {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
 margin-top:-18px; 
 height:680px;
}

.visual_box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.visual_box p {
  position: absolute;
  inset: 0;       
  margin: 0;
  opacity: 0;
}

.visual_box p.is-active {
  opacity: 1;
}

/* 슬라이드 이미지: 화면 꽉 차게 */
.visual_box p > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.visual_wrap::before {
  content: "";
  display: block;
  padding-bottom: 56.25%; 
}

.visual_text,
.visual_text1,
.visual_text2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  font-size: clamp(18px, 2.5vw, 40px);
  z-index: 133;
  width: 94%;
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 가운데 정렬 */
  text-align: center;
}

.visual_text img,
.visual_text1 img,
.visual_text2 img {
  max-width: 100%;
}

.v_ul {
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.v_ul li {
  list-style: none;
  cursor: pointer;
  line-height: 16px;
}






@media (max-width: 768px) {

#visual {
 height:430px; 
}

  .visual_wrap::before {
    padding-bottom: 110%;  
  }

.visuallogo {width:50%;}


  .visual_text,
  .visual_text1,
  .visual_text2 {
  margin-top:-30px;
    font-size: clamp(16px, 4vw, 26px);
    padding: 0 10px;
  }

.v_ul li img {
  width:16px; height:16px;
}



}


















/*==============
center_area1
==============*/
.center_area1{position: relative; width:100%; overflow:hidden; 
z-index:2; overflow:hidden; padding-top:clamp(30px, 2.5vw, 50px); margin-left:auto; margin-right:auto;
padding-bottom:clamp(30px, 2.5vw, 50px); background:#fff;
max-width:1200px; margin-top:-80px; width:96%; background-size:cover }


.center_area1 .intit {background-image:url('/images/main/line_1.png'); text-align:center;
background-repeat:no-repeat;
background-position:center bottom; padding-bottom:30px;
}

.center_area1 .intit dt{font-family: 'Montserrat', sans-serif;
background-image:url('/images/main/icon_08.png'); 
background-repeat:no-repeat;
background-position:center top; padding-top:50px;
  font-size: clamp(24px, 2.5vw, 35px);
  color: #e70e05;
  font-weight: 800;
  line-height:1.4;
}

.center_area1 .intit dd {
  font-size: 17px;
  color: #999;
  font-weight: 600;
  line-height: 1.5;
}



/*==============
center_area2
==============*/

.center_area2{overflow:hidden; padding-top:clamp(30px, 2.5vw, 50px);
padding-bottom:clamp(30px, 2.5vw, 50px);
width:100%; background: transparent url(/images/main/bg_04.jpg); background-size:cover }

.center_area2 .intit {background-image:url('/images/main/line_1.png'); text-align:center;
background-repeat:no-repeat;
background-position:center bottom; padding-bottom:30px;
}

.center_area2 .intit dt{font-family: 'Montserrat', sans-serif;
background-image:url('/images/main/icon_09.png'); 
background-repeat:no-repeat;
background-position:center top; padding-top:50px;
  font-size: clamp(24px, 2.5vw, 35px);
  color: #e70e05;
  font-weight: 800;
  line-height:1.4;
}

.center_area2 .intit dd {
  font-size: 17px;
  color: #999;
  font-weight: 600;
  line-height: 1.5;
}

#m_board {position:relative;max-width:1200px; width:96%; margin-left:auto; margin-right:auto;  overflow:hidden;
position:relative; margin-top:30px;   border:0px solid #ddd;}









#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  { width:100%; }
#m_board .tab_content{ width:100%; border-bottom:0px solid #ddd; padding-bottom:15px;}
#m_board .tab_content ul li { margin-top:0px; font-size:16px;  line-height:18px; }
#m_board .tab_content ul a {}
#m_board .tab_content ul li .b_tit {  border-radius:10px; text-align:center; width:50px; color:#fff; display:inline-block; margin-right:7px}
#m_board .tab_content ul li .date { float:right; color:#bcbcbc;  padding-right:30px; }

#m_board .tab_content ul li dt, #m_board .tab_content ul li dd { list-style:none; height:25px; color:#fff; }
#m_board .tab_content ul li dt{ width:80%; float:left; }
#m_board .tab_content ul li dd{ float:right; width:18%; }

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


#m_board .tabs,
#m_board .tabs1 { width:100%; display:flex;flex-wrap:wrap;}
#m_board .tabs li,
#m_board .tabs1 li {flex:1;heighT:auto; min-width:190px;
	background:#fff; font-family: 'Montserrat', sans-serif; ;  font-weight:700;  /* width:240px; */ 
	text-align:center;   color:#999;  border:solid 1px #e8e8e8;Box-sizing: Border-box; 
}

#m_board .tabs li a,
#m_board .tabs1 li a { display:block; line-height:3.4; box-sizing:border-box;  font-size:clamp(15px, 2.5vw, 17px);  color:#999; font-weight:700; }
#m_board .tabs1 li a:hover { color:#fcda04; font-weight:700; }
#m_board .tabs .active a,
#m_board .tabs1 .active a {  background: #ff0000;  color:#fff;  box-sizing:border-box;  border:solid 1px #ff0000 }
#m_board .tabs1 img{padding-right:5px;}


#m_board .tab_content1{width:100%; overflow:hidden; border-bottom:0px solid #ddd; padding-bottom:15px;}

#m_board #demo {width:100%; height:auto !important;}



/*==============
quick_area
==============*/


.quick_area{position: relative; width:100%; overflow:Hidden;
padding-top:clamp(30px, 2.5vw, 50px);
padding-bottom:clamp(30px, 2.5vw, 50px);
background:transparent url(/images/main/bg_01.jpg); text-align:center;}


.quick_area .intit {background-image:url('/images/main/line.png');
background-repeat:no-repeat;
background-position:center bottom; padding-bottom:30px;
}

.quick_area .intit dt{
background-image:url('/images/main/icon_01.png');
background-repeat:no-repeat;
background-position:center top; padding-top:50px;
  font-size: clamp(24px, 2.5vw, 35px);
  color: #fff;
  font-weight: 800;
  line-height:1.4;
}

.quick_area .intit dd {
  font-size: 17px;
  color: #fd9999;
  font-weight: 600;
  line-height: 1.5;
}

.quick_area ul{ max-width:1050px; widtH:96%; display:flex; flex-wrap:wrap;  margin:0 auto; margin-top:20px;}
.quick_area ul li{flex:1;}
.quick_area ul li.num1{background-color:#990000; height:210px; text-align:center;}
.quick_area ul li.num2{background-color:#fff; height:210px;  text-align:center;}
.quick_area ul li img{padding-top:38px; padding-bottom:38px;}
.line_sty{background-color:rgba(255,255,255,0.2); width:100%; height:1px;  Box-sizing: Border-box;  }
.line_sty1{background-color:rgba(0,0,0,0.2); width:100%; height:1px;  Box-sizing: Border-box;  }

.title_qucik{font-family: 'Montserrat', sans-serif; font-size:35px; color:#Fff; font-weight:800;line-height:39px;}
.title_qucik1{ font-size:17px; color:#fd9999; font-weight:600;line-height:30px; }
.title_qucik2{ font-size:17px; color:#fd9999; font-weight:600;line-height:55px; }
.title_qucik3{ font-size:17px; color:#929292; font-weight:600;line-height:55px; }
.title_qucik4{ font-size:17px; color:#fd9999; font-weight:600;line-height:20px;}
.title_qucik6{ font-size:17px; color:#cccccc; font-weight:600;line-height:30px; }
.title_qucik8{font-family: 'Montserrat', sans-serif; font-size:33px; color:#fff; font-weight:800; padding-left:30px;line-height:80px;  }
.title_qucik9{ width:900px; font-family: 'Montserrat', sans-serif; font-size:17px; color:#fff; font-weight:600; padding-left:30px;line-height:20px; padding-right:30px; }


@media (max-width: 768px) {
.quick_area ul li{flex-basis:100%;  padding-bottom:10px; height:auto !important;}
.quick_area ul li br,
.quick_area ul li p {display:none;}
.quick_area ul li img {padding:10px 0px 0px 0px; margin:0 auto; display:block;}
}








/*탭 */


.tab_content_left{ float:left;position:relative; width:690px;background-color:#e3e3e3; height:360px; }
.tab_content_right{ float:right;position:relative; width:500px; }
.tab_content_right ul li{display:inline; margin-bottom:15px; width:245px;float:left;  height:180px;}
.tab_content_right ul li:first-child{margin-right:8px;  width:245px; background:#6989bb;}
.subject_01{ box-sizing:border-box; padding:20px; float:left;position:relative; width:500px; height:164px;  background:transparent url(/images/main/bg_02.jpg);}
.subject_01_1{ box-sizing:border-box; padding:20px; float:left;position:relative; width:500px; height:360px;  background:transparent url(/images/main/bg_03.jpg);}
.subject_02{ font-family: 'Montserrat', sans-serif; float:left; font-size:20px; font-weight:700; color:#fff; line-height:30px; height:40px; width:100%; overflow:hidden; line-height:20px;}
.subject_03{ font-family: 'Montserrat', sans-serif; float:left; font-size:17px; font-weight:700; color:#fff; line-height:30px; height:40px; width:100%; }
.subject_04{margin-top:15px; font-family: 'Montserrat', sans-serif; float:left; font-size:15px; font-weight:500; color:#fff; line-height:25px;}

.goole{ position:absolute; right:10px; top:35px;}



/*==================
레이아웃 새로추가
===========================*/

.new_main_txt_wrap {display:flex; flex-wrap:wrap; gap:0px 20px; margin-top:10px; }

 .subject_title,
	.new_main_txt_wrap .txt {width:50%; max-width:630px; padding-top:50px; box-sizing:border-box;
background: #a1b0b3; 
background: linear-gradient(304deg,rgba(161, 176, 179, 1) 0%, rgba(242, 242, 242, 1) 100%);	
	padding:15px 40px}



 .subject_title,
	.new_main_txt_wrap .txt h2{text-align:justify; font-size:clamp(17px, 2.5vw, 23px); font-weight:800; line-height:1.2; padding-bottom:30px;}
	.new_main_txt_wrap .txt dl {display:flex; flex-wrap:wrap;  
  align-items: center; gap:0px 20px; margin-top:10px;}
		.new_main_txt_wrap .txt dl dt{background:#333; color:#fff; font-weight:700; padding-top:10px; padding-bottom:10px;
		border-radius:3px; text-align:Center; text-align:Center; width:100px;}
		.new_main_txt_wrap .txt dl dt, .new_main_txt_wrap .txt dl dd {font-size:clamp(13px, 2.5vw, 18px);  line-height:1.3;}
		.new_main_txt_wrap .txt dl dd {flex:1;}








 .imgarea {flex:1;}
 .imgarea li { width: 100%;   aspect-ratio: 4 / 3; overflow: hidden;}
 .imgarea  img {width: 100%; height: 100%;  object-fit: cover;}
	 .imgarea ul {padding-top:10px; display:flex; flex-wrap:wrap; gap:0px 10px;
		}

 .imgarea ul li {flex:1;}
  .imgarea{flex:1;   display:flex; flex-wrap:wrap; gap:10px 10px; justify-content: space-between;}
 .imgarea p {  aspect-ratio: 4 / 3;  background:#fff; overflow: hidden; width:calc(50% - 5px);}



 .imgarea p img {width: 100%; height: 100%;  object-fit: cover;}
   .imgarea  p:nth-child(1) {width:100% ; }


		.s_rolling,
		#demo1,
		.webwidget_slideshow_dot .slides_box,
.webwidget_slideshow_dot ul li {height:600px !important; width:100% !important;} 

.s_rolling3 {width:100%;}

.innation_event {width:100%; display:flex; overflow:hidden; flex-wrap:nowrap; gap:0px 20px; padding-top:10px;}




@media (max-width: 768px) {
.new_main_txt_wrap,
.innation_event {flex-wrap:wrap; flex-direction:column; gap:20px 0px;}
.new_main_txt_wrap .txt,
	.subject_title {width:100% !important;  max-width:100%;}

.new_main_txt_wrap .imgarea {width:100%; display:flex; flex-wrap:wrap;}

.new_main_txt_wrap .txt dl dt {padding-top:5px; padding-bottom:5px;}
 .imgarea p  {flex:1;}






/* .innation_event  .imgarea{flex:1;   display:flex; flex-wrap:wrap; gap:10px 10px; justify-content: space-between;}
	.innation_event  .imgarea p { aspect-ratio: 4 / 3;  background:#fff; overflow: hidden; width:calc(50% - 10px);} 

.innation_event   .imgarea p:nth-child(1) {width:calc(50% - 10px);}*/
}