
#subvisual {float:left; width:100%; text-align:center;  display:block; position:relative; overflow:hidden;  z-index:1; } 


.subvisual_txt {position:absolute; z-index:99; top:110px; width:100%; text-align:center; font-size:28px; color:#333333; line-height:1.4em; font-weight:bold; letter-spacing:-1px; background:url(../img/subvisual_title_line.png) no-repeat center bottom; padding-bottom:10px;}

@media (max-width:900px) {


#subvisual img {min-width:900px; max-width:100%;}
 
.subvisual_txt {top:40px; font-size:16px; }

}

@media (max-width:600px) {
  
.subvisual_txt {top:40px; font-size:16px; }
}


#m_subvisual {display:none;}

.sub_body {position:relative; padding-left:0px;}
.sub_body.wide {position:relative; padding-left:0;}
.item_wrap {background:#FFF !important;}
/* 컨텐츠 부분 */   

/* contents */ 


/* 페이지 내용 */
 
  div.article {float:left;  min-height:600px; width:100%; margin-top:0px; padding-top:33px; padding-bottom:156px;}
  div.article_wide{float:left;  min-height:600px;   padding-left:0px; width:100%;  padding-top:33px;  }


/* 페이지경로 */
 div.page-navi { position:relative; background:#fff; height:54px; z-index:9; padding:0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.in_title {text-align:center; margin-top:30px;}
.in_title h3 { font-size:24px; color:#333333;  font-weight:600; display:block; letter-spacing:-2px; padding-bottom:10px; background:url(../img/page_line.jpg) no-repeat center bottom;}

 div.page-navi ul{} 
 div.page-navi ul li{float:left;  color:#333333; min-width:200px; border-right:1px solid #e3e3e3;  margin-right:1px;   padding-left:18px; height:53px; line-height:54px; font-size:16px;  padding-right:0px;  letter-spacing:-1px; position:relative;}
 div.page-navi ul li.home {  background:none; min-width:64px; border-right:1px solid #e3e3e3; text-align:center; padding-left:0; font-size:20px; color:#333333;}
 div.page-navi ul li strong{ color:#000000; font-weight:normal;}
 div.page-navi ul li a {color:#333333; display:block; }
 div.page-navi ul li a i {position:absolute; right:10px; top:18px;}
 div.page-navi ul li:last-child a {padding-right:24px;}


div.page-navi ul li.hover .hidden-menu {display:block;} 

.hidden-menu {position:absolute;  background:#f9f9f9;     z-index:999;  top:53px; left:-1px; width:190px !important; display:none;}
.hidden-menu li {float:none; clear:both;  background:#fff; padding:0 !important; width:100%; border:none !important; height:45px !important; line-height:45px !important;}
.hidden-menu li  a {display:block;  background:#fff; color:#333333 !important; border:1px solid #e3e3e3; font-size:16px; padding:0px 20px 0px 20px !important; margin-top:-1px; height:auto; line-height:auto; }
.hidden-menu li  a:hover {background:#6f6f6f; color:#fff !important;}

.hidden-menu .depth3_menu {padding:0px 0; position:relative; margin-top:0; margin-left:0; background-size:#f9f9f9; }
.hidden-menu .depth3_menu li {background-size:#f9f9f9;}
.hidden-menu .depth3_menu li a {font-size:14px; padding:5px 18px; display:block;  letter-spacing:-1px; background-size:#f9f9f9 !important;; border-bottom:none !important;;}
.hidden-menu .depth3_menu li a.active {color:#158d44;}
 

 @media (max-width:900px) {/* 최소 ~ 최대 480  */
 
  div.article {padding-bottom:100px;}
   div.page-navi ul li {min-width:auto;}
 div.page-navi ul.page-location > li:nth-child(2) {min-width:110px; font-size:14px;}
 div.page-navi ul.page-location > li:nth-child(3) {min-width:160px; font-size:14px;}
 div.page-navi ul li a i {position:absolute; right:10px; top:20px;}
.hidden-menu {width:160px !important;}
.hidden-menu li {width:100% !important; }

.hidden-menu li  a {font-size:13px; }
}


.side_wrap {position:absolute; left:0; top:40px; width:240px; }
.sidemenu {margin-top:0px; }
.sidemenu h3 {font-size:22px; color:#fff;  letter-spacing:-2px; font-weight:bold; padding:25px 0 25px 0; background:#255eac; text-align:center; margin-bottom:15px;}

.sidemenu_list {margin-top:0px;   }
.sidemenu_list > li {border:1px solid #dfdfdf; padding:0px 0; margin-bottom:10px;}
.sidemenu_list > li > a {font-size:18px; color:#000000;  padding:12px 18px; display:block;  letter-spacing:-1px; }
.sidemenu_list > li > a.active {background:url(../img/submenu_on.png) no-repeat right center #dceefd; font-weight:bold; color:#255eac;}
.sidemenu_list > li a p {font-size:14px;}
.sidemenu_list .depth3_menu {padding:10px 0;}
.sidemenu_list .depth3_menu li {}
.sidemenu_list .depth3_menu li a {font-size:16px; padding:5px 18px; display:block;  letter-spacing:-1px; }
.sidemenu_list .depth3_menu li a.active {color:#158d44;}

 @media (max-width:1000px) {

.sub_body {position:relative; padding:0 0px;}
.side_wrap {display:none;}
div.article {width:100%; box-sizing:border-box; }
 
 }

 @media (max-width:700px) {

.side_wrap {display:none;}
div.article {width:100%; box-sizing:border-box; }

 }

#content-area { clear:both;  font-size:16px; color:#5e5e5e; padding:30px 0 40px 0; line-height:160%;  margin:0 auto;}

 
/* 내용 */
#content-area p {color:#333333; font-size:16px; line-height:160%; }  

.responsive_img img {max-width:100%;}
.text_center {text-align:center;}
.text-right {text-align:right;}


.content-title {margin-top:50px;  display:block; margin-bottom:20px; position:relative;   font-size:20px; color:#08a325; letter-spacing:-1px; background:url(../img/content-title_bullet.png) no-repeat 0 10px; padding-left:25px; padding-top:0px; font-weight:bold;} 
.content-title.first {margin-top:0px;}
.content-title.line {border-bottom:1px solid #e5e5e5;}
.content-title small {font-size:14px; color:#888888; position:absolute; right:0; top:0;}
.content-title small.inline {font-size:18px; color:#666666; position:relative; margin-left:10px;}
.content-p {font-size:18px; line-height:160%;}
.content-title-sub {background:url(../img/txt_list_bullet.png) no-repeat 6px 14px; padding-left:16px; font-size:16px; color:#333333; font-weight:bold;}

.content-title2 {margin-top:0px;  display:block; margin-bottom:25px; position:relative;  font-size:18px; color:#666666;   padding-top:0px; padding-left:130px;} 
.content-title2 span {position:absolute; left:0; top:0; font-size:20px; color:#08a325; letter-spacing:-1px; background:url(../img/content-title_bullet.png) no-repeat 0 10px; padding-left:25px; font-weight:bold;}


 @media (max-width:1000px) {

#content-area {padding:30px 20px;}

.content-title {font-size:18px;}
.content-title2 {font-size:16px; padding-left:100px;}
.content-title2 span {font-size:16px; }

.content-p {font-size:16px; line-height:160%;}
 }


.text-center {text-align:center;}
.bold_txt {font-weight:bold;}
.font-color-blue {color:#14799d;}
.font-color-black {color:#000;}
.blue_txt {color:#0041ad;}
.small_txt {font-size:14px;}
.green_txt {color:#038d00;}
.yellow_txt {color:#ff9101;}
.redtxt {color:#fe5151;}
.pinktxt {color:#df8786;}
.skyblue_txt {color:#24a8c9;}
.black_txt {color:#000;}

.font-16 {font-size:16px;}

.padding-30 {padding:20px 30px 30px 30px !important;}

.big_text {font-size:22px; color:#000000; font-weight:bold;}

.skyblue_bg {background:#f0fcff; padding:20px;}
.green_bg {background:#ebffea; padding:20px;}
.gray_bg {background:#f7f7f7; padding:20px;}

.btn_wrap {text-align:center;}
.btn_wrap a {display:inline-block; background:#faa73a; font-size:16px; color:#FFF; padding:12px 35px; border-radius:5px;}
 
a.hwp_file {background:url(../img/hwp_icon.png) no-repeat 0 2px; padding-left:24px; font-weight:bold; margin-left:10px;}

 
.page-tab {clear:both; width:100%;}
.page-tab ul {  float:left; width:100%;}
.page-tab ul li {float:left; width:24%; }
.page-tab ul li a {display:block; background:#fff; font-size:16px; color:#a3a3a3; text-align:center; padding:10px 0; margin-right:10px; position:relative; border:1px solid #e5e5e5;}
.page-tab ul li a.active {background:#ffffff; color:#666da8; font-weight:bold; border:1px solid #666da8; }

.page-tab.menucnt6 li {float:left; width:16.66666%;}
.page-tab.menucnt6 li a {letter-spacing:-1px;}
.page-tab.menucnt5 li {float:left; width:20%;}
.page-tab.menucnt4 li {float:left; width:25%;}

 @media (max-width:700px) {
.page-tab ul li a {font-size:13px; white-space:nowrap;}

.page-tab.menucnt6 li {float:left; width:33.33333%;}
.page-tab.menucnt6 li a {letter-spacing:-1px;}

 }


.imgWrap {clear:both; text-align:center; margin:0px 0 0px 0;}  
.imgWrap img {max-width:100%;}
.imgWrap .img_alt {background:#797b7e; font-size:16px; text-align:center; padding:15px; color:#fff; font-weight:bold;}


.imgBox {clear:both; padding:20px;}  
.imgWrap img {max-width:100%;}


@media (max-width:700px) {

.imgWrap .img_alt {font-size:14px; line-height:140%; font-weight:normal;}

}


ul.txtlist {clear:both;}
ul.txtlist li {color:#555555; font-size:18px; background:url(../img/txt_list_bullet.png) no-repeat 0 14px; padding-left:10px; padding-bottom:5px; line-height:160%; letter-spacing:-1px;} 
ul.txtlist li.notitle {background:none; padding-left:80px;}
ul.txtlist li strong {color:#333; margin-right:0px;}
ul.txtlist li span {color:#333; } 
ul.txtlist.is_title70 li {padding-left:70px; position:relative;}
ul.txtlist.is_title70 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}
ul.txtlist.is_title180 li {padding-left:180px; position:relative;}
ul.txtlist.is_title180 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}
ul.txtlist.is_title150 li {padding-left:150px; position:relative;}
ul.txtlist.is_title150 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}

 
 @media (max-width:700px) {

ul.txtlist li {font-size:14px;}
ul.txtlist.is_title100 li {padding-left:70px;}
ul.txtlist.is_title180 li {padding-left:140px;}
ul.txtlist.is_title150 li {padding-left:125px;}

.sky_box {padding:20px;}
 }


p.img_alt {font-size:14px; color:#393939; margin-top:15px;}

 
.img_box {text-align:center;}
.img_box img {max-width:100%;}

.table01 {width:100%; margin-top:40px;}
.table01 table {width:100%;   border-collapse:collapse;}
.table01 th {border:1px solid #cccccc;  background:#e3deea; padding:12px 20px; font-size:16px; color:#735c96; vertical-align:center; text-align:center;  font-weight:normal; letter-spacing:-1px; border-right:none;}
.table01 tr th:first-child {border-left:none;}
.table01 td {border:1px solid #cccccc; background:#fff; padding:12px 35px; color:#000000; font-size:16px;  letter-spacing:-1px; border-right:none;}
.table01 td.text-center { text-align:center;} 
.table01 tr td:first-child {border-left:none;}

.caption_right {position:absolute; right:0; top:0; font-size:16px; color:#777777; font-weight:normal; text-align:right;}
.table02 {width:100%;}
.table02 table {width:100%;   border-collapse:collapse;}
.table02 th { background:#08a325; padding:16px 0px; font-size:18px; color:#fff; text-align:center; border-bottom:1px solid #84d192; position:relative; width:14.28%;}
.table02 th .staff_view {color:#FFF;}
.table02 th .staff_div {position:absolute; background:#f6f6f6; border-radius:10px; width:100%; border:1px solid #777777; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,0.1); display:none; z-index:99; margin-top:10px;}
.table02 th .staff_div h3 {background:#777777; width:100%; padding:10px; text-align:center; color:#FFF; font-size:18px;}
.table02 th .staff_div ul {padding:10px 0;}
.table02 th .staff_div ul li { width:100%;  text-align:center; color:#000000; font-size:18px !important; display:block; line-height:1.8em;}
.table02 td {border-bottom:1px solid #08a325;  padding:16px 20px; color:#555555; font-size:18px; text-align:center; }
.table02 td.title {background:#99b5e0; color:#FFF; font-size:18px; width:110px;}
.table02 td b {margin-left:10px;}

.table03 {width:100%;}
.table03 table {width:100%;   border-collapse:collapse;}
.table03 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table03 td {border:1px solid rgba(0,0,0,0.1);  padding:16px 30px; color:#555555; font-size:18px; text-align:center; }
.table03 td.tel {text-align:right;}
.table03 td.work {text-align:left;}
.table03 tr.type1 td {background:#f5f5f5;}

.table04 {width:100%;}
.table04 table {width:100%;   border-collapse:collapse;}
.table04 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table04 td {border:1px solid rgba(0,0,0,0.1);  padding:13px 20px; color:#555555; font-size:18px; text-align:center; }


 @media (max-width:700px) {

 .caption_right {position:relative; text-align:left; padding:0; font-size:14px;}

.table01 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px; padding-bottom:30px;}
.table01 table {min-width:900px;}
.table01 th { font-size:14px; padding:10px;}
.table01 td { font-size:14px; padding:10px;}
.table01 td.title { font-size:14px; }


.table02 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px; padding-bottom:30px;}
.table02 table {min-width:800px;}
.table02 th { font-size:14px; }
.table02 td { font-size:14px; }
.table02 td.title { font-size:14px; }

.table02 th .staff_div h3 { font-size:14px; }
.table02 th .staff_div ul li { font-size:14px !important; }

.table03 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px;}
.table03 table {min-width:700px;}
.table03 th { font-size:14px; }
.table03 td { font-size:14px; }
.table03 td.title { font-size:14px; }

.table04 {}
.table04 table {}
.table04 th { font-size:14px; }
.table04 td { font-size:14px; letter-spacing:-1px;}
.table04 td.title { font-size:14px; }
 }


.txtbox {position:relative; min-height:86px; padding-left:106px;}
.txtbox .icon {position:absolute; left:0;}
.txtbox h2 {font-size:18px; color:#14799d; font-weight:normal;}
.txtbox h3 {background:url(../img/content-bullet2.png) no-repeat 0 10px; padding-left:15px; clear:both; display:block; line-height:150%;}

.greeting_top_txt {text-align:center; font-size:24px; color:#000000; padding-bottom:44px; border-bottom:1px solid #cccccc; letter-spacing:-1px; margin-bottom:50px; line-height:1.5em;}
.greeting_box {display:flex; flex-wrap:wrap;}
.greeting_box .greeting_img {width:30%; order:2; padding-left:34px;}
.greeting_box .greeting_txt {width:70%; order:1; box-sizing:border-box;  font-size:18px !important; color:#666666 !important; letter-spacing:-1.5px; line-height:2em !important;}
.greeting_box h3 {font-size:22px; color:#333333;  font-weight:bold; margin-bottom:25px; line-height:140%;  letter-spacing:-1px;} 
.greeting_box .greeting_sign {width:100%; font-size:18px; color:#555555; margin-top:20px; font-weight:normal; text-align:left;}


@media (max-width:700px) {
 
.greeting_top_txt {font-size:18px; text-align:left; line-height:1.8em;}
.greeting_top_txt br {display:none;}

.greeting_box .greeting_img {width:100%; padding-left:0;}
.greeting_box .greeting_txt {width:100%;  padding-top:30px; font-size:16px !important;}
}


.sisul_top_txt {text-align:center; font-size:20px; color:#000000; background:url(../img/sisul_bg.jpg) no-repeat center bottom; padding-bottom:50px; line-height:1.5em; letter-spacing:-1px;}
.sisul_top_txt b {color:#662fba; font-weight:normal;}
.sisul_table {border-top:1px solid #cccccc;}
.sisul_table table {border-collapse:collapse;}
.sisul_table table th {border-bottom:1px solid #cccccc; padding:38px; font-size:20px; color:#652ebb;}
.sisul_table table td {border-bottom:1px solid #cccccc; padding:38px; font-size:18px; color:#666666;}


@media (max-width:700px) {

.sisul_top_txt {font-size:18px; text-align:left;}
.sisul_top_txt br {display:none;}

.sisul_table table th { padding:10px; font-size:16px; width:100px;}
.sisul_table table td {padding:10px; font-size:14px;}
 
}


@media (max-width:480px) {

.sisul_top_txt {font-size:18px; text-align:left;}
.sisul_top_txt br {display:none;}

.sisul_table table th { display:block; padding:10px; font-size:16px; width:100%; background:#f9f9f9; }
.sisul_table table td {display:block;  padding:10px; font-size:14px;}
 
}


.history_box {position:relative; min-height:100px; padding-left:230px; background:url(../img/history_line02.png) repeat-y 232px 0; margin-top:20px;}
.history_box h3 {font-size:60px; color:#5cb867; font-family:"Times New Roman"; font-weight:normal; position:absolute; width:200px; left:0px; z-index:0;  top:calc(50% - 50px); letter-spacing:-2px;}
.history_box h3 span {font-family:"Times New Roman"; font-size:60px; color:#5cb867; display:block; text-align:right; letter-spacing:-2px;}
.history_box table {}
.history_box table th {font-size:18px; font-weight:bold; color:#333333; line-height:190%; padding-bottom:10px; width:150px; vertical-align:top; background:url(../img/history_bullet02.png) no-repeat 0 13px; padding-left:30px; padding-right:30px; text-align:right; letter-spacing:-1px;}
.history_box table td {font-size:18px; color:#666; line-height:190%; padding-bottom:10px;  vertical-align:top; letter-spacing:-1px;}
.history_line {margin:40px 0; border-bottom:1px solid #e5e5e5;}

@media (max-width:900px) { 
  
.history_bg {background:none; padding-left:0px;}
.history_box {padding-left:0; background:none;}
.history_box h3 {position:relative; left:0; font-size:24px; width:100%; background:none; margin-top:20px; margin-bottom:10px}
.history_box h3 br {display:none;}
.history_box h3 span {font-size:24px; text-align:left; display:inline-block;}
.history_box h3::after {display:none;}
.history_box table {background:#FFF;}
.history_box table th {font-size:14px; width:90px; padding-left:10px;}
.history_box table td {font-size:14px;}
 
}


#daumRoughmapContainer1697704257941 {width:100%;} 

.map_area_txt {font-size:18px; color:#666666; background:#f2f2f2; padding:15px 20px;}
.location_info { color:#FFF; padding:30px 30px 30px 88px; background:url(../img/map_marker.jpg) no-repeat #7a7a7a 35px 30px;}
.location_info p {font-size:18px !important; color:#FFF !important;}

@media (max-width:700px) { 
.location_info {padding:20px 20px 20px 60px; background-position:10px 20px;}
.location_info p {font-size:14px !important; }
}


.huwon_bg {background:url(../img/huwon_bg.jpg) no-repeat right bottom; padding-bottom:50%;}
.business_box {position:relative; padding-left:200px; margin-top:70px;}
.business_box .business_title {position:absolute; left:0; top:0; width:200px; padding:45px 30px; border-top:1px solid #662fba; font-size:22px; color:#662fba; font-weight:bold;}
.business_box .business_desc {border-top:1px solid #e4e4e4; padding:45px 0; font-size:18px; color:#666666; line-height:1.8em;}
.business_box.first {margin-top:0;}
.business_box.second {margin-top:30px;}

.business_box .business_desc h4 {margin-top:45px; color:#333333; font-size:20px; font-weight:bold; margin-bottom:15px;}


@media (max-width:900px) { 
.business_box {}
.business_box .business_title {font-size:18px; padding:30px;}
.business_box .business_desc {font-size:16px; padding:30px 0;}
}

@media (max-width:700px) {
.huwon_bg {background-size:100%;}
.business_box {padding-left:0;}
.business_box .business_title {position:relative; width:100%; padding:20px; background:#f9f9f9; font-size:18px;}
.business_box .business_desc {font-size:16px;}
}


.yedang_mask {display:flex; flex-wrap:wrap; margin-top:50px;}
.yedang_mask .img {width:310px;}
.yedang_mask .txt {width:calc(100% - 310px);}
.yedang_mask .txt dl {margin-bottom:45px;}
.yedang_mask .txt dl dt {font-size:18px; color:#000000;}
.yedang_mask .txt dl dd {letter-spacing:-1px;}
.yedang_mask .txt .imgWrap {text-align:left;}


@media (max-width:700px) {

.yedang_mask { margin-top:20px; }
.yedang_mask .img {width:100%; margin-bottom:20px;}
.yedang_mask .txt {width:100%;}
.yedang_mask .txt dl {margin-bottom:45px;}
.yedang_mask .txt dl dt {font-size:16px; color:#000000;}
.yedang_mask .txt dl dd {letter-spacing:-1px; font-size:14px;}
.yedang_mask .txt .imgWrap {text-align:left;}

}