.wrap{width: 100%;}
.star{color: #F27FAA;}
.pink{color: #e5427f;}
.pt_40{padding-top: 20px;}
.mt_50{margin-top: 50px;}
.mt_200{margin-top: 200px;}
.mt_20{margin-top: 20px;}
.txt_l{text-align: left; padding-left: 20px;}
.inner{width: 1200px; margin: 0 auto; position: relative;}
.clearfix:before{content:""; clear:both; display:block;}
.clearfix:after{content:""; clear:both; display:block;}


/*회사소개 서브비주얼*/
.nav{display: flex; align-items: center; justify-content: space-between; margin-top: 15px; position: absolute; top: 0; width: 1200px; left: 50%; transform: translateX(-50%); z-index: 1;}
.sub_visual .nav .logo a, .sub_visual_02 .nav .logo a, .sub_visual_03 .nav .logo a, .sub_visual_04 .nav .logo a, .sub_visual_05 .nav .logo a, .sub_visual_06 .nav .logo a{text-indent: -999em; background: url(../img/logo_bk.png) no-repeat center center; background-size: contain; display: block; width:220px; height: 80px;}
.sub_visual .nav .all_menu li a, .sub_visual_02 .nav .all_menu li a, .sub_visual_03 .nav .all_menu li a, .sub_visual_04 .nav .all_menu li a, .sub_visual_05 .nav .all_menu li a, .sub_visual_06 .nav .all_menu li a{display: block; color:#000}
.sub_visual #hamburger, .sub_visual_02 #hamburger, .sub_visual_03 #hamburger, .sub_visual_04 #hamburger, .sub_visual_05 #hamburger, .sub_visual_06 #hamburger{color: #000;} 

.nav .all_menu li{display: inline-block; margin-right: 50px; font-size: 18px; font-weight: 500;}
.nav .all_menu li a{display: block; color: #111;}
.nav .all_menu li:last-child{margin-right: 0;}
.nav .all_menu li.contact a{font-size: 16px; border: 1px solid #111; border-radius: 20px; padding: 11px 30px; line-height: 1;}
.sub_visual {width: 100%; height: 410px; position: relative; background: url(../img/sub_visual_01.png) no-repeat center center; background-size: cover;}
.svis_txt {color: #111; font-size: 63px; font-weight: 700; position: absolute; left: 360px; top: 365px;}
.svis_txt .dot{display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #F27FAA;}

/*회사소개 서브컨텐츠*/
#sub_content {width: 1200px; margin: 0 auto 140px;}
.sub_content {width: 100%;}

.greeting {width: 100%; margin: 180px 0 140px 0;}
.greeting > div {float: left;}
.sub_c_tit {width: 320px; font-size: 26px; color: #111; font-weight: 500; line-height: 150%; padding: 0 70px; box-sizing: border-box;}
.sub_c_tit::before {content: ""; display: inline-block; margin: 0 2px 10px -70px; height: 1px; background-color: #111; width: 65px;} 
.sub_c_cont {width: 880px; font-size: 20px; color: #222; line-height: 160%;}
.sub_c_cont span {font-size: 34px; line-height: 140%;}
.sub_c_cont span > strong {display: block;}
.sub_c_cont .greeting_img {margin: 50px 0; padding: 0 10px;}

.bg_crosscare {background: #f6f2e9; width: 1920px; height: 570px; position: absolute; top: 0; left: -360px; z-index: -1;}
.crosscare {width: 100%; padding: 80px 0 140px 0; position: relative;}
.crosscare > div {float: left;}
.crosscare .crosscare_img {padding: 60px 0;}

.location {width: 100%; margin: 0 0 200px 0; }
.location > div {float: left;}
.location .map {margin-top: 50px; width: 100%;}
.location .map iframe {width: 100%; height: 560px;}

/*사업영역 서브비주얼*/
.sub_visual_02 {width: 100%; height: 410px; position: relative; background: url(../img/sub_visual_02.png) no-repeat center top; background-size: cover;}

/*사업영역 공기순환기*/
.tabmenu {text-align: center; overflow: hidden; font-size: 0;}
.tabmenu li {display: inline-block; width: 200px; cursor: pointer; font-size: 22px; font-weight: 500; color:#999; background: #fff; border: 1px solid #fff; border-left: 0; height: 60px; line-height: 60px; box-sizing: border-box; text-align: center;}
.tabmenu li.on {background: #03537f ; border: 1px solid #03537f; color: #fff; border-radius: 30px;}
.mtb_200100 {margin: 200px 0 100px 0;}

.busi_cnt {margin-top: 100px;}
.busi_cnt > div {float: left;}
.busi_cnt .busi_img {width: 540px; height: 380px; box-shadow: 20px 20px 59px #cdcdcd;}
.busi_cnt .busi_txt {width: calc(100% - 540px); padding: 80px 90px 0 80px; box-sizing: border-box; color: #222; font-size: 16px; font-weight: 400;}
.busi_cnt .busi_txt strong {display: block; font-size: 25px; color: #111; padding-bottom: 25px;}
.busi_cnt .busi_txt span {display: block; font-size: 15px; color: #999; padding-top: 40px;}

.busi_btm {position: relative; margin-top: 140px;}
.busi_btm .busi_bg_01 {background: #f6f2e9; width: 1920px; height: 710px; position: absolute; top: 0; left: -360px; z-index: -1;}
.busi_btm p {padding: 90px 0 60px 0; color: #111; font-size: 26px; font-weight: 500; text-align: center;}

table {width: 100%;}
table thead th {color: #fff; background: #6d96ad; border-top: #03537f 3px solid; border-left: #fff 1px solid; padding: 12px 0; font-weight: 500;}
table thead th:nth-child(1) {border-left: none;}
table tbody tr {border-bottom: #8da9b9 solid 1px;}
table tbody td {padding: 16px 0; text-align: center; background: #fff; border-left: #8da9b9 solid 1px; word-break: keep-all;}
table tbody td:nth-child(1) {border-left: none;}
table tbody td img { width: 100%; }
.busi_btm_img {margin-bottom: 100px; text-align: center;}

/*사업영역 공기청정기*/
.busi_btm .busi_bg_02 {background: #f6f2e9; width: 1920px; height: 670px; position: absolute; top: 0; left: -360px; z-index: -1;}

/*사업영역 공기청정키트*/
.busi_btm .busi_bg_03 {background: #f6f2e9; width: 1920px; height: 980px; position: absolute; top: 0; left: -360px; z-index: -1;}
table tbody.table_img td {padding: 0px;}
table tbody.table_img td img {display: block;}
table tbody.table_img td.txt_l {text-align: left; padding: 20px;}

/*사업영역 공기순환기 판매*/
.busi_btm .busi_bg_04 {background: #f6f2e9; width: 1920px; height: 1960px; position: absolute; top: 0; left: -360px; z-index: -1;}

/*사업영역 서브비주얼*/
.sub_visual_03 {width: 100%; height: 410px; position: relative; background: url(../img/sub_visual_03.png) no-repeat center center; background-size: cover;}

/*비즈니스 레퍼런스*/
.sub_visual_04 {width: 100%; height: 410px; position: relative; background: url(../img/sub_visual_04.png) no-repeat center right 30%; background-size: cover;}
.tabmenu_edu {text-align: center; overflow: hidden; font-size: 0; margin: 100px 0 60px 0;}
.tabmenu_edu li {position: relative; display: inline-block; width: 120px; cursor: pointer; font-size: 26px; font-weight: 400; color:#999; background: #fff; border: 1px solid #fff; border-left: 0; height: 60px; line-height: 60px; box-sizing: border-box; text-align: center;}
.tabmenu_edu li.on {color: #111; font-weight: 500;}
.tabmenu_edu li.on::after {content:""; display:inline-block; width: 48px; height: 3px; background: #111; position: absolute; left: 35px; bottom: 0;}
.tabmenu_edu li:nth-child(1).on::after {width: 71px; left: 23px;}
/*.refer_cnt p {font-size: 26px; font-weight: 500; text-align: center; margin: 100px 0 60px 0;}*/
.refer_cnt .refer_list {margin-top: 100px;}
.refer_cnt .refer_list div { margin: 40px 0px;  text-align: center; position: relative;}
.refer_cnt .refer_list div > span{ font-size: 22px; color: #777;}
.refer_cnt .refer_list div > span::before {display: block; content: ''; width: calc((100% - 140px)/2); height: 1px; background: #ddd; position: absolute; top: 17px;}
.refer_cnt .refer_list div > span::after {display: block; content: ''; width: calc((100% - 140px)/2); height: 1px; background: #ddd; position: absolute; top: 17px; right: 0px;}
.refer_cnt .refer_list > ul > li {float: left; width: calc((100% - 120px)/4); background: #6d96ad; height: 250px; margin-right: 40px; margin-bottom: 40px; }
.refer_cnt .refer_list > ul > li a img {width: 100%; height: 250px;}
.refer_cnt .refer_list > ul > li > a > .thum img {max-width: 100%; max-height: 100%;}
.btn_more {text-align: center; margin: 30px 0 140px 0;}
.btn_more > a {display: inline-block;  width: 180px; height: 50px; vertical-align: middle; text-align: center; background: #f1f1f1;}
.btn_more > a > span {font-size: 16px; line-height: 50px; padding-right: 8px; padding-right: 18px; background: url(../img/btn_more.png) no-repeat center right;}

/*레퍼런스*/
/*project*/
.sub_content_inner span.select_year{display: block; width: 63px; padding: 5px; box-sizing: border-box; background: url(../images/project_ico.jpg) no-repeat right 5px center;}
.sub_content_inner span.on{border: 1px solid #ececec; border-radius: 3px;}
.project_list .projectbox{ height: 293px; margin-bottom: 13px;}
.project_list ul{overflow: hidden;}
.project_list ul li{width: 380px; display: inline-block; margin-bottom: 70px; margin-right:26px; float: left;}
.project_list ul li .project_main{font-size: 16px;  margin-right: 10px; color: #000;  
    /* 여러줄 말줄임 
    line-height: 22px; height: 66px;  -webkit-line-clamp: 3; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;*/
    /* 한줄말줄임 */
    overflow: hidden; white-space:nowrap; text-overflow: ellipsis; width: 100%; display: block;
}
.project_list ul#project li .project_sub{font-size: 15px; color: #8e8e8e;}

/*레퍼런스 상세*/
.project_detail .tit{margin: 200px 0 35px 0;}
.project_detail .tit span{margin: 0;}
.project_detail .tit span.project_detail_sub{font-size: 18px; color: #8e8e8e; margin-top: 10px;}
.sub_content .tit span {display: block; font-weight: 800; color: #333; font-size: 32px;}
.project_detail .tit span.project_detail_sub {font-size: 18px; color: #8e8e8e; margin-top: 10px;}
.project_detail img{height: auto; max-width: 1200px; display: block; margin: 0 auto 50px;}
.project_detail img:last-child{margin-bottom: 0;}
ul.ulTit li{line-height: 30px;}
ul.ulTit li:last-child{margin-bottom: 50px;}
ul.ulTit li span{color: #333;}
ul.ulTit li span.liTit{font-weight: 800; margin-right: 20px; text-align: justify; vertical-align: middle; display: inline-block; width: 70px;}

/*상담신청*/
.sub_visual_06 {width: 100%; height: 410px; position: relative; background: url(../img/sub_visual_06.png) no-repeat center center; background-size: cover;}
.consulting_form.sub{margin:180px 0 60px;}

/*공지사항*/
.sub_select_section{padding-bottom: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #222;}
.sub_select_section .total{color: #777;}
.sub_select_section .total > span{color: #111; font-weight: 500;}
.sub_select_section .sub_select{display: flex; justify-content: space-between; align-items: center;}

.new_table caption{display: none;}
.news_inner{width: 1200px; margin: 200px auto 0;}
.news_inner .sub_select input{border: 1px solid #ddd; outline: none; box-sizing: border-box; width: 300px; height: 45px; padding: 12px; color: #777;}
.sub_select_section .sub_select > button{height: 45px; width: 100px; background: #3e4e5e; color: #fff; border: none; cursor: pointer; letter-spacing: -0.02em;}
.news_inner .sub_select input::placeholder{color:#ddd;}
.table_wrap{margin-bottom: 40px;}
.table_wrap tbody tr td:first-child{font-family: 'Inter';}
.table_wrap tbody tr td{color: #555; letter-spacing: -1px; }
.table_wrap tbody tr td > a{color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.table_wrap th,
.table_wrap td{padding: 18px 12px; text-align: center;}
.table_wrap .txt_l{text-align: left; width: 100%;}
.paging_wrap{display: flex; align-items: center; justify-content: center;}
.paging_wrap a{display: inline-block; margin: 0 17px; color: #999;}
.paging_wrap a .strong{font-weight: 700; color: #1f3a55;}
.paging_wrap a.a_img{margin: 0;}

/*공지사항 view*/
.notice_detail{padding-bottom: 30px; border-bottom: 1px solid #919191;}
.notice_tit{font-size: 25px; font-weight: 800; margin-bottom: 10px;color: #111;}
.notice_tit_bottom{font-size: 18px; color: #8e8e8e;}
.notice_section{margin: 10px 0;}
.notice_section img{width: 100%;}

/* 이용약관 */
.agreement {box-sizing: border-box; margin-top:150px;}
.agreement > div { font-size: 14px; margin-bottom: 20px; }
.agreement > div > strong { display: block;margin-bottom: 10px; font-weight: 500;}
.agreement > div > span { display: block;margin-bottom: 10px; }
.agreement > div.list > p { padding-left: 20px;position: relative;margin-bottom: 5px; }
.agreement > div.list > p::before { display: inline-block;content: '';position: absolute;top: 0;left: 0; }
.agreement > div.list > p:nth-of-type(1)::before { content: '①'}
.agreement > div.list > p:nth-of-type(2)::before { content: '②'}
.agreement > div.list > p:nth-of-type(3)::before { content: '③'}
.agreement > div.list > p:nth-of-type(4)::before { content: '④'}
.agreement > div.list > p:nth-of-type(5)::before { content: '⑤'}