/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #00d87c; }
::-moz-selection { background-color: #cccccc; color: white; }

body{font-family: "Noto Sans KR", sans-serif;}
/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1200px;height:100px; background: url('../images/common/hd_bg.png') right center #2d2d2d no-repeat;}
.header{position:relative;width:1200px;margin:0 auto;height:100px}
.logo{position:absolute;width:173px;height:44px;top:18px;left:0px; z-index:1000;}

.gnb{position:absolute;right:0px;top:15px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#666;padding-left:8px;font-family: "NotoSans-Bold", sans-serif}
.gnb ul li a{font-size:10px;color:#666;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}

.sns_link {position: absolute; right:-200px;  height:100%; top:24px; z-index: 21; display: flex; }
.sns_link li {margin-right:15px;}
.sns_link a {font-size:35px; color:#fff; transition: all .2s ease;}
.sns_link a:hover {color:#03a761;}
.sns_link.ft {right:0; top:50px;}

/* .top_menu {width: 750px; height: 100px; position: absolute; top: 40px; left: 50%; margin-left: -375px;}
.top_menu ul li {float: left; width: 150px; text-align: center;}
.top_menu ul li a {font-size: 18px; color: #fff; font-family: "NotoSans-Regular", sans-serif; text-align: center; text-decoration: none; display: block;}
.top_menu ul li a:hover {color: #971b18;} */
.top_menu{position:absolute; width:1200px; height: 100px; right:-250px; line-height: 100px; z-index:20;}
/* .top_menu ul.top_menu_list{position:absolute;top:0px;right:0} */
.top_menu ul.top_menu_list li{;}
.top_menu ul.top_menu_list li.parent_menu{float:left; width: 172px; height: 100px;}
.parent_menu>a{display:block; width: 185px; height: 100px;font-size:17px;color:#fff;text-decoration:none; font-weight:500; border-bottom: 3px solid transparent;  text-align: center; }
.parent_menu a:hover{color:#03a761}
.parent_menu>a.active{color:#03a761; border-bottom: 3px solid #03a761; }
ul.child_menu {position:absolute;display:none;z-index:100; }
ul.child_menu li.child_smenu{width:185px;position:relative;padding:10px 20px;padding-bottom:10px;background-color:#000; color:#ddd;line-height:25px;border-top:0px solid #ccc;  }
ul.child_menu li.child_smenu a{display:block;width:100%;font-size:10pt;color:#fff;text-decoration:none;font-family: "NotoSans-regular", sans-serif; text-align: center;}
ul.child_menu li.child_smenu a:hover {color:#03a761}
ul.child_menu li.child_smenu a.active{color:#03a761; }

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#414141;height:200px; border-top: 1px solid #ccc; }
.footer_area {position:relative;width:1200px;margin:0 auto;padding:20px 0 100px;}
.ft_logo{ position: absolute; left: 0; top:70px;}
.footer_copy {position:absolute;left:250px; top:65px; font-size:12px; color:#848484; line-height:20px; font-family: "nanum", sans-serif;}
.admin{position:absolute;left:230px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #474747;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{position:absolute; right:0px; bottom:-50px; opacity: 0.5;}
.footer_device{position:absolute;left:250px;top:150px}
.footer_device .btn-default{font-size:10px;background:#2c2c2c;color:#ccc;border:1px solid #474747;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#000;border:1px solid #474747;color:#ccc}
.ft_logo2{display: inline-block; width: 127px; height: 53px; position: absolute; right: 0; bottom:0;}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.page_up {
	width: 50px;
	height: 50px;
   background-color: #03a761;
   border-color: #03a761;
   border-radius: 50%;
}
.page_up span {color: #fff; font-size: 20px; text-align: center;}

.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	margin-top: -60px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	margin-top: -60px;
	opacity:0.6;
}

.main_cont{ position: absolute; top: 120px; left: 50%; margin-left: -600px; width:1200px; z-index:900}
.main_cont_t>h3{font-size:60px;color:#fff; text-transform:uppercase; font-family: 'Muli', sans-serif; margin:45px 0 30px 0;}
.main_t{font-size:80px;font-family: "nanumMJ_B", sans-serif; text-align: center; padding: 85px 0 0 0;}
.main_cont_t_txt{font-size:18px; font-family: 'NotoSans-Light', sans-serif; color: #fff; font-weight:lighter;}
.main_tt {font-size:24px;font-family: "nanumMJ", sans-serif; text-align: center; padding: 25px 0 0 0;}
.main_btn{width:170px;height:40px;background: #14a2c4; }
.main_btn a{font-size:15px;font-family: "OpenSans", sans-serif;width:170px;height:40px;background: #14a2c4;text-decoration: none;vertical-align: middle;line-height: 40px;display: inline-block;color:#fff;text-align: center;}
.main_btn a:hover{background: #957760;}
}
.main_btn{width:170px;height:40px;background: #14a2c4;}
.main_btn a{font-size:15px;font-family: "OpenSans", sans-serif;width:170px;height:40px;background: #14a2c4;text-decoration: none;vertical-align: middle;line-height: 40px;display: inline-block;color:#fff;text-align: center;}
.main_btn a:hover{background: #957760;}

.main_cont_short{position:relative;width:386px;margin:0 auto 50px;height:50px;}
.main_cont_short ul{height:50px}
.main_cont_short ul li{width:183px;height:50px;float:left;}
.main_cont_short ul li a{display:block;width:183px;height:50px;border:2px solid #fff;text-decoration:none;color:#fff;font-size:18px;letter-spacing:0.5px;font-family: "NotoSans-Bold", sans-serif;padding:10px 0 0; }
.main_cont_short ul li a:hover{border:2px solid #569eff; color:#569eff;}

#bx-pager1{position: relative; bottom: 250px; left: 50%; margin-left: -70px; z-index: 9999}
#bx-pager1 a{display:inline;color:#FFF;font-size:12px;font-weight:bold;width:50px;height:50px; padding-left: 30px;text-decoration:none; text-align: center;}
#bx-pager1 a.active{color:#971b18;font-size:12px;font-weight:bold;width:50px;height:50px;}


/* .colgroup_wrap{width:100%;min-width: 1200px;display: inline-block;} */
/* 메인레이아웃 */

.box1{ width: 100%; height: 500px; background: url('../images/common/box1_bg.png') right center  #f5f5f5 no-repeat;}
.box1_wrap{width: 1200px; height: 500px;  margin: 0 auto; }
.box1_wrap:after{display: block;content: "";clear: both;}
.box1_wrap>div{ float: left; width: 600px; height:500px; }
.box1_1{padding-top: 70px; }
.box1_title{font-size: 27px; font-weight: 300; color: #03a761; line-height: 35px; letter-spacing: -1px; }
.box1_title>span{font-weight: 700; }
.box1_text{font-size: 16px; font-weight: 400; color: #454545; line-height:30px; letter-spacing: -1px; margin: 35px 0}
.box1_more{display: inline-block; width: 235px; height: 65px; border: 1px solid #353535; font-size: 14px; font-weight: 400; color: #333; line-height: 65px; padding-left: 53px;  background: url('../images/common/box1_more.png') 158px 18px no-repeat; transition: all 0.3s; }
.box1_more:hover{color: #fff; text-decoration: none; background: url('../images/common/box1_more_ov.png') #333 158px 18px no-repeat;  }
.box1_2{ position: relative; overflow:hidden; }
.box1_2_img1{ position:absolute; top:45px; left: 83px; animation: rota 80s linear infinite;}
@keyframes rota {
  100% {
    transform: rotate(360deg); } }
.box1_2_img2{ position:absolute; top:0; left: 0; }

.box2{width: 100%; height: 700px; background:url('../images/common/box2_bg.png') center center #e5e6d9 no-repeat; }
.box2_wrap{width: 1200px; height: 700px;  margin: 0 auto;  padding-top: 50px; }
.box2_title1{font-size: 35px; font-weight: 500; color: #444;  letter-spacing: -1px; text-align: center; }
.box2_title2{font-size: 18px; font-weight: 400; color: #686868;  letter-spacing: -1px; text-align: center; margin-bottom: 35px; }
.box2_all:after{display: block;content: "";clear: both;}
.box2_all>a{ display: inline-block; position: relative; width: 288px; height: 475px; float: left; margin-left:16px; box-sizing: border-box;}
.box2_all>a:first-child{margin: 0; }
.box2_1_ov{position: absolute; right: 0; bottom: 0; width: 270px; height: 455px; border: 4px solid #03a761; opacity: 0; transition: all 0.3s;}
.box2_text{position: absolute; bottom:0; right:0; width: 288px; height: 410px; background: #fff; }
.box2_1_img{position:absolute; top: 0; left: 0; width: 260px; height: 280px;overflow:hidden; box-shadow: 5px 5px 10px #999; }
.box2_1_img_over{position: absolute; width: 260px; height: 280px; background:url('../images/common/box2_more.png') rgba(0,0,0,0.5) center center no-repeat;  opacity: 0; transition: all 0.3s; }
.box2_text_all{position:absolute; bottom: 0; width: 288px; height: 195px; padding: 35px 0 0 40px;  }
.box2_text_t{font-size: 23px; font-weight: 500; color: #333; }
.box2_text_line{width: 30px; height: 1px; background: #333; margin:10px 0; }
.box2_con{font-size: 14px; font-weight: 400; color: #4c4c4c; letter-spacing: -1px; line-height: 20px; }
.box2_1:hover .box2_1_ov{opacity: 1; }
.box2_1:hover .box2_1_img_over{opacity: 1; }

.box3{width:100%; height:722px;  }
.box3_bg{width: 100%; height: 440px; background-image:url('../images/common/box3_bg.jpg'); background-repeat: no-repeat; background-position:center center; background-size: cover; }
.box3_wrap{width: 1200px; height: 722px; margin: 0 auto; padding-top: 30px; }
.box3_title{font-size: 50px; font-weight: 500; color: #fff;  letter-spacing: -1px; text-align: center; }
.box3_text{font-size: 18px; font-weight: 400; color: #fff;  letter-spacing: -1px; text-align: center; margin: 10px 0 40px 0}
.notice_wrap{width:1200px; height: 415px; background: #fff;  padding: 60px 100px 0 100px; }
.box3_more{display: inline-block; width: 200px; height: 60px; border: 1px solid #353535; font-size: 14px; font-weight: 400; color: #333; line-height: 60px; padding-left: 35px;  background: url('../images/common/box3_more.png') 140px 23px no-repeat; margin-left: 500px; transition:all 0.3s; }
.box3_more:hover{background: url('../images/common/box3_more_ov.png') #333  140px 23px no-repeat; color: #fff; text-decoration: none; }


.news_con{display: inline-block; position:relative; width: 100%; height:80px; border-bottom: 1px solid #ccc;  transition: all 0.4s; }
.news_more{display: inline-block; width: 45px; height: 45px; border: 2px solid #ccc; position: absolute; bottom:17px; right: 0; font-size: 20px; color: #cccccc; font-weight: 900; text-align:center; line-height: 45px; transition: all 0.4s;}
.news_con:after{display: block;content: "";clear: both;}
.news_con>div{float: left;}
.news_day{font-weight: 400; color: #989898; font-size: 15px; text-align:center; line-height: 2em; padding:13px 0 0 15px;}
.news_day>p{ font-size:40px; transition: all 0.4s;}
.news_text{width: 80%; font-family: "Noto Sans KR", sans-serif; font-weight: 300; color: #616161; font-size: 20px; margin-left:10px; padding-left:15px;  }
.news_text>p{ color: #000; font-size: 17px; padding-top: 25px; }
.news_text span{ font-weight: 400; color:#353535; font-size: 16px; letter-spacing: -0.8px;}
.news_text span:hover{text-decoration: none;  color: #959595;}
.news_con:first-child{border-bottom: 1px solid #03a761; }
.news_con:first-child .news_day1{color: #03a761; }
.news_con:first-child .news_more{ border: 2px solid #03a761; color: #fff; background:#03a761;  }
.news_con:hover { border-bottom: 1px solid #03a761;}
.news_con:hover .news_day1{color: #03a761; }
.news_con:hover .news_more{ border: 2px solid #03a761; color: #fff; background:#03a761;  }
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1200px;height:275px}
.sub_top_line{width:45px; height: 3px; background: #fff; margin: 0 auto; }
.sub_top_area{position:relative;width:1200px;margin:0 auto;padding-top:110px;font-size: 18px; font-family: "Noto Sans KR", sans-serif; font-weight: 300;color:#fff;text-align: center; text-shadow: 2px 2px 2px #202020;}
.sub_top_area_t{font-size:45px;font-family: "Noto Sans KR", sans-serif; font-weight: 500; text-shadow: 2px 2px 7px #202020; }


.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;padding:0 0 30px 0; border-bottom: 1px solid #e4e4e4; margin-bottom: 80px;}
.title_line{width: 25px; height: 6px; background: #03a761; margin:50px auto 5px auto; }
.sub_title{font-family: "Noto Sans KR", sans-serif; font-weight: 400; color:#353535;font-size:35px;padding-bottom:48px;padding-left:70px;padding-right:70px; letter-spacing:-2px;}
/* .sub_top_title{color:#FFF;font-size:72px;font-family: 'NotoSans-Medium', sans-serif; letter-spacing: -3px;} */
.sub_menu{text-align: center; background:#fff;padding: 0px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.list-group{margin-bottom: 0;}
.list-group a.menubox:first-child{background:none;padding-left:0;}
.list-group a.menubox{padding:20px;font-size:18px;color:#000;text-decoration:none;letter-spacing: -0.5px;background: url('../images/sub/submenu_blet.jpg') 0 50% no-repeat;}
.list-group a.active{color:#14a2c4;font-family: "NotoSans-Medium", sans-serif}
.list-group a.menubox:hover{color:#14a2c4}
.contents{min-height:450px;padding-bottom:50px}
.list-group a:last-child{margin-right:0;}
/*서브메뉴*/
.sub_home {width: 80px; height: 60px; line-height: 60px; float: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden;}
.sub_dep{min-width: 250px; height: 60px; float: left; background: url('../images/common/sub_menu_btn.png') no-repeat 90% 47%; border-right: 1px solid #ccc;}
.sub_dep_t {line-height: 60px;}
.sub_dep_t2{; background: url('../images/common/sub_menu_btn2.png') #fff no-repeat 90% 47%; }
.sub_dep_t a { font-size: 16px; color: #353535; text-decoration: none; display: block;  text-align: left; padding-left: 30px}
.sub_dep_t2>a{color: #03a761;}
.sub_dep ul li a:hover {color: #1a0700;}
.sub_dep ul li a.active {color: #1a0700;font-family: "NotoSans-Medium", sans-serif;}
.sub_dep ul { position:relative; z-index: 999; margin-top: 1px; border: 1px solid #CCC; border-top:none;}
.sub_dep ul li { background: #fff; text-align: left; padding:15px 30px;
border-bottom: 1px solid #CCC; }
.sub_dep ul li a { display: block; text-decoration: none; color: #666;}

.nav_cont{position: absolute; top:0; right: 100px;width: 250px; height: 100px; line-height: 100px;}
.nav_cont li{ display: inline-block;}
.nav_cont li a{ padding:0 10px; text-decoration: none; font-family: 'NotoSans-Regular', sans-serif; color:#303030; }

.select_link{position: relative;border: 1px solid #333;width:100px;border-radius: 26px;color: #333;font-weight: 900;font-size: 13px;}
.select_link_default{position:relative;text-align: left;width: 100%;}
.select_link_default .selected{display:inline-block;padding-left:32px;line-height:26px;background: url('../images/common/icn_lang.png') no-repeat 8px 50%;}
.select_link_default .arrow{position:absolute;top:12px;right:12px; display:inline-block;font-size: 0px;color: transparent;width: 7px;height:4px;background: url('../images/common/sel_arrow.png') no-repeat 0 0;transition: transform .4s;}
.select_link .select_list{display:none;position: absolute;top:30px;width: 100%;/*border: 1px solid #fff;*/box-sizing: border-box;background-color: rgba(0,0,0,.7); z-index: 10000;}
.select_link.on .select_list{display: block;}
.select_list > li > a{display: block;padding: 5px 0 5px 8px; font-family: 'NotoSans-Regular', sans-serif; color: #fff; text-decoration: none; cursor:pointer;}

#select_lang{position: absolute;top:50%;right:0;margin-top: -14px;}
#select_lang button { overflow: visible; border: 0 none; background: transparent; cursor: pointer; apperance: 0; -webkit-tap-highlight-color: transparent; }

.greetings_box1{width: 100%; height: 300px; background: #f1f1f1; }
.greetings_wrap{width: 1200px; height: 300px; margin: 0 auto;   background:url('../images/sub/greetings_img1.png') 852px bottom no-repeat;}
.greetings_title{font-size: 33px; color: #03a761; font-weight: 300; letter-spacing: -0.8px; line-height: 40px; padding-top: 115px; }
.greetings_title>span{font-weight: 700;}
.greetings_all{width: 1200px; height: auto; font-size: 17px; color: #525252; font-weight: 300; letter-spacing: -0.8px; line-height: 40px; margin: 0 auto; text-align: center; padding: 100px 0; }
.greetings_all>span{ font-weight: 500;  }
.greetings_text1{font-size:25px; color: #03a761; font-weight: 700;}
.greetings_text2{font-size:18px; color: #3c3c3c; font-weight: 700; margin-top:80px; }
.greetings_img{width:1920px; height: 348px; margin: 0 auto; }


.history_wrap:after{display: block;content: "";clear: both;}
.history_title{width: 295px; height: auto; float: left; font-size:35px; color: #222222; font-weight: 700; letter-spacing: -1.5px; }
.history{width: 905px; height: auto; float: left;  }
.history>li{margin-bottom: 25px; }
.history_title>span{color: #03a761;  }
.history_title>p{  font-size:15px; color: #888; font-weight: 400; }

.history_y{position:relative; display: inline-block; width: 130px; height: 45px; background:#03a761; font-size:25px; color: #fff; font-weight: 400; text-align: center; line-height: 45px; border-radius: 90px; }
.history_y::before{position: absolute; top:17px; right: -5px; width: 11px; height: 11px;  border-radius: 50%; background:#03a761; border: 2px solid #fff; content: ""; }
.history_con{width: 630px; position:relative; top: -5px; left: 145px; display: inline-block; font-size:15px; color: #444; font-weight: 400;  letter-spacing: -1px; }
.history_con::before{position: absolute; top:10px; left: -138px; width: 130px; height: 1px; background: #ccc; content: "";}

.history_con2{width: 630px; position:relative; top: 16px; left: 145px; display: inline-block; font-size:15px; color: #444; font-weight: 400; letter-spacing: -1px; }
.history_con2::before{position: absolute; top:10px; left: -138px; width: 130px; height: 1px; background: #ccc; content: "";}

.about_wrap{width: 100%;  background: #f0f3f7; }
.about_all{width: 1200px; height: auto; margin: 0 auto;  padding-top: 60px; }
.title_all{font-size:24px; font-weight: 400; color: #353535;  background:url('../images/sub/title_bg.png') 0 center no-repeat;  padding-left: 25px; }
.text_all{  font-size:16px; color: #888; font-weight: 400;  letter-spacing: -0.5px; word-break: keep-all; line-height: 30px;  }
.text_all>span{font-weight: 700;  }
.about_img{width:1920px; height: 450px; margin: 0 auto; }

.organizationchart_t{width: 100%; border-top: 3px solid #03a761; margin-bottom: 30px; }
.organizationchart_t th{ border: 1px solid #ccc; padding:25px 15px; background:#fafafa; text-align: center; font-size: 16px; }
.organizationchart_t td{ border: 1px solid #ccc; padding:25px 15px; font-size: 16px;}
.organizationchart_img1{ background:url('../images/sub/staff_img1.jpg?v=20240514') center center no-repeat;}
.organizationchart_img2{ background:url('../images/sub/staff_img2.jpg?v=20240514') center center no-repeat; }
.organizationchart_img3{ background:url('../images/sub/staff_img3.jpg?v=20240514') center center no-repeat; }
.organizationchart_img4{ background:url('../images/sub/staff_img4.jpg?v=20240514') center center no-repeat; }
.organizationchart_img5{ background:url('../images/sub/staff_img5.jpg?v=20240514') center center no-repeat; }
.organizationchart_img6{ background:url('../images/sub/staff_img6.jpg?v=20240514') center center no-repeat; }
.organizationchart_img7{ background:url('../images/sub/staff_img7.jpg?v=20240514') center center no-repeat; }
.organizationchart_img8{ background:url('../images/sub/staff_img8.jpg?v=20240514') center center no-repeat; }
.organizationchart_img9{ background:url('../images/sub/staff_img9.jpg?v=20240514') center center no-repeat; }
.organizationchart_img10{ background:url('../images/sub/staff_img10.jpg?v=20240514') center center no-repeat; }
.organizationchart_img10_1{ background:url('../images/sub/staff_img10_1.jpg?v=20240514') center center no-repeat; }
.organizationchart_img11{ background:url('../images/sub/staff_img11.jpg?v=20240514') center center no-repeat; }
.organizationchart_img12{ background:url('../images/sub/staff_img12.jpg?v=20240514') center center no-repeat; }
.organizationchart_img13{ background:url('../images/sub/staff_img13.jpg?v=20240514') center center no-repeat; }
.organizationchart_img14{ background:url('../images/sub/staff_img14.jpg?v=20240514') center center no-repeat; }
.organizationchart_img15{ background:url('../images/sub/staff_img15.jpg?v=20240514') center center no-repeat; }
.organizationchart_img16{ background:url('../images/sub/staff_img16.jpg?v=20240514') center center no-repeat; }
.organizationchart_img17{ background:url('../images/sub/staff_img17.jpg?v=20240514') center center no-repeat; }

.location_table{width:100%; border-top:3px solid #03a761; margin-bottom: 30px; }
.location_table th{ border: 1px solid #ccc; padding:15px; background:#fafafa; text-align: center; font-size: 16px; }
.location_table td{ border: 1px solid #ccc; padding:15px; font-size: 16px; text-align: center; }

.outline_title{font-size:17px; color: #444; font-weight: 400; letter-spacing: -0.5px; }
.outline_title>span{position: relative; bottom:3px; display: inline-block; width: 7px; height: 7px; background:#03a761; margin-right: 7px;  }
.outline_img{ margin: 50px 0; }
.outline_wrap:after{display: block;content: "";clear: both;}
.outline_wrap>div{position: relative; float: left; width:380px; height: 330px;  border: 1px solid #ccc; margin-left: 30px; padding: 20px; }
.outline_wrap>div:first-child{ margin: 0; }
.outline_t{position: absolute; bottom:10px; left: 10px; width:95%; background: #878787; font-size:15px; color: #fff; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 7px 0; }

.outline_wrap2{ margin-top: 30px;}
.outline_wrap2:after{display: block;content: "";clear: both;}
.outline_wrap2>div{position: relative; float: left; width:380px; height:490px;  border: 1px solid #ccc; margin-left: 30px; padding: 20px; }
.outline_wrap2>div:first-child{ margin: 0; }
.outline_t{position: absolute; bottom:10px; left: 10px; width:95%; background: #878787; font-size:15px; color: #fff; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 7px 0; }

.business_table{width: 100%; margin: 15px 0 30px 0; }
.business_table th{ border: 1px solid #ccc; padding:15px; background:#fafafa; text-align: center; font-size: 16px; }
.business_table td{ border: 1px solid #ccc; padding:15px; font-size: 16px;}

.business_img:after{display: block;content: "";clear: both;}
.business_img>div{ float: left; border: 1px solid #ccc; margin-left: 8px; overflow: hidden; box-sizing: border-box; }
.business_img>div:first-child{margin: 0; }

.company_wrap{margin-top: 30px; }
.company_wrap:after{display: block;content: "";clear: both;}
.company_wrap>div{ float: left; width: 228px; height: 228px; margin-left: 15px;  border:1px solid #ccc; }
.company_wrap>div:first-child{margin: 0; }

.title_all2{ font-size: 18px; font-weight: 400; color: #353535; padding-left: 23px;}

.outline_wrap3{ margin-top: 30px;}
.outline_wrap3:after{display: block;content: "";clear: both;}
.outline_wrap3>div{position: relative; float: left; width:380px; height:300px;  border: 1px solid #ccc; margin-left: 30px; padding: 30px; }
.outline_wrap3>div:first-child{ margin: 0; }

.method_wrap:after{display: block;content: "";clear: both;}
.method_wrap>div{ float: left; width:380px; height: 200px; margin-left: 30px;  border:1px solid #ccc; padding: 25px; }
.method_wrap>div:first-child{margin: 0; }
.method_title1{ width: 100%; font-size: 17px; font-weight: 400; color: #fff; text-align: center; background:#03a761;  padding: 10px 0; }
.method_title2{ width: 100%; font-size: 17px; font-weight: 400; color: #fff; text-align: center; background:#555;  padding: 10px 0; }
.method_title3{ width: 100%; font-size: 17px; font-weight: 400; color: #fff; text-align: center; background:#999;  padding: 10px 0; }
.method_title4{ width: 100%; font-size: 17px; font-weight: 400; color: #fff; text-align: center; background:#ffa800;  padding: 10px 0; }
.method_text{ font-size: 16px; font-weight: 400; color: #353535; margin-top: 15px;  padding-left: 30px; }
.method_text1{ font-size: 16px; font-weight: 400; color: #353535; margin-top: 15px; text-align: center;  }

.a_06{width: 100%; padding: 30px 60px; background: #f7fdff;  }

/* orga */
.orga {padding-top:80px; margin-top:80px; border-top:1px solid #eee; text-align: center;}
.orga h2 {margin:0 0 40px; font-family: "Noto Sans KR", sans-serif; font-weight: 400; color: #353535; font-size: 30px;}
.orga h2::before {content: ''; display: block; width: 25px; height: 3px; background: #03a761; margin: 0 auto 15px auto;}
.orga a {color:#aaa; font-weight: 300;}
.orga a:hover {color:#03a761;}
/* .orga table {width:49%;} */