@charset "UTF-8";

@media (max-width:960px){

html {font-size: 16px;}
.inr-c {margin-left: 5%; margin-right: 5%;}
.hide-m {display: none !important;}

.pr-mb0 {margin-bottom: 40px !important;}
.pr-mb1 {margin-bottom: 30px !important;}
.pr-mb2 {margin-bottom: 20px !important;}
.pr-mb3 {margin-bottom: 25px !important;}


/*버튼*/
.btn-bot {margin-top: 20px;}
.btn-pk {font-size: 12px; font-size: 0.75rem;}

.btn-line {padding-top: 20px;}
.mbtn_n2 {font-size: 0;}
.mbtn_n2 .btn-pk {width: 49%; margin-left: 2%;}
.mbtn_n2 .btn-pk:first-child {margin-left: 0;}



.btn-pk.b {min-width:100px; padding: 10px 35px; font-size: 15px; font-size: 0.9375rem;display:inline;}
.btn-pk.bb {min-width:160px; padding:12px 15px; font-size:16px;  font-size: 1rem;}
.btn-pk.n {min-width:50px; padding:10px 15px; font-size:12px; font-size: 0.75rem;}
.btn-pk.nb {min-width:100px; padding:12px 10px; font-size:14px; font-size: 0.875rem;}
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; }


.mt10 {margin-top: 5px !important;}


.fz-b1 {font-size: 13px;}
.mw100p {width: 100%;}
.mw50p {width: 50%;}
.pr-pt1 {padding-top: 40px !important;}
.pr-pb0 {padding-bottom: 50px !important;}


/*탭*/
.tab.ty1 {}
.tab.ty1 li a {padding: 10px; min-width:60px; font-size: 13px;}



/*IR 기법 아이콘 세트*/
.i-aft:after,
.i-set {background-size: 360px auto; background-image: url(../images/common/ico_common_m.png); background-size: 840px auto;}

.i-aft.i_m2_1 {padding-top: 65px;}
.i-aft.i_m2_1:after {left: 50%; top: 0; margin-left: -24px; width: 48px; height: 62px; background-position: -10px -10px;}
.i-aft.i_m2_2 {padding-top: 65px;}
.i-aft.i_m2_2:after {left: 50%; top: 0; margin-left: -25px; width: 50px; height: 62px; background-position: -77px -10px;}
.i-aft.i_m2_3 {padding-top: 65px;}
.i-aft.i_m2_3:after {left: 50%; top: 0; margin-left: -25px; width: 50px; height: 62px; background-position: -147px -10px;}
.i-aft.i_m2_4 {padding-top: 65px;}
.i-aft.i_m2_4:after {left: 50%; top: 0; margin-left: -25px; width: 59px; height: 62px; background-position: -217px -10px;}

.i-aft.i_prev {padding-left: 50px;}
.i-aft.i_prev:after {left: 0; top: 50%; margin-top: -12px; width: 12px; height: 24px; background-position: -10px -115px;}
.i-aft.i_next {padding-right: 50px;}
.i-aft.i_next:after {left: auto; right: 0; top: 50%; margin-top: -12px; width: 12px; height: 24px; background-position: -35px -115px;}


.i-set.i_home_w {width: 14px; height: 14px; background-position: -10px -83px;}
.i-set.i_home_b {width: 14px; height: 14px; background-position: -53px -83px;}

.i-set.i_arr1 {width: 7px; height: 14px; background-position: -34px -83px;}
.i-set.i_sch1 {width: 24px; height: 24px; background-position: -87px -83px;}

.i-set.i_disicon1 {width: 90px; height: 90px; background-position: -320px -10px;}
.i-set.i_disicon2 {width: 90px; height: 90px; background-position: -420px -10px;}
.i-set.i_disicon3 {width: 90px; height: 90px; background-position: -520px -10px;}
.i-set.i_disicon4 {width: 90px; height: 90px; background-position: -620px -10px;}
.i-set.i_disicon5 {width: 90px; height: 90px; background-position: -720px -10px;}


.i-set.i_sterilize1 {width: 100px; height: 100px; background-position: -290px -110px;}
.i-set.i_sterilize2 {width: 100px; height: 100px; background-position: -400px -110px;}
.i-set.i_sterilize3 {width: 100px; height: 100px; background-position: -510px -110px;}
.i-set.i_sterilize4 {width: 100px; height: 100px; background-position: -622px -110px;}
.i-set.i_sterilize5 {width: 100px; height: 100px; background-position: -732px -110px;}


#wrap {padding-top: 60px;}



/*header*/
#header {height: 60px; border-bottom-width: 1px;}
#header .inr-c {margin: 0;}
#header .rgh {display: none;}
#header .logo {display: block; float: none; width: auto; margin-left: 5%;}
#header .logo a {line-height: 60px;}
#header .logo a img {height: 30px; margin-top: 15px;}
#header .btn_gnb {display: block;}
.btn_gnb {
	z-index:1;
	position: absolute;
	right:0; top:0;
	width: 60px; height: 60px;
	cursor: pointer; font-size: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span {
	width: 22px;
	height: 2px;
	background-color: #1c1c1c;
}
.btn_gnb span:after,
.btn_gnb span:before {
	content: "";
	position: absolute; right: 0;
	width: 120%;
	height: 100%;
	background-color: #1c1c1c;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span:after {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
.btn_gnb span:before { -webkit-transform: translateY(7px); transform: translateY(7px);}

.btn_gnb.on span {background-color: #fff;}
.btn_gnb.on span:after {transform:rotate(45deg);}
.btn_gnb.on span:before {transform:rotate(-45deg);}



#header .gnbbox {z-index: 2; display: none; padding-right: 0; height: calc(100vh - 60px); overflow-y:auto; margin-left: 0; padding-top: 0; background-color: #52b767;}
#header .gnb {display: block;}
/*
.gnbbox .btn_gnb_close {position: absolute; right: 15px; top: 0; width: 35px; height: 35px; text-align: right; font-size: 0;}
.gnbbox .btn_gnb_close span {font-size: 0; width: 20px; height: 1px; background-color: #fff; transform:rotate(45deg)}
.gnbbox .btn_gnb_close span:after {content:""; position: absolute; left: 50%; top: 50%; width: 20px; margin-left: -10px; height: 1px; background-color: #fff; transform:rotate(90deg);}
*/
#header .gnb > ul > li {display: block; width: 100%; text-align: left;}
#header .gnb > ul > li > a {padding: 10px 15px; line-height: 30px;  font-size: 17px; font-size: 1.00625rem; font-weight: 500; color: #fff;}

#header .depth2 {position: static; padding: 0; min-height:auto;}
#header .depth2 ul {height: auto; border-left: 0; padding: 0; }
#header .depth2 li a {padding: 10px 20px; color: #fff;}
#header .depth2 li.on a {color: #000;} 

#header .gnb > ul > li.on .depth2 {display: block !important;}

#header .gnb > ul > li.on > a, #header .gnb > ul > li:hover > a {color: #000;}

#header.on {background-color: #52b767;}
#header.on .logo a {background: url(../images/common/logo_on.png) 0 center no-repeat; background-size: auto 30px;}
#header.on .logo a img {visibility: hidden;}
#header.on .btn_gnb span {background-color: #52b767;}
#header.on .btn_gnb span:after,
#header.on .btn_gnb span:before {background-color: #fff;}

#header .g_banner {display: block; position: static; margin-left: 15px; margin-top: 10px;}

#header.ovr:after {content:none;}


/*footer*/
#footer {padding: 20px 0 10px;}
#footer p span {display: inline-block; vertical-align: top; margin: 0 10px;}
#footer p.copy {margin-top: 10px;}
.foo_cont .inr-c {padding-bottom: 0;}
.foo_link {}
.foo_link .inr-c {padding-bottom: 5px; margin-bottom: 10px;}
.foo_link li a {font-size: 12px; padding: 10px 7px;}
.foo_cont {padding: 0 0 25px; text-align: center;}
.foo_cont .inr-c {padding-left: 0; padding-top: 20px; background: url(../images/common/logo_foo.png) center 0 no-repeat;  background-size: auto 30px;}
.foo_cont p {margin-bottom: 0; font-size: 12px;}
.foo_cont p.tel {font-size: 30px;}
.foo_cont .rgh {position: relative; top: 0; padding-right: 0; text-align: left; margin-bottom: 20px;}
.foo_cont .rgh p:nth-child(3) {position: absolute; right: 0; bottom: 15px; width: 155px;}
.foo_cont .rgh p:nth-child(4) {position: absolute; right: 0; bottom: 0; width: 155px;}
.foo_cont .lft img {margin-bottom: 10px; height: 35px;}
.footer p span {padding-left: 0;}
.footer p span:after {content:none;}


.scroll_top {display: none !important;}


/*컨텐츠*/
#container {min-height:500px;}


/*타이틀*/
.hd_tit1 {margin-bottom: 20px; font-size: 12px;}
.hd_tit1 .h {margin-bottom: 10px; font-size: 25px;}
.hd_tit1 .ts {font-size: 12px; margin-bottom: 10px;}



/*메인*/
.bxMain {height: auto;}
.bxMain .item .slider_img {height: 0; padding-bottom: 100%;}
.bxMain .item .slider_img > span {position: absolute; left: 0; top: 0;}
.bxMain .slider_txt {font-size: 13px; max-width:none; width: 90%; left: 5%; padding-left: 50px; padding-right: 50px; box-sizing:border-box;}
.bxMain .slider_txt .h1 {margin-bottom: 10px; font-size: 30px; }
.bxMain .slider_txt .t0 {font-size: 20px;}

.bxMain .owl-nav > div {width: 30px; height: 40px; background-size: 15px auto;}
.bxMain .owl-nav > div.owl-prev {left: 5%; background-position: 0 center;}
.bxMain .owl-nav > div.owl-next {right: 5%; background-position: right center;}
.bxMain .owl-dots {bottom: 15px;}


.area_main1, .area_main2, .area_main3, .area_main4, .area_main5, .area_main6 {padding: 50px 0;}

.area_main1 .hd_tit1 {text-align: center; margin-bottom: 30px;}
.area_main1 .hd_tit1 .h {color: #59585d;}

.area_main1 .tit {position: static; font-size: 13px; margin-bottom: 15px;}
.area_main1 .tit .t2 {font-size: 23px;}
.area_main1 .box {max-width:none;}
.area_main1 .box .txt {font-size: 12px; padding: 10px; width: 60%;}
.area_main1 .box .txt .h1 {font-size: 14px;}
.area_main1 .box.b1 {float: none; margin-top: 0; margin-bottom: 15px;}
.area_main1 .box.b2 {margin-bottom: 15px;}
.area_main1 .box.b3 {margin-right: 0;}


.area_main2 .list li {width: 50%;}
.area_main2 .list li .icon {padding-bottom: 20px;}
.area_main2 .list li .t1 {font-size: 14px; margin-bottom: 15px;}
.area_main2 .list li .t2 {font-size: 12px;}


.area_main3 .hd_tit1 {position: static; width: auto; text-align: left; margin-bottom: 30px;}
.area_main3 .slider {margin-right: 0; padding: 0 40px; text-align: center;}
.area_main3 .slider .slider_txt {font-size: 12px;}
.area_main3 .owl-carousel .owl-nav .owl-next {right: -40px; bottom: 50%; margin-bottom: -40px; width: 80px; height: 80px; background-size: 840px auto;}
.area_main3 .owl-carousel .owl-nav .owl-prev {right: auto; left: -40px; bottom: 50%; margin-bottom: -40px; width: 80px; height: 80px; background-size: 840px auto;}
.area_main3 .slider_pageing {right: 3px; bottom: auto; top: -50px; text-align: right; font-size: 13px;}
.area_main3 .slider_pageing span.n1 {font-size: 18px;}

.area_main4 {}
.lst_client li > div {height: 60px; line-height: 60px;}


.area_main5 {font-size: 12px;}
.area_main5 .btn-pk.b {width: 70%;}



.lst_notice1 li {width: 48%;}
.lst_notice1 li:last-child {display: none;}
.lst_notice1 .imgs {margin-bottom: 20px;}
.lst_notice1 .txt {margin-bottom: 20px;}
.lst_notice1 .txt .t {height: 40px; font-size: 14px; line-height: 20px;}
.lst_notice1 .txt .d {font-size: 11px;}









/*팝업*/
.layerPopup {left: 5%; width: 90%; margin-left: 0 !important;}
.layerPopup .p_head {padding: 0 0 20px; height: 16px;	}
.layerPopup .p_head .tit {font-size: 16px; font-size: 1rem;}
.layerPopup .popup .btn_close {width: 40px; height: 40px; right: -10px; top: -10px;}
.layerPopup .popup .btn_close > span {width: 20px;}
.layerPopup .popup .btn_close > span:after {width: 20px;}
.layerPopup .popup {width: 100%; padding: 20px; box-sizing:border-box;}
.layerPopup .mw100p {width: 100%;}



/*로케이션*/
#spot {margin-bottom: 50px;}
#spot .spot {height: 200px; font-size: 13px; font-size: 0.8125rem; line-height: 1.5;}
#spot .spot.s1 {background-image: url('../images/spot/spot1_m.jpg');}
#spot .spot.s2 {background-image: url('../images/spot/spot2_m.jpg');}
#spot .spot.s3 {background-image: url('../images/spot/spot3_m.jpg');}
#spot .spot.s4 {background-image: url('../images/spot/spot4_m.jpg');}
#spot .spot.s5 {background-image: url('../images/spot/spot5_m.jpg');}
#spot .spot.s6 {background-image: url('../images/spot/spot6_m.jpg');}
#spot .spot.s7 {background-image: url('../images/spot/spot7_m.jpg');}
#spot .title {margin-bottom: 5px; font-size: 20px; font-size: 1.25rem;}
.spot_txt {font-size: 12px;}
.spot_txt .tit {font-size: 25px; margin-top: 15px;}



.path {}
.path > ul {margin-left: 0; margin-right: 0; border-left: 0; display: flex;}
.path > ul > li {padding-right: 0; padding-left: 15px; line-height: 40px; width: 100%;}
.path > ul > li:first-child {width: 100px;}
.path > ul > li:last-child {border-right: 0;}
.path > ul > li span { font-size: 13px; font-size: 0.8125rem;}

.path > ul > li.current {width: 100%;}
.path > ul > li.current > a {width: 100%; padding: 0 15px; box-sizing:border-box;}


.path_depth2 {top: 40px;}
.path_depth2 li {line-height: 35px;}
.path_depth2 li a {padding:  0 15px;}


/**********서브컨텐츠**********/
.contents {padding-bottom: 50px; font-size: 12px;}


.hd_tit2 {margin-bottom: 25px;}
.hd_tit2 .h {font-size: 23px; padding-top: 15px;}
.hd_tit2 .h:after {width: 30px; margin-left: -15px;}

.hd_stit1 {font-size: 12px;}
.hd_stit1 .rgh {position: static; margin-bottom: 15px; margin-top: -5px;}
.hd_stit1 .rgh.ty2 {position: absolute; margin-bottom: 0; margin-top: 0;}
.stit1 {font-size: 17px; margin-bottom: 15px;}
.stit2 {font-size: 14px; margin-bottom: 7px;}



.area_business1 .h1 {font-size: 16px; margin-bottom: 15px;}
.area_business1 .h2 {font-size: 14px; margin-bottom: 20px;}
.area_business1 .img_st1 > div {width: 100%; font-size: 12px;}
.area_business1 .img_st1 > div.lft {float: none; margin-bottom: 40px;}
.area_business1 .img_st1 > div.rgh img {height: 30px;}


.tbl_basic th {padding: 5px 10px; font-size: 13px; height: 35px;}
.tbl_basic td {padding: 5px 10px; font-size: 12px; height: 35px;}
.tbl_basic col.th1 {width: 100px;}
.tbl_basic table.view th {padding: 10px; font-size: 13px;}
.tbl_basic table.view td {font-size: 12px;}

.tbl_basic table.view td {height: 25px;}
.tbl_basic table.view th {height: 25px;}

.tbl_basic2 col.th1 {width: 80px;}
.tbl_basic2 th {padding: 5px 0; font-size: 13px;}
.tbl_basic2 td {padding: 5px;}



.bg_gray1.pd {padding-top: 40px; padding-bottom: 40px;}

.area_business2 .txt2 {padding-left: 0;}
.area_business2 .txt {height: 150px; font-size: 12px; margin-left: -5%; width: 110%;}
.area_business2 .txt strong {font-size: 20px;}
.area_business2 .txt p {padding: 10px;}

.area_business2 .txt2 .tit {z-index: 1; left: -1px; top: -20px; width: auto; padding: 10px 15px; line-height: 30px; font-size: 16px;}
.area_business2 .txt2 .list {padding-top: 60px;}
.area_business2 .txt2 .list li {padding-left: 20px; margin-top: 20px;}
.area_business2 .txt2 .list li:after {width: 5px; height: 5px; border-width: 4px; left: -7px;}
.area_business2 .txt2 .list li .h {font-size: 16px;}
.area_business2 .txt2 .list li .t {margin-left: 50px; font-size: 12px;}
.area_business2 .txt2 .list ul:after {height: 48px;}


.area_map {height: 300px;}
.area_map .map {height: 300px; background-color: #eee;}
.area_map .maptx {left: 10px; top: 10px; padding: 10px; font-size: 12px;}


.area_vision1 .img_st1 {display: block; padding-top: 20px;}
.area_vision1 .img_st1 > div {display: block; font-size: 12px;}
.area_vision1 .img_st1 > div.lft p {margin-bottom: 15px;}
.area_vision1 .img_st1 > div.lft {margin-bottom: 20px;}
.area_vision1 .img_st1 > div.rgh p {margin-top: 20px;}


.area_organization1 a {}
.area_organization1 a.or1 {top: 4.5%; left: 5.5%; width: 26%; height: 4%;}
.area_organization1 a.or2 {top: 10.5%; left: 5.5%; width: 26%; height: 4%;}
.area_organization1 a.or3 {top: 17%; left: 0%; width: 11%; height: 4.5%;}
.area_organization1 a.or4 {top: 42.5%; left: 8%; width: 11%; height: 4.5%;}
.area_organization1 a.or5 {top: 63%; left: 0%; width: 11%; height: 4.5%;}
.area_organization1 a.or6 {top: 11%; left: 87.5%; width: 11%; height: 4.5%;}
.area_organization1 a.or7 {top: 26%; left: 89%; width: 11%; height: 4.5%;}
.area_organization1 a.or8 {top: 42%; left: 90%; width: 11%; height: 4.5%;}
.area_organization1 a.or9 {top: 64%; left: 80%; width: 11%; height: 4.5%;}


.container.sub1 .tab.ty1 li a {padding-left: 0; padding-right: 0; font-size: 12px;}

.area_sch {margin-bottom: 20px;}
.area_sch .col {display: flex;}
.area_sch .col > * {width: 100%;}
.area_sch .select1 {width: 100px; font-size: 13px; height: 40px; line-height: 40px;}
.area_sch input.inp_txt {width: 250px; font-size: 13px; height: 40px;}
.area_sch .btn {width: 50px;}


.tbl_gallery1 li {width: 48%; margin-bottom: 15px;}
.tbl_gallery1 .imgs {margin-bottom: 10px;}
.tbl_gallery1 .txt {font-size: 11px;}
.tbl_gallery1 .txt .h1 {font-size: 15px; margin-bottom: 5px;}


.bbs_view .tit .h1 {height: 80px; font-size: 17px;}
.bbs_view .tit .t1 {font-size: 12px; padding: 10px 10px 12px;}
.bbs_view .info {padding: 20px 0; font-size: 13px;}
.bbs_view .botm {padding: 10px 0;}
.bbs_view .botm .lft span, .bbs_view .botm .rgh span {font-size: 12px;}


.mbtn_ty1 {display: flex;}
.mbtn_ty1 a {flex:1;}


.area_terms {padding: 15px; font-size: 12px;}

.area_qna1 ul {font-size: 0;}
.area_qna1 li {font-size: 12px; width: 60%; height: 170px;}
.area_qna1 li:first-child {width: 40%;}
.area_qna1 li div img {height: 80px;}
.area_qna1 .t1 {padding-top: 15px; font-size: 12px;}
.area_qna1 .t2 {font-size: 16px;}


/*5.소독증명서*/
.box_info1 {padding: 15px 20px; font-size: 12px;}

.area_certinfo1 {padding: 25px 15px;}
.area_certinfo1 .inpus > * {margin-bottom: 10px;}
.area_certinfo1 .text {padding-top: 10px; font-size: 12px;}

.inp_btn {padding-right: 90px;}
.inp_btn .btn-pk { width: 85px;}


.area_calendar {}
.area_calendar .tit {font-size: 15px; margin-bottom: 18px;}
.area_calendar button.btn_prev {margin-left: -70px;}
.area_calendar button.btn_next {margin-left: 50px;}

.area_calendar thead {display: block;}
.area_calendar tr {display: block; border: 0;}
.area_calendar thead tr {display: flex;}
.area_calendar thead th {width: 100%;}
.area_calendar thead th:first-child {width: 50px;}
.area_calendar th {height: auto; display: block; font-weight: 400; font-size: 13px; line-height: 30px; border-left: 0; border-right: 0;}
.area_calendar td {position: relative; display: block; width: 100%; min-height:33px; border-left: 0; border-right: 0; height: auto; font-size: 12px; padding: 7px; box-sizing:border-box; border-top: 0; padding-left: 50px;}
.area_calendar td .num {position: absolute; left: 0; text-align: center; width: 40px;}
.area_calendar td .i-txt {font-size: 11px; line-height: 18px; width: 35px;}
.area_calendar td .b {padding-top: 0;}
.area_calendar td .b p {margin-top: 5px;}
.area_calendar td .b p:first-child {margin-top: 0;}



.tab.ty1 {margin-bottom: 20px;}

.lst_gallery1 {padding-bottom: 15px;}
.lst_gallery1 li {width: 32.33%; padding-top: 15px; margin-top: 15px;}
.lst_gallery1 li:nth-child(4),
.lst_gallery1 li:nth-child(5) {padding-top: 15px; margin-top: 15px;}
.lst_gallery1 li:nth-child(4):after {content:""; position: absolute; left: 0; top: -1px; width: 500%; height: 1px; background-color: #ddd;}


.tbl_basic col.w3 {width: 50%;}
.tbl_basic col.th1 {width: 80px;}
.tbl_basic col.th2 {width: 50px;}
.tbl_basic col.th3 {width: 100px;}
.tbl_basic col.th4 {width: 80px;}
.tbl_basic col.thet1 {width: 200px;}

div.inp_checkbox.end span {font-size: 13px;}


.tbl_mty1 {}
.tbl_mty1 colgroup {display: none;}
.tbl_mty1 tr {border: 0; display: block;}
.tbl_mty1 th {display: none;}
.tbl_mty1 tbody tr {border-bottom: 0;}
.tbl_mty1 td {display: flex; width: 100%; height: auto !important; padding: 10px; border-top: 0; box-sizing:border-box; align-items:center;}
.tbl_mty1 td:before {content: attr(data-th); width: 6.5em; display: inline-block; font-size: 13px; color: #000; float: left; position: relative; z-index: 1;}
.tbl_mty1 td:after {content:""; position: absolute; left: 0; top: 0; width: 6.5em; height: 100%; background-color: #f5f5f5;}



.lst_disin1 li {width: 48%;}
.lst_disin1 .t1 {font-size: 12px; height: 60px;}
.lst_disin1 .t1 > span {padding:  0 10px;}
.lst_disin1 .h1 {padding: 10px 0; font-size: 13px;}
.lst_disin1.ty2 .t1 {height: 40px;}

.box_lstst4 {}
.box_lstst4 > ul {width: 100%;}
.box_lstst4 > ul > li {width: 100%; margin-right: 0; font-size: 12px; }
.box_lstst4 .h1 {padding: 10px 10px; font-size: 14px;}
.box_lstst4 .txt {padding: 10px;}

.box_lstst4.n3 > ul > li {width: 100%;}


.mtbl_fix {overflow-x:auto;}
.mtbl_fix.fix2 {white-space:nowrap;}
.tbl_basic.mtbl_fix.fix2 table.list {table-layout:auto;}
.mtbl_ty2 table {table-layout:auto;}

.tbl_basic.small th, .tbl_basic.small td {font-size: 12px; padding: 5px 7px; height: 30px;}
.tbl_basic.small .inp_checkbox input + span {padding-left: 20px;}

.box_disicon1 ul {display: block;}
.box_disicon1 li {border: 0; padding: 7px 15px; display: table; width: 100%; box-sizing:border-box;}
.box_disicon1 li > div {display: table-cell; vertical-align: middle;}
.box_disicon1 li .icon {margin-bottom: 0; width: 90px;}
.box_disicon1 li .txt {text-align: left;}
.box_disicon1 li .h1 {font-size: 14px; margin: 0 0 5px;}


.box_forkicon1 {padding: 0 0 45px 0;}
.box_forkicon1 ul {display: block;}
.box_forkicon1 li {border: 0; padding: 7px 15px; display: table; width: 100%; box-sizing:border-box;}
.box_forkicon1 li > div {display: table-cell; vertical-align: middle;}
.box_forkicon1 li .icon {margin-bottom: 0;}
.box_forkicon1 li .icon::before,
.box_forkicon1 li .icon::after {height: 0;}
.box_forkicon1 li .txt {text-align: left;}
.box_forkicon1 li .h1 {font-size: 14px; margin: 0 0 5px;}


.t_info1 {padding: 10px; font-size: 12px;}
.t_info1 .h1 {font-size: 13px;}


.lst_prd1 li {width: 48%; margin-bottom: 2%;}
.lst_prd1 .txt {height: 60px;}
.lst_prd1 .txt .t1 {font-size: 11px;}
.lst_prd1 .txt .t2 {font-size: 13px;}
.lst_prd1 .txt .t3 {font-size: 13px;}

.lst_prd1.n5 li {width: 48%;}

.lst_prd2 li {width: 48%; margin-bottom: 2%;}
.lst_prd2 .txt {height: 60px;}
.lst_prd2 .txt .t1 {font-size: 11px;}
.lst_prd2 .txt .t3 {font-size: 13px;}



.tbl_et1 {padding: 40px 50px;}
.tbl_et1 .tbl {}
.tbl_et1 .tbl table {font-size: 12px;}
.tbl_et1 .tbl th {display: none;}
.tbl_et1 .tbl td {display: flex; width: 100%;  height: 50px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #52b767;}
.tbl_et1 .tbl td:before {content: attr(data-th); width: 40px; line-height: 50px; display: inline-block; font-size: 13px; color: #000; float: left; position: relative; z-index: 1; text-align: center; border-right: 1px solid #e0e0e0;}
.tbl_et1 .tbl td:first-child {border-left: 1px solid #52b767;}

.tbl_et1 .tbl .abs {padding: 0 0 0 0; margin-right: 35px; left: auto; right: 5%; z-index: 1;}
.tbl_et1 .tbl .abs  > div {height: 100%;}
.tbl_et1 .tbl .abs .h1 {float: left; width: 20px; height: auto; font-size: 12px; margin: 8px 5px; line-height: 1.4; width: 20px; height:90px; padding-top: 10px;}
.tbl_et1 .tbl .abs .line {float: left; margin: 13px 5px; width: 2px; height: 85%;}
.tbl_et1 .tbl .abs .t1 {float: left; width: 20px; position: absolute; margin-left: 0; right: -27px; line-height: 1.3;}

.tbl_et1 .tbl .abs.ty1 .line:before {transform:rotate(-90deg); right: -6px; top: -10px;}
.tbl_et1 .tbl .abs.ty1 .line:after {transform:rotate(-90deg); left: -6px; top: auto; bottom: -10px;}
.tbl_et1 .tbl .abs.ty1 .t1 {margin-left: 0;}
.tbl_et1 .tbl .abs.ty2 .line:before {transform:rotate(-90deg); right: -6px; top: -10px;}
.tbl_et1 .tbl .abs.ty2 .line:after {transform:rotate(-90deg); left: -6px; top: auto; bottom: -10px;}
.tbl_et1 .tbl .abs.ty3 {top: 0; left: -35px; width: calc(100% + 70px) !important;}
.tbl_et1 .tbl .abs.ty3 .h1 {margin: 5px; width: 20px; height: 175px; padding-top: 10px; font-size: 12px; line-height: 1.4;}
.tbl_et1 .tbl .abs.ty3 .linetx {position: absolute; right: 58px; top: 10px;  width: 20px; height: 100%;}
.tbl_et1 .tbl .abs.ty3 .line {position: absolute; right: 45px;}
.tbl_et1 .tbl .abs.ty3 .line:before {transform:rotate(-90deg); right: -6px; top: -10px;}
.tbl_et1 .tbl .abs.ty3 .line:after {transform:rotate(-90deg); left: -6px; top: auto; bottom: -10px;}

.tbl_et1 .tbl.ty2 .abs.ty3 .h1 {height: 125px;}
.tbl_et1 .tbl.ty2 {position: relative;}
.tbl_et1 .tbl.ty2 .abs.ty2 {margin-right: 5px;}
.tbl_et1 .tbl.ty2 .abs.ty2 .h1 {height: 110px;}
.tbl_et1 .tbl.ty2 tr.last {position: absolute; left: 0; top: 0; width: 100%;}
.tbl_et1 .tbl.ty2 tr.last .abs.ty2.a2:last-child .h1 {margin-top: -25px;}


.tbl_et1 .tbl .abs.a2 {width: auto; height: 100px;}
.tbl_et1 .tbl .abs.a2 .line {height: 75px;}
.tbl_et1 .tbl .abs.a3 {width: auto; height: 150px;}
.tbl_et1 .tbl .abs.a4 {width: auto; height: 200px;}
.tbl_et1 .tbl .abs.a7 {width: auto; height: 350px;}
.tbl_et1 .tbl .abs.a7 .line {height: 330px;}


.lst_certificate1 li {width: 48%; margin-bottom: 3%;}
.lst_certificate1 li p {font-size: 12px; padding: 10px 0;}


.box_lstst1 li p {height: 60px; font-size: 13px;}

.box_lstst2 > ul {width: 100%;}
.box_lstst2 > ul > li {width: 100%; margin-right: 0;}
.box_lstst2 .lst_dot1 {padding: 20px; min-height:auto;}
.box_lstst2 .h1 {font-size: 15px; line-height: 50px;}

.box_lstst2.n2 > ul > li {width: 100%;}
.box_lstst2.n2 li img {max-height:60px;}

.box_lstst3 {display: block; padding-bottom: 0;}
.box_lstst3 .col {margin-left: 0; padding: 20px;}
.box_lstst3 .col:first-child {margin-bottom: 20px;}
.box_lstst3 .h1 {font-size: 15px; margin-bottom: 10px;}
.box_lstst3 .col > .t1 {margin-bottom: 20px; height: auto; font-size: 12px;}
.box_lstst3 ul {margin-bottom: 0;}
.box_lstst3 li {height: 130px; font-size: 12px; padding: 15px;}
.box_lstst3 li .h2 {font-size: 14px; margin-bottom: 5px;}


.container.sub3 .box_lstst2.img .lst_dot1 .imgs {float: none; text-align: center; margin-bottom: 15px;}
.container.sub3 .box_lstst2.img .lst_dot1 ul {margin-left: 0;}


.lst_dot1 li {font-size: 12px;}


.tbl_basic.mtbl_fix.typ2 table {width: auto; min-width:100%;}
.tbl_basic.mtbl_fix.typ2 td {width: auto; white-space:nowrap;}


.lst_client.typ2 li {width: 23%;}
.lst_client.typ2 li > div {height: 45px; line-height: 45px;}
.lst_client li p {font-size: 12px; margin-top: 5px;}

.lst_certificate li {width: 31.33%;}
.lst_certificate li.long {width: 98%; margin-bottom: 2%;}


.box_lstst2.fixd > ul {display: block;}
.box_lstst2.fixd > ul > li {width: 98%;}
.box_lstst2.fixd > ul > li:first-child {margin-bottom: 20px;}
.box_lstst2.fixd > ul > li:first-child:after {
	width: 40px; height: 40px;
	background-size: 15px auto;
	right: 50%; top: auto;
	margin-top: -10px;
	margin-right: -20px;
	transform:rotate(90deg);
}

.box_dotted {display: block;}
.box_dotted p {width: 100%; margin: 5px 0; height: 50px; padding: 0; box-sizing:border-box; font-size: 14px;}
.box_dotted p br {display: none;}


.gray_box1 {display: block; padding: 20px;}
.gray_box1 .txt {margin-left: 0; margin-top: 10px;}

}