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

.subvisual_txt {position:absolute; z-index:99; width:100%; color:#FFF; display:flex;  height:333px; flex-direction:column; justify-content:center; align-items:center;} 
.subvisual_txt h3 {font-size:38px; color:#fff; line-height:120%; margin-top:0px;}

@media (max-width:1000px) {


#subvisual {height:250px;}
#subvisual .subvisual_img {height:300px;}
#subvisual .subvisual_img img {object-fit:cover; width:auto; height:100%;}

.subvisual_txt { height:250px; }
.subvisual_txt p {font-size:22px; line-height:120%;}
.subvisual_txt p span {font-size:32px; padding-left:35px; background:url(../img/star_icon.png) no-repeat 0;}
.subvisual_txt h3 {font-size:32px;}


}


@media (max-width:600px) {


#subvisual {height:150px;}
#subvisual .subvisual_img {height:200px;}
#subvisual .subvisual_img img {object-fit:cover; width:auto; height:100%;}

.subvisual_txt { height:150px; }
.subvisual_txt p {font-size:16px; line-height:120%;}
.subvisual_txt p span {font-size:26px; padding-left:35px; background:url(../img/star_icon.png) no-repeat 0;}
.subvisual_txt h3 {font-size:28px;margin-top:0;}


}

#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 {min-height:600px; width:100%; margin-top:0px; padding-top:45px; padding-bottom:156px;}
  div.article_wide{min-height:600px;   padding-left:0px; width:100%;  padding-top:33px;  }


/* 페이지경로 */
 div.page-navi { position:relative;  z-index:9; padding:0; border-bottom:1px solid #ececec; }
 div.page-navi ul.page-location {display:flex; height:70px; background:#FFF; position:relative; margin-top:0px; z-index:9; padding:0px 0;} 
 div.page-navi ul.page-location > li {position:relative; padding:0px 0; border-right:1px solid #ececec;}
 div.page-navi ul.page-location > li {font-size:20px; color:#222222; flex:1; max-width:250px;}
 div.page-navi ul.page-location > li > a {padding-left:30px; display:block; display:flex; height:70px; align-items:center; font-size:17px;}
 div.page-navi ul.page-location > li a.menu-btn {position:relative;}
 div.page-navi ul.page-location > li a.menu-btn i {position:absolute; right:20px; font-size:14px; top:25px;}

 div.page-navi ul.page-location li.home {max-width:85px;background:#f2f2f2; border-right:none;}
 div.page-navi ul.page-location li.home a {width:85px; height:70px; display:block; background:url(../img/loc_home2.png) no-repeat center center;}

/*
 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.page-location li.hover .hidden-menu {display:block;} 

.hidden-menu {position:absolute;  background:#f9f9f9; border:1px solid #e3e3e3;   z-index:999;  top:69px; left:-1px; width:100%; display:none; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden;box-shadow:9px 9px 13px rgba(0,0,0,0.05);}
.hidden-menu li {float:none; clear:both;  background:#fff; padding:0 !important; width:100%; border-bottom:1px solid #e3e3e3; }
.hidden-menu li a {display:block;  background:#fff; color:#808080;  font-size:17px; padding:15px 30px 15px 30px;  height:auto; line-height:auto;}
.hidden-menu li a:hover {background:#81c042; color:#fff;}
.hidden-menu li:last-child {border-bottom:none;}


.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:1000px) {/* 최소 ~ 최대 480  */
 
 div.page-navi ul.page-location {top:0; height:50px; padding:0px 0; margin-top:0;}
 div.article {padding-bottom:100px;}
 div.page-navi ul li {min-width:auto;}

 div.page-navi ul.page-location li.home {max-width:60px;}
 div.page-navi ul.page-location li.home a {width:60px; height:50px; }
 div.page-navi ul.page-location > li > a {padding-left:20px; height:50px; font-size:14px;}

 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:150px; font-size:14px;}
 div.page-navi ul li a i {position:absolute; right:10px; top:20px;}
div.page-navi ul.page-location > li a.menu-btn i {top:20px;}

.hidden-menu {top:50px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.hidden-menu li {}

.hidden-menu li  a {font-size:14px; padding:10px 20px 10px 20px;}
}


.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 {  margin:0 auto;  clear:both;  font-size:16px; color:#5e5e5e; padding:30px 0 40px 0; line-height:160%;}

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

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


.content-title {margin-top:60px;  display:block; margin-bottom:25px; position:relative;  font-size:24px; color:#333333; letter-spacing:-1px; background:url(../img/content-title-bullet.png) no-repeat 0 5px; padding-left:20px; font-weight:bold;} 
.content-title.first {margin-top:0px;}

.content-subtitle {margin-top:60px;  display:block; margin-bottom:25px; position:relative;  font-size:20px; color:#333333; letter-spacing:-1px; font-weight:bold;} 
.content-subtitle.first {margin-top:0px;}


.content-title.huwon {background:url(../img/content-title-bullet2.png) no-repeat; padding-left:40px;}

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


 @media (max-width:1000px) {

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

.content-title {font-size:18px; } 
.content-title2 {font-size:18px; } 

.content-title3 {font-size:18px; }
.content-title4 {font-size:18px; }
.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;}

.sky_box {background:#f2f6fa; padding:30px; border-radius:20px;}
.green_bg {background:#ebffea; padding:20px;}
.gray_bg {background:#f7f7f7; padding:30px; border-radius: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;}


ul.txtlist {clear:both;}
ul.txtlist li {color:#555555; font-size:18px; background:url(../img/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_title100 li {padding-left:100px; position:relative;}
ul.txtlist.is_title100 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;}

ol.txtlist {clear:both;}
ol.txtlist li {color:#555555; font-size:18px; background:url(../img/list-bullet2.png) no-repeat 0 14px; padding-left:10px; padding-bottom:5px; line-height:160%; letter-spacing:-1px;} 

 
 @media (max-width:700px) {

ul.txtlist li {font-size:14px; background-position:0 10px !important;}
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;}
 }


.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.txtlist2_sub {}
ul.txtlist2_sub li {margin-left:15px; background:none; margin-bottom:10px;} 
ul.txtlist2_sub li p {margin-left:10px;}
ul.txtlist2_sub li span {font-size:14px; color:#06b1e7; font-weight:normal; margin-bottom:10px;}

.imgcnt3 {margin-left:-6%; clear:both;}
.imgcnt3 li {float:left; width:27.3%; margin-left:6%; margin-bottom:6%; text-align:center; background:#f8f6f6;}
.imgcnt3 li .img {padding:15px 15px 5px 15px;}
.imgcnt3 li img {max-width:100%; }
.imgcnt3 li p {font-size:14px; color:#393939; padding:5px 0 15px 0; }


.imgcnt32 {margin-left:-4%; clear:both;}
.imgcnt32 li {float:left; width:29.3%; margin-left:4%; margin-bottom:4%;}
.imgcnt32 li img {max-width:100%; }
.imgcnt32 li p {font-size:14px; color:#666666; padding:5px 0 15px 0; }
.imgcnt32 li p span {display:inline-block; width:18px; height:18px; background:#2bc5d3; text-align:center; color:#FFF; line-height:18px;}

.imgcnt4 {margin-left:-1%; clear:both;}
.imgcnt4 li {float:left; width:24%; margin-left:1%; margin-bottom:1%;}
.imgcnt4 li img {max-width:100%; }
.imgcnt4 li p {font-size:14px; color:#666666; padding:5px 0 0px 0; } 


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%; border-top:3px solid #baa79d;}
.table01 table {width:100%;   border-collapse:collapse;}
.table01 th {border:1px solid rgba(0,0,0,0.1); background:#f7f7f7; padding:15px 15px; font-size:17px; color:#222; vertical-align:center; text-align:center; letter-spacing:-1px; border-left:none;}
.table01 td {border:1px solid rgba(0,0,0,0.1); background:#fff; padding:15px 15px; color:#555555; font-size:17px;  letter-spacing:-1px;   text-align:center; border-left:none;}
.table01 tr th:last-child {border-right:none;}
.table01 tr td:last-child {border-right:none;}

.table02 {width:100%; border-top:2px solid #475041;}
.table02 table {width:100%;   border-collapse:collapse;}
.table02 th {border:1px solid rgba(0,0,0,0.1); background:#f7f7f7; padding:16px 0px; font-size:18px; color:#000; text-align:center; border-left:none;}
.table02 td {border:1px solid rgba(0,0,0,0.1);  padding:16px 20px; color:#555555; font-size:18px; text-align:center; border-left:none;}
.table02 td.title {font-weight:bold; color:#000;}
.table02 td b {margin-left:10px;}
.table02 tr th:last-child {border-right:none;}
.table02 tr td:last-child {border-right:none;}


.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) {

.table01 {overflow-x:scroll; }
.table01 table {width:700px;}
.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;}
.table02 table {min-width:800px;}
.table02 th { font-size:14px; }
.table02 td { font-size:14px; }
.table02 td.title { font-size:14px; }

.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; }
 }


.page-title {}
.page-title h3 {font-size:45px; font-weight:900; color:#333333;}
.page-title h3 span {display:inline-block; background:url(../img/title_circle.png) no-repeat right top; padding-top:10px; padding-right:10px; line-height:120%;}
.page-title sub {font-family: 'Rubik'; color:#3a6ddd; font-size:15px;}


@media (max-width:1000px) {
   
.page-title h3 {font-size:38px; }  

}

@media (max-width:700px) {
   
.page-title h3 {font-size:30px; }  

}


.bubin_box {background:#fafafa; display:flex; padding:40px;}
.bubin_box .img {width:200px; text-align:center;}
.bubin_box .txt {width:calc(100% - 200px); font-size:20px; color:#666666; line-height:180%;}

.bubin_box2 {background:#ebfffe; text-align:center; padding:20px;}


@media (max-width:992px) {

.bubin_box {padding:30px; flex-wrap:wrap;}
.bubin_box .img {width:170px;}
.bubin_box .txt {font-size:18px; width:calc(100% - 170px);}

}

@media (max-width:500px) {

.bubin_box {padding:20px; flex-wrap:wrap;}
.bubin_box .img {width:100%; margin-bottom:10px;}
.bubin_box .img img {width:100px;}
.bubin_box .txt {font-size:16px; width:100%; padding-left:0px;}
.bubin_box .txt br {display:none;}
}


.greeting_box {display:flex; flex-wrap:wrap;}
.greeting_box .img {width:30%;}
.greeting_box .txt {width:70%;padding-left:40px;}
.greeting_box .txt .top_txt {font-size:30px; color:#4e3e37; letter-spacing:-1px; line-height:150%; margin-bottom:50px; font-weight:600;}
.greeting_box .txt p {font-size:18px; color:#777777; line-height:160%;}
.greeting_box .greeting_sign {margin-top:30px; text-align:right; font-size:18px; color:#333333;}


@media (max-width:992px) {

.greeting_box .txt .top_txt {font-size:20px; margin-bottom:20px;}
.greeting_box .txt .top_txt br {display:none; }
.greeting_box .txt p {font-size:16px;}

}

@media (max-width:500px) {

.greeting_box .img {width:100%; margin-bottom:20px;}
.greeting_box .img img {width:150px;}
.greeting_box .txt {width:100%;padding-left:0px;}
}


.history_box {background:url(../img/history_line.png) repeat-y center 0;}

.history_box .historyList li {position:relative;  left:calc(50% + 50px); width:calc(50% - 50px); margin-bottom:0px; background:#e5f7f7; padding:40px; border-radius:20px;}
.history_box .historyList li:before {position:absolute; left:-55px; top:50%; background:url(../img/history_bullet.png) no-repeat 0 0px; content:""; width:10px; height:10px; z-index:5;}
.history_box .historyList li:after {position:absolute; left:-50px; top:calc(50% + 4px); background:#d7d2f1; content:""; width:50px; height:1px; z-index:4;}
.history_box .historyList li h4 {font-family: "Rubik", sans-serif; font-size:30px; color:#333333; margin-bottom:10px; }
.history_box .historyList li p {position:relative; padding-left:70px; font-size:18px; color:#666666; margin-bottom:10px; left:-5px; letter-spacing:-1px;}
.history_box .historyList li p span {position:absolute; left:0; top:0;  padding-left:0px; font-weight:600;}

.history_box .historyList li:nth-child(even) {left:0; background:#f2f9eb;}
.history_box .historyList li:nth-child(even) h4 {text-align:right;}
.history_box .historyList li:nth-child(even) p {text-align:right; padding-right:70px; padding-left:0; left:auto; right:-5px;}
.history_box .historyList li:nth-child(even) p span {position:absolute; left:auto; right:0; top:0;  padding-left:0px; font-weight:600;}

.history_box .historyList li:nth-child(even):before {position:absolute; left:auto; right:-55px; top:50%; background:url(../img/history_bullet.png) no-repeat 0 0px; content:""; width:10px; height:10px; z-index:5;}
.history_box .historyList li:nth-child(even):after {position:absolute; left:auto; right:-50px; top:calc(50% + 4px); background:#d7d2f1; content:""; width:50px; height:1px; z-index:4;}


@media (max-width:992px) {
 
.history_box .historyList li h4 {font-size:18px;}
.history_box .historyList li p  {font-size:16px;}

}


@media (max-width:600px) {

.history_box {background:none;}

.history_box .historyList li {left:0; width:100%; margin-bottom:10px;}
.history_box .historyList li p {padding-left:60px;}
.history_box .historyList li p span {padding-left:0px;}
.history_box .historyList li:after {display:none;}
.history_box .historyList li:nth-child(even) h4 {text-align:left;}
.history_box .historyList li:nth-child(even) p {text-align:left; padding-left:60px; padding-right:0; left:auto; right:auto; left:-5px;}
.history_box .historyList li:nth-child(even) p span {left:0; right:auto; top:0; padding-left:0px; padding-right:0;}

}


#daumRoughmapContainer1730623675489 {width:100%;}
.location_info { background:url(../img/location_icon.png) no-repeat; margin-bottom:30px; padding-left:70px;}
.location_info ul {}
.location_info ul li {position:relative; padding-left:55px; font-size:18px; color:#666666; margin-bottom:5px;}
.location_info ul li span {position:absolute; left:0; top:0; font-size:18px; color:#222; font-weight:bold; }

.location_method {margin-top:30px;}
.location_method li {position:relative; min-height:60px; padding-left:80px; margin-bottom:15px; display:flex; font-size:18px; border-bottom:1px solid #e9e9e9; padding-top:15px; padding-bottom:20px;}
.location_method li:last-child {border-bottom:none;}
.location_method li span {width:70px; font-weight:bold;}
.location_method li p {width:calc(100% - 70px);}
.location_method li.car {background:url(../img/car_icon.png) no-repeat 0 0;}
.location_method li.bus {background:url(../img/bus_icon.png) no-repeat 0 0;}
.location_method li.subway {background:url(../img/subway_icon.png) no-repeat 0 0;}


@media (max-width:1000px) {

.location_info ul li {width:100%; font-size:16px;}
.location_info ul li span {font-size:16px;}
}


@media (max-width:600px) {

.location_info ul li { font-size:14px; padding-left:60px;}
.location_info ul li span {font-size:14px;}
.location_method li p {width:calc(100% - 60px);}
.location_method li span {width:60px;}
.location_method li {font-size:14px; padding-left:60px; background-size:50px !important;}
}


.business_box {display:flex; background:#fafafa; padding:30px 60px; align-items:center; border-radius:20px;}
.business_box .icon {width:107px; height:107px; border-radius:100%; box-shadow:7px 7px 9px rgba(0,0,0,0.03);}
.business_box .icon.icon01 {background:url(../img/business01_icon01.png) no-repeat;}
.business_box .icon.icon02 {background:url(../img/business01_icon02.png) no-repeat;}
.business_box .icon.icon03 {background:url(../img/business01_icon03.png) no-repeat;}
.business_box .icon.icon04 {background:url(../img/business01_icon04.png) no-repeat;}
.business_box .icon.icon05 {background:url(../img/business01_icon05.png) no-repeat;}
.business_box .icon.icon06 {background:url(../img/business01_icon06.png) no-repeat;}
.business_box .txt {width:calc(100% - 107px); padding-left:35px;}
.business_box .txt ul.txtlist li {font-size:20px; color:#666666;}


@media (max-width:992px) {

.business_box .txt ul.txtlist li {font-size:18px;}

}


@media (max-width:640px) {

.business_box {padding:30px;}
.business_box .icon {width:60px; height:60px; background-size:100% !important;}
.business_box .txt {width:calc(100% - 60px);}
}


@media (max-width:450px) {

.business_box {padding:25px;}
.business_box .icon {width:50px; height:50px; background-size:100% !important;}
.business_box .txt {width:calc(100% - 50px); padding-left:15px;}

.business_box .txt ul.txtlist li {font-size:15px;}
}


.business_table table {border-top:3px solid #83c03d; width:100%;}
.business_table table th {background:#f7f7f7; padding:15px 0; border:1px solid #e8e3e0; border-right:none;}
.business_table table th:first-child {border-left:none;}
.business_table table tbody td {padding:15px 10px; border:1px solid #e8e3e0; text-align:center; border-right:none; font-size:17px; color:#555555;}
.business_table table tbody td.title {border-left:none; font-weight:600;}
.business_table table tbody:nth-child(even) td {background:#fcfff7;}
.business_table table tbody:nth-child(even) td.title {background:#f2ffd7;}
.business_table table tbody:nth-child(odd) td {background:#f7fffe;}
.business_table table tbody:nth-child(odd) td.title {background:#d7fffc;}


@media (max-width:900px) {

.business_table {overflow-x:scroll;}
.business_table table {width:900px;}

.business_table table tbody th {font-size:15px;}
.business_table table tbody td {font-size:15px;}
}

.huwon_top {text-align:center;}
.huwon_top .txt {display:inline-block; background:url(../img/huwon_img01.png) no-repeat; font-size:27px; color:#4d3e37; font-weight:600px; letter-spacing:-1px; padding-left:95px; text-align:left; min-height:100px; line-height:150%;}

.huwon_box {background:#f3f7e0; padding:35px; border-radius:20px; font-size:20px; color:#555555; line-height:160%;}
.huwon_box .huwon_bank {background:url(../img/huwon_bank.png) no-repeat; padding-left:50px; min-height:37px;}
.huwon_box .huwon_bank strong {margin-right:10px;}

@media (max-width:992px) {

.huwon_top .txt {font-size:20px;}

}

@media (max-width:600px) {

.huwon_top .txt {font-size:18px;}
.huwon_top .txt br {display:none;}
.huwon_box {padding:25px; font-size:15px;}
}


.itemCategory {display:flex; flex-wrap:wrap; margin-bottom:50px;}
.itemCategory li {width:25%; }
.itemCategory li a {border:1px solid #eee; display:block; padding:10px; margin-top:-1px; border-right:none; text-align:Center;}
.itemCategory li:nth-child(4n) {border-right:1px solid #eee;}
.itemCategory li a.on {background:#81c042; color:#FFF;}
.itemCategory li:last-child {border-right:1px solid #eee;}


@media (max-width:800px) {

.itemCategory li {width:33.33333%; }
.itemCategory li:nth-child(4n) {border-right:none;}
.itemCategory li:nth-child(3n) {border-right:1px solid #eee;}

}

@media (max-width:600px) {

.itemCategory li a {font-size:14px;}

}


@media (max-width:450px) {

.itemCategory li {width:50%; }
.itemCategory li:nth-child(4n) {border-right:none;}
.itemCategory li:nth-child(3n) {border-right:none;}
.itemCategory li:nth-child(2n) {border-right:1px solid #eee;}
.itemCategory li:last-child {border-right:1px solid #eee;}
}


.itemList {display:flex; flex-wrap:wrap; margin-left:-3%;}
.itemList > li {width:47%; margin-left:3%; border:1px solid #d9d9d9; margin-bottom:3%;}
.itemList > li .it_name {background:#fafafa; border-bottom:1px solid #d9d9d9; padding:15px 40px; align-items:center;}
.itemList > li .it_name h3 {font-size:24px;}
.itemList > li .it_name p {font-size:14px; margin-left:0px; margin-top:5px;}
.itemList > li .it_info {padding:30px; display:flex; flex-wrap:wrap;}
.itemList > li .it_info .img {width:279px;}
.itemList > li .it_info .img img {border:1px solid #d9d9d9;}
.itemList > li .it_info .txt {width:calc(100% - 279px); padding-left:30px;}
.itemList > li .it_info .txt ul {}
.itemList > li .it_info .txt ul li {padding-left:75px; position:relative; letter-spacing:-0.5px;}
.itemList > li .it_info .txt ul li span {position:absolute; left:0; top:0; font-weight:bold; color:#000;}
.itemList > li .it_info .txt ul li.wide {padding-left:0;}
.itemList > li .it_info .it_icon {margin-top:20px;}
.itemList > li .it_info .it_icon span {display:inline-block; width:44px; height:44px;}
.itemList > li .it_info .it_icon span.ks_icon {background:url(../img/ks_icon.png) no-repeat;}
.itemList > li .it_info .it_icon span.k_icon {background:url(../img/k_icon.png) no-repeat;}
.itemList > li .it_info .it_icon span.energy_icon {background:url(../img/energy_icon.png) no-repeat;}
.itemList > li .it_info .it_icon span.envir_icon {background:url(../img/envir_icon.png) no-repeat;}

@media (max-width:1200px) {

.itemList {margin-left:0;}
.itemList > li {width:100%; margin-left:0; }

}

@media (max-width:640px) {

.itemList > li .it_info {padding:20px;}
.itemList > li .it_info .img {width:210px;}
.itemList > li .it_info .img img {max-width:100%; height:auto;}
.itemList > li .it_info .txt {width:calc(100% - 210px); padding-left:20px;}
}

@media (max-width:500px) {

.itemList > li .it_name {padding:15px 20px;}
.itemList > li .it_name h3 {font-size:20px;}
.itemList > li .it_info .img {width:100%; text-align:center;}
.itemList > li .it_info .txt {width:100%; padding-left:0; padding-top:10px;}

}


.effect_txt {font-size:24px; color:#666666; text-align:center; margin-bottom:40px; line-height:160%; letter-spacing:-1px;}

.method_box {background:#ebfffe; padding:40px 50px;}
.method_box p {text-align:center; font-size:20px; color:#666666; margin-bottom:40px; line-height:160%; letter-spacing:-1px;}
.method_box ul.txtlist {margin-top:40px;}


.item_box {display:flex; flex-wrap:wrap;}
.item_box .img {width:384px;}
.item_box .txt {width:calc(100% - 384px); padding-left:30px;}
.item_box .txt .imgWrap {border:1px solid #eee;}

.item_desc {font-size:18px; line-height:150%; margin-bottom:10px;}


@media (max-width:992px) {

.effect_txt {font-size:20px;}
.effect_txt br {display:none;}

.method_box p {font-size:18px;}


.item_box .img {width:30%;}
.item_box .txt {width:70%; padding-left:30px;}
.item_desc {font-size:16px;}
}


@media (max-width:550px) {

.method_box {padding:30px;}
.effect_txt {font-size:18px;}

.method_box p {font-size:15px;}

.item_box .img {width:100%; text-align:center;}
.item_box .img img {width:80%;}
.item_box .txt {width:100%; padding-left:0px;}

.item_desc {font-size:14px;}
}