/*나눔스퀘어*/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* 기준 */
body{/* min-width:1200px;padding-top:70px; */}
.wrap_1200 {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.sub_container img {
}

/* 상단 */
#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.adress_line {
    width: 100%;
    background: #999;
    height: 1px;
    margin: 80px 0 0;
}
#headerin{
    position: relative;
}
.btnMenu {
    position: absolute;
    top: 16px;
    right: 36px;
}
.btnMenu a {
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-position: center;
    text-indent: -9999px; /* 텍스트 숨기기 */
}
.side{
    position: fixed; top: 0; right: -300px;
    width: 300px; height: 100%;
    padding: 22px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.9);
    overflow-y: scroll;
    z-index: 100;
    color: #fff;
}
.sideEvt h3{
    margin-bottom: 15px;
    margin-top: -6px;
    font-size: 18px;
    font-weight: 800;
}
.sideEvt .btn{
    margin-bottom: 5px;
}
.sideEvt .btn a:before{
    content: ""; 
    display: inline-block; vertical-align: top;
    width: 3px; height: 3px; 
    margin: 9px 8px 0 0;
    background: #fff;
}
.sideEvt .btn a{
    display: block;
    padding: 10px 0 10px 15px;
    background: #a6cf39; color: #fff; font-size: 16px;
}
.sideEvt .more a{
    display: block; padding: 8px 0;
    border: 2px solid ;
    text-align: center; color: #d2e9ff;
    font-size: 14px;
}
.sideMenu{
    margin: 15px 0;
}
.sideMenu .d1{
    border-top: 1px solid #555;
    padding: 15px 0;
}
.sideMenu .d1 .m{
    font-size: 18px;
    color: #d2e9ff;
	font-weight: 800;
}
.sideMenu .d1 .sub{
    padding-top: 10px;color: #fff;
    padding-left: 0;
}
.sideMenu .d1 .sub li{
    margin-bottom: 8px;
}
.sideMenu .d1 .sub li a{
    font-size: 15px; color: #fff;
}
.closeSide{
    position: absolute; top: 16px; right: 18px;
    color: #fff;
}
.closeSide a{
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    text-indent: -9999px;
}
.utill, .gnb{
    display: none;
}


/* 국문 영문 홈페이지 */
.gnb .lang-switch {
    display: flex;
    align-items: center;
    padding-left: 64px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
	color: #aaa;
}

.gnb .lang-switch a {
    color: #333;
    text-decoration: none;
    margin: 0 8px;
	font-size: 16px;
	font-weight: 500;
    transition: color 0.3s;
}

.gnb .lang-switch a:hover {
    color: #003670;
}


@media screen and (min-width:1100px){

	.btnMenu, .side, .btnSearch{
		display: none;
	}
	.utill, .gnb{
		display: block;
	}
	.gnb {
		position: absolute;
		top: 24px;
		right: 100px;
	}
	.gnb .d1{
		position: relative;
		float: left;
		margin-left: 64px;
		/*padding-bottom: 24px;*/
	}
	.gnb .d1 .m{
		position: relative; display: block;
		font-size: 18px;
		color: #111;
		font-weight: 500;
		transition: all 0.2s ease;
	}
	.gnb .d1:hover .m{ 
		color: #003670;
	}
	.gnb .d1 .sub {
		position: absolute;
		top: 100%;
		left: 50%;
		width: 180px;
		transform: translateX(-50%);
		display: none;
		padding-top: 29px;
		box-sizing: content-box;
	}
	.gnb .d1:hover .sub {
		display: block !important;
	}
	.gnb .d1 .sub ul {
		padding: 16px;
		background: #003670;
	}
	.gnb .d1 .sub li {
		margin-bottom: 8px;
	}
	.gnb .d1 .sub li a {
		font-size: 16px;
		color: #fff;
		font-weight: 500;
		}
	.gnb .d1 .sub li:hover a {
		color: #e6f6fd;
		transition: all .3s ease;
		text-decoration: none;
	}
}

.header div:nth-child(1)}{}
h1 {
    position: absolute;
    left: 100px;
    top: 11px;
}
h1 a{color:#b60014;font-size:18px;}
h1 a img {
    vertical-align: middle;
    width: 66%;
}

/* 주메뉴 */
.footer {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 188px;
    padding: 36px;
    background: #212529;
    border-top: none;
}
.footer address {
    line-height: 26px;
}
.footer address div {display: block;}
.footer address span {color:#999; font-size:15px; font-weight: 500;}
.footer address span i {display: inline-block; padding: 0 10px; color: #777;}

ul.sns {
    position: absolute;
    top: 0;
    right: 0;
}
ul.sns li {
    float: left;
    margin-left: 13px;
}
ul.sns li a img {
    width: 34px;
}
ul.fnb {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #4f545a;
    margin-top: 16px;
    padding-top: 16px;
}
ul.fnb li {
    float: left;
    text-align: center;
    padding: 0 15px;
}
ul.fnb li:first-of-type {
    padding-left: 0;
}
ul.fnb li a{
    color: #999;
    font-size: 15px;
    font-weight: 500;
}
ul.ebook {
    position: absolute;
    top: 0;
    right: 0;
    }
ul.ebook li {
    float: left;
    padding-left: 16px;

}
ul.ebook li a img {
    height: 34px;
}
ul.ebook li:first-of-type {
    padding-left: 0;
}

@media screen and (max-width: 980px) {
    ul.fnb li {
        font-size: 13px;
        padding: 0 10px;
    }
    ul.ebook {
        position: static;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #4f545a;
    }
}

/* 메인 콘텐츠 */
.mv_b{display:block;background:#367c43;border-radius:5px;font-size:16px !important;padding:10px 25px;transition:all 0.3s;}
.mv_b:hover{background:#1b5d27;}
.slider {
    min-height: 100px;
}

.wrap_main{
    background: #f2f7ff;
    overflow: hidden;
}

a.btn_dark_black.modern_line:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 30%;
    top: 50%;
    right: 0;
    height: 1px;
    background: #fff;
}
a.btn_dark_black:hover {
	transition: ease-in 0.3s;
	background: #111;
}
a.btn_dark_black {
    background: #333;
    font-size: 16px;
    color: #fff;
    padding: 14px 20px;
    display: block;
    width: 178px;
    margin: 0 auto;
    position: relative;
	margin-top: 40px;
}
.main_box_first .bg_black {
    display: block;
}
a.btn_white {
    font-size: 16px;
    background: none;
    color: #fff;
    padding: 14px 20px;
    display: block;
    width: 178px;
    border: 1px solid #fff;
    position: relative;
}
a.btn_white:hover {
	background: rgba(0,0,0,0.1);
	transition: all .3s ease;
}
a.btn_white:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 30%;
    top: 50%;
    right: 0;
    height: 1px;
    background: #fff;
}
a.btn_black.modern_line:hover {
	transition: ease-in 0.3s;
	background: #eee;
}
a.btn_black.modern_line{
    font-size: 16px;
    color: #333;
    padding: 14px 20px;
    display: block;
    width: 178px;
    margin: 40px 0 0 0;
    position: relative;
    border: 1px solid #333;
}
a.btn_black.modern_line:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 30%;
    top: 50%;
    right: 0;
    height: 1px;
    background: #333;
}

.main_slide_title {
    position: absolute;
    top: 340px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    color:#fff;
}

.sub_slide_title{
    position: absolute;
    top: 470px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: #fff;
}
.main_slide_title.first_title {
    top: 275px;
}
.sub_slide_title.first_title_sub {
    top: 425px;
}
b {
    font-size: inherit;
    font-weight: 600;
}

.main_slide_title.second_title > div, .sub_slide_title.second_title_sub > div, .main_slide_title.second_title > div > b {
    text-shadow: none;
}
.main_box {
    overflow: hidden;
}
.main_box_first {
    width: 50%;
    float: left;
    background: url(/images/main/main_banner_01.jpg);
    height: 536px;
}

.main_box_second {
    float: right;
    width: 50%;
}
.main_box_second .bg_right, .main_box_second .bg_left {
    width: 100%;
    overflow: hidden;
}

.main_box_second .bg_right .text_box {
    float: left;
    width: 50%;
    background: #fff;
    height: 268px;
    padding: 40px 50px;
}

.main_box_second .bg_left .text_box {
    float: right;
    width: 50%;
    background: #fff;
    height: 268px;
    padding: 47px 53px;
}
.main_box_second .bg_right {
    background: url(../images/sub/main_banner_02.jpg) right top;
    background-size: auto;
}

.main_box_second .bg_left {
    background: url(../images/sub/main_banner_03.jpg) left bottom;
    background-size: auto;
}
.main_box_first:hover .bg_black {
    display: block;
    width: 100%;
    height: 538px;
}
.main_box_first .bg_black {
    padding: 5%;
}
.main_box_first .bg_black .text_box, .main_box_first .bg_black .text_box .f14 {
    color: #fff;
}


/* 메인 슬라이드 */
.main-slide-text-01 {
  font-size: 44px;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -1px;
}

.slider-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.slider-container,
.slider li {
  position: relative;
  width: 100%;
  height: 813px;
  overflow: hidden;
}

.slider li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  display: block;
  transform: translateZ(0);
  backface-visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* 모바일 */
@media (max-width: 768px) {
  .slider-container {
    height: 500px !important;
  }
  .slider li {
    height: 100% !important;
  }
  .slider li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
}

/* 반응형 대응 */
@media (max-width: 1100px) {
    .main-slide-text-01 { font-size: 24px; }
}

@media (max-width: 576px) {
    .main-slide-text-01 { font-size: 17px; }
    .tp-caption.bottom-label.sfb.main-slide-00.start {
        top: 160px !important;
    }
    .slider[data-plugin-revolution-slider] .main-slide-01 {
        top: 240px !important;
    }
}

/* 서브 콘텐츠 */
.sub_visual_01 {
    background: url(/images/common/sub_visual_01.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_visual_02 {
    background: url(/images/common/sub_visual_02.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_visual_03 {
    background: url(/images/common/sub_visual_03.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_visual_04 {
    background: url(/images/common/sub_visual_04.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_visual_05 {
    background: url(/images/common/sub_visual_05.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_visual_06 {
    background: url(/images/common/sub_visual_06.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_visual_07 {
    background: url(/images/common/sub_visual_07.jpg)  center no-repeat;
    height: 400px;
    background-size: cover;
}
.sub_container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    min-height: 480px;
}
.sub_menu {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sv_text .title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    padding-top: 200px;
}
.sv_text .title span {
    font-size: 17px;
    color: rgba(255,255,255,0.8);
    line-height: 48px;
}
.sub_menu > ul {
    border-top: 0;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.sub_menu > ul > li {
    display: inline-block;
    width: 14.2%;
}
.sub_menu > ul > li > a {
    display: flex;
    text-align: center;
    font-size: 17px;
    color: #111;
    font-weight: 500;
    height: 72px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sub_menu > ul > li > a:hover {
    color: #003670;
}
.sub_menu > ul > li > a.on {
    color: #003670;
    border-bottom: 2px solid #003670;
}
.sub_menu > ul > li > ul{background: #f5f5f5;}
.sub_menu > ul > li > ul > li > a{display:block;height:32px;line-height:32px;margin:0 15px;padding-left:10px;font-size:14px;color:#898989;transition:all 0.3s;}
.sub_menu > ul > li > ul > li > a:hover, .sub_menu > ul > li > ul > li > a.on{background:#000;color:#fff;}


#company > li {width:14.28%;}


.sub_contents {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0 140px 0;
}
.sub_title{
    text-align: center;
    margin-bottom: 50px;
}
.sub_title em {
    font-size: 38px;
    font-weight: 700;
    color: #111;
    display: block;
}
.sub_title div {
    color: #666;
    font-size: 14px;
}
.sub_title span{color:#888;font-size:14px;font-weight:300;}

.sub_con{position:relative; width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto;}

p {font-size: 18px; color: #000;}


/* 준비중 */
.soon{text-align:center;margin:150px 0 50px;font-size:22px;color:#000;font-weight:300;letter-spacing:-1px;line-height:32px;}
.soon em{font-style:normal;font-size:28px;color:#df0001;font-weight:400;;color:#df0001;}
.soon span{display:inline-block;font-size:16px;color:#999;}


/* 헤딩 */
.sub_con .h2{font-size:24px;font-weight:700;margin-bottom:20px;color:#025db7;}


/* 회사소개 */
.about_title {
    background-color: #f0f1f3;
    width: 100%;
    padding: 60px 5%;
    border-radius: 20px;;
}
.about {
    width: 100%;
    margin-bottom: 70px;
}
.about:last-child {
    margin-bottom: 0;
}
.about h3, .about_title h3 {
    padding-bottom: 20px;
    font-weight: 500;
    width: 58%;
    letter-spacing: -0.5px;
}
.about_img {
    text-align: center;
    float: right;
    margin-top: -226px;
    margin-right: -75px;
    width: 47%;
}
p.txt_n {
	font-size: 28px;
	line-height: 1.5;
	text-align: center;
	font-weight: 500;
}
.txt-1 {
	color:#ea7724;
	font-size: 28px;
	font-weight: 500;
}
.text_from {
    float: right;
    margin-top: 20px;
    margin-right: 18px;
}
.about_info ul {
    overflow: hidden;
    clear: both;
    text-align: center;
}
.about_info ul li {
    font-size: 16px;
    height: 179px;
    width: 179px;
    display: inline-block;
    background: #edf6ed;
    border-radius: 50%;
    text-align: center;
    margin: 20px;
    padding-top: 55px;
}
.about_info ul li h3 {
    font-size: 28px;
    color: #0c5d30;
    font-weight: 500;
}
.group_cell, .product_cell {
	position: relative;
	margin-bottom: 70px;
}
.group_cell:last-child {
	margin-bottom: 0;
}
.group_cell img {
	width: 100%;
	border-radius: 20px;
}
.product_box {
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
}
.product_cell:last-child {
	margin-bottom: 0;
}
.product_cell img{
	width: 100%;
	border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}
.group_cell h3, .product_cell h3, .business_list h3{
	margin-bottom: 20px;
	letter-spacing: -0.03em;
	font-weight: 600;
	color: #333;
}
.tit_more {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.tit_more p {
	letter-spacing: -0.03em;
	font-weight: 600;
	color: #333;
	float: left;
}
.tit_more a {
	color: #777;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	float: right;
	border-bottom: 1px solid #999;
}
.sub_tit {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.03em;
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(/images/sub/org_dot.png) no-repeat 0 10px;
	padding-left: 11px;
}
.table-wrapper {
    width: 100%;
    overflow-x: auto;
}
.table_info {
	width: 100%;
	border-collapse: collapse;
	min-width: 500px;
	table-layout: fixed;
	border-top: 2px solid #222;
	border-bottom: 2px solid #222;
}
.table_info tr:first-child {
	border-top: none;
}
.table_info tr {
	border-top: 1px solid #eee;
}
.table_info th {
	background: #f5f5f5;
	font-weight: 500;
}
.table_info th, .table_info td {
	font-size: 17px;
	line-height: 1.6;
	text-align: center;
	color: #222;
	padding: 16px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table_info th:last-child, .table_info td:last-child {
    border-right: 0;
}
.dot_txt_list > li {
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	line-height: 28px;
	color: #333;
	text-align: left;
}
.dot_txt_list > li:after {
	content: '·';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.business_list {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 70px;
}
.business_list:last-child {
  margin-bottom: 0;
}
.business_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: flex-start;
  align-items: flex-start;
}
.business_list li {
  flex: 0 0 calc(33.333% - 13.34px); /* 3개 정렬 */
  max-width: calc(33.333% - 13.34px);
  box-sizing: border-box;
}
.business_list img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}
.business_list ul li:first-child {
  margin-left: 0;
}
.section-title {
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.4;
    position: relative;
}
.title-icon {
    width: 10px;
    height: 10px;
    background-color: #003670;
    margin-right: 8px;
    border-radius: 2px;
    margin-top: 0.7em;
    flex-shrink: 0;
}

/* 반응형: 태블릿 */
@media (max-width: 991px) {
  .business_list li {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

/* 반응형: 모바일 */
@media (max-width: 576px) {
  .business_list li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.measure_list {
	overflow: hidden;
	position: relative;
	margin-bottom: 50px;
}
.measure_list ul {
  display: flex;
  padding-top: 0;
  justify-content: space-evenly;
}
.measure_list ul li img {
	width: 100%;
}
.measure_list ul li:first-child {
	margin-left: 0;
}
.business_list ul li h3, .measure_list ul li h3 {
	font-size: 17px;
	font-weight: 500;
	color: #333;
	line-height: 1.4;
	text-align: center;
	margin-top: 10px;
}

/* 검사설비 */
.measurement-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}

.measurement-section img {
  max-width: 100%;
  height: auto;
  flex: 1 1 400px;
  border-radius: 8px;
}

.measurement-table {
  flex: 1 1 400px;
  border-collapse: collapse;
  width: 100%;
  font-size: 17px;
  border-top: 2px solid #222;
  border-bottom: 2px solid #222;
}

.measurement-table th,
.measurement-table td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px;
  text-align: left;
  font-size: 17px;
  color: #222;
}

.measurement-table td:last-child {
  border-right: 0;
}

.measurement-table th {
  background-color: #f5f5f5;
  font-weight: 500;
  font-size: 17px;;
}

.measurement-table td:nth-child(2) {
  font-weight: 400;
}


.signature-line {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	text-align: right;
}
.signature-img {
	height: 93px;
	max-width: 100%;
	object-fit: contain;
}
.com ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}
.com li {
	width: calc((100% - 60px) / 3);
	padding: 15px 30px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 20px;
}
.com li.com_sub {
	opacity: 1;
	transform: translateY(0);
}
.com li:nth-child(1).com_sub {
	transition: all 0.5s;
}
.com li .icon {
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
}
.com li .txts {
	padding: 40px 0;
}
.com li .txts .tit {
	font-size: 26px;
	font-weight: 500;
	color: #222;
}
.com li .txts p {
	font-size: 18px;
	line-height: 1.5em;
	color: #222;
	margin-top: 20px;
}

@media (max-width: 980px) {
	.com ul {
		gap: 20px;
		margin-top: 40px;
	}
	.com li {
		width: 100%;
		padding: 15px 20px;
	}
	.com li .icon {
		padding: 20px 0;
	}
	.com li .txts {
		padding: 20px 0;
	}
	.com li .txts .tit {
		font-size: 20px;
	}
	.com li .txts p {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.signature-img {
		height: 80px;
	}
}


/* 탭메뉴 */
.business_img_right {
    overflow: hidden;
    border: 1px solid #eee;
}

.business_img_right img {
    width: 50%;
    float: right;
}
.business_img_right .text_box {
    float: left;
    width: 50%;
    padding: 8% 4%;
}

.business_img_left {
    overflow: hidden;
    border: 1px solid #eee;
}

.business_img_left img {
    width: 50%;
    float: left;
}
.business_img_left .text_box {
    float: right;
    width: 50%;
    padding: 8% 4%;
}

/* 고객문의 */
.contact-box {
  background-color: #f0f1f3;
  border-radius: 20px;
  padding: 80px 120px;
  margin: 0 auto;
}

.contact-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.contact-item {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-label {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  color: #003670;
}

.contact-label svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  fill: #003670;
}

.contact-info {
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.contact-subtext {
  font-size: 17px;
  color: #888;
}

@media (max-width: 768px) {
  .contact-grid {
    flex-direction: column;
  }
  .contact-box {
    padding: 30px;
  }
  .contact-item {
    flex: 1 1 100px;
  }
  .contact-info {
    font-size: 28px;
  }
}


/* 오시는길 */
div#daumRoughmapContainer1762736657061 {
    width: 100% !important;
}
.adress_title {
    background: url(/images/sub/location_icon.jpg) no-repeat left top 20px;
    padding: 20px 0 20px 32px;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.adress_title a {
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 16px;
    color: #666;
    background-color: #eee;
}
.adress_title a:hover {
	background-color: #ddd;
	transition: all .3s ease;
}
.adress-info {
	display: flex;
	flex-direction: column;
}
.adress_sub {
    background: #f8f8f8;
    padding: 40px 50px;
}
.adress_sub p.f20 {
    color: #025db7;
    font-weight: 500;
    margin-bottom: 14px;
}
.adress_sub p b {
    font-weight: 500;
    padding-right: 15px;
}
.section.section_address.lst {display: none;}
.root_daum_roughmap_landing .border2 {border: 1px solid #000 !important; display: block !important;}

/* 추가 CSS */
/* 그누보드 충돌 */
.scroll-to-top{display:none !important;}
label > strong{display:none !important;}
#bo_list_total{display:none !important;}
#bo_btn_top div, #bo_btn_top ul{display:none !important;}

div#hd_pop {
    display: none;
}
/* div#hd_pop > h2 {display: none;}
.hd_pops_con img {
    width: 100%;
}
.hd_pops_footer > button {
    font-size: 14px;
    text-align: center;
    border: 1px solid #555;
    padding: 3px 5px;
    margin: 10px 3px;
}
.hd_pops_footer {
    width: 100%;
    background: #eee;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}
.hd_pops_footer > button:first-child {
    display: none;
} */
#bo_cate ul {
    text-align: center !important;
}
.gall_info, .gall_name {
    display: none;
}


/* 데크제 */
.deck_bg {
    background: #f8f8f8 url(/images/sub/deck_sub_bg.jpg) no-repeat bottom;
    padding: 162px;
    height: 610px;
    text-align: center;
}

.deck_bg > p {
    text-align: center;
    font-size: 21px;
    color: #fff;
    margin-top: 38px;
    line-height: 36px;
}
.deck_list {
    padding: 104px 0;
    background: #f7f7f7;
    overflow: hidden;
}
.deck_list ul {
    margin: 0 auto;
    /* display: block; */
    /* overflow: hidden; */
    width: 100%;
    max-width: 1200px;
}
.deck_list ul li {
    display: inline-block;
    MARGIN: 1px;
    width: 24%;
    MARGIN: 0.3%;
}
.deck_list ul li h3 {
    font-size: 22px;
    font-weight: 500;
    color: #484848;
    line-height: 65px;
}

/* 인증현황 */
.certi_title { 
	background: url(/images/sub/certi_bg.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
}
.certi_title .certi_title_text_box {
    float: left;
    margin-top: 12%;
    margin-left: 11%;
    width: 45%;
}
.certi_title img.certi_icon1 {
	float:right;
    width: 32%;
    margin-top: 6%;
    margin-right: 11%;
    display: block;
}
.certi_title .certi_title_text_box h3 {
    margin-bottom: 10px;
}
img.certi_icon2 {
    margin: 16px auto;
    display: block;
}
.certi_text{
	background: url(/images/sub/certi_bg2.jpg) no-repeat;
    height: 447px;
}
.certi_text p{
	text-align:center; padding-top:150px;
}


/* 사업분야 */
p.year {
	font-size: 36px;
	font-weight: 900;
	color: #003670;
	margin-bottom: 20px;
}

.tech_txt_box {
	width: 100%;
	padding: 40px;
	border-radius: 20px;
    background-color: #f0f1f3;
}

.tech_txt_box_sky {
	width: 100%;
	padding: 30px;
	background-color: #edf4fa;
}

.tit_h4 {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	line-height: 26px;
	margin-bottom: 10px;
}

.txt_h4 {
	font-size: 18px;
	color: #222;
	margin-bottom: 12px;
}
.txt_h4 span {
	font-size: 18px;
	font-weight: 600;
	margin-right: 12px;
}

.txt {
	font-size: 18px;
	color: #222;
	line-height: 1.8;
}

.txt_h4_center {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	padding-left: 11px;
	text-align: center;
}

.txt_h4:last-child {
	margin-bottom: 0;
}

.txt_p16 {
	font-size: 16px;
	color: #025db7;
	line-height: 24px;
}

.bg_txt {
	background: url(/images/sub/tech05_img01.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bg_txt .float {
	float: right;
	width: 55%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.bg_txt2 {
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.bg_txt2 .float {
	float: right;
	width: 100%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.bg_txt3 {
	background: url(/images/sub/tech01_ge_img01.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bg_txt3 .float {
	float: right;
	width: 60%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.bg_txt4 {
	background: url(/images/sub/tech01_ge_img07.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bg_txt4 .float {
	float: right;
	width: 54.6%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.bg_txt5 {
	background: url(/images/sub/tech01_ge_img08.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bg_txt5 .float {
	float: right;
	width: 50%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.bg_txt6 {
	background: url(/images/sub/tech01_gd_img01.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bg_txt6 .float {
	float: right;
	width: 60%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.bg_txt7 {
	background: url(/images/sub/tech01_gp_img02.jpg) left top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bg_txt7 .float {
	float: right;
	width: 56%;
	background: #f9f9f9;
	color: #333;
	padding: 40px;
}

.dot_list > li {
	position: relative;
	padding-left: 0.8em;
	margin-top: 0.6em;
	font-size: 16px;
}

.dot_list > li:first-child {
	margin-top: 0;
}

.dot_list > li:before {
	position: absolute;
	left: 0;
	top: 0.7em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #6d87a4;
	content: '';
	line-height: 1.15;
}

span.blue { font-size: 18px; }

.img-caption {
  text-align: left;
  margin-top: 8px;
  font-size: 16px;
  color: #333;
  background: url(/images/sub/blue_dot.png) no-repeat 0;
  padding-left: 8px;
}

@media (max-width: 1024px) {

	.bg_txt {
		padding-top: 28rem;
		background-size: auto 28rem;
	}
	.bg_txt .float {
		float: none;
		width: 100%;
		padding: 15px;
	}

	.bg_txt3, .bg_txt6 {
		padding-top: 16rem;
		background-size: auto 16rem;
	}
	.bg_txt3 .float, .bg_txt6 .float {
		float: none;
		width: 100%;
		padding: 15px;
	}

	.bg_txt4 {
		padding-top: 23rem;
		background-size: auto 23rem;
	}
	.bg_txt4 .float {
		float: none;
		width: 100%;
		padding: 15px;
	}

	.bg_txt5 {
		padding-top: 14rem;
		background-size: auto 14rem;
	}
	.bg_txt5 .float {
		float: none;
		width: 100%;
		padding: 15px;
	}

	.bg_txt7 {
		padding-top: 22rem;
		background-size: auto 22rem;
	}
	.bg_txt7 .float {
		float: none;
		width: 100%;
		padding: 15px;
	}

	.dot_list > li {
		font-size: 15px;
	}
	.tech_txt_box {
		padding: 7%;
	}
	.txt_h4 {
		font-size: 16px;
		line-height: 1.8;
	}
	.bg_txt2 .float {
		padding: 15px;
	}
	.txt {
		font-size: 16px;
		line-height: 1.8;
		letter-spacing: -0.5px;
	}
	span.blue {
		font-size: 16px;
	}
}


/* 탭메뉴 */
section {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

#tabmenu {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
	text-align: center;
}

section ul {
	margin-top: 0;
	display: inline-block;
}

section ul li {
	margin-top: 0;
}

.tab {
	margin: 0 auto;
}

.tab li {
	display: inline-block;
	border: 1px solid #ddd;
	border-left: 0;
	box-sizing: border-box !important;
	text-align: center;
	width: 240px;
	padding: 10px 5px;
	float: left;
}

.tab li:first-of-type {
	border-left: 1px solid #ddd;
}

.tab li a {
	display: block;
	color: #888;
	font-size: 15px;
	text-align: center;
}

.tab li.on {
	background: #333;
}

.tab li.on a {
	color: #fff;
}

@media (max-width: 1024px) {
	section ul {
		border: 1px solid #ddd;
		width: 100%;
	}
	.tab li {
		width: 50%;
	}
	.tab li {
		border-top: 0;
		border-right: 0;
	}
	.tab li:first-of-type {
		border-left: 0;
	}
	.tab li:last-of-type {
		border-right: 0;
		border-bottom: 0;
	}
	.tab li:nth-child(odd) {
		border-right: 1px solid #ddd;
	}
}


@media (max-width: 1630px) {
	.main_box_second .bg_right .text_box, .main_box_second .bg_left .text_box{
		padding: 5%;
	}
	.main_box_second .bg_right .text_box br, .main_box_second .bg_left .text_box br{
		display:none;
	}
	.main_box_second .bg_right .text_box h3, .main_box_second .bg_left .text_box h3{
		line-height: 26px;
	}
}


@media (max-width: 1170px) {
	.main_slide_title {
		top: 200px;
	}
	.sub_slide_title{
		top: 400px;
	}

	.deck_list ul li h3 {
		padding: 20px 0;
		line-height: 30px;
	}
}


@media (max-width: 1024px) {
	h1 a img {width: 40%;}

	.sub_visual_01,.sub_visual_02,.sub_visual_03,.sub_visual_04,.sub_visual_05, .sub_visual_06, .sub_visual_07 {
		height: 200px;
	}
	.sv_text .title {
		padding-top:110px;
		font-size: 24px;
	}
	.sv_text .title span {
		font-size: 13px;
		line-height: 41px;
	}
	.sub_menu > ul > li > a {
		height: 60px;
		font-size: 17px;
	}
	.sub_menu > ul > li {
		width: 20%;
	}

	#company > li {width:20%;}

	.closeSide {
		top: 8px;
		right: 20px;
	}
	.closeSide a {
		width: 32px;
		height: 32px;
	}
	.btnMenu a {
		width: 32px;
		height: 32px;
	}
	.btnMenu {
		top: 8px;
		right: 20px;
	}
	#header {
		min-height: 40px !important;
		height: 56px;
	}
	h1 {
		position: absolute;
		left: 20px !important;
		top: 10px;
	}
	.sub_container {
		width: 92%;
		margin: 0 4%;
	}


/* 서브 페이지 */
	.about_title {
		padding: 60px 6%;
	}
	.certi_title .certi_title_text_box {
		margin-top: 5%;
		margin-left: 4%;
		width: 55%;
	}
	.certi_title img.certi_icon1 {
		margin-right: 4%;
	}
	.certi_title .certi_title_text_box h3 {
		font-size: 24px !important;
	}
}


/* 모바일 최적화 */
@media (max-width: 980px) {
	.main_box_second .bg_right .text_box h3, .main_box_second .bg_left .text_box h3, .main_box .bg_black .text_box h3, {font-size: 25px !IMPORTANT;}
	.wrap_main{
		padding: 0 10%;
	}

	/* 회사소개 */
	.about_title h3 {
		width: 100%;
	}
	.about_img {
		/* margin: 0; */
		width: 40%;
		margin-right: -35px;
		margin-top: -35px;
	}
	.text_from {
		margin: 0;
	}
	.about_title {
		background-size: cover;
	}
	.about_info {
		margin-top: 30px;
	}
	.about_info ul li {
		width: 150px;
		height: 150px;
		margin: 5px;
		padding-top: 40px;
	}
	.scrollBar {
		padding-bottom: 15px;
		overflow-x: auto;
	}


	/* 사업분야 */
	.business_img_right .text_box {
		padding: 6% 6%;
	}


	/* 데크제 */
	.deck_list ul li img {
		width: 100%;
	}
	.deck_list {
		padding: 34px 0;
	}
	.deck_list ul li {
		width: 48%;
		margin: 0 0.5%;
		margin-bottom: 30px;
		vertical-align: top;
	}
	.deck_list ul {
		width: 94%;
		padding: 3%;
	}
	.deck_bg > p {
		font-size: 16px;
		line-height: 26px;
	}
	.deck_bg {
		padding: 87px;
		height: 475px;
	}
	.deck_bg > img {
		width: 155px;
	}
}


@media (max-width: 890px) {
	.main_slide_title{
		top:138px;
	}
	.sub_slide_title {
		top: 300px;
	}
	.main_slide_title > div {
		font-size: 22px !important;
		line-height: 48px !important;
	}
	.main_slide_title > div > span {
		font-size: 50px !important;
	}
	.main_box_first {
		width: 100%;
		background: url(/images/main/main_banner_01.jpg) bottom left;
		height: 280px;
	}
	.main_box_first:hover .bg_black{
		height: 280px;
	}
	.main_box_second {
		width: 100%;
	}


	/* 회사소개 */
	.about_title {
		overflow: hidden;
		background-size: cover;
		padding: 40px 7%;
	}
	.about_img {
		display: none;
	}
	.about_text {
		width: 100%;
	}


	/* 사업분야 */
	.business_img_right .text_box p, .business_img_left .text_box p {
		font-size: 14px;
	}
	.business_img_right .text_box h3, .business_img_left .text_box h3 {
		font-size: 20px !important;
	}
	.adress_sub {
		background: #f8f8f8;
	}
}


@media (max-width: 700px) {
	.main_slide_title > div {
		font-size: 20px !important;
		line-height: 40px !important;
	}
	.main_slide_title > div > span {
		font-size: 40px !important
	}
	.sub_slide_title {
		display:none;
	}
	.main_slide_title {
		top: 160px;
		width: 90%;
		font-family: 'Noto Sans KR';
	}
	.wrap_main .wrap_1200 p.f28 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.wrap_main .wrap_1200 p.f15 {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.sub_menu > ul > li {
		width: 33.3%;
	}
	.sub_menu > ul > li > a {
		height: 56px;
		font-size: 16px;
	}
	.table_info th, td {
		font-size: 16px;
		line-height: 1.8;
		padding: 14px;
	}

#company > li {width:33.3%;}


	#bo_cate li {
		padding: 2px 2px;
	}
	#bo_cate a {
		font-size: 13px;
	}
	.gall_row .col-gn-4 {
		width: 50%;
	}
	#bo_cate ul {
		text-align: left !important;
	}

	th.bb_writer, th.bb_number, td.td_name.sv_use, td.td_num.sv_use {
		display: none;
	}
	.bo_tit {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		width: 300px;
		overflow: hidden;
	}

	.business_list ul li {
		margin-left: 0;
	}

	.adress_line {
		margin: 50px 0 0;
	}

	.adress_title {
		font-size: 16px;
	}


	/* 회사소개 */
	.about_title h3 {
		font-size: 20px !important;
	}
	p {
		font-size: 16px;
		line-height: 1.8;
	}
	.about_info ul li {
		width: 134px;
		height: 134px;
		font-size: 14px;
	}
	.about_info ul li h3 {
		font-size: 22px;
	}
	.section-title {
		margin-bottom: 12px;
	}
	.table_info th, .table_info td {
		font-size: 16px;
	}

	/* 사업영역 */
	.business_img_right img, .business_img_left img {
		float: left;
		width: 100%;
	}
	.business_img_right .text_box, .business_img_left .text_box {
		width: 100%;
		padding: 30px 20px;
	}
	.business_img_right, .business_img_left {
		margin-bottom: 30px;
	}

	/* 연혁 */
	p.year {
		font-size: 22px;
		margin-bottom: 8px;
	}


	/* 오시는길 */
	.adress_title{
		padding: 16px 0;
		text-align: center;
		background: none;
		flex-direction: column;
	}
	.adress_title a {
		float: unset;
		display: inline-block;
		margin: 0 auto;
		clear: both;
		width: 100%;
		margin-top: 20px;
		color: #666;
		background-color: #eee;
	}
	.adress_sub {
		padding: 30px;
		background-size: 105px;
	}
	div#daumRoughmapContainer1762736657061 {
		width: 100% !important;
	}


	/* 인증현황 */
	.certi_title .certi_title_text_box {
		width: 100%;
		text-align: center;
		margin: 24px auto;
	}
	.certi_title img.certi_icon1{
		float: unset;
		margin: 0 auto;
		text-align: center;
		padding: 30px 0;
		width: auto;
	}
}


@media (max-width: 480px) {
	.deck_list ul li {
		width: 99%;
	}
	.main_box_second .bg_right .text_box {
		width: 100%;
		padding: 10%;
	}
	.main_box_second .bg_left .text_box{
		background: rgba(0,0,0,0.5);
		width: 100%;
		padding: 10%;
		color: #fff;
	}
	.bg_left .text_box p.f14 {
		color: #fff;
	}
	.main_box_first {
		background: url(/images/main/main_banner_01.jpg) bottom center;
		background-size: auto 100%;
	}
	.footer address br {
		display: none;
	}
	.footer {
		padding: 4%;
	}

	.main_box_second .bg_left a.btn_black.modern_line {
		color: #fff;
		border: 1px solid #fff;
	}

	.main_box_second .bg_left a.btn_black.modern_line:after{
		background: #fff;
	}

	.main_box_first .bg_black {
		padding: 0;
		display: block;
	}

	.main_box_first .bg_black .text_box {
		background: rgba(0,0,0,0.5);
		width: 100%;
		padding: 10%;
		color: #fff;
		height: 280px;
	}

	.wrap_1200 p span {line-height: 1;}
	.main_box_second .bg_left .text_box p {color: #fff;}

	.sub_title em {font-size: 28px;}

	.business_list ul {
		flex-wrap: wrap;
	}
	.business_list ul li {
		width: 100%;
	}


	/* 서브 페이지 */
	.about_title h3 br {
		display: none;
	}
	p.txt_n {
		font-size: 22px;
	}
	.group_cell h3, .product_cell h3, .business_list h3 {
        font-size: 20px !important;
        margin-bottom: 12px;
	}
	.txt-1 {
		font-size: 22px;
	}
	.about {
		margin-bottom: 32px;
	}
	.business_list ul li h3, .measure_list ul li h3 {
		font-size: 16px;
	}
	.group_cell h3, .flex_cell h3, .product_cell h3 {
		font-size: 20px !important;
		margin-bottom: 10px;
	}
	.txt_h4 span {font-size: 15px;}
	.col-4 {
		margin-top: 15px;
	}


	/* 팝업 레이어 */
	div#hd_pop {
		/*max-width: 320px;*/
	}
	.certi_title{padding:15px;}
	.certi_title .certi_title_text_box h3 br {
		display: none;
	}


	/* 공통사항 추가 */
	section {
		margin-bottom: 10px;
	}
	.sub_contents {
		padding: 50px 0;
	}
	.sub_title {
		margin-bottom: 36px;
	}


	/* 게시판 추가 */
	.bo_tit {
		width: 240px;
	}
	#bo_v {
		padding: 1%;
		margin-bottom: 0;
	}
	#bo_v_title .bo_v_tit {
		font-size: 18px;
		line-height: 26px;
		margin: 0;
	}
	#bo_v_con {
		margin: 5px 0 10px;
	}
	#bo_v_img img {
		margin-bottom: 10px;
	}
	#bo_v_share {
		margin: 0;
	}
	#bo_vc_empty {
		padding: 10px 0 !important;
	}
	#bo_gall .gall_box {
		margin: 0 0 15px 0;
	}
	.gall_row .col-gn-0, .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .gall_row .col-gn-10 {
		padding-left: 5px;
		padding-right: 5px;
	}
	#bo_gall #gall_ul {
		margin: 10px -5px 0;
	}
	#bo_gall .gall_img span {
		line-height: 118px;
	}
}


@media (max-width: 425px) {
}


/* 인증현황 추가 */
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -1%;
	margin-left: -1%;
}
.col, [class*="col-"] {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-left: 1%;
	padding-right: 1%;
	float: left;
}
.col-12 {
	width: 100%;
}
.image-wrap {
	border: 1px solid #ddd;
}
.image-wrap .img {
	padding-top: 140%;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: cover;
}
.image-wrap .img1 {
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: cover;
}
.text-wrap {
	margin-top: 16px;
	text-align: center;
}
.text-wrap .certificate_txt {
	line-height: 1.6;
	font-weight: 500;
}
.ell {
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 768px) {
	.col-4 {
		max-width: 50%;
		flex: 1 0 50%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.text-wrap .certificate_txt {
		font-size: 16px;
	}
	.group_cell, .product_cell {
		margin-bottom: 30px;
	}
	.tableWrap table{
		width: 219.2vw;
	}
}

@media (min-width: 768px) {
	.col-4 {
		width: 25%;
	}
	.col-4:nth-child(-n+3) {margin-top: 0;}
	}
	.col-3 {
		width: 33.3%;
	}

@media screen and (min-width: 768px) {
	.text-wrap {
		margin-top: 20px;
	}
}


/* PC, MOBILE VIEW */
.group_cell .pc_view, .product_cell .pc_view {
	display: inline-block;
}

.group_cell .m_view, .product_cell .m_view {
	display: none;
}

@media (max-width: 700px) {
	.group_cell .pc_view, .product_cell .pc_view {
		display: none;
	}

	.group_cell .m_view, .product_cell .m_view {
		display: inline-block;
	}
}


/* 유튜브 Youtube */
.video-wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; /* 가운데 정렬 */
  padding-top: 56.25%; /* 16:9 비율 */
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* 게시판 */
.tbl_head01 td {
  font-size: 15px;
  border-top: 0;
}
.tbl_head01 thead th {
  font-size: 15px;
}
#bo_list .tbl_head01 a {
  font-size: 15px;
}
.tbl_head01 thead th input {
  vertical-align: middle;
}
.tbl_head01 td span {
  font-size: 15px;
}
#bo_list .td_name {
  text-align: center;
}
#bo_v_info .sv_member {
  color: #666;
  font-weight: 500;
  font-size: 15px;
}
#bo_v_info strong {
  font-size: 15px;
}
.bo_v_nb li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bo_v_nb li a {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 15px;
}
.bo_v_nb li .nb_tit {
  color: #999;
  font-size: 15px;
  padding-right: 0;
}
.bo_v_nb li .nb_date {
  font-size: 15px;
  white-space: nowrap;
  flex-shrink: 0;
}
#bo_v_file h2 {
  color: #333;
  font-size: 15px;
}
#bo_v_file a strong {
  font-size: 15px;
}
#bo_sch {
  border-radius: 0;
}
#bo_v {
  border-top: 2px solid #111;
}
#bo_v_info {
  display: inline-block;
}
#bo_v_info .if_date {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
}
#bo_v_title .bo_v_tit {
  margin-top: 15px;
}
.fa-clock-o:before {
  display: none;
}


/* 기타 */
p.tit {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.privacy p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 4px;
}