/*나눔스퀘어*/
@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 {
    max-width: 100%;
}
/* 상단 */

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 73px;
}

.adress_line {
    width: 100%;
    background: #999;
    height: 1px;
    margin: 80px 0 0;
}

#headerin{
	position: relative;
}
.btnMenu {
    position: absolute;
    top: 20px;
    right: 34px;
}
.btnMenu a {
    display: block;
    width: 35px;
    height: 30px;
    text-indent: -9999px;
    background: url(/images/main/btn_m_menu.png) no-repeat;
    background-size: cover;
}
.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: 400;
}
.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 7px 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: 15px; right: 9px;
    color: #fff;
}
.closeSide a{
    display: block;
    width: 51px;
    height: 34px;
    text-indent: -9999px;
    background: url(../images/main/btn_m_close.png) no-repeat center/18px auto;
    background-size: contain;
}
.utill, .gnb{
    display: none;
}


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

    .btnMenu, .side, .btnSearch{
        display: none;
    }
    .utill, .gnb{
        display: block;
    }
.gnb {
    position: absolute;
    top: 21px;
    right: 35px;
}
    .gnb .d1{
        position: relative;
        float: left;
	margin-left: 65px;
    line-height: 32px;
    padding-bottom: 32px;
    }
    .gnb .d1 .m{
        position: relative; display: block;
        font-size: 18px;
	color: #fff;
    font-weight: 500;
    }
    .gnb .d1:hover .m{
        color: #d2e9ff;
    }
    .gnb .d1 .sub{
    position: absolute;
    top: 52px;
    left: 50%;
    width: 179px;
    transform: translateX(-50%);
    display: none;
    }
    .gnb .d1:hover .sub {
    display: block !important;
}
    .gnb .d1 .sub ul{
        padding: 20px;
	background: rgba(0,0,0,0.7);
    }
    .gnb .d1 .sub li{
        margin-bottom: 8px;
    }
    .gnb .d1 .sub li a{
        font-size: 15px; color: #fff;
    }
    .gnb .d1 .sub li:hover a{
        color: #d2e9ff; text-decoration: underline;
    }
}



.slider-container.transparent {
    height: auto !important;
}

.slider-container {
}

.header div:nth-child(1)}{}
h1 {
    position: absolute;
    left: 0;
    top: 17px;
}
h1 a{color:#b60014;font-size:18px;}
h1 a img {
    vertical-align: middle;
    margin-left: 50px;
}

/* 언어 */


/* 주메뉴 */

.footer {
    padding: 30px 3%;
    width: 100%;
    background: #2c2c2c;
    overflow: hidden;
    height: 138px;
    text-align: center;
}
.footer address {
    font-weight: 300;
    color: #babeca;
    font-size: 13px;
    line-height: 19px;
}
.footer address span{color:#babeca;font-size:12px;left:0px;top:50px;}



/* 메인 콘텐츠 */
.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: 431px;
}

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

a.btn_dark_black.modern_line:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 49%;
    top: 50%;
    right: 0;
    height: 1px;
    background: #fff;
}

a.btn_dark_black {
    background: #313131;
    font-size: 15px;
    color: #fff;
    padding: 10px 20px;
    display: block;
    width: 178px;
    margin: 0 auto;
    position: relative;
}

.main_box_first .bg_black {
    display: none;
}
a.btn_white{
    background: none;
    color: #fff;
    padding: 10px 20px;
    display: block;
    width: 178px;
    border: 1px solid #fff;
    position: relative;
}
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{
    font-size: 15px;
    color: #313131;
    padding: 10px 20px;
    display: block;
    width: 178px;
    margin: 20px 0 0 0;
    position: relative;
	border:1px solid #313131
}
a.btn_black.modern_line:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 30%;
    top: 50%;
    right: 0;
    height: 1px;
    background: #313131;
}


.main_slide_title {
    position: absolute;
    top: 280px;
    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: 47px 53px;
}

.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;
    background: rgba(0,0,0,0.5);
}
.main_box_first .bg_black {
    padding: 5%;
}
.main_box_first .bg_black .text_box, .main_box_first .bg_black .text_box .f14 {
    color: #fff;
}





/* 서브콘텐츠 */
.sub_visual_01 {
    background: url(/images/common/sub_visual_01.jpg) center no-repeat;
    height: 300px;
    background-size: cover;
}
.sub_visual_02 {
    background: url(/images/common/sub_visual_02.jpg) center no-repeat;
    height: 300px;
    background-size: cover;
}
.sub_visual_03 {
    background: url(/images/common/sub_visual_03.jpg) center no-repeat;
    height: 300px;
    background-size: cover;
}
.sub_visual_04 {
    background: url(/images/common/sub_visual_04.jpg) center no-repeat;
    height: 300px;
    background-size: cover;
}
.sub_visual_05 {
    background: url(/images/common/sub_visual_05.jpg) center no-repeat;
    height: 300px;
    background-size: cover;
}

.sub_visual_06 {
    background: url(/images/common/sub_visual_06.jpg) center no-repeat;
    height: 300px;
    background-size: cover;
}
.sub_visual_07 {
    background: url(/images/common/sub_visual_07.jpg)  center no-repeat;
    height: 300px;
    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 #ccc;
}
.sv_text .title {
    text-align: center;
    font-size: 38px;
    line-height: 28px;
    color: #fff;
    padding-top: 127px;
}

.sv_text .title span {
    font-size: 16px;
    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: #333;
	height: 72px;
	align-items: center;
	justify-content: center;
}
.sub_menu > ul > li > a:hover, .sub_menu > ul > li > a.on {
    color: #025db7;
	border-bottom: 2px solid #025db7;
}
.sub_menu > ul > li > a:active {
    background: #f5f5f5;
}
.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:12.5%;}


.sub_contents {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 60px 0 140px 0;
}
.sub_title{
    text-align: center;
	margin-bottom: 50px;
}
.sub_title em {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    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: 15px;color: #333;}


/* 준비중 */
.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;}


/* COMPANY */
.about_title {
    background: url(/images/sub/about_bg.jpg) no-repeat;
    width: 100%;
    padding: 110px 8%;
	margin-bottom: 70px;
}
.about_title h3 {
    padding-bottom: 45px;
	font-weight: 500;
    width: 58%;
}
.about_img {
    text-align: center;
    float: right;
    margin-top: -226px;
    margin-right: -75px;
    width: 47%;
}

.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 {
	position: relative;
	margin-bottom: 70px;
}
.group_cell:last-child {
	margin-bottom: 0;
}
.group_cell h3{
	margin-bottom: 30px;
	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_info {
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}
.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, td {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #aaa;
}
.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 {
	overflow: hidden;
	position: relative;
}

.business_list ul {
	margin: 0 auto;
	display: block;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
}

.business_list ul li {
	display: inline-block;
	width: 32%;
	margin-left: 1%
}

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

.business_list ul li h3 {
	font-size: 20px;
	font-weight: 500;
	color: #333;
	line-height: 50px;
}

/* 탭메뉴 */

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



/* 오시는길 */

div#daumRoughmapContainer1583738522732, div#daumRoughmapContainer1583999940750 {
    width: 100% !important;
}
.adress_title {
    background: url(/images/sub/location_icon.jpg) no-repeat left top 3px;
    line-height: 37px;
    padding-left: 30px;
    font-size: 18px;
    color: #333;
    margin: 20px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 23px;
}
.adress_title a {
    padding: 0 20px;
    border-radius: 30px;
    font-size: 14px;
    float: right;
    color: #666;
	background-color: #eee;
}

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

/* 추가 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;
}


/* TECHNOLOGY */
.tech_txt_box {
	width: 100%;
	padding: 30px;
	background-color: #f6f6f6;
}

.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: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 5px;
	background: url(/images/sub/blue_dot.png) no-repeat 0 10px;
	padding-left: 11px;
}

.txt {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 5px;
}

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

.tech06_table {
}
.table_wrap {
	width: 100%;
    table-layout: fixed;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
.table_wrap tr:first-child {
	border-top: none;
}
.table_wrap tr {
    border-top: 1px solid #aaa;
}
.table_wrap th, td {
	font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.table_wrap th {
    background: #f5f5f5;
    font-weight: 500;
	text-align: center;
}
.table_wrap th:first-child {
	border-left: none;
}

@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: 15px;
	}
	.txt_h4 {
		font-size: 15px;
		line-height: 21px;
	}
	.bg_txt2 .float {
		padding: 15px;
	}
	.txt {
		font-size: 15px;
		line-height: 21px;
	}
}


/* 탭메뉴 */

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) {
	.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: 80px;
		font-size: 31px;
	}
	.sv_text .title span {
		font-size: 13px;
		line-height: 41px;
	}
	.sub_menu > ul > li > a {
		height: 60px;
		font-size: 15px;
	}
	.sub_menu > ul > li {
		width: 20%;
	}

#company > li {width:20%;}

	.closeSide {
		top: 15px;
		right: 12px;
	}
	.closeSide a {
		width: 40px;
		height: 20px;
	}
	.btnMenu a {
		width: 27px;
		height: 22px;
	}
	.btnMenu {
		top: 14px;
		right: 21px;
	}
	#header {
		min-height: 40px !important;
		height: 50px;
	}
	h1 {
		position: absolute;
		left: -32px;
		top: 8px;
	}
	.sub_container {
		width: 96%;
		margin: 0 2%;
	}

	/* 인증서 */
	.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{
		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;
	}
	.about_text {
		width: 57%;
	}
	.text_from {
		margin: 0;
	}
	.about_title {
		background-size: cover;
		padding-bottom: 172px;
	}
	.about_info {
		margin-top: 30px;
	}

	.about_info ul li {
		width: 150px;
		height: 150px;
		margin: 5px;
		padding-top: 40px;
	}

	/* 사업분야 */
	.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 {
		background: url(/images/sub/about_bg_m.jpg) no-repeat right bottom;
		overflow: hidden;
		background-size: cover;
		padding: 57px 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: 55px;
		font-size: 15px;
	}
	.table_info th, td {
		font-size: 15px;
		line-height: 23px;
	}

#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, td.td_name.sv_use {
		display: none;
	}
	.bo_tit {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		width: 300px;
		overflow: hidden;
	}

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

	.adress_line {
		margin: 50px 0 0;
	}

	.adress_title {
		font-size: 16px;
		line-height: 22px;
	}


	/* 회사소개 */
	.about_title h3 {
		font-size: 20px !important;
	}
	p {
		font-size: 14px;
	}
	.about_info ul li {
		width: 134px;
		height: 134px;
		font-size: 14px;
	}
	.about_info ul li h3 {
		font-size: 22px;
	}


	/* 사업영역 */
	.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;
	}


	/* 오시는길 */
	.adress_title a {
		float: unset;
		display: inline-block;
		margin: 0 auto;
		clear: both;
		width: 100%;
		margin-top: 20px;
		color: #666;
		background-color: #eee;
		line-height: 35px;
	}
	.adress_title{
		padding: 0;
		text-align: center;
		background: none;
		line-height:23px;
	}
	.adress_sub {
		padding: 30px;
		background-size: 105px;
	}
	div#daumRoughmapContainer1624258709118, div#daumRoughmapContainer1624258983198, div#daumRoughmapContainer1624259100084 {
		width: 100% !important;
		height: 300px;
	}

	/* 인증서 */
	.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 {
		text-align: center;
		height: 130px;
	}

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


	/* 회사소개 */
	.about_title h3 br {
		display: none;
	}

	.table_wrap th, td {
		font-size: 15px;
		padding: 5px;
	}

	/*팝업레이어*/
	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: 40px;
	}

	/* 게시판 추가 */
	.bo_tit {
		width: 158px;
	}
	#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: block;
	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: 130%;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: cover;
}
.text-wrap {
	margin-top: 15px;
	text-align: center;
	margin-bottom: 30px;
}
.text-wrap .certificate_txt {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}
.ell {
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 768px) {
	.col-4 {
		width: 50%;
		padding-right: 0;
	}
	.text-wrap .certificate_txt {
		font-size: 15px;
		line-height: 21px;
		height: 40px;
	}
}
@media (min-width: 768px) {
	.col-4 {
		width: 25%;
	}
}
@media screen and (min-width: 768px) {
	.text-wrap {
		margin-top: 20px;
		margin-bottom: 75px;
	}
}

/* PC, MOBILE VIEW */

.group_cell .pc_view{
	display: inline-block;
}

.group_cell .m_view {
	display: none;
}

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

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


/* Youtube */

.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}