@charset "utf-8";
/* 모바일용 CSS */
/* 서브상단 */
#sub_top_wrap {display:block; width: 100%; height:70px; position:relative;}
#sub_top_wrap h2 {display:none;}

.sub_t1_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t2_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t3_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t4_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t5_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t6_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t7_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}
.sub_t8_img {background:url('../images/main_img_01.jpg') no-repeat center top -50px; background-size:cover}


.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; overflow:visible; margin: 0 auto;  bottom:0;  border-top:1px solid #dddddd; border-bottom: 1px solid #ddd; position:relative; box-sizing:border-box;}
.sub_tabmenu_wrap {width:100%; overflow:visible;margin: 0 auto; height: 60px;}
.sub_tabmenu {width:100%; overflow:visible; position:static; }
.sub_tabmenu li.sub_home {display:none;}
.sub_tabmenu li.menu_list { overflow:visible; position:static; display:flex; justify-content:left; align-items:center; height:60px; background:url('../images/path_2depth_bg01.png') no-repeat 92% center;}
#firstpane {width:50%; float:left; z-index:420; }
#secondpane {width:50%; float:left; z-index:410; border-left:1px solid #e5e5e5; box-sizing:border-box; }
#thirdpane {width:100%; float:left; z-index:400; display:none;  border-top:1px solid #e5e5e5; }

.sub_tabmenu .on {display:block !important;}

.menu_head {
	cursor: pointer;
	position: relative;
	font-size:16px; text-transform:uppercase;
	text-align:left;
	color:#000;
	height:60px;
	line-height:60px;
	box-sizing:border-box;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	font-family: 'S-CoreDream-4Regular';

	}

#firstpane .menu_head {display:block; width:100%;  padding-left:16px; padding-right:30px; }
#secondpane .menu_head {display:block; width:100%;  padding-left:16px; padding-right:30px; color:#8fc31f;}

.menu_body {
	position:absolute;  z-index:1;
	width:50%;
	display:none;
	top:60px
}

.menu_body li{
	position: relative;
	display:block;
	background:#f8f8f8;
	text-decoration:none;
	font-size:15px;
	text-align:left;
	height:45px !important;
	line-height:45px !important;
	z-index:1;
}
#thirdpane .menu_body {width:100%;}

.menu_body li:first-child {margin-top:1px;}
.menu_body li a {display:block; width:100%; height:45px; line-height:45px; padding-left:15px; padding-right:10px; font-size:14px;
	font-weight:400; box-sizing:border-box; color:#444; 	overflow:hidden; white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; }
.menu_body li a span {display:none;}
#firstpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#secondpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#thirdpane .menu_body li {border-bottom:1px solid #e9e9e9;}

#firstpane .menu_body li:hover a, #firstpane .menu_body li:focus a{
  color: #fff; background:#444;
}
#secondpane .menu_body li:hover a, #secondpane .menu_body li:focus a{
  color: #fff; background:#8fc31f;
}

/* 서브내용 */
#sub_layout_wrap {padding:50px 0 90px 0; overflow:hidden; width:100%; }
#sub_con_wrap {width:100%; overflow:hidden;  }
#sub_con {width:90%; margin:0 auto; position:relative; font-size:15px; line-height:23px; font-family: 'Noto Sans KR'; font-weight:300; word-break:keep-all; color: #222;}
#sub_con h3 {font-size: 30px; letter-spacing: -1px; height: 40px; line-height: 40px; text-align:center; word-break:keep-all; width:90%; margin:0 auto; font-weight:normal; font-family: 'NEXON Lv1 Gothic OTF Bold'; margin-bottom:40px;}
#sub_con h3 span {}
#sub_con h4 {line-height:28px; font-size:20px; letter-spacing:-0.5px; padding-left:92px; margin-bottom:15px; position:relative; font-family:'S-CoreDream-3Light';}
#sub_con h4:before {position: absolute; content: ''; background: #f8a71a; height: 3px; width: 80px; left:0; top: 15px;}
#sub_con h5 {position: relative; line-height:24px; padding-left: 23px; font-size:18px; margin-bottom:15px; font-family:'S-CoreDream-3Light';}
#sub_con h5::before {position: absolute; content:''; top:4px; left:0; border:4px solid  #f8a71a; width:10px; height:10px; border-radius:50px; }
#sub_con h5 span{font-family: 'S-CoreDream-4Regular'; color:#8fc31f;}

/* 준비중 */
.ready_img {text-align:Center; background:#fff;}
.ready_img img {width:100%; max-width:592px;}


/* 사이트맵 */
.sitemap {width:100%; overflow:hidden; margin-top:20px}
.sitemap #copy2 {width:100%; overflow:hidden; margin:0 auto;}
.sitemap #copy2 > li {float: left; width:100%; overflow:hidden;  text-align:center; line-height:60px; margin-bottom: 45px; min-height:188px;}
.sitemap #copy2 > li > a {display:block; width:100%; height:50px; line-height:50px; font-family: 'S-CoreDream-4Regular'; color: #fff; background:#8fc31f; margin-bottom:0px; letter-spacing:-1px; border-radius:5px}
.sitemap #copy2 > li > ul { width:100%; overflow:hidden;}
.sitemap #copy2 > li > ul > li {float:left; display:block; width:100%; height:45px; line-height:45px; border-bottom:1px dotted #888;}
.sitemap #copy2 > li > ul > li > a {width:100%; font-size: 16px; font-family:'Noto Sans KR';  height:45px; line-height:45px; font-weight: normal; color: #434343; text-align:center;}
.sitemap #copy2 > li > ul > li > a:hover {color:#f0305d;}
.sitemap #copy2 > li > ul > li > a:first-child {padding-left:0;}

/* 이메일무단수집거부 */
.email {background:#fff url('../images/email.png') no-repeat center 70px; background-size:145px; text-align: center; margin:0 auto; margin-bottom:60px; font-size:17px; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:640px;}
.email .email_tit {padding-top:150px; font-size:24px; line-height:30px;  color:#8fc31f; letter-spacing:-0.5px; word-break:keep-all; font-weight: 500;}
.email .email_tit span {display:inline-block; font-family:inherit}


/* 통합검색 */
.srch_msg {line-height:24px; margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; font-size:17px}
.srch_msg span { font-family: 'NanumSquareB'; }
.srch_msg span.red {color:#eb3952;}
.srch_msg span.blue {color:#3e45d5;}

.srch_cate_wrap {border:1px solid #dadada; background:#f5f5f5; padding:20px;}
.srch_cate {width:100%; overflow:hidden; }
.srch_cate li {float:left; width:50%; height:30px; line-height:30px;}
.srch_cate li a {padding-left:12px; font-family:'Noto Sans KR'; font-size:15px; background:url('../images/list_01_bg.png') no-repeat left center}

.srch_result_wrap {width:100%; overflow:hidden; }
.srch_result {margin-top:20px; border-bottom:1px solid #dadada; padding-bottom:20px}
.srch_result a {display:block; width:100%; overflow:hidden;}
.srch_result_head  {width:100%; overflow:hidden; }
.srch_result_tit {float:left; width:70%; overflow:hidden; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:15px; }
.srch_result_tit span.rst_subject {display:inline-block; vertical-align:middle; font-family:'Noto Sans KR'; font-size:18px; font-weight:600; width:60%; height:40px; line-height:40px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:10px }
.srch_result_tit span.rst_date {color:#0072bc; display:inline-block; vertical-align:middle; font-family:'Noto Sans KR'; font-size:15px;  width:30%; height:40px; line-height:40px; margin-right:10px }
.srch_result_btn {float:right; width:80px; height:34px; line-height:34px; border:1px solid #dadada; text-align:center; font-family:'Noto Sans KR'; font-size:15px; margin-top:2px; transition-duration:0.5s}
.srch_result a:hover .srch_result_tit {color:#0072bc;}
.srch_result a:hover .srch_result_btn {border:1px solid #0072bc;  background:#0072bc; color:#fff;}
.srch_result_con { margin:10px auto; font-weight:300; line-height:24px; font-family:'Noto Sans KR'; font-size:16px; height:72px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.srch_form_wrap {width:100%; background:#fafafa; padding:40px 30px; border: 1px solid #dadada; background: #f5f5f5; text-align:center; margin-bottom:40px; box-sizing:border-box;}
.srch_form {width:100%; overflow:hidden; max-width:500px; margin:0 auto;}
.srch_form li {float:left; width:30%;}
.srch_form li:first-child {width:67%;}
.srch_form li input {width:100%; border:none; height:40px; line-height:40px;  box-sizing:border-box; padding:0 5px; }
.srch_form li input[type=submit] {background:#0072bc; color:#fff;}


/* 페이징 */
.pt_list_paging {width:100%; text-align:center; margin:0 auto; margin-top:80px; }
.pt_list_paging ul {display:inline-block; overflow:hidden;}
.pt_list_paging ul li {float:left; margin-left:5px; width:35px; height:35px; border:1px solid #dedede; border-radius:20px; behavior: url( "/css/PIE.htc" ); overflow:hidden;}
.pt_list_paging ul li a {display:block; color:#444444; font-family:'Noto Sans KR';  font-weight:400; font-size:13px; width:35px; height:35px;  line-height:33px; text-align:center; background:#fff;}
.pt_list_paging ul li:hover a {color:#003499; background:#EFEFEF}
.pt_list_paging ul li:first-child {margin-left:0px;}
.pt_list_paging ul li a.on { color:#fff; background:#003499}
.pt_list_paging ul li.prev a {background:#8b8b8b; letter-spacing:2px; margin-left:0px;color:#fff;  font-family: 'Poppins', sans-serif; line-height:35px; font-size:20px; font-weight:500;}
.pt_list_paging ul li.next a {background:#8b8b8b; letter-spacing:2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}
.pt_list_paging ul li.prev_more a {background:#8b8b8b; letter-spacing:-2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}
.pt_list_paging ul li.next_more a {background:#8b8b8b; letter-spacing:-2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}


/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */

/* 탭 */
#sub_tabs {width:100%; overflow:hidden;}
#sub_tabs .tab_title {width:100%; overflow:hidden; }
#sub_tabs .tab_title li {width:100%; height:56px; line-height:56px; text-align:center;  background:#f0f0f0; box-sizing:border-box; border:3px solid #f0f0f0; margin-top:3px;}
#sub_tabs .tab_title li.ui-state-active {background:#3ca8b8; border:3px solid #3ca8b8;}
#sub_tabs .tab_title li:hover {border:3px solid #3ca8b8;}
#sub_tabs .tab_title li a {color:#222; display:block; width:100%; height:50px; line-height:50px; font-family:'NanumSquareB';  }
#sub_tabs .tab_title li.ui-state-active a {color:#fff}
#sub_tabs .tab_title li a span {font-size:15px; margin-left:5px; font-weight:600}

.sub_tabs_con_wrap {width:100%; overflow:hidden; margin:30px auto;}


.point_1 {color: #6bb522; font-weight: 500;}
.point_2 {color: #ff6d00; font-weight: 500;}
.img_w100 img {width: 100%;}

/* 인사말 */
.gree_btit {font-family: 'Nanum Myeongjo', serif; text-align: center; font-size: 30px; color: #000; letter-spacing: -1px; font-weight: 600; line-height: 38px;}
.gree_bg {background: #f3f3f3 url('../images/gree_bg.png')no-repeat center bottom; background-size: contain; text-align: center; margin: 40px 0; padding: 30px 15px;}
.gree_bg > p {font-family: 'NEXON Lv1 Gothic OTF Light'; font-size: 20px; line-height: 34px; color: #000; letter-spacing: -1px;}
.gree_bg > p span {font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-size: 24px;}
.gree_bg br {display: none;}

.gree_con {overflow: hidden;}
.gree_con .img {text-align: center;}
.gree_con .img img {width: 100%; max-width:660px;}
.gree_con .txt {color: #444; letter-spacing: -0.5px; margin-top: 20px;}
.gree_name {text-align: right; font-weight: 400; color: #000; margin-top: 30px;}
.gree_name img {vertical-align: middle;}


/* 오시는길 */
.contact_wrap{width: 100%; margin: 0 auto; background: #f8f8f8; padding: 15px;  overflow:hidden; box-sizing: border-box; }
.contact_map{width: 100%; margin: 0 auto;}
.contact_map {}
.contact_info{width: 90%; margin: 0 auto;}
.contact_info dl{margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.contact_info dl:first-child{margin-top: 30px;}
.contact_info dl dt{height: 40px; line-height: 40px; font-weight: bold; font-size: 21px;}
.contact_info dl dt img{vertical-align: middle; margin-right: 10px;}
.contact_info dl dd{color: #464646;}

/* 조직도 */
.org_img {text-align: center;}
.org_img img {width: 100%; max-width: 1142px;}

/* 회사개요 */
.round_list {display: flex; justify-content:center; flex-wrap:wrap;}
.round_list > li {text-align: center; border: 2px solid #f8a71a;; width: 115px; height: 115px; border-radius: 100%; box-sizing: border-box; padding-top: 35px; margin: 5px 6px 0;}

/* 기업이념 */
.intro4_top {background: url('../images/intro4_top_bg.jpg')no-repeat center; text-align: center; padding:30px 20px;}
.intro4_top p {font-family: 'Nanum Myeongjo', serif; position: relative; display: inline-block; font-size: 26px; letter-spacing: -0.5px; font-weight: bold; line-height: 35px; padding: 20px;}
.intro4_top p:before {position: absolute; content: url('../images/quotes_1.png'); left: 0; top: 0;}
.intro4_top p:after {position: absolute; content: url('../images/quotes_2.png'); right: 0; bottom: 0;}

.intro4_list {text-align: center;}
.intro4_list li {display: inline-block; border: 1px solid #ddd; width: 270px; height: 270px; vertical-align: top; border-radius: 100%; box-sizing: border-box; padding-top: 55px; margin:10px;}
.intro4_list li img {}
.intro4_list li p {margin-top: 10px;}
.intro4_list li p span {font-size: 19px;}


/* 메뉴운영 */
.thm_info_list {display: flex; justify-content: space-between; flex-wrap:wrap;}
.thm_info_list > li {border: 1px solid #ddd; box-sizing: border-box; width: 100%; text-align: center; margin-bottom: 15px;}
.thm_info_list > li .img {}
.thm_info_list > li .img img {width: 100%;}
.thm_info_list > li .tit {font-family: 'NEXON Lv1 Gothic OTF'; font-size: 22px; line-height: 30px; padding:0 10px; margin-top: 20px;}
.thm_info_list > li .txt {padding:15px 15px 20px; color: #555;}

.line_box {border: 1px solid #ddd; padding: 30px ;}
.dot_list {}
.dot_list > li {position: relative; padding-left: 14px; margin-bottom: 5px;}
.dot_list > li:before {position: absolute; content: ''; background: #5eaaae; width: 5px; height: 5px; left: 0; top: 10px; border-radius: 10px;}

.box_info_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.box_info_list > li {border: 1px solid #ddd; width: 100%; box-sizing: border-box; margin-bottom: 15px;}
.box_info_list .tit {text-align: center; background: #eaf2e1; padding: 12px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 17px; color: #4f5e3f;}
.box_info_list ul {margin: 15px 20px;}

/* 인력운영 */
.point_tit_bg {background: #f3f3f3 url('../images/point_tit_bg.png')no-repeat center bottom; background-size: contain; text-align: center; margin: 40px 0; padding: 30px 15px;}
.point_tit_bg > p {font-family: 'NEXON Lv1 Gothic OTF Light'; font-size: 20px; line-height: 34px; color: #000; letter-spacing: -1px;}
.point_tit_bg > p span {font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-size: 24px;}
.point_tit_bg br {display: none;}

.chef_wrap {}
.chef_wrap dl {padding:30px 0; border-top: 2px dotted #bbb; overflow: hidden;}
.chef_wrap dl:first-child {padding-top: 0; border-top: 0;}
.chef_wrap dl dt {text-align: center;}
.chef_wrap dl dt img {border-radius: 10px; box-shadow: 3px 5px 8px #ddd;}
.chef_wrap dl dd {box-sizing:border-box; margin-top: 20px; padding: 0 10px;}
.chef_tit {font-size: 23px; font-weight: 600; letter-spacing: -0.5px; line-height: 30px;}
.chef_info {margin-top: 20px;}
.chef_cr {}
.chef_cr > li {margin-bottom: 8px; position: relative; padding-left: 13px; overflow: hidden;}
.chef_cr > li:before {background: #65bdbe; position: absolute; content: ''; width: 5px; height: 5px; border-radius:10px; left: 0; top: 11px;}
.chef_cr > li span {float: left; width: calc(100% - 65px);}
.chef_cr > li span:first-child {width: 65px; }
.chef_sp {display: inline-block; background: #65bdbe; color: #fff; padding: 2px 30px 4px; font-weight: 500; font-size: 16px; margin: 10px 0 10px;}


/* 위탁상담절차 */
.step_list {display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.step_list > li {border: 1px solid #ddd; border-radius: 10px; width: 100%; margin-bottom: 20px; box-sizing: border-box; text-align: center; padding: 30px 20px; background: #fff;}
.step_list .st {font-family: 'Montserrat'; font-weight: 700; color: #999;}
.step_list .icon {margin:18px 0;}
.step_list .icon img {}
.step_list .st_tit {font-family: 'NEXON Lv1 Gothic OTF'; font-size: 22px; line-height: 30px;}
.step_list .st_t {color: #555; margin-top: 12px;}


/* 위생및안전관리 */
.onm3_con_wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.onm3_con {border: 1px solid #ddd; width: 100%; box-sizing:border-box; padding: 30px; margin-bottom: 10px;}
.onm3_con .icon {text-align: center;}
.onm3_con .icon img {}
.onm3_con .icon p {font-family: 'NEXON Lv1 Gothic OTF'; font-size: 22px; line-height: 27px; text-align: center; border-bottom:1px dashed #aaa; padding-bottom: 15px; margin:15px 0;}
.onm3_con .con {padding: 0 15px;}

.onm3_con2 {display: flex; flex-wrap: wrap; justify-content: center;}
.onm3_con2 dl {width: 100%; border: 1px solid #ddd; box-sizing: border-box; margin: 0 10px 10px; padding: 7px;}
.onm3_con2 dl dt {background: #4bb8e6; font-family: 'NEXON Lv1 Gothic OTF'; text-align: center; color: #fff; font-size: 22px; padding: 15px;}
.onm3_con2 dl dd {padding:10px;}
.onm3_con2_st {overflow: hidden; margin-bottom: 10px;}
.onm3_con2_st:last-child {margin-bottom: 0;}
.onm3_con2_st span {background: #4bb8e6; color: #fff; font-weight: 500; text-align: center; display: inline-block; width: 90px; padding: 10px; border-radius: 15px 0 15px 0;}
.onm3_con2_st ul {margin-top: 10px;}
.onm3_con2 dl:nth-child(2) dd {text-align: center;}
.onm3_con2 dl dd table {}
.onm3_con2 dl dd img {margin-top: 10px;}

.cert_list {display: flex; flex-wrap: wrap;}
.cert_list li {width: 45.5%; border: 1px solid #ddd; margin-right: 20px; text-align: center; margin-bottom: 20px;}
.cert_list li:nth-child(2n) {margin-right: 0;}
.cert_list li img {margin: 20px 0; box-shadow: 4px 2px 6px #eee; width: 100%; max-width:145px;}
.cert_list li p {background: #f7f7f7; border-top: 1px solid #ddd; padding: 10px;}


p.line{border-top: 2px dotted #aaa; padding-top: 30px; margin-top: 30px;}

.point_3 {color:#1a7be1; font-weight: 500;}


/* 사업분야 */
.define_box {background: #f8f8f8;}
.define_img {}
.define_img img {width: 100%; display: block;}
.define_txt { box-sizing:border-box; padding: 30px;}
.define_tit {font-family: 'S-CoreDream-4Regular'; font-size: 28px; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 25px;}

.chk_list {}
.chk_list > li {background: url('../images/chk_bg.png')no-repeat left 1px; padding-left: 35px; margin-top: 20px;}
.chk_list > li:first-child {margin-top: 0;}

.round_list2 {display: flex; flex-wrap: wrap; justify-content: center;}
.round_list2 > li {width: 100%; text-align: center; margin: 0 -12px; margin-bottom: 20px;}
.round_list2 .round {width: 200px; height: 200px; background: rgba(247, 183, 73, 0.7); border-radius: 100%; display: flex; align-items: center; justify-content: center;
text-align: center; box-sizing: border-box; padding: 30px; margin:0 auto;}
.round_list2 > li > p {color: #555; width: 80%; margin: 10px auto 0; font-size: 15px; line-height: 21px;}

.round_list2 > li:nth-child(2n) .round {background: rgba(116, 166, 65, 0.7);}

.busi_banner_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.busi_banner_list li {width: 32%; box-sizing: border-box; border: 1px solid #ddd; margin-bottom: 15px; text-align: center;}
.busi_banner_list li img {width: 100%; display: block; max-width:267px;}

.busi_img {overflow: hidden;}
.busi_img > li {float: left; margin-top: 15px; width: 100%; margin-top: 15px; border: 1px solid #ddd; box-sizing: border-box; padding: 10px;}
.busi_img > li img {width: 100%;}

.sp_menu_con {}
.sp_menu {box-sizing: border-box; border: 1px solid #ddd; padding: 30px 40px; overflow: hidden; margin-bottom: 20px;}
.sp_menu .txt {}
.sp_menu .txt > p {font-size: 19px; font-weight: 500;}
.sp_menu .menu_list {overflow: hidden;}
.sp_menu .menu_list li {float: left; width: 115px; background: #94b8da; height: 40px; line-height: 37px; text-align: center; border-radius: 50px; margin-right: 12px; margin-top: 5px; color: #fff;}
.sp_menu .img {margin-top: 10px;}
.sp_menu .img img {width: 100%; display: block;}



/* 위생관리 추가 */
.clean > p {text-align: center;  font-family: 'NEXON Lv1 Gothic OTF'; font-size: 25px; margin:30px 0; line-height: 32px;}
.clean > p span {font-family: inherit;}
.clean_list {display: flex; flex-wrap: wrap; justify-content: space-between; }
.clean_list > li {border: 1px solid #ddd; box-sizing: border-box; width: 100%; margin-bottom: 15px;}
.clean_list > li img {width: 100%;}
.clean_list > li .tit { font-family: 'NEXON Lv1 Gothic OTF'; text-align: center; font-size: 22px; line-height: 30px; margin-top: 15px;}
.clean_list > li ul {margin:20px 30px;}

.clean_wrap {margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.clean_wrap dl {width: 100%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; padding: 30px;}
.clean_wrap dl dt {}
.clean_wrap dl dd {}
.clean_wrap dl dd > div {margin-top:15px;}
.clean_wrap dl dd > div:first-child {margin-top: 0;}
.clean_wrap dl dd > div .tit {height: 100px; width: 100px; border-radius: 100%; border: 2px solid #5eaaae; text-align: center; font-size: 15px;
font-weight: 500; color: #5eaaae; box-sizing: border-box; padding: 14px 0; line-height: 20px; margin:0 auto;}
.clean_wrap dl dd ul {margin:10px 0;}
.clean_wrap dl dd ul li {font-size: 15px; margin:0 20px;}
.clean_wrap dl dd > div .img {text-align: center;}



/* 온라인상담 */
#sub_con .apply_form_wrap h4 span {color: #ff3b3b; font-size: 13px; font-family: 'S-CoreDream-3Light'; display: block;}
#sub_con .apply_form_wrap h4 b {color: #00a650; font-weight: normal; font-family: 'S-CoreDream-5Medium'; }
.apply_form_wrap {overflow: hidden; margin-top: 50px; border-bottom: 1px solid #ddd;}
.apply_form_wrap dl {border-top:1px solid #ddd; width: 100%;}
.apply_form_wrap dl dt {background: #f0f0f0; font-family: 'NEXON Lv1 Gothic OTF'; padding: 7px 20px;}
.apply_form_wrap dl dd {padding: 15px 20px; }
.apply_form_wrap dl span {color: #ff3b3b; font-size: 14px; line-height: 23px; display: inline-block; vertical-align: middle; margin-top: 7px;}

.apply_form_wrap input[type="radio"], .apply_form_wrap input[type="checkbox"] {margin-right: 5px;}
.apply_form_wrap label {margin-right: 20px;}
.apply_form_wrap label:last-chlid {margin-right: 0;}
.apply_form_wrap input[type="text"],
.apply_form_wrap input[type="tel"], 
.apply_form_wrap input[type="password"],
.apply_form_wrap input[type="email"],
.apply_form_wrap input[type="date"],
.apply_form_wrap input[type="number"] { height: 36px; line-height: 36px; border: 1px solid #d4d4d4; font-family: 'Noto Sans KR', sans-serif; padding: 3px 5px; vertical-align: middle; margin:2px 0; box-sizing: border-box;}
.apply_form_wrap input[type="number"] {width: 80px; text-align: center;}
.apply_form_wrap select {height: 36px; line-height: 36px; border: 1px solid #d4d4d4; margin:2px 0; vertical-align: middle; font-size: 15px;}
.apply_form_wrap textarea {border: 1px solid #d4d4d4; font-family: 'Noto Sans KR', sans-serif; padding: 3px 5px; vertical-align: middle; box-sizing: border-box;}

.lb_block label {display: block; margin-top: 3px;}
.lb_block label:first-child {margin-top: 0;}
.read {background: #f0f0f0;}
.apply_form_wrap input.w100 {width: 100%; max-width:600px;}
.fz15 {font-size: 15px; color: #555;}

.apply_privacy_con {padding: 20px; width: 100%; height: 240px; overflow-y: scroll; border: 1px solid #bbbbbb; box-sizing: border-box; font-size: 15px;}
#sub_con .apply_privacy_con h5 {font-size: 19px;}
.submit_wrap {margin-top: 30px; text-align: center;}
.app_btn {width: 180px; display: inline-block; text-align: center; color: #fff; height: 60px; line-height: 60px; font-family: 'S-CoreDream-5Medium'; margin: 5px auto; transition: all .3s; font-size: 17px; cursor: pointer; margin: 5px;}
.app_btn:hover {background: #444; color: #fff;}
.btn1 {background: #6bb520;}
.btn2 {background: #444;}



/*------------------------------------------------------------------------------------------------------------*/

/* 태블릿용 CSS */
@media all and (min-width:768px){

/* 네비게이션 */
#sub_menu ul li #firstpane_menu_head span {display:inline-block;}
.menu_body li a span {display:inline-block;}


/* 사이트맵 */
.sitemap #copy2 > li {width:48%; margin-right:4%;}
.sitemap #copy2 > li:nth-child(2n){ margin-right:0; }

/* 통합검색 */
.srch_cate li {width:25%;}
.srch_result_wrap {margin-top:30px}


/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */

#sub_tabs .tab_title {display: flex; flex-wrap:wrap;}
#sub_tabs .tab_title li {width:49%; margin:0.5% }


/* 인사말 */
.gree_bg br {display: inline;}


/* 메뉴운영 */
.thm_info_list > li {width: 49%;}

.box_info_list > li {width: 49%;}

/* 인력운영 */
.point_tit_bg br {display: inline;}

.chef_wrap dl {}
.chef_wrap dl dt {float: left; width: 200px; }
.chef_wrap dl dt img {width: 100%;}
.chef_wrap dl dd {float: right; width: calc(100% - 200px); margin-top: 0; padding: 0 40px;}


/* 위탁상담절차 */
.step_list > li {width: 30%; margin: 1.5%;}


/* 위생및안전관리 */
.onm3_con {width: 32%;}

.onm3_con2 dl {width: 45%;}

.cert_list li {width: 31%;}
.cert_list li:nth-child(2n) {margin-right: 20px;}
.cert_list li:nth-child(3n) {margin-right: 0;}


/* 사업분야 */
.round_list2 > li {width: 31%;}


.busi_img > li {float: left; margin-right: 15px; width: 31%;}
.busi_img > li:nth-child(3n) {margin-right: 0;}


/* 위생관리 추가 */
.clean_list > li {width: 32%;}

.clean_wrap dl dd > div {display: flex; align-items: center; margin-top:15px;}
.clean_wrap dl dd > div:first-child {margin-top: 0;}
.clean_wrap dl dd > div .tit {}
.clean_wrap dl dd ul {width: calc(100% - 260px);}


/* 온라인상담 */
.lb_block label {display: inline-block; margin-top: 0;}





}


/*------------------------------------------------------------------------------------------------------------*/




/* 낮은해상도 PC용 CSS */
@media all and (min-width:1250px){

#sub_top_wrap {display:block; width: 100%; height:350px; position:relative; margin:0 auto; padding:0; text-align:left; margin-top:100px}

#sub_top_wrap .h2_wrap {width:90%; margin:0 auto; max-width:1500px; height:350px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
#sub_top_wrap h2 {display: block; width:100%; text-align:left; margin:0 auto;font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size:45px; color:#000; font-weight:normal;}
#sub_top_wrap .h2_msg {display:block; font-family:'Montserrat'; color:#99948d; font-size:14px; margin:20px 0 0 0; font-weight:500;}
#sub_top_wrap .h2_msg::after {content:''; display:inline-block; vertical-align:middle; width:100px; height:1px; background:#99948d; margin-left:20px}

.sub_t1_img {background:url('../images/sub_timg_bg1.jpg') no-repeat center top;}
.sub_t2_img {background:url('../images/sub_timg_bg1.jpg') no-repeat center top;}
.sub_t3_img {background:url('../images/sub_timg_bg1.jpg') no-repeat center top;}
.sub_t4_img {background:url('../images/sub_timg_bg1.jpg') no-repeat center top;}
.sub_t5_img {background:url('../images/sub_timg_bg1.jpg') no-repeat center top;}
.sub_t6_img {background:url('../images/sub_timg_bg1.jpg') no-repeat center top;}


/* 서브중간메뉴 */
.sub_menu_wrap { width:92%; margin: 0 auto;  height:80px; top:-40px; background:#fff; border:1px solid #dddddd; max-width:1500px;}
.sub_tabmenu_wrap {width:100%; margin: 0 auto; max-width:1400px; }
.sub_tabmenu {width: 100%;}
.sub_tabmenu li.menu_list {background:none; position:relative; height:80px}
#firstpane {display:none; }
#secondpane {width:100%;  border:none; z-index:3; overflow:visible;}
#secondpane .menu_head {width:0; padding:0; display:block; height:0; line-height:0; font-size:0;}
#secondpane .menu_body {width:100%; display:block; position:relative;  border:none; height:80px; line-height:0; font-size:0; text-align:center; top:0}
#secondpane .menu_body li {
	position: relative;
	display:inline-block;
	background:none;
	height:80px !important;
	line-height:80px !important;
	width:auto;
	border:none;
	padding: 0px 42px;
	box-sizing:border-box;

}


#secondpane .menu_body li:first-child {margin-top:0;}
#secondpane .menu_body li:first-child::before  {content:none;}
#secondpane .menu_body li a {padding:0 10px; box-sizing:border-box; font-size: 18px; font-weight:normal; height:80px;line-height:80px; color:#000; position:relative; min-width:65px; text-align:center; overflow:visible;  font-family: 'S-CoreDream-4Regular';}
#secondpane .menu_body li a::before {content:''; width:100%; height:5px; background:#f8a71a; position:inline-block; position:absolute; top:76px; left:-100%; transition:all 0.3s ease-in-out; color:#f8a71a; opacity:0;}
#secondpane .menu_body li:hover a {background:none; color:inherit; color:#f8a71a}
#secondpane .menu_body li a:hover::before {left:0; opacity:1;}


/* 서브내용 */
#sub_layout_wrap { }
#sub_con_wrap {width:100%; overflow:hidden; }
#sub_con {max-width:1400px; margin:0 auto; position:relative; font-size:16px; line-height:24px; /* padding:0 0 160px 0; */}
#sub_con h3 {font-size:36px; margin-bottom:80px;}
#sub_con h4 {line-height:30px; font-size:26px; }
#sub_con h5 {position: relative; line-height:28px; padding-left:28px; font-size:22px; margin-bottom:15px}
#sub_con h5::before {position: absolute; content:''; top:4px; left:0; border:5px solid #f8a71a; width:10px; height:10px; border-radius:50px; }



/* 사이트맵 */
.sitemap #copy2 {width:100%; margin:0 auto}
.sitemap #copy2 > li {width:15%; margin-right:1%;}
.sitemap #copy2 > li:nth-child(2n){ margin-right:1%; }
.sitemap #copy2 > li:last-child { margin-right:0%; }

/* 이메일무단수집거부 */
.email{ background-size:205px; text-align: center; margin:0 auto; margin-bottom:60px; padding-bottom:60px; max-width:1000px;  }
.email .email_tit{padding-top:200px; font-size:30px; line-height:30px;  word-break:keep-all;}
.email_msg {width:543px; margin:0 auto; overflow:hidden; font-size:19px}

/* 통합검색 */
.srch_form {max-width:700px}

.srch_msg {line-height:30px; margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; font-size:18px}
.srch_cate_wrap { padding:30px 40px;}
.srch_cate li a {height:30px; line-height:28px; display:block; font-family:'Noto Sans KR'; font-size:17px; background:url('../images/list_01_bg.png') no-repeat left center}
.srch_result_wrap {margin-top:10px}
.srch_result {margin-top:30px; padding-bottom:30px}
.srch_result_tit span.rst_subject { font-size:20px; }


.srch_form li input {height:50px; line-height:50px; font-size:17px}

/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */
.pc_only {display: inline-block;}
.mobile_only {display: none;}


#sub_con.wide {max-width: 100%; width: 100%;}
.wide_con {width: 90%; max-width:1400px; margin:0 auto;}
.img_w100 img {width: auto;}


/* 인사말 */
.gree_btit {font-size: 38px; line-height: 40px;}
.gree_bg {background: #f3f3f3 url('../images/gree_bg.png')no-repeat center bottom -10px; margin: 60px 0; padding: 80px 0;}
.gree_bg > p {font-size: 27px; line-height: 50px;}
.gree_bg > p span {font-size: 35px;}

.gree_con {width: 90%; max-width:1400px; margin:0 auto;}
.gree_con .img {float: right; width: 45%;}
.gree_con .img img {width: 100%; margin-top: 30px;}
.gree_con .txt {font-size: 18px; line-height: 31px; margin-top: 0;}


/* 오시는길 */
.contact_wrap{width:100%; max-width: 1500px; margin: 0 auto; overflow:hidden;}
.contact_map{float: left; width: 65%;}
.contact_info{float: right; width: 31%; padding-right: 30px; box-sizing: border-box;}
.contact_info dl{margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.contact_info dl dt{height: 40px; line-height: 40px; font-weight: bold; font-size: 21px;}
.contact_info dl dt img{vertical-align: middle; margin-right: 10px;}
.contact_info dl dd {padding-left: 40px; letter-spacing: -0.5px;}


/* 기업이념 */
.intro4_top {padding: 60px 0;}
.intro4_top p {font-size: 35px; line-height: 40px; padding: 35px;}
.intro4_top p:after { bottom: 12px;}


/* 메뉴운영 */
.thm_info_list > li {width: 24%;}
.box_info_list > li {width: 24%;}
.box_info_list.box2 > li {width: 49%;}

/* 인력운영 */
.point_tit_bg {background: #f3f3f3 url('../images/point_tit_bg.png')no-repeat center bottom; margin: 60px 0; padding: 80px 0;}
.point_tit_bg > p {font-size: 27px; line-height: 50px;}
.point_tit_bg > p span {font-size: 35px;}


.chef_wrap {width:90%; max-width:1400px; margin:0 auto;}
.chef_wrap dl {padding:30px;}
.chef_wrap dl dt {width: 285px; }
.chef_wrap dl dd {float: right; width: calc(100% - 320px); padding: 5px 40px;}
.chef_cr > li span {width: calc(100% - 100px);}
.chef_cr > li span:first-child {width: 100px; }


/* 위탁상담절차 */
.step_list {justify-content: space-between; position: relative;}
.step_list:before {position: absolute; content: ''; background: #ddd; height: 1px; width: 95%; top:50%; left: 3%; z-index: -1;}
.step_list > li {width: 18.5%; margin:0;}


/* 위생및안전관리 */
.onm3_con2 {display: flex; flex-wrap: wrap; justify-content: center;}
.onm3_con2 dl {width: 45%; margin: 0 10px 10px; padding: 7px;}
.onm3_con2_st span {float: left; width: 90px; padding: 10px; }
.onm3_con2_st ul {float: right; width:calc(100% - 140px); margin-top: 10px;}
.onm3_con2 dl dd table {float: left; width: 68%; margin-top: 35px;}
.onm3_con2 dl dd img {float: right;}
.onm3_con2 dl dd ul li {font-size: 18px; font-weight: 500; line-height: 31px;}
.onm3_con2 dl dd ul li:before {top: 15px;}
.onm3_con2 dl:first-child dd {padding: 50px 30px;}


.cert_list {display: flex; flex-wrap: wrap;}
.cert_list li {width: 18.5%;}
.cert_list li:nth-child(3n) {margin-right: 20px;}
.cert_list li:nth-child(5n) {margin-right: 0;}



/* 사업분야 */
.define_box {display: flex; align-items: center;}
.define_img {width: 45%;}
.define_txt {width: 55%;  padding: 20px 40px;}

.round_list2 > li {width: 16%; margin: 0 -1.5%;}


.busi_banner_list li {width: 19%;}

.busi_img > li {width: 31.8%;  margin-right: 25px; margin-top: 25px; }
.busi_img > li:nth-child(3n) {margin-right: 0;}

.sp_menu .txt {float: left; width: 50%;}
.sp_menu .menu_list li {float: left; width: 150px; margin-right: 12px; margin-top: 10px;}
.sp_menu .img {float: right; width: 48%; margin-top: 0;}
.sp_menu .round_list {justify-content: flex-start; margin-top: 20px;}
.sp_menu .round_list > li {padding-top: 43px;}


/* 위생관리 추가 */
.clean_wrap { display: flex; flex-wrap: wrap; justify-content: space-between;}
.clean_wrap dl {width: 49%; padding: 30px;}


/* 온라인상담 */
#sub_con .apply_form_wrap h4 span {font-size: 15px; display: inline-block;}
.apply_form_wrap {}
.apply_form_wrap dl {display: table; width: 100%;}
.apply_form_wrap dl dt {display: table-cell; width: 20%; font-size: 16px; vertical-align: middle; text-align: center; padding:10px 20px;}
.apply_form_wrap dl dd {display: table-cell; width: 80%; font-size: 16px; padding: 10px 20px;}
.apply_form_wrap dl span {font-size: 15px;}







/* -------------------------------------- */
/* 메뉴 하이라이트 */
/* -------------------------------------- */

body.intro_1 li#intro_1 a,
body.intro_2 li#intro_2 a,
body.intro_3 li#intro_3 a,
body.intro_4 li#intro_4 a,
body.intro_5 li#intro_5 a,
body.intro_6 li#intro_6 a,
body.intro_7 li#intro_7 a,

body.service_1 li#service_1 a,
body.service_2 li#service_2 a,
body.service_3 li#service_3 a,
body.service_4 li#service_4 a,
body.service_5 li#service_5 a,
body.service_6 li#service_6 a,
body.service_7 li#service_7 a,

body.onm_1 li#onm_1 a,
body.onm_2 li#onm_2 a,
body.onm_3 li#onm_3 a,
body.onm_4 li#onm_4 a,
body.onm_5 li#onm_5 a,

body.business_1 li#business_1 a,
body.business_2 li#business_2 a,
body.business_3 li#business_3 a,
body.business_4 li#business_4 a,

body.branch_1 li#branch_1 a,
body.branch_2 li#branch_2 a,
body.branch_3 li#branch_3 a,
body.branch_4 li#branch_4 a,

body.treat_1 li#treat_1 a,
body.treat_2 li#treat_2 a,
body.treat_3 li#treat_3 a,
body.treat_4 li#treat_4 a,
body.treat_5 li#treat_5 a,


body.online_1 li#online_1 a,

body.community_1 li#community_1 a,
body.community_2 li#community_2 a,
body.community_3 li#community_3 a,
body.community_4 li#community_4 a,

body.use_1 li#use_1 a,
body.use_2 li#use_2 a,
body.use_3 li#use_3 a,
body.use_4 li#use_4 a,
body.use_5 li#use_5 a { border-bottom:3px solid #fff; color:#f8a71a !important;  }


body.intro_1 li#intro_1 a::before,
body.intro_2 li#intro_2 a::before,
body.intro_3 li#intro_3 a::before,
body.intro_4 li#intro_4 a::before,
body.intro_5 li#intro_5 a::before,
body.intro_6 li#intro_6 a::before,
body.intro_7 li#intro_7 a::before,

body.service_1 li#service_1 a::before,
body.service_2 li#service_2 a::before,
body.service_3 li#service_3 a::before,
body.service_4 li#service_4 a::before,
body.service_5 li#service_5 a::before,
body.service_6 li#service_6 a::before,
body.service_7 li#service_7 a::before,

body.onm_1 li#onm_1 a::before,
body.onm_2 li#onm_2 a::before,
body.onm_3 li#onm_3 a::before,
body.onm_4 li#onm_4 a::before,
body.onm_5 li#onm_5 a::before,

body.business_1 li#business_1 a::before,
body.business_2 li#business_2 a::before,
body.business_3 li#business_3 a::before,
body.business_4 li#business_4 a::before,
body.business_5 li#business_5 a::before,

body.branch_1 li#branch_1 a::before,
body.branch_2 li#branch_2 a::before,
body.branch_3 li#branch_3 a::before,
body.branch_4 li#branch_4 a::before,

body.treat_1 li#treat_1 a::before,
body.treat_2 li#treat_2 a::before,
body.treat_3 li#treat_3 a::before,
body.treat_4 li#treat_4 a::before,

body.online_1 li#online_1 a::before,

body.recruit_1 li#recruit_1 a::before,
body.recruit_2 li#recruit_2 a::before,

body.community_1 li#community_1 a::before,
body.community_2 li#community_2 a::before,
body.community_3 li#community_3 a::before,
body.community_4 li#community_4 a::before,

body.use_1 li#use_1 a::before,
body.use_2 li#use_2 a::before,
body.use_3 li#use_3 a::before,
body.use_4 li#use_4 a::before,
body.use_5 li#use_5 a::before  {left:0; opacity:1;}


}




/* 높은 해상도 PC용 CSS */
@media all and (min-width:1720px){


/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */


}