/*  폰트 적용 */
/*
@import url('//fonts.cdnfonts.com/css/poppins');
@import url('//fonts.cdnfonts.com/css/nanum-brush-script');
@import url('//fonts.cdnfonts.com/css/nanumgothic');
*/
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//cdn.jsdelivr.net/npm/@noonnu/nanum-square@0.1.0/index.min.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumbrushscript.css');
/*font-family: 'Noto Sans KR', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
/*font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;*/
@import url('//cdn.jsdelivr.net/npm/typeface-poppins@1.1.13/index.min.css');
@import url('//cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.css');
/* 공통 라이브러리 class */
.row::after {
    content:"";
    display:block;
    clear:both;
}
.cell {
    float:left;
    box-sizing:border-box;
}
.cell-right {
    float:right;
    box-sizing:border-box;
}
.margin-0-auto {
    margin:0 auto;
}
.block {
    display:block;
}
.inline-block {
    display:inline-block;
}
.text-align-center {
    text-align:center;
}
.line-height-0-ch-only {
    line-height:0;
}
.line-height-0-ch-only > * {
    line-height:normal;
}
.relative {
    position:relative;
}
.absolute-left {
    position:absolute;
    left:0;
}
.absolute-right {
    position:absolute;
    right:0;
}
.absolute-middle {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.absolute-bottom {
    position:absolute;
    bottom:30px;
}
.width-100p {
    width:100%;
}
.table {
    display:table;
}
.table-cell {
    display:table-cell;
}
.vertical-align-top {
    vertical-align:top;
}
.vertical-align-middle {
    vertical-align:middle;
}
.vertical-align-bottom {
    vertical-align:bottom;
}
.t2d_width80 {
    width: 80%;
    height: 50%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width: 1600px){
    .t2d_width80 { width:94%;  }	
}
@media screen and (max-width: 1200px){
    .t2d_width80 { height: 75%;  }
}

/*clear both 처리*/
.clear {clear:both !important;}

/*모바일 보이기 */

.t2d_mobileshow{display:none;}
.t2d_mobileshow_flat{display: none;}
.t2d_mobile_none{display:block;}/*kui2*/

@media all and (max-width:1024px){
  .t2d_mobileshow{display:block;} 
  .t2d_mobileshow_flat{display:block;}
  .t2d_mobile_none{display:none;}
}

/*kui2*/
.t2d_admin_setup_btn{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10; 
}

/*아티클 줄간격*/
.t2d_article_row_gap{
	position:relative;
    margin:0;
    padding:0;
    height:50px;
    box-sizing: border-box;
}
/*.t2d_article_row_gap::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:30px;
    }
    .t2d_article_row_gap::after{
        content:none;
    }
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:20px;
    }
}

/*서브 아티클 줄간격*/
.t2d_sub_article_row_gap{
	position:relative;
    margin:0;
    padding:0;
    height:80px;
    width: 100%;
    box-sizing: border-box;
    clear: both;
}
.t2d_sub_article_halfrow_gap{
	position:relative;
    margin:0;
    padding:0;
    height:40px;
    width: 100%;
    box-sizing: border-box;
    clear: both;
}
/*.t2d_sub_article_row_gap::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_sub_article_row_gap {
        height:70px;
    }
    .t2d_sub_article_halfrow_gap {
        height:40px;
    }
    /*
    .t2d_sub_article_row_gap::after{
        content:none;
    }
        */
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_sub_article_row_gap {
        height:50px;
    }
     .t2d_sub_article_halfrow_gap {
        height:30px;
    }
}
/*섹션*/
#t2d_header, #t2d_main_wrap, #t2d_footer_wrap, #t2d_fake_wrap {position: relative;}
/*fake 랩(드래그 컴포넌트용)*/
#t2d_fake_wrap{width:0px;height:0px}

/*3단 메뉴 정의 kui3*/
.t2d_gng_wrap .depth3menu{ 
    font-size: 14px;
    color: #b9b8b8;
}
.t2d_gng_wrap a:has(.depth3menu) {
  padding:5px 0!important;
}
#slide_nav_menu .depth3menu{
    font-size: 14px;
    color: #b9b8b8;
    padding-left: 7px;
}

.t2d_sitemap_wrap .depth3menu{display:inline-block;color:#aaa7a7;    padding-left: 10px;}

/*---개인정보보호정책---*/
.content__box {
	width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 35px 25px;
    border: 1px solid #d7d7d7;
    background: #f7f7f7;
    font-size: 0.9em;
    margin-top: 20px;	
    
	font-size:15px;
	line-height:25px;
}
.content__box dl {
    margin-bottom: 20px;
}
.content__box dl dt {
    font-size: 1em;
    font-weight: bold;
}
.content__box dl:last-child {
    margin-bottom: 0;
}
/*----- 서브페이지 wrap 스타일-----*/
#t2d_sub_wrap{}
/*----- 서브페이지 container 전체 wrap 스타일-----*/
#t2d_sub_container{/*max-width: 1400px;*/ margin:0 auto;  width:100%;min-height: 810px;}
/*---------- 서브페이지 본문 wrap ----------*/
#t2d_scontents { width:100%; margin:0px auto 0px auto; max-width: 1400px;}
#t2d_scontents:has( .contents) {max-width: unset!important;}
@media screen and (max-width: 1200px){ /*Tab 이하*/
    #t2d_scontents { width:100%;padding: 0 5px; } 
}
@media screen and (max-width: 1024px){ /*Tab 이하*/
    #t2d_scontents { width:100%;         } 
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    #t2d_scontents {margin:0px 0 0 0;} 
}
/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 ----------*/

.t2d_sub_visual { 
    position:relative; width:100%; height:600px;
    /* background-attachment: fixed;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
}
@media screen and (max-width: 1024px){ 
    .t2d_sub_visual { height:350px; }
}

@media screen and (max-width: 768px){ 
    .t2d_sub_visual { height:150px; }
}
.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:45%;
}
.t2d_directory_box h1 { font-size:35px; font-weight:bold; color:#fff; }
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#fff;font-size: 15px;margin-top: 15px;}
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#fff; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box {

    top:30%;
}
    .t2d_directory_box h1 { font-size:28px; }
}

/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 v1 - 글자만 ----------*/
/*
.t2d_sub_visual { 
    position:relative; width:100%; 
    background: unset!important;
    overflow: hidden;
}

.t2d_directory_box {
    width: 100%;
    position: relative;
    text-align:center; 
    padding: 140px 0 80px 0;
}
.t2d_directory_box h1 { font-size:35px; font-weight:normal; color:#2f2f2f; }
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#2f2f2f; }
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#2f2f2f; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}
*/
/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 v1-1 - 글자만 우측정렬 ----------*/
/*
.t2d_sub_visual { 
    position:relative; width:100%; 
    background: unset!important;
    overflow: hidden;
}

.t2d_directory_box {
    width: 100%;
    position: relative;
    text-align:center; 
    padding: 140px 0 80px 0;
}
.t2d_directory_box h1 { font-size:35px;  color:#2f2f2f; }
.t2d_directory_route {
    float: right;
    top: -30px;
    margin-right: 20px;
    position: relative;
}
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#2f2f2f; }
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#2f2f2f; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}
*/

/*---------- 서브페이지 커버이미지(비쥬얼) : 이미지방식----------*/
/*
.t2d_sub_visual { 
    position:relative; width:100%; height:auto;margin-bottom: 80px; 
    background-attachment: fixed;
    background-size: unset;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.t2d_sub_visual .t2d_bannerimg{
    object-fit: cover; 
    height: 100%;
    width: 100%;
    max-width: 100%;
}
@media screen and (max-width: 768px){ 
    .t2d_sub_visual {  margin-bottom: 0px;}
}
.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:40%;
}
.t2d_directory_box h1 { font-size:35px; font-weight:normal; color:#fff; }
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#fff; }
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#ccc; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}

*/
/*---------- 이미지방식끝 ----------*/
/*---------- 서브페이지 경로 표시 ----------*/



/*---------- 서브페이지  제목 ----------*/
.t2d_subtitle { /*width:100%;*/ margin:0 auto; text-align: center;margin-top: 50px;}
.t2d_subtitle h1 { font-size:30px; font-weight:bold; display:inline-block; }
.t2d_subtitle h1:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 10px;
    background: #000;
    height: 1px;
}

@media screen and (max-width: 1200px){
    .t2d_subtitle { /*width:100%;*/ margin-top: 30px;}
    .t2d_subtitle h1 { font-size:25px;}
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    .t2d_subtitle h1 { font-size:20px; }
}
/*---------- 서브페이지 메뉴----------*/
/*------서브페이지 대중소 제목 ------*/
#t2d_scontents .t2d_contenttitle{
    width:100%; margin:50px auto 30px auto; text-align: center;
}
#t2d_scontents .t2d_contenttitle > h1{
    font-size:32px; font-weight:bold; display:inline-block; color:#033c7e; 
    padding: 0;
    margin: 0;
}
#t2d_scontents .t2d_contenttitle > h1:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 10px;
    background: #000;
    height: 1px;
    font-size: 0;
}

#t2d_scontents .t2d_contenttitle_m {
    margin: 0px auto 10px auto;
    width: 100%;
    text-align: left;
}
#t2d_scontents .t2d_contenttitle_m > h1{
    font-size: 22px; font-weight:bold; display:inline-block; color:#033c7e; 
    padding: 0;
    margin: 0;
}

#t2d_scontents .t2d_contenttitle_s > h1{
    font-size: 20px; font-weight:bold; display:inline-block; color:#000; 
    padding: 0px 10px 0;
    margin: 0;

    
}
@media screen and (max-width: 1200px){
    #t2d_scontents .t2d_contenttitle { width:94%; margin:30px auto 20px auto;}
    #t2d_scontents .t2d_contenttitle h1 { font-size:28px;}
    #t2d_scontents .t2d_contenttitle_m { width:99%; }
    #t2d_scontents .t2d_contenttitle_m h1 { font-size:20px;}
    #t2d_scontents .t2d_contenttitle_s h1 { font-size:19px;}
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    #t2d_scontents .t2d_contenttitle h1 { font-size:28px; }
}
/*------서브페이지 대중소 제목 end ------*/


/*----- 메인 wrap 스타일-----*/
#t2d_main_wrap{}
/*----- 메인 article 전체 wrap 스타일-----*/
#t2d_main_container{/*max-width: 1400px;*/ margin: 0 auto; width:100%;}
/*----- 메인 각 콘텐츠 article에 대한 공통 스타일-----*/
.t2d_contentbox_fullscreen-wh { position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); /*height:100vh;*/ } /* height fullscreen*/
.t2d_contentbox_full-w_auto-h { position:relative; width:100%; height:auto; margin:0 auto;} /* height auto*/
.t2d_contentbox_max-width1400 { position:relative; width:100%; max-width:1400px; margin:0 auto;} /* max-width:1400*/
/*-----아티클 css -----*/

/*----- 메인 디지인 -----*/
/* 메인 아티클 랩핑 t2d_main_article_wrap_with_title ------start------*/
.t2d_main_article_wrap_with_title {
	position:relative;
    overflow: hidden;
	/*padding:30px 0 80px 0;*/
}
/* 제목 */
.t2d_main_article_wrap_with_title .t2d_contenttitle {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
    font-size:50px;
	text-align:center;
	color: #15171c; 
    padding: 10px 0 10px 0;
}
.t2d_main_article_wrap_with_title .t2d_contenttitle_e {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:30px;
	text-align:center;
	color:#464646;
	padding:0;
}
.t2d_main_article_wrap_with_title .t2d_contenttitle_m {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:16px;
	text-align:center;
	color:#707070;
	padding:0;
}
/*구분막대*/
.t2d_main_article_wrap_with_title .colorbar_wrap{
    text-align: center;
}
/*구분막대 FULL 라인*/
.t2d_main_article_wrap_with_title .colorbar{
    display: inline-block;
    width: 70px;
    height: 5px;
    background: #cb0101;
    margin: 0px 0 0px 0;
    position: relative;
}

/* 구분막대Half 라인*/
/*
.t2d_main_article_wrap_with_title .colorbar{
    display: inline-block;
    width: 44px;
    height: 3px;
    background: #42424a;
    margin: 10px 0 0px 0;
    position: relative;
}
.t2d_main_article_wrap_with_title .colorbar::after{
    content: '';
    display: inline-block;
    width: 22px;
    height: 3px;
    background: #ff4900;
    position: absolute;
    left: 22px;
}
*/

/* 더보기버튼 */
.t2d_main_article_wrap_with_title .pluslist_btn {  
	display: inline-block;
    width: 14%;
    height: 56px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    margin: 50px 43% 10px;
    position: relative;
    padding-right: 15px;
    transition: all 0.1s;
	box-sizing:border-box;
}
.t2d_main_article_wrap_with_title .pluslist_btn span { position:absolute; top:1px; left:62%; font-family: 'Poppins', sans-serif; font-size:28px; font-weight:300; }
.t2d_main_article_wrap_with_title .pluslist_btn:hover { background:#f9a11b; border:1px solid #ff9000; color:#fff; transition:all 0.1s;}
@media screen and (max-width: 1200px){ /*Tab 이하*/
    .t2d_main_article_wrap_with_title .t2d_contenttitle { font-size:40px;   }
        /* 더보기버튼 */
    .t2d_main_article_wrap_with_title .pluslist_btn { width:20%; margin:50px 40% 70px; }
}
@media screen and (max-width: 1024px){ /*Tab 이하*/
}
@media screen and (max-width: 768px){ /*Mobile 이하*/
        /* 더보기버튼 */
    .t2d_main_article_wrap_with_title .pluslist_btn { width:40%; margin:50px 30% 70px; }
}
/* t2d_main_article_wrap_with_title ------end------*/

/* 아티클 배경선언 ------start------*/
.article_background_blank {
	padding:30px 0 80px 0;
}
.article_background_colorname1 {
	padding:30px 0 80px 0;
    /*배경색*/
    background: #f4f4f4;
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
}


/* 아이클 배경 선언 ------end------*/
.title_margin {
	margin:0px 0 50px 0;
}




/* layout */
.wrap{overflow:hidden;}
#header-wrap{width:100%;height:55px;}
.header-top{position:relative;width:100%;margin:0 auto;z-index:1300;}
.header-top .logo{line-height:32px;padding:10px 0 0 0;text-align:center;}
.header-top .logo img{height:20px;}
.util{position:absolute;top:20px;right:10px; z-index: 1000;}
.util ul{display:none;}
.util .mobile-menu{display:block;}
.util .mobile-menu img{width:35px;height:26px;}
/*
#gnb{display:none;} 
#mobile-gnb{display:none ;position:absolute;top:0;left:0;width:100%;background:#09103e;z-index:1300;} 
#mobile-gnb .logo{line-height:52px;padding:3px 0 0 0;text-align:center;}
#mobile-gnb .logo img{height:20px;}
#mobile-gnb .menu-close{position:absolute;top:16px;left:14px;}
#mobile-gnb .menu-close img{width:20px;height:20px;}
#mobile-gnb > ul{border-top:1px solid #84889f;}
#mobile-gnb ul li a{color:#fff;line-height:26px;}
#mobile-gnb > ul > li{overflow:hidden;border-bottom:1px solid #84889f;margin:0 15px;padding:10px 0;}
#mobile-gnb > ul > li > a{float:left;overflow:hidden;width:70px;}
#mobile-gnb > ul > li .depth02{float:left;width:calc(100% - 70px);}
#mobile-gnb > ul > li .depth02 ul li{float:left;margin:0 15px 0 0;}
#mobile-gnb .depth02 li.active a{color:#cf324e;}
#mobile-gnb .mobile-bg{margin:30px auto;text-align:center;}
#mobile-gnb .mobile-bg img{width:60px;}
*/ 
/*
#footer-wrap{width:100%;background:#000;min-height:150px;padding:0 10px;}
#footer-wrap .move-top{position:absolute;right:10px;top:-60px;}
#footer-wrap .text-block{display:block;}
.footer{position:relative;width:100%;margin:0 auto;}
.footer:after{content:"";display:block;clear:both;}
.footer .footer-logo{text-align:center;padding:30px 0 20px 0;}
.footer-util{display:none;position:absolute;top:0;right:60px;}
.footer-util ul{overflow:hidden;}
.footer-util ul li{float:left;margin:0 0 0 7px;}
.footer-info{text-align:center;padding:0 0 20px 0;}
.footer-info .footer-link{overflow:hidden;}
.footer-info .footer-link li{position:relative;display:inline-block;margin:0 10px;}
.footer-info .footer-link li:after{content:"";position:absolute;top:3px;left:-10px;width:1px;height:11px;background:#767d87;}
.footer-info .footer-link li:first-child{margin:0 10px 0 0;}
.footer-info .footer-link li:first-child:after{background:none;width:0;}
.footer-info .footer-link li a{color:#d90d03;font-weight:700;}
.footer-info address{font-size:12px;color:#fff;font-style:normal;margin:4px 0;}
.footer-info .copyright{font-size:12px;color:#fff;}
*/
#contents-wrap{background:#fff;}
.contents{min-height:300px;padding:0 20px;}
.section{margin:0 auto;width:100%;padding:20px 0 30px 0;}
.section.wide{width:calc(100% + 40px);margin:0 -20px;padding-right:20px;padding-left:20px;}
.section.wide.bg01{background:#f6f6f6;}
.section.wide.bg02{background:#dcdcdc;}

.section.wide .inner-section{margin:0 auto;width:100%;}
.page-info{padding:30px 0 0 0;text-align:center;}
.page-info .contents-title{font-size:26px;color:#192c7f;font-weight:400;line-height:26px;margin:0 0 10px 0;}
.page-info .contents-title span{font-weight:700;}
.page-info .page-subtext{font-size:16px;color:#192c7f;text-align:center;}
.title-basic{font-size:20px;color:#192c7f;}
.title-basic.square{position:relative;padding-left: 16px;}
.title-basic.square:after{content:"";position:absolute;top:9px;left:0;width:10px;height:10px;background:#192c7f;}
/*
.sub-visual{min-height:150px;}
.sub-visual .page-title{font-size:24px;line-height:30px;color:#fff;text-align:center;padding:40px 0 20px 0;}
.sub-visual .location{line-height:18px;color:#fff;text-align:center;font-weight:700;}
.sub-visual.menu01{background-image:url(/images/common/sub-visual01.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu0201{background-image:url(/images/common/sub-visual0201.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu0202{background-image:url(/images/common/sub-visual0202.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu0204{background-image:url(/images/common/sub-visual0204.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu0205{background-image:url(/images/common/sub-visual0205.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu0206{background-image:url(/images/common/sub-visual0206.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu03{background-image:url(/images/common/sub-visual03.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu04{background-image:url(/images/common/sub-visual04.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.sub-visual.menu05{background-image:url(/images/common/sub-visual05.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
*/
/* 메인 */
.main-silde{position:relative;min-height:320px;}
.main-silde div.img{position:relative;min-height:320px;width:100%;}
.main-silde div.img .text-wrap{position:absolute;top:15%;left:10%;color:#fff;}
.main-silde div.img .text-wrap .text01{font-size:18px;padding:0 40px 0 0;}
.main-silde div.img .text-wrap .text02{font-size:22px;}
.main-silde div.img .text-wrap .text02 img{width:60%;}
.main-silde div.img .text-wrap .btn{display:inline-block;color:#fff;font-weight:700;border:1px solid #fff;border-radius:60px;}
.main-silde div.img .text-wrap .btn a{display:block;padding:6px 20px;}
.main-silde .main-mouse{display:none;position:absolute;bottom:164px;left:50%;z-index:1000;margin-left:-22px;}
.main-notice-wrap{position:relative;width:100%;background-color:rgba(3, 6, 64, 0.7);z-index:100;}
.main-notice-wrap .main-notice{margin:0 auto;color:#fff;overflow:hidden;}
.main-notice-wrap .main-notice dl{overflow:hidden;width:100%;padding:10px;position:relative;}
.main-notice-wrap .main-notice dl + dl{padding:10px;background:#ff4c4c;}
.main-notice-wrap .main-notice dl dt{float:left;width:80px;font-size:16px;font-weight:700;}
.main-notice-wrap .main-notice dl dd{float:left;width:calc(100% - 80px);font-size:16px;}
.main-notice-wrap .main-notice dl dd ul li{overflow:hidden;margin:0 0 5px 0;font-size:14px;}
.main-notice-wrap .main-notice dl dd ul li a .text{float:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:calc(100% - 100px);overflow:hidden;}
.main-notice-wrap .main-notice dl dd ul li a .date{float:right;}
.main-text01{font-size:30px;color:#131b69;text-align:center;margin:25px 0 5px 0;}
.main-text02{font-size:18px;color:#131b69;text-align:center;margin:0 20px 35px 20px;}
.main-silde-mid{width:100%;margin:0 auto;}
.main-silde-mid .swiper-button-prev{display:block;background-image:url(/images/common/slide-left02.png);width:50px !important;height:61px !important;background-size:50px 61px !important;}
.main-silde-mid .swiper-button-next{display:block;background-image:url(/images/common/slide-right02.png);width:50px !important;height:61px !important;background-size:50px 61px !important;}
.main-silde-mid .text-wrap{text-align:left;max-width:365px;margin:10px auto 70px;}
.main-silde-mid .text-wrap .text01{font-size:24px;color:#131b69;margin:0 0 5px 0;}
.main-silde-mid .text-wrap .text02{font-size:15px;color:#131b69;margin: 0 0 20px 0;letter-spacing:-1px;}
.main-silde-mid .text-wrap .btn{margin:0 2px}
.main-silde-mid .swiper-slide{text-align:center;}
.main-btm-wrap ul{}
.main-btm-wrap ul li{clear:both;overflow:hidden;}
.main-btm-wrap ul > li:nth-child(1){background:#131b69;color:#fff;}
.main-btm-wrap ul > li:nth-child(2){background:#fff;color:#131b69;}
.main-btm-wrap ul > li:nth-child(2) .info .btn{border:1px solid #131b69;}
.main-btm-wrap ul > li:nth-child(2) .info .btn a{color:#131b69;}
.main-btm-wrap ul > li:nth-child(3){background:#e4152b;color:#fff;}
.main-btm-wrap ul li .img img{width:100%;}
.main-btm-wrap ul li .info-wrap{display:table;padding:10px 20px;}
.main-btm-wrap ul li .info{display:table-cell;vertical-align:middle;}
.main-btm-wrap ul li .info .title{font-size:23px;margin:0 0 10px 0;}
.main-btm-wrap ul li .info .title span{font-size:16px;margin:0 0 0 10px;}
.main-btm-wrap ul li .info .text{font-size:16px;margin:0 0 2px 0;}
.main-btm-wrap ul li .info ol{margin:20px 0 0 0;}
.main-btm-wrap ul li .info ol li{margin:0 0 5px 0;}
.main-btm-wrap ul li .info .btn{display:inline-block;color:#fff;font-weight:700;border:1px solid #fff;border-radius:60px;margin:10px 0;}
.main-btm-wrap ul li .info .btn a{padding:10px 40px;display:block;}

.link-wrap{display:none;position:relative;width:100%;z-index:1000;margin:0 auto;}
.link-wrap .inner{position:absolute;bottom:0;right:0;overflow:hidden;}
.link-wrap .inner div{background:#fff;float:left;margin:0 0 0 2px;padding:10px 20px;min-height:175px;}
.link-wrap .inner div .img{text-align:center;}
.link-wrap .inner div .img img{max-width:36px;}
.link-wrap .inner div .text01{font-size:18px;color:#061c60;text-align:center;}
.link-wrap .inner div .text02{margin:10px auto;font-size:14px;}
.link-wrap .inner div .btn{text-align:center;}
.link-wrap .inner div .btn img{width:70px}

/* 인사말 */
.intro-text01{font-size:22px;font-weight:300;margin:0 0 10px 0;text-align:center;}
.intro-text02{line-height:24px;margin:0 0 10px 0;}
.intro-text03{font-size:16px;font-weight:700;text-align:center;}
.intro-text-box{overflow:hidden;}
.intro-text-box dl{position:relative;width:100%;padding:10px;border-top:1px solid #c7c4c5;}
.intro-text-box dl dt{text-align:center;}
.intro-text-box dl dt img{vertical-align:top;width:54px;}
.intro-text-box dl dt span{display:block;margin:10px 0;}
.intro-text-box dl dt span + span{display:block;color:#061c60;font-size:18px;}
.intro-text-box dl dd{line-height:22px;}
.section.wide.intro{position:relative;margin:0 -20px;background-image:url(/images/intro/intro-bg.png);background-size:cover;background-position:50% 0;background-repeat:no-repeat;min-height:497px;padding:0;}
.section.wide.intro .intro-white-box{background:#fff;z-index:100;padding:10px 0;}
.section.wide.intro .intro-white-box p{padding:10px;line-height:26px;margin:0 auto;}

/* 미션및사훈 */
.mission-wrap{position:relative;text-align:center;margin:0 0 20px 0;}
.mission-wrap ol{margin:20px 0 0 0;}
.mission-wrap ol li{font-size:16px;color:#192c7f;letter-spacing:-1px;overflow:hidden;margin:0 0 6px 0;}
.mission-wrap ol li br{display:none;}
.mission-wrap ol li span.text{margin:0  0 0 6px;float:left;text-align:left;width:calc(100% - 34px)}
.mission-wrap ol li img{vertical-align:middle;float:left;width:28px;}
.mission-etc dl{margin:0 auto;border-top:1px solid #c0c0c0;text-align:center;padding:10px 0 20px 0;}
.mission-etc dl dt span.img{display:block;}
.mission-etc dl dt span.img img{height:60px;}
.mission-etc dl dt span.text{display:block;font-size:20px;color:#061c60;}
.mission-etc dl dd{color:#061c60;margin:10px 0 0 0;}

/* 연혁 */
.history-wrap{overflow:hidden;margin:0 auto;}
.history-wrap .history-text .year{margin:0 0 5px 0;}
.history-wrap .history-text .year img{width:100px;}
.history-wrap .history-text .text{margin:0 0 10px 0;}
.history-wrap .history-text dl{overflow:hidden;}
.history-wrap .history-text dl dt{clear:both;float:left;line-height:24px;width:47px;}
.history-wrap .history-text dl dd{float:left;line-height:24px;width:calc(100% - 47px);margin:0 0 16px 0;}
.history-wrap .history-text dl dd ul li{}
.history-wrap .img{margin:10px 0;text-align:center;}
.history-bottom{margin:30px auto;text-align:center;}
.history-bottom > p{margin:0 0 10px 0;}
.history-bottom p  img{display:none;}
.history-bottom p + p img{display:none;}
.history-bottom p span{display:block;color:#192c7f;font-size:28px;}
.history-bottom p + p span{display:block;color:#192c7f;font-size:14px;}

/* 조직도 */
.org-wrap { position: relative; padding-left:330px;}
.org-wrap > ul{overflow:hidden;}
.org-wrap > ul > li{padding:20px 0;border-bottom:1px solid #d1d1d1;}
.org-wrap > ul > li div{width:300px;margin:0 auto;}
.org-wrap > ul > li .name{font-size:22px;line-height:30px;}
.org-wrap > ul > li .info{line-height:26px; font-size:14px;}
.org-wrap > ul > li ul li{line-height:24px;}
.org-wrap .btn-wrap { position: absolute; left:0; top:0; padding:0;}

/* 찾아오시는 길 */
.location-type li{margin:4px 0;}
.location-type span.type{width:auto;display:inline-block;}
.subway-2{display:inline-block;margin:0 2px;width:40px;height:40px;line-height:40px;border-radius:40px;background:#009900;color:#fff;font-size:20px;text-align:center;}
.subway-7{display:inline-block;margin:0 2px;width:40px;height:40px;line-height:40px;border-radius:40px;background:#5c6b07;color:#fff;font-size:20px;text-align:center;}

/* 사업분야 */
.business-wrap > div { overflow:hidden;}
.business-wrap .type01 .img{width:100%;text-align:center;}
.business-wrap .type01 .img img { width: 100%;}
.business-wrap .type01 .text-wrap{width:100%;padding:30px 0 0 0;}
.business-wrap .type01 .text-wrap ul{margin:20px 0;}
.business-wrap .text-wrap ul li{color:#061c60;line-height:36px;}
.business-wrap .type01 .text-wrap .title{display:none;}
.business-wrap .type02 .text-wrap .title{display:none;}
.business-wrap .type01 .text-wrap .title img{max-width:60px;}
.business-wrap .type02 .text-wrap .title img{max-width:125px;}
.business-wrap .middle-text{display:none; margin:20px auto;text-align:center;font-size:30px;color:#061c60;font-weight:bold;}
.business-wrap .middle-text img{width:80%;max-width:548px;}
.business-wrap .type02 .img{width:100%;text-align:center;}
.business-wrap .type02 .img img { width: 100%;}
.business-wrap .type02 .text-wrap{width:100%;padding:30px 0 0 0;}
.business-wrap .type02 .text-wrap ul{margin:20px 0;}
.business-bottom .text-wrap .text01{font-size:16px;color:#6ce0f9;padding:30px 0 10px 0;}
.business-bottom .text-wrap .text02{line-height:30px;color:#fff;padding:0 0 30px 0;}
.business-bottom > div{overflow:hidden;}
.business-bottom .text-wrap{width:100%;background-color:#061c60;padding:30px 10px 0;}
.business-bottom .text-wrap .title{text-align:center;}
.business-bottom .text-wrap .title img{width:50%;text-align:center;max-width:435px;}
.business-wrap .middle-text.civil img{width:80%;max-width:670px;}
.business-wrap .type01 .text-wrap .title.civil img{max-width:96px;}
.business-wrap .type02 .text-wrap .title.civil img{max-width:180px;}
.business-bottom .text-wrap .title.civil img{width:50%;text-align:center;max-width:354px;}
.business-wrap .middle-text.geotech img{width:80%;max-width:1155px;}
.business-wrap .type01 .text-wrap .title.geotech img{max-width:255px;}
.business-wrap .type02 .text-wrap .title.geotech img{max-width:255px;}
.business-bottom .text-wrap .title.geotech img{width:50%;text-align:center;max-width:355px;}
.business-wrap .middle-text.urban img{width:80%;max-width:677px;}
.business-wrap .type01 .text-wrap .title.urban img{max-width:285px;}
.business-wrap .type02 .text-wrap .title.urban img{max-width:130px;}
.business-bottom .text-wrap .title.urban img{width:50%;text-align:center;max-width:338px;}
.business-bottom .text-wrap .title.research img{width:50%;text-align:center;max-width:335px;}
.business-bottom .text-wrap .title.enviro img{width:90%;text-align:center;max-width:643px;}
.business-bottom .text-wrap .title.cmcs img{width:62%;text-align:center;max-width:383px;}
.business-bottom .text-wrap .title.representation img{width:55%;text-align:center;max-width:355px;}
.business-bottom .text-wrap .title.recruit img{width:50%;text-align:center;max-width:338px;}
.business-bottom .text-wrap .title.community img{width:50%;text-align:center;max-width:338px;}
.business-bottom .text-wrap .title.club img{width:72%;text-align:center;max-width:481px;}
.business-bottom .text-wrap .title.photo img{width:62%;text-align:center;max-width:402px;}

.business-wrap02{position:relative;overflow:hidden;margin:40px auto 30px;background-image:url(/images/business/research-slide01.jpg);background-size:cover;background-position:50% 0;}
.business-wrap02 .title{background:#dcdcdc;text-align:center;font-size:26px;color:#000;padding:20px 0;font-weight:300;}
.business-wrap02 .title span{font-weight:700;}
.business-wrap02 .bg01{display:none;background-image:url(/images/business/research-img01.jpg);background-size:cover;background-position:50% 0;background-repeat:no-repeat;min-height:497px;}
.business-wrap02.cmcs .bg01{display:none;background-image:url(/images/business/cmcs-img01.jpg);background-size:cover;background-position:50% 0;background-repeat:no-repeat;min-height:497px;}
.business-wrap02.enviro .bg01{display:none;background-image:url(/images/business/enviro-img01.jpg);background-size:cover;background-position:50% 0;background-repeat:no-repeat;min-height:497px;}
.business-wrap02 .bg02{display:none;background:#dcdcdc;min-height:318px;}
.business-wrap02 .bg03{display:none;background-image:url(/images/business/research-img02.jpg);background-size:cover;background-position:50% 0;background-repeat:no-repeat;min-height:497px;}
.business-wrap02 .bg04{display:none;background:#dcdcdc;min-height:184px;}
.business-wrap02 .text-box{padding:10px 0 50px 0;margin:20px;background:#fff;overflow:hidden;}
.business-wrap02 .text-box .left{padding:15px;}
.business-wrap02 .text-box .right{padding:15px;}
.business-wrap02 .text-box p{font-size:18px;font-weight:700;color:#192c7f;margin:0 0 10px 0;}
.business-wrap02 .text-box ul li{line-height:30px;}
.business-wrap02.cmcs .text-box .left{width:100%}

.business-wrap02.cmcs .text-box{padding:10px 0;}
.business-wrap02.cmcs .text-box .text-wide{padding:15px;color:#000;font-size:16px;font-weight:400;}
.business-wrap02.cmcs{position:relative;overflow:hidden;margin:40px auto 30px;background-image:url(/images/business/cmcs-slide01.jpg);background-size:cover;background-position:50% 0;}
.business-wrap02.cmcs .bg02{display:none;background:#dcdcdc;min-height:180px;}

.business-wrap02.enviro .text-box{padding:10px 0;}
.business-wrap02.enviro .title{font-size:20px;padding:20px 0;}
.business-wrap02.enviro .text-box .text-wide{padding:15px;color:#000;font-size:16px;font-weight:400;}
.business-wrap02.enviro{position:relative;overflow:hidden;margin:40px auto 30px;background-image:url(/images/business/enviro-slide01.jpg);background-size:cover;background-position:50% 0;}
.business-wrap02.enviro .bg02{display:none;background:#dcdcdc;min-height:180px;}
.enviro-text-wrap{overflow:hidden;}
.enviro-text-wrap dl{margin:0 0 20px 0;border-bottom:1px dotted #d1d1d1;}
.enviro-text-wrap dl dt{font-size:18px;}
.enviro-text-wrap dl dd{line-height:24px;letter-spacing:-1px;margin:0 0 10px 0;}
.enviro-text-wrap dl dd span.img{display:none;margin:30px 0 0 0;}

/* 회사 실적 */
.performance-wrap ul{overflow:hidden;}
.performance-wrap ul li{margin-bottom:20px;border:1px solid #071b60;}
.performance-wrap ul li .title{display:none;height:40px;font-size:16px;color:#616161;line-height:40px;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:calc(100% - 20px);overflow:hidden;}
.performance-wrap ul li .img{border-bottom:1px solid #071b60;text-align:center;}
.performance-wrap ul li .img img{width:100%;max-width:382px;}
.performance-wrap ul li div{padding:0 0 20px 0;text-align:center;}
.performance-wrap ul li div dl{overflow:hidden;padding:10px;margin:10px 0 0 0;text-align:left;}
.performance-wrap ul li div dl dt{float:left;width:60px;color:#071b60;font-weight:700;}
.performance-wrap ul li div dl dd{float:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:calc(100% - 60px);overflow:hidden;}
.performance-wrap ul li div .btn-more{margin:0 2px}


/* 채용안내 */
.recruit-top ul{overflow:hidden;}
.recruit-top ul li{margin:0 0 20px 0;}
.recruit-top ul li div{background-color:#161946;max-width:372px;margin:0 auto;}
.recruit-top ul li .img{text-align:center;}
.recruit-top ul li .title01{font-size:22px;color:#fff;line-height:22px;margin:20px 20px 5px 20px;}
.recruit-top ul li .title02{color:#fff;line-height:14px;margin:0 20px 15px 20px;padding:0 0 20px 0;border-bottom:1px solid #1d5ea2;}
.recruit-top ul li .text{color:#fff;line-height:22px;margin:0 20px 15px 20px;}
.recruit-top ul li .img img{width:100%;max-width:372px;}
.recruit-top ul li div{padding:0 0 20px 0;}
.recruit-q01{font-size:20px;color:#161946;line-height:28px;margin:15px 0 10px 0;text-align:center;}
.recruit-q02{font-size:18px;color:#161946;line-height:24px;margin:10px 0 30px 0;text-align:center;}
.recruit-middle{margin:0 0 30px 0;}
.recruit-middle ul{overflow:hidden;}
.recruit-middle ul li{margin:0 0 20px 0;}
.recruit-middle ul li div{background-color:#1547a8;max-width:372px;height:264px;margin:0 auto;padding:40px 0 10px 0}
.recruit-middle ul li + li div{background-color:#134095;}
.recruit-middle ul li + li + li div{background-color:#113070;}
.recruit-middle ul li + li + li + li div{background-color:#03215d;}
.recruit-middle ul li .img{text-align:center;}
.recruit-middle ul li .title01{font-size:22px;color:#fff;line-height:22px;margin:20px 0;text-align:center;}
.recruit-middle ul li .title02{color:#fff;width:60px;height:60px;border:1px solid #fff;border-radius:60px;line-height:60px;font-size:22px;text-align:center;margin:0 auto;}
.recruit-middle ul li .text{color:#fff;line-height:22px;margin:0 20px 15px 20px;}
.recruit-middle02{margin:0 0 55px 0;}
.recruit-middle02 .title{font-size:26px;color:#161946;line-height:28px;margin:15px 0 30px 0;text-align:center;}
.recruit-middle02 .box{max-width:372px;overflow:hidden;border:1px solid #192d7f;background:#f3f5fc;padding:15px;margin:0 auto;}
.recruit-middle02 ol li{color:#061c60;font-size:20px;margin:12px 0;}
.recruit-bottom{margin:0 0 30px 0;}
.recruit-bottom ul{overflow:hidden;}
.recruit-bottom ul li{margin:0 0 20px 0;}
.recruit-bottom ul li div{max-width:372px;margin:0 auto;}
.recruit-bottom ul li div .title{background-color:#22a1fe;text-align:center;color:#fff;font-size:20px;padding:20px 0;background-image:url(/images/recruit/recruit-img11.jpg);background-repeat: no-repeat;background-position:100% 100%;}
.recruit-bottom ul li + li div .title{background-color:#000;background-image:url(/images/recruit/recruit-img12.jpg);}
.recruit-bottom ul li .text-wrap{background:#141b69;color:#fff;line-height:24px;padding:10px;}
.recruit-bottom ul li + li .text-wrap{background:#fe0000;color:#fff;}
.recruit-bottom ul li .text-wrap dl{overflow:hidden;}
.recruit-bottom ul li .text-wrap dl dt{clear:both;float:left;margin:0 10px 5px 0;}
.recruit-bottom ul li .text-wrap dl dd{float:left;margin:0 0 5px 0;width:calc(100% - 75px);}
.recruit-bottom ul li .text-wrap dl dd li{font-size:18px;width:100%;float:none;margin:0;}

/* 동호회 */
.club-wrap ul{border:1px solid #b5b5b5;border-bottom:none;}
.club-wrap ul li{clear:both;overflow:hidden;border-bottom:1px solid #b5b5b5;}
.club-wrap ul li .img{border-bottom:1px solid #b5b5b5;}
.club-wrap ul li .img img{width:100%;}
.club-wrap ul li .info-wrap{display:table;padding:10px 20px;}
.club-wrap ul li .info{display:table-cell;vertical-align:middle;}
.club-wrap ul li .info .title{font-size:23px;color:#717e84;margin:0 0 10px 0;}
.club-wrap ul li .info .title span{font-size:16px;margin:0 0 0 10px;}
.club-wrap ul li .info .text{font-size:16px;color:#717e84;margin:0 0 2px 0;}
.colleague-text{text-align:center;margin:20px 0;color:#717e84;font-size:26px;}
.colleague-wrap{overflow:hidden;border:1px solid #b5b5b5;}
.colleague-wrap .img img{width:100%;}
.colleague-wrap .text-wrap{padding:30px;border-left:1px solid #b5b5b5;}
.colleague-wrap .text-wrap .text01{font-size:23px;color:#717e84;margin:0 0 10px 0;}
.colleague-wrap .text-wrap .text02{font-size:16px;color:#717e84;margin:0 0 2px 0;}

.brochure-wrap ul{border:1px solid #b5b5b5;border-bottom:none;}
.brochure-wrap ul li{clear:both;overflow:hidden;border-bottom:1px solid #b5b5b5;}
.brochure-wrap ul li .img{border-bottom:1px solid #b5b5b5;}
.brochure-wrap ul li .img img{width:100%;}
.brochure-wrap ul li .info-wrap{display:table;padding:10px 20px;}
.brochure-wrap ul li .info{display:table-cell;vertical-align:middle;}
.brochure-wrap ul li .info .title{font-size:23px;color:#717e84;margin:0 0 10px 0;}
.brochure-wrap ul li .info .title span{font-size:16px;margin:0 0 0 10px;}
.brochure-wrap ul li .info .text{font-size:16px;color:#717e84;margin:0 0 2px 0;}
.brochure-wrap ul li .info .text02{font-size:16px;color:#717e84;margin:20px 0 2px 0;line-height:24px;}
.brochure-wrap ul li .info .btn{margin:20px 0;}

/* etc */
.text-block{display:inline;}
.table-scroll{overflow-y:auto;}
.table-scroll > .table-list{min-width:640px;}
.table-list{margin:10px 0;}
.table-view{margin:10px 0;}
.table-list table th{padding:8px;font-size:16px;}
.table-list table td{padding:8px;font-size:14px;}

.tab-list {margin-bottom:20px;font-size:14px;}
.tab-list.tab-map{min-width:300px;max-width:300px;margin:0 auto 20px;}
.tab-list.tab-performance{min-width:320px;max-width:320px;margin:0 auto 20px;}
.tab-list li a span {height:30px;padding:2px 2px 0;}

.bbs-nav {margin:20px 0}
.bbs-nav strong {padding:10px 60px 10px 30px;line-height:36px;  color:#192c7f; background:#d2d5e6 url(/images/common/ico-arr-up.png) no-repeat 80% center;}

.btn-area.recruit a{margin:0 10px;}
.btn-area.recruit img{height:40px;}

.btm-silde{}
.swiper-button-prev,
.swiper-button-next {
  width: 38px !important;
  height: 34px !important;
  margin-top: -17px !important;
  -moz-background-size: 38px 34px !important;
  -webkit-background-size: 38px 34px !important;
  background-size: 38px 34px !important;
}
.search-wrap{margin:0 auto;text-align:center;}
.search-wrap select{width:100px;border:1px solid #848580;height:36px;}
.search-wrap input[type="text"]{width:calc(100% - 170px);max-width:290px;border:1px solid #848580;height:36px;}
.search-wrap .btn-search{line-height:36px;height:36px;background:#8e8d8b;color:#fff;font-size:16px;text-align:center;padding:0 10px;width:60px;}

/* 페이징 */
.pagination {margin:20px auto 40px; font-size:0; text-align:center;}
.pagination>* {vertical-align:top;}
.pagination a, .pagination strong {display:inline-block; min-width:30px; height:30px;border:1px solid #081c61;  margin-left:5px; padding:0 5px; text-align:center; color:#081c61; font-size:14px; line-height:30px; text-decoration:none; transition:.3s;}
.pagination strong {border-color:transparent; background-color:#dcdcdc;border:1px solid #081c61;}
.pagination .direction {min-width:30px; width:30px; padding:0;  border:1px solid transparent; background:#fff url(/images/common/ico-paging-first.png) no-repeat center center; text-indent:100%; line-height:28px; white-space:nowrap; overflow:hidden;}
.pagination>*+.direction {margin-left:10px;}
.pagination .direction+* {margin-left:10px;}
.pagination .direction+.direction {margin-left:5px;}
.pagination .first {margin-left:0; background-image:url(/images/common/icon-paging-first.png);}
.pagination .prev {background-image:url(/images/common/icon-paging-prev.png);}
.pagination .next {background-image:url(/images/common/icon-paging-next.png);}
.pagination .last {background-image:url(/images/common/icon-paging-last.png);}
.main-silde-mid .swiper-pagination{display:block;}
/* 640이상*/
@media all and (min-width:640px){
}


/* Tablet & Desktop Device */
/* 사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다. */
@media all and (min-width:768px) {
	/* layout */

	#header-wrap {background-color:#fff;} /* 221111 추가 */
	.page-info{padding:50px 0 0 0;}
	.page-info .contents-title{font-size:45px;line-height:45px;margin:0 0 22px 0;}
	.page-info .page-subtext{font-size:20px;}
	.title-basic{font-size:30px;}
	.title-basic.square{padding-left: 24px;}
	.title-basic.square:after{top:12px;width:16px;height:16px;}

	.sub-visual{min-height:350px;}
	.sub-visual .page-title{font-size:30px;line-height:40px;padding:150px 0 15px 0;}
	.sub-visual .location{font-size:16px;line-height:18px;}
	.main-silde-mid .swiper-pagination{display:none;}
	.main-silde-mid .swiper-button-prev{display:none;}
	.main-silde-mid .swiper-button-next{display:none;}
	.main-silde-mid{padding:0 20px;}	
	.main-silde div.img .text-wrap .btn a{display:block;padding:11px 43px;}
	.main-btm-wrap ul li .img img{min-height:344px;}
	.main-silde{min-height:400px;}
	/* .main-silde div.img{min-height:400px;} */
	.main-silde div.img {min-height:129vw;} /* 221111 변경 */

	/* 인사말 */
	.intro-text03{font-size:18px;}
	.intro-text-box dl{float:left;width:33.3%;padding:20px;border:none;}
	.intro-text-box dl:after{content:"";position:absolute;top:6px;left:0;background:#c7c4c5;height:345px;width:1px;}
	.intro-text-box dl:first-child:after{background:none;width:0;}
	.intro-text-box dl dt{height:195px;}
	.intro-text-box dl dt img{width:auto;}
	.intro-text-box dl dt span{height:132px;}
	.intro-text-box dl dt span + span{font-size:20px;}
	.intro-text-box dl dd{line-height:24px;font-size:14px;}
	.section.wide.intro .intro-white-box p{font-size:16px;}

	/* 미션및사훈 */
	.mission-etc{overflow:hidden;}
	.mission-etc dl{float:left;width:31%;margin:0 1%;border:2px solid #c0c0c0;padding:30px 0;}
	.mission-etc dl dt span.img img{height:80px;}
	.mission-etc dl dt span.img{height:120px;}
	.mission-etc dl dt span.text{font-size:22px;}
	.mission-etc dl dd{margin:10px 0 0 0;}

	/* 조직도 */
	.org-wrap > ul > li{float:left;width:50%;padding:20px 36px 0;min-height:440px;}
	.org-wrap > ul > li:nth-child(2n){float:right;width:50%;}
	.org-wrap > ul > li div{width:auto;}
	.org-wrap > ul > li img { width: 100%;}
	.org-wrap > ul > li .name{font-size:30px;line-height:43px;}
	.org-wrap > ul > li .info{margin-left:10px; font-size:17px;line-height:22px; color:#565656; font-weight: bold;}
	.org-wrap > ul > li .info.type01 {margin:20px 0; font-size:14px; line-height:18px; }
	.org-wrap > ul > li ul li{font-size:15px;line-height:24px; color:#565656;}

	/* 사업분야 */
	.business-wrap{width:800px;margin:0 auto;}
	/* .business-wrap .type01 .img{float:left;width:50%;text-align:left;} */
	/* .business-wrap .type01 .text-wrap{float:right;width:50%;padding:30px 0 0 30px;} */
	/* .business-wrap .type01 .text-wrap ul{margin:50px 0 0 0;} */
	.business-wrap .middle-text{margin:140px auto;font-size:65px;}
	/* .business-wrap .type02 .img{float:right;width:50%;text-align:right;} */
	/* .business-wrap .type02 .text-wrap{float:left;width:50%;} */
	/* .business-wrap .type02 .text-wrap ul{margin:50px 0 0 0;} */
	.business-wrap .text-wrap ul li { position: relative; padding-left:10px;}
	.business-wrap .text-wrap ul li::after { display:block; position: absolute; left:0; top:16px; width: 4px; height:4px; background-color: #000; content: "";}
	.business-bottom .bg{float:left;width:50%;height:500px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;margin:60px 0 0 0;}
	.business-bottom .bg.port{background-image:url(/images/business/port-btm.jpg);}
	.business-bottom .bg.cmcs{background-image:url(/images/business/cmcst-btm.jpg);}
	.business-bottom .bg.recruit{background-image:url(/images/recruit/recruit-btm.jpg);}
	.business-bottom .bg.community{background-image:url(/images/community/community-btm.jpg);}
	.business-bottom .bg.civil{background-image:url(/images/community/community-btm.jpg);}
	.business-bottom .text-wrap{float:right;width:50%;height:620px;background-color:#061c60;padding:100px 20px 0 20px;}

	.business-bottom .type02 .bg{float:right;width:50%;height:500px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;margin:60px 0 0 0;}
	.business-bottom .type02 .bg.port{background-image:url(/images/business/port-btm.jpg);}
	.business-bottom .type02 .bg.cmcs{background-image:url(/images/business/cmcs-btm.jpg);}
	.business-bottom .type02 .bg.enviro{background-image:url(/images/business/enviro-btm.jpg);}
	.business-bottom .type02 .text-wrap{float:left;width:50%;height:620px;background-color:#061c60;padding:100px 20px 0 20px;}

	.business-bottom .text-wrap .text01{font-size:25px;padding:100px 0 10px 0;}
	.business-wrap .type01 .text-wrap .title img{max-width:117px;}
	.business-wrap .type02 .text-wrap .title img{max-width:248px;}
	.business-bottom .text-wrap .title{text-align:left;}
	.business-wrap .type01 .text-wrap .title.civil img{max-width:188px;}
	.business-wrap .type02 .text-wrap .title.civil img{max-width:383px;}
	.business-wrap .type01 .text-wrap .title.geotech img{max-width:511px;}
	.business-wrap .type02 .text-wrap .title.geotech img{max-width:320px;}
	.business-wrap .type01 .text-wrap .title.urban img{max-width:369px;}
	.business-wrap .type02 .text-wrap .title.urban img{max-width:259px;}
	
	.business-wrap02 .text-box .left{float:left;width:50%;height:50%;padding:30px;}
	.business-wrap02 .text-box .right{float:left;width:50%;height:50%;padding:30px;}
	
	.enviro-text-wrap dl{float:left;width:48%;margin:0 0 50px 0;border:none;min-height:336px;}
	.enviro-text-wrap dl + dl{float:right;width:48%;}
	.enviro-text-wrap dl + dl + dl{float:left;width:48%;margin-bottom:0;}
	.enviro-text-wrap dl + dl + dl + dl{float:right;width:48%;margin-bottom:0;}
	.enviro-text-wrap dl dt{font-size:20px;margin:0 0 10px 0;}
	.enviro-text-wrap dl dd{font-size:16px;line-height:28px;letter-spacing:-1px;}
	.enviro-text-wrap dl dd span.img{display:block;}

	/* 회사 실적 */
	.performance-wrap ul li{float:left;width:48%;margin-bottom:34px;border:1px solid #071b60;}
	.performance-wrap ul li:nth-child(2n){float:right;}
	.performance-wrap ul li .title{height:50px;font-size:20px;line-height:50px;}
	.performance-wrap ul li div{height:384px;}
	.performance-wrap ul li div dl{font-size:17px;height:70px;}

	/* 채용안내 */
	.recruit-top ul li{float:left;width:32%;}
	.recruit-top ul li:nth-child(2n){float:left;margin:0 2%;}
	.recruit-top ul li .title01{font-size:28px;line-height:28px;}
	.recruit-top ul li div{height:560px;background-image:url(/images/recruit/recruit-img02.jpg);background-repeat: no-repeat;background-position:85% 95%;}
	.recruit-top ul li + li div{background-image:url(/images/recruit/recruit-img04.jpg);background-repeat: no-repeat;background-position:85% 95%;}
	.recruit-top ul li + li + li div{background-image:url(/images/recruit/recruit-img06.jpg);background-repeat: no-repeat;background-position:85% 95%;}
	.recruit-q01{font-size:28px;line-height:32px;margin:45px 0 20px 0;}
	.recruit-q02{font-size:24px;line-height:32px;margin:20px 0 40px 0;}
	.recruit-middle ul li{float:left;width:48%;}
	.recruit-middle ul li:nth-child(2n){float:right;}
	.recruit-middle ul li .title01{font-size:28px;line-height:28px;}
	.recruit-bottom ul li{float:left;width:49%;}
	.recruit-bottom ul li:nth-child(2n){float:right;}
	.recruit-bottom ul li div{height:460px;}

	.recruit-middle02 .title{font-size:30px;}
	.recruit-middle02 .box{max-width:100%;padding:25px 65px;}


	.colleague-wrap .img{float:left;width:50%;}
	.colleague-wrap .text-wrap{float:left;width:50%;padding:10px 10px 0 10px;border-left:1px solid #b5b5b5;}
	.colleague-wrap .text-wrap .text01{font-size:18px;color:#717e84;margin:0 0 5px 0;}
	.colleague-wrap .text-wrap .text02{font-size:14px;color:#717e84;}
	
	/* etc */
	.tab-list.tab-performance{min-width:880px;max-width:880px;margin:0 auto 60px;}
	.btm-silde{margin:30px auto 0;}
	.bbs-nav {margin:50px 0}
	.bbs-nav strong {padding:20px 80px 20px 80px;line-height:56px;}
	.swiper-button-prev,
	.swiper-button-next {
	  width: 75px !important;
	  height: 68px !important;
	  margin-top: -34px !important;
	  -moz-background-size: 75px 68px !important
	  -webkit-background-size: 75px 68px !important;
	  background-size: 75px 68px !important;
	}
	.pagination {margin:60px auto ; }
	.pagination a, .pagination strong {min-width:41px; height:41px;line-height:38px;margin-left:10px;}
	.pagination .direction {min-width:41px; width:41px; line-height:38px; }
	.pagination>*+.direction {margin-left:20px;}
	.pagination .direction+* {margin-left:20px;}
}

/*
Tablet Device
사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨.
아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.
*/
@media all and (min-width:768px) and (max-width:1024px) {
}

/*
Desktop Device
사용자 해상도가 1025px 이상일 때 이 코드가 실행됨.
1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.
*/
@media all and (min-width:1025px) {
	
	.main-silde div.img .text-wrap .text01{font-size:31px;}
	.main-silde div.img .text-wrap .text02 img{width:100%;}
	.main-silde-mid .text-wrap .text01{font-size:30px;margin:0 0 20px 0;}
	.main-silde-mid .text-wrap{margin:30px auto;}
	.main-silde-mid .text-wrap .text02{margin: 0 0 50px 0;}
	.main-btm-wrap ul li .img{width:50%;border:none;}
	.main-btm-wrap ul li .info-wrap{width:50%;padding:20px}
	.main-btm-wrap ul li .info .title{font-size:36px;}
	.main-btm-wrap ul li .info .title span{font-size:20px;}
	.main-btm-wrap ul > li:nth-child(1) .title{background-image:url(/images/main/main-icon01.png);background-repeat:no-repeat;background-size:83px 68px;background-position:380px 0;height:68px;line-height:68px;}
	.main-btm-wrap ul > li:nth-child(2) .title{background-image:url(/images/main/main-icon02.png);background-repeat:no-repeat;background-size:53px 68px;background-position:300px 0;height:68px;line-height:68px;}
	.main-btm-wrap ul > li:nth-child(3) .title{background-image:url(/images/main/main-icon03.png);background-repeat:no-repeat;background-size:59px 61px;background-position:330px 0;height:61px;line-height:61px;}
	.main-btm-wrap ul li:nth-child(2n-1) .img{float:left;}
	.main-btm-wrap ul li:nth-child(2n-1) .info-wrap{float:left;}
	.main-btm-wrap ul li:nth-child(2n) .img{float:right;}
	.main-btm-wrap ul li:nth-child(2n) .info-wrap{float:left;}
	.main-btm-wrap ul li:nth-child(1) .info{float:left;}
	.main-btm-wrap ul li:nth-child(2) .info{float:right;}
	.main-btm-wrap ul li:nth-child(3) .info{float:left;}
	.main-text01{font-size:53px;margin:25px 0 5px 0;}
	.main-text02{font-size:25px;margin:0 0 65px 0;}
	.main-btm-wrap ul li .img img{min-height:483px;}
	.main-btm-wrap ul li .info .btn a{padding:12px 60px;}
	.main-silde{min-height:600px;}
	.main-silde div.img{min-height:600px;}
	.main-notice-wrap .main-notice dl dd ul li{font-size:16px;}

	.enviro-text-wrap dl dt{font-size:28px;}
	.enviro-text-wrap dl dd{font-size:20px;line-height:40px;}
	
	/* 회사 실적 */
	.performance-wrap ul li{float:left;width:32%;margin-bottom:34px;border:1px solid #071b60;}
	.performance-wrap ul li:nth-child(2n){float:left;}
	.performance-wrap ul li:nth-child(3n-1){margin:0 2% 34px;}
	
	/* 채용안내 */
	.recruit-middle{margin:0 0 60px 0;}
	.recruit-middle ul li{float:left;width:24%;margin:0 0 0 1.33%;}
	.recruit-middle ul li:nth-child(1){margin:0;}
	.recruit-middle ul li:nth-child(2n){float:left;}
	.recruit-middle ul li div{max-width:280px;}
	.recruit-bottom ul li div{max-width:588px;height:460px;}
	.recruit-bottom ul li div .title{font-size:25px;padding:20px 0;}
	.recruit-bottom ul li .text-wrap{font-size:16px;line-height:24px;padding:20px 30px;}
	.recruit-bottom ul li .text-wrap dl dt{margin:0 10px 15px 0;}
	.recruit-bottom ul li .text-wrap dl dd{margin:0 0 15px 0;}
	.recruit-middle02 ol{float:left;width:50%;}
	.table-view table th{font-size:17px;}
	.table-view table td{font-size:16px;}

	/* 동호회 */
	.club-wrap ul li .img{width:50%;border:none;}
	.club-wrap ul li .info-wrap{width:50%;padding:20px;}
	.club-wrap ul li .info .title{font-size:30px;}
	.club-wrap ul li .info .title span{font-size:20px;}
	.club-wrap ul li:nth-child(2n-1) .img{float:left;}
	.club-wrap ul li:nth-child(2n-1) .info-wrap{float:left;}
	.club-wrap ul li:nth-child(2n-1) .img{border-right:1px solid #b5b5b5;}
	.club-wrap ul li:nth-child(2n) .img{float:right;}
	.club-wrap ul li:nth-child(2n) .info-wrap{float:left;}
	.club-wrap ul li:nth-child(2n) .img{border-left:1px solid #b5b5b5;}
	.colleague-text{font-size:47px;margin:60px 0;}
	.colleague-wrap .text-wrap{padding:30px;}
	.colleague-wrap .text-wrap .text01{font-size:38px;margin:0 0 10px 0;}
	.colleague-wrap .text-wrap .text02{font-size:18px;margin:0 0 2px 0;}

	.brochure-wrap ul li .img{width:50%;border:none;}
	.brochure-wrap ul li .info-wrap{width:50%;padding:20px;}
	.brochure-wrap ul li .info .title{font-size:30px;}
	.brochure-wrap ul li .info .title span{font-size:20px;}
	.brochure-wrap ul li:nth-child(2n-1) .img{float:left;}
	.brochure-wrap ul li:nth-child(2n-1) .info-wrap{float:left;}
	.brochure-wrap ul li:nth-child(2n) .img{float:right;}
	.brochure-wrap ul li:nth-child(2n) .info-wrap{float:left;}
	
	.btn-area.recruit{margin:100px auto 60px;}
	.btn-area.recruit a{margin:0 20px;}
	.btn-area.recruit img{height:auto;}
}

/* 1200이상*/
@media all and (min-width:1200px){
	/* layout */
	/*.wrap{width:100%;}*/
	#header-wrap{height:auto;}
	.header-top{max-width:1900px;}
	/*#mobile-gnb{display:none !important;} */
	
    .header-top .logo{height:32px;line-height:32px;padding:42px 0 0 30px;text-align:left;}
	.header-top .logo img{height:32px;}
	 .util{right:30px;}
	.util ul{display:block;}
	 .util ul li{display:inline-block;width:68px;margin:0 0 0 6px;text-align:center;}
	 .util ul li img{width:43px;height:43px;}
	.util ul li span{display:block;font-size:18px;color:#192c7f;line-height:18px;padding:4px 0 0 0;}
	 .util .mobile-menu{display:none;}
	.gnb-wrap{position:relative;width:100%;height:82px;z-index:110;}
	.gnb-wrap-bg{position:absolute;top:0;left:0;width:100%;overflow:hidden;}
	.gnb-wrap-bg:after{content:"";position:absolute;top:82px;left:0;width:100%;height:82px;background-color:rgba(3, 6, 64, 0.7);}

	#gnb{position:relative;display:block;width:1200px;padding:0 0 0 330px;margin:0 auto 0;height:82px;}
	#gnb > ul > li{float:left;margin:3px 25px 0;}
	#gnb > ul > li > a{position:relative;display:block;text-align:center;font-size:20px;font-weight:700;line-height:46px;}
	#gnb > ul > li > a:after{content:"";position:absolute;top:9px;left:-25px;width:1px;height:27px;background:#b7b7b7;}
	#gnb > ul > li.on > a{color:#1547a7;}
	#gnb > ul > li.active > a{color:#1547a7;}
	#gnb > ul > li.current > a{color:#1547a7;}
	#gnb > ul > li:first-child{display:block;}
	#gnb > ul > li:first-child a:after{background:none;width:0;}
	#gnb #menu04 .depth02{left:726px;}
	#gnb .depth02{display:none;position:absolute;top:82px;left:355px;padding:28px 0 0 0;z-index:1300;}
	#gnb .depth02 ul {overflow:hidden;}
	#gnb .depth02 ul li{float:left;margin:0 40px 0 0;}
	#gnb .depth02 ul li:last-child{margin:0;}
	#gnb .depth02 ul li a{display:block;color:#fff;font-size:17px;}
	#gnb .depth02 ul li.active a{color:#cf324e;}
	#gnb .depth02 ul li.current a{color:#cf324e;}
	#gnb .depth02 ul li:hover a{color:#cf324e;}
	 /*
	#footer-wrap{width:100%;background:#000;padding:60px 0;}
	#footer-wrap .move-top{right:0;}
	#footer-wrap .text-block{display:inline;}
	.footer .footer-logo{float:left;padding:0 182px 0 30px;}
	.footer-util{display:block;}
	.footer-info{float:left;padding:0;text-align:left;}
	.footer-info .footer-link li{float:left;margin:0 17px;}
	.footer-info .footer-link li a{font-size:17px;}
	.footer-info .footer-link li:after{top:6px;left:-17px;}
	.footer-info .footer-link li:first-child{margin:0 17px 0 0;}
	.footer-info address{font-size:17px;}
	.footer-info .copyright{font-size:17px;}
*/
	.contents{padding:0;}
	.page-info{padding:88px 0 0 0;}
	.page-info .contents-title{font-size:65px;line-height:65px;margin:0 0 22px 0;}
	.page-info .page-subtext{font-size:22px;}
	.title-basic{font-size:40px;}
	.title-basic.square{padding-left: 32px;}
	.title-basic.square:after{top:18px;width:20px;height:20px;}

	/*.footer{max-width:1900px;}*/

	.section{width:1200px;padding:60px 0 130px 0;}
	.section.wide{width:100%;margin:0 auto;padding-right:0;padding-left:0;}
	.section.wide .inner-section{width:1200px;}
	.section.wide.intro{margin:0 -10px 145px;}

	.sub-visual{min-height:700px;}
	.sub-visual .page-title{font-size:40px;line-height:40px;padding:340px 0 15px 0;}
	.sub-visual .location{font-size:18px;line-height:18px;}
	.main-silde{min-height:850px;}
	.main-silde div.img{min-height:850px;}
	.main-notice-wrap{margin-top:-106px;}
	.main-notice-wrap .main-notice{width:1160px;}
	.main-notice-wrap .main-notice dl{float:left;width:50%;padding:24px 40px 0 0;}
	.main-notice-wrap{height:106px;}
	.main-notice-wrap .main-notice{height:106px;}
	.main-notice-wrap .main-notice dl + dl{padding:24px 0 0 40px;background:none;}
	.main-notice-wrap .main-notice dl + dl:after{content:"";position:absolute;top:10px;left:0;width:1px;height:82px;background:#8a90b0;}
	.main-silde div.img .text-wrap{position:absolute;left:50%;margin-left:-580px;}
	.main-silde .main-mouse{display:block;}
	.main-silde-mid{width:1200px;margin-bottom:120px;}	
	.main-btm-wrap ul li .info-wrap{padding:30px 50px 10px 50px;}
	.main-btm-wrap ul li .info ol{margin:40px 0 0 0;}
	.main-btm-wrap ul li .info ol li{font-size:18px;margin:0 0 13px 0;}
	.main-btm-wrap ul li .info .btn{margin:40px 0 0 0;}
	
	.link-wrap{display:block;width:1160px;}
	.link-wrap .inner{bottom:110px;}

	/* 인사말 */
	.intro-text01{font-size:37px;margin:0 0 50px 0;}
	.intro-text02{line-height:24px;margin:0 0 30px 0;font-size:18px;}
	.intro-text03{font-size:28px;}
	.intro-text-box dl{padding:30px 30px 50px 60px;}
	.intro-text-box dl dt span + span{font-size:22px;}
	.intro-text-box dl dd{line-height:24px;font-size:18px;}
	.section.wide.intro{position:relative;margin: 0 auto 257px;/* background-image:url(/images/intro/intro-bg.png); */background-size:cover;background-position:50% 0;background-repeat:no-repeat;min-height:497px;padding:0;}
	.section.wide.intro:after{content:"";position:absolute;bottom: -256px;left:0;width:100%;height: 256px;background:#dcdcdc;}
	.section.wide.intro .intro-white-box{position:absolute;top: 525px;width:1300px;left:50%;margin-left:-650px;padding:30px 0;}
	.section.wide.intro .intro-white-box p{width:940px;font-size:20px;line-height:30px;}
	.intro-text-btm{padding:50px 0;}
	
	/* 미션및사훈 */
	.mission-wrap{margin:0 0 130px 0;}
	.mission-wrap ol li{position:absolute;top:110px;left:-100px;font-size:22px;}
	.mission-wrap ol li span.text{border-bottom:1px solid #192c7f;margin:1px  0 0 6px;float:left;width:calc(100% - 63px);}
	.mission-wrap ol li img{vertical-align:text-bottom;float:left;width:57px;}
	.mission-wrap ol li br{display:block;}
	.mission-wrap ol li + li{top:600px;left:-100px;}
	.mission-wrap ol li + li + li{top:110px;left:760px;}
	.mission-wrap ol li + li + li + li{top:600px;left:910px;width:436px;}
	.mission-etc{overflow:hidden;}
	.mission-etc dl{float:left;width:375px;margin:0 10px;border:4px solid #c0c0c0;padding:50px 0 70px 0;}
	.mission-etc dl dt span.img img{height:auto;}
	.mission-etc dl dt span.img{height:140px;}
	.mission-etc dl dt span.text{font-size:30px;}
	.mission-etc dl dd{margin:30px 0 0 0;font-size:20px}

	/* 연혁 */
	.history-wrap{}
	.history-wrap .img{float:left;margin:10px 4% 0 0;width:40%;}
	.history-wrap .history-text{float:left;width:56%;}
	.history-wrap .history-text .year{margin:0 0 5px 0;}
	.history-wrap .history-text .year img{width:189px;}
	.history-wrap .history-text .text{font-size:18px;margin:0 0 45px 0;}
	.history-wrap .history-text dl dt{line-height:36px;font-size:20px;width:56px;}
	.history-wrap .history-text dl dd{line-height:36px;font-size:20px;width:calc(100% - 56px);}
	.history-wrap.second .img{float:right;margin:0;}
	.history-wrap.second .history-text{float:left;}
	.history-bottom{margin:110px auto;}
	.history-bottom p span{display:none;}
	.history-bottom p + p span{display:none;}
	.history-bottom p img{display:block;margin:0 auto;}
	.history-bottom p + p img{display:block;margin:0 auto;}

	/* 조직도 */
	.org-wrap  { margin-top:70px;}
	.org-wrap > ul > li{float:left;width:50%;border:none; padding: 0 36px 60px 36px;}
	.org-wrap > ul > li:nth-child(2n){float:left;}
	.org-wrap .text-box { min-height:204px; padding:20px 30px; background-color: #eceff7;}
	
	/* 찾아오시는 길 */
	.location-type span.type{width:72px;}
	
	/* 사업안내 */
	.business-wrap{display:flex; width:auto;}
	.business-wrap > div { width: 50%;}
	/* .business-wrap .type01 .text-wrap{padding:195px 0 0 0;} */
	/* .business-wrap .type01 .text-wrap ul{margin:50px 0 0 160px;} */
	.business-wrap .type01 .text-wrap ul li{font-size:18px;}
	/* .business-wrap .type02 .text-wrap{padding:195px 0 0 0;} */
	/* .business-wrap .type02 .text-wrap ul{margin:50px 0 0 160px;} */
	.business-wrap .type02 { margin-left:140px;}
	.business-wrap .type02 .text-wrap ul li{font-size:18px;}
	.business-bottom .text-wrap{padding:100px 0 0 70px;}
	.business-bottom .type02 .text-wrap{padding:100px 20px 0 10%;}
	.business-wrap .type02 .text-wrap .title.geotech img{max-width:509px;}

	.business-wrap02{margin:90px auto 80px;background:none;}
	.business-wrap02 .title{font-size:48px;padding:30px 0;}
	.business-wrap02 .bg01{display:block;min-height:497px;}
	.business-wrap02 .bg02{display:block;min-height:318px;}
	.business-wrap02 .bg03{display:block;min-height:497px;}
	.business-wrap02 .bg04{display:block;min-height:184px;}
	.business-wrap02 .text-box{position:absolute;top:50%;left:50%;width:1200px;height:840px;margin:-420px 10px 0;margin-left:-600px;}
	.business-wrap02 .text-box .left{width:65%;padding:84px 65px 0 65px;}
	.business-wrap02 .text-box .right{width:35%;padding:84px 65px 0 65px;}
	.business-wrap02 .text-box p{font-size:20px;}
	.business-wrap02 .text-box ul li{font-size:20px;}
	.business-wrap02.cmcs .text-box .text-wide{padding:35px 65px 0 65px;color:#000;font-size:20px;}
	.business-wrap02.cmcs .text-box .left{padding:24px 65px 0 65px;width:80%;}
	.business-wrap02.cmcs .bg01{display:block;min-height:497px;}
	.business-wrap02.cmcs .bg02{display:block;min-height:180px;}
	.business-wrap02.cmcs .text-box{position:absolute;top:50%;left:50%;width:1200px;height:350px;margin:-175px 10px 0;margin-left:-600px;}
	.business-wrap02.enviro .text-box .text-wide{padding:35px 65px 0 65px;color:#000;font-size:20px;}
	.business-wrap02.enviro .text-box .left{padding:24px 65px 0 65px;}
	.business-wrap02.enviro .bg01{display:block;min-height:497px;}
	.business-wrap02.enviro .bg02{display:block;min-height:180px;}
	.business-wrap02.enviro .text-box{position:absolute;top:50%;left:50%;width:1200px;height:200px;margin:-175px 10px 0;margin-left:-600px;}
	
	/* 동호회 */
	.club-wrap ul li .info-wrap{width:50%;padding:0 0 0 55px;}
	.club-wrap ul li .info{height:256px;}
	.club-wrap ul li .info .title{font-size:40px;}
	.club-wrap ul li .info .title span{font-size:23px;}
	.colleague-wrap .text-wrap{padding:80px 25px 30px 25px;}
	
	.brochure-wrap ul li .info-wrap{width:50%;padding:80px 50px;}
	.brochure-wrap ul li .info{height:256px;}
	.brochure-wrap ul li .info .title{font-size:40px;}
	.brochure-wrap ul li .info .title span{font-size:23px;}


	/* etc */
	.text-block{display:block;}
	.table-list{margin:30px 0;}
	.table-view{margin:30px 0;}
	.table-list table th{padding:15px 10px;font-size:22px;}
	.table-list table td{padding:15px 10px;font-size:16px;}
	
	.tab-list {margin-bottom:40px;font-size:20px;}
	.tab-list.tab-map{min-width:420px;max-width:420px;margin:0 auto 40px;}
	
	.tab-list li a span {height:55px;padding:1px 10px 0;}

}

/* V */
@media all and (orientation : portrait) {

}

/* H */
@media all and (orientation : landscape) {

}


/*211128 추가*/
.business-bottom {
	display:none;
}
.btn-wrap {
	position: relative;
	display:flex;
	padding-left:240px;
}
.btn-wrap + .btn-wrap {
	margin-top:40px;
}
.btn-wrap .btn {
	display: inline-block;
	width:226px;
	border:1px solid #192c7f;
	font-size:26px;
	line-height:28px;
	color:#fff;
	padding:30px 0;
	text-align: center;

}
.btn-wrap .btn.boss {
	background-color: #192c7f;
}
.btn-wrap .btn.type01 {
	background-color: #4a60ba;
}
.btn-wrap .btn.type02 {
	background-color: #7580b2;
}
.btn-wrap .btn.type03 {
	background-color: #5f688d;
}
.btn-wrap .btn.pos {
	position: absolute;
	left:0;
	top:0;
}
.btn-wrap .btn + .btn {
	margin-left:14px;
}
.btn-wrap .btn.pos + .btn {
	margin-left:0;
}

@media all and (max-width:768px) {
	.btn-wrap {
		padding-left:0;
		margin:-10px 0 0 -10px;
		flex-wrap: wrap;
	}.btn-wrap .btn {
		width:calc(50% - 10px);
		padding:10px 0;
		font-size:16px;
		margin:10px 0 0 10px;
	}
	.btn-wrap .btn.pos {
		position: static;
	}
	.btn-wrap .btn.pos + .btn, .btn-wrap .btn + .btn {
		margin-left:10px;
	}
	.btn-wrap + .btn-wrap {
		margin-top:0;
	}
	.org-wrap {
		margin-top:40px;
		padding-left:0;
	}
	.org-wrap .btn-wrap {
		position: static;
	}
	.org-wrap .btn-wrap .btn {
		width:100%;
	}
}
/*common*/
a {color:inherit; text-decoration:none;}


/* table */
table thead.th-blind{display:none;}
table{border-spacing:0;border-collapse:collapse;width:100%;}
.table-list{margin:30px 0;}
.table-list table{width:100%;border-top:1px solid #192c7f;}
.table-list table th{background:#d1d5e5;border-bottom:1px solid #192c7f;padding:15px 10px;text-align:center;font-size:22px;color:#192c7f;display:table-cell;}
.table-list table td{border-bottom:1px solid #192c7f;padding:15px 10px;text-align:center;color:#192c7f;font-size:16px;display:table-cell;}
.table-list table td.no-data{padding:100px 0;font-size:16px;}
.table-list table tr:hover{background:#e7ecf9;}
.table-list.basic-list th{background:#1a2c80;color:#fff;}

.table-view{margin:30px 0;border-top:1px solid #192c7f;}
.table-view table{width:100%;}
.table-view table th{background:#fbfbfb;border-bottom:1px solid #192c7f;padding:12px 10px;text-align:center;}
.table-view table td{border-bottom:1px solid #192c7f;padding:15px 30px;text-align:left;}
.table-view.brd-add{border:1px solid #192c7f;border-bottom:none;}
.table-view.brd-add table th, .table-view.brd-add table td{padding:20px 2px;background:#fff;}
.table-view.brd-add02 table th{background:#d9ddeb;}
.table-view.brd-add02 table th, .table-view.brd-add02 table td{padding:20px 10px;border:1px solid #192c7f;border-top:none;}
.table-view.brd-add02 table th.bg-white{background:#fff !important;}
.table-view.responsive {width:100%;border-top:1px solid #192c7f;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-left:none;border-right:none;}
.table-view.responsive table{width:100%;}
.table-view.responsive caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.table-view.responsive th {background:#efefef;padding:12px 10px 12px 30px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;text-align:left;height:50px;}
.table-view.responsive td {padding:10px 10px 11px 10px;border-bottom:1px solid #dbdbdb;height:50px;color:#404040;}
.table-view .view-contents{padding:20px;line-height:24px;}
@media all and (max-width:767px){
	.table-view.responsive,
	.table-view.responsive col, 
	.table-view.responsive thead,
	.table-view.responsive tbody,
	.table-view.responsive tr,
	.table-view.responsive th,
	.table-view.responsive td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.table-view.responsive {border-top:2px solid #000;border-left:1px solid #aaa;border-right:1px solid #aaa}
	.table-view.responsive tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.table-view.responsive th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* ie9에서 float을 줘야함 */
	.table-view.responsive td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
}

.table-write {border-top:2px solid #585858;}
.table-write table{width:100%;}
.table-write table th{background:#efefef;padding:12px 10px 12px 30px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;text-align:left;height:50px;}
.table-write table td{padding:10px 10px 11px 10px;border-bottom:1px solid #dbdbdb;height:50px;color:#404040;}

.table-write.responsive {width:100%;border-top:2px solid #585858;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-left:none;border-right:none;}
.table-write.responsive table{width:100%;}
.table-write.responsive caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.table-write.responsive th {background:#efefef;padding:12px 10px 12px 30px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;text-align:left;height:50px;}
.table-write.responsive td {padding:10px 10px 11px 10px;border-bottom:1px solid #dbdbdb;height:50px;color:#404040;}
@media all and (max-width:767px){
	.table-write.responsive,
	.table-write.responsive col, 
	.table-write.responsive thead,
	.table-write.responsive tbody,
	.table-write.responsive tr,
	.table-write.responsive th,
	.table-write.responsive td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.table-write.responsive {border-top:1px solid #000;border-left:1px solid #aaa;border-right:1px solid #aaa}
	.table-write.responsive tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.table-write.responsive th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* ie9에서 float을 줘야함 */
	.table-write.responsive td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
}
.bbs-nav {border-bottom:1px solid #000;margin:50px 0}
.bbs-nav li { border-top:1px solid #192c7f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbs-nav strong {margin-right:20px; padding:20px 80px 20px 80px;line-height:56px;  color:#192c7f; background:#d2d5e6 url(/images/common/ico-arr-up.png) no-repeat 80% center;}
.bbs-nav .next strong {background-image:url(/images/common/ico-arr-down.png) ;}

.file-add-area ul li{margin:0 0 10px 0;}
.file-add-area .btn{margin:0 0 10px 0;}
.file-add-area .btn a{display:inline-block;width:120px;height:28px;color:#585858;background:#dbdbdb;text-align:center;margin:0 10px 0 0;line-height:26px;}

.board-view{width:100%;}
.board-view .board-title{background:#f5f5f5;border-top:2px solid #585858;padding:30px 20px;font-weight:bold;font-size:18px;}
.board-view .board-view-con{padding:30px 8px;}
.board-view .board-info{overflow:hidden;padding:14px 20px;background:#fff;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.board-view .board-info > span{display:block;position:relative;float:left;margin:0 30px 0 0;}
.board-view .board-file{display:table;width:100%;overflow:hidden;background:#f5f5f5;border-bottom:1px solid #dadada;min-height:53px;}
.board-view .board-file dt{display:table-cell;vertical-align:middle;width:15%;border-right:1px solid #dadada;min-width:100px;font-weight:bold;padding:0 0 0 25px}
.board-view .board-file dd{display:table-cell;background:#fff;}
.board-view .board-file dd ul{padding:14px 20px}
.board-view .board-file dd ul li{padding:2px 0;}
.board-view .board-view-con{font-size:16px;line-height:26px;border-bottom:1px solid #dadada;}
.board-view .board-view-con.pd0{padding:0;border:none;}
.board-view.answer{border-top:2px solid #585858;}

/*.board-navi{border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;}
.board-navi dl{overflow:hidden;border-top:1px solid #dbdbdb;}
.board-navi dl:first-child{border-top:none;}
.board-navi dl dt{float:left;width:180px;height:50px;padding:13px 0 17px 79px;font-weight:bold;background:#f5f5f5 url(/images/user/common/icon-board-arrow01.png) no-repeat 41px 50%;}
.board-navi dl + dl dt{background:#f5f5f5 url(/images/user/common/icon-board-arrow02.png) no-repeat 41px 50%;}
.board-navi dl dd{float:left;width:calc(100% - 180px);height:50px;padding:13px 10px 17px 25px;}*/

.board-navi{position:relative;margin:30px 0;min-height:50px;}
.board-navi:after{content:"";display:block;clear:both;}
.board-navi dl{float:left;width:calc(50% - 38px);height:50px;text-align:right;padding:0 40px 0 0;}
.board-navi dl dt{position:relative;font-weight:bold;display:inline-block;}
.board-navi dl dt:after{content:"";position:absolute;top:6px;left:-27px;width:8px;height:11px;background:url(/images/user/common/icon-board-arrow03.png) no-repeat 0 50%;}
.board-navi dl + div + dl{text-align:left;padding:0 0 0 40px;}
.board-navi dl + div + dl dt:after{content:"";position:absolute;top:6px;left:auto;right:-27px;width:8px;height:11px;background:url(/images/user/common/icon-board-arrow04.png) no-repeat 0 50%;}
.board-navi .center-area{float:left;width:76px;margin:4px 0 0 0;text-align:center;}
.board-navi .center-area a{min-width:76px;line-height:34px;}

.list-dot li{position:relative;padding:0 0 0 12px;line-height:28px;}
.list-dot li:after{content:"";position:absolute;top:12px;left:0;width:3px;height:3px;background:#666;}
.list-dot.dot-blue li{position:relative;padding:0 0 0 11px;line-height:28px;}
.list-dot.dot-blue li:after{content:"";position:absolute;top:11px;left:0;width:2px;height:2px;background:#0078cf;}
.list-dot li.bg-none:after{background:none;}
.list-dot .bg-none{margin:5px 0;}
.list-dot.bg-none > li, .list-dot .bg-none > li{padding:0;}
.list-dot.bg-none > li:after, .list-dot .bg-none > li:after{background:none;}
.list-dot li .list-num{margin:10px 0 0 -12px;}
.list-num li{position:relative;padding:0 0 0 23px;margin:0 0 6px 0;}
.list-num li:after{content:"";position:absolute;top:3px;left:0;background:#808e9f;height:15px;width:15px;border-radius:15px;font-size:10px;color:#fff;font-weight:bold;text-align:center;}
.list-num li:nth-child(1):after{content:"1";}
.list-num li:nth-child(2):after{content:"2";}
.list-num li:nth-child(3):after{content:"3";}
.list-num li:nth-child(4):after{content:"4";}
.list-num li:nth-child(5):after{content:"5";}
.list-num li:nth-child(6):after{content:"6";}
.list-num li:nth-child(7):after{content:"7";}
p.list-dot{position:relative;padding:0 0 0 12px;}
p.list-dot:after{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#666;}
.list-bar li{position:relative;padding:0 0 0 12px;line-height:28px;}
.list-bar li:after{content:"";position:absolute;top:13px;left:0;width:7px;height:1px;background:#666;}
.list-arrow li{position:relative;padding:0 0 0 14px;line-height:28px;}
.list-arrow li:after{content:"";position:absolute;top:9px;left:0;width:7px;height:11px;background:url(/images/user/common/icon-arrow-green.png) no-repeat 0 0;}
.list-arrow02 li{position:relative;padding:0 0 0 14px;line-height:28px;}
.list-arrow02 li:after{content:"";position:absolute;top:10px;left:0;width:5px;height:7px;background:url(/images/user/common/icon-arrow-right02.png) no-repeat 0 0;}
.num-indent > li{text-indent:-15px;padding:0 0 0 15px;line-height:28px;}
.num-indent > li:after{background:none;}
.indent-text{text-indent:-15px;padding:0 0 0 15px;line-height:28px;}
.indent-none > li{text-indent:0;}

/* pagination */
.pagination{margin:26px 0 40px 0;text-align:center;}
.pagination strong, .pagination span a, .pagination img{vertical-align:middle;text-align:center;}
.pagination img{height:28px;width:28px;margin:0 1px 4px;}
.pagination span a{display:inline-block;background:#fff;border:1px solid #dbdbdb;height:28px;width:28px;padding:4px 0 0 0;margin:0 1px 4px;font-size:12px;}
.pagination strong{display:inline-block;vertical-align:top;background:#585858;border:1px solid #585858;color:#fff;height:28px;width:28px;padding:2px 0 0 0;margin:0 1px;}
.pagination .next02, .pagination .prev02{display:inline-block;}

/* 탭메뉴 */
.tab-list {margin-bottom:40px; border-collapse:collapse; border:1px solid #192c7f; font-size:22px; line-height:1.3; word-break:keep-all; overflow:hidden;}
.tab-list.tab-map{min-width:420px;max-width:420px;margin:0 auto 40px;}
.tab-list.tab-performance{min-width:830px;max-width:830px;margin:0 auto 40px;}
.tab-list:after {display:block; clear:both; content:'';}
.tab-list li {display:table-cell; float:none; margin:0; border-left:1px solid #192c7f; vertical-align:middle; background-color:#fff;}
.tab-list li:first-child{border-left:none;}
.tab-list li a {display:table; width:100%; text-decoration:none;color:#000;}
.tab-list li a span {display:table-cell; width:1%; height:55px; padding:1px 20px 0; text-align:center; vertical-align:middle;}
.tab-list li.on{background:#d9ddeb;}
.tab-list li.on a span {padding-top:2px;  font-weight:500; color:#16297e;}
.tab-list {width:100%; min-width:100%; }
.tab-list li {display:table-cell; width:1%; }
.tab-list-matrix {margin-bottom:60px; border-top:1px solid #192c7f; font-size:18px; line-height:1.3; word-break:keep-all; background:url(/images/common/bg-tab-matrix.png);}
.tab-list-matrix:after {display:block; clear:both; content:'';}
.tab-list-matrix li {float:left; width:232px; height:69px; padding:1px;}
.tab-list-matrix li:nth-child(5n+1) {border-left:1px solid #192c7f;}
.tab-list-matrix li a {display:table; width:100%; text-decoration:none; background-color:#fff;}
.tab-list-matrix li a span {display:table-cell; width:1%; height:67px; padding:0 30px; text-align:center; vertical-align:middle;}
.tab-list-matrix li.on {font-weight:500; color:#fff; background-color:#4400aa;}
.tab-list-matrix li.on a {background-color:transparent;}
.tab-cont {display:none;}

/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}

/* padding */
.pd0{padding:0 !important;}
.pt16{padding-top:16px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pb0{padding-bottom:0px !important;}
.pb30{padding-bottom:30px !important;}
.pr30{padding-right:30px !important;}

caption {
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}